/*
Lamy LP — Fit Check Teaser (Phase 7)

Strategy F1 — full-width centered block. Matches design source layout
(LPFitCheck lines 771-864).

Section alternation: --bg-primary (#050505), alternating from
Authority (#0A0A0A) above.

CTA reuses the global .btn-cta-primary + .btn-cta-primary--lg utility
classes from lp.css (defined Phase 1, reused in Hero/Header/Authority).
No new CTA CSS in this stylesheet.

Purple Accent F: top-left corner (corner position 3 — first unused corner
after Phase 6's top-right + bottom-left).
*/

/* ============================================================
   Section
   ============================================================ */
.lp-fit-check {
	position: relative;
	overflow: hidden;
	background: var(--bg-primary);
	padding-inline: clamp(64px, 10vw, 128px);
	/* Phase 8.9.6: desktop max 96px -> 64px (round 2 spacing reduction).
	   Phase 8.9.8: round 3 reduction - clamp(48, 8vw, 64) -> clamp(32, 5vw, 40). */
	padding-block: clamp(32px, 5vw, 40px);
}

.lp-fit-check > .lp-divider-gradient {
	height: 1px;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	margin-block: clamp(48px, 8vw, 96px);
	margin-block-start: 0;
	background: var(--accent-gradient);
	border: 0;
}

/* Purple Accent Location F — top-left corner (corner 3) */
.lp-fit-check__bg-glow {
	position: absolute;
	top: -10%;
	left: -10%;
	width: 60%;
	height: 70%;
	background: radial-gradient(circle, var(--purple-atmosphere) 0%, transparent 70%);
	filter: blur(100px);
	opacity: 0.10;
	z-index: 0;
	pointer-events: none;
}

.lp-fit-check .lp-container {
	position: relative;
	z-index: 1;
	max-width: 800px;
}

/* ============================================================
   Pill section label (scoped — same pattern as prior phases)
   G-3 fix: this label reads "בדיקת התאמה" (no ה־ prefix).
   ============================================================ */
.lp-fit-check .lp-section-label {
	display: inline-block;
	font-family: 'Heebo', sans-serif;
	font-size: 14px;
	font-weight: 600;
	padding: 6px 14px;
	background: rgba(212, 175, 55, 0.1);
	border: 1px solid var(--gold-primary);
	border-radius: 999px;
	color: var(--gold-highlight);
	margin-bottom: 16px;
	letter-spacing: 0.02em;
	text-transform: none;
}

.lp-fit-check .lp-section-label::before,
.lp-fit-check .lp-section-label::after {
	content: none;
}

/* ============================================================
   Heading
   ============================================================ */
.lp-fit-check__heading {
	font-family: 'Rubik', 'Heebo', sans-serif;
	font-weight: 800;
	font-size: clamp(28px, 4vw, 48px);
	color: var(--text-heading);
	text-wrap: balance;
	letter-spacing: -0.01em;
	line-height: 1.15;
	margin: 0 0 24px 0;
	text-align: center;
}

/* ============================================================
   Intro
   ============================================================ */
.lp-fit-check__intro {
	font-family: 'Heebo', sans-serif;
	font-weight: 400;
	font-size: clamp(16px, 1.4vw, 17px);
	color: var(--text-body);
	max-width: 700px;
	margin: 0 auto clamp(24px, 3vw, 32px) auto;
	line-height: 1.7;
	text-align: center;
	text-wrap: pretty;
}

/* ============================================================
   Bullets — what we examine (4 items)
   ============================================================ */
.lp-fit-check__bullets {
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 600px;
	margin: clamp(24px, 3vw, 40px) auto;
	padding: 0;
	list-style: none;
}

.lp-fit-check__bullet {
	display: flex;
	align-items: center;
	gap: 12px;
	font-family: 'Heebo', sans-serif;
	font-weight: 400;
	font-size: clamp(15px, 1.3vw, 17px);
	color: var(--text-body);
	line-height: 1.55;
	text-align: right;
}

.lp-fit-check__bullet-icon {
	display: inline-flex;
	width: 24px;
	height: 24px;
	color: var(--gold-primary);
	flex-shrink: 0;
}

.lp-fit-check__bullet-icon svg {
	width: 100%;
	height: 100%;
}

.lp-fit-check__bullet-text {
	flex: 1;
	text-wrap: pretty;
}

/* ============================================================
   Risk Reversal block (Brief §7 Section 7 + locked copy verbatim).
   Highlighted card with gold border and inline-start gold accent bar.
   ============================================================ */
.lp-fit-check__risk-reversal {
	margin: clamp(24px, 3vw, 36px) auto 0;
	max-width: 760px;
	padding: clamp(20px, 2.5vw, 28px);
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(212, 175, 55, 0.22);
	border-radius: 14px;
	border-inline-start: 3px solid var(--gold-primary);
}

.lp-fit-check__risk-reversal p {
	margin: 0;
	font-family: 'Heebo', sans-serif;
	font-weight: 500;
	font-size: clamp(16px, 1.45vw, 18px);
	color: var(--text-heading);
	line-height: 1.7;
	text-align: right;
	text-wrap: pretty;
}

.lp-fit-check__risk-reversal-name {
	color: var(--gold-primary);
	font-weight: 700;
}

/* ============================================================
   Microcopy — duration + commitment line
   ============================================================ */
.lp-fit-check__microcopy {
	margin: 20px auto 0;
	max-width: 600px;
	color: var(--text-meta);
	font-size: 14px;
	line-height: 1.75;
	text-align: center;
}

.lp-fit-check__microcopy p {
	margin: 0;
}

/* ============================================================
   CTA wrap — reuses global .btn-cta-primary + --lg from lp.css
   ============================================================ */
.lp-fit-check__cta-wrap {
	display: flex;
	justify-content: center;
	margin-block-start: clamp(28px, 3vw, 40px);
}