:root{
  --bg:#050816; --bg-2:#070b1b; --panel:#0a0f22; --line:#161d39; --line-2:#212a4d;
  --text:#F8FAFC; --dim:#9aa6c8; --dimmer:#5b6485; --muted:#7b86ad;
  --cyan:#22D3EE; --violet:#7C8CFF; --green:#34D399; --amber:#fbbf24; --red:#f87171;
  --maxw:1280px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;font-size:15px;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.mono{font-family:'IBM Plex Mono',ui-monospace,monospace}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 44px;width:100%}
.lbl{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.idx{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--cyan);letter-spacing:.1em}

/* NAV */
nav{position:sticky;top:0;z-index:200;background:rgba(5,8,22,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
nav .row{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;letter-spacing:.02em}
.brand svg{width:24px;height:24px;display:block}
.menu{display:flex;align-items:stretch;height:60px}
.mi{position:relative;display:flex;align-items:center}
.mi>a{padding:0 16px;height:60px;display:flex;align-items:center;font-size:13.5px;color:var(--dim);font-weight:500}
.mi:hover>a{color:var(--text)}
.mi.has>a::after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:7px;opacity:.6}
.drop{position:absolute;top:60px;left:0;min-width:560px;background:var(--bg-2);border:1px solid var(--line-2);border-top:2px solid var(--cyan);box-shadow:0 30px 60px -24px rgba(0,0,0,.7);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.16s;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:8px 30px}
.mi:hover .drop{opacity:1;visibility:visible;transform:translateY(0)}
.drop.one{grid-template-columns:1fr;min-width:240px}
.dgrp .dh{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:0 0 8px;border-bottom:1px solid var(--line);margin-bottom:6px}
.drop a.di{display:block;padding:7px 8px;font-size:13.5px;color:var(--dim);border-radius:5px}
.drop a.di:hover{background:rgba(34,211,238,.06);color:var(--text)}
.drop a.di span{display:block;font-size:11px;color:var(--dimmer);font-family:'IBM Plex Mono',monospace;margin-top:1px}
.navcta{display:flex;align-items:center;gap:16px}
.signin{font-size:13.5px;color:var(--dim)}.signin:hover{color:var(--text)}
.btn{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:9px 17px;border:1px solid var(--line-2);transition:.16s;cursor:pointer;letter-spacing:.01em}
.btn:hover{border-color:var(--cyan);color:var(--cyan)}
.btn-primary{background:var(--cyan);color:#04121a;border-color:var(--cyan);font-weight:700}
.btn-primary:hover{background:#5fe3f5;color:#04121a}
@media(max-width:1040px){.menu{display:none}}

/* HERO */
.hero{border-bottom:1px solid var(--line);background:linear-gradient(rgba(124,140,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(124,140,255,.035) 1px,transparent 1px);background-size:48px 48px,48px 48px}
.hero .inner{display:grid;grid-template-columns:1.02fr .98fr;gap:20px}
.hero .left{padding:40px 38px 20px 0;border-right:1px solid var(--line)}
.hero .lead-lbl{display:flex;gap:18px;align-items:center}
h1{font-size:44px;line-height:1.02;letter-spacing:-.045em;font-weight:800;margin:18px 0 0;max-width:13ch}
h1 .lo{font-size:.95em;font-weight:500;font-family:'Newsreader',serif;font-style:italic;background:linear-gradient(100deg,#5fe3f5,#7DD9F5 45%,#8aa4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.sub{font-size:16px;color:var(--dim);margin-top:18px;max-width:44ch;line-height:1.55}
.hero p.sub b{color:var(--text);font-weight:600}
.fbar{display:flex;margin-top:30px;border:1px solid var(--line);width:fit-content}
.fbar div{padding:9px 16px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--cyan);border-right:1px solid var(--line)}
.fbar div:last-child{border-right:none}
.hero-cta{display:flex;margin-top:34px;border:1px solid var(--line-2);width:fit-content}
.hero-cta a{padding:14px 26px;font-size:14px;font-weight:600;border-right:1px solid var(--line-2)}
.hero-cta a:last-child{border-right:none}
.hero-cta .p{background:var(--cyan);color:#04121a;font-weight:700}
/* R-Series status rail (real, not vanity counters) */
.rseries{height:100%;display:flex;flex-direction:column;justify-content:center;padding:40px 0 40px 40px}
.rseries .mh{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.rrow{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.rrow:last-child{border-bottom:none}
.rrow .k{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--text)}
.rrow .k small{color:var(--dim);font-size:11px}
.pill{font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:600;letter-spacing:.08em;padding:3px 10px;border:1px solid currentColor}
.pill.live{color:var(--green)}.pill.run{color:var(--amber)}
.pill .d{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px;vertical-align:middle}
.pill.run .d{animation:bl 1.4s infinite}@keyframes bl{50%{opacity:.25}}
@media(max-width:1040px){.hero .inner{grid-template-columns:1fr}.hero .left{border-right:none;padding-right:0;padding-bottom:40px}.rseries{padding:0 0 64px;border-top:1px solid var(--line);padding-top:30px}h1{font-size:34px}}

/* generic section heads */
.band{border-bottom:1px solid var(--line)}
.band .pad{padding:70px 0}
.toprow{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.h2{font-size:34px;letter-spacing:-.045em;font-weight:800;line-height:1.1}
.sub{font-size:16px;color:var(--dim);line-height:1.62}
.sub b{color:var(--text)}

/* ARCHITECTURE flow */
.flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;border:1px solid var(--line);margin-top:8px}
.fstep{flex:1;min-width:130px;padding:18px 16px;border-right:1px solid var(--line);position:relative}
.fstep:last-child{border-right:none}
.fstep .n{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--cyan);letter-spacing:.1em}
.fstep .t{font-size:14.5px;font-weight:600;margin-top:6px}
.fstep .d{font-size:11.5px;color:var(--dim);margin-top:4px;line-height:1.4}
.fstep::after{content:"→";position:absolute;right:-9px;top:50%;transform:translateY(-50%);color:var(--cyan);font-size:14px;z-index:2;background:var(--bg);padding:0 1px}
.fstep:last-child::after{display:none}
@media(max-width:760px){.fstep{min-width:100%;border-right:none;border-bottom:1px solid var(--line)}.fstep::after{content:"↓";right:50%;top:auto;bottom:-9px;transform:translateX(50%)}}

/* WHY two-column compare */
.why{display:grid;grid-template-columns:1fr 1.2fr;border:1px solid var(--line);margin-top:8px}
.why .c{padding:30px 28px}
.why .c.now{border-right:1px solid var(--line);background:rgba(255,255,255,.012)}
.why .ch{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.why .now .q{font-size:24px;font-weight:700;color:var(--dim)}
.why .atlas .q{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;padding:9px 0;border-bottom:1px solid var(--line)}
.why .atlas .q:last-child{border-bottom:none}
.why .atlas .q::before{content:"";width:6px;height:6px;background:var(--cyan);flex-shrink:0}
@media(max-width:760px){.why{grid-template-columns:1fr}.why .c.now{border-right:none;border-bottom:1px solid var(--line)}}

/* moat callout */
.moatline{display:flex;align-items:center;gap:16px;border:1px solid var(--cyan);background:rgba(34,211,238,.05);padding:18px 22px;margin-top:18px}
.moatline .k{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);flex-shrink:0}
.moatline .t{font-size:16px;font-weight:600}

/* split sections (moats) */
section.s{border-bottom:1px solid var(--line)}
.s .inner{display:grid;grid-template-columns:1fr 1fr;min-height:400px}
.s .copy{padding:70px 56px 70px 0;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}
.s.rev .copy{order:2;border-right:none;border-left:1px solid var(--line);padding:70px 0 70px 56px}
.s .copy .sub{margin-top:14px;max-width:42ch}
.s .viz{padding:40px 0 40px 56px;display:flex;align-items:center}
.s.rev .viz{order:1;padding:40px 56px 40px 0}
@media(max-width:900px){.s .inner{grid-template-columns:1fr}.s .copy,.s.rev .copy{border:none;padding:54px 0 22px;order:0}.s .viz,.s.rev .viz{padding:0 0 54px;order:0}}

/* federation graph */
.fed svg{width:100%;height:auto;display:block}
.fed .nd circle{fill:var(--bg-2);stroke:var(--line-2);stroke-width:1.2}
.fed .nd text{font-family:'IBM Plex Mono',monospace;font-size:9.5px;fill:var(--dim)}
.fed .ln{stroke:var(--line-2);stroke-width:1;fill:none}
.fed .ln.on{stroke:var(--cyan);stroke-width:1.4;stroke-dasharray:4 6;animation:flow 1.6s linear infinite;opacity:.85}
@keyframes flow{to{stroke-dashoffset:-20}}
.fed .core circle{fill:rgba(34,211,238,.07);stroke:var(--cyan);stroke-width:1.5}
.fed .core text{fill:var(--text);font-weight:700;font-size:12px}

/* data list */
.dl{border:1px solid var(--line);width:100%}
.dl .hd{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.dl .r{display:flex;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid var(--line);font-size:14px}
.dl .r:last-child{border-bottom:none}
.dl .r .ck{color:var(--green)}
.dl .r .tag{margin-left:auto;font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--dim)}
.dl .r .tag.g{color:var(--green)}.dl .r .tag.c{color:var(--cyan)}.dl .r .tag.a{color:var(--amber)}

/* replay timeline */
.tl{width:100%;border-left:1px solid var(--line-2)}
.tl .ev{display:grid;grid-template-columns:96px 1fr;border-bottom:1px solid var(--line)}
.tl .ev:last-child{border-bottom:none}
.tl .ev .dt{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--cyan);padding:15px 14px;border-right:1px solid var(--line);letter-spacing:.04em}
.tl .ev .bd{padding:15px 16px}
.tl .ev .t{font-size:14.5px;font-weight:600}
.tl .ev .m{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--green);margin-top:3px;letter-spacing:.04em}

/* memory grid */
.mg{display:grid;grid-template-columns:1fr 1fr;width:100%;border:1px solid var(--line)}
.mg div{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.mg div:nth-child(2n){border-right:none}
.mg div:nth-last-child(-n+2){border-bottom:none}
.mg .p{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--violet);letter-spacing:.08em}
.mg .n{font-size:14px;margin-top:5px}

/* EXPLORER (centerpiece, full-width, larger) */
.explorer{border-bottom:1px solid var(--line);background:var(--bg-2)}
.explorer .pad{padding:74px 0}
.explorer .h2{font-size:40px}
.exp{border:1px solid var(--line-2);margin-top:30px;background:var(--bg)}
.exptop{display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line)}
.exptop .mag{color:var(--cyan);font-size:18px}
#q{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:16px;font-family:'IBM Plex Mono',monospace}
#q::placeholder{color:var(--dimmer)}
.exptabs{display:flex;border-bottom:1px solid var(--line)}
.tab{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--dim);padding:14px 20px;border-right:1px solid var(--line);cursor:pointer;letter-spacing:.06em;text-transform:uppercase}
.tab:hover{color:var(--text)}
.tab.active{color:var(--cyan);box-shadow:inset 0 -2px 0 var(--cyan);background:rgba(34,211,238,.04)}
.expbody{display:grid;grid-template-columns:1fr 1fr}
.expL{padding:30px;border-right:1px solid var(--line)}
.expR{padding:30px}
.ent{display:flex;align-items:center;gap:14px}
.av{width:52px;height:52px;border:1px solid var(--cyan);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:19px;color:var(--cyan);font-family:'IBM Plex Mono',monospace}
.ent .nm{font-size:21px;font-weight:700}
.ent .ty{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--dim);letter-spacing:.06em;text-transform:uppercase;margin-top:2px}
.scr{display:flex;align-items:baseline;gap:12px;margin:26px 0 8px}
.scr .num{font-size:58px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.scr .lab{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.1em}
.tb{height:6px;background:#0c1226;border:1px solid var(--line);overflow:hidden}
.tb i{display:block;height:100%;background:var(--cyan);transition:width .5s}
.sh{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
@media(max-width:760px){.expbody{grid-template-columns:1fr}.expL{border-right:none;border-bottom:1px solid var(--line)}.exptabs{overflow-x:auto}}

/* STACK product cards */
.stackgrid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);margin-top:8px}
.pcard{padding:24px 20px;border-right:1px solid var(--line);min-height:170px;display:flex;flex-direction:column}
.pcard:last-child{border-right:none}
.pcard .pn{font-size:16px;font-weight:700}
.pcard .pd{font-size:12.5px;color:var(--dim);margin-top:8px;line-height:1.5;flex:1}
.pcard .pl{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--cyan);margin-top:14px}
@media(max-width:900px){.stackgrid{grid-template-columns:1fr 1fr}.pcard{border-bottom:1px solid var(--line)}}

/* PROOF grid */
.proof{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:8px}
.pcell{padding:22px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.pcell .pt{font-size:15px;font-weight:700}
.pcell .ps{font-size:11.5px;color:var(--dim);margin-top:4px;font-family:'IBM Plex Mono',monospace}
.pcell .pst{margin-top:12px}
@media(min-width:901px){.proof .pcell:nth-child(4n){border-right:none}.proof .pcell:nth-last-child(-n+3){border-bottom:none}}
@media(max-width:900px){.proof{grid-template-columns:1fr 1fr}}

/* CTA + footer */
.cta{border-bottom:1px solid var(--line)}
.cta .inner{padding:76px 0;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center}
.cta .h2{line-height:1.12}
.cta p{color:var(--dim);font-size:16px;margin-top:12px;max-width:48ch}
.cta .act{display:flex;border:1px solid var(--line-2);width:fit-content;justify-self:end}
.cta .act a{padding:15px 26px;font-size:14px;font-weight:600;border-right:1px solid var(--line-2)}
.cta .act a:last-child{border-right:none}.cta .act .p{background:var(--cyan);color:#04121a;font-weight:700}
@media(max-width:820px){.cta .inner{grid-template-columns:1fr}.cta .act{justify-self:start}}
footer{padding:56px 0 30px;background:var(--bg-2)}
.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:30px}
.fg h5{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.fg a{display:block;color:var(--dim);font-size:13.5px;padding:5px 0}.fg a:hover{color:var(--text)}
.fbrand .d{color:var(--dim);font-size:13px;margin-top:12px;max-width:230px;line-height:1.6}
.fbot{display:flex;justify-content:space-between;margin-top:40px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;font-family:'IBM Plex Mono',monospace;flex-wrap:wrap;gap:10px}
@media(max-width:880px){.fg{grid-template-columns:1fr 1fr}}

/* trusted-across strip */
.trusted{border-bottom:1px solid var(--line);background:var(--bg-2)}
.trusted .inner{display:flex;align-items:center;gap:0;padding:0;flex-wrap:wrap}
.trusted .lab{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding:16px 26px 16px 0}
.trusted .prods{display:flex;flex:1;border-left:1px solid var(--line)}
.trusted .prods a{padding:16px 24px;font-size:14px;font-weight:600;color:var(--dim);border-right:1px solid var(--line)}
.trusted .prods a:hover{color:var(--text)}
.trusted .pw{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--cyan);letter-spacing:.08em;padding:16px 0 16px 24px}
@media(max-width:760px){.trusted .inner{flex-direction:column;align-items:stretch}.trusted .prods{flex-wrap:wrap;border-left:none;border-top:1px solid var(--line)}.trusted .pw{padding-left:0;border-top:1px solid var(--line)}}

/* use cases */
.uc{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:24px}
.uc .u{padding:24px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.uc .u .ui{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--cyan);letter-spacing:.1em;text-transform:uppercase}
.uc .u .un{font-size:17px;font-weight:700;margin-top:8px}
.uc .u .ud{font-size:13px;color:var(--dim);margin-top:5px;line-height:1.5}
@media(min-width:761px){.uc .u:nth-child(3n){border-right:none}.uc .u:nth-last-child(-n+3){border-bottom:none}}
@media(max-width:760px){.uc{grid-template-columns:1fr}.uc .u{border-right:none}}

/* network scale */
.nscale{display:flex;border:1px solid var(--line);margin-top:16px}
.nscale div{flex:1;padding:14px 16px;border-right:1px solid var(--line)}
.nscale div:last-child{border-right:none}
.nscale .nn{font-size:21px;font-weight:800;font-variant-numeric:tabular-nums}
.nscale .nl{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.07em;margin-top:3px}
.nscale .s1 .nn{color:var(--dimmer)}.nscale .s2 .nn{color:var(--violet)}.nscale .s3 .nn{color:var(--cyan)}

/* explorer modes */
.modes{display:flex;border-bottom:1px solid var(--line);background:rgba(255,255,255,.012);overflow-x:auto}
.modes .m{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--dim);padding:11px 16px;border-right:1px solid var(--line);cursor:pointer;letter-spacing:.02em;white-space:nowrap}
.modes .m:hover{color:var(--text)}
.modes .m.on{color:var(--cyan);background:rgba(34,211,238,.05)}

/* ===== visual energy upgrade: gold, glow, motion ===== */
:root{ --gold:#F5B942; }
.hero{position:relative;overflow:hidden}
.hero-aura{position:absolute;inset:0;pointer-events:none;z-index:0;background:
  radial-gradient(circle at 76% 44%,rgba(34,211,238,.22),transparent 46%),
  radial-gradient(circle at 92% 70%,rgba(245,185,66,.08),transparent 40%),
  radial-gradient(circle at 30% 10%,rgba(124,140,255,.10),transparent 45%)}
.hero .inner,.hero .left{position:relative;z-index:2}
.parts{position:absolute;inset:0;z-index:1;pointer-events:none}
.parts i{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--cyan);opacity:.5;animation:float linear infinite}
@keyframes float{0%{transform:translateY(0);opacity:0}10%{opacity:.6}90%{opacity:.5}100%{transform:translateY(-120px);opacity:0}}
/* network */
.netwrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:24px 0}
.netsvg{width:100%;max-width:740px;height:auto;display:block;overflow:visible}
.netsvg .lk{stroke-width:1.1;fill:none}
.netsvg .nlab{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em}
.netsvg .ctxt{font-family:'Inter',sans-serif;font-weight:800;font-size:24px;letter-spacing:.12em;fill:#fff}
.netsvg .csub{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:.06em;fill:var(--cyan);opacity:.85}
/* gold accents on trust signals */
.rrow .k small{color:var(--dim)}
.pill.live{color:var(--green)} .pill.run{color:var(--gold)}
.scr .num{text-shadow:0 0 26px rgba(52,211,153,.35)}
.moatline{box-shadow:0 0 40px rgba(34,211,238,.10)}
.nscale .s3 .nn{color:var(--gold)}
.hero-cta .p,.btn-primary{box-shadow:0 0 28px rgba(34,211,238,.22)}
.core text,.fed .core text{text-rendering:geometricPrecision}
/* federation live particles */
.fed .pk{fill:var(--cyan)}
/* replay active node animation */
.tl .ev{position:relative}
.tl .ev .dt{position:relative}
.tl.live .ev .dt::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--cyan);opacity:0}
.tl.live .ev:nth-child(1) .dt::before{animation:beat 5s infinite;animation-delay:0s}
.tl.live .ev:nth-child(2) .dt::before{animation:beat 5s infinite;animation-delay:1s}
.tl.live .ev:nth-child(3) .dt::before{animation:beat 5s infinite;animation-delay:2s}
.tl.live .ev:nth-child(4) .dt::before{animation:beat 5s infinite;animation-delay:3s}
.tl.live .ev:nth-child(5) .dt::before{animation:beat 5s infinite;animation-delay:4s}
@keyframes beat{0%,20%{opacity:1;box-shadow:0 0 16px var(--cyan)}21%,100%{opacity:0}}
/* explorer command-center glow */
.exp{box-shadow:0 0 60px -20px rgba(34,211,238,.25)}
.exptop{background:rgba(34,211,238,.02)}
@media(max-width:1040px){.netwrap{padding:0 0 40px}}

