/* Self-hosted Geist (SIL OFL), variable weight, latin subset */
@font-face{font-family:'Geist';font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/geist-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/geist-mono-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Layout: 1200px column on a midnight canvas; luminous aurora light behind key moments.
   Each practice owns a light: cloud = sky, security = violet, AI = mint. Single deliberate dark theme. */
:root{
  --bg:#070B1A; --bg-2:#0B1024; --surface:#10162E; --surface-2:#161E3B;
  --ink:#F3F6FC; --body:#AFBAD0; --muted:#7F8BA6; --line:rgba(150,172,222,.13); --line-2:rgba(150,172,222,.24);
  --brand:#3563FF; --brand-2:#C6F24E; --brand-hover:#5B82FF; --on-brand:#1A2206; --link:#9DB3FF;
  --grad:linear-gradient(110deg,#C6F24E 0%,#D9F58A 40%,#B8A6FF 100%);
  --grad-3:linear-gradient(100deg,#5B7CFF 0%,#B8A6FF 50%,#C6F24E 100%);
  --cloud:#7C9BFF; --cloud-soft:rgba(124,155,255,.1); --sec:#B8A6FF; --sec-soft:rgba(184,166,255,.11); --ai:#C6F24E; --ai-mark:#C6F24E; --ai-soft:rgba(198,242,78,.1);
  --navy:#0B1224; --navy-2:#111A31; --on-navy:#F3F6FC; --on-navy-2:#AFBAD0; --navy-line:rgba(150,172,222,.13);
  --indigo:#0B0A22; --on-indigo:#F3F2FF; --on-indigo-2:#B8B3E6; --indigo-mark:#CFC3FF; --indigo-line:rgba(207,195,255,.16);
  --good:#34D399; --warn:#FBBF24; --lg-a:#7C9BFF; --lg-b:#FFFFFF;
  --serif:"Geist","Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
  --sans:"Geist","Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --r:20px; color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 88px)}
body{margin:0;background:var(--bg);color:var(--body);font:400 1.0625rem/1.7 var(--sans);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
a{color:var(--link)}
p{margin:0}
h1,h2,h3{margin:0;color:var(--ink);text-wrap:balance}
:focus-visible{outline:2px solid var(--cloud);outline-offset:3px;border-radius:4px}
.wrap{width:100%;max-width:1232px;margin-inline:auto;padding-inline:16px}
@media (min-width:700px){.wrap{padding-inline:32px}}
.sec{padding-block:clamp(4.5rem,9vw,8rem)}
.serif{font-family:var(--serif);font-weight:600}
.h1{font:600 clamp(2.7rem,6vw,4.9rem)/1.03 var(--serif);letter-spacing:-.045em}
.h2{font:600 clamp(2.1rem,4.2vw,3.5rem)/1.07 var(--serif);letter-spacing:-.035em}
.h3{font:600 clamp(1.6rem,2.6vw,2.2rem)/1.15 var(--serif);letter-spacing:-.015em}
.lede{font-size:clamp(1.08rem,1.6vw,1.22rem);line-height:1.65;max-width:58ch}
.kicker{display:inline-flex;align-items:center;gap:.6rem;font-size:.92rem;font-weight:600;color:var(--k,var(--cloud))}
.pill{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem .9rem .4rem .65rem;border-radius:999px;font-size:.88rem;font-weight:600;color:var(--k);background:var(--ks)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--k,var(--cloud));flex:none}
.muted{color:var(--muted)}
.split{display:grid;gap:clamp(2rem,5vw,5rem);align-items:end}
@media (min-width:900px){.split{grid-template-columns:1fr 1fr}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.85rem 1.4rem;border-radius:10px;font-weight:600;text-decoration:none;background:var(--brand);color:var(--on-brand);transition:background .25s,transform .25s;border:0;font-family:inherit;font-size:1rem;cursor:pointer}
.btn:hover{background:var(--brand-hover);transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.row{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}
.link{color:var(--k,var(--link));font-weight:600;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;padding-bottom:2px;transition:background-size .3s}
.link:hover{background-size:100% 1.5px}
.tag{font-size:.75rem;padding:.2rem .6rem;border-radius:999px;box-shadow:inset 0 0 0 1px currentColor;opacity:.8;white-space:nowrap}

/* header */
.site-h{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s}
.site-h.scrolled{border-color:var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:76px}
.brand{display:flex;align-items:center}
.logo-svg{height:34px;width:auto;display:block}
.lg-a{fill:var(--lg-a)}.lg-b{fill:var(--lg-b)}
.menu{display:flex;align-items:center;gap:1.7rem;list-style:none;margin:0;padding:0;font-size:.95rem;font-weight:500}
.menu a{color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;position:relative}
.menu a:hover,.menu a[aria-current="page"]{color:var(--ink)}
.menu a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:2px;background:var(--k,var(--ink))}
.nav .btn{min-height:42px;padding:.6rem 1rem;font-size:.92rem}
.burger{display:none;background:none;border:0;color:var(--ink);width:44px;height:44px;cursor:pointer}
@media (max-width:1199px){
  .menu{display:none;position:absolute;left:0;right:0;top:76px;flex-direction:column;align-items:flex-start;gap:1.1rem;padding:1.4rem 16px 1.8rem;background:var(--bg);border-bottom:1px solid var(--line)}
  .menu.open{display:flex}
  .burger{display:grid;place-items:center}
  .nav>.btn{display:none}
  .menu a[aria-current="page"]::after{display:none}
}
.k-cloud{--k:var(--cloud);--ks:var(--cloud-soft)}
.k-sec{--k:var(--sec);--ks:var(--sec-soft)}
.k-ai{--k:var(--ai);--ks:var(--ai-soft)}

/* hero */
.hero{padding-block:clamp(3rem,7vw,6rem) clamp(3.5rem,7vw,6rem);position:relative}
.hero-grid{display:grid;gap:clamp(2.5rem,5vw,4.5rem);align-items:center}
@media (min-width:1000px){.hero-grid{grid-template-columns:1.05fr .95fr}}
.hero .h1 .b{color:var(--brand);display:block}
.status{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem .9rem .45rem .7rem;border-radius:999px;background:var(--bg-2);font-size:.88rem;font-weight:600;color:var(--ink)}
.status .dot{background:var(--good);animation:blink 1.4s ease-in-out infinite}
.facts{display:flex;flex-wrap:wrap;gap:.5rem 2.2rem;margin-top:2.6rem;padding-top:1.4rem;border-top:1px solid var(--line);font-size:.95rem;color:var(--muted)}
.facts b{color:var(--ink);font-weight:600}
.page-hero{padding-block:clamp(3rem,7vw,5.5rem) clamp(2.5rem,5vw,4rem)}
.crumbs{font-size:.88rem;color:var(--muted);margin-bottom:1.4rem}
.crumbs a{color:var(--muted)}

/* feed */
.feed{background:var(--navy);color:var(--on-navy-2);border-radius:24px;padding:1.5rem 1.4rem 1.3rem;box-shadow:0 50px 90px -50px rgba(10,26,51,.6);min-width:0}
.feed-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.feed-top b{display:flex;align-items:center;gap:.6rem;color:#fff;font-weight:600;font-size:.95rem}
.feed-top b .dot{background:#3DDC97;animation:blink 1.2s ease-in-out infinite}
.feed-top .tag{color:var(--on-navy-2)}
.feed-count{display:flex;align-items:baseline;gap:.8rem;margin-top:1rem;flex-wrap:wrap}
.feed-count strong{font:600 3.2rem/1 var(--serif);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.045em}
.feed-count span{font-size:.92rem}
.sweep{position:relative;height:3px;margin-top:1rem;border-radius:2px;background:rgba(234,241,250,.08);overflow:hidden}
.sweep::after{content:"";position:absolute;inset:0;width:40%;background:linear-gradient(90deg,transparent,#8EC0EC,transparent);animation:sweep 2s linear infinite}
.feed-list{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.6rem;height:27rem;overflow:hidden}
.ev{padding:.85rem 1rem;border-radius:14px;background:var(--evs);box-shadow:inset 0 0 0 1px rgba(234,241,250,.06);transition:background .5s,box-shadow .5s}
.ev.new{animation:slide .5s cubic-bezier(.2,.8,.2,1)}
.ev.pending{background:rgba(242,184,75,.1);box-shadow:inset 0 0 0 1px rgba(242,184,75,.45)}
.ev-h{display:flex;justify-content:space-between;align-items:center;font-size:.76rem;font-weight:600}
.ev-h .p{display:inline-flex;align-items:center;gap:.45rem;color:var(--evc)}
.ev-h .p i{width:6px;height:6px;border-radius:50%;background:var(--evc)}
.ev-h .s{color:#3DDC97}.ev.pending .ev-h .s{color:#F2B84B}
.ev-t{margin-top:.4rem;font-size:.95rem;line-height:1.4;color:#fff}
.ev-a{margin-top:.2rem;display:flex;justify-content:space-between;gap:.8rem;font-size:.88rem;line-height:1.4}
.ev-a b{color:var(--evc);white-space:nowrap}
.ev.c{--evc:#8EC0EC;--evs:rgba(142,192,236,.13)}.ev.s{--evc:#B3ACFF;--evs:rgba(179,172,255,.13)}.ev.a{--evc:#D6F58A;--evs:rgba(94,230,210,.12)}
.feed-sum{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--navy-line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;font-size:.76rem}
.feed-sum strong{display:block;font:600 1.65rem/1 var(--serif);font-variant-numeric:tabular-nums;margin-bottom:.25rem}

/* compare */
.compare{display:grid;gap:1.2rem}
@media (min-width:760px){.compare{grid-template-columns:1fr 1fr}}
.cmp{border-radius:22px;padding:1.8rem}
.cmp.a{background:var(--bg-2)}
.cmp.b{background:var(--cloud-soft);box-shadow:inset 0 0 0 1.5px var(--cloud)}
.cmp h3{font:600 .9rem var(--sans);color:var(--muted)}
.cmp.b h3{color:var(--cloud)}
.cmp ol{list-style:none;margin:1.3rem 0 0;padding:0;display:grid;gap:.9rem}
.cmp li{display:flex;gap:.9rem;align-items:center}
.cmp.a li{opacity:.78}
.cmp li i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;font-style:normal;font-weight:700;font-size:.9rem;color:var(--muted);box-shadow:inset 0 0 0 1.5px var(--line)}
.cmp.b li i{color:var(--cloud);box-shadow:inset 0 0 0 1.5px var(--cloud);transition:all .4s}
.cmp.b li.on i{background:var(--cloud);color:var(--bg)}
.cmp.b li.on span{color:var(--ink);font-weight:600}
.cmp .res{margin-top:1.5rem;padding-top:1.1rem;border-top:1px solid var(--line);font-size:.95rem}
.cmp.b .res{color:var(--ink);font-weight:600;border-color:color-mix(in srgb,var(--cloud) 30%,transparent)}

/* doorways */
.doors{display:grid;gap:1.2rem}
@media (min-width:900px){.doors{grid-template-columns:repeat(3,minmax(0,1fr))}}
.door{display:flex;flex-direction:column;gap:.6rem;padding:1.8rem;border-radius:20px;background:var(--ks);text-decoration:none;color:var(--body);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.door:hover{transform:translateY(-5px)}
.door .top{display:flex;justify-content:space-between;font-size:.88rem;font-weight:600;color:var(--k)}
.door strong{font:600 1.9rem/1.15 var(--serif);color:var(--ink);margin-top:.6rem}
.door .fig{margin-top:auto;padding-top:1.2rem;font:600 2.4rem/1 var(--serif);color:var(--k)}
.door .fig small{display:block;font:500 .88rem var(--sans);color:var(--muted);margin-top:.35rem}

/* steps */
.steps{list-style:none;margin:3.2rem 0 0;padding:0;display:grid;gap:1.8rem;position:relative}
@media (min-width:1000px){.steps{grid-template-columns:repeat(5,minmax(0,1fr))}
  .steps::before{content:"";position:absolute;top:21px;left:0;right:0;height:2px;background:var(--line)}
  .steps::after{content:"";position:absolute;top:21px;left:0;height:2px;width:var(--fill,100%);background:linear-gradient(90deg,var(--cloud),var(--sec),var(--ai-mark));transition:width 1s cubic-bezier(.6,0,.2,1)}}
.steps li{position:relative;z-index:1}
.steps .n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--bg);color:var(--sc);box-shadow:inset 0 0 0 2px var(--sc),0 0 0 6px var(--bg);transition:all .4s}
.steps li.on .n{background:var(--sc);color:var(--bg)}
.steps h3{font:600 1.45rem/1.2 var(--serif);margin-top:1.2rem}
.steps p{margin-top:.45rem;font-size:.95rem}
.steps li:nth-child(1),.steps li:nth-child(2){--sc:var(--cloud)}.steps li:nth-child(3){--sc:var(--sec)}.steps li:nth-child(4),.steps li:nth-child(5){--sc:var(--ai-mark)}

/* results */
.results{background:var(--navy);color:var(--on-navy-2)}
.results h2,.results .ink{color:#fff}
.stats{display:grid;gap:2rem;margin-top:2.6rem}
@media (min-width:700px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.stats div{padding-top:1.2rem;border-top:1px solid var(--navy-line)}
.stats strong{display:block;font:600 clamp(2.6rem,4.5vw,3.8rem)/1 var(--serif);color:#fff;letter-spacing:-.045em}
.stats span{display:block;margin-top:.6rem}
.quotes{display:grid;gap:2.5rem;margin-top:5rem;align-items:end}
@media (min-width:1000px){.quotes{grid-template-columns:8fr 4fr}}
.qstage{position:relative;min-height:15rem;min-width:0}
.q{margin:0;transition:opacity .7s}
.q[hidden]{display:none!important}
.q blockquote{margin:0;font:600 clamp(1.5rem,2.8vw,2.3rem)/1.32 var(--serif);color:#fff}
.q figcaption{margin-top:1.4rem;font-weight:600;color:#fff}
.q figcaption span{font-weight:600;color:var(--on-navy-2);margin-left:.5rem}
.qnav{display:grid;gap:.5rem}
.qnav button{all:unset;cursor:pointer;padding:.85rem 1.1rem;border-radius:12px;font-weight:600;color:var(--on-navy-2);transition:all .3s}
.qnav button[aria-pressed="true"]{color:#fff;background:rgba(255,255,255,.08);box-shadow:inset 2px 0 0 #8EC0EC}
.qnav button:focus-visible{outline:2px solid #8EC0EC}
.clients{margin-top:4rem;padding-top:1.8rem;border-top:1px solid var(--navy-line);display:grid;gap:1.2rem}
@media (min-width:900px){.clients{grid-template-columns:200px 1fr;align-items:center}}
.clients ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.8rem 2.2rem;font:600 1.35rem var(--serif);color:var(--on-navy)}

/* faq */
.faq-grid{display:grid;gap:2.5rem}
@media (min-width:1000px){.faq-grid{grid-template-columns:4fr 8fr;gap:5rem}}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1.2rem;padding:1.3rem 0;font:600 1.35rem/1.3 var(--serif);color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:600 1.6rem/1 var(--sans);color:var(--cloud);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 1.3rem;max-width:68ch}

/* cta + footer */
.cta{margin-inline:clamp(8px,2vw,24px);border-radius:28px;background:linear-gradient(135deg,#144996,#0F3A7A 60%,#0A1A33);color:#DCE8F6;padding-block:clamp(4rem,8vw,6rem);position:relative;overflow:hidden}
.cta h2{color:#fff}
.cta .lede{color:#C9DAEE;margin-top:1.2rem}
.cta .row{margin-top:2rem}
.cta .btn{background:#fff;color:#144996}.cta .btn:hover{background:#DCE8F6}
.cta .contact{color:#fff;font-weight:600;user-select:all}
.cta .ladder{position:absolute;right:4%;top:-8%;width:min(340px,40vw);opacity:.12;pointer-events:none}
.site-f{margin-top:24px;background:var(--navy);color:var(--on-navy-2);padding-block:4rem 2rem;font-size:.95rem}
.site-f .lg-a{fill:#8EC0EC}.site-f .lg-b{fill:#FFFFFF}
.fgrid{display:grid;gap:2rem}
@media (min-width:700px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.fgrid{grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr}}
.site-f h3{font:600 .95rem var(--sans);color:var(--on-navy);margin-bottom:.9rem}
.site-f ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.site-f a{color:var(--on-navy-2);text-decoration:none}.site-f a:hover{color:#fff}
.site-f address{font-style:normal;line-height:1.6}
.legal{margin-top:3rem;padding-top:1.3rem;border-top:1px solid var(--navy-line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.88rem}

/* practice pages */
.tint-cloud{background:linear-gradient(180deg,var(--bg),var(--cloud-soft) 12%,var(--cloud-soft) 88%,var(--bg))}
.tint-ai{background:linear-gradient(180deg,var(--bg),var(--ai-soft) 12%,var(--ai-soft) 88%,var(--bg))}
.panel{background:var(--bg);border-radius:26px;padding:clamp(1.4rem,3vw,2.2rem);box-shadow:0 40px 80px -55px color-mix(in srgb,var(--k) 70%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--k) 18%,transparent)}
.chart-grid{display:grid;gap:2rem}
@media (min-width:1000px){.chart-grid{grid-template-columns:7fr 5fr}}
.rate{display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap}
.rate strong{font:600 clamp(2.4rem,4vw,3.2rem)/1 var(--serif);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.045em}
.rate em{font-style:normal;font-weight:700;color:var(--good)}
.chart{width:100%;height:auto;display:block;margin-top:1rem}
.chart .g line{stroke:var(--line)}
.chart .g text,.chart .lbl{fill:var(--muted);font:500 12px var(--sans)}
.chart .base{fill:none;stroke:var(--muted);stroke-width:2;stroke-dasharray:6 6;opacity:.55}
.chart .line{fill:none;stroke:var(--cloud);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dashoffset 1.1s cubic-bezier(.6,0,.2,1)}
.chart .pin circle{fill:var(--bg);stroke:var(--cloud);stroke-width:2;transition:fill .4s}
.chart .pin text{fill:var(--cloud);font:700 12px var(--sans);transition:fill .4s}
.chart .pin.on circle{fill:var(--cloud)}.chart .pin.on text{fill:var(--bg)}
.moves{list-style:none;margin:.8rem 0 0;padding:0}
.moves li{display:flex;gap:.9rem;align-items:center;padding:.8rem 0;border-top:1px solid var(--line);transition:opacity .4s;opacity:.5}
.moves li.on{opacity:1}
.moves i{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;font-style:normal;font-size:.8rem;font-weight:700;color:var(--cloud);box-shadow:inset 0 0 0 1.5px var(--cloud);transition:all .4s}
.moves li.on i{background:var(--cloud);color:var(--bg)}
.moves div{flex:1;min-width:0}
.moves b{display:block;color:var(--ink);font-size:.95rem;line-height:1.35}
.moves small{color:var(--muted);font-size:.82rem}
.moves em{font-style:normal;font-weight:700;color:var(--cloud);white-space:nowrap}
.caps{display:grid;column-gap:2.5rem}
@media (min-width:700px){.caps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.caps{grid-template-columns:repeat(3,minmax(0,1fr))}}
.caps div{padding-block:1.3rem;border-top:1px solid color-mix(in srgb,var(--k) 25%,transparent)}
.caps small{display:block;font-size:.78rem;font-weight:700;letter-spacing:.07em;color:var(--k)}
.caps b{display:block;margin-top:.35rem;color:var(--ink);font-size:1.05rem}
.caps p{margin-top:.25rem;font-size:.95rem}
.loop-wrap{display:grid;gap:2.5rem;align-items:center}
@media (min-width:1000px){.loop-wrap{grid-template-columns:5fr 7fr}}
.loop{position:relative;height:340px;max-width:560px;width:100%;margin-inline:auto}
.loop .ring{position:absolute;left:50%;top:50%;width:230px;height:230px;margin:-115px 0 0 -115px;border-radius:50%;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--cloud) 25%,transparent)}
.loop .orb{position:absolute;inset:0;animation:spin 8s linear infinite}
.loop .orb::before{content:"";position:absolute;left:50%;top:-8px;margin-left:-8px;width:16px;height:16px;border-radius:50%;background:var(--cloud);box-shadow:0 0 0 6px color-mix(in srgb,var(--cloud) 20%,transparent)}
.loop .mid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}
.loop .mid strong{display:block;font:600 2.3rem/1 var(--serif);color:var(--cloud)}
.loop .st{position:absolute;width:170px;font-size:.88rem;line-height:1.45}
.loop .st b{display:block;font-size:1rem;color:var(--ink);transition:color .4s}
.loop .st.on b{color:var(--cloud)}
.loop .st-top{left:50%;top:0;transform:translateX(-50%);text-align:center;width:220px}
.loop .st-right{right:0;top:50%;transform:translateY(-50%)}
.loop .st-bottom{left:50%;bottom:0;transform:translateX(-50%);text-align:center;width:220px}
.loop .st-left{left:0;top:50%;transform:translateY(-50%);text-align:right}
@media (max-width:560px){.loop{height:auto}.loop .ring,.loop .mid{display:none}.loop .st{position:static;transform:none!important;width:auto!important;text-align:left!important;padding:.7rem 0;border-top:1px solid var(--line)}}
.est{display:grid;gap:2.5rem;align-items:center}
@media (min-width:900px){.est{grid-template-columns:1fr 1fr}}
.est label{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:1.8rem;font-weight:600;color:var(--ink)}
.est output{font:600 1.8rem var(--serif);color:var(--cloud);font-variant-numeric:tabular-nums}
.est input[type=range]{width:100%;margin-top:1rem;accent-color:var(--cloud);height:28px}
.est .rng{display:flex;justify-content:space-between;font-size:.82rem;color:var(--muted)}
.bars{display:grid;gap:.9rem}
.bars .b{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;align-items:center;font-size:.9rem}
.bars .t{height:44px;border-radius:12px;background:color-mix(in srgb,var(--cloud) 12%,transparent);overflow:hidden}
.bars .t i{display:flex;align-items:center;justify-content:flex-end;height:100%;padding-right:.8rem;border-radius:12px;font-style:normal;font-weight:600;color:#fff;white-space:nowrap;min-width:4.6rem;transition:width .5s}
.bars .b0 i{background:#9FB4CC;color:#0A1A33;width:100%}.bars .b1 i{background:#1B75BC;width:60%}.bars .b2 i{background:#0F4F8C;width:10%}
.save{padding-top:1rem;border-top:1px solid var(--line)}
.save strong{display:block;font:600 clamp(2rem,3.4vw,2.6rem)/1.05 var(--serif);color:var(--ink);font-variant-numeric:tabular-nums}
.nextbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem 1.6rem;border-radius:18px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}
.nextbar a{display:inline-flex;align-items:center;gap:.6rem;font-weight:600;color:var(--k);text-decoration:none}

/* security page */
.indigo{background:var(--indigo);color:var(--on-indigo-2);--k:var(--indigo-mark)}
.indigo h1,.indigo h2,.indigo h3,.indigo b{color:var(--on-indigo)}
.indigo .crumbs,.indigo .crumbs a{color:var(--on-indigo-2)}
.indigo .pill{--ks:rgba(179,172,255,.14)}
.indigo .btn.ghost{color:var(--on-indigo);box-shadow:inset 0 0 0 1.5px rgba(241,240,255,.3)}
.ipanel{border-radius:24px;padding:clamp(1.4rem,3vw,2.1rem);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(179,172,255,.16);min-width:0}
.sec-grid{display:grid;gap:1.2rem}
@media (min-width:1000px){.sec-grid{grid-template-columns:7fr 5fr}}
.replay{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:1.5rem;position:relative}
.replay::before{content:"";position:absolute;left:17px;top:18px;bottom:18px;width:2px;background:rgba(179,172,255,.16)}
.replay li{display:grid;grid-template-columns:36px 58px 1fr;gap:1rem;align-items:start;position:relative}
.replay .d{width:36px;height:36px;border-radius:50%;background:var(--indigo);box-shadow:inset 0 0 0 2px rgba(179,172,255,.3);transition:all .4s}
.replay .tm{padding-top:.4rem;font-weight:700;font-variant-numeric:tabular-nums;color:rgba(189,185,228,.5);transition:color .4s}
.replay b{display:block;padding-top:.3rem;font-size:1.08rem;color:rgba(241,240,255,.5)!important;transition:color .4s}
.replay p{font-size:.95rem;margin-top:.15rem}
.replay li.on .d{background:var(--indigo-mark);box-shadow:0 0 0 6px rgba(179,172,255,.18)}
.replay li.on .tm{color:var(--indigo-mark)}
.replay li.on b{color:var(--on-indigo)!important}
.reach{display:grid;gap:1.1rem;margin-top:1.6rem}
.reach .l{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:.45rem}
.reach .t{height:14px;border-radius:7px;background:rgba(179,172,255,.12)}
.reach .t i{display:block;height:100%;border-radius:7px;background:var(--indigo-mark);transition:width 1.4s cubic-bezier(.6,0,.2,1)}
.big{font:600 clamp(2.8rem,5vw,3.8rem)/1 var(--serif);letter-spacing:-.045em;color:var(--k)}
.fw{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0}
.fw li{padding:.5rem .9rem;border-radius:10px;font-weight:600;font-size:.92rem;color:var(--on-indigo);background:rgba(179,172,255,.08);box-shadow:inset 0 0 0 1px rgba(179,172,255,.3)}
.indigo .caps div{border-color:var(--indigo-line)}
.indigo .nextbar{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--indigo-line);color:var(--on-indigo)}

/* ai page */
.prod{display:grid;gap:2.5rem}
@media (min-width:1000px){.prod{grid-template-columns:5fr 7fr}}
.checks{list-style:none;margin:1.3rem 0 0;padding:0;display:grid;gap:.6rem}
.checks li{display:flex;gap:.7rem;color:var(--ink);line-height:1.5}
.checks svg{flex:none;margin-top:3px;stroke:var(--ai-mark)}
.net{position:relative;border-radius:22px;border:2px dashed color-mix(in srgb,var(--ai-mark) 60%,transparent);padding:1.6rem 1.4rem 1.3rem;background:var(--ai-soft)}
.net>span{position:absolute;top:-12px;left:20px;padding:.1rem .6rem;border-radius:6px;background:var(--bg);font-size:.72rem;font-weight:700;letter-spacing:.07em;color:var(--ai)}
.term{background:var(--navy);border-radius:14px;padding:1rem 1.1rem;color:#EAF1FA;min-height:3.4rem;line-height:1.6}
.term b{color:#D6F58A}
.cur{display:inline-block;width:2px;height:1em;background:#D6F58A;vertical-align:-2px;margin-left:2px;animation:blink 1s steps(1) infinite}
.trail{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.55rem}
.trail li{display:flex;align-items:center;gap:.6rem;font-size:.95rem;color:var(--muted);opacity:.6;transition:all .3s}
.trail li::before{content:"";width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--ai-mark);transition:all .3s}
.trail li.on{opacity:1;color:var(--ink)}
.trail li.on::before{background:var(--ai-mark);box-shadow:0 0 0 4px color-mix(in srgb,var(--ai-mark) 20%,transparent)}
.ans{margin-top:1rem;padding:.9rem 1rem;border-radius:14px;background:var(--bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ai-mark) 35%,transparent);transition:opacity .5s,transform .5s}
.ans.off{opacity:0;transform:translateY(8px)}
.ans small{font-weight:700;letter-spacing:.05em;color:var(--ai)}
.ans p{color:var(--ink)}
.out{display:flex;align-items:center;gap:.8rem;margin-top:1rem;padding:1rem 1.2rem;border-radius:16px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);font-size:.95rem;color:var(--muted)}
.out b{color:var(--ink)}
.ph{color:var(--muted);font-style:italic}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.metrics div{padding:1.1rem;border-radius:16px;background:var(--ai-soft)}
.metrics strong{display:block;font:600 2rem/1 var(--serif);color:var(--ai)}
.metrics span{display:block;margin-top:.4rem;font-size:.85rem}

/* generic cards */
.cards{display:grid;gap:1.2rem}
@media (min-width:760px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.card{padding:1.7rem;border-radius:20px;background:var(--cs,var(--bg-2))}
.card h3{font:600 1.6rem/1.2 var(--serif)}
.card p{margin-top:.6rem}
.eco{display:flex;flex-wrap:wrap;gap:.6rem 1.8rem;list-style:none;margin:0;padding:0;font:600 1.3rem var(--serif);color:var(--ink)}
.offices{display:grid;gap:2rem}
@media (min-width:760px){.offices{grid-template-columns:1fr 1fr}}
.office small{font-weight:600;color:var(--cloud)}
.office h3{margin:.4rem 0 .7rem}
.office address{font-style:normal;margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--line);color:var(--ink)}
.form{display:grid;gap:1rem}
.form .two{display:grid;gap:1rem}
@media (min-width:640px){.form .two{grid-template-columns:1fr 1fr}}
.form label{display:grid;gap:.4rem;font-weight:600;color:var(--ink);font-size:.95rem}
.form input,.form select,.form textarea{font:inherit;font-weight:600;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:10px;padding:.75rem .9rem;min-height:48px;width:100%}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--cloud)}
.form .done{padding:1rem 1.2rem;border-radius:12px;background:var(--cloud-soft);color:var(--ink)}
.copy{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.copy code{font:600 1.05rem var(--sans);color:var(--ink);user-select:all}
.copy button{font:inherit;font-size:.85rem;font-weight:600;padding:.4rem .8rem;border-radius:8px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;min-height:36px}

@keyframes blink{50%{opacity:.25}}
@keyframes sweep{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
@keyframes slide{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes rise{from{opacity:.001;transform:translateY(14px)}to{opacity:1;transform:none}}
.rise{animation:rise .8s cubic-bezier(.2,.8,.2,1) both}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.sec-grid>*,.chart-grid>*,.prod>*,.split>*{min-width:0}
.panel,.ipanel{max-width:100%}
.replay li{grid-template-columns:36px 48px minmax(0,1fr)}
@media (max-width:560px){.panel .tag,.ipanel .tag{display:none}.feed-sum{grid-template-columns:1fr 1fr 1fr;font-size:.7rem}}

/* ================= modern layer ================= */
body{background:var(--bg);font-feature-settings:"ss01","cv11"}
::selection{background:rgba(198,242,78,.4);color:#070B1A}
.h1{font-size:clamp(2.8rem,6.4vw,5.4rem);line-height:.98;font-weight:600}
.h2{font-weight:600;line-height:1.02}
.h3{font-weight:600}
.grad-text,.hero .h1 .b{color:#C6F24E;background:none}
.kicker,.pill,.tag,.caps small,.status,.feed-top .tag,.ans small,.net>span,.crumbs{font-family:var(--mono);letter-spacing:.02em}
.kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}
.pill{background:var(--ks);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k) 35%,transparent);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}
.dot{box-shadow:0 0 12px var(--k,var(--cloud))}

/* buttons */
.btn{background:#C6F24E;color:#1A2206;box-shadow:0 10px 30px -12px rgba(198,242,78,.7),inset 0 1px 0 rgba(255,255,255,.5);transition:background .25s,transform .25s,box-shadow .25s}
.btn:hover{background:#D6F77A;color:#1A2206;box-shadow:0 14px 40px -10px rgba(198,242,78,.85),inset 0 1px 0 rgba(255,255,255,.6)}
.btn.ghost{background:rgba(255,255,255,.04);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2);backdrop-filter:blur(8px)}
.btn.ghost:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}

/* header */
.site-h{background:rgba(7,11,26,.74);backdrop-filter:blur(18px) saturate(140%)}
.site-h.scrolled{border-color:var(--line)}
.menu a{color:var(--muted)}
.menu a:hover,.menu a[aria-current="page"]{color:var(--ink)}
@media (max-width:1199px){.menu{background:var(--bg-2)}}

/* aurora + grid */
.hero,.page-hero{position:relative;isolation:isolate;overflow:hidden}
.hero::before,.page-hero::before{content:"";position:absolute;inset:-20% -10% auto -10%;height:120%;z-index:-2;pointer-events:none;
  background:radial-gradient(40% 45% at 72% 30%,rgba(53,99,255,.34),transparent 70%),radial-gradient(30% 35% at 90% 65%,rgba(184,166,255,.26),transparent 70%),radial-gradient(28% 30% at 55% 80%,rgba(198,242,78,.16),transparent 70%);
  filter:blur(10px);animation:aurora 18s ease-in-out infinite alternate}
.hero::after,.page-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(150,172,222,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(150,172,222,.06) 1px,transparent 1px);background-size:64px 64px;
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 60% 30%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 60% 30%,#000 25%,transparent 75%)}
@keyframes aurora{to{transform:translate(-4%,3%) scale(1.06)}}
.page-hero.k-cloud::before{background:radial-gradient(45% 50% at 75% 25%,rgba(124,155,255,.32),transparent 70%),radial-gradient(30% 35% at 20% 90%,rgba(53,99,255,.2),transparent 70%)}
.page-hero.indigo::before{background:radial-gradient(45% 50% at 75% 25%,rgba(184,166,255,.36),transparent 70%),radial-gradient(35% 40% at 15% 85%,rgba(184,166,255,.12),transparent 70%)}
.page-hero.k-ai::before{background:radial-gradient(45% 50% at 75% 25%,rgba(198,242,78,.28),transparent 70%),radial-gradient(35% 40% at 20% 85%,rgba(124,155,255,.16),transparent 70%)}
.status{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink);font-size:.78rem}
.facts{border-top:0;background:linear-gradient(90deg,rgba(124,155,255,.5),rgba(184,166,255,.5),rgba(198,242,78,.5)) 0 0/100% 1px no-repeat}

/* glass surfaces with gradient hairline */
.glass,.feed,.panel,.ipanel,.cmp,.door,.card,.nextbar,.metrics div,.out{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px var(--line),0 30px 80px -40px rgba(0,0,0,.8);backdrop-filter:blur(10px)}
.feed{background:linear-gradient(180deg,rgba(20,29,53,.85),rgba(11,18,36,.9));box-shadow:0 0 0 1px rgba(125,184,255,.18),0 40px 120px -30px rgba(53,99,255,.45),0 0 80px -40px rgba(184,166,255,.6)}
.feed::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--grad-3);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;pointer-events:none}
.feed-count strong{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sweep::after{background:linear-gradient(90deg,transparent,#7C9BFF,#B8A6FF,transparent)}
.ev{backdrop-filter:blur(4px)}
.ev.c{--evc:#9DB3FF;--evs:rgba(124,155,255,.1)}.ev.s{--evc:#CFC3FF;--evs:rgba(184,166,255,.12)}.ev.a{--evc:#D6F58A;--evs:rgba(198,242,78,.1)}
.ev.pending{background:rgba(251,191,36,.08);box-shadow:inset 0 0 0 1px rgba(251,191,36,.45)}
.ev-h .s{color:var(--good)}.ev.pending .ev-h .s{color:var(--warn)}

/* compare */
.cmp.a{opacity:.85}
.cmp.b{background:linear-gradient(180deg,rgba(124,155,255,.12),rgba(124,155,255,.03));box-shadow:inset 0 0 0 1px rgba(124,155,255,.45),0 30px 80px -40px rgba(124,155,255,.5)}
.cmp.b li.on i{background:var(--cloud);color:#06121F;box-shadow:0 0 16px rgba(124,155,255,.6)}
.cmp .res{border-color:var(--line)}

/* practice doors */
.door{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));overflow:hidden;color:var(--body)}
.door::before{content:"";position:absolute;right:-30%;top:-40%;width:90%;height:90%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--k) 35%,transparent),transparent 65%);transition:transform .6s,opacity .6s;opacity:.7;pointer-events:none}
.door::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(160deg,color-mix(in srgb,var(--k) 70%,transparent),transparent 45%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.door:hover::before{transform:scale(1.25);opacity:1}
.door:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px var(--line),0 40px 90px -40px color-mix(in srgb,var(--k) 70%,transparent)}
.door>*{position:relative}
.door .fig{color:var(--k);text-shadow:0 0 30px color-mix(in srgb,var(--k) 55%,transparent)}
.door .top{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}

/* steps */
.steps .n{background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--sc),0 0 0 6px var(--bg)}
.steps li.on .n{background:var(--sc);color:#06121F;box-shadow:0 0 0 6px var(--bg),0 0 24px var(--sc)}
.steps::before{background:var(--line)}
.steps::after{background:var(--grad-3)}
.steps li:nth-child(1),.steps li:nth-child(2){--sc:var(--cloud)}.steps li:nth-child(3){--sc:var(--sec)}.steps li:nth-child(4),.steps li:nth-child(5){--sc:var(--ai)}

/* results band */
.results{position:relative;isolation:isolate;overflow:hidden;background:var(--bg-2);border-block:1px solid var(--line)}
.results::before{content:"";position:absolute;left:50%;top:-30%;width:120%;height:80%;transform:translateX(-50%);z-index:-1;background:radial-gradient(50% 50% at 50% 50%,rgba(53,99,255,.16),transparent 70%)}
.stats div{border-color:var(--line)}
.stats strong{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.qnav button[aria-pressed="true"]{background:rgba(255,255,255,.06);box-shadow:inset 2px 0 0 var(--brand-2)}
.clients ul{color:var(--ink);opacity:.8}

/* faq */
.faq summary{font-weight:500;font-size:1.2rem}
.faq summary::after{color:var(--brand-2)}
.faq details{border-color:var(--line)}

/* cta */
.cta{background:radial-gradient(60% 90% at 85% 10%,rgba(184,166,255,.55),transparent 60%),radial-gradient(50% 80% at 10% 100%,rgba(198,242,78,.35),transparent 60%),linear-gradient(135deg,#2A4FD6,#152A7A 60%,#0A1020);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 50px 120px -50px rgba(53,99,255,.7)}
.cta .btn{background:#C6F24E;color:#1A2206;box-shadow:0 12px 30px -10px rgba(0,0,0,.5)}
.cta .btn:hover{background:#D6F77A}

/* footer */
.site-f{background:#04060D;border-top:1px solid var(--line)}
.site-f .lg-a{fill:#7C9BFF}

/* practice pages */
.tint-cloud{background:linear-gradient(180deg,var(--bg),#0A1233 20%,#0A1233 80%,var(--bg))}
.tint-ai{background:linear-gradient(180deg,var(--bg),#10150A 20%,#10150A 80%,var(--bg))}
.panel{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k,var(--brand)) 28%,transparent),0 40px 100px -50px color-mix(in srgb,var(--k,var(--brand)) 60%,transparent)}
.chart .line{stroke:url(#lineGrad);filter:drop-shadow(0 0 8px rgba(124,155,255,.6))}
.chart .pin circle{fill:var(--bg)}
.chart .pin.on circle{fill:var(--cloud)}.chart .pin.on text{fill:#06121F}
.moves li.on i{background:var(--cloud);color:#06121F;box-shadow:0 0 14px rgba(124,155,255,.55)}
.bars .b0 i{background:#2A3552;color:var(--ink)}.bars .b1 i{background:linear-gradient(90deg,#2A4FD6,#7C9BFF)}.bars .b2 i{background:linear-gradient(90deg,#8CB82E,#C6F24E);color:#1A2206}
.bars .t{background:rgba(124,155,255,.08)}
.est input[type=range]{accent-color:#7C9BFF}
.rate strong{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.loop .ring{box-shadow:inset 0 0 0 1.5px rgba(124,155,255,.3),0 0 60px -10px rgba(124,155,255,.35)}
.loop .orb::before{box-shadow:0 0 0 6px rgba(124,155,255,.18),0 0 24px #7C9BFF}
.indigo{background:var(--indigo)}
.ipanel{background:linear-gradient(180deg,rgba(207,195,255,.08),rgba(207,195,255,.02));box-shadow:inset 0 0 0 1px var(--indigo-line),0 40px 100px -50px rgba(184,166,255,.6)}
.replay li.on .d{box-shadow:0 0 0 6px rgba(207,195,255,.16),0 0 22px #CFC3FF}
.reach .t i{background:linear-gradient(90deg,#B8A6FF,#E4DCFF);box-shadow:0 0 16px rgba(207,195,255,.6)}
.big{background:linear-gradient(120deg,#CFC3FF,#E4DCFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.net{background:rgba(198,242,78,.06);border-color:rgba(198,242,78,.45)}
.net>span{background:var(--bg);color:var(--ai)}
.term{background:#050810;box-shadow:inset 0 0 0 1px var(--line)}
.ans{background:var(--surface);box-shadow:inset 0 0 0 1px rgba(198,242,78,.35)}
.trail li.on::before{box-shadow:0 0 0 4px rgba(198,242,78,.2),0 0 12px #C6F24E}
.metrics div{background:rgba(198,242,78,.07)}
.card{background:linear-gradient(180deg,var(--cs,rgba(255,255,255,.05)),rgba(255,255,255,.015))}
.form input,.form select,.form textarea{background:rgba(255,255,255,.03);border-color:var(--line-2);color:var(--ink)}
.form input:focus,.form select:focus,.form textarea:focus{border-color:#7C9BFF;box-shadow:0 0 0 4px rgba(124,155,255,.15)}
.form .done{background:rgba(124,155,255,.1);color:var(--ink)}
.copy button{background:rgba(255,255,255,.04);border-color:var(--line-2);color:var(--ink)}
.office small{color:var(--cloud);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}
.office address{border-color:var(--line)}
@media (prefers-reduced-motion:reduce){.hero::before,.page-hero::before{animation:none}}

/* cobalt + lime accents */
.cloud-cobalt{color:#7C9BFF}
.site-h .btn{min-height:42px}
.chart .pin.on text,.moves li.on i,.steps li.on .n,.cmp.b li.on i{color:#070B1A}
.feed-count strong{background:none;color:#C6F24E}
.qnav button[aria-pressed="true"]{box-shadow:inset 2px 0 0 #C6F24E}
.faq summary::after{color:#C6F24E}
.status .dot{background:#C6F24E;box-shadow:0 0 10px #C6F24E}
.feed-top b .dot{background:#C6F24E}
.ev-h .s{color:#C6F24E}

/* ================= going-live components ================= */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.legal-links{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;align-items:center}
.legal-links button,.link-btn{all:unset;cursor:pointer;color:inherit;text-decoration:underline;text-underline-offset:3px}
.link-btn{color:#C6F24E;font-weight:600}
.legal-links button:focus-visible,.link-btn:focus-visible{outline:2px solid #C6F24E;outline-offset:3px}
.contact-list{margin-top:2.4rem;display:grid;gap:1.1rem}
.contact-list .muted{font-size:.85rem;font-weight:600;font-family:var(--mono);letter-spacing:.04em}
.form h2{margin-bottom:.3rem}
.form .opt{font-weight:400;color:var(--muted)}
.form .err{min-height:1em;font-size:.85rem;font-weight:500;color:#FF8A8A}
.form .check{display:flex;gap:.7rem;align-items:flex-start;font-weight:400;font-size:.92rem;color:var(--body)}
.form .check input{width:20px;height:20px;min-height:0;margin-top:2px;accent-color:#C6F24E;flex:none}
.form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form button[disabled]{opacity:.6;cursor:wait}
.form .done{padding:1rem 1.2rem;border-radius:12px;background:rgba(198,242,78,.1);box-shadow:inset 0 0 0 1px rgba(198,242,78,.35);color:var(--ink)}
.form .done.error{background:rgba(255,138,138,.1);box-shadow:inset 0 0 0 1px rgba(255,138,138,.4)}

.timeline{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;gap:0}
.timeline li{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:1.5rem;padding:1.4rem 0;border-top:1px solid var(--line)}
.timeline .yr{font:600 1.4rem var(--sans);color:#C6F24E}
.timeline h3{font:600 1.3rem var(--sans)}
.timeline p{margin-top:.35rem}
@media (max-width:560px){.timeline li{grid-template-columns:1fr;gap:.4rem}}
.people{list-style:none;margin:2.2rem 0 0;padding:0;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.people li{display:grid;gap:.3rem;padding:1.4rem;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px var(--line)}
.people .avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#070B1A;background:linear-gradient(135deg,#3563FF,#C6F24E);margin-bottom:.6rem}
.people b{color:var(--ink);font-size:1.05rem}
.people span:last-child{color:var(--muted);font-size:.92rem}

.legal-grid{display:grid;gap:2.5rem}
@media (min-width:1000px){.legal-grid{grid-template-columns:260px minmax(0,1fr);gap:4rem}}
.toc{align-self:start;font-size:.92rem}
@media (min-width:1000px){.toc{position:sticky;top:110px}}
.toc b{display:block;color:var(--ink);margin-bottom:.8rem;font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.toc ol{margin:0;padding-left:1.1rem;display:grid;gap:.45rem}
.toc a{color:var(--muted);text-decoration:none}.toc a:hover{color:var(--ink)}
.prose{max-width:72ch;min-width:0}
.prose .lede{margin-bottom:2.2rem}
.prose section{padding-top:1.8rem;margin-top:1.8rem;border-top:1px solid var(--line)}
.prose h2{font:600 1.35rem var(--sans);margin-bottom:.8rem}
.prose p+p{margin-top:.8rem}
.prose ul{margin:.6rem 0 0;padding-left:1.2rem;display:grid;gap:.5rem}
.prose b{color:var(--ink)}
.tbl{overflow-x:auto;margin-top:.6rem}
.tbl table{border-collapse:collapse;width:100%;min-width:560px;font-size:.92rem}
.tbl th,.tbl td{text-align:left;padding:.75rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}
.tbl th{color:var(--ink);font-weight:600}

/* cookie banner */
.cookie{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:70;max-width:560px;padding:1.2rem 1.3rem;border-radius:18px;background:rgba(16,22,46,.96);backdrop-filter:blur(14px);box-shadow:0 0 0 1px var(--line-2),0 30px 80px -20px rgba(0,0,0,.8);display:grid;gap:.9rem;font-size:.92rem;color:var(--body)}
.cookie a{color:#C6F24E}
.cookie .btn{min-height:42px;padding:.55rem 1rem;font-size:.9rem}

/* chat */
.chat{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.chat-fab{display:inline-flex;align-items:center;gap:.55rem;min-height:52px;padding:0 1.2rem;border-radius:999px;border:0;cursor:pointer;font:600 .95rem var(--sans);color:#1A2206;background:#C6F24E;box-shadow:0 14px 40px -12px rgba(198,242,78,.7),0 0 0 6px rgba(198,242,78,.12);transition:transform .25s}
.chat-fab:hover{transform:translateY(-2px)}
.chat-fab:focus-visible{outline:2px solid #fff;outline-offset:3px}
.chat.open .chat-fab span{display:none}
.chat.open .chat-fab{width:52px;padding:0;justify-content:center}
.chat-panel{order:-1;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100vh - 120px));display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#0D1330;box-shadow:0 0 0 1px var(--line-2),0 40px 100px -30px rgba(0,0,0,.85),0 0 80px -40px rgba(53,99,255,.8)}
.chat-panel[hidden]{display:none!important}
.chat-panel header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.1rem;background:linear-gradient(135deg,#2A4FD6,#152A7A);color:#fff}
.chat-panel header b{display:block;font-size:1rem}
.chat-panel header span{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:#DCE4FF}
.chat-panel header .dot{background:#C6F24E;width:7px;height:7px}
.chat-x{background:none;border:0;color:#fff;font-size:1.6rem;line-height:1;width:40px;height:40px;cursor:pointer;border-radius:10px}
.chat-x:hover{background:rgba(255,255,255,.12)}
.chat-log{list-style:none;margin:0;padding:1rem;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem}
.chat-log li{max-width:85%;padding:.7rem .9rem;border-radius:16px;font-size:.92rem;line-height:1.5;animation:slide .3s ease}
.chat-log .bot{align-self:flex-start;background:rgba(255,255,255,.07);color:var(--ink);border-bottom-left-radius:6px}
.chat-log .me{align-self:flex-end;background:#3563FF;color:#fff;border-bottom-right-radius:6px}
.chat-log .typing{display:flex;gap:4px;padding:.9rem 1rem}
.chat-log .typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:blink 1s infinite}
.chat-log .typing i:nth-child(2){animation-delay:.15s}.chat-log .typing i:nth-child(3){animation-delay:.3s}
.chat-quick{display:flex;flex-wrap:wrap;gap:.45rem;padding:0 1rem .7rem}
.chat-quick:empty{display:none}
.chat-quick button{font:500 .85rem var(--sans);padding:.5rem .8rem;border-radius:999px;border:1px solid rgba(198,242,78,.5);background:rgba(198,242,78,.08);color:#DDF79A;cursor:pointer;min-height:36px}
.chat-quick button:hover{background:rgba(198,242,78,.16)}
.chat-in{display:flex;gap:.5rem;padding:.7rem;border-top:1px solid var(--line)}
.chat-in[hidden]{display:none}
.chat-in input{flex:1;min-width:0;font:inherit;font-size:.95rem;color:var(--ink);background:rgba(255,255,255,.05);border:1px solid var(--line-2);border-radius:12px;padding:.6rem .8rem;min-height:44px}
.chat-in input:focus{outline:none;border-color:#C6F24E}
.chat-in button{width:44px;height:44px;border:0;border-radius:12px;background:#C6F24E;color:#1A2206;cursor:pointer;display:grid;place-items:center}
.chat-note{margin:0;padding:0 1rem .8rem;font-size:.75rem;color:var(--muted)}
.chat-note a{color:var(--muted)}
@media (max-width:560px){.chat-fab span{display:none}.chat-fab{width:52px;padding:0;justify-content:center}}

/* ================= QA fixes ================= */
[hidden]{display:none!important}
.faq summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1.2rem;overflow-wrap:break-word}
.cmp.a{opacity:1}
.cmp.a li{opacity:1}
.cmp.a li span{color:var(--muted)}
.skip{position:absolute;left:16px;top:-100px;z-index:100;padding:.7rem 1rem;border-radius:10px;background:#C6F24E;color:#1A2206;font-weight:600;text-decoration:none;transition:top .2s}
.skip:focus{top:calc(12px + env(safe-area-inset-top,0px))}
main:focus{outline:none}
.form input[aria-invalid="true"],.form textarea[aria-invalid="true"]{border-color:#FF8A8A}
@media (max-width:700px){.chat{bottom:calc(16px + env(safe-area-inset-bottom,0px) + var(--ck,0px))}}
.step-h{font:600 1.45rem/1.2 var(--sans);margin-top:1.2rem;color:var(--ink)}
.ans{transition:opacity .5s,transform .5s,visibility 0s}
.ans.off{visibility:hidden;transition:opacity .5s,transform .5s,visibility 0s .5s}
.page-hero .h1{font-size:clamp(2.5rem,4.8vw,4.3rem)}
.loop .ring{width:200px;height:200px;margin:-100px 0 0 -100px}
.loop .st{width:150px}
.loop .st-top,.loop .st-bottom{width:240px}
@media (min-width:561px){.loop{height:390px}}

/* ================= logos and credentials ================= */
.logo-wall{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem 1rem;align-items:center}
.logo-wall li{display:flex;align-items:center;justify-content:center;height:78px;border-radius:14px;transition:background .3s}
.logo-wall li:hover{background:rgba(255,255,255,.04)}
.logo-wall img,.partner-strip img,.partner-groups img{max-width:100%;height:auto;filter:brightness(0) invert(1);opacity:.72;transition:opacity .3s}
.logo-wall img{max-height:46px;width:auto}
.logo-wall li:hover img,.partner-strip li:hover img,.partner-groups li:hover img{opacity:1}
.clients{margin-top:4rem}
@media (min-width:900px){.clients{grid-template-columns:180px 1fr}}

.partners-home{margin-top:3.5rem;padding-top:1.8rem;border-top:1px solid var(--line)}
.partners-home>p{font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.partner-strip{list-style:none;margin:1.4rem 0 0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem 2.6rem}
.partner-strip li{display:flex;align-items:center;min-height:40px}
.partner-strip img{width:auto;max-height:34px}
.partner-groups{display:grid;gap:2rem}
@media (min-width:760px){.partner-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}
.partner-groups h3{font-family:var(--mono);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-bottom:.9rem;border-bottom:1px solid var(--line);margin-bottom:.4rem}
.partner-groups ul{list-style:none;margin:0;padding:0;display:grid}
.partner-groups li{display:flex;align-items:center;min-height:64px;border-bottom:1px solid var(--line)}
.partner-groups img{width:auto;max-height:36px}
.wordmark{font:700 1.2rem/1 var(--sans);letter-spacing:.02em;color:#fff;opacity:.72;transition:opacity .3s}
li:hover .wordmark{opacity:1}
.iconmark{display:inline-flex;align-items:center;gap:.55rem;font:600 1.2rem/1 var(--sans);color:#fff;opacity:.72;transition:opacity .3s}
.iconmark img{filter:brightness(0) invert(1);opacity:1!important}
li:hover .iconmark{opacity:1}

.recog{display:flex;align-items:center;gap:1rem;margin-top:1.6rem}
.aws-badge{flex:none;width:96px;height:96px;border-radius:12px;background:#fff;padding:6px;box-shadow:0 10px 30px -12px rgba(0,0,0,.6)}
.recog p{font-size:.88rem;line-height:1.45;max-width:20ch;color:var(--on-navy-2)}
.recog b{color:var(--on-navy);font-weight:600}
.cred{display:flex;align-items:center;gap:.8rem;margin-top:1.4rem;font-size:.92rem;color:var(--body)}
.cred img{width:44px;height:44px;border-radius:8px;background:#fff;padding:3px;flex:none}
.cred b{color:var(--ink);font-weight:600}
.facts span:nth-child(3) b{color:#FF9900}
.logo-wall img{opacity:.82}
.logo-wall li:has(img[alt="Jubilant FoodWorks"]) img{max-height:56px}
@media (max-width:560px){
  .logo-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .8rem}
  .logo-wall li{height:62px}
  .logo-wall img{max-height:30px;max-width:85%}
  .logo-wall li:has(img[alt="Jubilant FoodWorks"]) img{max-height:42px}
  .partner-strip{gap:1.2rem 1.8rem}
  .partner-strip img{max-height:26px}
}
.clients .logo-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem 1rem;font:inherit;opacity:1;color:inherit}
@media (max-width:560px){.clients .logo-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .8rem}}
/* vSense panel */
.channels{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.channels li{font:500 .78rem/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ai);background:var(--ai-soft);border:1px solid rgba(198,242,78,.22);padding:.55rem .75rem;border-radius:999px}
.vs-chat{display:grid;gap:.55rem;padding:1.1rem;border-radius:18px;background:var(--bg-2);border:1px solid var(--line)}
.vs-chat p{margin:0;max-width:85%;padding:.7rem .9rem;border-radius:14px;font-size:.92rem;line-height:1.45}
.vs-chat .u{justify-self:end;background:var(--surface-2);color:var(--ink);border-bottom-right-radius:4px}
.vs-chat .b{justify-self:start;background:var(--ai-soft);color:var(--ink);border:1px solid rgba(198,242,78,.2);border-bottom-left-radius:4px}
.vs-chat .h{justify-self:center;max-width:none;padding:.3rem .7rem;font:500 .74rem/1.3 var(--mono);color:var(--muted);border:1px dashed var(--line-2);border-radius:999px}
@media (max-width:480px){#vsense .metrics strong{font-size:1.4rem;white-space:nowrap}#vsense .metrics div{padding:.85rem}}
.vs-note{margin-top:1.4rem;padding:.9rem 1rem;border-radius:14px;border:1px solid var(--line);background:rgba(198,242,78,.05);font-size:.92rem;line-height:1.55;color:var(--body)}
.vs-note b{color:var(--ink)}
/* ===== C-level layer: trust band, role strip, executive summary ===== */
.k-brand{--k:#9DB3FF;--ks:rgba(53,99,255,.14)}
.trust{padding:clamp(1.6rem,3.5vw,2.4rem) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(16,22,46,.55),rgba(7,11,26,0))}
.trust-in{display:grid;gap:1.3rem;justify-items:center;text-align:center}
.trust-k{margin:0;font:600 .78rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.trust .logo-wall{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.4rem 2.6rem;list-style:none;margin:0;padding:0}
.trust .logo-wall img{filter:brightness(0) invert(1);opacity:.78}
.trust-cred{display:flex;align-items:center;gap:.8rem;color:var(--body);font-size:.92rem}
.trust-cred b{color:var(--ink)}
.trust-cred img{border-radius:8px;flex:none}
.roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2.6rem}
.role{display:flex;flex-direction:column;gap:.7rem;padding:1.5rem;border-radius:var(--r);border:1px solid var(--line);border-top:2px solid var(--k);background:linear-gradient(180deg,var(--ks),rgba(16,22,46,.4));color:var(--body);text-decoration:none;transition:transform .3s,border-color .3s}
.role:hover{transform:translateY(-3px);border-color:var(--line-2)}
.role-k{font:600 .76rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--k)}
.role strong{font:600 1.2rem/1.3 var(--sans);color:var(--ink)}
.role-go{margin-top:auto;padding-top:.6rem;font-weight:600;color:var(--k)}
.exec{padding:0 0 clamp(1rem,2vw,1.5rem);margin-top:-1px}
.exec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:1.4rem;border:1px solid var(--line);border-radius:var(--r);background:rgba(16,22,46,.6)}
.exec-grid div{padding:.2rem .6rem;border-left:2px solid var(--k)}
.exec-grid dt{font:600 .76rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--k);margin-bottom:.6rem}
.exec-grid dd{margin:0;color:var(--ink);line-height:1.55}
@media (max-width:1024px){.roles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.roles,.exec-grid{grid-template-columns:1fr}.trust .logo-wall{gap:1.1rem 1.8rem}}
/* Impact page */
.draft-bar{background:#FBBF24;color:#1A1400;font:600 .85rem/1.4 var(--mono);text-align:center;padding:.6rem 1rem}
.cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.case{display:flex;flex-direction:column;gap:1rem;padding:1.8rem;border-radius:var(--r);border:1px solid var(--line);border-top:2px solid var(--k);background:linear-gradient(180deg,var(--ks),rgba(16,22,46,.45))}
.case-top{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.88rem}
.case .h3{color:var(--ink)}
.case-fig{display:flex;align-items:baseline;gap:.7rem;padding:1rem 1.1rem;border-radius:14px;background:rgba(7,11,26,.5)}
.case-fig strong{font:600 2.2rem/1 var(--sans);color:var(--k)}
.case blockquote{margin:auto 0 0;padding-left:1rem;border-left:2px solid var(--line-2);color:var(--body)}
.case blockquote p{margin:0;font-style:italic}
.case blockquote footer{margin-top:.5rem;font-size:.85rem;color:var(--muted)}
@media (max-width:820px){.cases{grid-template-columns:1fr}}
/* ===== Frontier section (home) ===== */
.fsteps{list-style:none;margin:2.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;counter-reset:f}
.fsteps li{position:relative;padding:1.4rem;border:1px solid var(--line);border-radius:var(--r);background:rgba(16,22,46,.55)}
.fsteps li:not(:last-child)::after{content:"";position:absolute;top:2.05rem;right:-1rem;width:1rem;height:1px;background:linear-gradient(90deg,var(--line-2),transparent)}
.fs-n{font:600 .8rem/1 var(--mono);color:var(--brand-2);letter-spacing:.08em}
.fsteps h3{margin:.8rem 0 .5rem;font:600 1.25rem/1.2 var(--sans);color:var(--ink)}
.fsteps p{margin:0;font-size:.95rem}
.why-row{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;margin-top:1.6rem;padding:1rem 1.2rem;border:1px dashed var(--line-2);border-radius:16px}
.why-k{font:600 .76rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.why-row ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.why-row li{padding:.45rem .75rem;border-radius:999px;background:var(--surface-2);color:var(--ink);font-size:.86rem}
.why-row .link{margin-left:auto}
/* ===== Technology page ===== */
.tech-hero .split{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.radar{max-width:420px;width:100%;justify-self:center}
.radar svg{width:100%;height:auto;display:block}
.radar .sweep-g{transform-origin:200px 200px;animation:radar-spin 7s linear infinite}
.radar .blips circle{animation:blip 3.5s ease-in-out infinite}
.radar .blips circle:nth-child(2n){animation-delay:1.2s}.radar .blips circle:nth-child(3n){animation-delay:2.1s}
@keyframes radar-spin{to{transform:rotate(-360deg)}}
@keyframes blip{0%,100%{opacity:.45}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.radar .sweep-g,.radar .blips circle{animation:none}}
.tg-h{display:flex;align-items:center;gap:.6rem;color:var(--ink);padding-bottom:1rem;border-bottom:1px solid var(--line)}
.tg-h .dot{width:8px;height:8px;border-radius:50%;background:var(--k)}
.tgrid{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.tcard{display:flex;flex-direction:column;gap:.6rem;padding:1.3rem;border:1px solid var(--line);border-radius:18px;background:rgba(16,22,46,.55);transition:border-color .3s,transform .3s}
.tcard:hover{border-color:var(--line-2);transform:translateY(-2px)}
.tmark{display:flex;align-items:center;min-height:40px}
.tmark img{filter:brightness(0) invert(1);opacity:.85;max-height:30px;width:auto}
.tmark.wordmark{font:600 1.3rem/1 var(--sans);color:#fff}
.tcard h3{margin:.2rem 0 0;font:600 1.05rem/1.2 var(--sans);color:var(--ink)}
.tcard p{margin:0;font-size:.92rem;line-height:1.5}
.ttag{margin-top:auto;align-self:flex-start;padding:.35rem .6rem;border-radius:999px;font:500 .72rem/1 var(--mono);letter-spacing:.04em;color:var(--k);background:var(--ks);border:1px solid var(--line)}
.ttag.own{color:#1A2206;background:var(--brand-2);border-color:transparent}
@media (max-width:1024px){.fsteps,.tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.fsteps li::after{display:none}}
@media (max-width:720px){.fsteps,.tgrid{grid-template-columns:1fr}.tech-hero .split{grid-template-columns:1fr}.radar{max-width:300px}.why-row .link{margin-left:0}}
.why-rnd{flex:1 1 100%;display:grid;gap:.4rem}
.why-rnd p{margin:0;color:var(--ink);font:500 1.08rem/1.5 var(--sans)}
.why-row li:first-child,.why-row li:nth-child(2){background:var(--ai-soft);color:var(--ai);border:1px solid rgba(198,242,78,.25)}
.exec-in{margin-top:2.6rem}
.exec-in .exec-grid{background:rgba(7,11,26,.55);backdrop-filter:blur(6px)}
/* ===== Leadership, advisors, team ===== */
.leaders{list-style:none;margin:2.2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.pcard{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.4rem;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}
.pcard b{display:block;color:var(--ink);font-size:1.08rem}
.pcard span{display:block;margin-top:.25rem;color:var(--body);font-size:.92rem;line-height:1.45}
.face{display:block;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 2px var(--surface-2),0 0 0 3px var(--line-2)}
.face.mono{display:grid;place-items:center;font:700 1.4rem/1 var(--sans);color:#070B1A;background:linear-gradient(135deg,#7C9BFF,#C6F24E)}
.li{position:absolute;top:1.1rem;right:1.1rem;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--body);transition:color .2s,background .2s}
.li:hover,.li:focus-visible{color:#fff;background:#0A66C2}
.advisors{margin-top:3rem}
.adv{margin-top:1.2rem}
.team-wrap{margin-top:3.4rem}
.team-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.6rem 1.2rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.team{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.6rem 1rem}
.team li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem}
.team .face{width:72px;height:72px;margin-bottom:.5rem}
.team .face.mono{font-size:1.1rem}
.team b{color:var(--ink);font-size:.95rem;line-height:1.3}
.team span{color:var(--muted);font-size:.85rem}
.team .li{position:static;margin-top:.1rem;width:44px;height:36px}
@media (max-width:1024px){.leaders{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.leaders{grid-template-columns:1fr}.team{grid-template-columns:repeat(2,minmax(0,1fr))}}
.social{list-style:none;margin:1rem 0 0;padding:0;display:flex;gap:.5rem}
.social a{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);color:var(--body);transition:color .2s,background .2s,border-color .2s}
.social a:hover,.social a:focus-visible{color:#fff;background:var(--surface-2);border-color:var(--line-2)}
.site-f .social{display:flex;flex-direction:row;gap:.5rem}.site-f .social li{margin:0}
/* ===== AI page: keeps its own lime identity, at lower strength ===== */
.tint-ai{background:linear-gradient(180deg,var(--bg),#0C1210 20%,#0C1210 80%,var(--bg))}
.page-hero.k-ai::before{background:radial-gradient(45% 50% at 75% 25%,rgba(198,242,78,.13),transparent 70%),radial-gradient(35% 40% at 20% 85%,rgba(124,155,255,.12),transparent 70%)}
.tint-ai .panel{background:linear-gradient(180deg,rgba(198,242,78,.035),rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px rgba(198,242,78,.12),0 30px 80px -40px rgba(0,0,0,.8)}
.net{background:rgba(198,242,78,.03);border-color:rgba(198,242,78,.28)}
.ans{box-shadow:inset 0 0 0 1px rgba(198,242,78,.2)}
#vsense .metrics div{background:rgba(198,242,78,.05)}
.channels li{background:rgba(198,242,78,.05);border-color:rgba(198,242,78,.15)}
.vs-chat .b{background:rgba(198,242,78,.06);border-color:rgba(198,242,78,.14)}
.vs-note{background:rgba(198,242,78,.025)}

/* mobile menu CTA, tap targets, motion pause */
.menu-cta{display:none}
@media (max-width:1000px){.menu-cta{display:block;width:100%}.menu .menu-cta a.btn{color:#0b0f1a;justify-content:center}.menu a{min-height:44px}}
.site-f a,.legal-links button,.copy button,.chat-quick button,.chat-x{min-height:44px}
.site-f a{display:inline-flex;align-items:center}
.site-f address a{display:inline}
.legal-links a,.legal-links button{padding-block:.5rem}
.motion-toggle{font:inherit;font-size:.85rem;font-weight:600;padding:.5rem .9rem;border-radius:8px;border:1.5px solid var(--line-2,var(--line));background:transparent;color:inherit;cursor:pointer;min-height:44px}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}

/* ===================== V5 design layer (Oct 2026): bigger type, live globe hero, bento, spotlight ===================== */
.h1{font-size:clamp(2.9rem,7.2vw,6.2rem);line-height:.95;letter-spacing:-.048em}
.page-hero .h1{font-size:clamp(2.6rem,5.8vw,5rem);line-height:.98;letter-spacing:-.046em}
.h2{font-size:clamp(2.2rem,4.6vw,3.9rem);line-height:1;letter-spacing:-.042em}
.brand .logo-svg{height:34px;width:auto}

/* hero */
.hero-v5 .hero-grid{align-items:center}
@media (min-width:1000px){.hero-v5 .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}}
.hero-v5 .h1 .soft{display:block;color:var(--body);font-weight:300}
.hero-v5 .h1 .swap{color:var(--brand-2);display:inline-block;position:relative}
.hero-v5 .h1 .swap.was{color:var(--muted)}
.hero-v5 .h1 .swap.was::after{content:"";position:absolute;left:-3%;right:-3%;top:55%;height:.085em;border-radius:2px;background:var(--brand-2);transform-origin:left;animation:kinStrike .45s cubic-bezier(.6,0,.2,1) .9s both}
.hero-v5 .h1 .swap.out{animation:kinOut .4s ease forwards}
.hero-v5 .h1 .swap.in{animation:kinIn .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes kinStrike{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes kinOut{to{opacity:0;transform:translateY(.3em)}}
@keyframes kinIn{from{opacity:0;transform:translateY(-.45em)}to{opacity:1;transform:none}}
.saved{margin-top:2.2rem;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.5rem;padding:1.05rem 1.3rem;border-radius:18px;background:linear-gradient(180deg,rgba(16,22,46,.9),rgba(11,16,36,.65));box-shadow:inset 0 0 0 1px var(--line);max-width:560px}
.saved strong{font-size:clamp(2rem,3.4vw,2.7rem);font-weight:600;letter-spacing:-.03em;color:var(--brand-2);font-variant-numeric:tabular-nums;line-height:1;min-width:4.5ch}
.saved p{margin:0;font-size:.95rem;line-height:1.4;color:var(--ink);flex:1 1 220px;min-width:0}
.saved small{display:block;color:var(--muted);font-size:.8rem;margin-top:.3rem}
.globe-box{position:relative;aspect-ratio:1/1;width:100%;max-width:600px;justify-self:center}
#globe{width:100%;height:100%;display:block}
.globe-legend{position:absolute;right:1%;top:5%;display:grid;gap:.4rem;font:500 .7rem var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.globe-legend span{display:flex;align-items:center;gap:.5rem}
.globe-legend i{width:16px;height:2px;background:var(--brand-2)}
.globe-legend i.d{width:6px;height:6px;border-radius:50%;background:var(--cloud)}
.now{position:absolute;left:1%;bottom:3%;width:min(330px,84%);padding:1rem 1.1rem;border-radius:16px;background:rgba(10,15,34,.86);box-shadow:inset 0 0 0 1px var(--line-2),0 30px 60px -30px rgba(0,0,0,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.now-k{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2rem .8rem;font:500 .68rem var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.now-k b{color:var(--brand-2);font-weight:500}
.now-name{margin:.55rem 0 .15rem;font-size:1.15rem;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.now-line{margin:0;font-size:.86rem;line-height:1.45;color:var(--body);min-height:2.9em}
.now-bar{margin-top:.8rem;height:3px;border-radius:2px;background:rgba(150,172,222,.15);overflow:hidden}
.now-bar span{display:block;height:100%;background:var(--brand-2);transform-origin:left}
@media (max-width:999px){.globe-box{max-width:520px}}
@media (max-width:520px){.now{position:relative;left:auto;bottom:auto;width:100%;margin-top:-12%}.globe-legend{display:none}}

/* facts band */
.facts-band{border-block:1px solid var(--line);background:var(--bg-2)}
.facts-band ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.facts-band li{padding:1.5rem 1.1rem;border-left:1px solid var(--line);display:grid;gap:.2rem;min-width:0}
.facts-band li:first-child{border-left:0}
.facts-band b{font-size:clamp(1.6rem,2.8vw,2.4rem);color:var(--ink);font-weight:600;letter-spacing:-.035em;line-height:1.05}
.facts-band span{font-size:.9rem;color:var(--muted)}
@media (max-width:760px){.facts-band ul{grid-template-columns:repeat(2,minmax(0,1fr))}.facts-band li:nth-child(3){border-left:0}.facts-band li:nth-child(n+3){border-top:1px solid var(--line)}}

/* bento */
.bento{margin-top:3rem;display:grid;gap:14px;grid-template-columns:repeat(6,minmax(0,1fr))}
.tile{position:relative;overflow:hidden;border-radius:22px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);padding:1.6rem;display:flex;flex-direction:column;gap:.7rem;text-decoration:none;color:var(--body);min-width:0;isolation:isolate;transition:box-shadow .3s}
a.tile:hover{box-shadow:inset 0 0 0 1px var(--line-2)}
.tile-k{font:500 .72rem var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--k,var(--link))}
.tile h3{margin:0;font-size:clamp(1.3rem,2vw,1.65rem);letter-spacing:-.02em;color:var(--ink);font-weight:600;line-height:1.15;padding-right:3rem}
.tile p{margin:0;font-size:.96rem;max-width:44ch}
.tile .fig{margin-top:auto;display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}
.tile .fig b{font-size:clamp(2.4rem,4.4vw,3.6rem);letter-spacing:-.045em;color:var(--ink);font-weight:600;line-height:1}
.tile .fig small{color:var(--muted);font-size:.9rem}
.tile .go{position:absolute;top:1.4rem;right:1.4rem;width:42px;height:42px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line-2);display:grid;place-items:center;color:var(--ink);transition:background .3s,color .3s,transform .3s}
a.tile:hover .go{background:var(--k,var(--brand-2));color:var(--bg);transform:rotate(-45deg)}
.t-cloud{grid-column:span 4;min-height:360px}
.t-sec,.t-ai{grid-column:span 2}
.t-tech{grid-column:span 4}
@media (max-width:900px){.t-cloud,.t-sec,.t-ai,.t-tech{grid-column:span 6}}
.chartbox{position:absolute;right:1.6rem;bottom:1.6rem;width:min(48%,380px);display:grid;gap:.5rem;justify-items:end}
.bento-chart{width:100%;height:auto;display:block}
.chartbox .ill{font:500 .66rem var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
@media (max-width:640px){.chartbox{position:static;width:100%;justify-items:start}.t-cloud{min-height:0}}
.noise{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin-top:.4rem}
.noise i{aspect-ratio:1;border-radius:50%;background:rgba(184,166,255,.16)}
.noise i.hot{background:var(--sec);box-shadow:0 0 12px rgba(184,166,255,.7)}
.tokens{display:grid;gap:.5rem;margin-top:.4rem}
.tokens>span{display:grid;grid-template-columns:6rem minmax(0,1fr);align-items:center;gap:.7rem;font-size:.8rem;color:var(--muted)}
.tokens i{height:10px;border-radius:5px;background:rgba(243,246,252,.2)}
.tokens i.l{background:var(--brand-2);width:6%;min-width:10px}
.t-tech .link{margin-top:auto;align-self:flex-start}
.pm{display:flex;overflow:hidden;margin:.6rem 0 .4rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.pm .pm-track{flex:0 0 auto;flex-wrap:nowrap;margin:0;padding-right:2.6rem;animation:pmScroll 42s linear infinite}
.pm:hover .pm-track{animation-play-state:paused}
@keyframes pmScroll{to{transform:translateX(-100%)}}

/* spotlight on cards (pointer-follow glow) */
.spot{--mx:50%;--my:-30%}
.spot::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(420px circle at var(--mx) var(--my),color-mix(in srgb,var(--k,#3563FF) 18%,transparent),transparent 60%);opacity:0;transition:opacity .3s}
.spot:hover::before{opacity:1}
.role.spot,.tcard.spot,.cmp.spot,.door.spot{position:relative;isolation:isolate}

@media (prefers-reduced-motion:reduce){
  .pm .pm-track{animation:none}.pm .pm-track[aria-hidden]{display:none}.pm{flex-wrap:wrap;-webkit-mask-image:none;mask-image:none}.pm .pm-track{flex-wrap:wrap}
  .hero-v5 .h1 .swap,.hero-v5 .h1 .swap::after{animation:none!important}
}

.menu a{white-space:nowrap}
@media (min-width:1200px) and (max-width:1480px){.menu{gap:1.1rem}.menu a{font-size:.9rem}}

/* V5.1: problem → solution card, ask tile, quiet partners, return animation */
.now-prob{margin:.6rem 0 0;font-size:1.05rem;font-weight:600;color:var(--ink);line-height:1.3;letter-spacing:-.01em}
.now-fix{margin:.55rem 0 0;display:flex;gap:.55rem;align-items:flex-start;font-size:.88rem;line-height:1.45;color:var(--body);min-height:2.9em}
.now-fix .tick{flex:0 0 auto;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--brand-2);color:var(--on-brand);font-size:.7rem;font-weight:700;margin-top:.05rem}
.now-fix.hide{opacity:0;transform:translateY(6px)}
.now-fix.show{opacity:1;transform:none;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.t-ask{grid-column:span 4;background:radial-gradient(520px circle at 100% 0%,rgba(198,242,78,.09),transparent 60%),var(--surface)}
.t-ask .btn{align-self:flex-start;margin-top:auto}
.ask-flow{list-style:none;margin:.4rem 0 .6rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;counter-reset:af}
.ask-flow li{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--ink);padding:.45rem .8rem;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line-2)}
.ask-flow li::before{counter-increment:af;content:counter(af);font:500 .7rem var(--mono,monospace);color:var(--brand-2)}
.ask-flow li:last-child{background:rgba(198,242,78,.12);box-shadow:inset 0 0 0 1px rgba(198,242,78,.4)}
@media (max-width:900px){.t-ask{grid-column:span 6}}
.partner-quiet{margin-top:2.6rem;display:grid;gap:.4rem}
.partner-quiet p{margin:0;text-align:center;font:500 .72rem var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.partner-quiet p .link{font:inherit;letter-spacing:inherit}
.partner-quiet .pm img{opacity:.38;max-height:24px}
.partner-quiet .pm .iconmark,.partner-quiet .pm .wordmark{opacity:1;color:var(--muted);font-size:.9rem}
.partner-quiet .pm .iconmark span,.partner-quiet .pm .wordmark{color:var(--muted)}
.partner-quiet .pm:hover img{opacity:.7}
.partner-quiet .pm .pm-track{animation-duration:70s}

/* "your return" plays once on view: armed = start state (set by JS only), play = animate to rest */
.ret.armed .grad-text{clip-path:inset(0 100% 0 0)}
.ret.play .grad-text{clip-path:inset(0 0 0 0);transition:clip-path 1.1s cubic-bezier(.6,0,.2,1) .15s}
.ret .bento-chart rect{transform-box:fill-box;transform-origin:50% 100%}
.ret.armed .bento-chart rect{transform:scaleY(var(--s,1))}
.ret.play .bento-chart rect{transform:scaleY(1);transition:transform .7s cubic-bezier(.2,.8,.2,1) var(--d,0ms)}
.ret.armed .noise i{background:var(--sec);box-shadow:0 0 10px rgba(184,166,255,.5)}
.ret.play .noise i:not(.hot){background:rgba(184,166,255,.16);box-shadow:none;transition:background .5s ease,box-shadow .5s ease}
.ret.armed .tokens i.l{width:100%}
.ret.play .tokens i.l{width:6%;transition:width 1.1s cubic-bezier(.6,0,.2,1) .3s}

/* ===================== V5.2: inner pages ===================== */
/* problems we fix */
.ps-grid{list-style:none;margin:2.6rem 0 0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:820px){.ps-grid{grid-template-columns:minmax(0,1fr)}}
.ps{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.15fr);align-items:center;gap:1rem;padding:1.3rem 1.4rem;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.ps small{display:block;font:500 .66rem var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.35rem}
.ps-p{color:var(--ink);font-weight:600;font-size:1.02rem;line-height:1.35}
.ps-p small{color:var(--muted)}
.ps-s{color:var(--body);font-size:.95rem;line-height:1.45;padding-left:1rem;border-left:2px solid var(--k,var(--brand-2))}
.ps-s small{color:var(--k,var(--brand-2))}
.ps-a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--bg);background:var(--k,var(--brand-2));font-weight:700}
@media (max-width:520px){.ps{grid-template-columns:minmax(0,1fr)}.ps-a{transform:rotate(90deg);width:30px;height:30px}}

/* capabilities become tiles */
.caps{gap:14px}
.caps>div{position:relative;isolation:isolate;overflow:hidden;border-top:0;padding:1.3rem 1.4rem;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .3s,transform .3s}
.caps>div:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k,#7C9BFF) 45%,transparent);transform:translateY(-2px)}
.caps>div::after{content:"";position:absolute;left:1.4rem;top:0;width:36px;height:2px;background:var(--k,var(--brand-2));border-radius:0 0 2px 2px}

/* at a glance */
.exec-in{border-radius:22px;background:linear-gradient(180deg,rgba(16,22,46,.92),rgba(11,16,36,.7));box-shadow:inset 0 0 0 1px var(--line-2),0 40px 80px -50px rgba(0,0,0,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.exec-grid dt{color:var(--k,var(--link))}

/* FAQ */
.faq details{transition:background .3s}
.faq details[open]{background:linear-gradient(90deg,color-mix(in srgb,var(--k,#7C9BFF) 7%,transparent),transparent 70%)}
.faq summary{padding-inline:.4rem}
.faq details>p{padding-inline:.4rem}
.faq summary::after{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line-2);font-size:1.2rem}
.faq details[open] summary::after{transform:rotate(45deg);background:var(--k,var(--cloud));color:var(--bg);box-shadow:none}

/* closing call to action */
.cta .h2,.cta h2{font-size:clamp(2.2rem,4.6vw,3.8rem);letter-spacing:-.042em;line-height:1}

/* technology cards */
.tcard{transition:transform .3s,box-shadow .3s}
.tcard:hover{transform:translateY(-3px)}
.tech-group .tg-h{font-size:clamp(1.6rem,2.6vw,2.2rem);letter-spacing:-.03em}

/* about: leaders and team photos, timeline */
.leaders .face,.advisors .face,.team .face{filter:grayscale(.85) contrast(1.05);transition:filter .4s,transform .4s}
.pcard:hover .face,.team li:hover .face{filter:none;transform:scale(1.04)}
.pcard{transition:box-shadow .3s,transform .3s}
.pcard:hover{transform:translateY(-2px)}
.timeline .yr{font-variant-numeric:tabular-nums}

/* stats */
.stats strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums}

/* scroll reveal: only when JS arms it, so pages are complete without JS */
.rv-arm .rv{opacity:0;transform:translateY(18px)}
.rv-arm .rv.rv-in{opacity:1;transform:none;transition:opacity .7s ease var(--rd,0ms),transform .7s cubic-bezier(.2,.8,.2,1) var(--rd,0ms)}
@media (prefers-reduced-motion:reduce){.rv-arm .rv{opacity:1;transform:none}}

.ps-grid.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ps-grid.n3 .ps{grid-template-columns:minmax(0,1fr);align-content:start}
.ps-grid.n3 .ps-a{transform:rotate(90deg);width:30px;height:30px}
@media (max-width:900px){.ps-grid.n3{grid-template-columns:minmax(0,1fr)}}

/* Company dropdown */
.has-sub{position:relative}
.sub-t{font:inherit;color:var(--muted);background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;padding:0;min-height:44px;position:relative}
.sub-t svg{transition:transform .25s}
.sub-t:hover,.sub-t[aria-expanded="true"],.sub-t.cur{color:var(--ink)}
.sub-t[aria-expanded="true"] svg{transform:rotate(180deg)}
.sub-t.cur::after{content:"";position:absolute;left:0;right:1.1rem;bottom:2px;height:2px;border-radius:2px;background:var(--ink)}
.sub{list-style:none;margin:0;padding:.5rem;position:absolute;top:calc(100% + 8px);left:-.8rem;min-width:200px;border-radius:14px;background:rgba(11,16,36,.97);box-shadow:inset 0 0 0 1px var(--line-2),0 30px 60px -20px rgba(0,0,0,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:none;z-index:40}
.sub::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.has-sub:hover .sub,.sub-t[aria-expanded="true"]+.sub{display:grid}
.sub a{display:flex;padding:.65rem .8rem;border-radius:9px;min-height:44px;color:var(--body)}
.sub a:hover,.sub a:focus-visible{background:rgba(150,172,222,.1);color:var(--ink)}
.sub a[aria-current="page"]{color:var(--ink);background:rgba(150,172,222,.08)}
.sub a[aria-current="page"]::after{display:none}
@media (max-width:1199px){
  .has-sub{width:100%}
  .sub-t{display:none}
  .sub{display:grid;position:static;min-width:0;padding:0;margin-top:.2rem;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-top:1px solid var(--line);padding-top:.9rem;gap:.2rem}
  .sub::before{content:"Company";position:static;height:auto;font:500 .7rem var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:0 0 .3rem}
  .sub a{padding:.45rem 0;color:var(--muted)}
}
.as-h{line-height:0}
.as-logo{display:inline-block}
.as-logo img{height:40px;width:auto;display:block}
.as-mark img{height:28px;width:auto;display:block}

@media (min-width:1025px){.leaders:not(.adv){grid-template-columns:repeat(3,minmax(0,1fr))}}

/* product logos: AiSockt in the menu, vSense heading */
.menu .as-nav{display:inline-flex;align-items:center;min-height:44px;padding:0 .2rem;opacity:.9;transition:opacity .2s}
.menu .as-nav:hover{opacity:1}
.menu .as-nav img{height:22px;width:auto;display:block}
.menu .as-nav::after{display:none}
.vs-logo{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink);text-decoration:none}
.vs-logo img{height:.9em;width:auto}
.vs-logo:hover{color:var(--brand-2)}
@media (max-width:1199px){.menu-prod{order:10;padding-top:.4rem}}
@media (max-width:1199px){.menu-cta{order:11}}
#practices{scroll-margin-top:90px}