/* =========================================================================
   Time2OwnIt home page (landing v2)
   Scoped to .lp so it cannot leak into style.css-driven pages.
   ========================================================================= */
.lp{
	--lp-navy:#14295e; --lp-navy-950:#081431; --lp-navy-900:#0b1a3f; --lp-navy-700:#1d3a80;
	--lp-teal:#6eb7ab; --lp-teal-200:#bfe6de; --lp-teal-300:#a8dcd2; --lp-teal-700:#2f7d71;
	--lp-mint:#ebf2f1; --lp-mint-2:#f4f8f7; --lp-line:#dbe6e4; --lp-line-2:#c2d8d4;
	--lp-ink:#14295e; --lp-body:#44506a; --lp-muted:#6b7689; --lp-gold:#e8c468;
	--lp-ease:cubic-bezier(.2,.7,.2,1);
	color:var(--lp-body);
	font-family:'Inter',system-ui,-apple-system,sans-serif;
	line-height:1.5;
}
/* Reset at element specificity: beats style.css globals (loaded earlier) but never the .lp-* rules below */
:where(.lp) p, :where(.lp) h1, :where(.lp) h2, :where(.lp) h3, :where(.lp) h4, :where(.lp) ul, :where(.lp) ol, :where(.lp) figure, :where(.lp) blockquote{ margin:0; padding:0; }
:where(.lp) img, :where(.lp) svg{ display:block; }

