:root { --bg:#05070d; --text:#e8f0ff; --dim:#8492b0; --faint:#8492b0; --line:#1a2334; --mono: ui-monospace,Menlo,monospace; }
  * { box-sizing:border-box; margin:0; padding:0; }
  body { background:var(--bg); color:var(--text); font-family:system-ui,-apple-system,sans-serif; overflow-x:hidden; }
  body::before { content:""; position:fixed; inset:0; z-index:1; pointer-events:none;
    background: radial-gradient(60% 45% at 72% 0%, #00e5ff09, transparent 60%),
                radial-gradient(50% 45% at 12% 100%, #ff2ea609, transparent 60%); }
  #net { position:fixed; inset:0; z-index:0; }
  header { position:fixed; top:0; left:0; right:0; z-index:5; padding:20px 28px; display:flex;
    justify-content:space-between; align-items:baseline; pointer-events:none; }
  .brand { font:700 15px var(--mono); letter-spacing:.14em; }
  .brand b { color:#00e5ff; }
  .attr { font-size:12px; color:var(--faint); }
  #loading { position:fixed; inset:0; z-index:20; display:flex; flex-direction:column; gap:14px;
    align-items:center; justify-content:center; background:var(--bg);
    font:12px var(--mono); color:var(--faint); letter-spacing:.2em; }
  main { position:relative; z-index:2; }
  section { min-height:100vh; display:flex; align-items:center; }
  .card { margin-left:6vw; max-width:420px; padding:30px 32px; background:#05070dd9;
    border:1px solid var(--line); border-radius:16px; backdrop-filter:blur(10px); }
  .card.right { margin-left:auto; margin-right:6vw; }
  .kicker { font:11px var(--mono); letter-spacing:.2em; text-transform:uppercase; margin-bottom:12px; color:#9aa3b2; }
  h1 { font-size:clamp(1.9rem,4vw,3rem); line-height:1.05; letter-spacing:-.02em; margin-bottom:14px; }
  h2 { font-size:clamp(1.3rem,2.6vw,1.8rem); letter-spacing:-.02em; margin-bottom:10px; }
  .lede { color:var(--dim); line-height:1.6; font-size:15px; }
  .stat { margin-top:18px; font:12px var(--mono); color:#9aa3b2; line-height:1.8; }
  .stat b { color:var(--dim); }
  .cta { display:inline-block; margin-top:22px; padding:12px 22px; border:1px solid #00e5ff66;
    border-radius:10px; color:#00e5ff; font:600 13px var(--mono); letter-spacing:.08em;
    text-decoration:none; background:#00e5ff0d; }
  .cta:hover { background:#00e5ff1a; border-color:#00e5ff; }
  #domlegend { position:fixed; left:24px; bottom:24px; z-index:5; font:11px var(--mono); color:var(--faint);
    line-height:2; background:#05070d99; padding:12px 16px; border:1px solid var(--line); border-radius:12px; }
  #domlegend .lg-title { color:var(--faint); letter-spacing:.14em; margin-bottom:4px; }
  #domlegend i { display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:8px; vertical-align:-1px; }
  .domain-swatch--0 { background:#00e5ff; }
  .domain-swatch--1 { background:#ff2ea6; }
  .domain-swatch--2 { background:#8a63ff; }
  .domain-swatch--3 { background:#ffd166; }
  .domain-swatch--4 { background:#3ddc97; }
  .domain-swatch--5 { background:#ff8c5a; }
  .domain-swatch--6 { background:#5aa9ff; }
  .skip { position:absolute; left:-9999px; }
  .skip:focus { left:12px; top:12px; z-index:30; background:#00e5ff; color:#06070a; padding:10px 16px; border-radius:8px; }