/**
 * Free Style 3 — Home
 * Hero, home trust strip, home category grid, testimonials band.
 */

/* ---- Hero ---- */
.fsp-hero {
	background:
		radial-gradient(1200px 500px at 85% -10%, var(--fsp-green-100), transparent 60%),
		var(--fsp-surface);
	border-block-end: 1px solid var(--fsp-border);
}

.fsp-hero__inner {
	display: grid;
	gap: var(--fsp-space-8);
	padding-block: var(--fsp-space-12);
	align-items: center;
}

/* desktop ≥64rem */
@media (min-width: 64rem) {
	.fsp-hero__inner {
		grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
		padding-block: var(--fsp-space-20);
	}
}

.fsp-hero__headline {
	font-size: var(--fsp-text-4xl);
	letter-spacing: -0.02em;
	margin-block-end: var(--fsp-space-4);
}

.fsp-hero__subline {
	font-size: var(--fsp-text-lg);
	color: var(--fsp-text-soft);
	max-width: 54ch;
	margin-block-end: var(--fsp-space-6);
}

.fsp-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--fsp-space-3);
}

/* Decorative panel */
.fsp-hero__panel {
	display: none;
}

/* desktop ≥64rem */
@media (min-width: 64rem) {
	.fsp-hero__panel {
		display: block;
	}
}

.fsp-hero__panel-card {
	background: var(--fsp-surface);
	border: 1px solid var(--fsp-border);
	border-radius: var(--fsp-radius-lg);
	box-shadow: var(--fsp-shadow-lg);
	padding: var(--fsp-space-8);
	display: flex;
	flex-direction: column;
	gap: var(--fsp-space-4);
	transform: rotate(2deg);
}

.fsp-hero__panel-badge {
	align-self: flex-start;
	background: var(--fsp-green-100);
	color: var(--fsp-green-900);
	font-weight: 800;
	font-size: var(--fsp-text-sm);
	padding: var(--fsp-space-2) var(--fsp-space-4);
	border-radius: var(--fsp-radius-pill);
}

.fsp-hero__panel-line {
	height: 14px;
	border-radius: var(--fsp-radius-pill);
	background: var(--fsp-ink-075);
}

.fsp-hero__panel-line--short {
	width: 60%;
}

/* ---- Home trust strip ---- */
.fsp-home-trust {
	background: var(--fsp-surface);
	border-block-end: 1px solid var(--fsp-border);
	color: var(--fsp-heading);
}

/* ---- Home sections ---- */
.fsp-home-categories .fsp-section-heading,
.fsp-home-testimonials .fsp-section-heading {
	margin-inline: auto;
	text-align: center;
}