/**
 * MH Theme — homepage sales-flow safety layer.
 *
 * Phase 12 does not redesign the current sections. It adds a light structure
 * layer so the new homepage order reads as a buyer journey instead of a pile
 * of nice blocks.
 */

.site-main[data-mht-page-architecture="home-sales"] [data-mht-section] {
	scroll-margin-top: clamp(84px, 10vw, 128px);
}

.site-main[data-mht-page-architecture="home-sales"] [data-mht-section="problem"] + [data-mht-section="perspective"] {
	margin-top: clamp(-28px, -2vw, -12px);
}

.site-main[data-mht-page-architecture="home-sales"] [data-mht-section="faq"] {
	position: relative;
}

.site-main[data-mht-page-architecture="home-sales"] [data-mht-section="faq"]::before {
	content: "";
	position: absolute;
	inset: 0 auto auto 50%;
	width: min(780px, 78vw);
	height: 1px;
	transform: translateX(-50%);
	background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--mht-color-border, #2C2532) 78%, transparent), transparent);
	opacity: 0.72;
	pointer-events: none;
}

.site-main[data-mht-page-architecture="home-sales"] [data-mht-section="latest-thinking"] {
	--mht-section-intent: authority;
}

.site-main[data-mht-page-architecture="home-sales"] [data-mht-section="final-cta"] {
	--mht-section-intent: action;
}

@media (max-width: 720px) {
	.site-main[data-mht-page-architecture="home-sales"] [data-mht-section="problem"] + [data-mht-section="perspective"] {
		margin-top: 0;
	}
}