/* ═══════════════════════════════════════════════════════════
   Cyber Readiness Kit — v2
   Brand: navy #001E4C / electric blue #0050E5 (sampled from logo)
   Direction: dramatic scale, dark/light rhythm, one live demo as the hero
   ═══════════════════════════════════════════════════════════ */

:root{
  --navy:#001E4C; --navy-d:#00112E; --navy-l:#0A2F6B;
  --blue:#0050E5; --blue-l:#3D7BFF; --blue-g:#8FB4FF;
  --ok:#12B886; --ok-d:#0E7A5F;
  --flag:#FF7A45; --flag-d:#C2410C;
  --unk:#8FA3BF;

  --paper:#FFFFFF; --paper-2:#F4F7FC; --rule:#E2E9F4;
  --ink:#081A36; --ink-2:#4C6183;
  --lt:#DCE8FA; --lt-2:#93AAD0;

  --disp:"Manrope",system-ui,sans-serif;
  --body:"Inter",system-ui,-apple-system,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;

  --wrap:1200px;
  --pad:clamp(4.5rem,10vw,9rem);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--body);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--disp);margin:0 0 .5em;letter-spacing:-.035em;line-height:1.06;font-weight:800}
p{margin:0 0 1.1em}
em{font-style:normal}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}
.skip{position:absolute;left:-9999px;z-index:200;background:var(--navy);color:#fff;padding:.8rem 1rem}
.skip:focus{left:0;top:0}
:focus-visible{outline:2px solid var(--blue-l);outline-offset:3px;border-radius:2px}

.wrap{width:min(100% - 2.5rem,var(--wrap));margin-inline:auto}

/* ── reveal ── */
.up{opacity:0;transform:translateY(26px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}
.up.in{opacity:1;transform:none}
.r{opacity:0;transform:translateY(22px);animation:rise .95s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--i)*.11s + .15s)}
@keyframes rise{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .up{opacity:1;transform:none}.r{opacity:1;transform:none;animation:none}
}

