:root{--bg:#0b0b0b;--card:#141414;--card2:#1a1a1a;--text:#eaeaea;--muted:#b3b3b3;--border:#2a2a2a;--line:#343434}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.035),transparent 24%),radial-gradient(circle at 90% 15%,rgba(255,255,255,.025),transparent 20%),var(--bg);color:var(--text)}
body[data-theme=darker]{--bg:#050505;--card:#101010;--card2:#151515;--line:#282828}
body[data-theme=terminal]{--bg:#050805;--card:#08110a;--card2:#0c1a10;--text:#7CFF9B;--muted:#4adf7c;--border:#1f3b2a;--line:#1f3b2a}
.skip-link{position:absolute;left:-999px;top:0;background:#101010;color:#fff;padding:10px 16px;border-radius:0 0 8px 0;z-index:100}
.skip-link:focus{left:0}
h1,h2{font-weight:600;line-height:1.25;color:var(--text)}
h1{font-size:26px;margin:0 0 14px}
h2{font-size:19px;margin:0 0 12px}
body,header,.card,.tile,.button,.social a,footer,.nav-toggle,.callout,h1,h2{transition:background-color .25s ease,border-color .25s ease,color .25s ease}
header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 22px;background:#101010;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}
.brand{display:flex;align-items:center;gap:14px;white-space:nowrap}.logo-wrap{position:relative;width:56px;height:56px;flex:0 0 auto}.packet{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;top:50%;left:10px;animation:move 2.2s linear infinite;opacity:.7}.packet.p2{animation-delay:.7s}.packet.p3{animation-delay:1.4s}@keyframes move{0%{transform:translateX(0)}100%{transform:translateX(38px);opacity:0}}
nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}nav a{color:#b3b3b3;text-decoration:none;font-size:14px;padding:8px 10px;border-radius:8px}nav a:hover{color:#fff;background:#1a1a1a}
.nav-toggle{display:none;width:40px;height:40px;flex:0 0 auto;align-items:center;justify-content:center;background:#1a1a1a;border:1px solid var(--border);border-radius:8px;cursor:pointer}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{content:"";display:block;width:18px;height:2px;background:#eaeaea;position:relative}
.nav-toggle span::before{position:absolute;top:-6px}.nav-toggle span::after{position:absolute;top:6px}
.container{max-width:980px;margin:40px auto;padding:0 16px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:22px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:24px;align-items:center}
.network-art svg{width:100%;height:auto;display:block}.network-art .pulse{animation:pulse 2.4s ease-in-out infinite}.network-art .pulse2{animation:pulse 2.4s ease-in-out infinite;animation-delay:.8s}@keyframes pulse{0%,100%{opacity:.35}50%{opacity:1}}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px}.tile{display:block;background:#1a1a1a;border:1px solid var(--border);border-radius:12px;padding:18px;text-decoration:none;color:#eaeaea}.tile:hover{border-color:#3a3a3a;background:#1d1d1d}.tile p{color:#b3b3b3;font-size:13px;line-height:1.4;margin-bottom:0}.tile strong{display:block;margin-top:8px}.tile-icon{width:54px;height:54px;color:#d7d7d7;display:block;margin-bottom:6px}.tile:hover .tile-icon{color:#fff}
p,li{color:#b3b3b3;line-height:1.6;max-width:70ch}.button{display:inline-block;padding:10px 14px;border:1px solid var(--border);border-radius:8px;color:#eaeaea;text-decoration:none;background:#1a1a1a}.themebar{margin-top:14px}.themebar button{background:#1a1a1a;border:1px solid var(--border);color:#eaeaea;padding:6px 10px;border-radius:6px;margin-right:6px;cursor:pointer}.themebar button.active{border-color:#4adf7c;background:#202020;color:#fff}.callout{border-left:3px solid #4adf7c;background:var(--card2);padding:12px 16px;border-radius:0 8px 8px 0}
.social{margin-top:18px}.social a{margin:0 8px 0 0;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border);border-radius:8px;background:#1a1a1a}.social svg{width:18px;height:18px;fill:#b3b3b3}.social svg:hover{fill:#fff}
footer{text-align:center;padding:24px;border-top:1px solid var(--border);color:#777;font-size:12px}a{color:inherit}
@media(max-width:680px){header{padding:14px 16px}.nav-toggle{display:flex}nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:6px;background:#101010;border-bottom:1px solid var(--border);padding:10px 16px 16px;z-index:10}nav.open{display:flex}nav a{margin:0;text-align:left;background:#171717;border:1px solid var(--border);padding:10px 12px}.container{margin:24px auto}.hero-grid{grid-template-columns:1fr}.network-art{order:-1}}
@media(max-width:420px){.logo-wrap{width:48px;height:48px}.brand strong{font-size:15px}}