:root{--cyan:#22e6ff;--mag:#ff2bd6;--bg:#05060f;--panel:#080a1cb8}*{box-sizing:border-box}html,body{background:var(--bg);color:#e8f6ff;min-height:100%;margin:0;font-family:Inter,PingFang SC,Noto Sans CJK SC,Microsoft YaHei,system-ui,sans-serif}body{position:relative;overflow-x:hidden}.stars{pointer-events:none;z-index:0;background:radial-gradient(1.2px 1.2px at 12% 18%,#bfd8ffb3,#0000),radial-gradient(1px 1px at 78% 32%,#22e6ff8c,#0000),radial-gradient(1.4px 1.4px at 42% 70%,#ff2bd666,#0000),radial-gradient(1px 1px at 88% 82%,#bfd8ff80,#0000),radial-gradient(80% 50% at 50% -10%,#22e6ff1f,#0000),radial-gradient(40% 30% at 90% 60%,#ff2bd614,#0000);position:fixed;inset:0}.top,main,footer{z-index:1;position:relative}.top{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:22px 28px;display:flex}.family{opacity:.55;letter-spacing:.06em;font-size:12px}main{max-width:1100px;margin:0 auto;padding:12px 28px 64px}.hero{max-width:640px;padding:28px 0 48px}.eyebrow{letter-spacing:.18em;color:var(--mag);border:1px solid #ff2bd673;border-radius:999px;margin:0 0 18px;padding:4px 10px;font-size:12px;display:inline-block}h1{letter-spacing:.02em;margin:0 0 16px;font-size:clamp(32px,5vw,52px);font-weight:800;line-height:1.15}.lead{opacity:.78;max-width:34em;margin:0 0 20px;font-size:16px;line-height:1.7}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips span{color:var(--cyan);background:#22e6ff0f;border:1px solid #22e6ff59;border-radius:999px;padding:5px 11px;font-size:12px}.sec-h{margin-bottom:18px}.sec-h h2{letter-spacing:.08em;margin:0 0 6px;font-size:20px}.sec-h p{opacity:.55;margin:0;font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.card{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:inherit;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}a.card.live:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 0 28px #22e6ff38}.card.soon{opacity:.55;cursor:not-allowed}.card-viz{background:linear-gradient(160deg,#070a18,#0a1230 60%,#12081c);border-bottom:1px solid #22e6ff26;height:140px;position:relative;overflow:hidden}.card-viz.muted{filter:grayscale(.35)brightness(.85)}.viz-floor{background:linear-gradient(#22e6ff0f 1px,#0000 1px) 0 0/18px 18px,linear-gradient(90deg,#22e6ff0f 1px,#0000 1px) 0 0/18px 18px,#071028;border:1px solid #22e6ff40;border-radius:4px;position:absolute;inset:28px 18px 18px}.viz-block{background:#141c3a;border:1px solid #22e6ff73;border-radius:2px;position:absolute}.b1{border-color:var(--cyan);width:52px;height:36px;top:40px;left:28px}.b2{border-color:var(--mag);width:64px;height:28px;top:48px;right:36px}.b3{border-color:#8b5cff;width:40px;height:32px;bottom:28px;left:40%}.viz-atrium{border:2px solid var(--mag);background:#02030a99;border-radius:50%;width:36px;height:36px;margin:-18px 0 0 -18px;position:absolute;top:48%;left:50%;box-shadow:0 0 12px #ff2bd680}.viz-pawn{background:var(--cyan);width:10px;height:10px;box-shadow:0 0 10px var(--cyan),0 0 0 4px #ff2bd659;border-radius:50%;position:absolute;bottom:34px;left:46%}.card-body{flex-direction:column;flex:1;gap:6px;padding:16px 18px 18px;display:flex}.badge{letter-spacing:.1em;color:var(--cyan);background:#22e6ff26;border:1px solid #22e6ff66;border-radius:999px;align-self:flex-start;padding:3px 8px;font-size:11px;font-weight:700}.badge.dim{color:#e8f6ff80;background:#ffffff0f;border-color:#ffffff1f}.card-body h3{margin:4px 0 0;font-size:20px;font-weight:800}.sub{color:var(--mag);letter-spacing:.04em;margin:0;font-size:12px}.blurb{opacity:.72;flex:1;margin:6px 0 10px;font-size:13px;line-height:1.6}.cta{color:var(--cyan);letter-spacing:.04em;font-size:13px;font-weight:700}.cta.muted{color:#e8f6ff66;font-weight:500}footer{opacity:.4;flex-wrap:wrap;gap:8px;max-width:1100px;margin:0 auto;padding:0 28px 36px;font-size:12px;display:flex}.sep{opacity:.6}@media (width<=640px){.top,main,footer{padding-left:18px;padding-right:18px}.hero{padding-top:12px}}.logo{color:#fafaf8;white-space:nowrap;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.logo .mark{border-radius:0;flex:none;width:28px;height:28px}.logo .name{letter-spacing:.02em;color:#fafaf8;font-size:17px;font-weight:600}