/* ═══ NAV ═══ */
.nav{position:fixed;inset:0 0 auto;z-index:100;transition:background .3s,backdrop-filter .3s,box-shadow .3s}
.nav.is-stuck{background:rgba(0,17,46,.82);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.nav__in{display:flex;align-items:center;gap:2rem;min-height:92px}
.nav__brand{margin-right:auto;display:flex;align-items:center}
.nav__brand img{height:50px;width:auto;transition:height .3s}
.nav.is-stuck .nav__brand img{height:40px}
.nav__links{display:flex;gap:2rem}
.nav__links a{position:relative;font-size:.92rem;font-weight:500;color:var(--lt-2);
  text-decoration:none;transition:color .2s;padding-block:.35rem}
.nav__links a:hover{color:#fff}
/* current page */
.nav__links a[aria-current="page"]{color:#fff;font-weight:600}
.nav__links a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;
  height:2px;border-radius:2px;background:linear-gradient(90deg,var(--blue-l),#7FE3C4)}


/* ═══ BUTTONS ═══ */
.btn{
  display:inline-flex;align-items:center;gap:.55rem;
  font-family:var(--disp);font-weight:700;font-size:.98rem;letter-spacing:-.01em;
  background:var(--blue);color:#fff;text-decoration:none;
  padding:.95rem 1.6rem;border-radius:100px;border:0;
  box-shadow:0 8px 24px -8px rgba(0,80,229,.6);
  transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s,background .2s;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px -10px rgba(0,80,229,.75);background:var(--blue-l)}
.btn__arw{transition:transform .22s cubic-bezier(.16,1,.3,1)}
.btn:hover .btn__arw{transform:translateX(4px)}
.btn--sm{padding:.6rem 1.15rem;font-size:.88rem}
.btn--lg{padding:1.1rem 2rem;font-size:1.05rem}
.btn--xl{padding:1.25rem 2.4rem;font-size:1.15rem}

/* ═══ HERO ═══ */
.hero{position:relative;background:var(--navy-d);color:#fff;padding:clamp(8.5rem,14vw,11.5rem) 0 clamp(4rem,8vw,7rem);overflow:hidden;isolation:isolate}
.hero__mesh{position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(900px 620px at 78% 12%, rgba(0,80,229,.55), transparent 62%),
    radial-gradient(700px 520px at 12% 82%, rgba(18,184,134,.16), transparent 60%),
    radial-gradient(1100px 700px at 50% -12%, rgba(61,123,255,.28), transparent 65%),
    linear-gradient(168deg,#00112E 0%,#001E4C 46%,#00152F 100%);
}
.hero__mesh::after{
  content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(closest-side at 50% 40%,#000,transparent);
}
.hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4.5vw,4rem);align-items:center}
@media(max-width:1000px){.hero__grid{grid-template-columns:1fr;gap:3.2rem}}

.tag{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--mono);font-size:.74rem;
  letter-spacing:.13em;text-transform:uppercase;color:var(--blue-g);
  background:rgba(61,123,255,.12);border:1px solid rgba(61,123,255,.3);
  padding:.42rem .9rem;border-radius:100px;margin-bottom:1.8rem}
.tag__dot{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(18,184,134,.7);animation:pulse 2.4s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(18,184,134,0)}100%{box-shadow:0 0 0 0 rgba(18,184,134,0)}}

.hero__h1{font-size:clamp(2.7rem,5.6vw,4.6rem);margin-bottom:.1em}
.hero__h1 .r{display:block;line-height:1.06}
.hero__sub{font-family:var(--disp);font-weight:800;letter-spacing:-.035em;line-height:1.06;
  font-size:clamp(2.7rem,5.6vw,4.6rem);
  background:linear-gradient(96deg,var(--blue-l) 0%,#7FE3C4 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 1.1rem}
.hero__lede{max-width:42ch;font-size:clamp(1.02rem,1.5vw,1.14rem);color:var(--lt);margin-bottom:0}
.hero__right{display:flex;flex-direction:column;gap:1.9rem;min-width:0}
.hero__cta{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}
@media(max-width:1000px){.hero__right{gap:1.6rem}.hero__cta{order:2}.demo{order:1}}
.hero__meta{display:flex;flex-direction:column;line-height:1.35}
.hero__meta strong{font-size:.92rem;color:#fff;font-weight:600}
.hero__meta span{font-size:.82rem;color:var(--lt-2)}

.hero__scroll{position:absolute;bottom:1.6rem;left:50%;transform:translateX(-50%);margin:0}
.hero__scroll span{display:block;width:1px;height:46px;background:linear-gradient(var(--blue-g),transparent);animation:drop 2.2s ease-in-out infinite}
@keyframes drop{0%,100%{opacity:.25;transform:scaleY(.55);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}
@media(max-width:1000px){.hero__scroll{display:none}}

/* ═══ LIVE DEMO ═══ */
.demo{position:relative}
.demo__glow{position:absolute;inset:-14% -8%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(0,80,229,.42),transparent 72%);filter:blur(34px);z-index:0}
.demo__panel{position:relative;z-index:1;background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.14);border-radius:18px;backdrop-filter:blur(20px);
  box-shadow:0 40px 90px -34px rgba(0,0,0,.75);overflow:hidden}
.demo__bar{display:flex;align-items:center;gap:.8rem;padding:.85rem 1.15rem;
  border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.demo__dots{display:flex;gap:.35rem}
.demo__dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.22)}
.demo__title{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lt-2)}
.demo__body{padding:1.6rem 1.5rem 1.3rem;min-height:250px}
.demo__q{font-family:var(--disp);font-weight:700;font-size:1.22rem;line-height:1.28;
  letter-spacing:-.02em;color:#fff;margin:0 0 1.3rem;min-height:2.6em}
.demo__ans{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.85rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px}
.demo__ansLabel{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--lt-2)}
.demo__ansVal{font-weight:600;color:#fff;font-size:.98rem}

.demo__scan{margin:1rem 0 0;height:26px;opacity:0;transition:opacity .3s;position:relative;overflow:hidden}
.demo__scan.is-on{opacity:1}
.demo__scanBar{position:absolute;inset:0 auto 0 0;width:36%;border-radius:100px;
  background:linear-gradient(90deg,transparent,rgba(61,123,255,.5),transparent);animation:sweep 1.15s linear infinite}
@keyframes sweep{0%{transform:translateX(-100%)}100%{transform:translateX(320%)}}
.demo__scanTxt{position:relative;font-family:var(--mono);font-size:.72rem;letter-spacing:.09em;color:var(--blue-g);line-height:26px}

.verdict{margin-top:1rem;opacity:0;transform:translateY(9px);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}
.verdict.is-on{opacity:1;transform:none}
.verdict__row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.verdict__arw{color:var(--lt-2)}
.vchip{font-family:var(--mono);font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  padding:.4rem .75rem;border-radius:100px;border:1px solid transparent;white-space:nowrap}
.vchip--rep{background:rgba(255,255,255,.07);color:var(--lt-2);border-color:rgba(255,255,255,.14)}
.vchip--ok{background:rgba(18,184,134,.16);color:#5FE3B8;border-color:rgba(18,184,134,.42)}
.vchip--flag{background:rgba(255,122,69,.16);color:#FFA478;border-color:rgba(255,122,69,.45)}
.vchip--unk{background:rgba(143,163,191,.14);color:#B6C6DD;border-color:rgba(143,163,191,.34)}
.verdict__note{margin:.8rem 0 0;font-size:.88rem;color:var(--lt);line-height:1.5;min-height:2.6em}

.demo__foot{display:flex;align-items:center;gap:1rem;padding:.85rem 1.15rem;
  border-top:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}
.demo__prog{flex:1;height:2px;background:rgba(255,255,255,.12);border-radius:100px;overflow:hidden}
.demo__prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--ok))}
.demo__count{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;color:var(--lt-2)}

/* ═══ STAT ═══ */
.stat{padding:var(--pad) 0;background:var(--paper-2);text-align:center}
.stat__big{font-family:var(--disp);font-weight:800;letter-spacing:-.05em;line-height:.86;
  font-size:clamp(6rem,20vw,17rem);margin:0 0 .1em}
.stat__big em{background:linear-gradient(150deg,var(--navy) 8%,var(--blue) 62%,#4FD1B0 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.stat__cap{font-family:var(--disp);font-weight:700;letter-spacing:-.028em;line-height:1.16;
  font-size:clamp(1.4rem,3.6vw,2.5rem);max-width:20ch;margin:0 auto .9rem}
.stat__sub{max-width:56ch;margin:0 auto;color:var(--ink-2);font-size:1.02rem}

/* ═══ SPLIT ═══ */
.split{padding:var(--pad) 0}
.eyebrow{font-family:var(--mono);font-size:.73rem;letter-spacing:.15em;text-transform:uppercase;color:var(--blue);margin:0 0 1.2rem}
.eyebrow--l{color:var(--blue-g)}
.h-xl{font-size:clamp(2.6rem,6.4vw,5rem);margin-bottom:.5em}
.h-xl em{background:linear-gradient(96deg,var(--blue),#12B886);-webkit-background-clip:text;background-clip:text;color:transparent}
.h-xl--l{color:#fff}
.h-lg{font-size:clamp(2rem,4vw,3rem)}
.h-md{font-size:clamp(1.5rem,2.8vw,2.1rem)}

.split__kick{margin-top:2.4rem;font-family:var(--disp);font-weight:700;letter-spacing:-.025em;
  font-size:clamp(1.25rem,2.6vw,1.9rem);line-height:1.28;max-width:24ch;color:var(--navy)}

/* ═══ FLOW ═══ */
.flow{padding:var(--pad) 0;background:var(--navy-d);color:#fff;position:relative;overflow:hidden}
.flow::before{content:"";position:absolute;inset:0;
  background:radial-gradient(800px 500px at 88% 8%,rgba(0,80,229,.3),transparent 62%)}
.flow .wrap{position:relative}
.flow__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:2.6rem;
  background:rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12)}
@media(max-width:1000px){.flow__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.flow__grid{grid-template-columns:1fr}}
.fl{position:relative;isolation:isolate;background:var(--navy-d);padding:2rem 1.35rem 2.2rem;overflow:hidden}

/* Flat solid tint per card — one stop each on the blue → teal ramp.
   All five animations are driven off .flow__grid.lit so they share a clock;
   the keyframe percentages alone decide the 01→05 order. */
.fl::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;
  background:rgba(var(--a),.22);will-change:opacity}
.fl::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:1;
  background:rgb(var(--a));transform:scaleX(0);transform-origin:left;opacity:0}

.fl:nth-child(1){--a:0,80,229;--t:#6E9CF5}
.flow__grid.lit .fl:nth-child(1)::before{animation:fill1 11.95s linear infinite}
.flow__grid.lit .fl:nth-child(1)::after{animation:rule1 11.95s linear infinite}
@keyframes fill1{
  0%,0.0%{opacity:0}
  4.6%,81.59%{opacity:1}
  89.96%,100%{opacity:0}
}
@keyframes rule1{
  0%,0.0%{transform:scaleX(0);opacity:1}
  4.6%,81.59%{transform:scaleX(1);opacity:1}
  89.96%,100%{transform:scaleX(1);opacity:0}
}

.fl:nth-child(2){--a:5,106,205;--t:#72AEE9}
.flow__grid.lit .fl:nth-child(2)::before{animation:fill2 11.95s linear infinite}
.flow__grid.lit .fl:nth-child(2)::after{animation:rule2 11.95s linear infinite}
@keyframes fill2{
  0%,10.88%{opacity:0}
  15.48%,81.59%{opacity:1}
  89.96%,100%{opacity:0}
}
@keyframes rule2{
  0%,10.88%{transform:scaleX(0);opacity:1}
  15.48%,81.59%{transform:scaleX(1);opacity:1}
  89.96%,100%{transform:scaleX(1);opacity:0}
}

.fl:nth-child(3){--a:9,132,182;--t:#76C0DD}
.flow__grid.lit .fl:nth-child(3)::before{animation:fill3 11.95s linear infinite}
.flow__grid.lit .fl:nth-child(3)::after{animation:rule3 11.95s linear infinite}
@keyframes fill3{
  0%,21.76%{opacity:0}
  26.36%,81.59%{opacity:1}
  89.96%,100%{opacity:0}
}
@keyframes rule3{
  0%,21.76%{transform:scaleX(0);opacity:1}
  26.36%,81.59%{transform:scaleX(1);opacity:1}
  89.96%,100%{transform:scaleX(1);opacity:0}
}

.fl:nth-child(4){--a:13,158,158;--t:#7BD1D0}
.flow__grid.lit .fl:nth-child(4)::before{animation:fill4 11.95s linear infinite}
.flow__grid.lit .fl:nth-child(4)::after{animation:rule4 11.95s linear infinite}
@keyframes fill4{
  0%,32.64%{opacity:0}
  37.24%,81.59%{opacity:1}
  89.96%,100%{opacity:0}
}
@keyframes rule4{
  0%,32.64%{transform:scaleX(0);opacity:1}
  37.24%,81.59%{transform:scaleX(1);opacity:1}
  89.96%,100%{transform:scaleX(1);opacity:0}
}

.fl:nth-child(5){--a:18,184,134;--t:#7FE3C4}
.flow__grid.lit .fl:nth-child(5)::before{animation:fill5 11.95s linear infinite}
.flow__grid.lit .fl:nth-child(5)::after{animation:rule5 11.95s linear infinite}
@keyframes fill5{
  0%,43.51%{opacity:0}
  48.12%,81.59%{opacity:1}
  89.96%,100%{opacity:0}
}
@keyframes rule5{
  0%,43.51%{transform:scaleX(0);opacity:1}
  48.12%,81.59%{transform:scaleX(1);opacity:1}
  89.96%,100%{transform:scaleX(1);opacity:0}
}

/* Hover must not touch animation-play-state: pausing one card in a synchronised
   group resumes it out of phase and permanently breaks the 01→05 order.
   This uses only non-animated properties on the card itself. */
.fl{transition:background-color .3s ease,box-shadow .3s ease}
.fl:hover{background-color:#041B3D;box-shadow:inset 0 0 0 1px rgba(var(--a),.45)}

@media (prefers-reduced-motion:reduce){
  .split__grid.lit     .flow__grid.lit .fl::before,.flow__grid.lit .fl::after{animation:none!important}
  .fl::before{opacity:1}
  .fl::after{transform:scaleX(1);opacity:1}
}

.fl__n{font-family:var(--mono);font-size:.76rem;letter-spacing:.14em;display:block;margin-bottom:1.7rem;
  color:var(--t);position:relative;z-index:1}
.fl h3,.fl p{position:relative;z-index:1}
.fl h3{font-size:1.32rem;margin-bottom:.5em;letter-spacing:-.028em}
.fl p{margin:0;font-size:.92rem;line-height:1.55;color:var(--lt-2)}

/* ═══ MOMENT ═══ */
.moment{padding:var(--pad) 0;text-align:center}
.moment__q{font-family:var(--disp);font-weight:800;letter-spacing:-.035em;line-height:1.08;
  font-size:clamp(2rem,5.4vw,4.2rem);max-width:18ch;margin:0 auto .7em;color:var(--navy)}
.moment__a{max-width:46ch;margin:0 auto 2rem;font-size:clamp(1.02rem,1.7vw,1.2rem);color:var(--ink-2)}
.moment__t{font-family:var(--mono);font-size:.8rem;letter-spacing:.17em;text-transform:uppercase;color:var(--blue);margin:0}

/* ═══ WHO ═══ */
.who{padding:var(--pad) 0;background:var(--paper-2)}
.who__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4rem);align-items:start}
@media(max-width:860px){.who__grid{grid-template-columns:1fr}}
.who__p{font-size:1.1rem;color:var(--ink-2);max-width:34ch}
.who__note{background:var(--paper);border:1px solid var(--rule);border-left:3px solid var(--flag-d);
  border-radius:12px;padding:1.6rem 1.7rem}
.who__note p{font-size:.94rem;color:var(--ink-2)}
.who__note p:last-child{margin:0}

/* ═══ PRICING ═══ */
.pricing{padding:var(--pad) 0;background:var(--navy);color:#fff;position:relative;overflow:hidden}
.pricing::before{content:"";position:absolute;inset:0;
  background:radial-gradient(760px 520px at 8% 92%,rgba(18,184,134,.2),transparent 60%)}
.pricing .wrap{position:relative}














/* ═══ FINAL ═══ */
.final{position:relative;padding:clamp(6rem,12vw,10rem) 0;background:var(--navy-d);color:#fff;
  text-align:center;overflow:hidden;isolation:isolate}
.final__mesh{position:absolute;inset:0;z-index:-1;
  background:radial-gradient(900px 600px at 50% 108%,rgba(0,80,229,.55),transparent 62%),
             radial-gradient(700px 460px at 12% 8%,rgba(18,184,134,.18),transparent 58%),
             linear-gradient(180deg,#00112E,#001E4C)}
.final__h{font-size:clamp(2.6rem,7vw,5.4rem);margin-bottom:.35em}
.final__h em{background:linear-gradient(96deg,var(--blue-l),#7FE3C4);-webkit-background-clip:text;background-clip:text;color:transparent}
.final__p{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--lt);margin-bottom:2.3rem}
.final__m{margin:1.4rem 0 0;font-family:var(--mono);font-size:.76rem;letter-spacing:.11em;color:var(--lt-2)}

/* ═══ FOOTER ═══ */
.foot{background:var(--navy-d);color:var(--lt-2);padding:3.5rem 0 3rem;border-top:1px solid rgba(255,255,255,.09)}
.foot__in{display:grid;grid-template-columns:1.15fr 1fr;gap:2.4rem}
@media(max-width:780px){.foot__in{grid-template-columns:1fr}}
.foot__logo{height:60px;width:auto;margin-bottom:1.3rem}
.foot__l p{font-size:.86rem;max-width:44ch;margin:0;line-height:1.6}
.foot__nav{display:flex;flex-wrap:wrap;gap:.7rem 1.6rem;align-content:start}
.foot__nav a{font-size:.88rem;color:var(--lt-2);text-decoration:none;transition:color .2s}
.foot__nav a:hover{color:#fff}

/* layout holders */
.hero__copy{min-width:0}


/* ═══ THREAT ═══ */
.threat{position:relative;padding:var(--pad) 0;background:var(--navy-d);color:#fff;overflow:hidden;isolation:isolate;text-align:center}
.threat__mesh{position:absolute;inset:0;z-index:-1;
  background:radial-gradient(820px 560px at 20% 8%,rgba(255,122,69,.2),transparent 60%),
             radial-gradient(900px 620px at 84% 96%,rgba(0,80,229,.4),transparent 62%),
             linear-gradient(180deg,#00112E,#001428)}
.threat .eyebrow{display:block}
.threat__h{font-size:clamp(2.4rem,6.4vw,5rem);margin-bottom:.9em;line-height:1.06}
.threat__h em{background:linear-gradient(96deg,#FF7A45,#FFB08A);-webkit-background-clip:text;background-clip:text;color:transparent}
.strike{position:relative;color:var(--lt-2);opacity:.55}
.strike::after{content:"";position:absolute;left:-4%;right:-4%;top:52%;height:5px;border-radius:4px;background:#FF7A45;transform:rotate(-6deg)}
.threat__big{font-family:var(--disp);font-weight:800;letter-spacing:-.05em;line-height:.9;
  font-size:clamp(6rem,19vw,16rem);margin:0}
.threat__big em{background:linear-gradient(150deg,#FFFFFF 4%,#8FB4FF 54%,#3D7BFF 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.threat__cap{font-family:var(--disp);font-weight:700;letter-spacing:-.028em;line-height:1.18;
  font-size:clamp(1.3rem,3.2vw,2.2rem);max-width:22ch;margin:1rem auto .5rem}
.threat__src{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;color:var(--lt-2);margin:0 0 3.4rem}

.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.13);
  border-block:1px solid rgba(255,255,255,.13);text-align:left}
@media(max-width:900px){.nums{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.nums{grid-template-columns:1fr}}
.num{background:var(--navy-d);padding:1.9rem 1.4rem 1.7rem}
.num__v{font-family:var(--disp);font-weight:800;letter-spacing:-.045em;line-height:1;
  font-size:clamp(2.6rem,5vw,3.6rem);margin:0 0 .55rem;color:#fff}
.num__v--flag{color:#FF9E73}
.num__l{font-size:.93rem;line-height:1.45;color:var(--lt);margin:0 0 .7rem}
.num__s{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;color:var(--lt-2);margin:0;text-transform:uppercase}

.threat__kick{margin:3rem auto 0;max-width:26ch;font-family:var(--disp);font-weight:700;
  letter-spacing:-.028em;line-height:1.22;font-size:clamp(1.3rem,3vw,2rem);color:#fff}
.threat__kick span{display:block;color:#FF9E73}

/* ═══ INSURANCE ═══ */
.ins{padding:var(--pad) 0;background:var(--paper-2)}
.ins__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(1.5rem,5vw,4rem);align-items:center}
@media(max-width:860px){.ins__grid{grid-template-columns:1fr}}
.ins__big{font-family:var(--disp);font-weight:800;letter-spacing:-.05em;line-height:.85;
  font-size:clamp(6rem,15vw,12rem);margin:0}
.ins__big em{background:linear-gradient(150deg,var(--navy) 10%,var(--blue) 66%,#4FD1B0 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.ins__p{color:var(--ink-2);font-size:1.04rem;max-width:52ch}
.ins__src{font-family:var(--mono);font-size:.68rem;letter-spacing:.11em;color:var(--ink-2);opacity:.75;margin:0;text-transform:uppercase}

/* ═══ PRICING v2 ═══ */
.pr{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:20px;
  padding:clamp(2rem,4vw,3.2rem);backdrop-filter:blur(14px);margin-top:1rem;max-width:760px}
.pr__num{font-family:var(--disp);font-weight:800;letter-spacing:-.045em;line-height:.9;
  font-size:clamp(3.4rem,8vw,5.6rem);margin:0 0 .7rem;display:flex;align-items:baseline;
  gap:.75rem;flex-wrap:wrap;color:#fff}
.pr__num span{font-size:.95rem;font-weight:500;letter-spacing:0;color:var(--lt-2);font-family:var(--body)}
.pr__then{font-size:1.06rem;color:var(--lt);margin-bottom:1.3rem;max-width:44ch}
.pr__then strong{color:#fff}
.pr__inc{font-size:.96rem;color:var(--lt-2);max-width:56ch;margin-bottom:2rem;line-height:1.65}

.founding{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.4rem,3.5vw,3rem);
  margin-top:1.6rem;max-width:940px;padding:clamp(1.5rem,3vw,2.2rem);
  border:1px dashed rgba(95,227,184,.42);border-radius:16px;background:rgba(18,184,134,.07)}
@media(max-width:820px){.founding{grid-template-columns:1fr;gap:1.2rem}}
.founding__tag{font-family:var(--mono);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;
  color:#5FE3B8;margin:0 0 .9rem}
.founding__h{font-family:var(--disp);font-weight:700;letter-spacing:-.025em;line-height:1.25;
  font-size:clamp(1.1rem,2vw,1.42rem);color:#fff;margin:0}
.founding__h strong{color:#5FE3B8;font-weight:800}
.founding__r p{font-size:.94rem;color:var(--lt-2);margin-bottom:.9rem;line-height:1.6}
.founding__ask{font-size:.88rem!important;opacity:.85}
.btn--out{background:transparent;border:1px solid rgba(95,227,184,.55);color:#5FE3B8;
  box-shadow:none;padding:.8rem 1.4rem;font-size:.92rem}
.btn--out:hover{background:#5FE3B8;color:var(--navy-d);border-color:#5FE3B8;box-shadow:0 10px 26px -10px rgba(95,227,184,.6)}

/* strike reads as a correction, not a crossed word */
.strike{position:relative;color:var(--lt-2);opacity:.5;font-weight:800}
.strike::after{content:"";position:absolute;left:-6%;right:-6%;top:50%;height:6px;border-radius:5px;
  background:#FF7A45;transform:rotate(-8deg)}
.founding__l{min-width:0}

/* ═══ ROTATING STAT ═══ */
.rot{transition:opacity .32s ease,transform .32s ease;min-height:clamp(15rem,26vw,23rem)}
.rot.is-out{opacity:0;transform:translateY(-10px)}
.rot .threat__src{margin-bottom:1.6rem}
.rot__dots{display:flex;justify-content:center;gap:.55rem;margin-bottom:3rem}
.rot__dot{width:30px;height:3px;border:0;padding:0;border-radius:100px;cursor:pointer;
  background:rgba(255,255,255,.2);transition:background .3s,transform .3s}
.rot__dot:hover{background:rgba(255,255,255,.42)}
.rot__dot.is-on{background:linear-gradient(90deg,var(--blue-l),#7FE3C4);transform:scaleY(1.6)}
@media (prefers-reduced-motion:reduce){.rot{transition:none}.rot.is-out{opacity:1;transform:none}}

.num__u{font-size:.42em;font-weight:600;letter-spacing:0;margin:0 .18em;color:var(--lt-2);
  font-family:var(--body)}

/* ═══ INSURANCE — two doors ═══ */
.ins__grid{margin-bottom:clamp(2.5rem,5vw,4rem)}
.doors{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2.5vw,1.6rem)}
@media(max-width:860px){.doors{grid-template-columns:1fr}}
.door{background:var(--paper);border:1px solid var(--rule);border-radius:18px;
  padding:clamp(1.7rem,3vw,2.3rem);display:flex;flex-direction:column;align-items:flex-start}
.door--alt{background:linear-gradient(158deg,var(--navy) 0%,#062A63 100%);border-color:transparent;
  color:#fff;box-shadow:0 30px 64px -32px rgba(0,30,76,.6)}
.door__k{font-family:var(--mono);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;
  color:var(--blue);margin:0 0 1rem}
.door--alt .door__k{color:#7FE3C4}
.door__h{font-size:clamp(1.25rem,2.2vw,1.65rem);margin-bottom:.6em;letter-spacing:-.028em;line-height:1.14}
.door p{font-size:.96rem;color:var(--ink-2);margin-bottom:1.6rem}
.door--alt p{color:var(--lt)}
.door .btn{margin-top:auto}
.btn--out2{background:transparent;border:1px solid rgba(127,227,196,.55);color:#7FE3C4;box-shadow:none}
.btn--out2:hover{background:#7FE3C4;color:var(--navy-d);border-color:#7FE3C4;box-shadow:0 10px 26px -10px rgba(127,227,196,.6)}

/* ═══ THE GAP (rotating) ═══ */
.gap{transition:opacity .32s ease,transform .32s ease;min-height:clamp(15rem,24vw,20rem)}
.gap.is-out{opacity:0;transform:translateY(-10px)}
.gap__dom{font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--blue);margin:0 0 1.4rem;opacity:.85}
.rot__dots--lt{margin-bottom:2.2rem}
.rot__dots--lt .rot__dot{background:rgba(8,26,54,.16)}
.rot__dots--lt .rot__dot:hover{background:rgba(8,26,54,.34)}
.rot__dots--lt .rot__dot.is-on{background:linear-gradient(90deg,var(--blue),#12B886)}
.gap__note{font-size:.78rem;color:var(--ink-2);opacity:.6;margin:1.2rem 0 0}
@media (prefers-reduced-motion:reduce){.gap{transition:none}.gap.is-out{opacity:1;transform:none}}



/* category line under the foil label — says who this is without naming anyone */

/* ═══ SIDE-BY-SIDE COMPARISON ═══
   One grid, row-major, so each claim lines up with its counterpart exactly. */
.split__lede{font-size:clamp(1.02rem,1.7vw,1.18rem);color:var(--ink-2);max-width:54ch;margin-bottom:0}
.cmp{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(.9rem,2vw,1.4rem);
  margin-top:2.4rem;align-items:stretch}
.cmp__head--us,.cmp__c--us{box-shadow:-1px 0 0 rgba(0,0,0,.0)}
.cmp__head--us{box-shadow:0 -14px 40px -22px rgba(0,30,76,.55)}

.cmp__head{padding:1.45rem 1.6rem 1.25rem;border-radius:16px 16px 0 0;display:flex;
  flex-direction:column;justify-content:flex-start;gap:.35rem}
.cmp__head--us{background:#052458;color:#fff;border-bottom:1px solid rgba(255,255,255,.14)}
.cmp__head--them{background:#E4E9F1;color:#3F4A5C;border-bottom:1px solid #D2D8E3}
.cmp__brand{font-family:var(--disp);font-weight:800;letter-spacing:-.02em;font-size:1.12rem}
.cmp__sub{font-family:var(--mono);font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;opacity:.72}
.cmp__head--them .cmp__brand{color:#3F4A5C}

.cmp__c{position:relative;padding:1.35rem 1.6rem 1.35rem 3.5rem;font-size:1rem;line-height:1.5}
.cmp__c::before{position:absolute;left:1.5rem;top:1.3rem;
  width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:50%;
  line-height:1;font-weight:800;transform:scale(0);opacity:0}

.cmp__c--us{background:#052458;color:#E4EDFB;font-weight:500}
.cmp__c--us::before{content:"✓";font-size:.9rem;color:#5FE3B8;background:rgba(95,227,184,.18)}
.cmp__c--us + .cmp__c--them{}

.cmp__c--us{border-bottom:1px solid rgba(255,255,255,.13)}


.cmp__c--them{background:#E4E9F1;color:#4B5567}
.cmp__c--them::before{content:"×";font-size:1.1rem;color:#D9432F;background:rgba(217,67,47,.14)}
.cmp__c--them{border-bottom:1px solid #DCE1E9}

.cmp__c--them:last-child{border-radius:0 0 16px 16px;border-bottom:0}
.cmp__c--us:nth-last-child(2){border-bottom:0;border-radius:0 0 16px 16px}

@media(max-width:820px){
  /* stack as two complete cards, not interleaved rows */
  .cmp{grid-template-columns:1fr;row-gap:0}
  .cmp__head--us{order:1}
  .cmp__c--us{order:2}
  .cmp__head--them{order:3;margin-top:2.2rem;border-radius:16px 16px 0 0}
  .cmp__c--them{order:4}
  .cmp__c--us:nth-last-child(2){border-radius:0 0 16px 16px;border-bottom:0}
}

.cmp.lit .cmp__c:nth-child(3)::before{animation:popc1 9.96s linear infinite}
@keyframes popc1{
  0%,0.0%{transform:scale(0);opacity:0}
  2.37%{transform:scale(1.3);opacity:1}
  3.82%,81.93%{transform:scale(1);opacity:1}
  88.96%,100%{transform:scale(1);opacity:0}
}
.cmp.lit .cmp__c:nth-child(4)::before{animation:popx1 9.96s linear infinite}
@keyframes popx1{
  0%,3.01%{transform:scale(0);opacity:0}
  5.38%{transform:scale(1.3);opacity:1}
  6.83%,81.93%{transform:scale(1);opacity:1}
  88.96%,100%{transform:scale(1);opacity:0}
}
.cmp.lit .cmp__c:nth-child(5)::before{animation:popc2 9.96s linear infinite}
@keyframes popc2{
  0%,8.23%{transform:scale(0);opacity:0}
  10.6%{transform:scale(1.3);opacity:1}
  12.05%,81.93%{transform:scale(1);opacity:1}
  88.96%,100%{transform:scale(1);opacity:0}
}
.cmp.lit .cmp__c:nth-child(6)::before{animation:popx2 9.96s linear infinite}
@keyframes popx2{
  0%,11.24%{transform:scale(0);opacity:0}
  13.61%{transform:scale(1.3);opacity:1}
  15.06%,81.93%{transform:scale(1);opacity:1}
  88.96%,100%{transform:scale(1);opacity:0}
}
.cmp.lit .cmp__c:nth-child(7)::before{animation:popc3 9.96s linear infinite}
@keyframes popc3{
  0%,16.47%{transform:scale(0);opacity:0}
  18.83%{transform:scale(1.3);opacity:1}
  20.28%,81.93%{transform:scale(1);opacity:1}
  88.96%,100%{transform:scale(1);opacity:0}
}
.cmp.lit .cmp__c:nth-child(8)::before{animation:popx3 9.96s linear infinite}
@keyframes popx3{
  0%,19.48%{transform:scale(0);opacity:0}
  21.84%{transform:scale(1.3);opacity:1}
  23.29%,81.93%{transform:scale(1);opacity:1}
  88.96%,100%{transform:scale(1);opacity:0}
}
.cmp.lit .cmp__c:nth-child(9)::before{animation:popc4 9.96s linear infinite}
@keyframes popc4{
  0%,24.7%{transform:scale(0);opacity:0}
  27.06%{transform:scale(1.3);opacity:1}
  28.51%,81.93%{transform:scale(1);opacity:1}
  88.96%,100%{transform:scale(1);opacity:0}
}
.cmp.lit .cmp__c:nth-child(10)::before{animation:popx4 9.96s linear infinite}
@keyframes popx4{
  0%,27.71%{transform:scale(0);opacity:0}
  30.08%{transform:scale(1.3);opacity:1}
  31.53%,81.93%{transform:scale(1);opacity:1}
  88.96%,100%{transform:scale(1);opacity:0}
}
.cmp.lit .cmp__c:nth-child(11)::before{animation:popc5 9.96s linear infinite}
@keyframes popc5{
  0%,32.93%{transform:scale(0);opacity:0}
  35.3%{transform:scale(1.3);opacity:1}
  36.75%,81.93%{transform:scale(1);opacity:1}
  88.96%,100%{transform:scale(1);opacity:0}
}
.cmp.lit .cmp__c:nth-child(12)::before{animation:popx5 9.96s linear infinite}
@keyframes popx5{
  0%,35.94%{transform:scale(0);opacity:0}
  38.31%{transform:scale(1.3);opacity:1}
  39.76%,81.93%{transform:scale(1);opacity:1}
  88.96%,100%{transform:scale(1);opacity:0}
}

@media (prefers-reduced-motion:reduce){
  .cmp.lit .cmp__c::before{animation:none!important}
  .cmp__c::before{transform:scale(1);opacity:1}
}

/* ═══════════ INNER PAGES ═══════════ */
.nav.is-solid{background:rgba(0,17,46,.9);backdrop-filter:blur(14px) saturate(1.4);
  box-shadow:0 1px 0 rgba(255,255,255,.08)}

.phero{position:relative;background:var(--navy-d);color:#fff;overflow:hidden;isolation:isolate;
  padding:clamp(9rem,15vw,12rem) 0 clamp(3.5rem,7vw,5.5rem)}
.phero__mesh{position:absolute;inset:0;z-index:-1;
  background:radial-gradient(820px 520px at 82% 6%,rgba(0,80,229,.5),transparent 62%),
             radial-gradient(620px 420px at 8% 96%,rgba(18,184,134,.15),transparent 60%),
             linear-gradient(168deg,#00112E,#001E4C 55%,#00152F)}
.phero__mesh::after{content:"";position:absolute;inset:0;opacity:.45;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:64px 64px;mask-image:radial-gradient(closest-side at 50% 40%,#000,transparent)}
.phero__h{font-size:clamp(2.6rem,6.2vw,4.8rem);margin-bottom:.3em}
.phero__h em{background:linear-gradient(96deg,var(--blue-l),#7FE3C4);-webkit-background-clip:text;background-clip:text;color:transparent}
.phero__lede{font-size:clamp(1.05rem,1.9vw,1.3rem);color:var(--lt);max-width:52ch;margin:0}

/* numbered long-form steps */
.stepl{list-style:none;margin:0;padding:0;counter-reset:s}
.stepl>li{display:grid;grid-template-columns:88px 1fr;gap:clamp(1rem,3vw,2.4rem);
  padding:clamp(2rem,4vw,3rem) 0;border-top:1px solid var(--rule)}
.stepl>li:last-child{border-bottom:1px solid var(--rule)}
@media(max-width:700px){.stepl>li{grid-template-columns:1fr;gap:.6rem}}
.stepl__n{font-family:var(--mono);font-size:.85rem;letter-spacing:.14em;color:var(--blue);padding-top:.4rem}
.stepl h2{font-size:clamp(1.45rem,2.8vw,2.05rem);margin-bottom:.55em}
.stepl p{max-width:62ch;color:var(--ink-2)}
.pull{margin:1.4rem 0 0;padding:1.2rem 1.4rem;background:var(--blue-tint);
  border-left:3px solid var(--blue);border-radius:0 10px 10px 0;font-size:.96rem;color:var(--ink)}
.warn{margin:1.4rem 0 0;padding:1.2rem 1.4rem;background:#FDF0EA;border-left:3px solid var(--flag-d);
  border-radius:0 10px 10px 0;font-size:.94rem;color:#5B4034}
.band--ink .warn{background:rgba(255,122,69,.12);color:var(--lt);border-left-color:#FF7A45}
.ticks{list-style:none;margin:1.2rem 0 0;padding:0}
.ticks li{position:relative;padding:.8rem 0 .8rem 1.9rem;font-size:.98rem;color:var(--ink-2);
  border-top:1px solid var(--rule);max-width:64ch}
.ticks li::before{content:"→";position:absolute;left:0;top:.8rem;color:var(--blue);font-weight:700}

/* deliverables grid */
.deliv{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 var(--gap)}
@media(max-width:780px){.deliv{grid-template-columns:1fr}}
.deliv li{padding:1.05rem 0;border-top:1px solid var(--rule)}
.deliv strong{display:block;font-size:1rem;margin-bottom:.2rem}
.deliv span{font-size:.92rem;color:var(--ink-2)}

/* numbered questions */
.qlist{list-style:none;margin:2rem 0 0;padding:0;counter-reset:q}
.qlist li{position:relative;padding:1.5rem 0 1.5rem 3.4rem;border-top:1px solid var(--rule);counter-increment:q}
.qlist li::before{content:counter(q,decimal-leading-zero);position:absolute;left:0;top:1.75rem;
  font-family:var(--mono);font-size:.8rem;letter-spacing:.12em;color:var(--blue)}
.qlist h3{font-size:1.2rem;margin-bottom:.35em}
.qlist p{margin:0;color:var(--ink-2);max-width:60ch}

/* principle cards */
.prin{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:2.4rem;
  background:rgba(255,255,255,.13);border-block:1px solid rgba(255,255,255,.13)}
@media(max-width:760px){.prin{grid-template-columns:1fr}}
.prin article{background:var(--navy-d);padding:1.9rem 1.6rem}
.prin h3{font-size:1.2rem;color:#fff;margin-bottom:.5em}
.prin p{margin:0;font-size:.95rem;color:var(--lt-2);line-height:1.6}

.two{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin:2rem 0}
@media(max-width:700px){.two{grid-template-columns:1fr}}
.two>div{padding:1.5rem 1.6rem;background:var(--paper-2);border-radius:14px}
.two h3{font-size:1.1rem;margin-bottom:.4em}
.two p{margin:0;color:var(--ink-2);font-size:.96rem}
.domains{font-family:var(--mono);font-size:.86rem;line-height:2.1;color:var(--blue);
  max-width:68ch;margin:2rem 0}

/* pricing page */
.prcard{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);
  background:var(--navy);color:#fff;border-radius:20px;padding:clamp(2rem,4vw,3rem);
  box-shadow:0 40px 80px -40px rgba(0,30,76,.6)}
@media(max-width:820px){.prcard{grid-template-columns:1fr}}
.prcard__l{min-width:0}
.prcard .pr__num,.prcard .pr__then{color:#fff}
.prcard .microcopy{color:var(--lt-2);margin-top:1rem}
.prcard__r{list-style:none;margin:0;padding:0;align-self:center}
.prcard__r li{position:relative;padding:.72rem 0 .72rem 1.9rem;font-size:.97rem;color:var(--lt)}
.prcard__r li+li{border-top:1px solid rgba(255,255,255,.12)}
.prcard__r li::before{content:"✓";position:absolute;left:0;top:.72rem;color:#5FE3B8;font-weight:700;font-size:.9rem}
.founding{background:rgba(18,184,134,.07);border:1px dashed rgba(14,122,95,.4)}
.band .founding .founding__tag{color:var(--ok-d)}
.band .founding .founding__h{color:var(--ink)}
.band .founding .founding__h strong{color:var(--ok-d)}
.band .founding .founding__r p{color:var(--ink-2)}
.band .founding .btn--out{border-color:rgba(14,122,95,.5);color:var(--ok-d)}
.band .founding .btn--out:hover{background:var(--ok-d);color:#fff;border-color:var(--ok-d)}

/* contact */
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2.5vw,1.6rem)}
@media(max-width:820px){.cgrid{grid-template-columns:1fr}}
.ccard{background:var(--paper-2);border-radius:18px;padding:clamp(1.8rem,3vw,2.4rem)}
.ccard--alt{background:linear-gradient(158deg,var(--navy),#062A63);color:#fff}
.ccard h2{font-size:clamp(1.2rem,2.2vw,1.55rem);margin-bottom:.6em}
.ccard p{color:var(--ink-2);font-size:.97rem}
.ccard--alt p{color:var(--lt)}
.ccard--alt .door__k{color:#7FE3C4}
.cmail{margin:1.4rem 0 0;font-family:var(--mono);font-size:.95rem}
.cmail a{color:var(--blue);text-decoration:none;border-bottom:1px solid currentColor}
.ccard--alt .cmail a{color:#7FE3C4}

/* 404 */
.nf{min-height:70vh;display:grid;place-items:center;text-align:center}

/* ═══════════ SHARED UTILITIES ═══════════ */
.band{padding-block:var(--pad)}
.band--paper{background:var(--paper-2)}
.band--ink{background:var(--navy-d);color:var(--lt)}
.band--ink h2,.band--ink h3{color:#fff}
.measure{max-width:62ch}
.lede{font-size:clamp(1.12rem,2vw,1.35rem);line-height:1.5;color:var(--ink)}
.band--ink .lede{color:var(--lt)}
.body--light{color:var(--lt)}
.band p{color:var(--ink-2)}
.band--ink p{color:var(--lt-2)}
.band .measure p:last-child{margin-bottom:0}

/* ═══════════ MOBILE NAV ═══════════ */
.burger{display:none;width:44px;height:44px;padding:0;border:0;background:transparent;
  cursor:pointer;position:relative;flex:0 0 auto;margin-left:.25rem}
.burger span{display:block;position:absolute;left:11px;width:22px;height:2px;border-radius:2px;
  background:#fff;transition:transform .26s cubic-bezier(.16,1,.3,1),opacity .18s}
.burger span:nth-child(1){top:15px}
.burger span:nth-child(2){top:21px}
.burger span:nth-child(3){top:27px}
.burger.is-x span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger.is-x span:nth-child(2){opacity:0}
.burger.is-x span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.mobnav{overflow:hidden;max-height:0;opacity:0;
  background:rgba(0,17,46,.98);backdrop-filter:blur(16px);
  border-top:1px solid rgba(255,255,255,.1);
  transition:max-height .3s cubic-bezier(.16,1,.3,1),opacity .22s ease}
.mobnav.is-open{max-height:80vh;opacity:1}
.mobnav__links{display:flex;flex-direction:column;padding:.5rem 0}
.mobnav__links a{display:block;padding:1rem 1.25rem;font-family:var(--disp);font-weight:600;
  font-size:1.18rem;color:var(--lt);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.07)}
.mobnav__links a:hover,.mobnav__links a:focus-visible{color:#fff;background:rgba(255,255,255,.05)}
.mobnav__links a[aria-current="page"]{color:#fff}
.mobnav__cta{margin:1.15rem 1.25rem 1.5rem;justify-content:center}
html.menu-open,html.menu-open body{overflow:hidden}

@media(max-width:900px){
  .nav__links{display:none}
  .burger{display:block}
  .nav{background:rgba(0,17,46,.92);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.08)}
  .nav__in{min-height:70px;gap:.6rem}
  .nav__brand img{height:38px}
}
@media(max-width:430px){
  .nav__cta{display:none}
  .nav__brand img{height:34px}
}
@media(min-width:901px){ .mobnav{display:none} }

/* ═══════════ MOBILE REFINEMENTS ═══════════ */
@media(max-width:640px){
  :root{--pad:clamp(3rem,9vw,4.5rem)}
  .wrap{width:min(100% - 2rem,var(--wrap))}
  .hero{padding-top:7rem}
  .hero__cta{flex-direction:column;align-items:flex-start;gap:1rem}
  .hero__cta .btn{width:100%;justify-content:center}
  .demo__body{padding:1.25rem 1.15rem 1.1rem;min-height:0}
  .demo__q{font-size:1.06rem;min-height:0;margin-bottom:1rem}
  .verdict__note{min-height:0}
  .rot{min-height:17rem}
  .threat__big,.ins__big{letter-spacing:-.04em}
  .final .btn,.band--accent .btn{width:100%;justify-content:center}
  .cta-row{flex-direction:column;align-items:stretch}
  .cta-row .btn{justify-content:center}
  .prcard,.pr,.founding{padding:1.5rem 1.25rem}
  .pr__num{font-size:clamp(2.8rem,13vw,3.6rem)}
  .cmp__c{padding:1.1rem 1.1rem 1.1rem 3rem;font-size:.95rem}
  .cmp__c::before{left:1rem}
  .cmp__head{padding:1.2rem 1.1rem 1rem}
  .stepl__n{padding-top:0}
  .domains{font-size:.8rem;line-height:1.95}
  .foot__nav{gap:.55rem 1.1rem}
  details summary{font-size:.96rem}
}
@media(max-width:400px){
  .tag{font-size:.66rem;padding:.35rem .7rem}
  .hero__meta strong{font-size:.86rem}
}