@layer components {
	@scope (.home) {
		/* Section 2: Trust Strip */
		.home-trust {
			padding-block: calc(var(--stack) * 2);
			border-block: 1px solid var(--color-border);
		}

		.home-trust__inner {
			display: flex;
			flex-direction: column;
			gap: calc(var(--gutter) * 1.5);
			align-items: center;
		}

		.home-trust__label {
			font-size: var(--font-size-xs);
			font-weight: var(--font-weight-medium);
			letter-spacing: 0.12em;
			text-transform: uppercase;
			color: var(--color-text-faint);
		}

		.home-trust__logos {
			display: flex;
			flex-wrap: wrap;
			gap: calc(var(--gutter) * 1.25);
			justify-content: center;
			align-items: center;
		}

		/* Section header (h2 + optional aside on right) */
		.home-section-header {
			display: flex;
			justify-content: space-between;
			align-items: baseline;
			gap: calc(var(--gutter) * 2);
			flex-wrap: wrap;
		}

		.home-section-header h2 {
			max-inline-size: 600px;
		}

		.home-section-header__aside {
			max-inline-size: 400px;
			color: var(--color-text-muted);
		}

		/* Flush sections (no block padding so a following section runs into them) */
		.home-flush-end {
			padding-block-end: 0;
		}

		.home-flush {
			padding-block: 0;
		}

		/* WINDS row top spacing */
		.home-winds-row {
			padding-block-start: calc(var(--stack) * 3);
		}

		/* Section 8: Process step */
		.home-process {
			background-color: var(--color-bg-dark);
		}

		.home-process h2,
		.home-process h3 {
			color: var(--color-text-invert);
		}

		.home-process p {
			font-size: var(--font-size-sm);
			color: var(--color-text-muted-invert);
		}

		.home-process__grid {
			gap: calc(var(--gutter) * 2);
		}

		.home-process__grid h3 {
			display: flex;
			align-items: baseline;
			gap: calc(var(--gutter) / 2);
		}

		.home-process__grid h3::before {
			content: counter(steps, decimal-leading-zero);
			color: var(--primary);
			font-variant-numeric: tabular-nums;
			font-weight: var(--font-weight-medium);
		}

		/* Section 10: Outcomes grid */
		.home-outcomes {
			padding-block-start: calc(var(--stack) * 3);
			--grid-min-size: clamp(16rem, 40vw, 28rem);
			gap: var(--gutter);
		}
	}
}