/* ===== DESIGN PREVIEW v2 — HOME ONLY (loaded only on "/", scoped to body.v2) =====
   Tall condensed ALL-CAPS display type (self-hosted Bebas Neue, SIL OFL 1.1), body stays system-ui.
   Black canvas with soft blurred #FA6C00 / amber glows. Visual restyle only: no content, link or behaviour changes. */
@font-face{font-family:"Bebas Neue";src:url("/assets/fonts-v2/bebas-neue.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
body.v2{
  --v2-orange:#fa6c00;--v2-deep:#c84b00;--v2-amber:#ffa53a;--v2-ember:#ff7a1a;
  --display:"Bebas Neue","Oswald","Arial Narrow",Impact,ui-sans-serif,system-ui,sans-serif;
  --line:rgba(255,255,255,.07);--line-2:rgba(255,255,255,.12);
  --glass:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  background:#050505;
}
/* ---------- glow canvas ---------- */
body.v2::before{background:
  radial-gradient(760px 560px at 88% 4%,rgba(250,108,0,.30),transparent 62%),
  radial-gradient(620px 520px at 6% 38%,rgba(200,75,0,.18),transparent 64%),
  radial-gradient(560px 460px at 96% 72%,rgba(255,165,58,.12),transparent 62%),
  radial-gradient(700px 520px at 18% 100%,rgba(250,108,0,.16),transparent 64%),
  #050505;filter:saturate(1.05)}
body.v2 main{position:relative;isolation:isolate;overflow-x:clip}
body.v2 main>.section{position:relative}
body.v2 main>.section::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(820px,90vw);height:min(520px,70vw);border-radius:50%;
  filter:blur(90px);opacity:.55;background:radial-gradient(closest-side,rgba(250,108,0,.55),rgba(200,75,0,.18) 60%,transparent);top:8%;left:-18%}
body.v2 main>.section:nth-of-type(even)::before{left:auto;right:-20%;top:22%;background:radial-gradient(closest-side,rgba(255,165,58,.42),rgba(250,108,0,.14) 60%,transparent);opacity:.45}
body.v2 main>.section:nth-of-type(3n)::before{top:40%;opacity:.35}
body.v2 main>.section[hidden]::before{display:none}
/* ---------- display type ---------- */
body.v2 h1,body.v2 h2,body.v2 .display{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.012em;line-height:.9}
body.v2 h1{font-size:clamp(3.5rem,8.8vw,7.4rem);margin-bottom:24px;text-wrap:balance}
body.v2 h2{font-size:clamp(2.8rem,6vw,5rem);text-wrap:balance}
body.v2 main h3{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(1.55rem,2.2vw,1.9rem);line-height:1}
body.v2 h1 em,body.v2 h2 em,body.v2 main h3 em{font-style:normal;color:var(--v2-orange);background:linear-gradient(180deg,var(--v2-amber) 0%,var(--v2-orange) 55%,var(--v2-deep) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 22px rgba(250,108,0,.38))}
body.v2 .eyebrow{font-family:var(--display);font-size:1.15rem;letter-spacing:.24em;color:var(--v2-amber)}
body.v2 .eyebrow::before{background:linear-gradient(90deg,transparent,var(--v2-orange))}
body.v2 .lead{font-weight:400;color:#cfc9c2}
body.v2 .step-num{font-family:var(--display);font-size:3rem;letter-spacing:.02em;line-height:1;color:var(--v2-orange);text-shadow:0 0 24px rgba(250,108,0,.5)}
/* big numbers (facts, stats, prices, deltas) */
body.v2 .facts b,body.v2 .stat b,body.v2 .stat strong,body.v2 .price,body.v2 .rs-d,body.v2 .hb-v{font-family:var(--display);font-weight:400;letter-spacing:.02em}
body.v2 .facts b{font-size:2.6rem;line-height:1;color:var(--v2-orange);text-shadow:0 0 20px rgba(250,108,0,.4)}
body.v2 .price{font-size:clamp(3.4rem,5vw,4.4rem);line-height:.95}
body.v2 .plan-name{font-size:2.2rem}
/* ---------- pill CTAs ---------- */
body.v2 .btn{text-transform:uppercase;font-weight:800;letter-spacing:.09em;font-size:.86rem;--h:56px;padding:0 30px;border-radius:999px}
body.v2 .btn-sm{--h:42px;padding:0 20px;font-size:.76rem}
body.v2 .btn-primary{background:linear-gradient(180deg,var(--v2-ember) 0%,var(--v2-orange) 55%,var(--v2-deep) 100%);color:#0a0603;border:1px solid rgba(255,165,58,.6);
  box-shadow:0 0 0 1px rgba(250,108,0,.25),0 14px 44px -10px rgba(250,108,0,.75),inset 0 1px 0 rgba(255,220,180,.55)}
body.v2 .btn-primary:hover{background:linear-gradient(180deg,var(--v2-amber),var(--v2-orange));color:#000;box-shadow:0 0 0 1px rgba(255,165,58,.4),0 20px 56px -10px rgba(250,108,0,.9),inset 0 1px 0 rgba(255,230,200,.6)}
body.v2 .btn-ghost{border:1px solid rgba(250,108,0,.45);background:rgba(250,108,0,.06);color:#f6f3ef}
body.v2 .btn-ghost:hover{border-color:var(--v2-orange);background:rgba(250,108,0,.14);color:#fff}
body.v2 .chip{border-radius:999px;border:1px solid rgba(250,108,0,.45);background:rgba(250,108,0,.08);text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:.74rem}
/* ---------- cards: dark glass + orange rim light, never white ---------- */
body.v2 .card{background:linear-gradient(180deg,rgba(18,14,12,.78),rgba(8,8,9,.82));border:1px solid rgba(255,255,255,.07);
  box-shadow:0 40px 80px -50px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.05)}
body.v2 .card.hover:hover{border-color:rgba(250,108,0,.5);box-shadow:0 40px 90px -40px rgba(250,108,0,.45),inset 0 1px 0 rgba(255,255,255,.06)}
body.v2 .plan.featured{border-color:rgba(250,108,0,.7);box-shadow:0 0 0 1px rgba(250,108,0,.35),0 50px 110px -40px rgba(250,108,0,.6)}
body.v2 .vs-us{border-color:rgba(250,108,0,.55);box-shadow:0 50px 110px -50px rgba(250,108,0,.55)}
body.v2 .cta-band{background:radial-gradient(120% 140% at 50% 0%,rgba(250,108,0,.35),rgba(200,75,0,.12) 45%,rgba(8,8,9,.9) 75%);border:1px solid rgba(250,108,0,.4);border-radius:32px}
body.v2 .rs-shot,body.v2 .shot{background:#0d0d0f}
body.v2 .faq details{border-color:rgba(255,255,255,.08)}
body.v2 .faq summary{font-weight:700}
body.v2 .marquee{border-block:1px solid rgba(250,108,0,.25);background:linear-gradient(90deg,rgba(250,108,0,.06),rgba(250,108,0,.12),rgba(250,108,0,.06))}
body.v2 .marquee-track{font-family:var(--display);letter-spacing:.14em;font-size:1.5rem}
body.v2 .jumpnav a{border-radius:999px}
body.v2 .seal{filter:drop-shadow(0 0 30px rgba(250,108,0,.45))}
/* ---------- hero ---------- */
body.v2 .hero-home{padding-top:clamp(40px,6vw,84px)}
body.v2 .hero-home::after{background:linear-gradient(90deg,transparent,rgba(250,108,0,.7),transparent)}
body.v2 .hero-grid{grid-template-columns:1.05fr .95fr;align-items:center}
body.v2 .hero .visual{position:relative;display:flex;flex-direction:column;align-items:flex-end;min-height:640px;padding-right:2%}
body.v2 .hero .visual .phone-mock{margin:0}
body.v2 .hero .visual .tracker{position:absolute;left:-6%;bottom:6px;width:252px;padding:16px 16px 12px;z-index:3;font-size:.8rem;line-height:1.35;
  background:linear-gradient(180deg,rgba(22,16,12,.94),rgba(8,8,9,.96));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:rgba(250,108,0,.4);
  box-shadow:0 30px 70px -20px rgba(0,0,0,.95),0 0 50px -20px rgba(250,108,0,.6)}
body.v2 .hero .visual .tracker .tracker-top{margin-bottom:10px}
body.v2 .hero .visual .tracker .tracker-top strong{font-size:.86rem}
body.v2 .hero .visual .tracker .steps-mini{gap:6px}
body.v2 .hero .visual .tracker .steps-mini li{padding:7px 9px;gap:9px}
body.v2 .hero .visual .tracker .steps-mini b{font-size:.8rem}
body.v2 .hero .visual .tracker .steps-mini span{font-size:.7rem;line-height:1.3}
body.v2 .hero .visual .tracker .steps-mini .n{width:24px;height:24px;font-size:.72rem}
body.v2 .hero .visual .tracker .caption{font-size:.64rem;margin-top:6px}
/* phone mockup */
.phone-mock{position:relative;width:min(318px,82vw);margin:0 auto;z-index:2}
.pm-glow{position:absolute;inset:8% -30% -6%;z-index:-1;border-radius:50%;filter:blur(70px);
  background:radial-gradient(closest-side,rgba(250,108,0,.75),rgba(200,75,0,.28) 55%,transparent);animation:pmPulse 7s ease-in-out infinite}
@keyframes pmPulse{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
.pm-frame{position:relative;border-radius:46px;padding:14px 14px 16px;background:linear-gradient(160deg,#2a2622,#0d0c0c 40%,#191715);
  border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 2px #050505,0 0 0 3px rgba(255,255,255,.08),0 60px 120px -40px rgba(0,0,0,.95),0 30px 90px -30px rgba(250,108,0,.55)}
.pm-frame>*{position:relative}
.pm-frame::before{content:"";position:absolute;inset:14px 14px 16px;border-radius:34px;background:linear-gradient(180deg,#0e0d0d,#070707)}
.pm-notch{width:96px;height:26px;border-radius:20px;background:#000;margin:4px auto 0;z-index:2}
.pm-status{display:flex;justify-content:space-between;align-items:center;padding:0 18px;margin-top:-22px;height:22px;font:600 .72rem/1 system-ui,sans-serif;color:#eee}
.pm-icons{display:flex;gap:3px;align-items:flex-end}.pm-icons i{display:block;width:3px;background:#eee;border-radius:1px}.pm-icons i:nth-child(1){height:5px}.pm-icons i:nth-child(2){height:8px}.pm-icons i:nth-child(3){height:11px}
.pm-head{display:flex;align-items:center;gap:10px;padding:16px 16px 12px;border-bottom:1px solid rgba(255,255,255,.07)}
.pm-head img{width:34px;height:34px;border-radius:50%;border:1px solid rgba(250,108,0,.5)}
.pm-head b{display:block;font:700 .9rem/1.2 system-ui,sans-serif;color:#f6f3ef}.pm-head span{font-size:.7rem;color:#9a948e}
.pm-thread{display:flex;flex-direction:column;gap:9px;padding:14px 14px 10px;min-height:330px}
.pm-day{align-self:center;font-size:.66rem;color:#8d8781;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}
.pm-msg{max-width:82%;opacity:0;transform:translateY(8px);animation:pmIn .5s var(--ease) forwards}
.pm-msg p{margin:0;padding:9px 13px;font:400 .86rem/1.38 system-ui,sans-serif;border-radius:18px}
.pm-msg.in{align-self:flex-start}.pm-msg.in p{background:#26231f;color:#f2eee9;border-bottom-left-radius:6px}
.pm-msg.out{align-self:flex-end}.pm-msg.out p{background:linear-gradient(180deg,#ff7a1a,#fa6c00 60%,#e05e00);color:#120800;font-weight:500;border-bottom-right-radius:6px;box-shadow:0 8px 24px -10px rgba(250,108,0,.8)}
.pm-msg:nth-of-type(1){animation-delay:.25s}.pm-msg:nth-of-type(2){animation-delay:.9s}.pm-msg:nth-of-type(3){animation-delay:1.6s}.pm-msg:nth-of-type(4){animation-delay:2.3s}
@keyframes pmIn{to{opacity:1;transform:none}}
.pm-typing{align-self:flex-start;display:flex;gap:4px;padding:10px 13px;background:#26231f;border-radius:18px;border-bottom-left-radius:6px;opacity:0;animation:pmIn .4s 3s forwards}
.pm-typing i{width:6px;height:6px;border-radius:50%;background:#8d8781;animation:pmDot 1.2s infinite}.pm-typing i:nth-child(2){animation-delay:.15s}.pm-typing i:nth-child(3){animation-delay:.3s}
@keyframes pmDot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.pm-input{display:flex;justify-content:space-between;align-items:center;margin:4px 12px 4px;padding:8px 8px 8px 14px;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:.75rem;color:#77716b}
.pm-input b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fa6c00;color:#120800;font-size:.8rem}
.pm-caption{text-align:center;font-size:.68rem;color:#8d8781;margin:12px 0 0}
@media (prefers-reduced-motion:reduce){.pm-msg,.pm-typing{animation:none;opacity:1;transform:none}.pm-glow{animation:none}}
/* hero badges sit around the phone */
body.v2 .hero .visual .hero-badge{z-index:4}
/* ---------- responsive ---------- */
@media (max-width:1100px){body.v2 .hero .visual .tracker{left:-10%;width:230px}}
@media (max-width:920px){
  body.v2 .hero-grid{grid-template-columns:1fr}
  body.v2 .hero .visual{min-height:0;margin-top:12px;align-items:center;padding-right:0}
  body.v2 .hero .visual .tracker{position:relative;left:auto;bottom:auto;width:100%;margin-top:22px}
  body.v2 main>.section::before{width:120vw;height:90vw;left:-40%;filter:blur(70px)}
  body.v2 main>.section:nth-of-type(even)::before{right:-50%}
}
@media (max-width:560px){
  body.v2 h1{font-size:clamp(3.1rem,15vw,4.4rem)}
  body.v2 h2{font-size:clamp(2.5rem,11.5vw,3.4rem)}
  body.v2 .btn{letter-spacing:.07em;font-size:.8rem;padding:0 20px}
  .pm-thread{min-height:0}
}
@media (min-width:921px){body.v2 .hero .visual .hb-score{left:auto;right:-18px;bottom:-34px}body.v2 .hero .visual .hb-fund{right:-30px;top:6px}}
body.v2 .hero .visual .tracker .badge{white-space:nowrap;font-size:.62rem;padding:4px 8px}
@media (max-width:560px){body.v2 .facts b{font-size:1.9rem;white-space:nowrap}body.v2 .facts span{font-size:.78rem}}
body.v2 .site-footer h2{font-size:1.3rem;letter-spacing:.2em;line-height:1.2;color:var(--v2-amber);margin-bottom:14px}

/* rollout: mobile sticky bar fits at 390 */
body.v2 .sticky-cta{gap:8px}
body.v2 .sticky-cta .btn{min-width:0;letter-spacing:.04em;font-size:.72rem;padding-left:14px;padding-right:14px;white-space:nowrap}
body.v2 .sticky-cta .btn-primary{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}
body.v2 .sticky-cta .btn-primary .arrow{display:none}
/* rollout: third-party embed frame stays dark around the widget */
body.v2 .embed{background:#0d0d0f;border:1px solid rgba(250,108,0,.25);border-radius:22px}