:root{
    --bg:#080c1c; --bg2:#0b1226; --bg3:#0e1733; --panel:#111a38; --panel2:#15203f; --line:#222c52; --line2:#2c3a66;
    --text:#eef1fb; --muted:#a9b2d6; --dim:#737fa8;
    --blue:#5b6cff; --indigo:#4f46e5; --purple:#a06bff; --violet:#7c3aed; --cyan:#3fd0e0; --green:#2fd07a; --amber:#ffb24d; --pink:#ff5ca8;
    --grad:linear-gradient(135deg,#5b6cff,#a06bff); --grad2:linear-gradient(135deg,#3fd0e0,#5b6cff); --gradg:linear-gradient(135deg,#2fd07a,#3fd0e0);
    --radius:16px; --maxw:1200px; --mono:'JetBrains Mono',ui-monospace,monospace;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{background:var(--bg);color:var(--text);font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  h1,h2,h3,h4,.brand{font-family:'Manrope','Inter',sans-serif;letter-spacing:-.5px}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px}
  .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .gradc{background:var(--grad2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;padding:13px 24px;border-radius:12px;cursor:pointer;border:none;transition:transform .15s,box-shadow .15s,background .15s}
  .btn-primary{background:var(--grad);color:#fff;box-shadow:0 12px 34px rgba(91,108,255,.4)}
  .btn-primary:hover{transform:translateY(-2px)}
  .btn-ghost{background:rgba(255,255,255,.06);color:var(--text);border:1px solid var(--line2)}
  .btn-ghost:hover{background:rgba(255,255,255,.11)}
  .eyebrow{font-size:12px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:var(--cyan)}
  section{position:relative;padding:90px 0}
  .lead{color:var(--muted);font-size:19px;max-width:740px}

  /* ANNOUNCEMENT BAR */
  .annc{background:linear-gradient(90deg,rgba(91,108,255,.18),rgba(160,107,255,.18));border-bottom:1px solid var(--line);font-size:13.5px;text-align:center;padding:9px 16px;color:var(--muted)}
  .annc b{color:var(--text)} .annc a{color:var(--cyan);font-weight:600}

  /* NAV + MEGA MENU */
  header.nav{position:sticky;top:0;z-index:80;backdrop-filter:blur(16px);background:rgba(8,12,28,.82);border-bottom:1px solid transparent;transition:border-color .25s}
  header.nav.solid{border-bottom:1px solid var(--line)}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:14px}
  .brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:20px}
  .brand .mark{width:38px;height:38px;border-radius:11px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:19px;box-shadow:0 6px 20px rgba(160,107,255,.5)}
  .menu{display:flex;align-items:center;gap:2px}
  .menu>li{list-style:none;position:relative}
  .menu>li>button{background:none;border:none;color:var(--muted);font-family:inherit;font-size:14.5px;font-weight:500;padding:10px 14px;border-radius:9px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:color .15s,background .15s}
  .menu>li:hover>button{color:var(--text);background:rgba(255,255,255,.05)}
  .menu>li>button .caret{font-size:10px;opacity:.6;transition:transform .2s}
  .menu>li:hover>button .caret{transform:rotate(180deg)}
  .mega{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(8px);opacity:0;visibility:hidden;transition:opacity .18s,transform .18s;background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line2);border-radius:16px;padding:16px;box-shadow:0 30px 70px rgba(0,0,0,.55);z-index:90}
  .menu>li:hover .mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
  .mega.w2{width:560px} .mega.w1{width:300px}
  .mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .mega-col-label{grid-column:1/-1;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--dim);padding:8px 12px 4px}
  .mega a{display:flex;gap:12px;padding:11px 12px;border-radius:11px;transition:background .14s}
  .mega a:hover{background:rgba(255,255,255,.05)}
  .mega .mi{font-size:18px;min-width:22px;text-align:center;margin-top:1px}
  .mega .mt{font-weight:600;font-size:14px;color:var(--text);display:block}
  .mega .md{font-size:12.5px;color:var(--dim);line-height:1.4}
  .nav-cta{display:flex;align-items:center;gap:10px}
  .nav-cta .sign{color:var(--muted);font-size:14.5px;font-weight:500;padding:8px 12px}
  .hamb{display:none;background:none;border:1px solid var(--line2);color:var(--text);border-radius:9px;padding:8px 11px;font-size:18px;cursor:pointer}
  @media(max-width:1040px){.menu,.nav-cta .sign{display:none}.hamb{display:block}}
  /* mobile menu */
  #mob{display:none;position:fixed;inset:72px 0 0;z-index:70;background:var(--bg);overflow-y:auto;padding:18px 26px 60px}
  #mob.open{display:block}
  #mob h5{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--dim);margin:18px 0 6px}
  #mob a{display:block;padding:10px 0;color:var(--muted);font-size:16px;border-bottom:1px solid var(--line)}

  /* HERO */
  .hero{padding:34px 0 50px;background:radial-gradient(1200px 620px at 82% -10%,rgba(160,107,255,.24),transparent 60%),radial-gradient(900px 520px at -10% 110%,rgba(63,208,224,.16),transparent 55%)}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}
  @media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:40px}}
  .hero h1{font-size:clamp(40px,5.6vw,66px);font-weight:800;line-height:1.04;margin:16px 0 18px}
  .hero .mission{font-size:18px;color:var(--text);border-left:3px solid var(--purple);padding:6px 0 6px 16px;font-style:italic;margin:24px 0}
  .hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
  .micro{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:var(--dim);font-size:13.5px}
  .micro span:before{content:"✓ ";color:var(--green);font-weight:700}
  .badge-live{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--green);font-weight:600;background:rgba(47,208,122,.1);padding:6px 13px;border-radius:999px;border:1px solid rgba(47,208,122,.28)}
  .badge-live i{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;animation:pulse 2s infinite}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(47,208,122,.5)}70%{box-shadow:0 0 0 9px rgba(47,208,122,0)}100%{box-shadow:0 0 0 0 rgba(47,208,122,0)}}

  /* HERO GRAPHIC */
  .atlas-stage{position:relative;width:100%;aspect-ratio:1/1;max-width:475px;margin:0 auto}
  .atlas-stage svg{width:100%;height:100%;overflow:visible}
  .spin{transform-origin:260px 260px;animation:spin 60s linear infinite}
  .spin-rev{transform-origin:260px 260px;animation:spin 80s linear infinite reverse}
  @keyframes spin{to{transform:rotate(360deg)}}
  .node{animation:float 1s ease-in-out infinite alternate}
  @keyframes float{to{opacity:.55}}
  .dash{stroke-dasharray:5 7;animation:dashmove 3s linear infinite}
  @keyframes dashmove{to{stroke-dashoffset:-48}}
  .glowpulse{animation:gp 3.5s ease-in-out infinite}
  @keyframes gp{0%,100%{opacity:.9}50%{opacity:.4}}

  /* receipt ticker card */
  .ledger{margin:18px 0 0;width:100%;background:linear-gradient(180deg,var(--panel2),var(--bg2));border:1px solid var(--line2);border-radius:14px;padding:12px 16px;box-shadow:0 24px 60px rgba(0,0,0,.5);font-size:12px}
  .ledger .lh{display:flex;justify-content:space-between;align-items:center;color:var(--dim);font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:7px}
  .ledger .lh .dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;margin-right:5px;animation:pulse 2s infinite;vertical-align:middle}
  .ledger .lr{display:grid;grid-template-columns:1fr auto 92px;align-items:center;gap:14px;padding:6px 0;border-top:1px solid var(--line);font-family:var(--mono);font-size:11.5px;animation:lrowin .35s ease both}
  @keyframes lrowin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
  .ledger .lr .k{color:var(--muted)}
  .ledger .lr .m{color:var(--dim);text-align:right;font-size:11px}
  .ledger .lr .v{color:var(--green);white-space:nowrap;text-align:right}
  .ledger .lr.signing .v{color:var(--amber)} .ledger .lr.signing .m{opacity:.35}
  .ledger .lr.signing .v:after{content:"…";animation:blink 1s steps(3) infinite}
  @keyframes blink{50%{opacity:.3}}
  .ledger .lr.ok .v:after{content:" ✓"}
  .ledger .lf{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding-top:9px;margin-top:3px;border-top:1px solid var(--line2);font-family:var(--mono);font-size:11px}
  .ledger .lf .k{color:var(--text);font-weight:600} .ledger .lf .c{color:var(--muted)} .ledger .lf .v{color:var(--cyan)}

  .grid{display:grid;gap:20px}
  .cols-2{grid-template-columns:1fr 1fr}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}
  @media(max-width:920px){.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}}
  .card{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:border-color .2s,transform .2s}
  .card:hover{border-color:var(--line2);transform:translateY(-3px)}
  .card h3{font-size:19px;margin:14px 0 8px}
  .card p{color:var(--muted);font-size:14.5px}
  .ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:21px;background:rgba(91,108,255,.16)}
  .tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.4px;padding:3px 9px;border-radius:6px;margin-top:14px}
  .tag.live{color:var(--green);background:rgba(47,208,122,.13)} .tag.r{color:var(--cyan);background:rgba(63,208,224,.13)} .tag.dark{color:var(--amber);background:rgba(255,178,77,.13)}
  .pill{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.4px;padding:4px 11px;border-radius:999px;background:rgba(160,107,255,.14);color:var(--purple)}

  .sec-head{max-width:780px;margin-bottom:46px}
  .sec-head h2{font-size:clamp(28px,4vw,44px);font-weight:800;margin:12px 0 14px}

  .logos{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;opacity:.8}
  .logos span{font-family:var(--mono);font-size:14px;color:var(--dim);padding:8px 16px;border:1px solid var(--line);border-radius:10px}

  /* steps */
  .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:s}
  @media(max-width:980px){.steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.steps{grid-template-columns:1fr}}
  .step{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}
  .step:before{counter-increment:s;content:counter(s);display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--grad);font-family:'Manrope';font-weight:800;color:#fff;margin-bottom:12px}
  .step h4{font-size:16px;margin-bottom:5px} .step p{color:var(--muted);font-size:13.5px}

  /* layers */
  .layers{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
  @media(max-width:980px){.layers{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.layers{grid-template-columns:repeat(2,1fr)}}
  .lyr{border:1px solid var(--line);border-radius:11px;padding:13px;background:var(--panel);transition:transform .18s,border-color .18s}
  .lyr:hover{transform:translateY(-3px);border-color:var(--blue)}
  .lyr .n{font-size:11px;font-weight:800;color:var(--cyan)} .lyr b{display:block;font-size:13.5px;margin:4px 0 2px} .lyr small{color:var(--dim);font-size:11.5px}
  .lyr.frontier{border-color:#3a2c5e;background:linear-gradient(180deg,#1a1733,#141029)} .lyr.frontier .n{color:var(--purple)}

  /* comparison */
  .compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  @media(max-width:820px){.compare{grid-template-columns:1fr}}
  .compare .col{border:1px solid var(--line);border-radius:16px;padding:26px}
  .compare .bad{background:linear-gradient(180deg,#1c1226,#120b1a)} .compare .good{background:linear-gradient(180deg,#0e1d20,#0b1622);border-color:#1f4a3a}
  .compare h3{font-size:20px;margin-bottom:14px}
  .compare ul{list-style:none} .compare li{padding:10px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14.5px}
  .compare .bad li:before{content:"✕ ";color:var(--pink);font-weight:700}
  .compare .good li:before{content:"✓ ";color:var(--green);font-weight:700}

  .stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}
  @media(max-width:820px){.stat-row{grid-template-columns:1fr 1fr}}
  .stat b{font-family:'Manrope';font-weight:800;font-size:36px;display:block}.stat span{color:var(--dim);font-size:13px}

  /* status table */
  .stbl{width:100%;border-collapse:collapse;font-size:14px}
  .stbl th,.stbl td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line)}
  .stbl th{color:var(--dim);font-size:12px;letter-spacing:.6px;text-transform:uppercase;font-weight:700}
  .stbl td:first-child{font-weight:600}
  .stbl .s-live{color:var(--green);font-weight:600} .stbl .s-soak{color:var(--cyan);font-weight:600} .stbl .s-dark{color:var(--amber);font-weight:600}
  .stbl tr:hover td{background:rgba(255,255,255,.02)}

  /* integrations */
  .ints{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
  .ints span{font-size:13.5px;font-weight:500;padding:9px 16px;border-radius:11px;background:var(--panel);border:1px solid var(--line);color:var(--muted)}
  .ints span.uni{background:rgba(160,107,255,.13);border-color:var(--violet);color:var(--text);font-weight:600}

  .price{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  @media(max-width:900px){.price{grid-template-columns:1fr}}
  .price .card.feat{border-color:var(--purple);box-shadow:0 18px 50px rgba(160,107,255,.2)}
  .price .amt{font-family:'Manrope';font-weight:800;font-size:36px;margin:8px 0}
  .price .amt small{font-size:15px;color:var(--dim);font-weight:600}
  .price ul{list-style:none;margin-top:14px}.price li{color:var(--muted);font-size:14px;padding:8px 0;border-top:1px solid var(--line)}
  .price li:before{content:"✓ ";color:var(--green);font-weight:700}

  .cta-band{background:radial-gradient(900px 400px at 50% 0%,rgba(160,107,255,.22),transparent 60%);text-align:center}
  .cta-band h2{font-size:clamp(30px,4.5vw,46px);font-weight:800;margin-bottom:14px}

  footer{border-top:1px solid var(--line);padding:54px 0 36px;color:var(--dim);font-size:13.5px;background:var(--bg2)}
  .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;margin-bottom:34px}
  @media(max-width:820px){.foot-grid{grid-template-columns:1fr 1fr}}
  footer h5{color:var(--text);font-size:13px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:12px;font-family:'Manrope'}
  footer a{display:block;color:var(--muted);padding:5px 0;font-size:14px}footer a:hover{color:var(--text)}
  .foot-bot{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
  .faded{animation:fadeup .7s ease both}@keyframes fadeup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* ===== Multi-page additions (CW1 — shared across all Atlas pages) ===== */
.page-hero{padding:140px 0 60px;position:relative}
.page-hero .eyebrow{font:600 13px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--purple);margin-bottom:18px}
.page-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.05;margin-bottom:18px}
.page-hero p.lede{font-size:clamp(17px,2vw,20px);color:var(--muted);max-width:62ch}
.breadcrumb{font:500 13px/1 var(--mono);color:var(--dim);margin-bottom:26px}
.breadcrumb a:hover{color:var(--purple)}
.section{padding:54px 0}
.section-tight{padding:34px 0}
.prose{max-width:72ch;color:var(--muted);font-size:16.5px}
.prose h2{color:var(--text);font-size:26px;margin:38px 0 14px}
.prose h3{color:var(--text);font-size:19px;margin:26px 0 10px}
.prose p{margin-bottom:14px}
.prose ul{margin:0 0 16px 20px}
.prose li{margin-bottom:8px}
.prose code{font-family:var(--mono);font-size:13.5px;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:2px 6px;color:var(--cyan)}
.prose pre{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;overflow:auto;margin:0 0 18px}
.prose pre code{background:none;border:none;padding:0;color:var(--text);font-size:13px;line-height:1.7}
.feature-row{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;margin:30px 0}
.feature-row.rev{grid-template-columns:1fr 1.1fr}
.feature-row .visual{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-height:200px;display:flex;align-items:center;justify-content:center}
@media(max-width:820px){.feature-row,.feature-row.rev{grid-template-columns:1fr}}
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}
.kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px}
.kpi .n{font:800 34px/1 'Manrope';margin-bottom:6px}
.kpi .l{font:500 13px/1.4 var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.06em}
.status-table{width:100%;border-collapse:collapse;font-size:14.5px}
.status-table th,.status-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}
.status-table th{font:600 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}
.pill{display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--mono);padding:5px 9px;border-radius:999px}
.pill.ok{background:rgba(47,208,122,.12);color:var(--green);border:1px solid rgba(47,208,122,.3)}
.pill.run{background:rgba(63,208,224,.12);color:var(--cyan);border:1px solid rgba(63,208,224,.3)}
.pill.wait{background:rgba(255,178,77,.12);color:var(--amber);border:1px solid rgba(255,178,77,.3)}
.pill.dark{background:rgba(160,107,255,.12);color:var(--purple);border:1px solid rgba(160,107,255,.3)}
.verify-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.verify-box textarea{width:100%;min-height:150px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;color:var(--text);font-family:var(--mono);font-size:13px;padding:14px;resize:vertical}
.verify-box textarea:focus{outline:2px solid var(--blue);border-color:transparent}
.verify-result{margin-top:18px;padding:16px 18px;border-radius:12px;font-weight:600;display:none}
.verify-result.show{display:block}
.verify-result.valid{background:rgba(47,208,122,.1);border:1px solid rgba(47,208,122,.35);color:var(--green)}
.verify-result.invalid{background:rgba(255,92,168,.1);border:1px solid rgba(255,92,168,.35);color:var(--pink)}
.verify-result.err{background:rgba(255,178,77,.1);border:1px solid rgba(255,178,77,.35);color:var(--amber)}
.solgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.price-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:30px;display:flex;flex-direction:column}
.price-card.feat{border-color:var(--blue);box-shadow:0 14px 40px rgba(91,108,255,.18)}
.price-card .amt{font:800 40px/1 'Manrope';margin:14px 0}
.price-card ul{list-style:none;margin:18px 0;flex:1}
.price-card li{padding:8px 0;color:var(--muted);border-bottom:1px solid var(--line);font-size:14.5px}
/* shared footer */
.foot{background:var(--bg2);border-top:1px solid var(--line);padding:54px 0 30px;margin-top:60px}
.foot-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:30px}
.foot h4{font:600 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin-bottom:14px}
.foot a{display:block;color:var(--muted);font-size:14px;padding:5px 0}
.foot a:hover{color:var(--text)}
.foot .brandblock p{color:var(--dim);font-size:13.5px;margin-top:10px;max-width:34ch}
.social{display:flex;gap:12px;margin-top:16px}
.social a{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--muted);padding:0}
.social a:hover{color:var(--text);border-color:var(--blue);transform:translateY(-2px);transition:.15s}
.foot-base{border-top:1px solid var(--line);margin-top:34px;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--dim);font-size:13px}
@media(max-width:820px){.foot-grid{grid-template-columns:1fr 1fr}.foot .brandblock{grid-column:1/-1}}

