:root{
  --ink:#0B1220; --green:#10B981; --deep:#0A9D6C; --slate:#2B2F3A;
  --mint:#F3FBF7; --mintb:#CDE9DC; --muted:#6B7280; --line:#E9EDEB;
  --amber:#E0A400; --red:#E5484D; --maxw:1120px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Poppins',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
section{position:relative}
.eyebrow{font-weight:600;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--deep)}
h2.title{font-weight:700;font-size:clamp(28px,4vw,42px);letter-spacing:-1px;line-height:1.12}
.lead{font-size:17px;color:var(--muted);line-height:1.6}
.btn{display:inline-block;font-weight:600;font-size:15px;padding:13px 22px;border-radius:12px;transition:.15s}
.btn.primary{background:var(--green);color:#fff}
.btn.primary:hover{background:var(--deep)}
.btn.ghost{border:1.5px solid var(--ink);color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}
.btn.light{background:#fff;color:var(--ink)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

/* NAV — transparent at top, solid on scroll */
nav{position:fixed;top:0;left:0;right:0;z-index:50;background:transparent;border-bottom:1px solid transparent;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
nav.scrolled{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 4px 20px rgba(11,18,32,.05)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:66px}
nav img{height:31px;display:block}
.navlinks{display:flex;gap:28px;align-items:center;font-size:13.5px;font-weight:500;color:var(--slate)}
.navlinks a:hover{color:var(--ink)}
.fsocials{display:flex;gap:10px;margin-top:16px}
.fsoc{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid #22304a;color:#cdd6e4;display:flex;align-items:center;justify-content:center;transition:.15s;flex:none}
.fsoc:hover{background:var(--green);color:#04231a;border-color:var(--green)}
.fsoc svg{width:18px;height:18px}
.navdrop{position:relative;display:inline-flex;align-items:center}
.navdrop-t{display:inline-flex;align-items:center;gap:5px;cursor:pointer}
.ncaret{font-size:9px;opacity:.75;transition:transform .16s ease}
.navdrop:hover .ncaret{transform:rotate(180deg)}
.navdrop::after{content:"";position:absolute;left:-8px;right:-8px;top:100%;height:16px}
.navdrop-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);margin-top:8px;min-width:184px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 46px -18px rgba(11,18,32,.34);padding:8px;display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transition:opacity .16s ease,transform .16s ease;z-index:90}
.navdrop:hover .navdrop-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.navdrop-menu a{padding:9px 12px;border-radius:9px;font-size:14px;color:var(--ink)!important;white-space:nowrap}
.navdrop-menu a:hover{background:var(--mint);color:var(--deep)!important}
.navcta{display:flex;align-items:center;gap:18px}
.navcta .signin{color:var(--muted);font-weight:500;font-size:13.5px}
.navcta .signin:hover{color:var(--ink)}
.hamb{display:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;background:none;border:none;cursor:pointer;padding:6px}
.hamb span{display:block;height:2px;width:100%;background:var(--ink);border-radius:2px;transition:transform .25s ease,opacity .2s ease,background .25s ease}
nav:not(.scrolled):not(.menu-open):not(.solid) .hamb span{background:#fff}
.mobmenu{display:none;flex-direction:column;background:#fff;border-top:1px solid var(--line)}
.mobmenu a{padding:14px 24px;font-size:15px;font-weight:500;color:var(--slate);border-bottom:1px solid var(--line)}
.mobmenu a:hover{color:var(--ink);background:var(--mint)}
nav.menu-open{background:#fff;border-bottom-color:var(--line);box-shadow:0 8px 24px rgba(11,18,32,.08)}
nav.menu-open .mobmenu{display:flex}
nav.menu-open .hamb span{background:var(--ink)}
nav.menu-open .hamb span:nth-child(1){transform:translateY(7px) rotate(45deg)}
nav.menu-open .hamb span:nth-child(2){opacity:0}
nav.menu-open .hamb span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mbr{display:none}
@media(max-width:820px){.navlinks{display:none}.navcta .signin{display:none}.hamb{display:flex}.mbr{display:inline}.navcta{gap:8px}.navcta .btn.primary{padding:8px 13px!important;font-size:12.5px;white-space:nowrap}}
@media(max-width:640px){
  .pvideo,.avideo,.fvideo{max-width:380px;margin-left:auto;margin-right:auto}
  .problem .pains,.faq .faq-grid,.objx .objgrid,.analysis .astats{max-width:400px;margin-left:auto;margin-right:auto}
  #how .steps{max-width:340px;margin-left:auto;margin-right:auto}
  /* centre text on mobile */
  .pain{flex-direction:column;align-items:center;text-align:center;gap:8px}
  .faqi summary{justify-content:center;text-align:center}
  .faqi p{text-align:center}
  .pcontent,.pturn-txt{text-align:center}
}
@media(max-width:820px){.qbr{display:none}}

/* HERO */
.hero{position:relative;background:radial-gradient(900px 620px at 74% 46%,rgba(16,185,129,.10),transparent 60%),radial-gradient(1200px 900px at 88% -10%,rgba(120,160,215,.10),transparent 58%),#080D18;color:#fff;padding:104px 0 26px;overflow:hidden;min-height:100vh;display:flex;flex-direction:column}
/* diagonal light beam from top-right (god ray) */
.hero::before{content:"";position:absolute;top:-70%;right:-6%;width:760px;height:230%;z-index:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(150,188,238,.10) 38%,rgba(196,220,255,.22) 50%,rgba(150,188,238,.10) 62%,transparent 100%);transform:rotate(24deg);transform-origin:top center;filter:blur(34px);opacity:.85;animation:herobeam 15s ease-in-out infinite alternate}
@keyframes herobeam{0%{opacity:.6;transform:rotate(26deg) translateX(-3%)}100%{opacity:.95;transform:rotate(21deg) translateX(3%)}}
/* soft second glow lower-left of beam */
.hero::after{content:"";position:absolute;top:-6%;right:6%;width:520px;height:120%;z-index:0;pointer-events:none;background:radial-gradient(50% 40% at 60% 20%,rgba(170,200,245,.14),transparent 62%);filter:blur(30px);animation:herobeam 19s ease-in-out infinite alternate-reverse}
.starfield{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.starfield span{position:absolute;border-radius:50%;background:#d6e4fb;animation:twinkle ease-in-out infinite}
@keyframes twinkle{0%,100%{opacity:.1;transform:translateY(0)}50%{opacity:var(--mo,.7);transform:translateY(-6px)}}
.hero .wrap{position:relative;z-index:2}
@media(prefers-reduced-motion:reduce){.hero::before,.hero::after{animation:none}.starfield span{animation:none;opacity:.4}}
.hero-media{display:flex;justify-content:flex-end;align-items:center;position:relative;z-index:2}
/* coded review animation */
.revanim{position:relative;width:100%;max-width:410px;padding:16px 16px 26px;display:flex;flex-direction:column;gap:12px;transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1),filter .75s ease}
.revanim.fo{opacity:0;transform:translateY(18px) scale(.975);filter:blur(4px)}
.rrow{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:13px;padding:9px 16px;opacity:0;transform:translate(var(--dx,60px),var(--dy,0)) scale(.94);transition:opacity .6s ease,transform .72s cubic-bezier(.19,1,.28,1),filter .5s ease}
.rrow.show{opacity:1;transform:translate(0,0) scale(1)}
.rtick{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:transparent;background:rgba(255,255,255,.16);transform:scale(.82);transition:background .4s ease,transform .45s cubic-bezier(.34,1.56,.64,1),color .3s,box-shadow .4s}
.rrow.on .rtick{background:#10B981;color:#fff;transform:scale(1);box-shadow:0 6px 18px rgba(16,185,129,.45)}
.rl{display:flex;flex-direction:column;gap:8px;flex:1}
.rl i{height:9px;border-radius:6px;background:rgba(255,255,255,.22);display:block}
.rscan{position:absolute;left:10px;right:10px;height:80px;top:0;background:linear-gradient(180deg,rgba(16,185,129,0) 0%,rgba(16,185,129,.10) 55%,rgba(16,185,129,.22) 88%,rgba(52,211,153,.32) 100%);border-radius:12px;opacity:0;pointer-events:none;z-index:3}
.rscan::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#34D399 18%,#eafff6 50%,#34D399 82%,transparent);box-shadow:0 0 14px 2px rgba(52,211,153,.85),0 0 34px 6px rgba(16,185,129,.4)}
.revanim.rscanon .rscan{animation:rscan 1.75s cubic-bezier(.45,0,.55,1)}
@keyframes rscan{0%{opacity:0;top:-62px}12%{opacity:1}82%{opacity:1}100%{opacity:0;top:calc(100% - 108px)}}
.rbig{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%) scale(.35);font-size:210px;line-height:1;color:#10B981;opacity:0;text-shadow:0 0 60px rgba(16,185,129,.8);z-index:4;transition:opacity .4s ease,transform .55s cubic-bezier(.34,1.56,.64,1);pointer-events:none}
.revanim.rbigon .rbig{opacity:1;transform:translate(-50%,-50%) scale(1)}
.rcert{position:absolute;left:50%;top:50%;transform:translate(-50%,-64%) scale(.78);display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#12C68A,#0A9D6C);color:#fff;font-weight:700;font-size:19px;letter-spacing:.01em;padding:16px 30px;border-radius:44px;opacity:0;z-index:6;transition:opacity .5s ease,transform .6s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;box-shadow:0 22px 60px rgba(16,185,129,.6),0 0 0 8px rgba(16,185,129,.14)}
.rcert b{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#fff;color:#0A9D6C;font-size:14px;font-weight:800}
.revanim.rcerton .rcert{opacity:1;transform:translate(-50%,-50%) scale(1)}
.revanim.rcerton .rrow.show{opacity:.38;filter:saturate(.7)}
@media(max-width:820px){.revanim{max-width:360px}}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(11,18,32,.95) 0%,rgba(11,18,32,.78) 30%,rgba(11,18,32,.3) 54%,rgba(11,18,32,.08) 78%,rgba(11,18,32,.02) 100%),linear-gradient(180deg,rgba(11,18,32,.36),rgba(11,18,32,.03) 34%,rgba(11,18,32,.42))}
.hero-bg{object-position:center}
.hero .wrap{width:100%;position:relative;z-index:2;flex:1;display:flex;flex-direction:column}
.hero .grid{display:grid;grid-template-columns:1.15fr .75fr;gap:34px;align-items:center;flex:1;align-content:center}
.hero .eyebrow{color:#5FE3B4}
.hero h1{font-weight:700;font-size:clamp(38px,5.4vw,60px);line-height:1.04;letter-spacing:-1.8px;margin:16px 0 20px;color:#fff}
.hero .lead{max-width:520px;color:#C6D0CD}
.hero .lead b{color:#fff!important}
.hero .btn.ghost{border-color:rgba(255,255,255,.35);color:#fff}
.hero .btn.ghost:hover{background:#fff;color:var(--ink)}
.hcta{display:flex;gap:14px;margin:28px 0 22px;flex-wrap:wrap}
.ticks{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:#C6D0CD;font-weight:500}
.ticks span{display:flex;align-items:center;gap:7px}
.ticks .d{width:16px;height:16px;border-radius:50%;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.4);color:#5FE3B4;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.regline{display:inline-flex;align-items:center;gap:13px;margin-top:22px;text-decoration:none;color:inherit;transition:opacity .2s ease}
.regline:hover{opacity:.82}
.regline .tpb{width:54px;height:54px;object-fit:contain;flex-shrink:0}
.regline .tan{display:flex;flex-direction:column;line-height:1.2}
.regline .tanl{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#8FA09B}
.regline .tan b{font-size:16px;font-weight:700;letter-spacing:.03em;color:#fff;margin-top:2px}
.herologos{margin-top:48px;padding-top:28px;border-top:1px solid rgba(255,255,255,.13)}
.herologos .lbl{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8FA09B;text-align:center;margin-bottom:16px}
.hlrow{display:flex;gap:10px 12px;justify-content:center;align-items:center;flex-wrap:wrap}
.hlogo{height:62px;display:flex;align-items:center;justify-content:center;padding:3px 6px;border-radius:12px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.22);transition:transform .3s ease,box-shadow .3s ease}
.hlogo:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,0,0,.28)}
.hlogo img{height:100%;width:auto;max-height:56px;object-fit:contain;display:block;filter:grayscale(1);opacity:.88;transition:filter .4s ease,opacity .4s ease}
.hlogo:hover img{filter:grayscale(0);opacity:1}
/* nav over the dark hero (before scroll) */
nav:not(.scrolled) .navlinks{color:rgba(255,255,255,.88)}
nav:not(.scrolled) .navlinks a:hover{color:#fff}
nav:not(.scrolled) .navcta .signin{color:rgba(255,255,255,.82)}
nav:not(.scrolled) .navcta .signin:hover{color:#fff}
nav .logo-dark{display:none}
nav.scrolled .logo-light,nav.menu-open .logo-light{display:none}
nav.scrolled .logo-dark,nav.menu-open .logo-dark{display:block}
/* solid nav for light pages (no dark hero) — dark text always */
nav.solid{background:#fff;border-bottom:1px solid var(--line)}
nav.solid .navlinks,nav.solid .navcta .signin{color:var(--slate)}
nav.solid .navlinks a:hover,nav.solid .navcta .signin:hover{color:var(--ink)}
nav.solid .hamb span{background:var(--ink)}
nav.solid .logo-light{display:none}
nav.solid .logo-dark{display:block}
/* intro splash — logo enters centre then flies to the header */
#intro{display:none}
.play-intro #intro{display:flex;position:fixed;inset:0;z-index:9999;background:radial-gradient(760px 440px at 70% 34%,rgba(16,185,129,.12),transparent 62%),radial-gradient(900px 620px at 92% -18%,rgba(120,160,215,.10),transparent 60%),#080D18;align-items:center;justify-content:center;overflow:hidden}
.play-intro #intro .starfield{z-index:1}
.play-intro #intro img{position:relative;z-index:2;height:92px;width:auto;max-width:82vw;will-change:transform,opacity}
#intro.fade{opacity:0;transition:opacity 1.12s ease}
@media(max-width:820px){.hero{min-height:auto;padding:96px 0 40px}.hero .grid{grid-template-columns:1fr;gap:34px;text-align:center}.hero .hcta{justify-content:center}.hero .regline{justify-content:center}.hero-media{justify-content:center;order:-1}.hero-vid{max-width:420px}.hlrow{gap:18px}}

/* review card (signature) */
.frame{background:var(--ink);border-radius:26px;padding:14px;box-shadow:0 30px 70px rgba(11,18,32,.28)}
.card{background:#fff;border-radius:16px;overflow:hidden;position:relative}
.card .ch{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}
.card .ch .t{font-weight:600;font-size:13.5px}
.card .ch .badge{font-size:10.5px;font-weight:700;color:var(--deep);background:var(--mint);border:1px solid var(--mintb);border-radius:20px;padding:3px 10px}
.rows{padding:8px 0;position:relative}
.row{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;font-size:13px}
.row .l{color:var(--slate)}
.row .l b{color:var(--ink);font-weight:600}
.pill{font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:20px;opacity:0;transform:translateX(6px);transition:.35s}
.row.done .pill{opacity:1;transform:none}
.pill.ok{background:#E7F6EF;color:#0A6E4A} .pill.chk{background:#FBF1DC;color:#8A5A00} .pill.flag{background:#FBE7E7;color:#A32D2D}
.scan{position:absolute;left:0;right:0;height:44px;top:0;background:linear-gradient(180deg,rgba(16,185,129,0),rgba(16,185,129,.16));border-bottom:2px solid var(--green);opacity:0;pointer-events:none}
.scanning .scan{animation:scan 3s ease-in-out}
@keyframes scan{0%{opacity:1;top:0}92%{opacity:1}100%{opacity:0;top:calc(100% - 44px)}}
.card .cf{border-top:1px solid var(--line);padding:13px 18px;display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--slate)}
.card .cf b{color:var(--ink)}
.cf .dot{width:9px;height:9px;border-radius:50%;background:var(--green)}

/* STAT STRIP */
.objx{position:relative;background:#F3FBF7;border-top:1px solid #E4EFE9;border-bottom:1px solid #E4EFE9;color:#0B1220;padding:62px 0 66px}
.objx .wrap{position:relative;z-index:2}
.objhead{text-align:center;max-width:640px;margin:0 auto 40px}
.objeb{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#0A9D6C;margin-bottom:12px}
.objtitle{font-size:clamp(24px,3.4vw,34px);font-weight:700;letter-spacing:-.8px;line-height:1.1;color:#0B1220;margin:0}
.objgrid{display:grid;grid-template-columns:repeat(4,1fr)}
.obj{padding:4px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;border-left:1px solid #DCEBE3}
.obj:first-child{border-left:none}
.oi{display:inline-flex;width:72px;height:72px;border-radius:18px;background:#fff;border:1px solid #CDE9DC;align-items:center;justify-content:center;color:#0A9D6C;margin-bottom:18px;box-shadow:0 10px 24px rgba(10,157,108,.12)}
.oi svg{width:33px;height:33px;display:block}
.oi{transform-origin:center}
@keyframes oi1{0%{transform:scale(1);box-shadow:0 10px 24px rgba(10,157,108,.12)}6%,15%{transform:scale(1.22);box-shadow:0 12px 30px rgba(10,157,108,.18),0 0 36px 7px rgba(16,185,129,.55);border-color:#10B981}22%,100%{transform:scale(1);box-shadow:0 10px 24px rgba(10,157,108,.12)}}
@keyframes oi2{0%,20%{transform:scale(1);box-shadow:0 10px 24px rgba(10,157,108,.12)}26%,35%{transform:scale(1.22);box-shadow:0 12px 30px rgba(10,157,108,.18),0 0 36px 7px rgba(16,185,129,.55);border-color:#10B981}42%,100%{transform:scale(1);box-shadow:0 10px 24px rgba(10,157,108,.12)}}
@keyframes oi3{0%,40%{transform:scale(1);box-shadow:0 10px 24px rgba(10,157,108,.12)}46%,55%{transform:scale(1.22);box-shadow:0 12px 30px rgba(10,157,108,.18),0 0 36px 7px rgba(16,185,129,.55);border-color:#10B981}62%,100%{transform:scale(1);box-shadow:0 10px 24px rgba(10,157,108,.12)}}
@keyframes oi4{0%,60%{transform:scale(1);box-shadow:0 10px 24px rgba(10,157,108,.12)}66%,75%{transform:scale(1.22);box-shadow:0 12px 30px rgba(10,157,108,.18),0 0 36px 7px rgba(16,185,129,.55);border-color:#10B981}82%,100%{transform:scale(1);box-shadow:0 10px 24px rgba(10,157,108,.12)}}
.objgrid.play .obj:nth-child(1) .oi{animation:oi1 5s ease infinite}
.objgrid.play .obj:nth-child(2) .oi{animation:oi2 5s ease infinite}
.objgrid.play .obj:nth-child(3) .oi{animation:oi3 5s ease infinite}
.objgrid.play .obj:nth-child(4) .oi{animation:oi4 5s ease infinite}
@media(prefers-reduced-motion:reduce){.objgrid.play .obj .oi{animation:none}}
.obj h3{font-size:16px;font-weight:700;letter-spacing:-.2px;color:#0B1220;margin:0 0 8px;line-height:1.25}
.obj p{font-size:12.5px;line-height:1.55;color:#6B7280;margin:0}
@media(max-width:820px){.objgrid{grid-template-columns:1fr 1fr;gap:34px 0}.obj{border-left:none;padding:0 14px}.obj:nth-child(even){border-left:1px solid #DCEBE3}}

/* generic section spacing */
.sec{padding:84px 0}
.center{text-align:center;max-width:680px;margin:0 auto}

/* PROBLEM */
.problem{background:var(--mint);padding:56px 0 104px;overflow:hidden}
.phead{position:relative;max-width:840px;margin:0 auto;text-align:center;padding:4px 0}
.pgrid{position:absolute;inset:-50px -120px;z-index:0;background-image:linear-gradient(rgba(11,18,32,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(11,18,32,.05) 1px,transparent 1px);background-size:74px 46px;-webkit-mask-image:radial-gradient(115% 90% at 50% 42%,#000,transparent 72%);mask-image:radial-gradient(115% 90% at 50% 42%,#000,transparent 72%)}
.phead>*:not(.pgrid){position:relative;z-index:1}
.problem .peb{color:var(--deep)}
.ptitle{margin:14px 0 20px}
.hl{position:relative;z-index:0;padding:0 3px}
.hl::before{content:"";position:absolute;left:-2px;right:-2px;bottom:.06em;height:1.02em;background:rgba(16,185,129,.45);border-radius:3px;z-index:-1;transform:rotate(-0.8deg) scaleX(0);transform-origin:left center;transition:transform 1.5s cubic-bezier(.33,1,.4,1) .25s}
.in .hl::before{transform:rotate(-0.8deg) scaleX(1)}
.pmirror{font-size:19px;line-height:1.35;color:var(--slate);margin:0 auto;max-width:720px}
.problem .wrap{position:relative;z-index:1}
.psplit{display:grid;grid-template-columns:auto minmax(0,520px);gap:54px;justify-content:center;align-items:center;max-width:1060px;margin:0 auto}
.pvideo{border-radius:20px;overflow:hidden;background:#0B1220;box-shadow:0 26px 64px -22px rgba(10,90,64,.4);align-self:center;aspect-ratio:9/16;height:560px;width:auto;min-height:0}
.pvideo video{object-fit:contain;background:#0B1220}
.pvideo video{width:100%;height:100%;object-fit:cover;display:block}
.pcontent{text-align:left;display:flex;flex-direction:column;justify-content:center}
.pcontent .ptitle{margin:12px 0 12px;font-size:clamp(26px,3.2vw,38px)}
.pcontent .pmirror{margin:0;max-width:none}
.psteps{display:flex;flex-direction:column;margin-top:8px}
.pstep{display:flex;gap:16px;align-items:flex-start;padding:15px 0;border-top:1px solid var(--line)}
.pstep:first-child{border-top:none}
.pstep .n{flex:none;width:34px;height:34px;border-radius:9px;background:var(--mint);border:1px solid var(--mintb);color:var(--deep);font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.pstep h4{font-size:17px;font-weight:600;margin-bottom:3px;color:var(--ink)}
.pstep p{font-size:14.5px;color:var(--muted);line-height:1.45;margin:0}
.pstep.solve .n{background:var(--green);border-color:var(--green);color:#fff}
@media(max-width:640px){.pcontent .psteps{text-align:left}.pstep{max-width:340px;margin:0 auto;width:100%}}
.pains{display:grid;grid-template-columns:1fr;gap:12px;max-width:none;margin:26px 0 0}
.pain{display:flex;gap:14px;align-items:center;text-align:left;padding:15px 18px;border-radius:14px;background:#fff;border:1px solid var(--mintb);box-shadow:0 2px 3px rgba(11,18,32,.03),0 16px 32px -26px rgba(10,90,64,.18)}
.pain .pi{width:44px;height:44px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#EAF7F1,#D8EFE4);color:var(--deep);box-shadow:inset 0 0 0 1px rgba(16,185,129,.16)}
.pain .pi svg{width:23px;height:23px;display:block}
.pain h4{font-size:15.5px;font-weight:700;color:var(--ink);letter-spacing:-.2px}
.pain p{font-size:13px;color:var(--muted);line-height:1.45;margin-top:2px}
@media(max-width:860px){.psplit{grid-template-columns:1fr;gap:24px}.pvideo{min-height:0;aspect-ratio:9/16;height:auto;width:auto;max-height:72vh;max-width:300px;margin:0 auto}.pcontent{text-align:center}.pcontent .pmirror{margin:0 auto}}
.pains .pain{opacity:0;transform:translateY(30px);transition:opacity .5s ease,transform .55s cubic-bezier(.22,1,.36,1)}
.pains.in .pain{opacity:1;transform:none}
.pains.in .pain:nth-child(1){transition-delay:.05s}
.pains.in .pain:nth-child(2){transition-delay:.2s}
.pains.in .pain:nth-child(3){transition-delay:.35s}
.pains.in .pain:nth-child(4){transition-delay:.5s}
.pflow{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;justify-content:center;max-width:920px;margin:60px auto 0}
.pturn{display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center;max-width:1060px;margin:70px auto 0;text-align:left}
.pturn-txt{max-width:520px;text-align:center;margin:0 auto}
.pta{margin-bottom:16px}
.pta s{text-decoration-color:#E5484D;text-decoration-thickness:1.3px;text-underline-offset:1px;color:#9AA0A8}
.pturn-b{color:var(--ink);margin:0}
@media(max-width:860px){.pturn{grid-template-columns:1fr;gap:26px;text-align:center;margin-top:44px}.pturn-txt{max-width:none;order:0}.pturn-b{margin:0 auto}.pturn .eyecard{order:1}}
/* second-set-of-eyes graphic — "the catch" */
.eyecard{position:relative;background:#0B1220;border-radius:20px;padding:20px 20px 18px;box-shadow:0 26px 64px -22px rgba(10,90,64,.4);overflow:hidden}
.ec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.ec-file{font-size:12.5px;font-weight:600;color:#C7D0DC}
.ec-live{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:#34D399}
.ec-live i{width:7px;height:7px;border-radius:50%;background:#34D399;animation:ecpulse 1.7s ease-out infinite}
@keyframes ecpulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.5)}70%{box-shadow:0 0 0 7px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.ec-rows{display:flex;flex-direction:column;gap:9px;position:relative;z-index:2}
.ec-row{position:relative;display:flex;align-items:center;gap:14px;padding:12px 14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:11px}
.ec-lbl{font-size:12px;font-weight:600;color:#AEB8C6;flex:1}
.ec-amt{font-size:12px;font-weight:600;color:#7E8898;font-variant-numeric:tabular-nums}
.ec-tag{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:20px;flex-shrink:0;opacity:0;transform:scale(.7)}
.ec-t{background:rgba(52,211,153,.16);color:#5FE3B4}
.ec-t::before{content:"✓";font-size:9.5px}
.ec-f{background:rgba(229,72,77,.18);color:#F58B8E}
.ec-f::before{content:"!";font-weight:800}
.ec-flag{flex-wrap:wrap;row-gap:0}
.ec-ring{position:absolute;inset:-2px;border-radius:12px;border:2px solid #E5484D;opacity:0;pointer-events:none;animation:ecring 7s infinite}
.ec-sub{flex-basis:100%;font-size:11px;color:#F58B8E;font-weight:500;margin-top:6px;opacity:0;transform:translateY(-4px);animation:ecsub 7s infinite}
.ec-t1{animation:ecpop1 7s infinite}
.ec-t2{animation:ecpop2 7s infinite}
.ec-t4{animation:ecpop4 7s infinite}
.ec-f{animation:ecflag 7s infinite}
@keyframes ecpop1{0%,10%{opacity:0;transform:scale(.7)}15%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}96%,100%{opacity:0;transform:scale(.7)}}
@keyframes ecpop2{0%,20%{opacity:0;transform:scale(.7)}25%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}96%,100%{opacity:0;transform:scale(.7)}}
@keyframes ecpop4{0%,52%{opacity:0;transform:scale(.7)}58%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}96%,100%{opacity:0;transform:scale(.7)}}
@keyframes ecring{0%,36%{opacity:0;transform:scale(1.04)}42%{opacity:1;transform:scale(1)}88%{opacity:1}94%,100%{opacity:0}}
@keyframes ecflag{0%,40%{opacity:0;transform:scale(.6)}45%{opacity:1;transform:scale(1.12)}48%{transform:scale(1) translateX(2px)}50%{transform:translateX(-2px)}52%{transform:translateX(0)}90%{opacity:1;transform:scale(1)}96%,100%{opacity:0;transform:scale(.6)}}
@keyframes ecsub{0%,44%{opacity:0;transform:translateY(-4px)}52%{opacity:1;transform:translateY(0)}88%{opacity:1;transform:translateY(0)}94%,100%{opacity:0;transform:translateY(-4px)}}
.ec-foot{display:flex;align-items:center;gap:9px;margin-top:15px;font-size:12.5px;font-weight:600;color:#9AA6B2}
.ec-eye{color:#34D399;display:flex}
.ec-eye svg{width:18px;height:18px}
.ec-scan{position:absolute;left:12px;right:12px;height:60px;top:52px;border-radius:8px;background:linear-gradient(180deg,rgba(52,211,153,0),rgba(52,211,153,.14) 65%,rgba(52,211,153,.3));border-bottom:1.5px solid rgba(52,211,153,.65);pointer-events:none;z-index:1;animation:ecscan 7s cubic-bezier(.5,0,.5,1) infinite}
@keyframes ecscan{0%{transform:translateY(0);opacity:0}5%{opacity:1}34%{transform:translateY(120px)}40%{transform:translateY(120px)}55%{transform:translateY(210px);opacity:1}62%{opacity:0}100%{transform:translateY(210px);opacity:0}}
.pflow span{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--slate);background:#fff;border:1px solid var(--mintb);padding:8px 15px;border-radius:30px;white-space:nowrap}
.pflow i{font-style:normal;color:var(--green);font-weight:700;font-size:14px}
.pflow .on{color:#fff;background:var(--deep);border-color:var(--deep)}
/* pills cascade in one-by-one as the row scrolls into view */
.pflow>span,.pflow>i{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.pflow.in>span,.pflow.in>i{opacity:1;transform:none}
.pflow.in>*:nth-child(1){transition-delay:.05s}
.pflow.in>*:nth-child(2){transition-delay:.12s}
.pflow.in>*:nth-child(3){transition-delay:.19s}
.pflow.in>*:nth-child(4){transition-delay:.26s}
.pflow.in>*:nth-child(5){transition-delay:.33s}
.pflow.in>*:nth-child(6){transition-delay:.40s}
.pflow.in>*:nth-child(7){transition-delay:.47s}
.pstat{position:relative;text-align:center;max-width:760px;margin:40px auto 0}
.pstat::before{content:"";position:absolute;left:50%;top:37%;transform:translate(-50%,-50%);width:min(760px,102%);height:440px;z-index:0;background:radial-gradient(ellipse 55% 52% at 50% 50%,rgba(255,255,255,.62),rgba(255,255,255,0) 70%);pointer-events:none}
.pstat>*{position:relative;z-index:2}
.pdata{position:absolute;inset:0;z-index:1;pointer-events:none}
.pdata span{position:absolute;transform:translate(-50%,-50%)}
.pdata .dot{width:6px;height:6px;border-radius:50%;background:var(--deep);opacity:.32}
.pdata .dot.sm{width:4px;height:4px;opacity:.22}
.pdata .tk{font-size:15px;font-weight:700;color:var(--deep);opacity:.34;line-height:1}
.pdata .bar{width:16px;height:5px;border-radius:3px;background:var(--deep);opacity:.24}
.pstat-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.03em;color:#B4231F;background:rgba(229,72,77,.12);border:1px solid rgba(229,72,77,.24);padding:6px 14px;border-radius:30px;margin-bottom:12px;text-transform:uppercase}
.pstat-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:#E5484D;animation:mpulse 2.2s infinite}
@keyframes mpulse{0%{box-shadow:0 0 0 0 rgba(229,72,77,.5)}70%{box-shadow:0 0 0 9px rgba(229,72,77,0)}100%{box-shadow:0 0 0 0 rgba(229,72,77,0)}}
.bigfig{font-weight:800;font-size:clamp(72px,13vw,148px);color:var(--ink);letter-spacing:-4px;line-height:.92}
.pstat-cap{font-size:clamp(19px,2.4vw,24px);font-weight:600;color:var(--ink);line-height:1.35;margin-top:10px}
.pstat-sub{font-size:14.5px;color:var(--slate);line-height:1.5;max-width:520px;margin:10px auto 0}
.pquote{max-width:620px;margin:34px auto 0;text-align:center;position:relative;padding:34px 42px 28px;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.65);border-radius:22px;box-shadow:0 26px 54px -24px rgba(10,90,64,.42)}
.pquote::before{content:"\201C";position:absolute;left:50%;top:2px;transform:translateX(-50%);font-family:Georgia,'Times New Roman',serif;font-size:56px;line-height:1;color:var(--deep);opacity:.4}
.pquote blockquote{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(20px,2.5vw,25px);line-height:1.5;color:var(--ink);margin-top:14px}
.pquote figcaption{margin-top:16px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--deep)}
.pref{max-width:760px;margin:48px auto 0;text-align:center;font-size:12px;color:var(--muted);line-height:1.55}
.pref a{color:var(--deep);text-decoration:underline;text-underline-offset:2px}
.pref a:hover{color:var(--ink)}
@media(max-width:820px){.pains{grid-template-columns:1fr;margin-top:36px}.pains .pain:nth-child(2),.pains .pain:nth-child(4){margin-top:0}.pgrid{inset:-30px -40px}}

/* HOW */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 24px;text-align:center}
.step .num{width:40px;height:40px;border-radius:12px;background:var(--ink);color:#fff;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.step h3{font-size:18px;font-weight:600;margin-bottom:7px}
.step p{font-size:14px;color:var(--muted);line-height:1.55}
/* step mini-demos */
.sanim{position:relative;height:150px;border-radius:14px;background:#F4F8F6;border:1px solid var(--line);overflow:hidden;margin-bottom:22px}
.sanim i{display:block;background:#D5DED9;border-radius:5px}
/* box 1 — drop in */
.a1 .dz{position:absolute;left:50%;top:16px;transform:translateX(-50%);width:150px;height:80px;border:2px dashed #C6D6CE;border-radius:10px}
.a1 .filecard{position:absolute;left:50%;top:0;display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 20px rgba(11,18,32,.18);border-radius:9px;padding:6px 11px;font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap;transform:translate(calc(-50% - 100px),-14px);opacity:0}
.a1 .filecard .fi{width:15px;height:15px}
.a1 .f1{animation:a1f1 7s cubic-bezier(.4,0,.2,1) infinite}
.a1 .f2{animation:a1f2 7s cubic-bezier(.4,0,.2,1) infinite}
@keyframes a1f1{0%{transform:translate(calc(-50% - 100px),-14px) scale(1.05);opacity:0}3%{transform:translate(calc(-50% - 100px),-14px) scale(1.05);opacity:1}6%{transform:translate(calc(-50% - 100px),-14px) scale(1.05);opacity:1}24%{transform:translate(-50%,22px) scale(1);opacity:1}60%{transform:translate(-50%,22px) scale(1);opacity:1}64%{transform:translate(-50%,22px) scale(1);opacity:0}100%{transform:translate(calc(-50% - 100px),-14px) scale(1.05);opacity:0}}
@keyframes a1f2{0%{transform:translate(calc(-50% - 100px),-14px) scale(1.05);opacity:0}25%{transform:translate(calc(-50% - 100px),-14px) scale(1.05);opacity:0}28%{transform:translate(calc(-50% - 100px),-14px) scale(1.05);opacity:1}48%{transform:translate(-50%,58px) scale(1);opacity:1}60%{transform:translate(-50%,58px) scale(1);opacity:1}64%{transform:translate(-50%,58px) scale(1);opacity:0}100%{transform:translate(calc(-50% - 100px),-14px) scale(1.05);opacity:0}}
.a1 .loadbar{position:absolute;left:50%;top:56px;transform:translateX(-50%);width:148px;height:7px;border-radius:6px;background:rgba(11,18,32,.09);overflow:hidden;opacity:0;animation:a1lb 7s linear infinite}
.a1 .loadbar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#0A9D6C,#34D399);border-radius:6px;animation:a1lbfill 7s linear infinite}
@keyframes a1lb{0%,62%{opacity:0}65%{opacity:1}90%{opacity:1}94%{opacity:0}100%{opacity:0}}
@keyframes a1lbfill{0%,64%{width:0}67%{width:16%}86%{width:100%}91%{width:100%}94%{width:0}100%{width:0}}
.a1 .rvw{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:var(--green);color:#fff;border:none;border-radius:8px;padding:6px 16px;font:600 12px 'Poppins',sans-serif;animation:a1btn 7s ease-in-out infinite}
@keyframes a1btn{0%,57%{transform:translateX(-50%) scale(1)}60%{transform:translateX(-50%) scale(.92)}63%{transform:translateX(-50%) scale(1)}100%{transform:translateX(-50%) scale(1)}}
.a1 .cur{position:absolute;width:20px;height:20px;left:24%;top:3%;animation:a1cur 7s linear infinite;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}
@keyframes a1cur{0%{left:24%;top:3%;opacity:0;animation-timing-function:linear}3%{left:26%;top:8%;opacity:1;animation-timing-function:ease-out}6%{left:27%;top:11%;opacity:1;animation-timing-function:cubic-bezier(.4,0,.2,1)}24%{left:49%;top:35%;opacity:1;animation-timing-function:ease-in-out}28%{left:27%;top:11%;opacity:1;animation-timing-function:cubic-bezier(.4,0,.2,1)}48%{left:49%;top:59%;opacity:1;animation-timing-function:ease-in-out}58%{left:49%;top:80%;opacity:1;animation-timing-function:ease-in-out}60%{left:49%;top:82%;opacity:1;animation-timing-function:ease-in-out}62%{left:49%;top:80%;opacity:1;animation-timing-function:linear}65%{left:49%;top:80%;opacity:0;animation-timing-function:linear}100%{left:24%;top:3%;opacity:0}}
/* box 2 — Analysis (slow scanning read, stage cycles top-right) */
.a2{display:flex;flex-direction:column;justify-content:flex-start;gap:14px;padding:13px 18px}
.a2 .ahead{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}
.a2 .atitle{font-size:12.5px;font-weight:700;letter-spacing:.01em;color:#0B1220}
.a2 .astage{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600}
.a2 .astage .adot{width:6px;height:6px;border-radius:50%;background:#10B981;flex-shrink:0;animation:apulse 1.4s ease-in-out infinite}
.a2 .astage .stgs{position:relative;display:inline-block;min-width:74px;height:14px;animation:wblink 1.4s ease-in-out infinite}
.a2 .astage .stgs b{position:absolute;right:0;top:0;font-style:normal;white-space:nowrap;color:#0A9D6C;opacity:0}
.a2 .astage .st1{animation:cs1 12s ease-in-out infinite}
.a2 .astage .st2{animation:cs2 12s ease-in-out infinite}
.a2 .astage .st3{animation:cs3 12s ease-in-out infinite}
.a2 .astage .st4{animation:cs4 12s ease-in-out infinite}
.a2 .srow{display:flex;align-items:center;gap:11px}
.a2 .srow i{height:7px;flex:0 0 auto;background:#D5DED9;border-radius:4px}
.a2 .sd{width:17px;height:17px;border-radius:50%;background:#CBD5D0;flex-shrink:0;position:relative}
.a2 .sd b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:800;line-height:1;font-style:normal;opacity:0}
.a2 .d1{animation:d1bg 12s ease-in-out infinite}
.a2 .d1 .v{animation:d1v 12s ease-in-out infinite}
.a2 .d3{animation:d3bg 12s ease-in-out infinite}
.a2 .d3 .v{animation:d3v 12s ease-in-out infinite}
.a2 .d2{animation:d2bg 12s ease-in-out infinite}
.a2 .d2 .x{animation:d2x 12s ease-in-out infinite}
.a2 .d2 .ld{inset:2px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;box-sizing:border-box;animation:d2ld 12s ease-in-out infinite,d2spin .6s linear infinite}
.a2 .d2 .v{animation:d2v 12s ease-in-out infinite}
.a2 .sscan{position:absolute;left:12px;right:12px;height:20px;border-radius:0;background:linear-gradient(180deg,rgba(16,185,129,0),rgba(16,185,129,.16));border-bottom:2px solid #10B981;top:22px;opacity:0;pointer-events:none;animation:a2scan 12s ease-in-out infinite}
.a2 .sbig{position:absolute;right:15px;top:54%;transform:translateY(-50%) scale(.4);font-size:42px;line-height:1;color:#10B981;opacity:0;text-shadow:0 0 20px rgba(16,185,129,.4);animation:a2big 12s ease-in-out infinite}
@keyframes apulse{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}
@keyframes wblink{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes cs1{0%{opacity:0}3%{opacity:1}24%{opacity:1}28%{opacity:0}100%{opacity:0}}
@keyframes cs2{0%,26%{opacity:0}30%{opacity:1}46%{opacity:1}50%{opacity:0}100%{opacity:0}}
@keyframes cs3{0%,48%{opacity:0}52%{opacity:1}68%{opacity:1}72%{opacity:0}100%{opacity:0}}
@keyframes cs4{0%,70%{opacity:0}74%{opacity:1}92%{opacity:1}96%{opacity:0}100%{opacity:0}}
@keyframes a2scan{0%{top:22px;opacity:0}4%{opacity:.9}82%{top:108px;opacity:.9}86%{opacity:0}100%{top:22px;opacity:0}}
@keyframes d1bg{0%,14%{background:#CBD5D0}17%,92%{background:#10B981}96%,100%{background:#CBD5D0}}
@keyframes d1v{0%,15%{opacity:0}18%,92%{opacity:1}96%,100%{opacity:0}}
@keyframes d3bg{0%,69%{background:#CBD5D0}72%,92%{background:#10B981}96%,100%{background:#CBD5D0}}
@keyframes d3v{0%,70%{opacity:0}73%,92%{opacity:1}96%,100%{opacity:0}}
@keyframes d2bg{0%,37%{background:#CBD5D0}39%,44%{background:#E5484D}46%,50%{background:#E0A400}52%,92%{background:#10B981}96%,100%{background:#CBD5D0}}
@keyframes d2x{0%,38%{opacity:0}40%,44%{opacity:1}46%,100%{opacity:0}}
@keyframes d2ld{0%,45%{opacity:0}47%,50%{opacity:1}52%,100%{opacity:0}}
@keyframes d2spin{to{transform:rotate(360deg)}}
@keyframes d2v{0%,51%{opacity:0}53%,92%{opacity:1}96%,100%{opacity:0}}
@keyframes a2big{0%,84%{opacity:0;transform:translateY(-50%) scale(.4)}88%{opacity:1;transform:translateY(-50%) scale(1)}93%{opacity:1;transform:translateY(-50%) scale(1)}96%{opacity:0}100%{opacity:0}}
/* box 3 — envelope pops up, then swaps to the certificate */
.a3{position:relative;padding:0;overflow:hidden}
.a3 .env3{position:absolute;inset:0;margin:auto;width:164px;height:112px;background:#D9EFE5;border:1.5px solid #9FCFB7;border-radius:11px;overflow:hidden;opacity:0;transform:scale(.65);z-index:2;box-shadow:0 12px 28px rgba(11,18,32,.12);animation:env3in 5.8s linear infinite}
.a3 .env3 .fl{position:absolute;top:0;left:0;right:0;height:64%;background:#C3E1D0;border-bottom:1.5px solid #9FCFB7;clip-path:polygon(0 0,100% 0,50% 100%)}
.a3 .cert{position:absolute;inset:0;margin:auto;width:164px;height:112px;background:#fff;border:1px solid #E4EAE7;border-radius:11px;box-shadow:0 12px 28px rgba(11,18,32,.13);opacity:0;transform:scale(.9);z-index:3;display:flex;flex-direction:column;justify-content:center;animation:cert3in 5.8s linear infinite}
.a3 .cert::before{content:"";position:absolute;inset:6px;border:1px solid #DEEAE4;border-radius:7px;pointer-events:none}
.a3 .cert-top{text-align:center;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#0A9D6C;margin:0 14px}
.a3 .cert-rule{width:34px;height:2px;background:#CDE9DC;border-radius:2px;margin:7px auto 0}
.a3 .cert-line{height:6px;border-radius:3px;background:#EEF3F0;margin:0 auto}
.a3 .l1{width:58%;margin-top:11px}
.a3 .l2{width:40%;margin-top:6px}
.a3 .seal{position:absolute;right:11px;bottom:11px;width:31px;height:31px;border-radius:50%;background:#10B981;border:3px solid #fff;box-shadow:0 0 0 2px #0A9D6C,0 6px 16px rgba(16,185,129,.45);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(2) rotate(-12deg);animation:seal3 5.8s linear infinite;z-index:4}
.a3 .seal b{color:#fff;font-size:17px;font-weight:800;line-height:1;font-style:normal}
@keyframes env3in{0%{opacity:0;transform:scale(.8);animation-timing-function:cubic-bezier(.22,.68,.3,1)}13%{opacity:1;transform:scale(1.02);animation-timing-function:cubic-bezier(.4,0,.25,1)}20%{transform:scale(1);animation-timing-function:linear}32%{opacity:1;transform:scale(1);animation-timing-function:cubic-bezier(.45,0,.7,.5)}42%{opacity:0;transform:scale(.92)}100%{opacity:0;transform:scale(.8)}}
@keyframes cert3in{0%,48%{opacity:0;transform:scale(.92);animation-timing-function:cubic-bezier(.25,.68,.32,1)}62%{opacity:1;transform:scale(1);animation-timing-function:linear}91%{opacity:1;transform:scale(1);animation-timing-function:cubic-bezier(.4,0,.6,1)}98%,100%{opacity:0;transform:scale(.97)}}
@keyframes seal3{0%,64%{opacity:0;transform:scale(1.65) rotate(-8deg);animation-timing-function:cubic-bezier(.2,.72,.32,1)}75%{opacity:1;transform:scale(1) rotate(0deg);animation-timing-function:linear}91%{opacity:1;transform:scale(1) rotate(0deg)}98%,100%{opacity:0;transform:scale(1.4) rotate(-6deg)}}
@media(max-width:820px){.steps{grid-template-columns:1fr}}

/* DARK SCENE */
.dark{background:var(--ink);color:#fff}
/* starfield on dark sections (same as hero) */
.sec.dark,.final,footer{position:relative;overflow:hidden}
.sec.dark>.wrap,.final>.wrap,footer>.wrap{position:relative;z-index:2}
.dark .eyebrow{color:#5FE3B4}
.dark h2.title{color:#fff}
.dark .lead{color:#AEB8B5}
.analysis{padding:58px 0}
.analysis .wrap{text-align:center}
.asplit{display:grid;grid-template-columns:auto minmax(0,520px);gap:40px;justify-content:center;align-items:center;max-width:1060px;margin:0 auto;text-align:left}
.avideo{border-radius:20px;overflow:hidden;background:#0B1220;box-shadow:0 26px 64px -18px rgba(0,0,0,.6);align-self:center;aspect-ratio:9/16;height:440px;width:auto;min-height:0}
.avideo video{width:100%;height:100%;object-fit:contain;display:block;background:#0B1220}
.analysis-head{max-width:560px;display:flex;flex-direction:column;justify-content:center}
.analysis-head .title{margin:14px 0 14px}
.analysis-head .lead{max-width:520px;margin:0}
@media(max-width:860px){.asplit{grid-template-columns:1fr;gap:26px;text-align:center}.avideo{min-height:0;aspect-ratio:9/16;height:auto;width:auto;max-height:72vh;max-width:300px;margin:0 auto}.analysis-head{max-width:none;margin:0 auto}.analysis-head .lead{margin:0 auto}.astats{max-width:440px;margin:26px auto 0}.astat{text-align:center;align-items:center}.aref{margin:18px auto 0}}
.areview{max-width:580px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 34px 80px rgba(0,0,0,.45);text-align:left;overflow:hidden;color:#0B1220}
.ar-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;border-bottom:1px solid #EEF1F0}
.ar-file{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:#0B1220;min-width:0}
.ar-file .fi{width:16px;height:16px;color:#0A9D6C;flex-shrink:0}
.ar-done{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#0A9D6C;white-space:nowrap}
.ar-done .tk{width:17px;height:17px;border-radius:50%;background:#10B981;color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center}
.ar-sum{display:flex;gap:22px;padding:11px 20px;background:#F7FAF9;border-bottom:1px solid #EEF1F0;font-size:12.5px;color:#6B7280}
.ar-sum b{font-size:14px;font-weight:700}
.ar-list{padding:6px 8px}
.ar-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:9px}
.ar-row+.ar-row{border-top:1px solid #F2F5F4}
.ar-item{font-size:13.5px;color:#2B2F3A;font-weight:500}
.ar-tag{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:20px;white-space:nowrap}
.ar-tag .dot{width:7px;height:7px;border-radius:50%}
.ar-tag.t{background:#E7F6EF;color:#0A7350}.ar-tag.t .dot{background:#10B981}
.ar-tag.c{background:#FBF1DC;color:#8A5A00}.ar-tag.c .dot{background:#E0A400}
.ar-tag.f{background:#FBE7E7;color:#B0272C}.ar-tag.f .dot{background:#E5484D}
.astats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.astat{display:flex;flex-direction:column;gap:5px;padding:15px 17px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:12px}
.astat b{font-size:27px;font-weight:800;letter-spacing:-1px;line-height:1;color:#5FE3B4}
.astat span{font-size:13px;color:#AEB8B5;line-height:1.35}
.aref{margin-top:18px;font-size:12px;color:#7E8A86;line-height:1.55;max-width:460px}
/* results — hero ring + count-up rows */
.astats3{margin-top:26px}
.ahero{display:flex;align-items:center;gap:22px;margin-bottom:6px}
.aring{position:relative;width:160px;height:160px;flex:none}
.aring svg{transform:rotate(-90deg)}
.aring .prog{transition:stroke-dashoffset 2.3s cubic-bezier(.12,.8,.2,1)}
.aring .acount{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.aherolab{font-size:16.5px;font-weight:600;color:#fff;line-height:1.3}
.arows{display:flex;flex-direction:column;margin-top:6px}
.arow{display:flex;align-items:baseline;gap:14px;padding:13px 0;border-top:1px solid #22304a}
.arow .an{font-size:26px;font-weight:800;color:#5FE3B4;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.arow .ac{font-size:13.5px;color:#AEB8B5;line-height:1.4}
@media(max-width:860px){.ahero{justify-content:center}.arow{justify-content:flex-start;text-align:left}}
.ar-legend{display:flex;flex-direction:column;gap:14px;margin-top:26px;font-size:14px;color:#AEB8B5}
.ar-legend .lg{display:flex;align-items:center;gap:11px;padding:13px 16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:12px}
.ar-legend .lg b{color:#fff;font-weight:600}
.ar-legend .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
@media(max-width:860px){.ar-legend{max-width:440px;margin:26px auto 0}}
.cqeb{color:#FF9B8A!important}
.cqlist{max-width:640px;margin:34px auto 0;list-style:none;display:flex;flex-direction:column;gap:14px}
.cqlist li{position:relative;padding-left:26px;color:#C4CDD6;font-size:16px;line-height:1.5;text-align:left}
.cqlist li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:2px;background:#E5484D;opacity:.85}
.cqclose{text-align:center;color:#fff;font-weight:600;font-size:19px;margin-top:30px}
.cshift em{font-style:normal;color:#5FE3B4}
.shiftline{font-size:clamp(21px,2.9vw,32px);font-weight:700;line-height:1.28;letter-spacing:-.3px;margin:0}
.tcursor{display:inline-block;width:3px;height:.82em;background:#5FE3B4;border-radius:1px;margin-left:5px;vertical-align:-0.02em;animation:tblink 0.9s step-end infinite}
@keyframes tblink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
.tcursor.done{animation:none;opacity:0}
.cshift{position:relative;overflow:hidden;background:radial-gradient(760px 440px at 70% 34%,rgba(16,185,129,.12),transparent 62%),radial-gradient(900px 620px at 92% -18%,rgba(120,160,215,.10),transparent 60%),#080D18}
.cshift::before{content:"";position:absolute;top:-70%;right:-4%;width:620px;height:240%;z-index:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(150,188,238,.08) 40%,rgba(196,220,255,.15) 50%,rgba(150,188,238,.08) 60%,transparent 100%);transform:rotate(24deg);transform-origin:top center;filter:blur(34px);opacity:.7}
.cshift .wrap{position:relative;z-index:2}
.legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.leg{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#DDE4E1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);padding:9px 15px;border-radius:12px}
.leg .c{width:11px;height:11px;border-radius:50%}
.hr{height:1px;background:rgba(255,255,255,.12);margin:48px 0}
.chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.chip{font-weight:600;font-size:14px;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:11px 18px}
.chip small{display:block;font-weight:400;font-size:11px;color:#8FA09B;margin-top:2px}

/* ASSURANCE */
.assure{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.acard{border:1px solid var(--line);border-radius:16px;padding:24px 22px;background:#fff}
.acard .ic{width:42px;height:42px;border-radius:12px;background:var(--mint);border:1px solid var(--mintb);display:flex;align-items:center;justify-content:center;margin-bottom:15px;font-size:19px}
.acard h3{font-size:15.5px;font-weight:600;margin-bottom:6px}
.acard p{font-size:13px;color:var(--muted);line-height:1.5}
@media(max-width:820px){.assure{grid-template-columns:1fr 1fr}}

/* FOUNDER */
.founder .grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.founder .quote{font-family:'Poppins';font-weight:500;font-size:clamp(22px,3vw,30px);line-height:1.35;letter-spacing:-.5px}
.founder .who{margin-top:22px;color:#AEB8B5;font-size:14px}
.founder .who b{color:#fff}
.fcard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px}
.fcard .k{font-size:12px;color:#8FA09B;text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.fcard .big{font-weight:700;font-size:40px;letter-spacing:-1px;margin:6px 0 2px}
@media(max-width:820px){.founder .grid{grid-template-columns:1fr;gap:32px}}
/* story timeline (light scheme) */
.sec.story{background:#fff}
.story-head{max-width:760px;margin:0 auto;text-align:center}
.story-head .title{margin:14px 0 16px}
.story-head .lead{max-width:660px;margin:0 auto;color:var(--muted)}
.story-head .lead b{color:var(--ink);font-weight:600}
.story-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin:60px auto 0;max-width:1040px;position:relative}
.story-timeline::before{content:"";position:absolute;top:66px;left:9%;right:9%;height:2px;background:linear-gradient(90deg,rgba(52,211,153,.15),rgba(52,211,153,.5),rgba(52,211,153,.15));z-index:0}
.story-timeline::after{content:"";position:absolute;top:64px;left:9%;width:90px;height:5px;border-radius:5px;background:linear-gradient(90deg,transparent,#5FE3B4,transparent);box-shadow:0 0 14px 3px rgba(95,227,180,.6);z-index:0;opacity:0;pointer-events:none}
.story-timeline.play::after{animation:tlsweep 6s cubic-bezier(.4,0,.2,1) .3s infinite}
@keyframes tlsweep{0%{left:9%;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(91% - 90px);opacity:0}}
@media(prefers-reduced-motion:reduce){.story-timeline.play::after{animation:none;opacity:0}}
.snode{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center}
.sphoto{width:132px;height:132px;border-radius:50%;background-size:cover;background-position:center;border:1.5px solid rgba(11,18,32,.12);box-shadow:0 16px 40px -16px rgba(10,90,64,.32);outline:6px solid #fff}
.sphoto.sblank{background:rgba(255,255,255,.05);position:relative}
.sphoto.sblank::after{content:"";position:absolute;inset:0;margin:auto;width:38px;height:38px;border-radius:8px;border:2px solid rgba(255,255,255,.18);background:radial-gradient(circle at 62% 40%,rgba(255,255,255,.18) 5px,transparent 6px)}
.sphoto.slogo{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#34D399,#0E9E6C);border-color:rgba(255,255,255,.25)}
/* make the CPA honour photo (node 4) slightly larger to draw the eye */
.snode:nth-child(4) .sphoto{transform:scale(1.17);box-shadow:0 22px 48px -14px rgba(10,90,64,.42)}
.sphoto.slogo span{color:#fff;font-size:52px;font-weight:800;line-height:1}
.syear{margin-top:18px;font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-.2px}
.scap{margin-top:5px;font-size:12.5px;line-height:1.45;color:var(--muted);max-width:180px}
.scap b{color:var(--deep);font-weight:600}
.story-quote{max-width:720px;margin:60px auto 0;text-align:center;background:var(--ink);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:42px 46px 38px;box-shadow:0 34px 72px -34px rgba(10,90,64,.5)}
.story-quote blockquote{font-family:'Poppins';font-weight:500;font-style:italic;font-size:clamp(20px,2.6vw,27px);line-height:1.42;letter-spacing:-.4px;color:#fff}
.story-quote figcaption{margin-top:20px;color:#AEB8B5;font-size:14px}
.story-quote figcaption b{color:#fff}
.story-quote .hl::before{background:rgba(52,211,153,.55)}
@media(max-width:820px){
  .story-timeline{grid-template-columns:1fr;gap:26px;max-width:300px;margin:40px auto 0;position:relative}
  .story-timeline::before{display:block;left:calc(50% - 82px);right:auto;top:48px;bottom:48px;width:2px;height:auto;background:linear-gradient(180deg,rgba(52,211,153,.45),rgba(52,211,153,.2))}
  .snode{display:grid;grid-template-columns:96px 150px;column-gap:14px;justify-content:center;align-items:center;text-align:left}
  .snode .sphoto{width:96px;height:96px;grid-row:1/span 2;outline:6px solid #fff}
  .snode:nth-child(4) .sphoto{transform:none}
  .snode .sphoto.slogo span{font-size:40px}
  .syear{grid-column:2;grid-row:1;align-self:end;margin:0}
  .scap{grid-column:2;grid-row:2;align-self:start;margin:2px 0 0;max-width:none}
}

/* FAQ (dark + stars scheme) */
.faq-grid{column-count:2;column-gap:22px;max-width:960px;margin:38px auto 0;text-align:left}
.faqi{break-inside:avoid;margin-bottom:14px;background:#fff;border:1px solid var(--mintb);border-radius:14px;padding:0 20px;box-shadow:0 2px 3px rgba(11,18,32,.03),0 18px 34px -28px rgba(10,90,64,.2)}
.faqi summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;font-size:15.5px;font-weight:600;color:var(--ink)}
.faqi summary::-webkit-details-marker{display:none}
.faqi .fqi{position:relative;flex-shrink:0;width:20px;height:20px}
.faqi .fqi::before,.faqi .fqi::after{content:"";position:absolute;background:var(--deep);border-radius:2px;transition:transform .3s ease}
.faqi .fqi::before{left:0;top:9px;width:20px;height:2px}
.faqi .fqi::after{left:9px;top:0;width:2px;height:20px}
.faqi[open] .fqi::after{transform:scaleY(0)}
.faqi p{margin:-2px 0 18px;font-size:14px;color:var(--muted);line-height:1.55;max-width:440px}
@media(max-width:820px){.faq-grid{column-count:1}}

/* FIRMS BAR */
.firms{padding:34px 0 40px;background:#fff;border-bottom:1px solid var(--line);overflow:hidden}
.firms-label{text-align:center;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#8FA09B;margin:0 0 22px}
.fmarquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.ftrack{display:flex;gap:44px;width:max-content;animation:fscroll 36s linear infinite}
.ftrack:hover{animation-play-state:paused}
.fpill{flex:0 0 auto;width:150px;height:54px;border-radius:12px;background:var(--mint);border:1px solid var(--mintb);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:#9AA6B2}
@keyframes fscroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ftrack{animation:none}}
.creds-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:78px}
.creds-row img{height:56px;width:auto;filter:grayscale(1);opacity:.55;transition:filter .25s ease,opacity .25s ease}
.creds-row img:hover{filter:grayscale(0);opacity:1}
.adisclaimer{font-size:12.5px;line-height:1.65;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin:0}
.adisclaimer a{color:var(--deep);text-decoration:underline;text-underline-offset:2px}
.cmap{margin-top:18px;border-radius:12px;overflow:hidden;line-height:0}
.cmap iframe{display:block;width:100%}
.firm-logos{gap:38px}
.firm-logos img{height:30px}
@media(max-width:820px){.firm-logos img{height:26px}}
@media(max-width:600px){.creds-row{gap:44px}.creds-row img{height:44px}}

/* FINAL CTA (light mint scheme, split with video) */
.final{background:var(--mint);padding:54px 0}
.fsplit{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center;max-width:1040px;margin:0 auto;text-align:left}
.fvideo{border-radius:20px;overflow:hidden;background:#0B1220;box-shadow:0 26px 64px -22px rgba(10,90,64,.4);aspect-ratio:9/16;height:520px;width:auto;margin:0 auto}
/* green-pen underline animation on "confidence" */
.penline{position:relative;white-space:nowrap}
.pscribble{position:absolute;left:-10px;bottom:-.12em;width:calc(100% + 20px);height:.42em;overflow:visible;pointer-events:none}
.pscribble path{fill:none;stroke:#10B981;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:100}
.penline.draw .pscribble path{animation:scribble 1.9s cubic-bezier(.15,.7,.25,1) 1.1s forwards}
@keyframes scribble{to{stroke-dashoffset:0}}
@keyframes penMove{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:100%;opacity:0}}
.fvideo video{width:100%;height:100%;object-fit:contain;display:block;background:#0B1220}
.fcontent h2{font-weight:700;font-size:clamp(30px,4vw,46px);color:var(--ink);letter-spacing:-1.4px;line-height:1.1}
.fcontent p{color:var(--muted);font-size:16px;margin:16px 0 28px;max-width:440px}
/* text-only final CTAs (about/how-it-works/pricing/security) — centred */
.final>.wrap.reveal{max-width:640px;margin:0 auto;text-align:center}
.final>.wrap.reveal h2{margin:0 0 16px}
.final>.wrap.reveal p{margin:0 auto 28px;max-width:520px;color:var(--muted);font-size:16px;line-height:1.6}
.final .sub-link{display:block;margin-top:18px;font-size:13.5px;color:var(--muted)}
.final .sub-link a{color:var(--deep);text-decoration:underline;text-underline-offset:3px}
.final .sub-link a:hover{color:var(--ink)}
@media(max-width:820px){.fsplit{grid-template-columns:1fr;gap:26px;text-align:center}.fvideo{aspect-ratio:9/16;height:auto;width:auto;max-height:72vh;max-width:300px}.fcontent p{margin:16px auto 28px}}

/* FOOTER */
footer{background:#070C16;color:#9AA6A2;padding:52px 0 30px;font-size:13.5px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.09)}
.flogo{height:30px;width:auto;display:block}
.freg{display:inline-flex;align-items:center;gap:11px;margin-top:18px;text-decoration:none;color:inherit;transition:opacity .2s ease}
.freg:hover{opacity:.82}
.freg img{width:42px;height:42px;object-fit:contain;flex-shrink:0}
.freg span{display:flex;flex-direction:column;line-height:1.2}
.freg .tanl{font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#8FA09B}
.freg b{font-size:14px;font-weight:700;letter-spacing:.03em;color:#fff;margin-top:2px}
footer h4{color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
footer a{display:block;margin-bottom:9px;color:#9AA6A2}
footer a:hover{color:#fff}
.fbot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:22px;font-size:11.5px;color:#6C7671;line-height:1.6}
.flegal{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px}
.flegal a{color:#8A948F;text-decoration:none}
.flegal a:hover{color:#C7D0CC;text-decoration:underline}
.flegal span{color:#3c4641}
.fdisclaimer{margin-top:20px;font-size:10.5px;font-style:italic;color:#5A645F;line-height:1.6;max-width:960px}
.fdisclaimer a{display:inline;color:#8A948F;text-decoration:underline;text-underline-offset:2px}
.fdisclaimer a:hover{color:#C7D0CC}
.fbot span{white-space:nowrap}
.co-credit{display:inline;margin:0;color:#F778BA;text-decoration:none}
.co-credit:hover{color:#FF9BCB;text-decoration:underline;text-underline-offset:2px}
@media(max-width:820px){.fgrid{grid-template-columns:1fr 1fr;gap:26px 20px}.fgrid>div:first-child{grid-column:1/-1}}

/* SUBPAGE HEADER + PROSE (added for interior pages) */
.pagehead{background:linear-gradient(180deg,var(--mint),#fff);padding:120px 0 20px}
.pagehead h1{font-weight:700;font-size:clamp(32px,5vw,54px);letter-spacing:-1.6px;line-height:1.05;margin:14px 0 18px}
.pagehead .lead{max-width:600px}
.prose{max-width:720px}
.prose p{font-size:16.5px;color:var(--muted);line-height:1.7;margin-bottom:18px}
.prose h3{font-size:20px;font-weight:600;color:var(--ink);margin:30px 0 10px}
.prose b{color:var(--ink)}

/* PRICING */
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;align-items:stretch}
.pcard{border:1px solid var(--line);border-radius:18px;padding:30px 26px;background:#fff;display:flex;flex-direction:column}
.pcard.feature{border:2px solid var(--green);position:relative}
.pcard .tag{position:absolute;top:-12px;left:26px;background:var(--green);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 12px;border-radius:20px}
.pcard .pname{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--deep)}
.pcard .price{font-weight:700;font-size:44px;letter-spacing:-1.5px;margin:14px 0 2px;line-height:1}
.pcard .price small{font-size:15px;font-weight:500;color:var(--muted);letter-spacing:0}
.pcard .punit{font-size:13.5px;color:var(--muted);margin-bottom:22px}
.pcard ul{list-style:none;margin:0 0 24px;padding:0;flex:1}
.pcard li{font-size:14px;color:var(--slate);padding:8px 0 8px 26px;position:relative;line-height:1.45}
.pcard li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800;font-size:13px}
.pcard .btn{text-align:center}
.pricenote{text-align:center;font-size:13px;color:var(--muted);margin:30px auto 0;max-width:660px;line-height:1.6}
@media(max-width:820px){.pricing{grid-template-columns:1fr}}