:root{
  --bg:#0b0d14;--bg2:#121826;--panel:rgba(20,24,38,.72);--line:rgba(255,255,255,.09);--text:#eff3ff;--muted:#a8b0c7;
  --cyan:#32d6ff;--mag:#ff3ea6;--lime:#99ffcc;--warn:#ffd76a;--shadow:0 20px 60px rgba(0,0,0,.35);--radius:22px;
}
*{box-sizing:border-box} html,body{margin:0;background:radial-gradient(circle at top right,rgba(255,62,166,.15),transparent 20%),radial-gradient(circle at top left,rgba(50,214,255,.15),transparent 25%),linear-gradient(180deg,var(--bg),#090b11 50%,#0d1220);color:var(--text);font:500 15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
body{min-height:100vh;position:relative}
.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(180deg,#000,transparent 90%);pointer-events:none}
.shell{width:min(1120px,calc(100% - 24px));margin:auto}.stack-xl>*+*{margin-top:22px}.glass{backdrop-filter:blur(18px);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}
.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:18px;padding:28px 0 18px}.eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(50,214,255,.12);border:1px solid rgba(50,214,255,.25);color:var(--cyan);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
h1{font-size:clamp(32px,6vw,58px);line-height:1.02;margin:14px 0 14px;max-width:12ch}.lead{color:var(--muted);max-width:64ch}.hero-actions,.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.btn{border:0;border-radius:14px;padding:12px 16px;font-weight:700;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--mag),var(--cyan));color:#fff}.btn.ghost{background:rgba(255,255,255,.05);color:var(--text);border:1px solid var(--line)}
.hero-card{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;border-radius:var(--radius);align-self:end}.mini-stat{padding:16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid var(--line)}.mini-stat strong{display:block;font-size:28px}.mini-stat span{color:var(--muted)}
.tabbar{position:sticky;top:10px;z-index:10;display:flex;gap:8px;overflow:auto;padding:10px 12px;border-radius:18px;margin-bottom:22px}.tab{white-space:nowrap;border:1px solid transparent;background:transparent;color:var(--muted);padding:10px 14px;border-radius:12px;font-weight:700;cursor:pointer}.tab.active{color:var(--text);background:linear-gradient(135deg,rgba(255,62,166,.18),rgba(50,214,255,.18));border-color:var(--line)}
.tab-panel{display:none}.tab-panel.active{display:block}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{padding:18px;border-radius:var(--radius)}.card h3,.card h4{margin:0 0 10px}.muted{color:var(--muted)} .kicker{font-size:12px;color:var(--cyan);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.metric{font-size:34px;font-weight:800}
.list{display:grid;gap:10px;padding:0;margin:0;list-style:none}.list li{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--muted);font-size:12px;border:1px solid var(--line);margin:0 8px 8px 0}
.search{width:100%;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--text);outline:none}.search:focus{border-color:rgba(50,214,255,.6)}
.table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--line)} table{width:100%;border-collapse:collapse;min-width:720px;background:rgba(255,255,255,.02)} th,td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)} th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--cyan);background:rgba(50,214,255,.06)} tr:hover td{background:rgba(255,255,255,.03)}
.timeline{display:grid;gap:12px}.timeline .item{padding:16px;border-left:3px solid var(--cyan);border-radius:0 18px 18px 0;background:rgba(255,255,255,.03);border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.accordion{display:grid;gap:10px}.acc{border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.03);overflow:hidden}.acc button{width:100%;text-align:left;background:transparent;border:0;color:var(--text);padding:16px 18px;font-weight:800;cursor:pointer}.acc .content{display:none;padding:0 18px 18px}.acc.open .content{display:block}
footer{padding:40px 0;color:var(--muted)} a{color:var(--cyan)}
@media (max-width:860px){.hero,.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.hero-card{grid-template-columns:1fr 1fr}.shell{width:min(100% - 16px,1120px)}.tabbar{top:6px}}