/* ===== Shared nav (matches chrome.js) ===== */
.annc{background:linear-gradient(90deg,rgba(91,108,255,.16),rgba(160,107,255,.16));border-bottom:1px solid var(--line);text-align:center;font-size:13px;padding:9px 16px;color:var(--muted)}
.nav{position:sticky;top:0;z-index:50;background:rgba(8,12,28,.7);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}
.nav.scrolled{background:rgba(8,12,28,.92);border-bottom-color:var(--line)}
.nav-inner{display:flex;align-items:center;gap:26px;height:66px}
.nav-links{display:flex;align-items:center;gap:6px;margin-left:8px}
.nav-item{position:relative}
.nav-trig,.nav-link-flat{background:none;border:none;color:var(--muted);font:600 14.5px/1 'Inter';cursor:pointer;padding:10px 12px;border-radius:9px;transition:color .15s,background .15s}
.nav-trig:hover,.nav-link-flat:hover,.nav-item:hover .nav-trig{color:var(--text);background:var(--panel)}
.mega{position:absolute;top:calc(100% + 8px);left:0;min-width:330px;background:var(--panel);border:1px solid var(--line2);border-radius:14px;padding:10px;box-shadow:0 24px 60px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(8px);transition:.16s;display:grid;gap:2px}
.mega.narrow{min-width:280px}
/* hover bridge — fills the 8px gap between the button and the panel so the dropdown doesn't flicker/close on hover */
/* hoverable bridge — covers the gap between the tab and the panel so moving the cursor down keeps it open (get.dcsai.ai behaviour) */
.mega::before{content:"";position:absolute;top:-14px;left:0;right:0;height:16px;pointer-events:auto}
/* SINGLE source of truth: only the JS-applied `.open` (or aria for keyboard) shows a panel — so exactly
   one dropdown is ever open (no CSS :hover/.mega:hover double-open → no overlapping panels). */