.rcell{flex:1;min-width:150px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-right:1px solid var(--line)}.rcell:last-child{border-right:none}.rcell .k{font-family:'IBM Plex Mono',monospace;font-size:12.5px}
.hero .inner{align-items:center}
@media(max-width:1040px){.hero .left{border-right:none}.rcell{min-width:50%}}

.fpills{display:flex;gap:8px;margin-top:20px;flex-wrap:nowrap}
.fp{display:flex;align-items:center;gap:7px;padding:9px 12px;font-size:12.5px;font-weight:600;color:var(--fc);border:1px solid var(--line-2);background:rgba(255,255,255,.012);white-space:nowrap}
.fp svg{width:15px;height:15px;flex-shrink:0}
.hero-cta2{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.hero-cta2 a{display:inline-flex;align-items:center;gap:9px;padding:14px 24px;font-size:14px;font-weight:700;transition:.16s}
.hero-cta2 a.p{background:var(--cyan);color:#04121a;box-shadow:0 0 30px rgba(34,211,238,.28)}
.hero-cta2 a.p:hover{background:#5fe3f5}
.hero-cta2 a.g{border:1px solid var(--line-2);color:var(--text);font-weight:600}
.hero-cta2 a.g:hover{border-color:var(--cyan);color:var(--cyan)}
.hero-cta2 a .ar{font-size:15px}


/* hero 3-col layout */
.hero .inner{display:grid;grid-template-columns:minmax(440px,1fr) minmax(0,1.02fr) 150px;gap:14px;align-items:center}
.netwrap{padding:6px 0;display:flex;justify-content:center;margin-left:18px}
.netsvg{width:100%;max-width:600px;height:auto;display:block;overflow:visible}
.netsvg .nlab{font-family:'IBM Plex Mono',monospace;font-size:14px;font-weight:600;letter-spacing:.1em}
.netsvg .ctxt{font-family:'Inter',sans-serif;font-weight:800;font-size:25px;letter-spacing:.12em;fill:#fff}
.netsvg .csub{font-family:'IBM Plex Mono',monospace;font-size:7.5px;letter-spacing:.08em;fill:var(--cyan);opacity:.85}
/* eyebrow badge */
.ebadge{display:inline-flex;align-items:center;gap:11px;border:1px solid var(--line-2);border-radius:9px;padding:8px 15px;box-shadow:0 0 26px rgba(34,211,238,.10);background:rgba(255,255,255,.012)}
.ebadge .dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.ebadge .b1{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.2em;color:var(--text)}
.ebadge .sep{width:1px;height:14px;background:var(--line-2)}
.ebadge .b2{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.2em;color:var(--cyan)}
/* feature pills rounded */
.fp{border-radius:10px}
/* CTA rounded */
.hero-cta2 a{border-radius:10px}
/* metrics column */
.metrics{display:flex;flex-direction:column;justify-content:flex-start;align-self:start;padding-top:8px}
.metrics .mrow{padding:11px 0;border-bottom:1px solid var(--line)}
.metrics .mrow:last-child{border-bottom:none}
.metrics .mn{font-size:23px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1}
.metrics .ml{font-size:11.5px;color:var(--dim);margin-top:5px}
.mn.c{background:linear-gradient(120deg,#22D3EE,#6ff0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.mn.v{background:linear-gradient(120deg,#7C8CFF,#aab6ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.mn.g{background:linear-gradient(120deg,#34D399,#7af0c0);-webkit-background-clip:text;background-clip:text;color:transparent}
.mn.gd{color:var(--gold)}
/* R-Series rail — one clean container, single line */
.rrail-wrap{padding:54px 0 6px}
.rrail{display:flex;align-items:stretch;border:1px solid var(--line-2);border-radius:11px;overflow-x:auto;background:rgba(255,255,255,.014)}
.rrail::-webkit-scrollbar{height:0}
.rrail .rttl{display:flex;align-items:center;gap:9px;padding:15px 20px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.14em;color:var(--muted);white-space:nowrap;border-right:1px solid var(--line)}
.rrail .rdot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.rrail .ri{display:flex;align-items:center;gap:11px;padding:15px 20px;font-size:13.5px;white-space:nowrap;border-right:1px solid var(--line);color:var(--text)}
.rrail .ri:last-child{border-right:none}
.rrail .ri b{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.08em}
.rrail .ri b.live{color:var(--green)} .rrail .ri b.run{color:var(--gold)}
.rrail .ri b .d{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px;vertical-align:middle}
.rrail .ri b.run .d{animation:bl 1.4s infinite}
@media(max-width:1100px){.hero .inner{grid-template-columns:1fr}.metrics{flex-direction:row;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px}.metrics .mrow{flex:1;min-width:130px;border-bottom:none;border-right:1px solid var(--line);padding:8px 14px}.netwrap{padding:0 0 20px}}



/* === DK FINAL HERO POLISH PATCH === */
:root{
  --hero-left: 510px;
  --hero-metrics: 142px;
}
.wrap{max-width:1360px;padding-left:36px;padding-right:36px}
.hero{min-height:calc(100vh - 60px);display:flex;flex-direction:column}
.hero .inner{
  grid-template-columns:minmax(470px,var(--hero-left)) minmax(470px,1fr) var(--hero-metrics);
  gap:20px;
  padding-top:54px;
  align-items:center;
}
.hero .left{border-right:0;padding:0 8px 0 0}
.ebadge{padding:7px 13px;border-radius:10px;background:rgba(8,14,34,.68);box-shadow:0 0 30px rgba(34,211,238,.12)}
.ebadge .b1,.ebadge .b2{font-size:11px;letter-spacing:.18em}
h1{font-size:44px;line-height:1.03;letter-spacing:-.052em;max-width:520px;margin-top:22px;text-wrap:balance}
h1 .lo{white-space:nowrap;font-size:.98em;display:inline-block;text-shadow:0 0 32px rgba(34,211,238,.18)}
.hero p.sub{font-size:15.8px;line-height:1.52;max-width:500px;margin-top:20px;color:#a8b2d4}
.fpills{margin-top:22px;gap:9px;flex-wrap:wrap}
.fp{padding:9px 12px;font-size:12.5px;background:rgba(8,14,34,.62);border-color:#232c52;box-shadow:0 0 18px rgba(34,211,238,.055)}
.hero-cta2{margin-top:22px;gap:12px}
.hero-cta2 a{padding:14px 26px;border-radius:11px}
.netwrap{margin-left:0;padding:0;justify-content:center;transform:translateX(-8px)}
.netsvg{max-width:570px}
.metrics{padding-top:18px;min-width:132px}
.metrics .mrow{padding:12px 0}
.metrics .mn{font-size:24px}
.metrics .ml{font-size:11.5px;color:#9ba6c8}
.rrail-wrap{padding:16px 0 8px;margin-top:auto}
.rrail{border-radius:12px;box-shadow:0 0 34px rgba(34,211,238,.08);background:rgba(8,14,34,.78)}
.rrail .rttl{padding:13px 16px;font-size:10.8px;letter-spacing:.13em}
.rrail .ri{padding:13px 14px;font-size:12.7px;gap:8px}
.rrail .ri b{font-size:10px}
.trusted .lab{padding-left:0}.trusted .prods a{padding:15px 25px}.trusted .pw{margin-left:auto}
@media (max-width:1180px){
  .wrap{padding-left:28px;padding-right:28px}
  .hero .inner{grid-template-columns:minmax(430px,0.9fr) minmax(430px,1fr);gap:12px}
  .metrics{grid-column:1 / -1;flex-direction:row;border-top:1px solid var(--line);padding-top:12px}
  .metrics .mrow{flex:1;border-bottom:0;border-right:1px solid var(--line);padding:8px 14px}.metrics .mrow:last-child{border-right:0}
  .netsvg{max-width:520px}
}
@media (max-width:900px){
  .hero{min-height:auto}.hero .inner{grid-template-columns:1fr;padding-top:38px}.netwrap{transform:none}.netsvg{max-width:100%}
  h1{font-size:38px}.hero p.sub{font-size:15px}.rrail-wrap{margin-top:22px}
}



/* === DK GAP FIX: keep R-Series + Trusted bars attached to hero === */
.hero{
  min-height:auto !important;
  display:block !important;
}
.hero .inner{
  padding-top:42px !important;
  padding-bottom:0 !important;
  align-items:center !important;
}
.netwrap{
  transform:translate(-8px,-6px) !important;
}
.netsvg{
  max-width:560px !important;
}
.metrics{
  padding-top:8px !important;
}
.rrail-wrap{
  margin-top:-34px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  position:relative;
  z-index:6;
}
.rrail{
  min-height:50px;
  border-radius:12px 12px 0 0 !important;
}
.trusted{
  margin-top:0 !important;
  border-top:0 !important;
}
.trusted .inner{
  min-height:46px;
}
.trusted .lab,
.trusted .prods a,
.trusted .pw{
  padding-top:13px !important;
  padding-bottom:13px !important;
}
@media (min-width:1181px){
  .hero .inner{
    grid-template-columns:minmax(470px,510px) minmax(500px,1fr) 142px !important;
  }
}
@media (max-width:1180px){
  .rrail-wrap{margin-top:12px !important;}
  .netwrap{transform:none !important;}
}


/* === DK FINAL VIEWPORT FIX: bars sit at bottom of first screen === */
.hero{
  min-height:calc(100vh - 60px - 56px) !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
.hero .inner{
  flex:1 1 auto !important;
  padding-top:42px !important;
  padding-bottom:8px !important;
  align-items:center !important;
}
.netwrap{
  transform:translate(-8px,-10px) !important;
}
.netsvg{
  max-width:550px !important;
}
.metrics{
  padding-top:10px !important;
}
.rrail-wrap{
  margin-top:auto !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.rrail{
  border-bottom-left-radius:0 !important;
  border-bottom-right-radius:0 !important;
}
.trusted{
  margin-top:0 !important;
  border-top:0 !important;
}
.trusted .inner{
  min-height:56px !important;
}
.trusted .lab,
.trusted .prods a,
.trusted .pw{
  padding-top:15px !important;
  padding-bottom:15px !important;
}
.band#arch .pad{
  padding-top:74px !important;
}
@media (max-width:900px){
  .hero{min-height:auto !important; overflow:visible !important;}
  .hero .inner{padding-top:34px !important; padding-bottom:24px !important;}
  .rrail-wrap{padding-top:0 !important; margin-top:0 !important;}
  .trusted .inner{min-height:auto !important;}
}



/* === DK GRAPH BACKGROUND PATCH: premium Atlas network background === */
.hero{
  background:
    linear-gradient(rgba(124,140,255,.040) 1px,transparent 1px),
    linear-gradient(90deg,rgba(124,140,255,.040) 1px,transparent 1px),
    radial-gradient(circle at 68% 38%,rgba(34,211,238,.10),transparent 34%),
    radial-gradient(circle at 30% 34%,rgba(124,140,255,.07),transparent 36%),
    #050816 !important;
  background-size:48px 48px,48px 48px,auto,auto,auto !important;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.42;
  mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='760' viewBox='0 0 1440 760'%3E%3Cg fill='none' stroke='%2322D3EE' stroke-opacity='.16' stroke-width='1'%3E%3Cpath d='M80 160 L210 105 L345 180 L500 120 L690 210 L830 145 L1030 230 L1220 155 L1380 240'/%3E%3Cpath d='M120 430 L270 360 L420 430 L580 330 L760 390 L930 300 L1115 385 L1320 315'/%3E%3Cpath d='M230 120 L270 360 M500 120 L580 330 M830 145 L760 390 M1030 230 L1115 385'/%3E%3Cpath d='M420 430 L540 560 L690 500 L850 575 L1010 500 L1185 585'/%3E%3C/g%3E%3Cg fill='%2322D3EE' fill-opacity='.35'%3E%3Ccircle cx='80' cy='160' r='2.5'/%3E%3Ccircle cx='210' cy='105' r='2'/%3E%3Ccircle cx='345' cy='180' r='2.2'/%3E%3Ccircle cx='500' cy='120' r='2'/%3E%3Ccircle cx='690' cy='210' r='2.4'/%3E%3Ccircle cx='830' cy='145' r='2'/%3E%3Ccircle cx='1030' cy='230' r='2.4'/%3E%3Ccircle cx='1220' cy='155' r='2'/%3E%3Ccircle cx='1380' cy='240' r='2.5'/%3E%3Ccircle cx='270' cy='360' r='2.3'/%3E%3Ccircle cx='420' cy='430' r='2.2'/%3E%3Ccircle cx='580' cy='330' r='2'/%3E%3Ccircle cx='760' cy='390' r='2.6'/%3E%3Ccircle cx='930' cy='300' r='2.3'/%3E%3Ccircle cx='1115' cy='385' r='2.4'/%3E%3Ccircle cx='1320' cy='315' r='2.3'/%3E%3C/g%3E%3Cg fill='%237C8CFF' fill-opacity='.25'%3E%3Ccircle cx='540' cy='560' r='2'/%3E%3Ccircle cx='690' cy='500' r='2.2'/%3E%3Ccircle cx='850' cy='575' r='2'/%3E%3Ccircle cx='1010' cy='500' r='2.4'/%3E%3Ccircle cx='1185' cy='585' r='2'/%3E%3C/g%3E%3C/svg%3E");
  background-size:cover;
  background-position:center top;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 63% 48%,transparent 0 18%,rgba(5,8,22,.04) 36%,rgba(5,8,22,.32) 74%),
    linear-gradient(90deg,rgba(5,8,22,.30),transparent 35%,transparent 68%,rgba(5,8,22,.45));
}
.hero-aura{z-index:1 !important;}
.parts{z-index:2 !important;}
.hero .inner{position:relative;z-index:3 !important;}
.rrail-wrap{position:relative;z-index:4 !important;}



/* === DK FINAL PREMIUM POLISH PATCH: larger brand, cleaner headline, stronger rails === */
nav .row{height:64px !important;}
.menu{height:64px !important;}
.mi>a{height:64px !important;font-size:14.5px !important;}
.drop{top:64px !important;}
.brand{font-size:20px !important;gap:12px !important;letter-spacing:.01em !important;}
.brand svg{width:32px !important;height:32px !important;filter:drop-shadow(0 0 10px rgba(34,211,238,.35));}
.btn-primary{font-size:14px !important;padding:11px 20px !important;box-shadow:0 0 34px rgba(34,211,238,.28) !important;}
.signin{font-size:14.5px !important;}

.hero{min-height:calc(100vh - 64px - 60px) !important;}
.hero .inner{padding-top:34px !important;}
h1{font-size:clamp(42px,4.15vw,62px) !important;line-height:.98 !important;letter-spacing:-.058em !important;max-width:650px !important;margin-top:24px !important;}
h1 .lo{font-size:.96em !important;text-shadow:0 0 36px rgba(34,211,238,.22),0 0 18px rgba(124,140,255,.16) !important;}
.hero p.sub{font-size:17px !important;line-height:1.5 !important;max-width:520px !important;color:#b5bedc !important;margin-top:22px !important;}
.hero p.sub b{color:#fff !important;}
.ebadge{border-color:#2c3867 !important;background:rgba(8,14,34,.78) !important;box-shadow:0 0 34px rgba(34,211,238,.18), inset 0 0 24px rgba(34,211,238,.03) !important;}
.ebadge .b1,.ebadge .b2{font-size:12px !important;}
.fp{font-size:13.5px !important;padding:10px 14px !important;border-color:#2b3765 !important;background:rgba(8,14,34,.74) !important;box-shadow:0 0 22px rgba(34,211,238,.07) !important;}
.fp svg{width:17px !important;height:17px !important;}
.hero-cta2 a{font-size:15px !important;padding:16px 30px !important;}
.netwrap{transform:translate(-4px,-10px) !important;}
.netsvg{max-width:570px !important;filter:drop-shadow(0 0 22px rgba(34,211,238,.08));}
.metrics{padding-top:8px !important;}
.metrics .mn{font-size:28px !important;line-height:.95 !important;}
.metrics .ml{font-size:12.5px !important;color:#aeb8d7 !important;}
.metrics .mrow{padding:14px 0 !important;}

/* Strong, readable R-Series rail */
.rrail-wrap{padding-left:0 !important;padding-right:0 !important;}
.rrail{min-height:66px !important;border:1px solid #2b3765 !important;background:linear-gradient(180deg,rgba(13,20,45,.94),rgba(8,13,30,.94)) !important;box-shadow:0 0 42px rgba(34,211,238,.12), inset 0 1px 0 rgba(255,255,255,.035) !important;}
.rrail .rttl{font-size:13px !important;letter-spacing:.18em !important;font-weight:700 !important;color:#dbe7ff !important;padding:19px 24px !important;background:rgba(34,211,238,.035) !important;text-shadow:0 0 18px rgba(34,211,238,.22) !important;}
.rrail .rttl::after{content:'';width:44px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);margin-left:4px;opacity:.8;}
.rrail .rdot{width:9px !important;height:9px !important;box-shadow:0 0 16px var(--green),0 0 28px rgba(52,211,153,.28) !important;}
.rrail .ri{font-size:16px !important;font-weight:600 !important;color:#f7fbff !important;padding:19px 22px !important;gap:12px !important;}
.rrail .ri b{font-size:12.5px !important;font-weight:800 !important;letter-spacing:.09em !important;}
.rrail .ri b .d{width:7px !important;height:7px !important;margin-right:7px !important;}
.rrail .ri b.live{color:#38f2b5 !important;text-shadow:0 0 16px rgba(52,211,153,.28) !important;}
.rrail .ri b.run{color:#F5B942 !important;text-shadow:0 0 16px rgba(245,185,66,.30) !important;}

/* Strong, readable Trusted Across bar */
.trusted{background:linear-gradient(180deg,rgba(7,11,27,.98),rgba(5,8,22,.98)) !important;border-bottom:1px solid #25305b !important;}
.trusted .inner{min-height:64px !important;border-top:1px solid #202a50 !important;}
.trusted .lab{font-size:13px !important;letter-spacing:.20em !important;font-weight:700 !important;color:#d7e2ff !important;padding:20px 26px 20px 0 !important;text-shadow:0 0 16px rgba(124,140,255,.18) !important;}
.trusted .prods{border-left:1px solid #25305b !important;}
.trusted .prods a{font-size:16px !important;font-weight:700 !important;color:#c7d1ef !important;padding:20px 30px !important;border-right:1px solid #25305b !important;}
.trusted .prods a:hover{color:#ffffff !important;background:rgba(34,211,238,.045) !important;text-shadow:0 0 12px rgba(34,211,238,.18) !important;}
.trusted .pw{font-size:13px !important;color:#2de6ff !important;font-weight:700 !important;letter-spacing:.12em !important;padding:20px 0 20px 26px !important;text-shadow:0 0 16px rgba(34,211,238,.24) !important;}

/* Keep next section clean after stronger bars */
.band#arch .pad{padding-top:82px !important;}
@media(max-width:1180px){
  h1{font-size:clamp(38px,5vw,54px) !important;}
  .rrail .rttl{font-size:12px !important;padding:16px 18px !important;}
  .rrail .ri{font-size:14px !important;padding:16px 18px !important;}
  .trusted .prods a{font-size:15px !important;padding:17px 22px !important;}
}
@media(max-width:900px){
  nav .row,.menu{height:60px !important;}
  .brand{font-size:18px !important;}.brand svg{width:28px !important;height:28px !important;}
  .hero{min-height:auto !important;}
  .rrail{border-radius:12px !important;}
  .rrail .ri,.rrail .rttl{min-width:max-content !important;}
  .trusted .lab,.trusted .prods a,.trusted .pw{font-size:14px !important;}
}


/* === FINAL DK REQUEST PATCH === */
.wrap{max-width:1480px!important;padding-left:44px!important;padding-right:44px!important}
.hero .inner{grid-template-columns:minmax(545px,590px) minmax(540px,1fr) 190px!important;gap:22px!important}
.hero .left{overflow:visible!important}
h1{font-size:clamp(42px,4.05vw,64px)!important;line-height:.98!important;max-width:760px!important;letter-spacing:-.058em!important;overflow:visible!important}
h1 br{display:none!important}
h1 .lo{display:inline!important;white-space:nowrap!important;position:relative!important;z-index:5!important;padding-right:8px!important;overflow:visible!important}
.hero p.sub{max-width:560px!important}
.fpills{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;width:max-content!important;max-width:none!important}
.fp{white-space:nowrap!important;flex:0 0 auto!important;padding:10px 14px!important}
.netwrap{transform:translate(-10px,-8px)!important}
.netsvg{max-width:575px!important}
.metrics{min-width:178px!important}
.metrics .ml{white-space:normal!important;line-height:1.25!important}
.trusted .inner{flex-wrap:nowrap!important;width:100%!important}
.trusted .lab{flex:0 0 230px!important;padding-left:0!important;padding-right:24px!important}
.trusted .prods{display:flex!important;flex:1 1 auto!important;min-width:0!important}
.trusted .prods a{flex:1 1 0!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:18px 12px!important;font-size:15.5px!important;text-align:center!important}
.trusted .prods .ti{font-size:20px!important;line-height:1!important;filter:drop-shadow(0 0 8px rgba(34,211,238,.25))}
.trusted .pw{flex:0 0 175px!important;text-align:right!important;white-space:nowrap!important}
@media(max-width:1280px){
  .hero .inner{grid-template-columns:minmax(500px,.95fr) minmax(470px,1fr) 165px!important}
  h1{font-size:clamp(40px,3.85vw,58px)!important}
  .trusted .lab{flex-basis:200px!important}
  .trusted .pw{flex-basis:145px!important;font-size:12px!important}
  .trusted .prods a{font-size:14px!important;padding-left:8px!important;padding-right:8px!important}
}
@media(max-width:1100px){
  .hero .inner{grid-template-columns:1fr!important}
  h1 br{display:block!important}
  .fpills{flex-wrap:wrap!important;width:auto!important}
  .metrics{min-width:0!important}
  .trusted .inner{flex-wrap:wrap!important}
  .trusted .lab,.trusted .pw{flex:1 1 100%!important;text-align:left!important}
  .trusted .prods{flex-wrap:wrap!important}
  .trusted .prods a{flex:1 1 33.333%!important}
}


/* === V1 PHASE-1: products-8, founder vision, timeline, demo form === */
.stackgrid{grid-template-columns:repeat(4,1fr)}
.stackgrid .pcard:nth-child(4n){border-right:none}
.stackgrid .pcard:nth-child(-n+4){border-bottom:1px solid var(--line)}
@media(max-width:900px){.stackgrid{grid-template-columns:1fr 1fr}.stackgrid .pcard:nth-child(2n){border-right:none}}
.founder{border-bottom:1px solid var(--line);background:var(--bg-2);position:relative;overflow:hidden}
.founder .pad{padding:74px 0}
.founder .fv{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-top:30px}
.fv .vbox{border:1px solid var(--line-2);background:var(--bg);aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 60px -24px rgba(34,211,238,.35);background-image:linear-gradient(rgba(124,140,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(124,140,255,.04) 1px,transparent 1px);background-size:32px 32px}
.fv .play{width:66px;height:66px;border-radius:50%;border:1.5px solid var(--cyan);display:flex;align-items:center;justify-content:center;color:var(--cyan);font-size:22px;box-shadow:0 0 34px rgba(34,211,238,.32);cursor:pointer;transition:.16s}
.fv .play:hover{background:rgba(34,211,238,.09)}
.fv .vlab{position:absolute;bottom:14px;left:16px;font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.16em;color:var(--muted)}
.fv blockquote{font-family:'Newsreader',serif;font-size:25px;line-height:1.4;font-style:italic;color:var(--text);border:none;letter-spacing:-.01em}
.fv .topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.fv .topics span{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--dim);border:1px solid var(--line-2);padding:6px 11px}
@media(max-width:820px){.founder .fv{grid-template-columns:1fr}}
.rmap{display:flex;border:1px solid var(--line);margin-top:24px;overflow-x:auto}
.rmap .rstep{flex:1;min-width:118px;padding:20px 16px;border-right:1px solid var(--line)}
.rmap .rstep:last-child{border-right:none}
.rmap .rstep .ry{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--cyan);letter-spacing:.12em}
.rmap .rstep .rt{font-size:14px;font-weight:600;margin-top:8px}
.rmap .rstep .rs{margin-top:11px}
.demoform{display:grid;grid-template-columns:1fr 1fr;gap:15px;border:1px solid var(--line-2);padding:30px;margin-top:24px;background:rgba(255,255,255,.012)}
.demoform .full{grid-column:1/3}
.demoform label{display:block;font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.demoform input,.demoform select,.demoform textarea{width:100%;background:var(--bg);border:1px solid var(--line-2);color:var(--text);padding:11px 13px;font-family:'Inter',sans-serif;font-size:14px;outline:none}
.demoform input:focus,.demoform select:focus,.demoform textarea:focus{border-color:var(--cyan)}
.demoform textarea{resize:vertical;min-height:84px}
.demoform .submit{grid-column:1/3;display:flex;justify-content:flex-end}
.demoform button{background:var(--cyan);color:#04121a;font-weight:700;border:none;padding:13px 30px;font-size:14px;cursor:pointer;border-radius:10px;box-shadow:0 0 28px rgba(34,211,238,.22)}
@media(max-width:640px){.demoform{grid-template-columns:1fr}.demoform .full,.demoform .submit{grid-column:1}}

/* ===== sub-page shared additions ===== */
.mi.active>a{color:var(--cyan)}
.phead{border-bottom:1px solid var(--line);background:linear-gradient(rgba(124,140,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(124,140,255,.035) 1px,transparent 1px);background-size:48px 48px}
.phead .pad{padding:64px 0 56px}
.phead h1{font-size:46px;line-height:1.04;letter-spacing:-.05em;max-width:18ch}
.phead h1 .lo{font-family:'Newsreader',serif;font-style:italic;font-weight:500;background:linear-gradient(100deg,#5fe3f5,#8aa4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.phead p.sub{margin-top:18px;max-width:58ch}
/* platform stack */
.stack2{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;margin-top:10px;align-items:start}
.layers{border:1px solid var(--line)}
.layer{padding:18px 20px;border-bottom:1px solid var(--line);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:.15s}
.layer:last-child{border-bottom:none}
.layer:hover{background:rgba(34,211,238,.04)}
.layer.on{background:rgba(34,211,238,.07);box-shadow:inset 3px 0 0 var(--cyan)}
.layer .ln-t{font-size:15.5px;font-weight:600}
.layer .ln-i{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--muted);letter-spacing:.1em}
.layer.core{background:rgba(124,140,255,.06)}
.ldetail{border:1px solid var(--line-2);padding:28px;position:sticky;top:80px;background:var(--bg-2)}
.ldetail .dt{font-size:20px;font-weight:700}.ldetail .dd{color:var(--dim);margin-top:10px;line-height:1.6;font-size:14px}
.ldetail .dk{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--cyan);letter-spacing:.1em;margin-top:18px}
@media(max-width:820px){.stack2{grid-template-columns:1fr}.ldetail{position:static}}
/* products 10-grid */
.prodgrid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);margin-top:8px}
.prodgrid .pcard{border-bottom:1px solid var(--line)}
.prodgrid .pcard:nth-child(5n){border-right:none}
@media(max-width:1000px){.prodgrid{grid-template-columns:1fr 1fr}.prodgrid .pcard:nth-child(2n){border-right:none}}
/* solutions industry blocks */
.ind{border:1px solid var(--line);margin-top:22px}
.ind .ih{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.012)}
.ind .ih .ic{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--cyan);letter-spacing:.14em;text-transform:uppercase}
.ind .ih .it{font-size:19px;font-weight:700}
.ind .grid4{display:grid;grid-template-columns:repeat(4,1fr)}
.ind .grid4 .cell{padding:20px 22px;border-right:1px solid var(--line)}
.ind .grid4 .cell:last-child{border-right:none}
.ind .grid4 .ck{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ind .grid4 .cv{font-size:13.5px;color:var(--dim);margin-top:8px;line-height:1.5}
.ind .grid4 .cv b{color:var(--text);font-weight:600}
@media(max-width:820px){.ind .grid4{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ind .grid4{grid-template-columns:1fr}.ind .grid4 .cell{border-right:none}}
/* enterprise map */
.gmap{border:1px solid var(--line);margin-top:8px;background:var(--bg-2);padding:20px}
.gmap svg{width:100%;height:auto;display:block}
.gmap .mn{fill:var(--cyan)}
.gmap .ml{stroke:var(--cyan);stroke-width:1;fill:none;opacity:.5;stroke-dasharray:3 6;animation:flow 2s linear infinite}
.gmap .land{fill:#0c1430;stroke:var(--line-2);stroke-width:.6}
/* pricing */
.plans{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:8px}
.plan{padding:32px 26px;border-right:1px solid var(--line);display:flex;flex-direction:column}
.plan:last-child{border-right:none}
.plan.feat{background:rgba(34,211,238,.04);box-shadow:inset 0 2px 0 var(--cyan)}
.plan .pln{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}
.plan .plp{font-size:30px;font-weight:800;margin:14px 0 4px;letter-spacing:-.02em}
.plan .plp small{font-size:13px;color:var(--dim);font-weight:500}
.plan .pll{font-size:13.5px;color:var(--dim)}
.plan ul{list-style:none;margin:22px 0;flex:1}
.plan li{font-size:13.5px;color:var(--dim);padding:8px 0 8px 22px;position:relative;border-bottom:1px solid var(--line)}
.plan li::before{content:"✓";position:absolute;left:0;color:var(--green)}
.plan .pbtn{display:block;text-align:center;padding:13px;font-weight:700;font-size:14px;border:1px solid var(--line-2)}
.plan.feat .pbtn{background:var(--cyan);color:#04121a;border-color:var(--cyan);border-radius:10px}
@media(max-width:820px){.plans{grid-template-columns:1fr}.plan{border-right:none;border-bottom:1px solid var(--line)}}
/* developers code */
.code{border:1px solid var(--line-2);background:#070b1b;font-family:'IBM Plex Mono',monospace;font-size:13px;line-height:1.7;padding:20px 22px;margin-top:8px;overflow-x:auto;color:#cfe6ff}
.code .c{color:var(--muted)}.code .k{color:var(--violet)}.code .s{color:var(--green)}.code .f{color:var(--cyan)}
.devgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px}
@media(max-width:820px){.devgrid{grid-template-columns:1fr}}
.endpoint{display:flex;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);font-family:'IBM Plex Mono',monospace;font-size:12.5px}
.endpoint .verb{color:var(--green);font-weight:700;min-width:46px}
.endpoint .path{color:var(--text)}.endpoint .ds{color:var(--dim);margin-left:auto;font-family:'Inter',sans-serif;font-size:12px}
.play2{border:1px solid var(--line-2);margin-top:8px}
.play2 textarea{width:100%;background:#070b1b;border:none;border-bottom:1px solid var(--line);color:#cfe6ff;font-family:'IBM Plex Mono',monospace;font-size:13px;padding:16px;min-height:90px;outline:none;resize:vertical}
.play2 .runbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}
.play2 button{background:var(--cyan);color:#04121a;font-weight:700;border:none;padding:9px 20px;font-size:13px;cursor:pointer;border-radius:8px}
.play2 .out{padding:16px;font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--green);border-top:1px solid var(--line);white-space:pre-wrap}

/* ===== shared motion + graphics layer ===== */
.atlas-bg{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.55}
nav,header,section,footer{position:relative;z-index:1}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.07s}.reveal.d2{transition-delay:.14s}.reveal.d3{transition-delay:.21s}.reveal.d4{transition-delay:.28s}
.glow{transition:.18s}
.glow:hover{border-color:var(--cyan)!important;box-shadow:0 0 34px -8px rgba(34,211,238,.4);transform:translateY(-2px)}
.phead{position:relative;overflow:hidden}
.phead .aura{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 80% 30%,rgba(34,211,238,.16),transparent 46%),radial-gradient(circle at 12% 90%,rgba(124,140,255,.12),transparent 42%)}
.phead .pad{position:relative;z-index:1}
.heroviz{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:420px;max-width:42vw;opacity:.9;z-index:0}
@media(max-width:1000px){.heroviz{display:none}}
/* animated pipeline (platform) */
.pipe svg{width:100%;height:auto;display:block;overflow:visible}
.pipe .pl{stroke:var(--line-2);stroke-width:1.2;fill:none}
.pipe .pl.on{stroke:var(--cyan);stroke-width:1.6;stroke-dasharray:5 7;animation:flow 1.8s linear infinite}
.pipe .box{fill:var(--bg-2);stroke:var(--line-2);stroke-width:1.2}
.pipe .box.core{stroke:var(--violet);fill:rgba(124,140,255,.06)}
.pipe .bt{font-family:'Inter';font-weight:600;font-size:12px;fill:var(--text)}
.pipe .bi{font-family:'IBM Plex Mono',monospace;font-size:8px;fill:var(--muted);letter-spacing:.1em}
/* svg glyph icon in product/feature cards */
.gi{width:30px;height:30px;display:block;margin-bottom:14px;stroke:var(--cyan);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.gi.v{stroke:var(--violet)}.gi.g{stroke:var(--green)}.gi.gd{stroke:var(--gold)}
/* mini trust-flow graphic */
.tflow{width:100%;height:auto;display:block;overflow:visible;margin-top:6px}
.tflow .tn circle{fill:var(--bg);stroke:var(--cyan);stroke-width:1.4}
.tflow .tn text{font-family:'IBM Plex Mono',monospace;font-size:9px;fill:var(--dim)}
.tflow .te{stroke:var(--line-2);stroke-width:1.2;fill:none}
.tflow .tp{fill:var(--cyan)}
/* spotlight */
.spot{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;border:1px solid var(--line-2);padding:34px;margin-top:24px;background:rgba(255,255,255,.012);box-shadow:0 0 60px -28px rgba(34,211,238,.35)}
@media(max-width:820px){.spot{grid-template-columns:1fr}}
.rcard{border:1px solid var(--line-2);background:var(--bg-2);padding:22px;font-family:'IBM Plex Mono',monospace;position:relative;overflow:hidden}
.rcard .rk{font-size:10.5px;color:var(--muted);letter-spacing:.12em}
.rcard .rv{font-size:13px;color:var(--text);margin:2px 0 12px}
.rcard .sweep{position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(34,211,238,.12),transparent);transform:translateX(-100%);animation:sweep 3.4s ease-in-out infinite}
@keyframes sweep{0%{transform:translateX(-100%)}55%,100%{transform:translateX(120%)}}
/* research vertical spine */
.spine{position:relative;margin-top:10px;padding-left:0}
.spine .ev{position:relative}
.spine .ev .dt::after{content:"";position:absolute;left:-5px;top:18px;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
/* compliance badges */
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.badges span{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;color:var(--dim);border:1px solid var(--line-2);padding:8px 13px;display:flex;align-items:center;gap:8px}
.badges span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
/* developers terminal */
.term{border:1px solid var(--line-2);background:#070b1b;margin-top:8px}
.term .bar{display:flex;gap:7px;padding:11px 14px;border-bottom:1px solid var(--line)}
.term .bar i{width:10px;height:10px;border-radius:50%;background:#2a3052;display:block}
.term .body{padding:18px 20px;font-family:'IBM Plex Mono',monospace;font-size:13px;line-height:1.8;color:#cfe6ff;min-height:120px}
.term .cur{color:var(--cyan)}

/* ===== FIX: nav must sit above all sections; dropdown above everything ===== */
nav{position:sticky!important;top:0;z-index:600!important}
.drop{z-index:640!important;background:#070b1b!important;box-shadow:0 30px 70px -20px rgba(0,0,0,.85)}
header,section,footer{position:relative;z-index:1}
.atlas-bg{z-index:0}
/* premium flow graphic spacing */
.tflow{margin-top:8px}