/* Aura8 site draft v2 (Direction B refined). Light-first: Paper/white sections with navy feature bands.
   Motion animates transform and opacity only. prefers-reduced-motion switches every effect off. DRAFT. */
@font-face{font-family:"Geist";src:url("../fonts/Geist.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/Inter.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Azeret Mono";src:url("../fonts/AzeretMono.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{
  --blue:#2445EB;--cyan:#19BBD7;--lime:#C7FF6B;--navy:#0B1220;--ink:#142444;--muted:#52627B;--paper:#F2F5FF;--white:#fff;
  --blue-d:#5677FF;--cyan-d:#32CEE6;
  --bg:#fff;--fg:var(--ink);--fg2:var(--muted);--line:#D9DFEF;--card:#fff;--card2:var(--paper);--accent:var(--blue);--link:var(--blue);
  --radius:22px;--maxw:1240px;
  --ease:cubic-bezier(.2,.7,.2,1);--out:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.34,1.56,.64,1);
  --shadow:0 30px 60px -32px rgba(11,18,32,.38),0 2px 8px rgba(11,18,32,.06);
  --shadow-sm:0 14px 30px -18px rgba(11,18,32,.35);
  --h2:clamp(2.1rem,5.2vw,4.4rem);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--ink);background:#fff;overflow-x:hidden}
h1,h2,h3,h4{font-family:Geist,Arial,sans-serif;font-weight:500;line-height:1.08;letter-spacing:-.02em;margin:0 0 .5em;color:var(--fg)}
h2{font-size:var(--h2);letter-spacing:-.035em;line-height:1.02}
h3{font-size:1.4rem;letter-spacing:-.01em}
p{margin:0 0 1em} a{color:var(--link)}
img{max-width:100%;display:block}
button{font:inherit}
.mono{font-family:"Azeret Mono",monospace;font-weight:500;font-size:.78rem;letter-spacing:.02em}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}
.small{font-size:.88rem}.muted{color:var(--fg2)}
.lead{font-size:clamp(1.08rem,1.5vw,1.25rem);color:var(--fg2);max-width:60ch}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:"Azeret Mono",monospace;font-size:.8rem;color:var(--fg2);margin-bottom:18px}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--accent);border-radius:2px}
.tc{color:var(--fg2);background:rgba(36,69,235,.07);border:1px dashed rgba(36,69,235,.5);border-radius:6px;padding:0 .3em;font-size:.92em}
.s-navy .tc{color:#C9D2E6;background:rgba(86,119,255,.14);border-color:rgba(150,170,255,.6)}
.skip{position:absolute;left:-999px;top:8px;background:var(--blue);color:#fff;padding:10px 16px;border-radius:10px;z-index:300}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:8px}
.s-navy :focus-visible,.ftr :focus-visible,.dash :focus-visible{outline-color:var(--lime)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* sections: light first, navy feature bands */
.section{position:relative;padding:clamp(84px,10vw,140px) 0;background:var(--bg);color:var(--fg)}
.s-white{--bg:#fff;--card:#fff;--card2:var(--paper)}
.s-paper{--bg:var(--paper);--card:#fff;--card2:#fff;--line:#D5DCF0}
.s-navy{--bg:var(--navy);--fg:#F2F5FF;--fg2:#B7C2D8;--line:#26324D;--card:#111A2E;--card2:#16213A;--accent:var(--lime);--link:var(--cyan-d)}
.s-navy+.s-navy{padding-top:0}

/* draft bar + header */
.draftbar{background:var(--lime);color:var(--navy);font-size:.8rem;text-align:center;padding:6px 12px;font-weight:600;position:relative;z-index:61}
.hdr{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid rgba(217,223,239,.8)}
@media (hover:hover) and (min-width:900px){.hdr{background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}}
.hdr .wrap{display:flex;align-items:center;gap:18px;height:74px;max-width:1440px}
.hdr .hdr-cta{white-space:nowrap;flex:none}.hdr .logo{flex:none}
.brand{display:flex;align-items:center;gap:18px;text-decoration:none;color:var(--ink);flex-shrink:0}
.brand img{width:160px;height:auto}
.parentline{font-family:Geist,Arial,sans-serif;font-size:.88rem;color:var(--ink);padding-left:16px;border-left:1px solid var(--line);white-space:nowrap}
.mainnav{display:flex;gap:2px;margin-left:auto;align-items:center}
.mainnav a{color:var(--ink);text-decoration:none;font-size:.9rem;padding:8px 9px;white-space:nowrap;border-radius:10px;position:relative}
.mainnav a::after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:2px;background:var(--blue);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--out)}
.mainnav a:hover::after,.mainnav a[aria-current="page"]::after{transform:scaleX(1)}
.mainnav a[aria-current="page"]{color:var(--blue)}
.hdr .btn{padding:11px 18px;min-height:44px;font-size:.92rem}
.menu-btn{display:none;margin-left:auto;background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:10px 14px;cursor:pointer;min-height:44px}
.progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;will-change:transform}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;font:600 1rem/1.2 Inter,Arial,sans-serif;padding:15px 26px;min-height:48px;border-radius:999px;text-decoration:none;border:2px solid transparent;cursor:pointer;position:relative;transition:transform .45s var(--spring),box-shadow .3s var(--ease),background-color .2s}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 24px -14px rgba(36,69,235,.9)}
.btn-primary:hover{background:#1A37D0}
.s-navy .btn-primary,.ftr .btn-primary{background:var(--lime);color:var(--navy);box-shadow:none}
.btn-ghost{border-color:currentColor;color:var(--fg);background:transparent}
.btn-ghost:hover{background:rgba(36,69,235,.06)}
.s-navy .btn-ghost:hover{background:rgba(255,255,255,.08)}
.btn:active{transform:scale(.95)!important;transition-duration:.12s}
.btn .arr{display:inline-block;transition:transform .45s var(--spring)}
.btn:hover .arr{transform:translateX(5px)}
.btn .mag{display:inline-flex;align-items:center;gap:.55em;transition:transform .5s var(--spring)}
.ctas{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 14px}

/* cards */
.grid{display:grid;gap:22px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.grid>*,.split>*{min-width:0}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm);transition:transform .5s var(--spring),box-shadow .4s var(--ease)}
.s-navy .card{box-shadow:none}
.card.hov:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.card h3{margin-bottom:.4em}
.pill{display:inline-block;font-family:"Azeret Mono",monospace;font-size:.72rem;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--fg2);background:var(--card)}
.pill.on{background:var(--lime);color:var(--navy);border-color:var(--lime)}
.demo-tag{display:inline-flex;align-items:center;gap:6px;background:var(--lime);color:var(--navy);font:600 .7rem/1.2 "Azeret Mono",monospace;padding:4px 8px;border-radius:6px;white-space:nowrap}
.demo-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--navy)}
.glass{background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);border-radius:18px}
@media (hover:hover) and (min-width:900px){.glass{background:rgba(255,255,255,.66);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3)}}
ul.ticks{list-style:none;padding:0;margin:0}
ul.ticks li{padding-left:28px;position:relative;margin:0 0 .6em}
ul.ticks li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:8px;border-left:2.5px solid var(--accent);border-bottom:2.5px solid var(--accent);transform:rotate(-45deg)}
ul.crosses li::before,ul.crosses li::after{content:"";position:absolute;left:5px;top:.32em;width:2.5px;height:14px;background:var(--fg2);border:0;transform:rotate(45deg)}
ul.crosses li::after{transform:rotate(-45deg)}
table.t{width:100%;border-collapse:collapse;font-size:.95rem;background:var(--card)}
table.t th{background:var(--blue);color:#fff;text-align:left;padding:13px 16px;font-weight:600}
table.t td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}
table.t tr:nth-child(even) td{background:var(--card2)}
.tablewrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.note-box{border-left:3px solid var(--accent);background:var(--card2);padding:16px 18px;border-radius:0 14px 14px 0;font-size:.93rem;color:var(--fg2)}
.placeholder{border:2px dashed var(--line);border-radius:var(--radius);padding:28px;text-align:center;color:var(--fg2);font-family:"Azeret Mono",monospace;font-size:.84rem;background:var(--card)}
.secthead{max-width:820px;margin-bottom:48px}
.center{text-align:center;margin-left:auto;margin-right:auto}
.center .eyebrow::before{display:none}

/* reveals (B energy: bigger travel, springy) */
.rv{opacity:0;transform:translate3d(0,40px,0);transition:opacity .6s var(--out),transform .8s var(--out);transition-delay:calc(min(var(--i,0),4)*70ms)}
.rv.in{opacity:1;transform:none}
.rv-pop{opacity:0;transform:scale(.92) translate3d(0,24px,0);transition:opacity .5s var(--out),transform .8s var(--spring);transition-delay:calc(min(var(--i,0),4)*70ms)}
.rv-pop.in{opacity:1;transform:none}
.rv.quick,.rv-pop.quick{transition-duration:.2s,.36s;transition-delay:0s}