.nav-item.open .mega{opacity:1;visibility:visible;transform:translateY(0)}
.mega a{padding:11px 13px;border-radius:10px;display:block;transition:background .12s}
.mega a:hover{background:var(--panel2)}
.mega a b{display:block;font-size:14.5px;color:var(--text);font-weight:600}
.mega a span{display:block;font-size:12.5px;color:var(--dim);margin-top:2px}
.nav-cta{margin-left:auto;display:flex;align-items:center;gap:10px}
.btn-ghost{color:var(--muted);font-weight:600;font-size:14.5px;padding:9px 14px;border-radius:10px;border:1px solid var(--line);transition:.15s}
.btn-ghost:hover{color:var(--text);border-color:var(--line2)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;margin-left:auto}
.burger span{width:22px;height:2px;background:var(--text);border-radius:2px;transition:.2s}
.mob{display:none;flex-direction:column;background:var(--bg2);border-top:1px solid var(--line);padding:10px 26px 18px}
.mob.open{display:flex}
.mob a{padding:11px 0;color:var(--muted);border-bottom:1px solid var(--line);font-size:15px}
.mob a:hover{color:var(--text)}
@media(max-width:980px){.nav-links,.nav-cta{display:none}.burger{display:flex}}


/* ===== Home component kit (lifted from original index.html) ===== */

  
  
  
  
  
  
  
  .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .gradc{background:var(--grad2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;padding:13px 24px;border-radius:12px;cursor:pointer;border:none;transition:transform .15s,box-shadow .15s,background .15s}
  .btn-primary{background:var(--grad);color:#fff;box-shadow:0 12px 34px rgba(91,108,255,.4)}
  .btn-primary:hover{transform:translateY(-2px)}
  .btn-ghost{background:rgba(255,255,255,.06);color:var(--text);border:1px solid var(--line2)}
  .btn-ghost:hover{background:rgba(255,255,255,.11)}
  .eyebrow{font-size:12px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:var(--cyan)}
  section{position:relative;padding:90px 0}
  .lead{color:var(--muted);font-size:19px;max-width:740px}

  /* ANNOUNCEMENT BAR */
  .annc{background:linear-gradient(90deg,rgba(91,108,255,.18),rgba(160,107,255,.18));border-bottom:1px solid var(--line);font-size:13.5px;text-align:center;padding:9px 16px;color:var(--muted)}
  .annc b{color:var(--text)} .annc a{color:var(--cyan);font-weight:600}

  /* NAV + MEGA MENU */
  header.nav{position:sticky;top:0;z-index:80;backdrop-filter:blur(16px);background:rgba(8,12,28,.82);border-bottom:1px solid transparent;transition:border-color .25s}
  header.nav.solid{border-bottom:1px solid var(--line)}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:14px}
  .brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:20px}
  .brand .mark{width:38px;height:38px;border-radius:11px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:19px;box-shadow:0 6px 20px rgba(160,107,255,.5)}
  .menu{display:flex;align-items:center;gap:2px}
  .menu>li{list-style:none;position:relative}
  .menu>li>button{background:none;border:none;color:var(--muted);font-family:inherit;font-size:14.5px;font-weight:500;padding:10px 14px;border-radius:9px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:color .15s,background .15s}
  .menu>li:hover>button{color:var(--text);background:rgba(255,255,255,.05)}
  .menu>li>button .caret{font-size:10px;opacity:.6;transition:transform .2s}
  .menu>li:hover>button .caret{transform:rotate(180deg)}
  .mega{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(8px);opacity:0;visibility:hidden;transition:opacity .18s,transform .18s;background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line2);border-radius:16px;padding:16px;box-shadow:0 30px 70px rgba(0,0,0,.55);z-index:90}
  .menu>li:hover .mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
  .mega.w2{width:560px} .mega.w1{width:300px}
  .mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .mega-col-label{grid-column:1/-1;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--dim);padding:8px 12px 4px}
  .mega a{display:flex;gap:12px;padding:11px 12px;border-radius:11px;transition:background .14s}
  .mega a:hover{background:rgba(255,255,255,.05)}
  .mega .mi{font-size:18px;min-width:22px;text-align:center;margin-top:1px}
  .mega .mt{font-weight:600;font-size:14px;color:var(--text);display:block}
  .mega .md{font-size:12.5px;color:var(--dim);line-height:1.4}
  .nav-cta{display:flex;align-items:center;gap:10px}
  .nav-cta .sign{color:var(--muted);font-size:14.5px;font-weight:500;padding:8px 12px}
  .hamb{display:none;background:none;border:1px solid var(--line2);color:var(--text);border-radius:9px;padding:8px 11px;font-size:18px;cursor:pointer}
  @media(max-width:1040px){.menu,.nav-cta .sign{display:none}.hamb{display:block}}
  /* mobile menu */
  #mob{display:none;position:fixed;inset:72px 0 0;z-index:70;background:var(--bg);overflow-y:auto;padding:18px 26px 60px}
  #mob.open{display:block}
  #mob h5{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--dim);margin:18px 0 6px}
  #mob a{display:block;padding:10px 0;color:var(--muted);font-size:16px;border-bottom:1px solid var(--line)}

  /* HERO */
  .hero{padding:34px 0 50px;background:radial-gradient(1200px 620px at 82% -10%,rgba(160,107,255,.24),transparent 60%),radial-gradient(900px 520px at -10% 110%,rgba(63,208,224,.16),transparent 55%)}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}
  @media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:40px}}
  .hero h1{font-size:clamp(40px,5.6vw,66px);font-weight:800;line-height:1.04;margin:16px 0 18px}
  .hero .mission{font-size:18px;color:var(--text);border-left:3px solid var(--purple);padding:6px 0 6px 16px;font-style:italic;margin:24px 0}
  .hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
  .micro{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:var(--dim);font-size:13.5px}
  .micro span:before{content:"✓ ";color:var(--green);font-weight:700}
  .badge-live{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--green);font-weight:600;background:rgba(47,208,122,.1);padding:6px 13px;border-radius:999px;border:1px solid rgba(47,208,122,.28)}
  .badge-live i{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;animation:pulse 2s infinite}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(47,208,122,.5)}70%{box-shadow:0 0 0 9px rgba(47,208,122,0)}100%{box-shadow:0 0 0 0 rgba(47,208,122,0)}}

  /* HERO GRAPHIC */
  .atlas-stage{position:relative;width:100%;aspect-ratio:1/1;max-width:475px;margin:0 auto}
  .atlas-stage svg{width:100%;height:100%;overflow:visible}
  .spin{transform-origin:260px 260px;animation:spin 60s linear infinite}
  .spin-rev{transform-origin:260px 260px;animation:spin 80s linear infinite reverse}
  @keyframes spin{to{transform:rotate(360deg)}}
  .node{animation:float 1s ease-in-out infinite alternate}
  @keyframes float{to{opacity:.55}}
  .dash{stroke-dasharray:5 7;animation:dashmove 3s linear infinite}
  @keyframes dashmove{to{stroke-dashoffset:-48}}
  .glowpulse{animation:gp 3.5s ease-in-out infinite}
  @keyframes gp{0%,100%{opacity:.9}50%{opacity:.4}}

  /* receipt ticker card */
  .ledger{margin:18px 0 0;width:100%;background:linear-gradient(180deg,var(--panel2),var(--bg2));border:1px solid var(--line2);border-radius:14px;padding:12px 16px;box-shadow:0 24px 60px rgba(0,0,0,.5);font-size:12px}
  .ledger .lh{display:flex;justify-content:space-between;align-items:center;color:var(--dim);font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:7px}
  .ledger .lh .dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;margin-right:5px;animation:pulse 2s infinite;vertical-align:middle}
  .ledger .lr{display:grid;grid-template-columns:1fr auto 92px;align-items:center;gap:14px;padding:6px 0;border-top:1px solid var(--line);font-family:var(--mono);font-size:11.5px;animation:lrowin .35s ease both}
  @keyframes lrowin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
  .ledger .lr .k{color:var(--muted)}
  .ledger .lr .m{color:var(--dim);text-align:right;font-size:11px}
  .ledger .lr .v{color:var(--green);white-space:nowrap;text-align:right}
  .ledger .lr.signing .v{color:var(--amber)} .ledger .lr.signing .m{opacity:.35}
  .ledger .lr.signing .v:after{content:"…";animation:blink 1s steps(3) infinite}
  @keyframes blink{50%{opacity:.3}}
  .ledger .lr.ok .v:after{content:" ✓"}
  .ledger .lf{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding-top:9px;margin-top:3px;border-top:1px solid var(--line2);font-family:var(--mono);font-size:11px}
  .ledger .lf .k{color:var(--text);font-weight:600} .ledger .lf .c{color:var(--muted)} .ledger .lf .v{color:var(--cyan)}

  .grid{display:grid;gap:20px}
  .cols-2{grid-template-columns:1fr 1fr}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}
  @media(max-width:920px){.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}}
  .card{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:border-color .2s,transform .2s}
  .card:hover{border-color:var(--line2);transform:translateY(-3px)}
  .card h3{font-size:19px;margin:14px 0 8px}
  .card p{color:var(--muted);font-size:14.5px}
  .ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:21px;background:rgba(91,108,255,.16)}
  .tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.4px;padding:3px 9px;border-radius:6px;margin-top:14px}
  .tag.live{color:var(--green);background:rgba(47,208,122,.13)} .tag.r{color:var(--cyan);background:rgba(63,208,224,.13)} .tag.dark{color:var(--amber);background:rgba(255,178,77,.13)}
  .pill-chip{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.4px;padding:4px 11px;border-radius:999px;background:rgba(160,107,255,.14);color:var(--purple)}

  .sec-head{max-width:780px;margin-bottom:46px}
  .sec-head h2{font-size:clamp(28px,4vw,44px);font-weight:800;margin:12px 0 14px}

  .logos{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;opacity:.8}
  .logos span{font-family:var(--mono);font-size:14px;color:var(--dim);padding:8px 16px;border:1px solid var(--line);border-radius:10px}

  /* steps */
  .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:s}
  @media(max-width:980px){.steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.steps{grid-template-columns:1fr}}
  .step{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}
  .step:before{counter-increment:s;content:counter(s);display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--grad);font-family:'Manrope';font-weight:800;color:#fff;margin-bottom:12px}
  .step h4{font-size:16px;margin-bottom:5px} .step p{color:var(--muted);font-size:13.5px}

  /* layers */
  .layers{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
  @media(max-width:980px){.layers{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.layers{grid-template-columns:repeat(2,1fr)}}
  .lyr{border:1px solid var(--line);border-radius:11px;padding:13px;background:var(--panel);transition:transform .18s,border-color .18s}
  .lyr:hover{transform:translateY(-3px);border-color:var(--blue)}
  .lyr .n{font-size:11px;font-weight:800;color:var(--cyan)} .lyr b{display:block;font-size:13.5px;margin:4px 0 2px} .lyr small{color:var(--dim);font-size:11.5px}
  .lyr.frontier{border-color:#3a2c5e;background:linear-gradient(180deg,#1a1733,#141029)} .lyr.frontier .n{color:var(--purple)}

  /* comparison */
  .compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  @media(max-width:820px){.compare{grid-template-columns:1fr}}
  .compare .col{border:1px solid var(--line);border-radius:16px;padding:26px}
  .compare .bad{background:linear-gradient(180deg,#1c1226,#120b1a)} .compare .good{background:linear-gradient(180deg,#0e1d20,#0b1622);border-color:#1f4a3a}
  .compare h3{font-size:20px;margin-bottom:14px}
  .compare ul{list-style:none} .compare li{padding:10px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14.5px}
  .compare .bad li:before{content:"✕ ";color:var(--pink);font-weight:700}
  .compare .good li:before{content:"✓ ";color:var(--green);font-weight:700}

  .stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}
  @media(max-width:820px){.stat-row{grid-template-columns:1fr 1fr}}
  .stat b{font-family:'Manrope';font-weight:800;font-size:36px;display:block}.stat span{color:var(--dim);font-size:13px}

  /* status table */
  .stbl{width:100%;border-collapse:collapse;font-size:14px}
  .stbl th,.stbl td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line)}
  .stbl th{color:var(--dim);font-size:12px;letter-spacing:.6px;text-transform:uppercase;font-weight:700}
  .stbl td:first-child{font-weight:600}
  .stbl .s-live{color:var(--green);font-weight:600} .stbl .s-soak{color:var(--cyan);font-weight:600} .stbl .s-dark{color:var(--amber);font-weight:600}
  .stbl tr:hover td{background:rgba(255,255,255,.02)}

  /* integrations */
  .ints{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
  .ints span{font-size:13.5px;font-weight:500;padding:9px 16px;border-radius:11px;background:var(--panel);border:1px solid var(--line);color:var(--muted)}
  .ints span.uni{background:rgba(160,107,255,.13);border-color:var(--violet);color:var(--text);font-weight:600}

  .price{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  @media(max-width:900px){.price{grid-template-columns:1fr}}
  .price .card.feat{border-color:var(--purple);box-shadow:0 18px 50px rgba(160,107,255,.2)}
  .price .amt{font-family:'Manrope';font-weight:800;font-size:36px;margin:8px 0}
  .price .amt small{font-size:15px;color:var(--dim);font-weight:600}
  .price ul{list-style:none;margin-top:14px}.price li{color:var(--muted);font-size:14px;padding:8px 0;border-top:1px solid var(--line)}
  .price li:before{content:"✓ ";color:var(--green);font-weight:700}

  .cta-band{background:radial-gradient(900px 400px at 50% 0%,rgba(160,107,255,.22),transparent 60%);text-align:center}
  .cta-band h2{font-size:clamp(30px,4.5vw,46px);font-weight:800;margin-bottom:14px}

  footer{border-top:1px solid var(--line);padding:54px 0 36px;color:var(--dim);font-size:13.5px;background:var(--bg2)}
  .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;margin-bottom:34px}
  @media(max-width:820px){.foot-grid{grid-template-columns:1fr 1fr}}
  footer h5{color:var(--text);font-size:13px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:12px;font-family:'Manrope'}
  footer a{display:block;color:var(--muted);padding:5px 0;font-size:14px}footer a:hover{color:var(--text)}
  .foot-bot{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
  .faded{animation:fadeup .7s ease both}@keyframes fadeup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}


/* ============================================================
   ATLAS DASHBOARD — Trust Command Center (premium app shell)
   ============================================================ */
.dash-body{overflow:hidden}
.dash{display:grid;grid-template-columns:248px 1fr;height:100vh;background:var(--bg)}
/* aurora/grid ambient background */
.dash:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(640px circle at 18% 8%,rgba(91,108,255,.16),transparent 60%),
    radial-gradient(720px circle at 92% 96%,rgba(160,107,255,.14),transparent 60%),
    linear-gradient(rgba(34,44,82,.18) 1px,transparent 1px),
    linear-gradient(90deg,rgba(34,44,82,.18) 1px,transparent 1px);
  background-size:auto,auto,46px 46px,46px 46px;
  animation:auroraDrift 18s ease-in-out infinite alternate}
@keyframes auroraDrift{from{background-position:0 0,0 0,0 0,0 0}to{background-position:0 0,0 0,46px 46px,46px 46px}}

/* ---- LEFT RAIL ---- */
.rail{position:relative;z-index:2;background:linear-gradient(180deg,#0c1330,#0a0f24);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 14px;gap:4px}
.rail-logo{display:flex;align-items:center;gap:10px;font:800 18px/1 'Manrope';padding:8px 10px 16px;color:var(--text)}
.rail-logo .glyph{width:34px;height:34px;border-radius:10px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 8px 22px rgba(91,108,255,.45)}
.rail-sec{font:600 10.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--dim);padding:14px 12px 6px}
.rail a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;color:var(--muted);font:550 14px/1 'Inter';cursor:pointer;position:relative;transition:color .14s,background .14s}
.rail a .ri{width:18px;height:18px;flex:0 0 auto;opacity:.85}
.rail a:hover{color:var(--text);background:rgba(255,255,255,.04)}
.rail a.active{color:#fff;background:linear-gradient(135deg,rgba(91,108,255,.9),rgba(160,107,255,.85));box-shadow:0 8px 22px rgba(91,108,255,.32)}
.rail a.active .ri{opacity:1}
.rail-foot{margin-top:auto;padding:12px 10px 4px;border-top:1px solid var(--line);color:var(--dim);font-size:11.5px;font-family:var(--mono)}

/* ---- TOP BAR ---- */
.dash-main{position:relative;z-index:2;display:flex;flex-direction:column;height:100vh;overflow:hidden}
.topbar{display:flex;align-items:center;gap:16px;padding:14px 26px;border-bottom:1px solid var(--line);background:rgba(8,12,28,.55);backdrop-filter:blur(12px);flex:0 0 auto}
.topbar .ws{display:flex;align-items:center;gap:10px}
.topbar .ws b{font:700 15px/1 'Manrope'}
.plan-badge{font:600 11px/1 var(--mono);color:var(--purple);background:rgba(160,107,255,.14);border:1px solid rgba(160,107,255,.3);padding:5px 9px;border-radius:7px}
.dsearch{flex:1;max-width:420px;position:relative}
.dsearch input{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--text);font:400 13.5px/1 'Inter';padding:10px 12px 10px 34px}
.dsearch input:focus{outline:2px solid var(--blue);border-color:transparent}
.dsearch .si{position:absolute;left:11px;top:50%;transform:translateY(-50%);opacity:.5}
.op-pill{display:inline-flex;align-items:center;gap:7px;font:600 12px/1 var(--mono);padding:7px 12px;border-radius:999px;background:rgba(47,208,122,.1);border:1px solid rgba(47,208,122,.3);color:var(--green)}
.op-pill .od{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}
.op-pill.deg{background:rgba(255,178,77,.1);border-color:rgba(255,178,77,.3);color:var(--amber)}.op-pill.deg .od{background:var(--amber)}
.op-pill.off{background:rgba(255,92,168,.1);border-color:rgba(255,92,168,.3);color:var(--pink)}.op-pill.off .od{background:var(--pink);animation:none}
.tb-right{margin-left:auto;display:flex;align-items:center;gap:12px}
.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.14s}
.icon-btn:hover{color:var(--text);border-color:var(--line2)}
.avatar{width:36px;height:36px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font:700 14px/1 'Manrope';color:#fff}

/* ---- INNER VIEW AREA ---- */
.dash-view{flex:1;overflow-y:auto;padding:28px 30px 60px}
.view{display:none;animation:viewIn .4s ease both}
.view.active{display:block}
@keyframes viewIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.view-head{margin-bottom:22px}
.view-head h1{font:800 26px/1.1 'Manrope';margin-bottom:5px}
.view-head p{color:var(--muted);font-size:14.5px}

/* ---- KPI TILES (premium) ---- */
.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:22px}
.ktile{position:relative;border-radius:16px;padding:20px;background:linear-gradient(165deg,rgba(21,32,63,.7),rgba(11,18,38,.7));border:1px solid var(--line);overflow:hidden;backdrop-filter:blur(8px);transition:transform .18s,box-shadow .18s,border-color .18s}
.ktile:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.4);border-color:var(--line2)}
.ktile:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--grad)}
.ktile.c2:before{background:var(--grad2)}.ktile.c3:before{background:var(--gradg)}.ktile.c4:before{background:linear-gradient(90deg,#ffb24d,#ff5ca8)}
.ktile .kt-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.ktile .kt-label{font:600 11.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}
.ktile .kt-ic{width:32px;height:32px;border-radius:9px;background:rgba(91,108,255,.14);display:flex;align-items:center;justify-content:center;opacity:.9}
.ktile .kt-val{font:800 38px/1 'Manrope';letter-spacing:-.02em}
.ktile .kt-spark{margin-top:12px;height:34px;width:100%}
.ktile .kt-sub{font:500 12px/1 var(--mono);color:var(--dim);margin-top:8px}

/* ---- cards / panels ---- */
.dgrid{display:grid;gap:18px}
.dgrid.two{grid-template-columns:1.4fr 1fr}
.dgrid.two-eq{grid-template-columns:1fr 1fr}
@media(max-width:1100px){.dgrid.two,.dgrid.two-eq{grid-template-columns:1fr}}
.panel{border-radius:16px;background:linear-gradient(165deg,rgba(17,26,56,.66),rgba(11,18,38,.66));border:1px solid var(--line);backdrop-filter:blur(8px);overflow:hidden}
.panel-h{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}
.panel-h h3{font:700 15px/1 'Manrope'}
.panel-h .hint{font:500 11.5px/1 var(--mono);color:var(--dim)}
.panel-b{padding:18px 20px}

/* ---- live receipt feed ---- */
.feed{display:flex;flex-direction:column;gap:0;max-height:340px;overflow:hidden}
.feed-row{display:grid;grid-template-columns:1fr auto 96px;align-items:center;gap:14px;padding:11px 0;border-top:1px solid var(--line);font-family:var(--mono);font-size:12.5px;animation:feedIn .35s ease both}
.feed-row:first-child{border-top:none}
@keyframes feedIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
.feed-row .fk{color:var(--muted)}
.feed-row .fm{color:var(--dim);text-align:right;font-size:11.5px}
.feed-row .fv{text-align:right;white-space:nowrap;color:var(--amber)}
.feed-row.signed .fv{color:var(--green)}
.feed-row.signed .fv:after{content:" ✓"}
.feed-row.signing .fv:after{content:"…";animation:blink 1s steps(3) infinite}
.feed-empty{color:var(--dim);font-family:var(--mono);font-size:12.5px;text-align:center;padding:30px 0}

/* ---- soak radial gauge ---- */
.gauge-wrap{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.gauge{position:relative;width:150px;height:150px;flex:0 0 auto}
.gauge svg{transform:rotate(-90deg)}
.gauge .gv{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.gauge .gv b{font:800 30px/1 'Manrope'}
.gauge .gv span{font:500 10.5px/1 var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.06em;margin-top:3px}
.gstats{display:flex;flex-direction:column;gap:12px;flex:1;min-width:160px}
.gstat{display:flex;justify-content:space-between;align-items:center;font-size:13.5px}
.gstat .gl{color:var(--muted)}.gstat .gn{font-family:var(--mono);font-weight:600}

/* ---- compact 20-layer map ---- */
.lmap{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
@media(max-width:560px){.lmap{grid-template-columns:repeat(3,1fr)}}
.lcell{border:1px solid var(--line);border-radius:9px;padding:9px;background:rgba(255,255,255,.02);transition:.15s}
.lcell:hover{transform:translateY(-2px);border-color:var(--blue)}
.lcell .lid{font:800 10px/1 var(--mono);color:var(--cyan)}
.lcell b{display:block;font-size:11px;margin:3px 0 2px;font-weight:600}
.lcell small{color:var(--dim);font-size:10px}
.lcell.dark{opacity:.6}.lcell.dark .lid{color:var(--amber)}
.lcell.frontier{background:linear-gradient(160deg,rgba(124,58,237,.14),transparent)}.lcell.frontier .lid{color:var(--purple)}

/* ---- ledger table ---- */
.dtable{width:100%;border-collapse:collapse;font-size:13px}
.dtable th{text-align:left;font:600 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--dim);padding:10px 12px;border-bottom:1px solid var(--line)}
.dtable td{padding:11px 12px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--muted)}
.dtable .hash{color:var(--cyan)}
.mini-verify textarea{width:100%;min-height:120px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;color:var(--text);font-family:var(--mono);font-size:12.5px;padding:12px;resize:vertical}
.mini-verify textarea:focus{outline:2px solid var(--blue);border-color:transparent}

/* responsive rail */
.rail-toggle{display:none}
@media(max-width:900px){
  .dash{grid-template-columns:1fr}
  .rail{position:fixed;left:0;top:0;bottom:0;width:248px;transform:translateX(-100%);transition:transform .25s;z-index:60}
  .rail.open{transform:translateX(0)}
  .rail-toggle{display:flex}
  .dash-scrim{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:55;display:none}
  .dash-scrim.show{display:block}
}

/* light theme override for dashboard */
.dash.light{--bg:#f4f6fc;--bg2:#fff;--panel:#fff;--panel2:#f7f9fe;--line:#e3e8f3;--line2:#d4dcec;--text:#0d1430;--muted:#4a5578;--dim:#8a93b2}
.dash.light .rail{background:linear-gradient(180deg,#11183a,#0d1430)}
.dash.light .topbar{background:rgba(255,255,255,.7)}
.dash.light .ktile,.dash.light .panel{background:#fff}

/* ===== FINAL NAV OVERRIDE — single authoritative .mega; beats earlier duplicate rules. get.dcsai.ai hover behaviour. ===== */
.nav .nav-item{position:relative}
.nav .nav-item > .mega{position:absolute!important;top:100%!important;left:0!important;right:auto!important;transform:translateY(8px)!important;min-width:330px;background:var(--panel)!important;border:1px solid var(--line2);border-radius:14px;padding:10px;box-shadow:0 24px 60px rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:opacity .16s,transform .16s;display:grid;gap:2px;z-index:200}
.nav .nav-item.narrow > .mega,.nav .nav-item > .mega.narrow{min-width:280px}
/* hoverable bridge fills the tiny animation gap so moving tab→panel never closes it */
.nav .nav-item > .mega::before{content:"";position:absolute;top:-10px;left:0;right:0;height:12px;pointer-events:auto}
.nav .nav-item.open > .mega{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}