.lp-wrap{ max-width:1160px; margin:0 auto; padding:0 32px; }
.lp-sec{ position:relative; padding:clamp(88px,10vw,136px) 0; }
.lp-head{ text-align:center; max-width:760px; margin:0 auto clamp(48px,6vw,72px); }
.lp-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--lp-teal-700); margin-bottom:20px; }
.lp-eyebrow::before,.lp-eyebrow::after{ content:''; width:20px; height:1.5px; background:currentColor; opacity:.5; }
.lp-h2{ font-size:clamp(32px,4.2vw,52px); font-weight:800; color:var(--lp-ink); line-height:1.08; letter-spacing:-.03em; text-wrap:balance; }
.lp-lede{ font-size:clamp(17px,1.5vw,20px); color:var(--lp-body); line-height:1.55; margin-top:18px; text-wrap:balance; }
.lp-ico{ width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.lp-arrow{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; transition:transform .25s var(--lp-ease); position:relative; z-index:2; }

/* Buttons (keep .check-risk-btn on them so script.js opens the assessment) */
.lp-btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; border-radius:999px; font-family:inherit; font-weight:600; letter-spacing:-.005em; transition:transform .25s var(--lp-ease), box-shadow .25s var(--lp-ease), background .2s; white-space:nowrap; cursor:pointer; border:0; }
.lp-btn > span{ position:relative; z-index:2; }
.lp-btn:hover .lp-arrow{ transform:translateX(3px); }
.lp-btn:focus-visible{ outline:3px solid var(--lp-teal-300); outline-offset:3px; }
.lp-btn-teal{ background:var(--lp-teal); color:var(--lp-navy-950); padding:18px 34px; font-size:16.5px; box-shadow:0 14px 34px -12px rgba(110,183,171,.75), inset 0 1px 0 rgba(255,255,255,.35); }
.lp-btn-teal:hover{ transform:translateY(-2px); background:#7cc3b7; box-shadow:0 20px 40px -12px rgba(110,183,171,.85), inset 0 1px 0 rgba(255,255,255,.35); }
.lp-btn-navy{ background:var(--lp-navy); color:#fff; padding:18px 34px; font-size:16.5px; box-shadow:0 14px 34px -14px rgba(20,41,94,.7); }
.lp-btn-navy:hover{ transform:translateY(-2px); background:var(--lp-navy-700); }

.lp-note{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px 18px; margin-top:18px; font-size:13.5px; color:rgba(255,255,255,.68); }
.lp-note > span{ display:inline-flex; align-items:center; gap:6px; }
.lp-note .lp-ico{ width:15px; height:15px; color:var(--lp-teal); stroke-width:2.4; }

/* Scroll reveal (only when JS + motion are available) */
.lp-anim .lp-reveal{ opacity:0; transform:translateY(24px); transition:opacity .9s var(--lp-ease), transform .9s var(--lp-ease); }
.lp-anim .lp-reveal.is-in{ opacity:1; transform:none; }

/* =========================================================
   1. HERO (centred)
   ========================================================= */
.lp-hero{ position:relative; min-height:max(760px, min(100vh, 1000px)); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#fff; padding:150px 0 72px; overflow:hidden; background:var(--lp-navy-900); isolation:isolate; }
.lp-hero-bg{ position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:center 30%; transform:scale(1.04); }
.lp-hero-ov{ position:absolute; inset:0; z-index:-1; background:
	radial-gradient(ellipse 70% 60% at 50% 42%, rgba(11,26,63,.62) 0%, rgba(11,26,63,.86) 70%),
	linear-gradient(180deg, rgba(8,20,49,.70) 0%, rgba(11,26,63,.55) 35%, rgba(8,20,49,.96) 100%); }
.lp-hero-ov::after{ content:''; position:absolute; left:50%; top:46%; width:900px; height:900px; transform:translate(-50%,-50%); background:radial-gradient(circle, rgba(110,183,171,.16), transparent 60%); }
.lp-hero-in{ position:relative; width:100%; max-width:1200px; padding:0 32px; display:flex; flex-direction:column; align-items:center; }

/* Award: shared partial, restyled here as a floating, centred mark (no badge) */
.lp-hero .award-badge{ display:flex; flex-direction:column; align-items:center; gap:10px; margin:0; padding:0; background:none; border:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; text-align:center; }
.lp-hero .award-trophy-wrap{ position:relative; display:grid; place-items:center; width:56px; height:56px; margin:0; padding:0; background:none; border:0; border-radius:0; box-shadow:none; }
.lp-hero .award-trophy-wrap::before{ content:''; position:absolute; inset:-14px; border-radius:50%; background:radial-gradient(circle, rgba(232,196,104,.32), rgba(232,196,104,0) 65%); filter:blur(2px); }
.lp-hero .award-trophy{ position:relative; width:34px; height:auto; filter:drop-shadow(0 6px 14px rgba(232,196,104,.35)); }
.lp-hero .award-text{ display:flex; flex-direction:column; align-items:center; text-align:center; }
.lp-hero .award-title{ display:block; font-size:15px; font-weight:700; color:var(--lp-gold); letter-spacing:.02em; }
.lp-hero .award-org{ display:block; font-size:13px; color:rgba(255,255,255,.66); margin-top:4px; letter-spacing:.01em; }

.lp-h1{ margin-top:30px; font-size:clamp(44px,5.4vw,80px); font-weight:800; line-height:.98; letter-spacing:-.04em; color:#fff; }
.lp-h1 > span{ display:block; }
.lp-h1 .lp-l2{ background:linear-gradient(92deg, #6eb7ab 10%, #bfe6de 55%, #6eb7ab 95%); -webkit-background-clip:text; background-clip:text; color:transparent; padding-bottom:.06em; }
.lp-sub-1{ margin-top:30px; font-size:clamp(19px,1.8vw,24px); font-weight:600; color:#fff; letter-spacing:-.01em; }
.lp-sub-2{ margin:14px auto 0; max-width:600px; font-size:clamp(16px,1.35vw,18.5px); line-height:1.65; color:rgba(255,255,255,.74); text-wrap:balance; }
.lp-hero-cta{ margin-top:42px; display:flex; flex-direction:column; align-items:center; }

.lp-trust{ margin-top:56px; display:flex; flex-wrap:wrap; justify-content:center; row-gap:12px; list-style:none; }
.lp-trust li{ display:inline-flex; align-items:center; gap:8px; padding:0 18px; font-size:13px; font-weight:500; color:rgba(255,255,255,.82); white-space:nowrap; }
.lp-trust li + li{ border-left:1px solid rgba(255,255,255,.16); }
.lp-trust .lp-ico{ width:17px; height:17px; color:var(--lp-teal); }

/* Clinician endorsements */
.lp-endorse{ margin-top:64px; width:min(860px,100%); padding:32px 40px 26px; border-radius:24px; background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)); border:1px solid rgba(255,255,255,.13); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); box-shadow:0 40px 80px -40px rgba(0,0,0,.6); text-align:left; position:relative; }
.lp-endorse-label{ position:absolute; top:-13px; left:50%; transform:translateX(-50%); white-space:nowrap; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--lp-navy-950); background:var(--lp-teal); padding:6px 14px; border-radius:999px; display:inline-flex; align-items:center; gap:7px; }
.lp-endorse-label .lp-ico{ width:13px; height:13px; stroke-width:2.4; }
.lp-rot{ display:grid; }
.lp-q{ grid-area:1/1; opacity:0; visibility:hidden; transition:opacity .6s ease, visibility 0s .6s; display:grid; grid-template-columns:auto 1fr; gap:4px 22px; }
.lp-q.is-on{ opacity:1; visibility:visible; transition:opacity .6s ease .1s; }
.lp-q-mark{ grid-row:1/3; width:36px; height:36px; color:var(--lp-teal); margin-top:4px; }
.lp-q-mark svg{ width:100%; height:100%; fill:currentColor; }
.lp-q-text{ font-size:17.5px; line-height:1.65; color:rgba(255,255,255,.92); cursor:pointer; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; font-style:normal; }
.lp-q-text p{ display:inline; font-size:inherit; line-height:inherit; }
.lp-q-text p + p{ display:none; }
.lp-q-more{ justify-self:start; margin-top:10px; font-size:13.5px; font-weight:600; color:var(--lp-teal-300); display:inline-flex; align-items:center; gap:6px; font-family:inherit; }
.lp-q-more:hover{ color:#fff; }
.lp-q-more .lp-arrow{ width:13px; height:13px; }
.lp-endorse-foot{ margin-top:22px; padding-top:20px; border-top:1px solid rgba(255,255,255,.1); display:flex; align-items:center; justify-content:space-between; gap:20px; }
.lp-authors{ display:grid; min-width:0; }
.lp-auth{ grid-area:1/1; display:flex; align-items:center; gap:14px; min-width:0; opacity:0; visibility:hidden; transition:opacity .6s ease, visibility 0s .6s; }
.lp-auth.is-on{ opacity:1; visibility:visible; transition:opacity .6s ease .1s; }
.lp-av{ flex:none; width:44px; height:44px; border-radius:50%; display:grid; place-items:center; font-size:14px; font-weight:700; color:var(--lp-navy-950); background:linear-gradient(135deg, #a8dcd2, #6eb7ab); }
.lp-auth-n{ display:block; font-size:15px; font-weight:700; color:#fff; }
.lp-auth-r{ display:block; font-size:13px; color:rgba(255,255,255,.62); margin-top:2px; }
.lp-ctrl{ flex:none; display:flex; align-items:center; gap:14px; }
.lp-dots{ display:flex; gap:6px; }
.lp-dots button{ width:7px; height:7px; min-width:0; min-height:0; border-radius:99px; background:rgba(255,255,255,.28); transition:width .35s var(--lp-ease), background .3s; padding:0; }
/* Dots stay visually small; on touch screens give them a bigger invisible hit area */
.lp-dots button{ position:relative; }
.lp-dots button::after{ content:''; position:absolute; inset:-12px -4px; }
.lp-dots button.is-on{ width:22px; background:var(--lp-teal); }
.lp-ctrl-btns{ display:flex; gap:8px; }
.lp-ctrl-btn{ width:36px; height:36px; border-radius:50%; border:1px solid rgba(255,255,255,.2) !important; color:#fff; display:grid; place-items:center; transition:background .2s, border-color .2s; }
.lp-ctrl-btn:hover{ background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.4) !important; }
.lp-ctrl-btn .lp-arrow{ width:14px; height:14px; }

/* Hero entrance */
.lp-anim .lp-hero-in > *{ opacity:0; transform:translateY(18px); animation:lp-rise 1s var(--lp-ease) forwards; }
.lp-anim .lp-hero-in > :nth-child(1){ animation-delay:.05s; }
.lp-anim .lp-hero-in > :nth-child(2){ animation-delay:.15s; }
.lp-anim .lp-hero-in > :nth-child(3){ animation-delay:.25s; }
.lp-anim .lp-hero-in > :nth-child(4){ animation-delay:.32s; }
.lp-anim .lp-hero-in > :nth-child(5){ animation-delay:.42s; }
.lp-anim .lp-hero-in > :nth-child(6){ animation-delay:.52s; }
.lp-anim .lp-hero-in > :nth-child(7){ animation-delay:.64s; }
@keyframes lp-rise{ to{ opacity:1; transform:none; } }

/* =========================================================
   2. WHY TIME2OWNIT IS DIFFERENT (pathway)
   ========================================================= */
.lp-path{ background:linear-gradient(180deg, var(--lp-mint) 0%, var(--lp-mint-2) 100%); }
.lp-stage{ position:relative; overflow:hidden; background:var(--lp-navy); color:#fff; border-radius:32px; padding:clamp(32px,5vw,64px) clamp(28px,5vw,72px); box-shadow:0 50px 100px -50px rgba(20,41,94,.65), 0 0 0 1px rgba(20,41,94,.06); }
.lp-stage::before{ content:''; position:absolute; inset:0; pointer-events:none; background:
	radial-gradient(ellipse 55% 70% at 85% 105%, rgba(110,183,171,.22), transparent 70%),
	radial-gradient(ellipse 40% 50% at 0% 0%, rgba(255,255,255,.06), transparent 70%); }
.lp-stage::after{ content:''; position:absolute; inset:0; pointer-events:none; opacity:.35; background-image:radial-gradient(rgba(255,255,255,.12) 1px, transparent 1px); background-size:22px 22px; -webkit-mask-image:linear-gradient(180deg, #000, transparent 60%); mask-image:linear-gradient(180deg, #000, transparent 60%); }
.lp-lane{ position:relative; z-index:1; display:grid; grid-template-columns:200px 1fr; gap:40px; align-items:start; }
.lp-lane + .lp-lane{ margin-top:48px; padding-top:48px; border-top:1px solid rgba(255,255,255,.09); }
.lp-lane-k{ display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.5); margin-top:12px; }
.lp-lane-k::before{ content:''; width:8px; height:8px; border-radius:50%; border:1.5px dashed rgba(255,255,255,.5); }
.lp-lane-t2o .lp-lane-k{ color:var(--lp-teal); }
.lp-lane-t2o .lp-lane-k::before{ border:0; background:var(--lp-teal); box-shadow:0 0 10px rgba(110,183,171,.8); }
.lp-lane-cap{ margin-top:12px; font-size:13.5px; line-height:1.6; color:rgba(255,255,255,.55); }
.lp-trk{ position:relative; list-style:none; display:grid; grid-template-columns:repeat(5,1fr); }

.lp-ts{ position:relative; display:flex; flex-direction:column; align-items:center; gap:14px; padding:0 8px; text-align:center; font-size:14px; line-height:1.4; color:rgba(255,255,255,.55); }
.lp-ts-dot{ flex:none; width:46px; height:46px; border-radius:50%; display:grid; place-items:center; border:1.5px dashed rgba(255,255,255,.26); color:rgba(255,255,255,.5); background:rgba(255,255,255,.02); }
.lp-ts-dot .lp-ico{ width:19px; height:19px; }
.lp-ts.is-q{ color:#f2a59d; }
.lp-ts.is-q .lp-ts-dot{ border-color:rgba(216,77,66,.7); color:#ef8a80; background:rgba(216,77,66,.08); }
.lp-ts:not(:last-child)::after{ content:''; position:absolute; top:22px; left:calc(50% + 34px); right:calc(-50% + 34px); height:1.5px; background:linear-gradient(90deg, rgba(255,255,255,.22) 0 38%, transparent 38% 62%, rgba(255,255,255,.22) 62%); }

.lp-trk-line{ position:absolute; top:28px; left:10%; right:10%; height:3px; border-radius:3px; background:rgba(110,183,171,.14); }
.lp-trk-line i{ display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg, #6eb7ab, #bfe6de); box-shadow:0 0 16px rgba(110,183,171,.65); transform-origin:left center; transform:scaleX(var(--p,1)); transition:transform 1.6s cubic-bezier(.45,0,.2,1); }
.lp-cs{ position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; text-align:center; padding:0 8px; }
.lp-cs-node{ flex:none; width:58px; height:58px; border-radius:50%; display:grid; place-items:center; background:var(--lp-teal); color:var(--lp-navy); box-shadow:0 0 0 8px rgba(110,183,171,.12), 0 0 30px rgba(110,183,171,.4); transition:transform .5s cubic-bezier(.3,1.4,.5,1), opacity .4s ease; }
.lp-cs-node .lp-ico{ width:24px; height:24px; stroke-width:2; }
.lp-cs-t{ display:block; margin-top:20px; font-size:13px; font-weight:800; letter-spacing:.12em; color:#fff; }
.lp-cs-s{ display:block; margin-top:6px; font-size:14px; line-height:1.45; color:rgba(255,255,255,.68); }
.lp-anim .lp-cs-node{ transform:scale(.55); opacity:.25; }
.lp-anim .lp-cs.is-lit .lp-cs-node{ transform:scale(1); opacity:1; }
.lp-comp{ position:relative; margin:34px 10% 0; display:flex; align-items:center; justify-content:center; gap:10px; padding:14px 20px; border-radius:999px; font-size:12px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:#fff; background:linear-gradient(90deg, rgba(110,183,171,.05), rgba(110,183,171,.24) 50%, rgba(110,183,171,.05)); border:1px solid rgba(110,183,171,.38); }
.lp-comp::before,.lp-comp::after{ content:''; position:absolute; top:-35px; width:1.5px; height:34px; background:linear-gradient(rgba(110,183,171,0), rgba(110,183,171,.55)); }
.lp-comp::before{ left:0; } .lp-comp::after{ right:0; }
.lp-comp .lp-ico{ width:16px; height:16px; color:var(--lp-teal); }
.lp-anim .lp-comp{ opacity:.25; transition:opacity .9s ease 1.6s; }
.lp-anim .is-go .lp-comp{ opacity:1; }

.lp-promise{ text-align:center; margin-top:clamp(56px,7vw,88px); }
.lp-promise-1{ font-size:clamp(24px,2.8vw,34px); font-weight:800; color:var(--lp-ink); letter-spacing:-.025em; line-height:1.2; text-wrap:balance; }
.lp-promise-2{ margin-top:14px; display:flex; flex-wrap:wrap; justify-content:center; gap:8px 10px; }
.lp-promise-2 span{ font-size:14.5px; font-weight:600; color:var(--lp-teal-700); padding:8px 16px; border-radius:999px; background:#fff; border:1px solid var(--lp-line); }

/* =========================================================
   3. WHAT THIS MEANS FOR YOU
   ========================================================= */
.lp-ben{ background:#fff; }
.lp-ben-grid{ list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.lp-ben-card{ position:relative; background:#fff; border:1px solid var(--lp-line); border-radius:18px; padding:34px 32px 32px; transition:transform .35s var(--lp-ease), box-shadow .35s var(--lp-ease), border-color .3s; overflow:hidden; }
.lp-ben-card::after{ content:''; position:absolute; left:0; right:0; top:0; height:3px; background:linear-gradient(90deg, var(--lp-teal), var(--lp-teal-300)); transform:scaleX(0); transform-origin:left; transition:transform .45s var(--lp-ease); }
.lp-ben-card:hover{ transform:translateY(-4px); border-color:var(--lp-line-2); box-shadow:0 24px 48px -24px rgba(20,41,94,.22); }
.lp-ben-card:hover::after{ transform:scaleX(1); }
.lp-anim .lp-ben-card.lp-reveal:hover{ transform:translateY(-4px); }
.lp-ben-top{ display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:26px; }
.lp-ben-ico{ width:52px; height:52px; border-radius:14px; background:var(--lp-mint); color:var(--lp-teal-700); display:grid; place-items:center; border:1px solid var(--lp-line); }
.lp-ben-ico .lp-ico{ width:23px; height:23px; }
.lp-ben-n{ font-size:13px; font-weight:700; color:#b7c4c1; letter-spacing:.06em; font-variant-numeric:tabular-nums; }
.lp-ben-t{ font-size:19px; font-weight:700; color:var(--lp-ink); letter-spacing:-.015em; line-height:1.3; }
.lp-ben-d{ margin-top:10px; font-size:15.5px; line-height:1.65; color:var(--lp-body); }
.lp-ben-close{ margin:clamp(48px,6vw,72px) auto 0; display:flex; flex-wrap:wrap; justify-content:center; gap:10px; list-style:none; }
.lp-ben-close li{ display:inline-flex; align-items:center; gap:8px; font-size:14.5px; font-weight:600; color:var(--lp-ink); padding:10px 18px; border-radius:999px; background:var(--lp-mint); }
.lp-ben-close .lp-ico{ width:15px; height:15px; color:var(--lp-teal-700); stroke-width:2.6; }

/* =========================================================
   4. RISK CHECK
   ========================================================= */
.lp-risk{ background:var(--lp-navy-900); color:#fff; overflow:hidden; isolation:isolate; }
.lp-risk::before{ content:''; position:absolute; inset:0; z-index:-1; background:
	radial-gradient(ellipse 50% 70% at 20% 50%, rgba(110,183,171,.16), transparent 70%),
	radial-gradient(ellipse 50% 60% at 100% 0%, rgba(29,58,128,.6), transparent 70%); }
.lp-risk-grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(48px,7vw,104px); align-items:center; }
.lp-quiz-wrap{ position:relative; display:flex; justify-content:center; }
.lp-quiz-wrap::before{ content:''; position:absolute; width:78%; aspect-ratio:1; border-radius:50%; border:1px solid rgba(110,183,171,.18); top:50%; left:50%; transform:translate(-50%,-50%); }
.lp-quiz-wrap::after{ content:''; position:absolute; width:100%; aspect-ratio:1; border-radius:50%; border:1px dashed rgba(110,183,171,.1); top:50%; left:50%; transform:translate(-50%,-50%); }
.lp-quiz{ position:relative; z-index:1; width:min(420px,100%); background:#fff; color:var(--lp-ink); border-radius:24px; overflow:hidden; box-shadow:0 50px 90px -30px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.06); }
.lp-quiz-bar{ background:var(--lp-navy); color:#fff; padding:22px 26px; }
.lp-quiz-title{ font-size:16px; font-weight:700; color:#fff; }
.lp-quiz-subt{ margin-top:4px; font-size:13px; color:rgba(255,255,255,.65); }
.lp-quiz-body{ padding:24px 26px 28px; }
.lp-quiz-step{ display:flex; justify-content:space-between; align-items:center; font-size:11.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--lp-muted); }
.lp-quiz-tag{ font-size:10.5px; color:var(--lp-teal-700); background:var(--lp-mint); padding:4px 9px; border-radius:999px; }
.lp-quiz-track{ margin-top:12px; height:5px; border-radius:5px; background:#e8eeed; overflow:hidden; }
.lp-quiz-track i{ display:block; width:12.5%; height:100%; background:var(--lp-teal); border-radius:inherit; }
.lp-quiz-eb{ margin-top:24px; font-size:11.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--lp-teal-700); }
.lp-quiz-q{ margin-top:6px; font-size:19px; font-weight:700; letter-spacing:-.01em; color:var(--lp-ink); }
.lp-quiz-opts{ margin-top:18px; display:grid; gap:10px; }
.lp-quiz-opt{ display:flex; align-items:center; gap:12px; padding:14px 16px; border-radius:12px; border:1.5px solid var(--lp-line); font-size:14.5px; font-weight:500; color:var(--lp-body); }
.lp-quiz-opt.is-sel{ border-color:var(--lp-teal); background:#f2f9f7; color:var(--lp-ink); font-weight:600; }
.lp-radio{ width:18px; height:18px; border-radius:50%; border:1.5px solid #b5c3c0; flex:none; }
.is-sel .lp-radio{ border:5px solid var(--lp-teal); }
.lp-quiz-next{ margin-top:22px; width:100%; padding:15px; border-radius:12px; background:var(--lp-navy); color:#fff; font-size:14.5px; font-weight:600; display:flex; align-items:center; justify-content:center; gap:8px; }
.lp-quiz-next .lp-arrow{ width:13px; height:13px; }
.lp-chip{ position:absolute; z-index:2; display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:14px; background:#fff; color:var(--lp-ink); font-size:13px; font-weight:600; box-shadow:0 20px 40px -16px rgba(0,0,0,.5); }
.lp-chip .lp-ico{ width:16px; height:16px; color:var(--lp-teal-700); }
.lp-chip.c1{ top:42%; right:-1%; }
.lp-chip.c2{ bottom:12%; left:0; }

.lp-risk-ico{ width:56px; height:56px; border-radius:16px; display:grid; place-items:center; background:rgba(110,183,171,.12); border:1px solid rgba(110,183,171,.3); color:var(--lp-teal); }
.lp-risk-ico .lp-ico{ width:26px; height:26px; }
.lp-risk-h{ margin-top:28px; font-size:clamp(34px,4vw,52px); font-weight:800; line-height:1.05; letter-spacing:-.035em; color:#fff; }
.lp-risk-b{ margin-top:18px; font-size:18px; line-height:1.6; color:rgba(255,255,255,.75); max-width:460px; }
.lp-facts{ list-style:none; margin-top:32px; display:grid; gap:12px; }
.lp-facts li{ display:flex; align-items:center; gap:14px; font-size:15.5px; font-weight:500; color:rgba(255,255,255,.9); }
.lp-fi{ width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); color:var(--lp-teal); }
.lp-fi .lp-ico{ width:16px; height:16px; }
.lp-risk-cta{ margin-top:40px; display:flex; flex-direction:column; align-items:flex-start; }
.lp-risk-cta .lp-note{ justify-content:flex-start; }
.lp-risk-support{ margin:clamp(64px,8vw,96px) auto 0; max-width:720px; text-align:center; font-size:16px; line-height:1.6; color:rgba(255,255,255,.62); padding-top:32px; border-top:1px solid rgba(255,255,255,.1); }

/* =========================================================
   5. FINAL CTA
   ========================================================= */
.lp-final{ background:var(--lp-mint-2); padding:clamp(72px,9vw,120px) 0; }
.lp-final-card{ position:relative; overflow:hidden; isolation:isolate; text-align:center; border-radius:32px; padding:clamp(56px,7vw,96px) 32px; background:linear-gradient(135deg, #6eb7ab 0%, #8fcbc0 55%, #a8dcd2 100%); box-shadow:0 40px 80px -40px rgba(47,125,113,.6); }
.lp-final-card::before,.lp-final-card::after{ content:''; position:absolute; z-index:-1; border-radius:50%; border:64px solid rgba(255,255,255,.14); }
.lp-final-card::before{ width:520px; height:520px; right:-200px; top:-240px; }
.lp-final-card::after{ width:380px; height:380px; left:-180px; bottom:-220px; border-width:48px; border-color:rgba(20,41,94,.06); }
.lp-final .lp-h2{ color:var(--lp-navy-950); }
.lp-final .lp-lede{ color:rgba(8,20,49,.78); max-width:560px; margin-left:auto; margin-right:auto; }
.lp-final .lp-btn{ margin-top:36px; }
.lp-final .lp-note{ color:rgba(8,20,49,.7); }
.lp-final .lp-note .lp-ico{ color:var(--lp-navy); }

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (min-width:761px){ .lp-h1 > span{ white-space:nowrap; } }
@media (max-width:1180px){ .lp-trust li + li{ border-left:0; } }
@media (max-width:1040px){ .lp-ben-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:860px){
	.lp-risk-grid{ grid-template-columns:minmax(0,1fr); }
	.lp-risk-copy{ order:-1; text-align:center; display:flex; flex-direction:column; align-items:center; }
	.lp-risk-b{ margin-left:auto; margin-right:auto; }
	.lp-facts{ justify-items:start; }
	.lp-risk-cta{ align-items:center; }
	.lp-risk-cta .lp-note{ justify-content:center; }
}
@media (max-width:760px){
	.lp-wrap{ padding:0 20px; }
	.lp-hero{ min-height:0; padding:128px 0 56px; }
	.lp-hero-in{ padding:0 20px; }
	.lp-hero .award-trophy-wrap{ width:48px; height:48px; }
	.lp-hero .award-trophy{ width:30px; }
	.lp-hero .award-title{ font-size:14px; }
	.lp-hero .award-org{ font-size:12px; max-width:280px; }
	.lp-h1{ margin-top:26px; font-size:clamp(38px,11vw,56px); }
	.lp-btn{ white-space:normal; text-align:center; }
	.lp-sub-1{ margin-top:24px; }
	.lp-hero-cta{ width:100%; }
	.lp-hero-cta .lp-btn{ width:100%; }
	.lp-trust{ margin-top:44px; display:grid; grid-template-columns:1fr 1fr; gap:14px 12px; text-align:left; width:100%; }
	.lp-trust li{ padding:0; border:0 !important; align-items:flex-start; white-space:normal; }
	.lp-trust li:last-child{ grid-column:1/-1; justify-content:center; }
	.lp-endorse{ margin-top:52px; padding:30px 22px 22px; }
	.lp-endorse-label{ font-size:10px; letter-spacing:.1em; }
	.lp-q{ grid-template-columns:1fr; }
	.lp-q-mark{ grid-row:auto; width:28px; height:28px; }
	.lp-q-text{ font-size:16px; -webkit-line-clamp:4; }
	.lp-endorse-foot{ flex-direction:column; align-items:flex-start; }
	.lp-ctrl{ width:100%; justify-content:space-between; }

	.lp-lane{ grid-template-columns:1fr; gap:24px; }
	.lp-lane-k{ margin-top:0; }
	.lp-lane + .lp-lane{ margin-top:36px; padding-top:36px; }
	.lp-trk{ grid-template-columns:1fr; gap:26px; }
	.lp-ts{ flex-direction:row; text-align:left; gap:16px; padding:0; }
	.lp-ts:not(:last-child)::after{ top:52px; left:22px; right:auto; width:1.5px; height:16px; background:linear-gradient(180deg, rgba(255,255,255,.24) 0 35%, transparent 35% 65%, rgba(255,255,255,.24) 65%); }
	.lp-trk-wrap{ display:grid; grid-template-columns:1fr 40px; gap:14px; }
	.lp-trk-wrap .lp-trk{ gap:22px; }
	.lp-trk-line{ top:29px; bottom:29px; left:27px; right:auto; width:3px; height:auto; }
	.lp-trk-line i{ transform-origin:center top; transform:scaleY(var(--p,1)); }
	.lp-cs{ flex-direction:row; text-align:left; gap:18px; padding:0; }
	.lp-cs-t{ margin-top:0; }
	.lp-comp{ margin:0; writing-mode:vertical-rl; padding:18px 8px; font-size:10.5px; background:linear-gradient(180deg, rgba(110,183,171,.05), rgba(110,183,171,.24) 50%, rgba(110,183,171,.05)); }
	.lp-comp::before,.lp-comp::after{ display:none; }
	.lp-comp .lp-ico{ transform:rotate(90deg); }

	.lp-ben-grid{ grid-template-columns:1fr; gap:16px; }
	.lp-ben-card{ padding:26px 24px; }
	.lp-ben-top{ margin-bottom:18px; }
	.lp-chip{ display:none; }
	.lp-final-card{ padding:56px 22px; }
	.lp-final .lp-btn{ width:100%; white-space:normal; }
}
@media (prefers-reduced-motion: reduce){
	.lp *, .lp *::before, .lp *::after{ transition:none !important; animation:none !important; }
}