/* ---------- HERO ---------- */
.hero{background:var(--paper);position:relative;overflow:hidden;min-height:calc(100vh - 106px);display:flex;align-items:center;padding:72px 0 96px}
.hero .wrap{position:relative;z-index:3;width:100%}
.hero .big{font-family:Geist,Arial,sans-serif;font-weight:500;font-size:clamp(3.4rem,10.4vw,10rem);line-height:.9;letter-spacing:-.05em;margin:0;color:var(--ink)}
.hero .big .ln{display:block;overflow:hidden;padding-bottom:.06em}
.hero .big .ln>span{display:block;transform:translate3d(0,108%,0);animation:lineUp 1.15s cubic-bezier(.22,1,.36,1) forwards}
.hero .big .ln:nth-child(2)>span{animation-delay:.18s;color:var(--blue)}
.hero .big .ln:nth-child(3)>span{animation-delay:.36s}
@keyframes lineUp{to{transform:none}}
.hero .sub{max-width:48ch;font-size:clamp(1.08rem,1.5vw,1.28rem);color:var(--muted);margin-top:34px;opacity:0;animation:fadeUp .9s .7s var(--out) forwards}
.hero .ctas,.hero .micro{opacity:0;animation:fadeUp .9s .86s var(--out) forwards}
.hero .micro{margin:0;font-size:.88rem;color:var(--muted)}
/* v2.2 hero: featured campaign card + product rail; campaign mode (.is-camp) swaps the headline */
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,370px);gap:48px;align-items:end}
.hero{padding-top:52px;padding-bottom:72px}.hero .sub{margin-top:26px}.hero .big{font-size:clamp(3.4rem,7.4vw,8rem)}
.hero .big.camp{font-size:clamp(2.5rem,4.1vw,3.85rem);line-height:.98;letter-spacing:-.045em}
.hero .big.camp .ln>span{white-space:normal}
.feat{padding:24px 24px 22px;border-radius:22px;border:1px solid var(--line);background:#fff;opacity:0;animation:fadeUp .9s 1s var(--out) forwards;position:relative}
.feat::before{content:"";position:absolute;left:24px;right:24px;top:-1px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.feat-k{display:block;font:.72rem "Azeret Mono",monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--blue)}
.feat-t{font-family:Geist,Arial,sans-serif;font-weight:500;font-size:1.42rem;line-height:1.18;letter-spacing:-.02em;margin:10px 0 8px;color:var(--ink)}
.feat-p{font-size:.94rem;color:var(--muted);margin:0 0 16px}
.feat-ctas{display:flex;flex-direction:column;gap:10px}.feat-ctas .btn{justify-content:center;width:100%}
.is-camp .feat{box-shadow:0 0 0 2px var(--blue),var(--shadow)}
.prail{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;border-top:1px solid var(--line);background:var(--paper);position:relative;opacity:0;animation:fadeUp .9s 1.1s var(--out) forwards}
.prail-i{display:block;padding:16px 18px 4px 0;color:var(--ink);text-decoration:none;border-right:1px solid transparent}
.prail-i+.prail-i{padding-left:18px;border-left:1px solid var(--line)}
.prail-i b{display:block;font-family:Geist,Arial,sans-serif;font-weight:500;font-size:1.02rem}
.prail-i b .arr{display:inline-block;transition:transform .25s var(--ease);color:var(--blue)}
.prail-i:hover b .arr,.prail-i:focus-visible b .arr{transform:translateX(4px)}
.prail-i span:not(.arr){display:block;font-size:.84rem;color:var(--muted);margin-top:4px;line-height:1.4}
@media (min-width:981px){.hero .frag.fr-2,.hero .frag.fr-3{display:none}.hero .fr-1{top:10%}.hero .fr-4{top:7%;right:max(16vw,calc((100vw - var(--maxw))/2 + 240px))}}
@media (max-width:980px){
 .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}.feat{margin-top:28px;max-width:520px}
 .prail{grid-template-columns:1fr 1fr;margin-top:32px}.prail-i,.prail-i+.prail-i{padding:14px 12px 12px 0;border-left:0;border-bottom:1px solid var(--line)}.prail-i:nth-child(even){padding-left:14px;border-left:1px solid var(--line)}
 .hero .frag{display:none}
}
@media (max-width:640px){.feat{padding:20px}.feat-t{font-size:1.22rem}.prail-i span:not(.arr){font-size:.8rem}.hero .big.camp{font-size:clamp(2.3rem,10vw,3.2rem)}}
@keyframes fadeUp{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:none}}
.layer{position:absolute;inset:0;pointer-events:none}
.layer>*{position:absolute;will-change:transform}
.l-back{z-index:0}.l-mid{z-index:1}.l-front{z-index:2}
.shape{display:block}
.sh-ring{width:min(46vw,640px);aspect-ratio:1;right:-9vw;top:-6vh;border-radius:50%;border:clamp(34px,5.4vw,78px) solid var(--blue);border-right-color:transparent;border-bottom-color:transparent}
.sh-chev{width:clamp(80px,12vw,190px);aspect-ratio:1;clip-path:polygon(0 0,40% 0,100% 50%,40% 100%,0 100%,60% 50%)}
.sh-chev.c{background:var(--cyan);right:22vw;bottom:10vh}
.sh-chev.l{background:var(--lime);right:8vw;bottom:30vh;width:clamp(60px,8vw,130px)}
.sh-dot{width:18px;height:18px;border-radius:50%;background:var(--ink)}
.sh-dot.a{right:38vw;top:16vh}.sh-dot.b{right:4vw;bottom:12vh;background:var(--blue);width:12px;height:12px}
.sh-grid{right:0;top:0;width:52vw;height:100%;background-image:radial-gradient(circle,rgba(20,36,68,.13) 1.2px,transparent 1.4px);background-size:28px 28px;opacity:.9}
.frag{pointer-events:auto;padding:14px 16px;font-size:.88rem;min-width:200px;color:var(--ink)}
.frag .demo-tag{margin-bottom:8px}
.frag b{font-family:Geist;font-weight:500}
.frag .k{font-family:Geist;font-size:2rem;line-height:1;display:block}
.frag .sm{font-size:.78rem;color:var(--muted)}
.fr-1{right:max(4vw,calc((100vw - var(--maxw))/2 + 10px));top:16%}
.fr-2{right:max(22vw,calc((100vw - var(--maxw))/2 + 300px));top:46%}
.fr-3{right:max(3vw,calc((100vw - var(--maxw))/2 + 0px));top:63%}
.fr-4{right:max(18vw,calc((100vw - var(--maxw))/2 + 250px));top:9%}
.frag .row2{display:flex;align-items:center;gap:10px;justify-content:space-between}
.st{font-family:"Azeret Mono",monospace;font-size:.7rem;padding:3px 8px;border-radius:6px;text-align:center;font-weight:600;display:inline-block}
.st.Allow,.st.Approved{background:var(--lime);color:var(--navy)}.st.Warn,.st.Ask{background:var(--cyan-d);color:var(--navy)}
.st.Block,.st.Blocked{background:var(--ink);color:#fff}.st.Unknown{background:transparent;border:1px dashed currentColor}
.scrollhint{position:absolute;right:32px;bottom:28px;font:.72rem "Azeret Mono",monospace;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:3}
.scrollhint i{width:2px;height:44px;background:var(--line);position:relative;overflow:hidden}
.scrollhint i::after{content:"";position:absolute;left:0;top:0;width:100%;height:40%;background:var(--ink);animation:hint 1.8s var(--ease) infinite}
@keyframes hint{from{transform:translateY(-100%)}to{transform:translateY(260%)}}

/* page hero (inner pages) */
.pagehero{background:var(--paper);position:relative;overflow:hidden;padding:120px 0 96px}
.pagehero h1{font-size:clamp(2.8rem,7vw,6.4rem);letter-spacing:-.045em;line-height:.98;max-width:15ch}
.pagehero .wrap{position:relative;z-index:2}
.pagehero .sh-ring{width:min(34vw,460px);right:-6vw;top:-10%}
.pagehero .sh-chev.c{right:12vw;bottom:8%}

/* marquee (scroll-linked) */
.marquee{background:var(--navy);color:#F2F5FF;overflow:hidden;white-space:nowrap;padding:22px 0;position:relative;z-index:2}
.marquee .mq{display:inline-flex;will-change:transform}
.marquee .mq span{font-family:Geist,Arial,sans-serif;font-size:clamp(1.6rem,3.4vw,2.9rem);letter-spacing:-.02em;padding:0 22px;display:inline-flex;align-items:center;gap:44px}
.marquee .mq span::after{content:"";width:14px;height:14px;border-radius:3px;background:var(--lime);display:inline-block}
.marquee .mq span:nth-child(3n+2)::after{background:var(--cyan)}.marquee .mq span:nth-child(3n)::after{background:var(--blue-d)}

/* pinned story */
.story{position:relative;height:420vh;background:#fff}
.story .pin{position:sticky;top:74px;height:calc(100vh - 74px);display:flex;align-items:center;overflow:hidden}
.story .pin>.wrap{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.story .words{position:relative;height:clamp(240px,40vh,420px)}
.story .sw{position:absolute;left:0;right:0;top:50%;transform:translate3d(0,-30%,0);opacity:0;transition:opacity .5s var(--out),transform .7s var(--out)}
.story .sw.on{opacity:1;transform:translate3d(0,-50%,0)}
.story .sw.past{opacity:0;transform:translate3d(0,-70%,0)}
.story .stageword{font-family:Geist,Arial,sans-serif;font-weight:500;font-size:clamp(3rem,8.4vw,8rem);letter-spacing:-.05em;line-height:.92;margin:0;color:var(--ink)}
.story .stageword em{font-style:normal;color:var(--blue)}
.story .bignum{font-family:"Azeret Mono",monospace;color:var(--muted);font-size:.9rem;display:block;margin-bottom:14px}
.story .stack{position:relative;height:min(520px,62vh)}
.story .scard{position:absolute;inset:0;border-radius:26px;padding:36px;display:flex;flex-direction:column;justify-content:flex-end;will-change:transform;box-shadow:var(--shadow);transform-origin:50% 0}
.story .scard h3{font-size:clamp(1.5rem,2.4vw,2.1rem);color:inherit}
.story .scard p{color:inherit;opacity:1}
.story .scard .pill{align-self:flex-start;margin-bottom:auto}
.scard.k-found{background:var(--blue);color:#fff}.scard.k-found .pill{background:#fff;color:var(--blue);border-color:#fff}
.scard.k-secure{background:var(--navy);color:#F2F5FF}.scard.k-secure .pill{background:var(--cyan-d);color:var(--navy);border-color:var(--cyan-d)}
.scard.k-see{background:#fff;color:var(--ink);border:1px solid var(--line)}
.scard.k-own{background:var(--paper);color:var(--ink);border:1px solid #D5DCF0}
.scard .btn-ghost{color:inherit;align-self:flex-start;margin-top:8px}
.scard .glyph{position:absolute;right:28px;top:28px;width:84px;height:84px}
.story .bars{position:absolute;left:32px;right:32px;top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:calc(var(--maxw) - 64px);margin:0 auto}
.story .bars div{height:4px;background:var(--line);border-radius:4px;overflow:hidden}
.story .bars i{display:block;height:100%;background:var(--ink);transform:scaleX(0);transform-origin:left;will-change:transform}
.story .bars small{display:block;font:.72rem "Azeret Mono",monospace;color:var(--muted);margin-top:8px}

/* bridge statement with scroll-linked word highlight (opacity layer) */
.bridge{font-family:Geist,Arial,sans-serif;font-size:clamp(2rem,4.8vw,4.2rem);line-height:1.08;letter-spacing:-.035em;max-width:22ch;margin:0;color:var(--muted)}
.bridge .w{position:relative;display:inline-block}
.bridge .w b{position:absolute;left:0;top:0;font-weight:inherit;color:var(--ink);opacity:0;transition:opacity .25s linear}
.bridge .w.on b{opacity:1}

/* facts / tickers */
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.fact{border-top:2px solid var(--line);padding-top:22px}
.fact b{font-family:Geist,Arial,sans-serif;font-weight:500;font-size:clamp(3rem,6vw,5.6rem);display:block;line-height:1;letter-spacing:-.04em;color:var(--fg)}
.fact .sfx{font-size:.5em;margin-left:4px;color:var(--lime)}
.fact .l{font-weight:600;margin-top:12px;color:var(--fg)}.fact .n{font-size:.84rem;color:var(--fg2)}
.s-navy .fact{border-top-color:#26324D}

/* playground tabs */
.tabs{display:inline-flex;gap:4px;padding:6px;border-radius:999px;background:var(--paper);border:1px solid var(--line);position:relative;flex-wrap:wrap;margin-bottom:28px}
.tabs .ind{position:absolute;top:6px;left:0;height:calc(100% - 12px);border-radius:999px;background:var(--blue);transition:transform .55s var(--spring);z-index:0;will-change:transform;width:100px;transform-origin:left}
.tabs button{position:relative;z-index:1;border:0;background:transparent;color:var(--ink);font:600 .92rem Inter;padding:11px 18px;border-radius:999px;cursor:pointer;min-height:44px;transition:color .25s}
.tabs button[aria-selected="true"]{color:#fff;background:var(--blue);transition:color .25s,background-color .2s .3s}
.tabs.noind button[aria-selected="true"]{background:var(--blue)}
.tabpanel{animation:panelIn .55s var(--out)}
@keyframes panelIn{from{opacity:0;transform:translate3d(0,22px,0) scale(.985)}to{opacity:1;transform:none}}
.demo-stage{position:relative;padding:28px}
.demo-stage .back{position:absolute;inset:0;border-radius:28px;background:var(--paper);transform:rotate(-2deg)}
.demo-stage .back2{position:absolute;inset:14px -10px -10px 14px;border-radius:28px;background:var(--blue);opacity:.12;transform:rotate(2.5deg)}
.demo-stage>.front{position:relative;z-index:1}
.demo-copy h3{font-size:clamp(1.6rem,2.6vw,2.3rem)}
.steps-mini{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px;counter-reset:s}
.steps-mini li{counter-increment:s;display:flex;gap:12px;align-items:flex-start;font-size:.95rem;color:var(--fg2)}
.steps-mini li::before{content:counter(s);flex:0 0 26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font:600 .75rem/26px Inter;text-align:center}

/* dashboard mock */
.dash{background:var(--navy);color:#F2F5FF;border-radius:22px;padding:22px;font-size:.88rem;position:relative;border:1px solid #26324D;box-shadow:var(--shadow)}
.dash .dtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:8px;flex-wrap:wrap}
.dash .dtop .mono{color:#B7C2D8}
.dash .kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}
.dash .kpi{background:#111A2E;border:1px solid #26324D;border-radius:12px;padding:10px}
.dash .kpi b{display:block;font-family:Geist;font-weight:500;font-size:1.55rem;color:#fff}
.dash .kpi span{font-size:.72rem;color:#B7C2D8;line-height:1.25;display:block}
.dash .feed{display:flex;flex-direction:column;gap:6px;height:212px;overflow:hidden}
.dash .row{display:grid;grid-template-columns:1.3fr 1fr .8fr 64px;gap:8px;align-items:center;background:#111A2E;border:1px solid #26324D;border-radius:10px;padding:8px 10px;animation:rowIn .5s var(--spring)}
.dash .row .tool{font-weight:600;color:#fff}.dash .row .cat{color:#B7C2D8;font-size:.78rem}
.dash .row .uses{font-family:"Azeret Mono";font-size:.75rem;color:#B7C2D8;text-align:right}
@keyframes rowIn{from{opacity:0;transform:translate3d(0,-12px,0) scale(.97)}to{opacity:1;transform:none}}
.dash .owner{margin-top:12px;background:#16213A;border:1px dashed #5677FF;border-radius:14px;padding:12px 14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.dash .owner.done{border-style:solid;border-color:var(--lime)}
.dash .owner .who{color:#F2F5FF}
.dash .choices{display:flex;gap:6px;flex-wrap:wrap}
.dash .choices button,.dash .assign2{font:600 .8rem Inter;border-radius:999px;padding:8px 12px;min-height:36px;cursor:pointer;border:1px solid #5677FF;background:transparent;color:#F2F5FF;transition:transform .4s var(--spring),background .2s}
.dash .assign2{background:var(--lime);color:var(--navy);border-color:var(--lime)}
.dash .choices button:hover{background:#26324D;transform:translateY(-2px)}
.dash .choices button{animation:popIn .45s var(--spring) both}
.dash .choices button:nth-child(2){animation-delay:.05s}.dash .choices button:nth-child(3){animation-delay:.1s}
@keyframes popIn{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.dash .cap{margin-top:10px;font-size:.74rem;color:#B7C2D8}
.dash .scan{height:2px;background:#26324D;border-radius:2px;overflow:hidden;margin-bottom:12px}
.dash .scan i{display:block;height:100%;width:30%;background:var(--cyan-d);animation:scan 2.4s linear infinite}
@keyframes scan{from{transform:translateX(-100%)}to{transform:translateX(340%)}}

/* discover chat */
.chat{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow);color:var(--ink)}
.chat .meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.78rem;color:var(--muted);margin-bottom:12px;flex-wrap:wrap}
.chat .bub{padding:12px 14px;border-radius:16px;margin-bottom:10px;max-width:92%;font-size:.95rem}
.chat .me{background:var(--blue);color:#fff;margin-left:auto;border-bottom-right-radius:4px;animation:popIn .5s var(--spring)}
.chat .ai{background:var(--paper);color:var(--ink);border-bottom-left-radius:4px;min-height:84px}
.chat .miss{display:flex;gap:10px;align-items:center;border:1.5px dashed var(--muted);border-radius:12px;padding:10px 12px;font-size:.9rem;opacity:0;transform:scale(.94);transition:opacity .4s var(--out),transform .6s var(--spring)}
.chat .miss.show{opacity:1;transform:none}
.chat .caret::after{content:"▍";animation:blink 1s steps(1) infinite;color:var(--muted)}
@keyframes blink{50%{opacity:0}}
.engines{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.engines button{font:600 .8rem Inter;border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 12px;min-height:36px;border-radius:999px;cursor:pointer;transition:transform .4s var(--spring)}
.engines button:hover{transform:translateY(-2px)}
.engines button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.chip{width:12px;height:12px;border-radius:3px;display:inline-block;flex:0 0 12px}
.c-blue{background:var(--blue)}.c-cyan{background:var(--cyan)}.c-lime{background:var(--lime)}.c-navy{background:var(--navy)}

/* scorecard */
.scorebox{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow);color:var(--ink)}
.score{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.score .cell{border:1.5px solid var(--line);border-radius:14px;padding:14px;background:#fff;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform .45s var(--spring),border-color .2s,box-shadow .3s}
.score .cell:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.score .cell[aria-pressed="true"]{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,69,235,.15)}
.rag{display:inline-block;font:600 .7rem "Azeret Mono";padding:3px 8px;border-radius:6px;margin-bottom:6px}
.rag.r{background:var(--ink);color:#fff}.rag.a{background:var(--cyan-d);color:var(--navy)}.rag.g{background:var(--lime);color:var(--navy)}
.score-out{margin-top:12px;border-left:3px solid var(--blue);background:var(--paper);padding:12px 14px;border-radius:0 12px 12px 0;font-size:.92rem;color:var(--ink)}

/* steer screen in browser frame */
.browser{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;color:var(--ink)}
.browser .bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--paper);border-bottom:1px solid var(--line)}
.browser .bar i{width:10px;height:10px;border-radius:50%;background:#C5CDE3}
.browser .bar .url{flex:1;margin-left:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font:.76rem "Azeret Mono";color:var(--muted)}
.browser .body{padding:26px;position:relative;min-height:300px}
.browser .ghostpage{position:absolute;inset:26px;display:grid;gap:10px;align-content:start}
.browser .ghostpage span{height:12px;border-radius:6px;background:var(--paper)}
.steer-card{position:relative;z-index:1;max-width:440px;margin:18px auto 0;padding:24px;animation:popIn .6s var(--spring)}
.steer-card h3{font-size:1.3rem}
.steer-out{margin-top:10px;min-height:1.4em}
.steer-out .ok{display:inline-flex;gap:8px;align-items:center;animation:popIn .5s var(--spring)}
.field{display:grid;gap:6px;font-weight:600;font-size:.9rem}
.field input,.field select,.field textarea{font:inherit;font-weight:400;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:var(--ink);min-height:48px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(36,69,235,.18)}

/* register */
.regbox{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow);color:var(--ink)}
.register{width:100%;border-collapse:collapse;font-size:.9rem}
.register td,.register th{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left}
.register th{font-family:"Azeret Mono";font-size:.72rem;color:var(--muted);font-weight:500}
.register .assign{font:600 .8rem Inter;padding:8px 12px;min-height:36px;border-radius:999px;border:1.5px solid var(--blue);background:#fff;color:var(--blue);cursor:pointer;transition:transform .4s var(--spring)}
.register .assign:hover{transform:scale(1.05)}
.flip{display:inline-block;animation:flipIn .5s var(--spring)}
@keyframes flipIn{from{opacity:0;transform:translate3d(0,-12px,0) scale(.9)}to{opacity:1;transform:none}}
.boxhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.boxhead .mono{color:var(--muted)}

/* before / after slider (transform-only clip) */
.ba{position:relative;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);background:#fff;user-select:none;touch-action:pan-y;--p:50}
.ba .pane{padding:30px;min-height:380px}
.ba .before{background:#fff;color:var(--ink)}
.ba .afterclip{position:absolute;inset:0;overflow:hidden;transform:translate3d(calc(var(--p) * 1%),0,0);will-change:transform}
.ba .afterclip>.after{position:absolute;inset:0;transform:translate3d(calc(var(--p) * -1%),0,0);will-change:transform;background:var(--navy);color:#F2F5FF}
.ba .handle{position:absolute;inset:0;transform:translate3d(calc(var(--p) * 1%),0,0);z-index:3;pointer-events:none;will-change:transform}
.ba .handle::before{content:"";position:absolute;top:0;bottom:0;left:-1.5px;width:3px;background:var(--lime)}
.ba .handle span{position:absolute;top:50%;left:-26px;width:52px;height:52px;margin-top:-26px;border-radius:50%;background:var(--lime);color:var(--navy);display:grid;place-items:center;font:700 1rem Inter;box-shadow:var(--shadow);transition:transform .4s var(--spring)}
.ba.drag .handle span{transform:scale(1.15)}
.ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:4;margin:0}
.ba input[type=range]:focus-visible~.handle span{outline:3px solid var(--blue);outline-offset:3px}
.ba .lbl{font:600 .78rem "Azeret Mono";display:inline-block;padding:5px 10px;border-radius:999px;margin-bottom:16px}
.ba .before .lbl{background:var(--paper);color:var(--ink)}.ba .after .lbl{background:var(--lime);color:var(--navy)}
.ba h3{font-size:clamp(1.3rem,2.2vw,1.8rem);color:inherit}
.ba .after .muted{color:#B7C2D8}
.ba .messy{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;max-width:46%}
.ba .messy span{background:var(--paper);border:1px dashed #9AA6C0;border-radius:12px;padding:8px 12px;font-size:.88rem}
.ba .messy span:nth-child(odd){transform:rotate(-2deg)}.ba .messy span:nth-child(3n){transform:rotate(2.5deg)}
.ba .neat{margin-top:16px;margin-left:auto;max-width:44%;display:grid;gap:8px}
.ba .neat div{display:grid;grid-template-columns:1.2fr 1fr auto;gap:10px;align-items:center;background:#111A2E;border:1px solid #26324D;border-radius:12px;padding:9px 12px;font-size:.86rem}
.ba .right{text-align:right;margin-left:auto;max-width:44%}
.ba .half{max-width:42%}
.ba-cap{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:.88rem;color:var(--fg2);flex-wrap:wrap}

/* spot the shadow AI */
.game{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center}
.gbrowser{background:#111A2E;border:1px solid #26324D;border-radius:22px;padding:18px;position:relative}
.gbrowser .gtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:8px;flex-wrap:wrap}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tile{position:relative;background:#16213A;border:1.5px solid #26324D;border-radius:14px;padding:14px 12px;min-height:84px;text-align:left;color:#F2F5FF;cursor:pointer;font:inherit;transition:transform .45s var(--spring),border-color .2s,background .2s}
.tile:hover{transform:translateY(-3px)}
.tile b{display:block;font-weight:600;font-size:.95rem}
.tile small{display:block;font-size:.76rem;color:#B7C2D8;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .3s,transform .4s var(--spring),visibility 0s .3s}
.tile .fav{width:22px;height:22px;border-radius:6px;background:#26324D;display:grid;place-items:center;font:600 .7rem Inter;margin-bottom:8px;color:#F2F5FF}
.tile.hit{border-color:var(--lime);background:#1B2A1E;animation:pop .5s var(--spring)}
.tile.hit .fav{background:var(--lime);color:var(--navy)}
.tile.hit small,.tile.miss small,.gbrowser.over .tile small{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.tile.miss{animation:shake .45s var(--ease);border-color:#5677FF}
.tile[disabled]{cursor:default}
@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes shake{20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
.gscore{display:flex;align-items:center;gap:14px;margin:22px 0 10px}
.gscore .dots{display:flex;gap:8px}
.gscore .dots i{width:16px;height:16px;border-radius:50%;border:2px solid var(--lime);transition:transform .45s var(--spring)}
.gscore .dots i.on{background:var(--lime);transform:scale(1.15)}
.gres{min-height:3.2em}
.gres .flip{display:block}

/* quiz */
.quiz{border:1px solid var(--line);border-radius:28px;background:#fff;padding:36px;max-width:780px;margin:0 auto;position:relative;overflow:hidden;box-shadow:var(--shadow)}
.quiz .prog{height:6px;background:var(--paper);border-radius:6px;margin-bottom:24px;overflow:hidden}
.quiz .prog i{display:block;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--spring)}
.quiz .opts{display:grid;gap:10px;margin-top:18px}
.quiz .opt{font:inherit;text-align:left;padding:16px 18px;min-height:52px;border-radius:14px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:transform .45s var(--spring),border-color .2s}
.quiz .opt:hover{border-color:var(--blue);transform:translateX(6px)}
.quiz .qwrap{animation:panelIn .5s var(--out)}
.quiz h3{font-size:clamp(1.3rem,2.2vw,1.6rem)}
.res-bars{display:grid;gap:10px;margin:18px 0}
.res-bar{display:grid;grid-template-columns:150px 1fr 44px;gap:10px;align-items:center;font-size:.9rem}
.res-bar .tr{height:10px;background:var(--paper);border-radius:10px;overflow:hidden}
.res-bar .tr i{display:block;height:100%;border-radius:10px;transform:scaleX(0);transform-origin:left;transition:transform 1s var(--spring)}
.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.confetti i{position:absolute;width:8px;height:12px;top:-14px;border-radius:2px;animation:drop 1.7s var(--out) forwards}
@keyframes drop{to{transform:translate3d(var(--dx,0),560px,0) rotate(600deg);opacity:0}}

/* ladder with hover reveal */
.ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:end}
.rung{position:relative;border-radius:24px;padding:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);overflow:hidden;text-decoration:none;color:var(--ink);display:block;transition:transform .5s var(--spring),box-shadow .3s}
.rung:nth-child(1){min-height:240px}.rung:nth-child(2){min-height:280px}.rung:nth-child(3){min-height:320px}.rung:nth-child(4){min-height:360px;background:var(--navy);color:#F2F5FF;border-color:var(--navy)}
.rung:nth-child(4) .muted{color:#B7C2D8}
.rung .price{font-family:Geist;font-size:1.7rem;letter-spacing:-.02em;margin:6px 0 0}
.rung .more{position:absolute;left:0;right:0;bottom:0;padding:18px 26px 22px;background:var(--blue);color:#fff;font-size:.88rem;transform:translate3d(0,101%,0);transition:transform .55s var(--spring)}
.rung:hover,.rung:focus-visible{transform:translateY(-8px);box-shadow:var(--shadow)}
.rung:hover .more,.rung:focus-visible .more,.rung:focus-within .more{transform:none}
@media (hover:none){.rung .more{position:relative;transform:none;margin:16px -26px -26px;padding:14px 26px}}

/* faq */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:22px 48px 22px 0;font-family:Geist;font-weight:500;font-size:clamp(1.08rem,1.6vw,1.3rem);position:relative;color:var(--fg)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:50%;width:34px;height:34px;margin-top:-17px;border-radius:50%;background:var(--card2);display:grid;place-items:center;font:500 1.3rem/34px Inter;text-align:center;transition:transform .5s var(--spring)}
.faq details[open] summary::after{transform:rotate(135deg)}
.faq .ans{color:var(--fg2);padding:0 0 22px;max-width:75ch;animation:panelIn .45s var(--out)}

/* cta band */
.cta-band{background:var(--blue);color:#fff;border-radius:32px;padding:clamp(36px,6vw,72px);display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:center;position:relative;overflow:hidden}
.cta-band h2{color:#fff;font-size:clamp(2rem,4.4vw,3.6rem)}
.cta-band p{color:#E4E9FF}
.cta-band .btn-primary{background:#fff;color:var(--blue);box-shadow:none}
.cta-band .btn-ghost{color:#fff}
.cta-band .btn-ghost:hover{background:rgba(255,255,255,.12)}
.cta-band .tc{color:#fff;border-color:#fff;background:transparent}
.cta-band .sh-ring{width:300px;right:-80px;top:-120px;border-color:rgba(255,255,255,.16);border-right-color:transparent;border-bottom-color:transparent;border-width:46px;position:absolute;pointer-events:none}
.cta-band>div{position:relative;z-index:1}

/* tiers, toggle, calculator */
.toggle{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:5px;background:#fff;position:relative}
.toggle button{font:600 .94rem Inter;border:0;background:transparent;color:var(--ink);padding:11px 20px;min-height:44px;border-radius:999px;cursor:pointer;position:relative;z-index:1;transition:color .25s}
.toggle button[aria-pressed="true"]{color:#fff}
.toggle .knob{position:absolute;top:5px;bottom:5px;left:0;border-radius:999px;background:var(--blue);transition:transform .55s var(--spring);will-change:transform}
.tier{display:flex;flex-direction:column}
.tier .price{font-family:Geist;font-size:2.1rem;font-weight:500;line-height:1.1;margin:.2em 0;letter-spacing:-.02em}
.tier .price small{font-size:.9rem;font-family:Inter;color:var(--fg2);font-weight:400;letter-spacing:0}
.tier .inc{font-size:.86rem;color:var(--fg2);min-height:1.3em}
.tier ul{margin:14px 0 20px;font-size:.93rem}
.tier .btn{margin-top:auto}
.tier.feature{border:2px solid var(--blue)}
.calc{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}
.calc input[type=range]{width:100%;accent-color:var(--blue);height:44px}
.calc .out{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.calc .out div{border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--card2)}
.calc .out b{font-family:Geist;font-weight:500;font-size:1.45rem;display:block}
.timeline{position:relative;padding-left:36px}
.timeline::before{content:"";position:absolute;left:10px;top:6px;bottom:6px;width:2px;background:var(--line)}
.timeline .tl{position:relative;margin-bottom:28px}
.timeline .tl::before{content:"";position:absolute;left:-32px;top:5px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:3px solid var(--accent)}
.timeline .tl h3{font-size:1.1rem;margin-bottom:.25em}

/* footer */
.ftr{background:var(--navy);color:#C9D2E6;padding:72px 0 140px;font-size:.92rem}
.ftr a{color:#F2F5FF;text-decoration:none}.ftr a:hover{text-decoration:underline}
.ftr .cols{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
.ftr .fh{color:#fff;font-size:1rem;margin-bottom:12px}
.ftr ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ftr .tag{color:#fff;font-family:Geist;font-size:1.2rem;margin-top:18px}
.ftr .fine{margin-top:40px;color:#A3AFC7;font-size:.84rem}
.ftr .tc{color:#C9D2E6;border-color:#8F9BB5;background:transparent}

/* sticky risk-check CTA */
.stickycta{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:70;transform:translate3d(0,160%,0);visibility:hidden;transition:transform .6s var(--spring),opacity .3s,visibility 0s .6s}
.stickycta.show{transform:none;visibility:visible;transition:transform .6s var(--spring),opacity .3s,visibility 0s}
.stickycta.show.duck{opacity:0;transform:translate3d(0,28px,0) scale(.92);visibility:hidden;pointer-events:none;transition:transform .35s var(--out),opacity .25s,visibility 0s .35s}
.stickycta .btn{box-shadow:0 18px 36px -12px rgba(11,18,32,.55);padding:14px 22px}
.stickycta .short{display:none}

/* toast, wipe */
.toast{position:fixed;left:50%;bottom:100px;transform:translate3d(-50%,20px,0);opacity:0;background:var(--navy);color:#fff;padding:12px 18px;border-radius:14px;z-index:90;transition:opacity .3s,transform .5s var(--spring);font-size:.92rem;pointer-events:none}
.toast.show{opacity:1;transform:translate3d(-50%,0,0)}
.wipe{position:fixed;inset:0;z-index:200;pointer-events:none;display:flex}
.wipe i{flex:1;transform:scaleY(0);transform-origin:bottom}
.wipe i:nth-child(1){background:var(--blue)}.wipe i:nth-child(2){background:var(--cyan)}.wipe i:nth-child(3){background:var(--lime)}.wipe i:nth-child(4){background:var(--navy)}
.wipe.go i{animation:wipe .8s var(--out) forwards}
.wipe.go i:nth-child(2){animation-delay:.05s}.wipe.go i:nth-child(3){animation-delay:.1s}.wipe.go i:nth-child(4){animation-delay:.15s}
@keyframes wipe{0%{transform:scaleY(0);transform-origin:bottom}45%{transform:scaleY(1);transform-origin:bottom}55%{transform:scaleY(1);transform-origin:top}100%{transform:scaleY(0);transform-origin:top}}
#view.enter{animation:viewIn .6s var(--out)}
@keyframes viewIn{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:none}}

/* responsive */
@media (max-width:1319px) and (min-width:1181px){.parentline{display:none}}
@media (max-width:559px){.parentline{display:none}}
@media (max-width:1020px){.mainnav{display:none}.menu-btn{display:block;margin-left:auto}
 .mainnav.open{display:flex;position:absolute;top:74px;left:0;right:0;flex-direction:column;background:#fff;padding:12px 24px 20px;border-bottom:1px solid var(--line);align-items:stretch;box-shadow:var(--shadow)}
 .mainnav.open a{padding:12px 10px}.hdr .hdr-cta{display:none}}
@media (max-width:980px){
 .g3,.g4,.facts,.ladder{grid-template-columns:repeat(2,1fr)}
 .split,.calc,.cta-band,.game{grid-template-columns:1fr}.split{gap:40px}
 .ftr .cols{grid-template-columns:1fr 1fr}.dash .kpis{grid-template-columns:repeat(3,1fr)}
 .story{height:auto}.story .pin{position:relative;top:0;height:auto;padding:90px 0}.story .pin>.wrap{grid-template-columns:1fr}
 .story .words{display:none}.story .bars{display:none}.story .stack{height:auto;display:grid;gap:18px}.story .scard{position:relative;inset:auto;min-height:300px;transform:none!important}
 .story .scard .stagehead{display:block}
 .frag.fr-2,.frag.fr-4{display:none}
 .hero{min-height:0;padding:56px 0 120px;flex-direction:column;align-items:stretch}.hero .layer.l-mid{position:relative;inset:auto;display:flex;gap:12px;margin-top:36px;padding:0 32px;flex-wrap:wrap}
 .hero .layer.l-mid>*{position:relative;left:auto;right:auto;top:auto}
 .rung{min-height:0!important}
 .ba .messy,.ba .neat,.ba .right,.ba .half{max-width:100%}.ba .right{text-align:left}.ba .neat{margin-top:12px}
}
@media (max-width:640px){
 .wrap{padding:0 20px}.g2,.g3,.g4,.facts,.ladder{grid-template-columns:1fr}
 .hero .layer.l-mid{padding:0 20px}
 .dash .row{grid-template-columns:1.2fr .9fr 60px}.dash .row .uses{display:none}.dash .kpis{grid-template-columns:repeat(2,1fr)}.dash .kpis .kpi:last-child{grid-column:span 2}
 .calc .out{grid-template-columns:1fr}.quiz{padding:22px}.res-bar{grid-template-columns:104px 1fr 40px}.score{grid-template-columns:1fr 1fr}
 .ftr .cols{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,1fr)}.tile:last-child{grid-column:span 2}
 .tabs{display:grid;grid-template-columns:1fr 1fr;border-radius:22px;width:100%}.tabs .ind{display:none}.tabs button[aria-selected="true"]{background:var(--blue)}.tabs button:last-of-type{grid-column:span 2}
 .stickycta{left:12px;right:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.stickycta .btn{padding:10px 16px;min-height:44px;font-size:.9rem}.stickycta .long{display:none}.stickycta .short{display:inline}
 .ba .pane{padding:22px;min-height:440px}.demo-stage{padding:14px}.cta-band{border-radius:24px}
 .scrollhint{display:none}.pagehero{padding:72px 0 64px}.section{padding:76px 0}
 .story .scard{padding:26px;min-height:280px}.story .scard .glyph{width:60px;height:60px}
 .browser .body{padding:16px}.steer-card{padding:18px}
}
/* screenshot mode: everything revealed */
.shot .rv,.shot .rv-pop{opacity:1!important;transform:none!important;transition:none!important}
.shot .hero .big .ln>span,.shot .hero .sub,.shot .hero .ctas,.shot .hero .micro,.shot .feat,.shot .prail,.rm .hero .big .ln>span,.rm .hero .sub,.rm .hero .ctas,.rm .hero .micro,.rm .feat,.rm .prail{animation:none!important;opacity:1!important;transform:none!important}
.shot .scrollhint{display:none}
/* reduced motion: no parallax, no tickers, instant transitions */
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
 .rv,.rv-pop{opacity:1;transform:none}
 .hero .big .ln>span,.hero .sub,.hero .ctas,.hero .micro,.feat,.prail{animation:none!important;opacity:1!important;transform:none!important}
 .dash .scan i,.scrollhint i::after{animation:none!important}
 .story{height:auto}.story .pin{position:relative;top:0;height:auto;padding:90px 0}.story .pin>.wrap{grid-template-columns:1fr}
 .story .words,.story .bars{display:none}.story .stack{height:auto;display:grid;gap:18px}.story .scard{position:relative;inset:auto;min-height:300px;transform:none!important}
 .bridge .w b{opacity:1}
}
.rm .story{height:auto}.rm .story .pin{position:relative;top:0;height:auto;padding:90px 0}.rm .story .pin>.wrap{grid-template-columns:1fr}
.rm .story .words,.rm .story .bars{display:none}.rm .story .stack{height:auto;display:grid;gap:18px}.rm .story .scard{position:relative;inset:auto;min-height:300px;transform:none!important}
.rm .bridge .w b,.shot .bridge .w b{opacity:1}
.stagehead{display:none;margin-bottom:auto}
.rm .stagehead,.shot .stagehead{display:block}
.shot .story{height:auto}.shot .story .pin{position:relative;top:0;height:auto;padding:90px 0}.shot .story .pin>.wrap{grid-template-columns:1fr}
.shot .story .words,.shot .story .bars{display:none}.shot .story .stack{height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.shot .story .scard{position:relative;inset:auto;min-height:320px;transform:none!important}
@media (max-width:640px){.shot .story .stack{grid-template-columns:1fr}}
/* v2 QA fixes */
#view,.ftr{overflow-x:clip}
.shot .stickycta{display:none!important}
@media (max-width:640px){
 .hero .sh-ring{width:70vw;right:-38vw;top:auto;bottom:6%}
 .register td,.register th{padding:9px 6px}
}

.pill .tc{color:inherit;background:rgba(255,255,255,.55);border-color:currentColor}
.tablewrap:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:12px}

.endcta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin-top:48px;padding:22px 26px;border:1px solid var(--line);border-radius:22px;background:var(--card2)}
.endcta p{margin:0;font-family:Geist,Arial,sans-serif;font-size:1.2rem;color:var(--fg)}
.how{position:relative;margin-top:10px}
.how-line{position:absolute;left:4%;right:4%;top:31px;height:3px;background:var(--line);border-radius:3px;overflow:hidden}
.how-line i{display:block;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--out) .2s;will-change:transform}
.how.in .how-line i{transform:scaleX(1)}
.how-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}
.how-step{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:84px 22px 22px;position:relative;box-shadow:var(--shadow);transition:transform .45s var(--spring)}
@media (hover:hover){.how-step:hover{transform:translateY(-6px)}}
.how-n{position:absolute;top:8px;left:22px;width:48px;height:48px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font:500 1.3rem Geist,Arial,sans-serif;box-shadow:0 0 0 8px var(--bg)}
.how-step:last-child .how-n{background:var(--navy)}
.how-step h3{font-size:1.18rem;margin-bottom:.35em}
.six-meter{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-bottom:22px}
.six-meter .mono{font:.78rem "Azeret Mono",monospace;color:var(--fg2);display:block}
.six-count{font:500 2rem Geist,Arial,sans-serif;color:var(--fg)}
.six-segs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;width:min(420px,100%)}
.six-segs i{height:10px;border-radius:6px;background:var(--line);position:relative;overflow:hidden}
.six-segs i::after{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--spring)}
.six-segs i.on::after{transform:scaleX(1)}
.six-body{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;align-items:stretch}
.six-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.six-tile{position:relative;display:flex;align-items:center;gap:14px;text-align:left;min-height:84px;padding:16px 46px 16px 16px;border-radius:18px;border:1.5px solid var(--line);background:var(--card);color:var(--fg);font:600 1rem Inter,Arial,sans-serif;cursor:pointer;transition:transform .45s var(--spring),border-color .2s,background-color .2s}
@media (hover:hover){.six-tile:hover{transform:translateY(-3px)}}
.six-n{flex:none;width:40px;height:40px;border-radius:12px;background:var(--card2);display:grid;place-items:center;font:500 1.15rem Geist,Arial,sans-serif;color:var(--fg)}
.six-tile[aria-selected="true"]{border-color:var(--accent);background:var(--card2)}
.six-tile[aria-selected="true"] .six-n{background:var(--blue);color:#fff}
.six-tick{position:absolute;right:14px;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:50%;background:var(--lime);color:var(--navy);display:grid;place-items:center;font-size:.8rem;font-weight:700;transform:scale(0);transition:transform .45s var(--spring)}
.six-tile.have .six-tick{transform:scale(1)}
.six-panel{border-radius:22px;padding:26px;background:#fff;color:var(--ink);box-shadow:var(--shadow);min-height:100%}
.six-panel h3{font-size:clamp(1.4rem,2.2vw,1.9rem);color:var(--ink)}
.six-pn,.six-how-l{font:.76rem "Azeret Mono",monospace;color:var(--muted)}
.six-how-l{margin:18px 0 6px}
.six-panel p{color:var(--ink)}
.six-toggle{margin-top:14px;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 16px;border-radius:999px;border:1.5px solid var(--blue);background:#fff;color:var(--blue);font:600 .92rem Inter,Arial,sans-serif;cursor:pointer;transition:transform .45s var(--spring),background-color .2s,color .2s}
.six-toggle .box{width:20px;height:20px;border-radius:6px;border:1.5px solid currentColor;display:grid;place-items:center;font-size:.72rem;color:transparent}
.six-toggle[aria-pressed="true"]{background:var(--blue);color:#fff}
.six-toggle[aria-pressed="true"] .box{background:var(--lime);border-color:var(--lime);color:var(--navy)}
.six-toggle:active{transform:scale(.96)}
.six-out{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.six-out p{margin:0;color:var(--fg);font-size:1.05rem;max-width:62ch}
.six-out .six-fine{flex-basis:100%;font-size:.86rem;color:var(--fg2)}
.six-note{margin-top:22px;color:var(--fg2)}
.s-navy .six-tile{background:#16213A;border-color:#26324D;color:#F2F5FF}
.s-navy .six-n{background:#26324D;color:#F2F5FF}
.s-navy .six-tile[aria-selected="true"]{border-color:var(--lime);background:#1B2747}
.ftr-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin:44px 0 0;padding:24px 26px;border-radius:22px;border:1px solid #26324D;background:#111A2E}
.ftr-cta b{display:block;font:500 1.3rem Geist,Arial,sans-serif;color:#fff}
.ftr-cta>div>span{color:#C9D2E6;font-size:.95rem}
@media (max-width:980px){
 .how-steps{grid-template-columns:1fr 1fr}.how-line{display:none}
 .six-body{grid-template-columns:1fr}
}
@media (max-width:640px){
 .how-steps{grid-template-columns:1fr}.how-step{padding:22px 22px 22px 86px}.how-n{top:20px}
 .six-grid{grid-template-columns:1fr}.six-tile{min-height:64px}
 .endcta{padding:18px}.endcta p{font-size:1.05rem}
}
.rm .how-line i,.shot .how-line i{transform:scaleX(1);transition:none}
@media (prefers-reduced-motion:reduce){.how-line i{transform:scaleX(1)!important}}
.ftr .ftr-cta a.btn-primary{color:var(--navy);text-decoration:none}
.ftr .ftr-cta{margin:0 0 44px}
#view{min-height:100vh}
/* ===== v2.1 Discover by Aura8 (sub-brand page). Stage Lime is the only Discover accent: graphics, dots,
   progress markers and one lime band. Never lime text on light, never lime behind small text on light. ===== */
.dsc .s-white .demo-tag,.dsc .s-paper .demo-tag,.dsc .dhero .demo-tag,.dsc .report .demo-tag{background:var(--ink);color:#fff}
.dsc .s-white .demo-tag::before,.dsc .s-paper .demo-tag::before,.dsc .dhero .demo-tag::before,.dsc .report .demo-tag::before{background:var(--lime)}
.dsc .s-white .eyebrow::before,.dsc .s-paper .eyebrow::before,.dsc .dhero .eyebrow::before{background:var(--ink)}
.dhero{background:var(--paper);position:relative;overflow:hidden;padding:84px 0 96px;min-height:calc(100vh - 106px);display:flex;align-items:center}
.dhero .wrap{position:relative;z-index:3;width:100%}
.dhero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.dlockup{display:block;width:340px;height:auto;margin:0 0 30px}
.dbig{font-family:Geist,Arial,sans-serif;font-weight:500;font-size:clamp(2.7rem,5vw,5.3rem);line-height:.92;letter-spacing:-.05em;margin:0;color:var(--ink)}
.dbig .ln{display:block;overflow:hidden;padding-bottom:.06em}
.dbig .ln>span{display:block;transform:translate3d(0,108%,0);animation:lineUp 1.15s cubic-bezier(.22,1,.36,1) forwards}
.dbig .ln:nth-child(2)>span{animation-delay:.18s}
.dline{font:500 clamp(1.15rem,1.7vw,1.45rem)/1.2 Geist,Arial,sans-serif;letter-spacing:-.02em;color:var(--ink);margin:0 0 14px}
.dline .ln{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em}
.dline .ln>span{display:inline-block;transform:translate3d(0,108%,0);animation:lineUp 1s cubic-bezier(.22,1,.36,1) forwards}
.dline .ln:nth-child(2)>span{animation-delay:.14s}
.dbig.dh1{font-size:clamp(2.3rem,4.3vw,4.3rem);line-height:1;letter-spacing:-.045em;max-width:15ch}
.dsub{max-width:46ch;font-size:clamp(1.05rem,1.4vw,1.22rem);color:var(--muted);margin-top:28px;opacity:0;animation:fadeUp .9s .5s var(--out) forwards}
.dhero .dfade{opacity:0;animation:fadeUp .9s .68s var(--out) forwards}
.dhero-side{position:relative;padding:40px 0}
.urlbox{position:relative;z-index:2;padding:24px;display:grid;gap:14px;color:var(--ink);opacity:0;animation:fadeUp .9s .4s var(--out) forwards}
.urlbox .btn{justify-self:start}
.urlbox .url-fine{margin:0}
.url-res{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:12px}
.url-h{margin:0;font-weight:600}
.url-res ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.url-res li{display:flex;gap:12px;align-items:flex-start;opacity:0;transform:translate3d(0,10px,0) scale(.97);animation:popUp .55s calc(var(--i) * .09s) var(--spring) forwards}
.url-n{flex:none;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:600 .8rem Inter;position:relative}
.url-n::after{content:"";position:absolute;right:-3px;top:-3px;width:9px;height:9px;border-radius:50%;background:var(--lime);border:1.5px solid var(--ink)}
.url-note{margin:0;color:var(--ink)}
@keyframes popUp{to{opacity:1;transform:none}}
.dfrag{position:absolute;z-index:3;padding:12px 14px;font-size:.86rem;min-width:180px;color:var(--ink)}
.dfrag .demo-tag{margin-bottom:8px}
.dfrag .r{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dfrag b{font-family:Geist;font-weight:500}
.dfrag .k{font-family:Geist;font-size:1.7rem;line-height:1;display:block}
.dfrag .sm{font-size:.76rem;color:var(--muted)}
.dfrag.f1{top:-34px;right:-10px}.dfrag.f2{bottom:-92px;left:-40px}.dfrag.f3{top:56%;right:-84px}
.dpill{font:600 .7rem "Azeret Mono",monospace;padding:3px 8px;border-radius:6px}
.dpill.no{background:var(--ink);color:#fff}.dpill.fix{border:1.5px solid var(--ink);color:var(--ink)}
.darc{position:absolute;border-radius:50%;border:clamp(14px,2vw,26px) solid var(--blue);border-left-color:transparent;border-bottom-color:transparent;opacity:.1}
.darc.a{width:min(46vw,620px);aspect-ratio:1;right:-12vw;top:-18%}
.darc.b{width:min(22vw,280px);aspect-ratio:1;left:-6vw;bottom:-8%;border-color:var(--ink);border-right-color:transparent;border-top-color:transparent;opacity:.08}
.droute{position:absolute;left:4vw;bottom:6%;width:min(60vw,780px);height:auto}
.ddot{position:absolute;width:clamp(26px,3vw,42px);aspect-ratio:1;border-radius:50%;background:var(--lime);border:3px solid var(--ink);right:46vw;top:14vh;transform:scale(0);animation:dotIn .8s 1s var(--spring) forwards}
@keyframes dotIn{from{transform:scale(0)}to{transform:scale(1)}}
/* four essentials (navy band, lime markers) */
.ess-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ess{position:relative;border-radius:22px;background:var(--card);border:1px solid var(--line);overflow:hidden;transition:transform .5s var(--spring)}
.ess:hover{transform:translate3d(0,-6px,0)}
.ess-btn{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;width:100%;min-height:300px;padding:26px 24px 64px;cursor:pointer;color:var(--fg)}
.ess-btn:focus-visible{outline:3px solid var(--lime);outline-offset:-3px;border-radius:22px}
.ess-n{font:500 3rem/1 Geist,Arial,sans-serif;color:#F2F5FF;letter-spacing:-.04em}
.ess-dot{position:absolute;top:28px;right:24px;width:16px;height:16px;border-radius:50%;background:var(--lime);transform:scale(.6);transition:transform .5s var(--spring)}
.ess:hover .ess-dot,.ess.open .ess-dot{transform:scale(1.15)}
.ess h3{font-size:1.3rem;margin:6px 0 0;color:#fff}
.ess p{margin:0;color:var(--fg2);font-size:.95rem}
.ess-more{position:absolute;left:24px;bottom:22px;color:var(--lime)}
.ess-reveal{position:absolute;left:0;right:0;bottom:0;padding:22px 24px 24px;background:var(--lime);color:var(--navy);transform:translate3d(0,101%,0);transition:transform .55s var(--spring);pointer-events:none}
.ess-reveal p{color:var(--navy);font-size:.95rem;font-weight:500}
.ess.open .ess-reveal{transform:none}
@media (hover:hover) and (pointer:fine){.ess:hover .ess-reveal{transform:none}}
/* four-week tracker */
.wk{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:var(--shadow)}
.wk-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}
.wk-rail{position:absolute;left:12.5%;right:12.5%;top:22px;height:3px;background:var(--line);border-radius:3px;overflow:hidden}
.wk-rail i{position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--out)}
.wk-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:none;border:0;padding:8px 6px 12px;border-radius:16px;cursor:pointer;color:var(--ink);font:inherit;min-height:44px}
.wk-step .mono{color:var(--muted)}
.wk-step b{font:500 1rem/1.25 Geist,Arial,sans-serif}
.wk-dot{width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid var(--line);transition:transform .5s var(--spring),background .3s,border-color .3s}
.wk-step.done .wk-dot{background:var(--ink);border-color:var(--ink)}
.wk-step[aria-selected="true"] .wk-dot{background:var(--lime);border-color:var(--ink);transform:scale(1.22)}
.wk-step[aria-selected="true"]{background:var(--paper)}
.wk-step:hover .wk-dot{transform:scale(1.12)}
.wk-panel{border-top:1px solid var(--line);padding-top:22px;min-height:210px}
.wk-panel:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:12px}
.wk-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px}
.wk-grid h3{font-size:1.6rem;margin:8px 0 .3em}
.wk-lists{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.wk-l{color:var(--muted);margin:0 0 8px}
/* SEO vs GEO */
table.geo th[scope="row"]{background:var(--card);color:var(--ink);font-weight:600;text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top;white-space:nowrap}
table.geo tr:nth-child(even) th[scope="row"]{background:var(--card2)}
table.geo thead th{background:var(--ink)}
table.geo thead th.geo-col{background:var(--navy);position:relative}
table.geo thead th.geo-col::after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--lime)}
table.geo td.geo-col{font-weight:500}
table.geo tbody tr{transition:background .2s}
table.geo tbody tr:hover td,table.geo tbody tr:hover th{background:#E8EDFF}
.thsub{display:block;font:500 .72rem "Azeret Mono",monospace;opacity:.8;margin-top:3px}
.geo-blocks{margin-top:24px}
/* sample report (navy band, white card) */
.report{--fg:var(--ink);--fg2:var(--muted);--line:#D9DFEF;--card:#fff;--card2:var(--paper);background:#fff;color:var(--ink);border-radius:26px;padding:28px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.report :focus-visible{outline-color:var(--blue)}
.rep-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px}
.rep-top .mono{color:var(--muted)}
.rep-top h3{font-size:1.6rem;margin:6px 0 2px}
.rep-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
.rep-tabs button{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:9px 16px 9px 9px;font:600 .92rem Inter;cursor:pointer;min-height:44px;transition:transform .4s var(--spring),background .2s,border-color .2s}
.rep-tabs button:hover{transform:translate3d(0,-2px,0)}
.rep-tabs button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.rep-n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--ink);font-size:.8rem}
.rep-tabs button[aria-selected="true"] .rep-n{background:#fff;color:var(--ink);box-shadow:0 0 0 2px var(--lime)}
.rep-panel{min-height:250px}
.rep-sum{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}
.rep-sum b{font:500 2.2rem/1 Geist,Arial,sans-serif;letter-spacing:-.03em}
.rep-sum span{color:var(--muted)}
.rep-checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.rep-checks li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font-size:.92rem}
.rp{font:600 .7rem "Azeret Mono",monospace;padding:4px 8px;border-radius:6px;white-space:nowrap}
.rp.ok{border:1.5px solid var(--ink);color:var(--ink)}.rp.ok::before{content:"✓ "}
.rp.fix{background:var(--ink);color:#fff}
.rp.part{border:1.5px dashed var(--muted);color:var(--muted)}
.rep-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:18px}
.rep-l{color:var(--muted);margin:0 0 10px}
.bar{display:grid;grid-template-columns:150px 1fr 44px;gap:10px;align-items:center;font-size:.88rem;margin-bottom:8px}
.bar b{text-align:right;font-weight:600}
.bar .tr{height:12px;background:var(--paper);border-radius:12px;overflow:hidden}
.bar .tr i{display:block;height:100%;width:100%;background:var(--ink);border-radius:12px;transform:scaleX(0);transform-origin:left;transition:transform 1s var(--out)}
.bar.me .tr i{background:var(--blue)}
.bar.me span:first-child{font-weight:600;color:var(--blue)}
.grown .bar .tr i{transform:scaleX(var(--w))}
.rep-q{width:100%;border-collapse:collapse;font-size:.9rem}
.rep-q th{text-align:left;font:600 .72rem "Azeret Mono",monospace;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line)}
.rep-q td{padding:10px;border-bottom:1px solid var(--line)}
.rep-q td.no{font-weight:600}.rep-q td.yes{font-weight:600;color:var(--blue)}
.rep-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.rep-kpis div{border:1px solid var(--line);border-radius:16px;padding:16px}
.rep-kpis b{display:block;font:500 2rem/1 Geist,Arial,sans-serif;margin-bottom:6px}
.rep-kpis span{font-size:.86rem;color:var(--muted)}
.rep-fixes{margin-top:20px;background:var(--paper);border-radius:16px;padding:16px 18px}
.rep-fixes ol{margin:0;padding-left:1.2em;display:grid;gap:6px;font-size:.93rem}
.rep-foot{margin:14px 0 0;color:var(--muted)}
/* the one lime band */
.limeband{background:var(--lime);color:var(--navy);position:relative;overflow:hidden;padding:80px 0}
.lb-route{position:absolute;left:0;top:10%;width:100%;height:80%;pointer-events:none}
.lb-in{position:relative;display:flex;align-items:center;gap:36px}
.lb-mark{flex:none;width:110px;height:110px}
.lb-line{font:500 clamp(2.4rem,6vw,5.2rem)/1 Geist,Arial,sans-serif;letter-spacing:-.045em;margin:0}
.lb-sub{font:500 .95rem "Azeret Mono",monospace;margin:14px 0 0}
/* responsive */
@media (max-width:1180px){.ess-grid{grid-template-columns:repeat(2,1fr)}.dfrag.f3{right:-12px}.dfrag.f2{left:-12px}}
@media (max-width:980px){
 .dhero{min-height:0;padding:56px 0 72px}.dhero-grid{grid-template-columns:1fr;gap:36px}
 .dhero-side{padding:0}.dfrag{display:none}
 .darc.a{width:80vw;right:-40vw;top:-6%}.ddot{right:8vw;top:auto;bottom:40%}
 .wk-grid{grid-template-columns:1fr;gap:18px}.rep-cols{grid-template-columns:1fr}.rep-kpis{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
 .dlockup{width:320px;max-width:100%}
 .ess-grid{grid-template-columns:1fr}.ess-btn{min-height:0}
 .wk{padding:18px}.wk-track{grid-template-columns:repeat(4,1fr);gap:4px}.wk-step b{display:none}.wk-step{padding:6px 2px 8px}.wk-lists{grid-template-columns:1fr}
 .rep-checks{grid-template-columns:1fr}.bar{grid-template-columns:110px 1fr 38px;font-size:.82rem}.report{padding:18px}
 .lb-in{flex-direction:column;align-items:flex-start;gap:20px}.lb-mark{width:80px;height:80px}.limeband{padding:60px 0}
 table.geo th[scope="row"]{white-space:normal}
}
/* Discover: screenshot + reduced motion */
.shot .dbig .ln>span,.shot .dline .ln>span,.shot .dsub,.shot .dhero .dfade,.shot .urlbox,.shot .ddot,.rm .dbig .ln>span,.rm .dline .ln>span,.rm .dsub,.rm .dhero .dfade,.rm .urlbox,.rm .ddot{animation:none!important;opacity:1!important;transform:none!important}
.shot .url-res li,.rm .url-res li{animation:none;opacity:1;transform:none}
.rm .bar .tr i,.shot .bar .tr i{transform:scaleX(var(--w));transition:none}
@media (prefers-reduced-motion:reduce){
 .dbig .ln>span,.dline .ln>span,.dsub,.dhero .dfade,.urlbox,.ddot,.url-res li{animation:none!important;opacity:1!important;transform:none!important}
 .bar .tr i{transform:scaleX(var(--w))!important}
 .ess:hover{transform:none}
}
.rep-panel[hidden]{display:none!important}
.rep-in{animation:flipIn .5s var(--spring)}
.rm .rep-in,.shot .rep-in{animation:none}
.report h3{color:var(--ink)}
.dfrag{transition:opacity .35s var(--out)}
.has-res .dfrag.f2,.has-res .dfrag.f3{opacity:0;pointer-events:none}
/* v2.2 Discover method (access, render, identity, evidence) */
.dmethod{margin-top:56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:32px;align-items:start}
.dmethod-h{font-size:clamp(1.35rem,2vw,1.7rem);margin:10px 0 10px}
.dmethod-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dmethod-list li{padding:20px 18px;position:relative}
.dmethod-list li h4{font-family:Geist,Inter,sans-serif;font-weight:500;font-size:1.12rem;margin:14px 0 6px;color:var(--ink)}
.dmethod-list li p{margin:0}
.dmethod-list li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:32px;width:10px;height:2px;background:var(--ink);opacity:.35}
@media (max-width:980px){.dmethod{grid-template-columns:1fr}.dmethod-list{grid-template-columns:repeat(2,minmax(0,1fr))}.dmethod-list li::after{display:none}}
@media (max-width:560px){.dmethod-list{grid-template-columns:1fr}}
@media (max-width:640px){.hero{padding:36px 0 88px}.hero .ctas{margin-top:24px}}
@media (max-width:640px){.hero .sh-dot.a{display:none}}
/* ===== v2.2 real-path campaign pages (/governance-decision-pack-sample/, /12-ai-questions/) ===== */
.lp-hero{background:var(--paper);position:relative;overflow:hidden;padding:96px 0 88px}
.lp-hero .wrap{position:relative;z-index:2}
.lp-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}
.lp-hero h1{font-size:clamp(2.3rem,4.4vw,3.9rem);line-height:1.04;letter-spacing:-.04em;margin:18px 0 22px;text-wrap:balance}
.lp-hero .lead{max-width:56ch}
.lp-hero-copy>*{opacity:0;animation:fadeUp .8s var(--out) forwards}.lp-hero-copy>:nth-child(2){animation-delay:.08s}.lp-hero-copy>:nth-child(3){animation-delay:.16s}.lp-hero-copy>:nth-child(4){animation-delay:.24s}
.packcard{position:relative;max-width:440px;width:100%;justify-self:center;opacity:0;animation:fadeUp .8s .2s var(--out) forwards}
.pc-back{position:absolute;left:24px;right:24px;bottom:-12px;height:100%;border-radius:18px;background:#16213A;border:1px solid #26324D}
.pc-front{position:relative;background:var(--navy);color:#EAF0FB;border-radius:18px;padding:24px;box-shadow:var(--shadow);transition:transform .4s var(--ease)}
.packcard:hover .pc-front{transform:translateY(-4px)}
.pc-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.pc-k{font:.66rem/1.3 "Azeret Mono",monospace;text-transform:uppercase;letter-spacing:.16em;color:#9FB0CC;margin:0}
.pc-q{font:.66rem "Azeret Mono",monospace;color:var(--cyan-d);border:1px solid rgba(25,187,215,.45);border-radius:999px;padding:3px 10px}
.pc-gap{margin-top:18px}
.pc-qt{font-size:1rem;font-weight:500;line-height:1.35;margin:6px 0 0;color:#EAF0FB}
.pc-r{font-size:.9rem;line-height:1.5;margin:6px 0 0;color:#C2CEE3}
.pc-rows{margin-top:18px}
.pc-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.12);padding:11px 0;font-size:.88rem;text-align:right;opacity:0;animation:pcIn .5s calc(.6s + var(--d)*.15s) var(--out) forwards}
@keyframes pcIn{from{opacity:0;transform:translate3d(14px,0,0)}to{opacity:1;transform:none}}
.pc-grade{display:inline-flex;align-items:center;gap:8px}.pc-grade .bars{display:inline-flex;gap:4px}
.pc-grade .bars i{width:20px;height:8px;border-radius:2px;background:var(--cyan);transform-origin:left;animation:pcBar .4s 1s var(--out) both}.pc-grade .bars i:nth-child(2){animation-delay:1.2s}.pc-grade .bars i.off{background:rgba(255,255,255,.18);animation:none}
@keyframes pcBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.amber{color:#F3B664}.pc-status{background:rgba(243,182,100,.16);color:#F3B664;font-weight:600;font-size:.78rem;border-radius:6px;padding:4px 10px}
.lp-inside{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.lp-inside .secthead{margin-bottom:0}
.lp-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.lp-list li{display:flex;gap:16px;padding:20px;background:#fff;font-size:.98rem;line-height:1.4;transition:background .25s}
.lp-list li:hover{background:var(--paper)}
.lp-list .n,.lp-domains .n{font:.74rem "Azeret Mono",monospace;color:var(--blue)}
.lp-note{margin-top:18px}
.lp-domains{list-style:none;padding:0;margin:0}.lp-domains li{display:block}.lp-domains h3{font-size:1.15rem;margin:12px 0 8px}.lp-domains p{margin:0}
.lp-cover{justify-self:center;max-width:360px;width:100%;opacity:0;animation:coverIn .8s .15s var(--out) forwards}
@keyframes coverIn{from{opacity:0;transform:translate3d(0,24px,0) rotate(-2deg)}to{opacity:1;transform:none}}
.lp-cover img,.lp-preview img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:var(--shadow);border:1px solid var(--line);background:#fff}
.lp-pdf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:56px;align-items:center}
.lp-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.lp-tabs button{font:600 .92rem Inter,Arial,sans-serif;min-height:44px;padding:10px 18px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.lp-tabs button[aria-selected="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.lp-preview{max-width:400px;width:100%;justify-self:center;border-radius:12px}
.lp-preview.swap img{animation:swapIn .35s var(--out)}
@keyframes swapIn{from{opacity:0;transform:translate3d(16px,0,0)}to{opacity:1;transform:none}}
.lp-formwrap{max-width:720px}
.lp-formsec .secthead{margin-bottom:28px}
.lp-form{--fg:var(--ink);--fg2:var(--muted);--line:#D9DFEF;background:#fff;color:var(--ink);border-radius:22px;padding:32px;display:grid;gap:18px;box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.lp-field{display:block;font-weight:600}.lp-field .req{color:var(--blue)}
.lp-field input{display:block;width:100%;margin-top:8px;font:inherit;font-weight:400;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:var(--ink);min-height:48px}
.lp-field input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(36,69,235,.18)}
.lp-hp{display:none}
.lp-fs{border:0;margin:0;padding:0;display:grid;gap:8px}.lp-fs legend{font-weight:600;margin-bottom:10px;padding:0}
.lp-radio{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 16px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;transition:border-color .2s,background .2s}
.lp-radio input{width:18px;height:18px;accent-color:var(--blue);margin:0}
.lp-radio:has(input:checked){border-color:var(--blue);background:rgba(36,69,235,.06)}
.lp-radio:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}
.lp-err{margin:0;padding:12px 14px;border-radius:12px;background:#FFF1F1;border:1px solid #F0B4B4;color:#8A1C1C;font-weight:600;font-size:.94rem}
.lp-form .btn-primary,.s-navy .lp-form .btn-primary{background:var(--blue);color:#fff;width:100%;justify-content:center}
.lp-form :focus-visible{outline-color:var(--blue)}
.lp-draft{padding:14px 16px;border-radius:12px;background:#F4FFE0;border:1px solid #B9E27A;color:var(--ink);font-size:.94rem;line-height:1.5}
.lp-draft code{font:.84rem "Azeret Mono",monospace;background:#fff;border-radius:4px;padding:1px 5px}
.lp-draft a{color:var(--blue);font-weight:600}
.lp-privacy{margin:0;font-size:.88rem;color:var(--muted)}.lp-privacy a{color:var(--blue)}
.lp-ty{padding:110px 0 96px;background:var(--paper)}
.lp-tywrap{max-width:780px}
.lp-ty h1{font-size:clamp(2.3rem,4.6vw,3.8rem);letter-spacing:-.04em;margin:16px 0 18px}
.lp-ty .btn.is-off{opacity:.55;cursor:not-allowed}
.lp-draftline{margin-top:-4px}
.lp-next{margin-top:40px}.lp-next h2{font-size:1.5rem}.lp-next p{color:var(--muted)}
.lp-retry{margin-top:18px;display:grid;gap:10px;justify-items:start}
.lp-loading{display:flex;align-items:center;gap:8px;font-weight:600}.lp-loading i{width:10px;height:10px;border-radius:50%;background:var(--blue);animation:hint 1.2s var(--ease) infinite}
@media (max-width:980px){.lp-hero-grid,.lp-inside,.lp-pdf{grid-template-columns:1fr;gap:40px}.lp-hero{padding:64px 0 72px}.packcard,.lp-cover{justify-self:start}}
@media (max-width:640px){.lp-list{grid-template-columns:1fr}.lp-form{padding:22px}.lp-cover{max-width:260px}.lp-ty{padding:72px 0 64px}}
.shot .lp-hero-copy>*,.shot .packcard,.shot .pc-row,.shot .lp-cover,.rm .lp-hero-copy>*,.rm .packcard,.rm .pc-row,.rm .lp-cover,.shot .pc-grade .bars i,.rm .pc-grade .bars i{animation:none!important;opacity:1!important;transform:none!important}
@media (prefers-reduced-motion:reduce){.lp-hero-copy>*,.packcard,.pc-row,.lp-cover,.pc-grade .bars i{animation:none!important;opacity:1!important;transform:none!important}}
[hidden]{display:none!important}
.rm .rv,.rm .rv-pop{opacity:1!important;transform:none!important;transition:none!important}


.lp-check,.ck{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1.5px dashed var(--line);border-radius:12px;font-size:.9rem;font-weight:400;line-height:1.45;cursor:pointer;color:var(--ink)}
.lp-check input,.ck input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--blue)}
.lp-check:has(input:focus-visible),.ck:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}
.lp-check:has(input:checked),.ck:has(input:checked){border-style:solid;border-color:var(--blue)}
.ck-opt{display:block;font-family:"Azeret Mono",ui-monospace,monospace;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.notice{margin:0;font-size:.88rem;color:var(--muted)}.notice a{color:var(--blue)}

/* v2.3 Discover: reachable > readable > understood > citable stepper (transform and opacity motion only) */
.rr{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:var(--shadow)}
.rr-meter{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--navy);color:#F2F5FF;border-radius:999px;padding:10px 18px;width:max-content;max-width:100%;margin-bottom:22px}
.rr-meter .mono{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#B7C2D8}
.rr-segs{display:flex;gap:6px}.rr-segs i{display:block;width:34px;height:8px;border-radius:4px;background:#26324D;position:relative;overflow:hidden}
.rr-segs i::after{content:"";position:absolute;inset:0;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--out)}
.rr-segs i.on::after{transform:scaleX(1)}
.rr-count{font-family:Geist,Arial,sans-serif;font-weight:500}
.rr-track{position:relative;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:start;gap:6px;margin-bottom:22px}
.rr-rail{position:absolute;left:12.5%;right:12.5%;top:27px;height:3px;background:var(--line);border-radius:3px;overflow:hidden}
.rr-rail i{position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--out)}
.rr-arrow{align-self:center;color:var(--muted);font-size:1.4rem;line-height:1;margin-top:-30px;position:relative;z-index:1}
.rr-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:none;border:0;padding:6px 4px 10px;border-radius:16px;cursor:pointer;color:var(--ink);font:inherit;min-height:44px}
.rr-step b{font-family:Geist,Arial,sans-serif;font-weight:500;font-size:1.08rem}
.rr-step .mono{font-size:.72rem;color:var(--muted)}
.rr-dot{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid var(--ink);font:600 .95rem Geist,Arial,sans-serif;transition:transform .35s var(--spring)}
.rr-step:hover .rr-dot{transform:scale(1.08)}
.rr-step[aria-selected="true"] .rr-dot{background:var(--ink);color:#fff}
.rr-step.fixed .rr-dot{background:var(--lime);color:var(--navy);border-color:var(--navy)}
.rr-step:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.rr-panel{border-top:1px solid var(--line);padding-top:22px;outline:none}
.rr-panel:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:12px}
.rr-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;width:100%}
.rr-grid h3{font-size:1.5rem;margin:6px 0 8px}
.rr-l{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px}
.rr-demo{padding:18px;display:grid;gap:14px;align-content:start;background:var(--paper);border:1px solid var(--line);box-shadow:none}
.rr-vis{display:grid;gap:10px;min-height:170px;align-content:start}
.rr-code{margin:0;background:var(--navy);color:#F2F5FF;border-radius:12px;padding:14px 16px;font:500 .85rem/1.6 "Azeret Mono",ui-monospace,monospace;white-space:pre-wrap;animation:flipIn .45s var(--spring)}
.rr-code .muted{color:#B7C2D8}.rr-code b.g{color:var(--lime);font-weight:600}.rr-code b.r{color:#FFB4A8;font-weight:600}
.rr-view,.rr-ans{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;animation:flipIn .45s var(--spring)}
.rr-view p,.rr-ans p{margin:6px 0 0}.rr-h{font-family:Geist,Arial,sans-serif;font-weight:500;font-size:1.05rem}
.rr-view code{display:block;margin-top:8px;font-size:.85rem;color:var(--muted)}
.rr-cite{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:5px;background:var(--navy);color:#fff;font-size:.65rem;font-weight:700}
.rr-res{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.88rem;width:max-content;max-width:100%;padding:6px 10px;border-radius:8px;animation:flipIn .45s var(--spring)}
.rr-res::before{content:"";width:10px;height:10px;border-radius:50%;flex:none}
.rr-res.bad{background:#fff;border:1.5px solid var(--ink);color:var(--ink)}.rr-res.bad::before{background:#fff;border:2px solid var(--ink)}
.rr-res.good{background:var(--navy);color:#fff}.rr-res.good::before{background:var(--lime)}
.rr-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.rr-next{background:none;border:0;font:inherit;font-weight:600;color:var(--blue);cursor:pointer;min-height:44px;padding:0 6px}
.rr-next:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:8px}
.rr-done:empty{display:none}
.rr-win{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px;padding:16px 18px;border-radius:16px;background:var(--navy);color:#F2F5FF;width:100%;box-sizing:border-box}
.rr-win b{display:block;font-family:Geist,Arial,sans-serif;font-weight:500;font-size:1.2rem}.rr-win .small{color:#B7C2D8}
.rr-win .btn-primary{background:var(--lime);color:var(--navy);margin-left:auto}
.rr-windot{width:16px;height:16px;border-radius:50%;background:var(--lime);flex:none}
@media (max-width:980px){.rr-grid{grid-template-columns:1fr}}
@media (max-width:640px){
 .rr{padding:18px}
 .rr-track{grid-template-columns:1fr 1fr;row-gap:4px}.rr-arrow,.rr-rail{display:none}
 .rr-step{flex-direction:row;justify-content:flex-start;text-align:left;gap:10px;padding:6px}
 .rr-step .mono{display:none}.rr-dot{width:38px;height:38px}
 .rr-segs i{width:24px}.rr-win .btn-primary{margin-left:0}
}
@media (prefers-reduced-motion:reduce){.rr-code,.rr-view,.rr-ans,.rr-res{animation:none}.rr-segs i::after,.rr-rail i{transition:none}}
.rm .rr-code,.rm .rr-view,.rm .rr-ans,.rm .rr-res{animation:none}
.rr-arrow{align-self:start;margin-top:12px;background:#fff;padding:0 6px;font-size:1.2rem}
.rr-demo>.demo-tag{justify-self:start}
.rr-step[aria-selected="true"] .rr-dot{box-shadow:0 0 0 4px #fff,0 0 0 6px var(--ink)}
.rr-step[aria-selected="true"] b{font-weight:600}
@media (max-width:640px){.rr-meter{gap:10px;padding:8px 14px;border-radius:16px}.rr-meter .mono{flex-basis:100%}}


.ls{padding:64px 0 60px;--lh:30px;--gap:88px}
.ls .ls-row2{margin-bottom:0}
.ls-lead{text-align:center;font:500 clamp(1.3rem,2.2vw,1.75rem)/1.3 Geist,Arial,sans-serif;letter-spacing:-.02em;max-width:44ch;margin:0 auto 40px;color:var(--ink)}
.ls-label{text-align:center;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.ls-row{position:relative;overflow:hidden;max-width:1600px;margin:0 auto 26px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
.ls-track{display:flex;width:max-content}
.ls-set,.ls-still{list-style:none;margin:0;padding:0;display:flex;align-items:center}
.ls-set li,.ls-still li{display:flex;align-items:center;justify-content:center;height:64px;padding:0 calc(var(--gap)/2)}
.lg{display:block;height:calc(var(--lh) * var(--k,1));width:auto;max-width:none;}
.ls-still{justify-content:center;flex-wrap:wrap;margin:0 auto;padding:0 16px}
/* moving only with JS on (so the pause button exists) and motion allowed */
@media (prefers-reduced-motion:no-preference){
 .js:not(.rm):not(.shot) .ls-track{animation:lsDrift 60s linear infinite;animation-delay:-9s}
 /* No visible repeat: each moving set is wider than the widest row (1600px) plus the widest logo, so a logo never shows twice
    at once. Extra width becomes even, generous gaps. The negative delay starts the loop part-way through (offset). */
 @media (min-width:641px){.js:not(.rm):not(.shot) .ls-set{min-width:1900px;justify-content:space-around}}
 /* row 2 drifts the other way, a little slower, from a different start point */
 .js:not(.rm):not(.shot) .ls-row2 .ls-track{animation-duration:70s;animation-direction:reverse;animation-delay:-31s}
 /* hovering or focusing either row, or the Pause button, pauses both rows */
 .js .ls:has(.ls-row:hover) .ls-track,.js .ls:focus-within .ls-track{animation-play-state:paused}
}
@keyframes lsDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
/* still layout: JS off, reduced motion, or review screenshots: one centred, wrapping row of every client logo */
html:not(.js) .ls-set[aria-hidden],.rm .ls-set[aria-hidden],.shot .ls-set[aria-hidden]{display:none}
html:not(.js) .ls-row,.rm .ls-row,.shot .ls-row{-webkit-mask-image:none;mask-image:none}
html:not(.js) .ls-track,.rm .ls-track,.shot .ls-track{width:auto;justify-content:center}
html:not(.js) .ls-set,.rm .ls-set,.shot .ls-set{flex-wrap:wrap;justify-content:center;padding:0 16px}
@media (prefers-reduced-motion:reduce){
 .ls-set[aria-hidden]{display:none}.ls-row{-webkit-mask-image:none;mask-image:none}.ls-track{width:auto;justify-content:center;animation:none}
 .ls-set{flex-wrap:wrap;justify-content:center;padding:0 16px}
}
@media (max-width:640px){
 .ls{padding:48px 0 44px;--lh:23px;--gap:56px}
 .ls-set li,.ls-still li{height:52px}
 .ls-lead{margin-bottom:28px}
}

/* Brands shown as plain text (no usable official file, or terms that restrict third-party logo use): site font, Ink at full
   contrast, sized to sit at the same optical size as the logos. Not styled to imitate the brand's own wordmark. */
.lg.lg-t{height:auto;filter:none;font:500 calc(var(--lh) * .74 * var(--k,1))/1 Geist,Arial,sans-serif;letter-spacing:-.015em;color:var(--ink);white-space:nowrap}

/* v2.3 answer-first summary and related services */
.answer-sec{padding-top:56px;padding-bottom:24px}
.answer{max-width:860px;border-left:4px solid var(--blue);padding:6px 0 6px 24px}
.answer h2{font-size:clamp(1.5rem,2.6vw,2.2rem);margin:8px 0 12px}
.answer p{font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.6;margin:0;color:var(--ink)}
.dsc .answer{border-left-color:var(--navy)}
.related{list-style:none;padding:0;margin:0}
.related li{display:flex;flex-direction:column;gap:6px}
.related a{font:500 1.15rem/1.3 Geist,Arial,sans-serif;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.related a:hover{text-decoration-color:var(--blue)}
.related a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.related li{position:relative}
.related p{margin:0}
/* Visa Blue, the only Visa colour allowed on light backgrounds (Visa Fundamental Brand Standards, Sept 2025) */
.lg.lg-svg{fill:#1434CB}
/* Shopify link: no underline, visible focus ring; hover or focus still pauses both rows */
.lg-a{display:block;text-decoration:none;color:inherit;border-radius:8px}
.lg-a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}
.ls-label{padding:0 16px}
@media (max-width:640px){.ls-label{font-size:.66rem;letter-spacing:.06em}.ls-still li{padding:0 20px}}
html:not(.js) .ls-set,.rm .ls-set,.shot .ls-set{max-width:1040px;margin:0 auto}
@media (prefers-reduced-motion:reduce){.ls-set{max-width:1040px;margin:0 auto}}
@media (max-width:640px){.ls-still li{padding:0 14px}}
/* v2.3 real pages: a short cross-document fade between pages (opacity only), none under reduced motion */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.25s}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}


@media (prefers-reduced-motion:no-preference){
 .sm .rv.quick:not(.done),.sm .rv-pop.quick:not(.done),.sm .rv.quick:not(.done) *,.sm .rv-pop.quick:not(.done) *{transition-duration:.2s!important;transition-delay:0s!important}
 /* section heads: eyebrow rule draws in, the eyebrow and lead rise, H2 words rise in a stagger */
 .sm .secthead.rv{opacity:1;transform:none}
 .sm .secthead.rv:not(.in) .eyebrow{opacity:0;transform:translate3d(0,18px,0)}
 .sm .secthead.rv:not(.in) .eyebrow::before{transform:scaleX(0)}
 .sm .secthead.rv:not(.in) h2{opacity:0;transform:translate3d(0,34px,0)}
 .sm .secthead.rv.wsplit:not(.in) h2{opacity:1;transform:none}
 .sm .secthead.rv.wsplit:not(.in) h2 .wd{opacity:0;transform:translate3d(0,.62em,0) rotate(4deg)}
 .sm .secthead.rv:not(.in) .lead{opacity:0;transform:translate3d(0,26px,0)}
 .sm .secthead.rv:not(.done) .eyebrow{transition:opacity .5s var(--out),transform .7s var(--out)}
 .sm .secthead.rv .eyebrow::before{transform-origin:left}
 .sm .secthead.rv:not(.done) .eyebrow::before{transition:transform .9s var(--out) .2s}
 .sm .secthead.rv:not(.done) h2{transition:opacity .6s var(--out) .1s,transform .9s var(--out) .1s}
 .sm .secthead.rv .wd{display:inline-block}
 .sm .secthead.rv:not(.done) .wd{transition:opacity .45s var(--out),transform .85s var(--spring);transition-delay:calc(min(var(--w,0),14)*42ms + 110ms)}
 .sm .secthead.rv:not(.done) .lead{transition:opacity .6s var(--out) .38s,transform .9s var(--out) .38s}
 /* loose text blocks (tagged rv + sm-t): bigger rise than the base reveal */
 .sm .rv.sm-t:not(.in){transform:translate3d(0,46px,0)}
 /* cards and plan tiles: springy stagger with a slight tilt */
 .sm :is(.rv,.rv-pop).sm-card:not(.in){opacity:0;transform:translate3d(0,72px,0) scale(.94) rotate(-1.4deg)}
 .sm :is(.rv,.rv-pop).sm-card:nth-child(even):not(.in){transform:translate3d(0,72px,0) scale(.94) rotate(1.4deg)}
 .sm :is(.rv,.rv-pop).sm-card:not(.done){transition:opacity .55s var(--out),transform 1.05s var(--spring);transition-delay:calc(min(var(--i,0),7)*85ms)}
 .sm .tier.rv:not(.in) .price,.sm .rung.rv:not(.in) .price{opacity:0;transform:translate3d(0,16px,0) scale(.88)}
 .sm .tier.rv:not(.done) .price,.sm .rung.rv:not(.done) .price{transition:opacity .5s var(--out),transform .8s var(--spring);transition-delay:calc(min(var(--i,0),7)*85ms + .32s)}
 /* visuals and demos: scale-and-fade "sharpen" reveal */
 .sm :is(.rv,.rv-pop).sm-vis:not(.in){opacity:0;transform:translate3d(0,56px,0) scale(.9)}
 .sm :is(.rv,.rv-pop).sm-vis:not(.done){transition:opacity .7s var(--out),transform 1.15s var(--out)}
 /* steps and numbers build in, one after another */
 .sm .sm-build:not(.in) .sm-bi{opacity:0;transform:translate3d(0,30px,0) scale(.82)}
 .sm .sm-build:not(.done) .sm-bi{transition:opacity .45s var(--out),transform .85s var(--spring);transition-delay:calc(var(--b,0)*130ms + .25s)}
 .sm .sm-build:not(.in) .sm-bn{transform:scale(0) rotate(-120deg)}
 .sm .sm-build:not(.done) .sm-bn{transition:transform .8s var(--spring);transition-delay:calc(var(--b,0)*130ms + .42s)}
 .sm .six-tile.rv-pop:not(.in) .six-n,.sm .how-step.rv:not(.in) .how-n,.sm .ess.rv:not(.in) .ess-n{transform:scale(0) rotate(-90deg)}
 .sm .six-tile.rv-pop:not(.done) .six-n,.sm .how-step.rv:not(.done) .how-n,.sm .ess.rv:not(.done) .ess-n{transition:transform .8s var(--spring);transition-delay:calc(min(var(--i,0),7)*85ms + .3s)}
 .sm .ess-n{display:inline-block}
 /* lines draw in */
 .sm .fact.rv{border-top-color:transparent;position:relative}
 .sm .fact.rv::before{content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:var(--line);transform-origin:left}
 .sm .s-navy .fact.rv::before{background:#26324D}
 .sm .fact.rv:not(.in)::before{transform:scaleX(0)}
 .sm .fact.rv:not(.done)::before{transition:transform 1.1s var(--out) .15s}
 .sm .timeline.sm-line::before{transform-origin:top}
 .sm .timeline.sm-line:not(.in)::before{transform:scaleY(0)}
 .sm .timeline.sm-line:not(.done)::before{transition:transform 1.4s var(--out) .1s}
 .sm .faq.rv{border-top-color:transparent;position:relative}
 .sm .faq.rv::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--line);transform-origin:left}
 .sm .faq.rv:not(.in)::before{transform:scaleX(0)}
 .sm .faq.rv:not(.done)::before{transition:transform 1.1s var(--out)}
 .sm .faq.rv:not(.in) details{opacity:0;transform:translate3d(0,22px,0)}
 .sm .faq.rv:not(.done) details{transition:opacity .45s var(--out),transform .7s var(--out);transition-delay:calc(min(var(--i,0),9)*60ms + .15s)}
 .sm .faq.rv{opacity:1;transform:none}
 .sm .sm-rule{display:block;height:2px;background:var(--line);transform-origin:left;margin:0}
 .sm .sm-rule:not(.in){transform:scaleX(0)}
 .sm .sm-rule:not(.done){transition:transform 1.2s var(--out)}
}
/* no rule lines outside motion mode (they're decorative and only exist when motion.js adds them) */
html:not(.sm) .sm-rule{display:none}
@media (prefers-reduced-motion:reduce){.sm-rule{display:none}}
.sm-rulewrap{position:absolute;left:0;right:0;top:0;pointer-events:none}
/* mobile: keep the hero chevron in the bottom padding, clear of the hero text (all page heroes) */
@media (max-width:719px){.pagehero .sh-chev.c{right:6vw;bottom:8px;width:44px}}
/* offer pages: router line */
.router{font-size:.98rem;line-height:1.6}
/* offer pages (Sprint, Decision Pack): hero strip, fact strip, text links, router, end band */
.ostrip{list-style:none;display:flex;flex-wrap:wrap;gap:8px 10px;margin:22px 0 4px;padding:0}.ostrip li{border:1px solid rgba(15,27,61,.16);background:#fff;border-radius:999px;padding:7px 14px;font-size:.92rem;font-weight:500}
.ofacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 6px;max-width:760px}.ofacts>div{background:#fff;border:1px solid rgba(15,27,61,.12);border-radius:16px;padding:14px 16px}.ofacts dt{font-family:var(--fd,inherit);font-weight:600;font-size:1.25rem;letter-spacing:-.02em}.ofacts dd{margin:4px 0 0;font-size:.88rem;color:var(--muted,#55607a)}
@media (max-width:719px){.ofacts{grid-template-columns:1fr}}
.textlink{margin:14px 0 0;font-weight:500}.textlink a{text-underline-offset:3px}
.prose{max-width:72ch}.prose p{margin:0 0 14px}.prose .ticks{margin:0 0 16px}
.orouter-sec{padding:28px 0 !important}.orouter-sec .router{margin:0;padding:0;border:0;max-width:80ch}
.router-end{max-width:80ch;margin:0 0 22px !important}
.cta-band.offer-band{display:flex;justify-content:center;align-items:center;padding:44px 28px;min-height:0}.cta-band.offer-band .ctas{display:flex;flex-wrap:wrap;gap:14px;margin:0;justify-content:center;position:relative;z-index:1}
/*GDEMO-START: Shadow Guardian demo scenes (built by v2tools/gdemo/build_scenes.py)*/
.gd-fit{container-type:inline-size;width:100%}.gd-stage{--u:calc(100cqw / 1280);position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;font-family:Inter,system-ui,sans-serif;color:#142444;isolation:isolate;contain:layout paint;text-align:left;line-height:1.35;border-radius:calc(var(--u)*14);background:#F2F5FF}.gd-stage *{box-sizing:border-box}.gd-stage>*{position:absolute}.gdi{width:calc(var(--u)*16);height:calc(var(--u)*16);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.gdi.sm{width:calc(var(--u)*13);height:calc(var(--u)*13)}.gdi.xs{width:calc(var(--u)*11);height:calc(var(--u)*11)}.gd-tag{top:calc(var(--u)*22);right:calc(var(--u)*24);z-index:20;display:flex;align-items:center;gap:calc(var(--u)*7);background:#C7FF6B;color:#0B1220;font:600 calc(var(--u)*12.5)/1 "Azeret Mono",ui-monospace,monospace;letter-spacing:.04em;padding:calc(var(--u)*8) calc(var(--u)*12);border-radius:calc(var(--u)*999);box-shadow:0 calc(var(--u)*4) calc(var(--u)*14) rgba(11,18,32,.18)}.gd-tag i{width:calc(var(--u)*7);height:calc(var(--u)*7);border-radius:50%;background:#0B1220}.gd-cap{left:calc(var(--u)*36);bottom:calc(var(--u)*30);z-index:19;width:calc(var(--u)*470);background:#fff;border-radius:calc(var(--u)*16);padding:calc(var(--u)*16) calc(var(--u)*20) calc(var(--u)*17);box-shadow:0 calc(var(--u)*18) calc(var(--u)*50) rgba(11,18,32,.28),0 0 0 calc(var(--u)*1) rgba(20,36,68,.06);font:600 calc(var(--u)*19)/1.32 Geist,Inter,sans-serif;color:#142444}.gd-cap small{display:block;font:600 calc(var(--u)*11.5)/1 "Azeret Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#2445EB;margin-bottom:calc(var(--u)*8)}.gd-cur{width:calc(var(--u)*22);height:calc(var(--u)*26);left:0;top:0;z-index:15;transform-origin:calc(var(--u)*3) calc(var(--u)*2);filter:drop-shadow(0 calc(var(--u)*2) calc(var(--u)*3) rgba(0,0,0,.35))}.gd-desk{inset:0;background:radial-gradient(60% 70% at 88% 6%,rgba(25,187,215,.20),transparent 62%),radial-gradient(55% 65% at 0% 100%,rgba(36,69,235,.16),transparent 62%),#F2F5FF}.gd-who{left:calc(var(--u)*36);top:calc(var(--u)*28);display:flex;gap:calc(var(--u)*12);align-items:center;background:#fff;border-radius:calc(var(--u)*999);padding:calc(var(--u)*7) calc(var(--u)*22) calc(var(--u)*7) calc(var(--u)*7);box-shadow:0 calc(var(--u)*6) calc(var(--u)*20) rgba(20,36,68,.10)}.gd-av{width:calc(var(--u)*40);height:calc(var(--u)*40);border-radius:50%;background:#2445EB;color:#fff;font:600 calc(var(--u)*18)/calc(var(--u)*40) Geist,sans-serif;text-align:center}.gd-who b,.gd-chip b{display:block;font:600 calc(var(--u)*15)/1.2 Geist,Inter,sans-serif}.gd-who small{display:block;font-size:calc(var(--u)*12.5);color:#52627B;margin-top:calc(var(--u)*2)}.gd-tabs>i{width:calc(var(--u)*11);height:calc(var(--u)*11);border-radius:50%;background:#d6dae3}.gd-fic{width:calc(var(--u)*30);height:calc(var(--u)*36);border-radius:calc(var(--u)*5);display:grid;place-items:end center;padding-bottom:calc(var(--u)*6);font:700 calc(var(--u)*8)/1 "Azeret Mono",monospace;color:#fff;flex:none;clip-path:polygon(0 0,70% 0,100% 22%,100% 100%,0 100%)}.gd-fic-xlsx{background:#1D7A46}.gd-fic-csv{background:#2c7049}.gd-fic-pdf{background:#c2412d}.gd-fic-docx{background:#2b5fb8}.gd-br{left:calc(var(--u)*140);top:calc(var(--u)*84);width:calc(var(--u)*1000);height:calc(var(--u)*604);border-radius:calc(var(--u)*12);background:#fff;box-shadow:0 calc(var(--u)*30) calc(var(--u)*80) rgba(20,36,68,.22),0 0 0 calc(var(--u)*1) rgba(20,36,68,.08);overflow:hidden}.gd-br>*{position:absolute;left:0;right:0}.gd-tabs{top:0;height:calc(var(--u)*40);background:#dfe3ea;display:flex;align-items:center;gap:calc(var(--u)*7);padding:0 calc(var(--u)*14)}.gd-tab{position:absolute;left:calc(var(--u)*84);top:calc(var(--u)*7);width:calc(var(--u)*236);height:calc(var(--u)*33);background:#fff;border-radius:calc(var(--u)*10) calc(var(--u)*10) 0 0;display:flex;align-items:center;gap:calc(var(--u)*8);padding:0 calc(var(--u)*10) 0 calc(var(--u)*12);font-size:calc(var(--u)*12.5);color:#202124}.gd-fav{width:calc(var(--u)*14);height:calc(var(--u)*14);border-radius:50%;background:#c9cfda;flex:none}.gd-loading .gd-fav{background:none;border:calc(var(--u)*2) solid #c9cfda;border-top-color:#2445EB}.gd-tt{position:relative;flex:1;height:calc(var(--u)*16);overflow:hidden}.gd-tt>span{position:absolute;left:0;top:0;white-space:nowrap}.gd-tt1,.gd-tt3{opacity:0}.gd-newtab{position:absolute;left:calc(var(--u)*332);top:calc(var(--u)*13);color:#5f6368}.gd-tb{top:calc(var(--u)*40);height:calc(var(--u)*44);display:flex;align-items:center;gap:calc(var(--u)*14);padding:0 calc(var(--u)*14);border-bottom:calc(var(--u)*1) solid #e6e8ee;color:#5f6368}.gd-omni{position:absolute;left:calc(var(--u)*112);right:calc(var(--u)*86);top:calc(var(--u)*7);height:calc(var(--u)*30);border-radius:calc(var(--u)*15);background:#eef1f5;display:flex;align-items:center;gap:calc(var(--u)*9);padding:0 calc(var(--u)*13);font-size:calc(var(--u)*13.5);color:#202124;border:calc(var(--u)*2) solid transparent}.gd-focus .gd-omni{background:#fff;border-color:#2445EB}.gd-url{display:flex;align-items:center}.gd-caret{width:calc(var(--u)*1.5);height:calc(var(--u)*16);background:#202124;margin-left:calc(var(--u)*1);opacity:0}.gd-url2{position:absolute;left:calc(var(--u)*36);color:#5f6368;opacity:0}.gd-extic{position:absolute;right:calc(var(--u)*50);top:calc(var(--u)*10);width:calc(var(--u)*20);height:calc(var(--u)*24);object-fit:contain}.gd-prof{position:absolute;right:calc(var(--u)*14);top:calc(var(--u)*10);width:calc(var(--u)*24);height:calc(var(--u)*24);border-radius:50%;background:#2445EB;color:#fff;font:600 calc(var(--u)*11)/calc(var(--u)*24) Geist,sans-serif;text-align:center}.gd-bc{top:calc(var(--u)*84);bottom:0;background:#fff;overflow:hidden}.gd-bc>*{position:absolute}.gd-ntp{inset:0;display:flex;flex-direction:column;align-items:center;padding-top:calc(var(--u)*150);gap:calc(var(--u)*34)}.gd-ntps{width:calc(var(--u)*470);height:calc(var(--u)*46);border-radius:calc(var(--u)*23);border:calc(var(--u)*1) solid #dfe1e5;display:flex;align-items:center;gap:calc(var(--u)*12);padding:0 calc(var(--u)*18);font-size:calc(var(--u)*14.5);color:#5f6368;box-shadow:0 calc(var(--u)*1) calc(var(--u)*6) rgba(32,33,36,.08)}.gd-load{left:0;right:0;top:0;height:calc(var(--u)*3);background:#2445EB;transform-origin:0 50%;transform:scaleX(.55);z-index:3}.gd-s2 .gd-cur{transform:translate(calc(var(--u)*700),calc(var(--u)*420))}.gd-s3 .gd-tt2,.gd-s3 .gd-url,.gd-s3 .gd-ntp,.gd-s3 .gd-load{opacity:0}.gd-s3 .gd-tt3,.gd-s3 .gd-url2{opacity:1}.gd-s3 .gd-cur{transform:translate(calc(var(--u)*660),calc(var(--u)*482))}.gd-blk{inset:0;display:flex;align-items:flex-start;justify-content:center;padding:calc(var(--u)*18) calc(var(--u)*24);background:#0b1220;color:#e6edf3;font-family:"Noto Sans",Inter,-apple-system,"Segoe UI",system-ui,sans-serif}.gd-blk.sev-prohibited{background:radial-gradient(70% 60% at 30% 0%,rgba(150,24,30,.55),transparent 70%),radial-gradient(60% 60% at 85% 100%,rgba(110,14,20,.45),transparent 65%),#1a0508}.gd-card{position:relative;width:calc(var(--u)*600);padding:calc(var(--u)*24) calc(var(--u)*28) calc(var(--u)*26);border-radius:calc(var(--u)*14);background:rgba(58,9,13,.82);border:calc(var(--u)*2) solid rgba(220,48,52,.75);box-shadow:0 0 0 calc(var(--u)*1) rgba(239,68,68,.2),0 0 calc(var(--u)*50) rgba(220,38,38,.35),0 calc(var(--u)*30) calc(var(--u)*80) rgba(0,0,0,.55)}.gd-glow{position:absolute;inset:calc(var(--u)*-2);border-radius:calc(var(--u)*14);box-shadow:0 0 0 calc(var(--u)*1) rgba(239,68,68,.4),0 0 calc(var(--u)*80) rgba(239,68,68,.45);opacity:.5;pointer-events:none}.gd-brand{display:flex;align-items:center;gap:calc(var(--u)*14);font-size:calc(var(--u)*12);letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:#f3b4b4;margin-bottom:calc(var(--u)*20)}.gd-brand img{width:calc(var(--u)*30);height:calc(var(--u)*36);object-fit:contain;filter:drop-shadow(0 0 calc(var(--u)*8) rgba(60,120,255,.35))}.gd-badge{display:inline-block;background:#dc2626;color:#fff;border:calc(var(--u)*1) solid #f05252;font-size:calc(var(--u)*11.5);font-weight:700;padding:calc(var(--u)*6) calc(var(--u)*14);letter-spacing:.2em;text-transform:uppercase;border-radius:calc(var(--u)*999);margin-bottom:calc(var(--u)*12);box-shadow:0 0 calc(var(--u)*16) rgba(239,68,68,.65)}.gd-h1{font-size:calc(var(--u)*29);line-height:1.2;font-weight:700;color:#fee2e2;margin-bottom:calc(var(--u)*12);text-shadow:0 0 calc(var(--u)*22) rgba(239,68,68,.4)}.gd-emo{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;margin-right:calc(var(--u)*6);text-shadow:none}.gd-target{font-size:calc(var(--u)*14);color:#f3c4c4;margin-bottom:calc(var(--u)*20);padding:calc(var(--u)*10) calc(var(--u)*12);background:rgba(80,10,14,.6);border:calc(var(--u)*1) solid rgba(220,60,64,.45);border-radius:calc(var(--u)*6)}.gd-target b{color:#fff;font-weight:700}.gd-reason{font-size:calc(var(--u)*14);line-height:1.55;color:#fde8e8;font-weight:500;margin-bottom:calc(var(--u)*20)}.gd-actions{display:flex;gap:calc(var(--u)*10)}.gd-btn{flex:1;text-align:center;background:#dc2626;color:#fff;padding:calc(var(--u)*10) calc(var(--u)*20);border-radius:calc(var(--u)*7);font-size:calc(var(--u)*13);font-weight:600;box-shadow:0 calc(var(--u)*6) calc(var(--u)*20) rgba(220,38,38,.4)}.gd-hov .gd-btn{background:#ef4444}.gd-foot{margin-top:calc(var(--u)*22);padding-top:calc(var(--u)*14);border-top:calc(var(--u)*1) solid rgba(239,68,68,.22);font-size:calc(var(--u)*11);color:#9c7d82;line-height:1.55}.gd-foot code{background:rgba(255,255,255,.07);padding:calc(var(--u)*1) calc(var(--u)*5);border-radius:calc(var(--u)*4);font-size:calc(var(--u)*10);font-family:"Azeret Mono",ui-monospace,monospace}.gd-con{left:0;top:0;width:calc(var(--u)*1280);height:calc(var(--u)*720);background:#0b1220;color:#e6ebf5;transform-origin:0 0;font-family:Inter,system-ui,sans-serif}.gd-s1,.gd-s4,.gd-s5,.gd-s6{background:#0b1220}.gd-con>*{position:absolute}.gd-sb{left:0;top:0;bottom:0;width:calc(var(--u)*228);background:#0a111e;border-right:calc(var(--u)*1) solid #18233a}.gd-sb>*{position:absolute}.gd-sbb{left:0;right:0;top:calc(var(--u)*12);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*8)}.gd-sbb b{font:500 calc(var(--u)*21)/1.1 Geist,Inter,sans-serif;color:#f1f5fb;letter-spacing:-.01em}.gd-clogo{position:relative;width:calc(var(--u)*38);height:calc(var(--u)*36);border:calc(var(--u)*8) solid #4b63f5;border-top:0;border-radius:0 0 calc(var(--u)*12) calc(var(--u)*12)}.gd-clogo i{position:absolute;left:calc(var(--u)*5);top:calc(var(--u)*3);width:calc(var(--u)*12);height:calc(var(--u)*12);background:#c7ff6b;border-radius:calc(var(--u)*2)}.gd-nav{left:calc(var(--u)*17);top:calc(var(--u)*104);width:calc(var(--u)*192)}.gd-nav div{height:calc(var(--u)*32);display:flex;align-items:center;padding-left:calc(var(--u)*8);font-size:calc(var(--u)*14);color:#dfe5ef;border-radius:calc(var(--u)*7)}.gd-nav .on{background:#16213a}.gd-chip{left:calc(var(--u)*14);right:calc(var(--u)*14);bottom:calc(var(--u)*14);height:calc(var(--u)*48);background:#121c33;border:calc(var(--u)*1) solid #23314f;border-radius:calc(var(--u)*9);display:flex;align-items:center;gap:calc(var(--u)*10);padding:0 calc(var(--u)*12) 0 calc(var(--u)*9);color:#9aa6bb}.gd-chip b{display:block;font:600 calc(var(--u)*14)/1.15 Inter,sans-serif;color:#f1f5fb}.gd-chip small{display:block;font-size:calc(var(--u)*11.5);color:#4cc3e4;margin-top:calc(var(--u)*1)}.gd-chip>span:nth-child(2){flex:1}.gd-cav{width:calc(var(--u)*30);height:calc(var(--u)*30);border-radius:50%;background:#3173f6;color:#fff;font:600 calc(var(--u)*12)/calc(var(--u)*30) Inter,sans-serif;text-align:center}.gd-main{left:calc(var(--u)*228);top:0;right:0;bottom:0}.gd-main>*{position:absolute}.gd-top{left:0;right:0;top:0;height:calc(var(--u)*57);border-bottom:calc(var(--u)*1) solid #18233a;display:flex;align-items:center;gap:calc(var(--u)*12);padding-left:calc(var(--u)*26);color:#9aa6bb}.gd-ta{border:calc(var(--u)*1) solid #2fae9b;color:#5fd7c3;border-radius:calc(var(--u)*999);padding:calc(var(--u)*3) calc(var(--u)*9);font-size:calc(var(--u)*10);font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-left:calc(var(--u)*8)}.gd-sep{width:calc(var(--u)*1);height:calc(var(--u)*20);background:#26324a;margin:0 calc(var(--u)*4)}.gd-cn{font-size:calc(var(--u)*14);font-weight:500;color:#e6ebf5;margin-left:calc(var(--u)*-4)}.gd-moon{position:absolute;right:calc(var(--u)*22);top:calc(var(--u)*11);width:calc(var(--u)*38);height:calc(var(--u)*36);border:calc(var(--u)*1) solid #26324a;border-radius:calc(var(--u)*8);display:grid;place-items:center;background:#0f1a30}.gd-ovh{left:calc(var(--u)*28);top:calc(var(--u)*94)}.gd-ovh b{display:block;font:700 calc(var(--u)*26)/1.2 Geist,Inter,sans-serif;color:#f4f7fc;letter-spacing:-.01em}.gd-ovh small{display:block;font-size:calc(var(--u)*13);color:#9aa6bb;margin-top:calc(var(--u)*6)}.gd-rng{left:calc(var(--u)*649);top:calc(var(--u)*107);height:calc(var(--u)*31);border:calc(var(--u)*1) solid #26324a;border-radius:calc(var(--u)*8);display:flex;align-items:center;padding:calc(var(--u)*3);gap:calc(var(--u)*2);font-size:calc(var(--u)*12.5);color:#b8c2d4}.gd-rng span{padding:calc(var(--u)*4) calc(var(--u)*11);border-radius:calc(var(--u)*6)}.gd-rng .on{background:#1b2742;color:#fff}.gd-gen{left:calc(var(--u)*870);top:calc(var(--u)*106);width:calc(var(--u)*153);height:calc(var(--u)*33);border-radius:calc(var(--u)*7);background:#2457f5;color:#fff;font-size:calc(var(--u)*13);font-weight:600;display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*8)}.gd-kpis{left:calc(var(--u)*28);top:calc(var(--u)*168);width:calc(var(--u)*995);height:calc(var(--u)*222);display:grid;grid-template-columns:repeat(6,1fr);gap:calc(var(--u)*14)}.gd-kpi{position:relative;background:#101a31;border:calc(var(--u)*1) solid #1f2c48;border-radius:calc(var(--u)*12);padding:calc(var(--u)*20) calc(var(--u)*16) 0}.gd-kpi b{display:block;font-size:calc(var(--u)*13);font-weight:500;color:#eef2f8;line-height:1.3;min-height:calc(var(--u)*34)}.gd-kpi b .gdi{margin-left:calc(var(--u)*3);vertical-align:top;color:#8796b0}.gd-kpi strong{display:block;font:700 calc(var(--u)*23)/1.2 Inter,sans-serif;color:#f4f7fc;margin:calc(var(--u)*6) 0 calc(var(--u)*10)}.gd-kpi small{display:block;font-size:calc(var(--u)*11);line-height:1.4;color:#9aa6bb}.gd-kpi em{position:absolute;left:calc(var(--u)*16);bottom:calc(var(--u)*16);font-style:normal;font-size:calc(var(--u)*10.5);color:#8190a8}.gd-trend{left:calc(var(--u)*28);top:calc(var(--u)*418);width:calc(var(--u)*656);height:calc(var(--u)*330);background:#0f182d;border:calc(var(--u)*1) solid #1f2c48;border-radius:calc(var(--u)*12)}.gd-trend>b,.gd-dept>b{position:absolute;left:calc(var(--u)*22);top:calc(var(--u)*22);font-size:calc(var(--u)*14);font-weight:600;color:#eef2f8}.gd-plot{position:absolute;left:calc(var(--u)*52);top:calc(var(--u)*62);width:calc(var(--u)*590);height:calc(var(--u)*210)}.gd-plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.gd-plot line{stroke:#1d2a45;stroke-dasharray:3 4;stroke-width:1}.gd-plot polyline{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.gd-plot .t{stroke:#e9eef8}.gd-plot .u{stroke:#f26b6b}.gd-ylab{position:absolute;left:calc(var(--u)*-30);top:calc(var(--u)*-7);height:calc(var(--u)*224);display:flex;flex-direction:column;justify-content:space-between;font-size:calc(var(--u)*10.5);color:#8190a8}.gd-xlab{position:absolute;left:0;right:0;top:calc(var(--u)*220);display:flex;justify-content:space-between;font-size:calc(var(--u)*10.5);color:#8190a8}.gd-dept{left:calc(var(--u)*706);top:calc(var(--u)*418);width:calc(var(--u)*317);height:calc(var(--u)*330);background:#0f182d;border:calc(var(--u)*1) solid #1f2c48;border-radius:calc(var(--u)*12)}.gd-dept>div{position:absolute;left:calc(var(--u)*22);right:calc(var(--u)*22);height:calc(var(--u)*58);background:#121d36;border:calc(var(--u)*1) solid #23314f;border-radius:calc(var(--u)*9);display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--u)*12)}.gd-dept>div:nth-of-type(1){top:calc(var(--u)*58)}.gd-dept>div:nth-of-type(2){top:calc(var(--u)*130)}.gd-dept>div:nth-of-type(3){top:calc(var(--u)*202)}.gd-dept span{font-size:calc(var(--u)*14);font-weight:600;color:#eef2f8}.gd-dept small{font-size:calc(var(--u)*10);color:#9aa6bb;text-align:right}.gd-dept small strong{display:block;font:700 calc(var(--u)*15)/1.2 "Azeret Mono",monospace;color:#f4f7fc}.gd-peh{left:calc(var(--u)*32);top:calc(var(--u)*87);display:flex;align-items:center;gap:calc(var(--u)*12);color:#c3cbda}.gd-pei{width:calc(var(--u)*33);height:calc(var(--u)*33);border-radius:calc(var(--u)*8);background:#14204a;border:calc(var(--u)*1) solid #23346a;display:grid;place-items:center;color:#9db4ff}.gd-peh b{font:700 calc(var(--u)*22)/1 Geist,Inter,sans-serif;color:#f4f7fc;letter-spacing:-.01em}.gd-ped{left:calc(var(--u)*28);top:calc(var(--u)*130);width:calc(var(--u)*600);font-size:calc(var(--u)*13);line-height:calc(var(--u)*19);color:#a7b2c5}.gd-flt{left:calc(var(--u)*28);top:calc(var(--u)*186);width:calc(var(--u)*995);height:calc(var(--u)*127);background:#0f1b36;border:calc(var(--u)*1) solid #1f2d4f;border-radius:calc(var(--u)*12)}.gd-flt>div{position:absolute;left:calc(var(--u)*14);right:calc(var(--u)*14);display:flex;align-items:center;gap:calc(var(--u)*8);font-size:calc(var(--u)*12.5);color:#c7cfdd}.gd-fr1{top:calc(var(--u)*14)}.gd-fr{font-size:calc(var(--u)*11.5)}.gd-fr:nth-of-type(2){top:calc(var(--u)*57)}.gd-fr:nth-of-type(3){top:calc(var(--u)*89)}.gd-org{margin-left:calc(var(--u)*6);border:calc(var(--u)*1) solid #2a3a5e;background:#0f1a31;border-radius:calc(var(--u)*6);padding:calc(var(--u)*6) calc(var(--u)*11);color:#eef2f8}.gd-cnt{margin-left:auto;font-size:calc(var(--u)*11.5);color:#a7b2c5}.gd-fr small{font-size:calc(var(--u)*11);letter-spacing:.06em;text-transform:uppercase;color:#a7b2c5;margin-right:calc(var(--u)*2);width:calc(var(--u)*54)}.gd-fr span{border:calc(var(--u)*1) solid #2a3a5e;border-radius:calc(var(--u)*5);padding:calc(var(--u)*4) calc(var(--u)*9);color:#d5dbe7}.gd-fr .on{background:#122370;border-color:#2455de;color:#9fb6ff}.gd-tbl{left:calc(var(--u)*28);top:calc(var(--u)*335);width:calc(var(--u)*995);height:calc(var(--u)*340);background:#0f1b36;border:calc(var(--u)*1) solid #1f2d4f;border-radius:calc(var(--u)*12);overflow:hidden}.gd-tbl>*{position:absolute;left:0;right:0}.gd-th,.gd-pr{display:grid;grid-template-columns:calc(var(--u)*114) calc(var(--u)*145) calc(var(--u)*240) calc(var(--u)*236) calc(var(--u)*170) 1fr;padding-left:calc(var(--u)*15);align-items:center}.gd-th{top:0;height:calc(var(--u)*36);border-bottom:calc(var(--u)*1) solid #1d2a4a;font-size:calc(var(--u)*10.5);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#a7b2c5}.gd-rows{top:calc(var(--u)*36);bottom:0;overflow:hidden}.gd-pr{position:relative;height:calc(var(--u)*60);border-bottom:calc(var(--u)*1) solid #18243f;font-size:calc(var(--u)*12.5);color:#d5dbe7}.gd-pr .c0{display:flex;align-items:center;gap:calc(var(--u)*6);color:#c3cbda}.gd-bdg{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--u)*3)}.gd-bdg i{font-style:normal;font-size:calc(var(--u)*9.5);font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:calc(var(--u)*4);padding:calc(var(--u)*1) calc(var(--u)*6);display:inline-flex;align-items:center;gap:calc(var(--u)*4)}.gd-bdg .bl{background:#4a1a2b;border:calc(var(--u)*1) solid #8a2f3e;color:#ff7b7f}.gd-bdg .cr{background:#3a1520;border:calc(var(--u)*1) solid #7a2a36;color:#ff6467}.gd-pr .c2 b{display:block;font-weight:600;color:#f1f5fb;font-size:calc(var(--u)*13)}.gd-pr code{font:calc(var(--u)*10.5) "Azeret Mono",ui-monospace,monospace;color:#c3cbda}.gd-pr .c4 code{font-size:calc(var(--u)*11.5);white-space:nowrap;font-weight:600;color:#eef2f8}.gd-pr .c5{color:#8190a8}.gd-mk-a{position:relative;display:inline-block}.gd-mk-a.gd-bdg{display:inline-flex}.gd-pr .c0 .gd-mk{right:auto;left:calc(var(--u)*-8);top:calc(var(--u)*-18)}.gd-bdg>.gd-mk{right:calc(var(--u)*-26);top:50%;margin-top:calc(var(--u)*-10)}.gd-s4 .gd-cap,.gd-cap.gd-capt{left:auto;right:calc(var(--u)*36);bottom:auto;top:calc(var(--u)*360)}.gd-mk{position:absolute;right:calc(var(--u)*-12);top:calc(var(--u)*-14);width:calc(var(--u)*20);height:calc(var(--u)*20);border-radius:50%;background:#C7FF6B;color:#0B1220;font:700 calc(var(--u)*11)/calc(var(--u)*20) "Azeret Mono",monospace;text-align:center;font-style:normal;letter-spacing:0;box-shadow:0 0 0 calc(var(--u)*3) rgba(11,18,32,.6);z-index:2}.gd-tab-back{left:calc(var(--u)*30);top:calc(var(--u)*88);display:flex;align-items:center;gap:calc(var(--u)*6);font-size:calc(var(--u)*13);color:#c3cbda}.gd-toolh{left:calc(var(--u)*28);top:calc(var(--u)*105);width:calc(var(--u)*995);height:calc(var(--u)*122);background:#0f1b36;border:calc(var(--u)*1) solid #1f2d4f;border-radius:calc(var(--u)*12)}.gd-toolh>*{position:absolute}.gd-ti{left:calc(var(--u)*21);top:calc(var(--u)*21);width:calc(var(--u)*44);height:calc(var(--u)*44);border-radius:calc(var(--u)*9);background:#14204a;border:calc(var(--u)*1) solid #23346a;display:grid;place-items:center;color:#9db4ff}.gd-toolh>b{left:calc(var(--u)*79);top:calc(var(--u)*22);font:700 calc(var(--u)*21)/1.2 Geist,Inter,sans-serif;color:#f4f7fc}.gd-toolh>small{left:calc(var(--u)*79);top:calc(var(--u)*52);display:flex;align-items:center;gap:calc(var(--u)*6);font-size:calc(var(--u)*13);color:#a7b2c5}.gd-toolh code{font:calc(var(--u)*12.5) "Azeret Mono",monospace;color:#d5dbe7}.gd-tbad{left:calc(var(--u)*79);top:calc(var(--u)*80);display:flex;gap:calc(var(--u)*8)}.gd-tbad i{font-style:normal;font-size:calc(var(--u)*11);font-weight:600;border:calc(var(--u)*1) solid #c9d2e3;color:#f1f5fb;border-radius:calc(var(--u)*4);padding:calc(var(--u)*2) calc(var(--u)*7)}.gd-tbad i.r{background:#3a1520;border-color:#7a2a36;color:#ff8a8d}.gd-scp{right:calc(var(--u)*21);top:calc(var(--u)*21);border:calc(var(--u)*1) solid #2a3a5e;border-radius:calc(var(--u)*6);padding:calc(var(--u)*6) calc(var(--u)*11);font-size:calc(var(--u)*11.5);color:#c7cfdd}.gd-tk{left:calc(var(--u)*28);top:calc(var(--u)*250);width:calc(var(--u)*995);height:calc(var(--u)*72);display:grid;grid-template-columns:repeat(7,1fr);gap:calc(var(--u)*10)}.gd-tk>div{background:#0f1b36;border:calc(var(--u)*1) solid #1f2d4f;border-radius:calc(var(--u)*9);padding:calc(var(--u)*11) calc(var(--u)*12) 0}.gd-tk small{display:flex;align-items:center;gap:calc(var(--u)*5);font-size:calc(var(--u)*10);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#a7b2c5;line-height:1.2}.gd-tk small .gdi{color:#7f9cff}.gd-tk .bk small .gdi{color:#ff6b6b}.gd-tk b{display:block;font:700 calc(var(--u)*20)/1.2 Inter,sans-serif;color:#f4f7fc;margin-top:calc(var(--u)*8)}.gd-tu{left:calc(var(--u)*28);top:calc(var(--u)*356);width:calc(var(--u)*317);height:calc(var(--u)*119);background:#0f1b36;border:calc(var(--u)*1) solid #1f2d4f;border-radius:calc(var(--u)*12)}.gd-tu>b,.gd-ra>b{position:absolute;left:calc(var(--u)*17);top:calc(var(--u)*22);display:flex;align-items:center;gap:calc(var(--u)*7);font-size:calc(var(--u)*14);font-weight:600;color:#f1f5fb}.gd-tu>div{position:absolute;left:calc(var(--u)*17);right:calc(var(--u)*17);top:calc(var(--u)*58);display:flex;align-items:center;gap:calc(var(--u)*10)}.gd-tua{width:calc(var(--u)*28);height:calc(var(--u)*28);border-radius:50%;background:#14204a;display:grid;place-items:center;color:#9db4ff}.gd-tu em{display:block;font-style:normal;font-size:calc(var(--u)*13);color:#eef2f8}.gd-tu small{display:block;font-size:calc(var(--u)*10.5);color:#8190a8}.gd-tu>div>span:nth-child(2){flex:1}.gd-tu>div>i{font-style:normal;font:600 calc(var(--u)*11) "Azeret Mono",monospace;background:#16213a;border-radius:calc(var(--u)*5);padding:calc(var(--u)*2) calc(var(--u)*7)}.gd-ra{left:calc(var(--u)*28);top:calc(var(--u)*498);width:calc(var(--u)*656);height:calc(var(--u)*172);background:#0f1b36;border:calc(var(--u)*1) solid #1f2d4f;border-radius:calc(var(--u)*12)}.gd-rai{position:absolute;left:calc(var(--u)*19);right:calc(var(--u)*19);top:calc(var(--u)*55);height:calc(var(--u)*94);border:calc(var(--u)*1) solid #23314f;border-radius:calc(var(--u)*8);background:#0f1a31;display:flex;gap:calc(var(--u)*10);padding:calc(var(--u)*12) calc(var(--u)*12) 0;color:#ff6b6b}.gd-rai>span{flex:1;font-size:calc(var(--u)*13);color:#d5dbe7;line-height:1.5}.gd-rai em{font-style:normal;font-weight:600;color:#f1f5fb}.gd-rai code{font:600 calc(var(--u)*12) "Azeret Mono",monospace;color:#f1f5fb}.gd-rai small{display:block;font-size:calc(var(--u)*10.5);color:#a7b2c5}.gd-rab{display:flex;gap:calc(var(--u)*6);align-items:center;margin-top:calc(var(--u)*5)}.gd-rb{display:inline-block;font-style:normal;font-size:calc(var(--u)*10.5);line-height:calc(var(--u)*16);background:#3a1520;border:calc(var(--u)*1) solid #7a2a36;color:#ff8a8d;border-radius:calc(var(--u)*4);padding:0 calc(var(--u)*7)}.gd-rb.gd-rb-o{background:transparent;border-color:#c5525f;color:#ff9da0}.gd-rai time{font-size:calc(var(--u)*10.5);color:#8190a8}.gd-s5 .gd-con{transform:translate(calc(var(--u)*-236),calc(var(--u)*-680)) scale(1.5)}.gd-spot{left:calc(var(--u)*160);top:calc(var(--u)*134);width:calc(var(--u)*960);height:calc(var(--u)*170);border-radius:calc(var(--u)*14);border:calc(var(--u)*2) solid #5677FF;box-shadow:0 0 0 calc(var(--u)*2400) rgba(4,7,12,.66);z-index:4;pointer-events:none}.gd-legend{left:calc(var(--u)*24);right:calc(var(--u)*24);top:calc(var(--u)*330);display:grid;grid-template-columns:repeat(5,1fr);gap:calc(var(--u)*12);z-index:6}.gd-legend>div{background:#fff;border-radius:calc(var(--u)*12);padding:calc(var(--u)*14) calc(var(--u)*14) calc(var(--u)*15);display:flex;gap:calc(var(--u)*10);box-shadow:0 calc(var(--u)*14) calc(var(--u)*34) rgba(0,0,0,.35)}.gd-legend i{width:calc(var(--u)*22);height:calc(var(--u)*22);border-radius:50%;background:#C7FF6B;color:#0B1220;font:700 calc(var(--u)*11.5)/calc(var(--u)*22) "Azeret Mono",monospace;text-align:center;font-style:normal;flex:none}.gd-legend span{font-size:calc(var(--u)*13.5);font-weight:600;color:#142444;line-height:1.35;overflow-wrap:break-word}.gd-legend small{display:block;font:600 calc(var(--u)*10.5)/1.2 "Azeret Mono",monospace;letter-spacing:.07em;text-transform:uppercase;color:#2445EB;margin-bottom:calc(var(--u)*5)}.gd-note{right:calc(var(--u)*36);bottom:calc(var(--u)*30);z-index:7;width:calc(var(--u)*440);background:#fff;border-radius:calc(var(--u)*14);padding:calc(var(--u)*16) calc(var(--u)*20) calc(var(--u)*16) calc(var(--u)*22);font:600 calc(var(--u)*19)/1.3 Geist,Inter,sans-serif;color:#142444;box-shadow:0 calc(var(--u)*18) calc(var(--u)*50) rgba(0,0,0,.4),inset calc(var(--u)*5) 0 0 #C7FF6B}.gd-num{display:inline-block;position:relative;overflow:hidden;vertical-align:bottom}.gd-n0{position:absolute;left:0;top:0;opacity:0}.gd-n1{display:inline-block}.gd-rai small .gd-mk,.gd-rab .gd-mk{right:calc(var(--u)*-27);top:50%;margin-top:calc(var(--u)*-10)}
.gd-demo{position:relative;margin-top:36px}.gd-list{list-style:none;margin:0;padding:0;display:grid;gap:44px}.gd-fig{margin:0;display:grid;gap:18px}.gd-fit .gd-stage{box-shadow:0 30px 70px rgba(4,8,20,.34),0 0 0 1px rgba(255,255,255,.10)}.gd-fig figcaption{max-width:60ch}.gd-k{display:block;font:600 .78rem/1 "Azeret Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--accent,var(--blue))}.gd-fig strong{display:block;font-family:Geist,Inter,sans-serif;font-size:1.3rem;line-height:1.3;font-weight:600;margin:10px 0 8px;color:var(--fg)}.gd-desc{display:block;font-size:.95rem;line-height:1.6;color:var(--fg2)}.gd-ctl{display:none}.gd-note-s{font-size:.9rem;color:var(--fg2);margin-top:14px}@media (min-width:980px){.gd-fig{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);align-items:center;gap:44px}html.sm .gd-demo{height:calc(var(--gdn) * 90vh + 100vh)}html.sm .gd-compact{height:calc(var(--gdn) * 62vh + 100vh)}html.sm .gd-sticky{position:sticky;top:90px;height:calc(100vh - 106px);display:flex;flex-direction:column;justify-content:center}html.sm .gd-list{gap:0}html.sm .gd-item{grid-area:1/1;opacity:0}html.sm .gd-item:first-child{opacity:1}html.sm .gd-fit{width:min(100%,calc((100vh - 250px) * 16 / 9))}html.sm .gd-ctl{display:flex;gap:10px;margin-top:22px;align-items:center}.gd-ctl button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--fg);font:600 .9rem/1 "Azeret Mono",monospace;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.gd-ctl button[aria-current="step"]{background:var(--accent,var(--blue));color:var(--navy);border-color:transparent}.gd-ctl button:focus-visible{outline:2px solid var(--accent,var(--blue));outline-offset:3px}}html.sm .sx-has>.wrap{position:relative;z-index:1}.sx-tone,.sx-out,.sx-dim,.sx-div{pointer-events:none}.sx-tone{position:absolute;inset:0;z-index:0;overflow:hidden}.sx-tone i{position:absolute;inset:0;opacity:0;will-change:opacity}.sx-tone .a{background:linear-gradient(180deg,#DCE4FF 0%,#E8EDFF 55%,rgba(232,237,255,0) 100%)}.sx-tone .b{background:linear-gradient(180deg,rgba(242,255,222,0) 0%,#F1FFD9 45%,#F6FFE8 100%)}.sx-out{position:absolute;inset:0;z-index:0;overflow:hidden}.sx-out span{position:absolute;left:0;white-space:nowrap;font:700 clamp(84px,12.5vw,210px)/1 Geist,Inter,sans-serif;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.4px rgba(36,69,235,.16);will-change:transform}.s-navy .sx-out span{-webkit-text-stroke-color:rgba(199,255,107,.16)}.sx-out .l1{top:4%}.sx-out .l2{bottom:6%;-webkit-text-stroke-color:rgba(25,187,215,.18)}.s-navy .sx-out .l2{-webkit-text-stroke-color:rgba(86,119,255,.30)}.sx-div{position:absolute;left:0;right:0;top:1px;height:clamp(34px,5vw,72px);transform:translateY(-100%);z-index:4;color:var(--bg)}.sx-div svg{display:block;width:100%;height:100%;fill:currentColor;transform-origin:50% 100%;will-change:transform}.sx-div .p2{opacity:0}html.sm .sx-under{position:relative;z-index:1}html.sm .sx-under>.wrap{transform-origin:50% 0;will-change:transform}.sx-dim{position:absolute;inset:0;z-index:5;background:#0B1220;opacity:0}html.sm .sx-over{position:relative;z-index:3;border-radius:44px 44px 0 0;box-shadow:0 -28px 60px rgba(11,18,32,.14)}html.sm .sx-clip{will-change:clip-path}@media (min-width:980px){html.sm section[data-sx=h]{height:calc(100vh + 760px);overflow-x:clip}html.sm section[data-sx=h]>.wrap{position:sticky;top:74px;height:calc(100vh - 74px);display:flex;flex-direction:column;justify-content:center}html.sm section[data-sx=h] .ess-grid{display:flex;gap:24px;width:max-content;align-items:start;will-change:transform}html.sm section[data-sx=h] .ess{width:min(430px,34vw);flex:none}}
/*GDEMO-END*/
/* v3: Services menu */
.nav-svc{position:relative}
.svc-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--ink);font:400 .9rem Inter,Arial,sans-serif;padding:8px 9px;border-radius:10px;cursor:pointer;min-height:40px}
.svc-btn:hover,.nav-svc.open .svc-btn{color:var(--blue)}.svc-btn.cur{color:var(--blue)}
.svc-car{width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .3s var(--out)}
.nav-svc.open .svc-car{transform:translateY(1px) rotate(225deg)}
.svc-panel{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:10px}
.js .svc-panel{position:absolute;top:calc(100% + 12px);left:-12px;width:560px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translate3d(0,-6px,0);transition:opacity .25s var(--ease),transform .35s var(--out),visibility 0s .35s;z-index:70}
.js .nav-svc.open .svc-panel{opacity:1;visibility:visible;transform:none;transition:opacity .25s var(--ease),transform .35s var(--out)}
.mainnav .svc-i{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;white-space:normal}
.mainnav .svc-i::after{display:none}
.mainnav .svc-i:hover,.mainnav .svc-i:focus-visible{background:var(--paper)}
.svc-i b{font:500 .98rem/1.2 Geist,Arial,sans-serif;color:var(--ink)}.svc-i span{font-size:.82rem;color:var(--muted);line-height:1.35}
.svc-i[aria-current="page"] b{color:var(--blue)}
.rm .svc-panel,.rm .svc-car{transition:none!important}
@media (max-width:1020px){.js .svc-panel{position:static;width:auto;box-shadow:none;border:0;padding:0 0 6px 8px;grid-template-columns:1fr;display:none;opacity:1;visibility:visible;transform:none}.js .nav-svc.open .svc-panel{display:grid}.svc-btn{width:100%;justify-content:space-between;padding:12px 10px;font-size:1rem}}
/* HERO-V3-START: v3 home hero directions (a reel, b tiles, c switcher), product-moment snippets and inner-page heroes. DRAFT. */
/* ---- product-moment snippets (.pm): HTML recreations, sized in em so one snippet works at any scale ---- */
.pm{--pm:15px;font-size:var(--pm);font-family:Inter,Arial,sans-serif;line-height:1.4;border-radius:1em;overflow:hidden;background:#fff;color:var(--ink);border:1px solid #D9DFEF;box-shadow:0 2.4em 4em -2.2em rgba(11,18,32,.45),0 .15em .5em rgba(11,18,32,.06);text-align:left}
.pm-bar{display:flex;align-items:center;gap:.7em;padding:.62em .9em;border-bottom:1px solid #E3E8F5;background:#F7F9FF}
.pm-dots{display:flex;gap:.32em}.pm-dots i{width:.6em;height:.6em;border-radius:50%;background:#C9D2E6}
.pm-t{font:600 .78em/1.2 "Azeret Mono",monospace;letter-spacing:.02em;color:var(--ink);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm .demo-tag{font-size:.66em;padding:.3em .6em}
.pm-body{padding:1.1em 1.2em 1.2em;position:relative}
.pm-k{display:block;font:500 .66em/1.3 "Azeret Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#52627B;margin:0 0 .35em}
.pm-ico{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pm-cap{margin:.9em 0 0;font:500 .8em/1.35 Geist,Arial,sans-serif;color:inherit;display:grid}
.pm-cap>span{grid-area:1/1;transition:opacity .5s var(--ease),transform .5s var(--out)}
.pm-cap .c1{opacity:0;transform:translateY(.4em)}
.pm.s1 .pm-cap .c0{opacity:0;transform:translateY(-.4em)}.pm.s1 .pm-cap .c1{opacity:1;transform:none}
/* Guardian: block screen, then the tool's page (dark console, colours from the product) */
.pm-g{background:#0D1526;color:#EAF0FB;border-color:#26324D}
.pm-g .pm-bar{background:#111A2E;border-bottom-color:#26324D}.pm-g .pm-t{color:#EAF0FB}.pm-g .pm-dots i{background:#33415F}
.pm-g .pm-body{display:grid;min-height:17.5em}
.g-blk,.g-tool{grid-area:1/1;border-radius:.8em;transition:transform .8s var(--out),opacity .6s var(--ease)}
.g-blk{background:linear-gradient(160deg,#4A1220,#2A0A12);border:1px solid #7a2a36;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45em;text-align:center;padding:1.3em 1em;transform-origin:50% 0}
.g-badge{font:700 .7em/1 Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;background:#ff5c66;color:#2A0A12;border-radius:999px;padding:.45em .8em}
.g-h{font:600 1.25em/1.15 Geist,Arial,sans-serif;color:#fff}
.g-nav{font-size:.78em;color:#F2C9CC}.g-nav code,.g-th code,.g-row code{font-family:"Azeret Mono",monospace;font-size:.95em}
.g-why{font-size:.78em;color:#F2C9CC}
.g-btn{margin-top:.4em;font:600 .78em/1 Inter,Arial,sans-serif;background:#ff5c66;color:#2A0A12;border-radius:.5em;padding:.6em 1em}
.g-tool{background:#111A2E;border:1px solid #26324D;padding:.9em;opacity:0;transform:translateY(1.6em) scale(.97)}
.pm-g.s1 .g-blk{transform:translateY(-.5em) scale(.9);opacity:.0}
.pm-g.s1 .g-tool{opacity:1;transform:none}
.g-th{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2em .7em}.g-th b{font:600 1.05em Geist,Arial,sans-serif}.g-th code{color:#9FB0CC;font-size:.74em}
.g-chips{display:flex;gap:.35em;width:100%}.g-chips i,.g-rb i{font-style:normal;font-size:.66em;line-height:1.6;border-radius:.35em;padding:0 .55em;background:#3a1520;border:1px solid #7a2a36;color:#ff9da0}
.g-rb i.o{background:transparent;border-color:#c5525f}
.g-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em;margin:.75em 0}
.g-kpi div{background:#0D1526;border:1px solid #26324D;border-radius:.55em;padding:.45em .6em}
.g-kpi small{display:block;font:500 .6em/1.2 "Azeret Mono",monospace;text-transform:uppercase;letter-spacing:.06em;color:#9FB0CC}
.g-kpi b{font:600 1.25em/1.2 Geist,Arial,sans-serif}.g-kpi .bk b{color:#ff9da0}
.g-ra{background:#0D1526;border:1px solid #26324D;border-radius:.55em;padding:.55em .65em}
.g-rah{display:block;font:600 .7em Geist,Arial,sans-serif;color:#EAF0FB;margin-bottom:.4em}
.g-row{display:flex;gap:.55em;align-items:flex-start;font-size:.76em;color:#C9D2E6}.g-row .pm-ico{color:#ff9da0;margin-top:.1em}
.g-row em{font-style:normal;font-weight:600;color:#fff}.g-row small{display:block;color:#9FB0CC;font-size:.9em;margin:.15em 0 .3em}
.g-rb{display:flex;gap:.35em;flex-wrap:wrap}.g-rb i{font-size:.82em}
.g-row time{margin-left:auto;white-space:nowrap;color:#9FB0CC;font-size:.88em}
.pm-g .pm-cap{color:#EAF0FB}
/* Decision Pack: a graded answer page */
.p-q{font:500 1.02em/1.3 Geist,Arial,sans-serif;margin:0 0 .75em;color:var(--ink)}
.p-r{font-size:.84em;color:#3B4A66;margin:0 0 .85em}
.p-grades{display:grid;grid-template-columns:repeat(4,1fr);gap:.3em;margin-bottom:.8em}
.p-grades span{font:600 .62em/1.2 Inter,Arial,sans-serif;text-align:center;border-radius:.5em;padding:.55em .3em;background:#F2F5FF;color:#52627B;border:1px solid #E3E8F5}
.p-grades span.on{background:#FFF4E2;color:#7A4A00;border-color:#F3B664;box-shadow:0 0 0 .18em rgba(243,182,100,.28)}
.p-rows{margin:0}.p-rows div{display:flex;justify-content:space-between;gap:1em;border-top:1px solid #E3E8F5;padding:.5em 0;font-size:.78em}
.p-rows dt{color:#52627B}.p-rows dd{margin:0;text-align:right;font-weight:500}.p-rows dd.amb{color:#8A5300}
/* Sprint: a decision inventory */
.s-head,.s-row{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:.8em;align-items:center}
.s-head{font:500 .62em/1.2 "Azeret Mono",monospace;text-transform:uppercase;letter-spacing:.08em;color:#52627B;padding-bottom:.5em;border-bottom:1px solid #E3E8F5}
.s-row{padding:.62em 0;border-bottom:1px solid #EEF1F8;font-size:.78em}
.s-row b{display:block;font-weight:600;color:var(--ink)}.s-row small{color:#52627B;font-size:.9em}
.s-how{color:#2B3A57}.s-rec{display:flex;gap:.35em;align-items:center;color:#0E6A4A;font-weight:500}.s-rec .pm-ico{color:#12865D}
.s-row.gap .s-rec{color:#8A5300}
.s-foot{display:flex;justify-content:space-between;align-items:center;gap:.8em;margin-top:.8em;font-size:.74em;color:#52627B}
.s-pill{background:var(--navy);color:#fff;border-radius:999px;padding:.4em .8em;font-weight:600;white-space:nowrap}
/* Discover: the monthly report (lime accent only on graphics, never as text on light) */
.d-top{display:grid;grid-template-columns:1fr 1.1fr;gap:1em;align-items:end}
.d-big{display:block;font:500 2.5em/1 Geist,Arial,sans-serif;letter-spacing:-.03em;color:var(--ink)}
.d-sub{display:block;font-size:.76em;color:#52627B;margin-top:.3em}
.d-bars div{display:grid;grid-template-columns:7.2em 1fr;align-items:center;gap:.5em;font-size:.68em;color:#3B4A66;margin:.28em 0}
.d-bars i{display:block;height:.62em;border-radius:.4em;background:#E3E8F5;position:relative;overflow:hidden}
.d-bars i::after{content:"";position:absolute;inset:0;background:var(--navy);transform-origin:left;transform:scaleX(var(--w))}
.d-steps{list-style:none;padding:0;margin:1em 0 .8em;display:grid;grid-template-columns:repeat(4,1fr);gap:.35em;counter-reset:d}
.d-steps li{font:600 .66em/1.2 Inter,Arial,sans-serif;color:var(--ink);background:#F2F5FF;border-radius:.5em;padding:.55em .5em;display:flex;align-items:center;gap:.4em}
.d-steps i{width:.75em;height:.75em;border-radius:50%;border:.16em solid var(--navy);flex:none}
.d-steps .st2 i{background:var(--lime);border-color:var(--navy)}.d-steps .st1 i{background:linear-gradient(90deg,var(--lime) 50%,transparent 50%)}
.d-fix{margin:0;font-size:.8em;color:#2B3A57;background:#F7F9FF;border:1px solid #E3E8F5;border-radius:.6em;padding:.6em .75em}
/* build-up when a snippet "plays" */
.pm.play .s-row{animation:pmRow .55s calc(.15s + var(--r)*.28s) var(--out) both}
.pm.play .p-grades span.on{animation:pmStamp .6s .7s var(--spring) both}
.pm.play .p-rows div{animation:pmRow .5s calc(1s + var(--d,0)*.2s) var(--out) both}.pm.play .p-rows div:nth-child(2){--d:1}.pm.play .p-rows div:nth-child(3){--d:2}
.pm.play .d-bars i::after{animation:pmBar .9s .2s var(--out) both}
.pm.play .d-steps li{animation:pmRow .45s calc(.5s + var(--d,0)*.18s) var(--out) both}.pm.play .d-steps li:nth-child(2){--d:1}.pm.play .d-steps li:nth-child(3){--d:2}.pm.play .d-steps li:nth-child(4){--d:3}
.pm.play .g-row{animation:pmRow .6s .5s var(--out) both}
@keyframes pmRow{from{opacity:0;transform:translate3d(0,.6em,0)}to{opacity:1;transform:none}}
@keyframes pmStamp{0%{transform:scale(1.35);opacity:0}100%{transform:none;opacity:1}}
@keyframes pmBar{from{transform:scaleX(0)}to{transform:scaleX(var(--w))}}

/* ---- shared hero frame ---- */
.hero.h3{min-height:0;display:block;padding:clamp(40px,5vw,64px) 0 clamp(36px,4vw,56px);background:var(--paper)}
.h3 .wrap{max-width:1320px}
.h3-tagline{display:inline-flex;align-items:center;gap:12px;font:500 1.02rem/1.2 Geist,Arial,sans-serif;color:var(--ink);margin:0 0 18px;padding:7px 14px 7px 8px;border-radius:999px;background:#fff;border:1px solid var(--line);opacity:0;animation:fadeUp .8s .05s var(--out) forwards}
.h3-mark{width:24px;height:24px;border-radius:50%;background:conic-gradient(from 200deg,var(--blue),var(--cyan),var(--blue));position:relative}
.h3-mark::after{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}
.h3 .big{font-size:clamp(3rem,5.6vw,5.9rem);line-height:.92}
.h3 .big.camp{font-size:clamp(2.4rem,3.7vw,3.6rem)}
.h3 .sub{margin-top:22px;max-width:44ch}
.h3 .ctas{margin:26px 0 10px}
.h3-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.h3-grid{position:absolute;right:0;top:0;width:60%;height:100%;background-image:radial-gradient(circle,rgba(20,36,68,.12) 1.2px,transparent 1.4px);background-size:28px 28px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}
.h3-ring{position:absolute;width:min(40vw,600px);aspect-ratio:1;right:-16vw;top:-30%;border-radius:50%;border:clamp(30px,4.6vw,70px) solid var(--blue);border-right-color:transparent;border-bottom-color:transparent;opacity:.95}
.h3-feat{background:#fff;border-bottom:1px solid var(--line)}
.h3-feat p{margin:0;padding:16px 0;font-size:.95rem;display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center}
.h3-feat b{font-family:Geist,Arial,sans-serif;font-weight:500;color:var(--ink)}
.h3-feat a{font-weight:600;text-decoration:none;color:var(--blue)}.h3-feat a:hover{text-decoration:underline}

/* ---- (a) product reel ---- */
.h3-a{min-height:calc(100vh - 104px)}
.h3-a .wrap{position:relative;z-index:3}
.h3-a .h3-copy{max-width:540px;min-height:min(560px,calc(100vh - 290px))}
.ra-stage{position:absolute;z-index:1;right:max(28px,calc((100vw - 1320px)/2 + 8px));top:36px;width:min(55vw,820px);height:calc(100% - 190px);perspective:1600px}
.h3-a::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,var(--paper) 0,var(--paper) 30%,rgba(242,245,255,0) 46%)}
.ra-slide{position:absolute;inset:0;opacity:0;transform:translate3d(60px,0,0) scale(.96);transition:opacity .8s var(--ease),transform 1s var(--out)}
.ra-slide.prev{transform:translate3d(-60px,0,0) scale(.96)}
.ra-slide.on{opacity:1;transform:none}
.ra-shot{position:absolute;left:9%;right:0;top:0;transform:rotateY(-9deg) rotateX(3deg);transform-origin:100% 50%}
.ra-shot .pm{--pm:clamp(13px,1.32vw,19px)}
.ra-cap{position:absolute;left:0;bottom:0;width:min(400px,62%);z-index:3;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px;transform:translate3d(0,14px,0);opacity:0;transition:transform .8s .2s var(--out),opacity .6s .2s var(--ease)}
.ra-slide.on .ra-cap{transform:none;opacity:1}
.ra-cap b{font:500 1.25rem/1.2 Geist,Arial,sans-serif;color:var(--ink)}.ra-cap>span:not(.ra-n){font-size:.9rem;color:var(--muted)}
.ra-cap a{font-weight:600;text-decoration:none;color:var(--blue);margin-top:4px}.ra-cap a:hover{text-decoration:underline}
.ra-n{color:var(--blue)}
.ra-ctrl{display:flex;align-items:stretch;gap:14px;margin-top:22px;border-top:1px solid var(--line);padding-top:14px}
.ra-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;flex:1}
.ra-tab{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:8px 10px 6px;border-radius:12px;min-height:44px}
.ra-tab:hover{background:rgba(36,69,235,.06)}.ra-tab:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.ra-tab b{font:500 1rem/1.2 Geist,Arial,sans-serif;color:var(--ink)}.ra-tab small{font-size:.8rem;color:var(--muted);line-height:1.35}
.ra-tab.on b{color:var(--blue)}
.ra-bar{display:block;height:3px;border-radius:3px;background:var(--line);overflow:hidden;margin-bottom:6px}
.ra-bar i{display:block;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left}
.ra-tab.on .ra-bar i{transform:scaleX(1)}
.h3-a.tick:not(.is-paused):not(.hov) .ra-tab.on .ra-bar i{animation:raBar var(--ms,6500ms) linear both}
.h3-a.is-paused .ra-tab.on .ra-bar i,.h3-a.hov .ra-tab.on .ra-bar i{animation:none;transform:scaleX(1)}
@keyframes raBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ---- (b) service tiles ---- */
.rb-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.24fr);gap:clamp(28px,4vw,60px);align-items:center}.rb-grid>*,.rc-grid>*{min-width:0}
.rb-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rb-t{opacity:0;animation:fadeUp .8s calc(.45s + var(--i)*.1s) var(--out) forwards}
.rb-a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .45s var(--out),box-shadow .45s var(--ease),border-color .3s}
.rb-a:hover,.rb-a:focus-visible,.rb-t.live .rb-a{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#B9C4E4}
.rb-a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.rb-t.hl .rb-a{box-shadow:0 0 0 2px var(--blue),var(--shadow)}
.rb-pv{display:block;height:clamp(128px,11.2vw,150px);overflow:hidden;position:relative;background:linear-gradient(160deg,#E9EEFF,#F7F9FF);padding:14px 14px 0}
.k-guardian .rb-pv{background:linear-gradient(160deg,#16213A,#0B1220)}
.k-discover .rb-pv{background:linear-gradient(160deg,#EFFFD6,#F7FFE9)}
.k-sprint .rb-pv{background:linear-gradient(160deg,#E2F8FC,#F4FCFE)}
.rb-pv .pm{--pm:9.6px;transform-origin:50% 0;transition:transform .6s var(--out)}
.rb-a:hover .rb-pv .pm,.rb-a:focus-visible .rb-pv .pm,.rb-t.live .rb-pv .pm{transform:translateY(-6px) scale(1.04)}
.rb-pv::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:linear-gradient(transparent,rgba(255,255,255,.0))}
.rb-txt{display:flex;flex-direction:column;gap:3px;padding:12px 16px 14px;flex:1}
.rb-k{color:var(--muted);font-size:.7rem}
.rb-txt b{font:500 1.12rem/1.2 Geist,Arial,sans-serif}.rb-txt b .arr{color:var(--blue);display:inline-block;transition:transform .3s var(--out)}
.rb-a:hover b .arr,.rb-a:focus-visible b .arr{transform:translateX(4px)}
.rb-l{font-size:.82rem;color:var(--muted);line-height:1.4}
.rb-m{margin-top:auto;padding-top:6px;font:600 .8rem Inter,Arial,sans-serif;color:var(--ink)}
.rb-ctl{display:flex;align-items:center;gap:14px;margin-top:14px}
.rb-t.live .rb-txt b{color:var(--blue)}

/* ---- (c) what do you need? ---- */
.rc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(28px,4vw,64px);align-items:center}
.h3-c .big{font-size:clamp(2.8rem,5vw,5.2rem)}
.rc-need{margin-top:24px;opacity:0;animation:fadeUp .9s .6s var(--out) forwards}
.rc-q{font:500 1.1rem Geist,Arial,sans-serif;margin:0 0 10px;color:var(--ink)}
.rc-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rc-tab{display:flex;align-items:center;gap:10px;text-align:left;min-height:48px;padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);font:500 .92rem/1.25 Inter,Arial,sans-serif;cursor:pointer;transition:border-color .3s,background-color .3s,transform .35s var(--out)}
.rc-tab:hover{border-color:var(--ink);transform:translateY(-1px)}
.rc-tab[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.rc-dot{width:10px;height:10px;border-radius:50%;border:2px solid currentColor;flex:none;transition:transform .3s var(--spring)}
.rc-tab[aria-selected="true"] .rc-dot{background:var(--lime);border-color:var(--lime);transform:scale(1.2)}
.rc-scene{position:relative}
.rc-stack{position:relative;height:clamp(330px,30vw,420px);perspective:1400px}
.rc-back{position:absolute;inset:6% 0 0 10%;border-radius:22px;background:var(--blue);transform:rotate(4deg);transition:transform .9s var(--out)}
.rc-back.b2{background:var(--cyan);inset:12% 6% -4% 18%;transform:rotate(-3deg);opacity:.9}
.rc-scene[data-on="1"] .rc-back.b1{transform:rotate(-3deg) translateX(-10px)}.rc-scene[data-on="1"] .rc-back.b2{transform:rotate(4deg)}
.rc-scene[data-on="2"] .rc-back.b1{transform:rotate(2deg) translateY(10px)}.rc-scene[data-on="2"] .rc-back.b2{transform:rotate(-6deg) translateX(12px)}
.rc-scene[data-on="3"] .rc-back.b1{transform:rotate(-5deg)}.rc-scene[data-on="3"] .rc-back.b2{transform:rotate(2deg) translateY(-8px)}
.rc-win{position:absolute;left:0;right:8%;top:0;opacity:0;transform:translate3d(0,26px,0) rotateX(8deg) scale(.95);transform-origin:50% 100%;transition:opacity .55s var(--ease),transform .9s var(--out);pointer-events:none}
.rc-win.on{opacity:1;transform:none}
.rc-win.out{transform:translate3d(-40px,-10px,0) rotateY(12deg) scale(.94)}
.rc-win .pm{--pm:clamp(12.5px,1.12vw,15.5px)}
.rc-chips{position:absolute;inset:0;pointer-events:none}
.rc-chip{position:absolute;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font:600 .84rem/1.2 Inter,Arial,sans-serif;box-shadow:var(--shadow-sm);opacity:0;transform:scale(.7);transition:opacity .4s var(--ease),transform .6s var(--spring)}
.rc-chip.c1{left:34%;top:-18px}.rc-chip.c2{left:-18px;bottom:6%}
.rc-chips.on .rc-chip{opacity:1;transform:none}.rc-chips.on .c2{transition-delay:.15s}
.rc-info{margin-top:20px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px}
.rc-info.on{animation:fadeUp .6s var(--out) both}
.rc-name{font:500 1.3rem/1.2 Geist,Arial,sans-serif;color:var(--ink)}
.rc-info p{flex-basis:100%;margin:0;color:var(--muted);font-size:.95rem;max-width:56ch}
.rc-go{font-weight:600;text-decoration:none;color:var(--blue)}.rc-go:hover{text-decoration:underline}
.rc-info{padding-right:120px}

/* ---- static modes: reduced motion and review screenshots ---- */
.rm .h3 *,.shot .h3 *{animation:none!important}
.rm .h3 .rb-t,.shot .h3 .rb-t,.rm .h3-tagline,.shot .h3-tagline,.rm .rc-need,.shot .rc-need{opacity:1!important;transform:none!important}
.rm .ra-slide,.rm .ra-cap,.rm .rc-win,.rm .rc-chip,.rm .g-blk,.rm .g-tool,.rm .rc-back,.rm .rb-a,.rm .rb-pv .pm,.rm .pm-cap>span{transition:none!important}
.rm .rb-t.live .rb-a,.shot .rb-t.live .rb-a{transform:none}
@media (prefers-reduced-motion:reduce){.h3 *{animation:none!important;transition:none!important}.h3 .rb-t,.h3-tagline,.rc-need{opacity:1!important;transform:none!important}}

/* ---- responsive ---- */
@media (max-width:1100px){.rb-grid{grid-template-columns:1fr}.rb-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.rb-pv{height:150px}.h3-b .h3-copy{max-width:640px}}
@media (max-width:980px){
 .hero.h3-a{display:flex;flex-direction:column;min-height:0}.h3-a::before{display:none}
 .h3-a .wrap{display:contents}.h3-a .h3-copy{order:1;min-height:0;padding:0 32px}
 .ra-stage{order:2;position:relative;right:auto;top:auto;width:auto;height:470px;margin:26px 20px 0}
 .ra-ctrl{order:3;margin:14px 32px 0}
 .ra-shot{left:0;transform:none}.ra-cap{width:auto;left:12px;right:12px}
 .ra-tabs{grid-template-columns:repeat(2,1fr)}
 .rc-grid{grid-template-columns:1fr}.rc-stack{height:360px;max-width:560px}
}
@media (max-width:760px){
 .rb-tiles{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -20px;padding:4px 20px 14px;scrollbar-width:thin}
 .rb-t{flex:0 0 78%;scroll-snap-align:start}
 .rb-pv{height:150px}
}
@media (max-width:640px){
 .h3 .wrap{padding:0 20px}.h3-a .h3-copy{padding:0 20px}.ra-ctrl{margin:12px 20px 0;flex-direction:column}
 .h3-tagline{font-size:.92rem}
 .h3 .big{font-size:clamp(2.7rem,13vw,3.6rem)}.h3-c .big{font-size:clamp(2.5rem,12vw,3.3rem)}
 .ra-stage{height:440px;margin:22px 12px 0}.ra-shot .pm{--pm:11.5px}.ra-tab small{display:none}
 .rc-tabs{grid-template-columns:1fr}.rc-stack{height:330px}.rc-win{right:0}.rc-win .pm{--pm:11.5px}.rc-chip{font-size:.76rem}.rc-chip.c2{left:-6px}
 .rc-info{padding-right:0}
 .h3-feat p{font-size:.9rem;gap:4px 16px}
}
/* ---- inner-page heroes (one pattern for every page) ---- */
.pagehero.ph3{padding:clamp(56px,7vw,96px) 0 clamp(56px,6vw,84px);background:var(--paper)}
.ph3 .h3-ring{width:min(30vw,420px);right:-12vw;top:-38%}
@media (min-width:981px){.ph3.has-vis .h3-ring{width:min(30vw,440px);right:-3vw;top:8%;border-width:clamp(26px,3.6vw,54px);opacity:.9}}
.ph3 .wrap{max-width:1320px}
.ph-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
.ph3.has-vis .ph-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.ph3 h1{font-size:clamp(2.5rem,4.8vw,4.6rem);line-height:1;letter-spacing:-.04em;max-width:17ch}
.ph3:not(.has-vis) h1{max-width:20ch}
.ph3 .lead{max-width:56ch}
.ph3 .ofacts{margin-top:20px}
.ph-vis{position:relative;opacity:0;animation:fadeUp .9s .25s var(--out) forwards}
.ph-vis::before{content:"";position:absolute;inset:8% -4% -6% 8%;border-radius:24px;background:linear-gradient(135deg,var(--blue),var(--cyan));transform:rotate(3deg);opacity:.95}
.ph-vis .pm{position:relative;--pm:clamp(13px,1.1vw,15.5px)}
.rm .ph-vis,.shot .ph-vis{animation:none;opacity:1}
@media (prefers-reduced-motion:reduce){.ph-vis{animation:none;opacity:1}}
@media (max-width:980px){.ph3.has-vis .ph-grid{grid-template-columns:1fr}.ph-vis{max-width:560px}}
@media (max-width:640px){.ph-vis .pm{--pm:12px}.ph-vis::before{inset:8% -2% -4% 6%}}
/* extra snippets */
.r-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45em}
.r-c{background:#F7F9FF;border:1px solid #E3E8F5;border-radius:.6em;padding:.55em .6em;display:flex;flex-direction:column;gap:.35em;font-size:.76em}
.r-c b{font-weight:600;line-height:1.25;color:var(--ink)}
.r-rag{align-self:flex-start;font:700 .78em/1 "Azeret Mono",monospace;letter-spacing:.06em;text-transform:uppercase;border-radius:.4em;padding:.35em .55em}
.r-rag.r{background:#FDE3E4;color:#9B1C24}.r-rag.a{background:#FFF0D6;color:#7A4A00}.r-rag.g{background:#DDF6E8;color:#0E6A4A}
.r-fix{margin:.8em 0 0;font-size:.8em;color:#2B3A57;background:#F7F9FF;border:1px solid #E3E8F5;border-radius:.6em;padding:.6em .75em}
.pm.play .r-c{animation:pmRow .45s calc(.1s + var(--r)*.12s) var(--out) both}
.s-head.rg,.s-row.rg{grid-template-columns:1.3fr 1.2fr 1fr .9fr}
.rg-st{font-style:normal;font-weight:600;font-size:.92em;border-radius:.4em;padding:.15em .5em}
.rg-st.ok{background:#DDF6E8;color:#0E6A4A}.rg-st.no{background:#FDE3E4;color:#9B1C24}.rg-st.ask{background:#FFF0D6;color:#7A4A00}
.rc-steps{list-style:none;margin:0;padding:0;display:grid;gap:.7em}
.rc-steps li{display:flex;gap:.8em;align-items:flex-start;background:#F7F9FF;border:1px solid #E3E8F5;border-radius:.8em;padding:.8em .9em}
.rc-steps b{display:block;font:500 1.02em/1.25 Geist,Arial,sans-serif;color:var(--ink)}.rc-steps small{color:#52627B;font-size:.84em}
.rc-n{width:1.9em;height:1.9em;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:700;flex:none}
.pm.play .rc-steps li{animation:pmRow .5s calc(.15s + var(--r)*.2s) var(--out) both}
.pm-brand{background:#fff}.pm-brand .pm-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;padding:3em 1.5em;text-align:center}
.pm-brand img{width:7.5em;height:auto}.pm-brand p{margin:0;font:500 1.6em/1.15 Geist,Arial,sans-serif;letter-spacing:-.02em;color:var(--ink)}
.t-l{list-style:none;margin:0 0 .9em;padding:0;display:grid;gap:.45em}
.t-l li{display:flex;gap:.55em;align-items:flex-start;font-size:.84em;color:#2B3A57}.t-l li .pm-ico{color:#12865D;margin-top:.1em}.t-l.no li .pm-ico{color:#9B1C24}
.pm.play .t-l li{animation:pmRow .45s calc(.1s + var(--r)*.12s) var(--out) both}
.pl-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.6em;align-items:end}
.pl-l li{display:flex;flex-direction:column;gap:.2em;font-size:.8em}
.pl-b{display:block;height:7em;position:relative;margin-bottom:.4em}.pl-b i{position:absolute;left:0;right:0;bottom:0;height:100%;border-radius:.5em .5em .2em .2em;background:linear-gradient(180deg,var(--blue),#5677FF);transform-origin:bottom;transform:scaleY(var(--h))}
.pl-l li:nth-child(4) .pl-b i{background:linear-gradient(180deg,var(--navy),#26324D)}
.pl-l b{font:500 1.05em Geist,Arial,sans-serif;color:var(--ink)}.pl-p{font-weight:700;color:var(--ink)}.pl-l small{color:#52627B;font-size:.85em}
.pl-n{margin:.9em 0 0;font-size:.78em;color:#52627B}
.pm.play .pl-b i{animation:plUp .8s calc(.15s + var(--r)*.12s) var(--out) both}
@keyframes plUp{from{transform:scaleY(0)}to{transform:scaleY(var(--h))}}
/* ---- v3 video options (d, e, f): full-bleed moving background ---- */
.hero.h3v{position:relative;overflow:hidden;color:#F2F5FF;background:var(--navy);min-height:min(100svh - 70px,880px);display:flex;align-items:center;padding:clamp(40px,4.5vw,64px) 0 24px}
.hv-media{position:absolute;inset:0;z-index:0}
.hv-poster,.hv-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hv-video{opacity:0;transition:opacity .8s var(--ease)}
.hv-on .hv-video{opacity:1}
.hv-ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,18,32,.95) 0%,rgba(11,18,32,.9) 40%,rgba(11,18,32,.5) 68%,rgba(11,18,32,.3) 100%),linear-gradient(0deg,rgba(11,18,32,.9) 0%,rgba(11,18,32,0) 34%)}
.h3v .wrap{position:relative;z-index:1;width:100%}
.h3v .h3-copy{max-width:640px}
.h3v .h3-tagline{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#F2F5FF;backdrop-filter:blur(6px)}
.h3v .h3-mark::after{background:var(--navy)}
.hero.h3v .big{color:#F2F5FF;font-size:clamp(3rem,5.2vw,5.6rem)}
.hero.h3v .big .ln:nth-child(2)>span{color:var(--cyan)}
.h3v .sub{color:#D5DCEC;margin-top:18px}
.hero.h3v .micro{color:#B7C2D8}
.h3v .btn-ghost{color:#F2F5FF}
.hv-foot{margin-top:clamp(22px,3vw,36px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;align-items:end}
.hv-lab{grid-column:1/-1;margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;min-height:2.2em;visibility:hidden}
.hv-on .hv-lab{visibility:visible}
.hv-lab.in{animation:hvLab .55s var(--out)}
.hv-n{font-size:.8rem;color:var(--lime);letter-spacing:.06em}
.hv-name{font:500 clamp(1.25rem,2vw,1.6rem)/1.15 Geist,Arial,sans-serif;color:#fff}
.hv-job{color:#D5DCEC;font-size:1rem}
@keyframes hvLab{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}
.hv-svcs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hv-svcs a{display:block;height:100%;text-decoration:none;color:#F2F5FF;padding:12px 14px;border-radius:14px;background:rgba(11,18,32,.62);border:1px solid rgba(255,255,255,.16);position:relative;overflow:hidden;transition:border-color .25s,background-color .25s,transform .45s var(--spring)}
.hv-svcs a::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--lime);transform:scaleX(0);transform-origin:left}
.hv-svcs a.on{border-color:rgba(199,255,107,.7);background:rgba(11,18,32,.8)}
.hv-svcs a.on::before{animation:hvBar 4.4s linear forwards}
.is-paused .hv-svcs a.on::before{animation-play-state:paused}
.hv-svcs a:hover,.hv-svcs a:focus-visible{border-color:#fff;transform:translateY(-2px)}
.hv-svcs b{display:block;font:600 .95rem/1.2 Inter,Arial,sans-serif}
.hv-svcs span{display:block;margin-top:4px;font-size:.8rem;line-height:1.35;color:#C3CCE0}
@keyframes hvBar{to{transform:scaleX(1)}}
.hv-pause{background:rgba(11,18,32,.7);color:#F2F5FF;border-color:rgba(255,255,255,.4)}
.hv-pause:hover{border-color:#fff}
.hv-foot .hv-svcs{grid-column:1}
.hv-foot .hv-pause{grid-column:2;align-self:end}
@media (max-width:1100px){.hv-svcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
 .hero.h3v{min-height:0;padding:40px 0 22px;align-items:flex-start}
 .hv-ov{background:linear-gradient(180deg,rgba(11,18,32,.93) 0%,rgba(11,18,32,.9) 70%,rgba(11,18,32,.95) 100%)}
 .hero.h3v .big{font-size:clamp(2.8rem,13vw,4rem)}
 .hv-foot{grid-template-columns:1fr}.hv-foot .hv-pause{grid-column:1;justify-self:start}
 .hv-svcs span{display:none}
}
@media (prefers-reduced-motion:reduce){.hv-video{display:none}.hv-lab.in{animation:none}.hv-svcs a.on::before{animation:none}}
.rm .hv-video,.shot .hv-video{display:none}
/* HERO-V3-END */
/* DISCOVER-AEO-START (v3, 9 Oct 2026): Discover video hero, AI answer simulator, AEO/GEO/SEO, pillars, deliverables, home Discover block */
/* video hero (shares the hero-D styles) */
.dvh .h3-copy{max-width:690px}
.dvh .hv-ov{background:linear-gradient(90deg,rgba(11,18,32,.96) 0%,rgba(11,18,32,.93) 46%,rgba(11,18,32,.55) 72%,rgba(11,18,32,.3) 100%),linear-gradient(0deg,rgba(11,18,32,.9) 0%,rgba(11,18,32,0) 34%)}
@media (max-width:760px){.dvh .hv-ov{background:linear-gradient(180deg,rgba(11,18,32,.93) 0%,rgba(11,18,32,.9) 70%,rgba(11,18,32,.95) 100%)}}
.dv-plate{display:inline-block;background:#fff;border-radius:16px;padding:10px 16px;margin:0 0 20px;box-shadow:0 18px 40px -20px rgba(0,0,0,.6)}
.dv-plate .dlockup{width:340px;margin:0}
.dvh .dv-line{color:var(--lime);font-size:clamp(1.05rem,1.5vw,1.3rem);margin:0 0 10px}
.hero.h3v.dvh .dv-h1{font-size:clamp(2.5rem,4.4vw,4.4rem);line-height:1.02;max-width:15ch;color:#F2F5FF}
@media (max-width:760px){.dv-plate{padding:8px 12px}.dv-plate .dlockup{width:320px;max-width:100%}.hero.h3v.dvh .dv-h1{font-size:clamp(2.2rem,10vw,3rem)}}
/* generic AI answer box (no assistant branding) */
.aibox{background:#fff;color:var(--ink);border-radius:22px;padding:20px 22px;box-shadow:0 30px 60px -30px rgba(11,18,32,.45);border:1px solid #E3E8F7}
.aibox-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:14px}.aibox-h .mono{white-space:nowrap}.aibox-h .demo-tag{margin-left:auto}
.aig{width:22px;height:22px;border-radius:50%;border:3px solid var(--blue);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 12px var(--cyan);flex:none}
.aiq{margin:0 0 14px auto;width:fit-content;max-width:88%;background:#EEF2FF;border-radius:18px 18px 4px 18px;padding:12px 16px;font-weight:500}
.aia{font-size:1.08rem;line-height:1.6;margin:0;min-height:5.2em}
.aia .hit{background:#E6F7EE;color:#0E5A30;padding:0 5px;border-radius:5px}
.aia .oth{background:#EEF1FA;color:#3D4B63;padding:0 5px;border-radius:5px}
.cite{font:700 .7rem "Azeret Mono",monospace;background:var(--blue);color:#fff;border-radius:5px;padding:1px 5px}
.aisrc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.aisrc .mono{font-size:.75rem;color:#52627B}
.scx{font:600 .8rem "Azeret Mono",monospace;border:1.5px solid #DDE3F2;border-radius:999px;padding:5px 10px}
.aist{display:inline-block;margin:12px 0 0;font-weight:600;font-size:.92rem;border-radius:999px;padding:6px 12px;min-height:0}
.aist:empty{display:none}
.aist.no{background:#FDECEC;color:#9A1C13}.aist.part{background:#FFF4E0;color:#7A4A00}.aist.yes{background:#E6F7EE;color:#0E5A30}
/* simulator */
.sim{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:start}
.sim-ctl{display:grid;gap:18px}
.sim-l{display:block;font-size:.78rem;color:var(--fg2);margin-bottom:8px}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg button{font:600 .95rem Inter,Arial,sans-serif;padding:10px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--card,#fff);color:var(--fg);cursor:pointer;min-height:44px}
.seg button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.seg button:focus-visible,.sim-sw button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.sim-q select{width:100%}
.sim-sw{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sim-sw button{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:12px 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--card,#fff);color:var(--fg);cursor:pointer;font:inherit}
.sim-sw button .small{display:block;color:var(--fg2)}
.sim-sw button[aria-checked="true"]{border-color:#2FB66B;background:#F1FBF5}
.sw{flex:none;width:46px;height:26px;border-radius:999px;background:#C9D1E6;position:relative;transition:background .25s}
.sw i{position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:transform .3s var(--spring)}
[aria-checked="true"] .sw{background:#1F8A50}[aria-checked="true"] .sw i{transform:translateX(20px)}
.sim-acts{display:flex;flex-wrap:wrap;gap:10px}
.sim-out{position:sticky;top:96px;display:grid;gap:14px}
.sim-meter{display:flex;align-items:center;gap:12px}.sim-meter .mono{font-size:.8rem;color:var(--fg2)}.sim-meter .rr-segs i{background:#DDE3F2}
.sim-why{margin:0;color:var(--fg);min-height:3em}
.sim-note{grid-column:1/-1;margin:0}
@media (max-width:900px){.sim{grid-template-columns:1fr}.sim-out{position:static}}
/* AEO GEO SEO */
.ag{position:relative;overflow:hidden}
.ag-k::before{content:attr(data-k)}.ag-k{position:absolute;right:-8px;top:-18px;font:600 5.5rem/1 Geist,Arial,sans-serif;letter-spacing:-.05em;color:rgba(36,69,235,.08)}
.ag h3 .thsub{display:block}
.ag-win{border-top:1px solid var(--line);padding-top:12px;margin:14px 0 0}
.geo3 td,.geo3 th{min-width:180px}
/* pillars */
.pil-found{display:flex;gap:18px;align-items:baseline;border:1px solid var(--line);border-radius:18px;padding:16px 20px;margin-bottom:18px;background:var(--card2,transparent)}
.pil-found .mono{color:var(--lime);font-size:.8rem;flex:none}.pil-found p{margin:0}
.pil-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pil{background:var(--card,#fff);border:1px solid var(--line);border-radius:20px;padding:18px;position:relative;overflow:hidden}
.pil h3{margin:6px 0 6px}.pil-q{margin:0 0 10px;color:var(--fg2)}.pil-n{font-size:.75rem;color:var(--fg2)}
.pil-vis{height:118px;border-radius:14px;background:#0F1830;margin-bottom:14px;position:relative;overflow:hidden;padding:10px;color:#E8EDFF;font-size:.72rem;line-height:1.3}
.pv-ent{display:grid;gap:6px}.pv-ent span{display:flex;justify-content:space-between;gap:8px;background:rgba(255,255,255,.06);border-radius:8px;padding:5px 8px}
.pv-ent i{font-style:normal;color:#9FF0C0}.pv-ent i::after{content:" ✓";color:var(--lime)}
.pv-sch{margin:0;font:500 .66rem/1.7 "Azeret Mono",monospace;color:#CFE0FF;white-space:pre}.pv-sch i{display:block;font-style:normal}
.pv-cit{position:relative;height:100%}.pv-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--lime);color:var(--navy);font-weight:700;border-radius:999px;padding:6px 12px}
.pv-n{position:absolute;background:#1B2A4F;border:1px solid #33456E;border-radius:999px;padding:3px 9px;white-space:nowrap}
.pv-n.a{left:0;top:0}.pv-n.b{right:0;top:8px}.pv-n.c{left:14%;bottom:0}
.pv-ans{display:grid;gap:8px}.pv-q{justify-self:end;background:#22357A;border-radius:12px 12px 3px 12px;padding:5px 9px}.pv-a{background:rgba(255,255,255,.08);border-radius:12px 12px 12px 3px;padding:6px 9px;color:#E8EDFF}
/* one-shot reveal animations (only when motion is allowed) */
@media (prefers-reduced-motion:no-preference){
 html:not(.rm):not(.shot) .pil.in .pv-ent span{animation:pvIn .6s var(--out) both}
 html:not(.rm):not(.shot) .pil.in .pv-ent span:nth-child(2){animation-delay:.25s}html:not(.rm):not(.shot) .pil.in .pv-ent span:nth-child(3){animation-delay:.5s}
 html:not(.rm):not(.shot) .pil.in .pv-sch i{animation:pvType .7s steps(18) both;overflow:hidden;white-space:nowrap}
 html:not(.rm):not(.shot) .pil.in .pv-sch i:nth-child(2){animation-delay:.6s}html:not(.rm):not(.shot) .pil.in .pv-sch i:nth-child(3){animation-delay:1.2s}
 html:not(.rm):not(.shot) .pil.in .pv-n{animation:pvIn .6s var(--spring) both}
 html:not(.rm):not(.shot) .pil.in .pv-n.b{animation-delay:.25s}html:not(.rm):not(.shot) .pil.in .pv-n.c{animation-delay:.5s}
 html:not(.rm):not(.shot) .pil.in .pv-hub{animation:pvPop .7s var(--spring) .8s both}
 html:not(.rm):not(.shot) .pil.in .pv-a{animation:pvIn .6s var(--out) .5s both}
}
@keyframes pvIn{from{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:none}}
@keyframes pvType{from{max-width:0}to{max-width:100%}}
@keyframes pvPop{from{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media (max-width:1100px){.pil-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.pil-grid{grid-template-columns:1fr}}
/* deliverables */
.dlv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dlv{border:1px solid var(--line);border-radius:18px;padding:16px 18px;background:var(--card,#fff);position:relative}
.dlv::before{content:"";position:absolute;left:18px;top:0;width:36px;height:4px;border-radius:0 0 4px 4px;background:var(--blue)}
.dlv-s{font-size:.72rem;color:var(--fg2)}.dlv h3{font-size:1.05rem;margin:6px 0}.dlv p{margin:0;color:var(--fg2)}
@media (max-width:1000px){.dlv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.dlv-grid{grid-template-columns:1fr}}
/* home Discover block */
.dh .lead{color:#D5DCEC}
.dh-stage{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:stretch}
.dh-ans{display:grid}.dh-ans .aia{grid-area:1/1;transition:opacity .35s,transform .45s var(--out)}
.dh-a1{opacity:var(--p,0);transform:translate3d(0,calc((1 - var(--p,0))*10px),0)}
.dh-a0{opacity:calc(1 - var(--p,0))}
.dh-stage:not(.after) .dh-a1,.dh-stage.after .dh-a0{visibility:hidden}
.dh-foot{display:grid;align-items:start}.dh-foot .aist{grid-area:1/1;justify-self:start;align-self:start}.dh-stage:not(.after) .dh-s1,.dh-stage.after .dh-s0{visibility:hidden}
.dh-side{display:grid;gap:16px;align-content:start}
.dh-score{background:#111A2E;border:1px solid #26324D;border-radius:20px;padding:16px 18px;display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:center}
.dh-score .mono{grid-column:1/-1;font-size:.75rem;color:#B7C2D8}.dh-score p{margin:0;color:#D5DCEC}.dh-score p b{color:#fff;font-size:1.15rem}
.dh-ring{position:relative;width:96px;height:96px}.dh-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.dh-ring circle{fill:none;stroke:#26324D;stroke-width:10}.dh-ring .dh-arc{stroke:var(--lime);stroke-linecap:round;transition:stroke-dashoffset .3s}
.dh-ring b{position:absolute;inset:0;display:grid;place-items:center;font:600 2rem Geist,Arial,sans-serif;color:#fff}
.dh-scrub label{display:block;font-size:.8rem;color:#D5DCEC;margin-bottom:8px}
.dh-scrub input{width:100%;accent-color:var(--lime);height:28px;cursor:ew-resize}
.dh-scrub input:focus-visible{outline:3px solid var(--lime);outline-offset:4px;border-radius:6px}
.dh-ends{display:flex;justify-content:space-between;font-size:.8rem;color:#B7C2D8}
.dh .hv-pause{justify-self:start}
.dh-note{margin:0;color:#B7C2D8}
.dh-pil{margin-top:48px}.dh-sub{font-size:.85rem;color:var(--lime);margin:0 0 14px;font-weight:500}
.dh .pil{background:#111A2E;border-color:#26324D}.dh .pil-q{color:#B7C2D8}.dh .pil-n{color:#B7C2D8}.dh .pil-vis{background:#0B1220;border:1px solid #26324D}
.dh-how-h{margin-top:56px}.dh-how{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px}
.dh-pin{position:relative}.dh-pin-in{position:sticky;top:110px}
.dh-pin-in .mono{color:var(--lime);font-size:.85rem}
.dh-big{position:relative;height:clamp(110px,14vw,190px);margin:8px 0}
.dh-bn{position:absolute;left:0;top:0;font:600 clamp(6rem,13vw,11rem)/1 Geist,Arial,sans-serif;letter-spacing:-.06em;color:#fff;opacity:0;transform:translate3d(0,30px,0);transition:opacity .45s,transform .6s var(--out)}
.dh-bn.on{opacity:1;transform:none}
.dh-prog{width:6px;height:120px;border-radius:6px;background:#26324D;overflow:hidden;margin:6px 0 12px}.dh-prog i{display:block;width:100%;height:100%;background:linear-gradient(180deg,var(--lime),var(--cyan));transform:scaleY(0);transform-origin:top}
.dh-pin-in .small{color:#B7C2D8;max-width:30ch}
.dh-steps{list-style:none;margin:0;padding:0}
.dh-step{min-height:38vh;display:flex;flex-direction:column;justify-content:center;border-left:2px solid #26324D;padding:0 0 0 26px;transition:border-color .4s}
.dh-step.on{border-color:var(--lime)}
.dh-step .mono{color:#8D9AB5;font-size:.8rem}.dh-step h3{font-size:clamp(1.5rem,2.6vw,2.2rem);margin:6px 0 8px;color:#8D9AB5;transition:color .4s}.dh-step p{color:#8D9AB5;max-width:46ch;margin:0;transition:color .4s}
.dh-step.on h3{color:#fff}.dh-step.on p{color:#D5DCEC}.dh-step.on .mono{color:var(--lime)}
.dh-how.still .dh-step,.rm .dh-step,.shot .dh-step{min-height:0;padding-bottom:22px}
.dh-how.still .dh-bn,.rm .dh-bn,.shot .dh-bn{transition:none}
.dh .ctas{margin-top:40px}.dh-micro{color:#B7C2D8;margin-top:10px}
@media (max-width:900px){.dh-stage{grid-template-columns:1fr}.dh-how{grid-template-columns:1fr;gap:0}.dh-pin{display:none}.dh-step{min-height:0;padding:14px 0 14px 20px;opacity:1}}
@media (prefers-reduced-motion:reduce){.dh-step{min-height:0;padding-bottom:22px;opacity:1}.dh-bn,.dh-ans .aia,.sw,.sw i{transition:none}}
/* DISCOVER-AEO-END */