:root{--bg:#10131a;--bg-2:#171b24;--ink:#f4efe4;--mute:#9aa3b2;--line:#2a3140;--amber:#f0b429;--amber-2:#ffd37a;--blue:#7eb6ff;--ok:#7dce7a;--danger:#ef6e5c;--shadow:0 24px 80px rgba(0,0,0,0.35)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Avenir Next,Segoe UI,sans-serif}body{background-image:radial-gradient(circle at 12% 18%,rgba(240,180,41,.08),transparent 28%),linear-gradient(180deg,#10131a,#0c0f15)}a{color:inherit}.hero{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;padding:28px 8vw 48px}.brand{display:flex;justify-content:space-between;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}.brand,.hero-main{align-items:center}.hero-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);grid-gap:64px;gap:64px}.wordmark{margin:0;font-size:clamp(72px,12vw,160px);line-height:.8;letter-spacing:-.08em;font-weight:700}.lede{max-width:18em;margin:24px 0 0;font-size:clamp(20px,2.4vw,28px);line-height:1.35}.sub{max-width:34em;margin:18px 0 32px;color:var(--mute);font-size:16px;line-height:1.6}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--amber);background:var(--amber);color:#1a1304;text-decoration:none;font-weight:700;letter-spacing:.02em}.cta:hover{background:var(--amber-2)}.cta-ghost{margin-left:14px;border-color:var(--line);background:transparent;color:var(--ink)}.cta-ghost:hover{border-color:var(--ink);background:transparent}.stage{position:relative;min-height:280px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%),var(--bg-2);box-shadow:var(--shadow);overflow:hidden}.stage-label{top:16px;left:16px;font-size:11px;letter-spacing:.16em;color:var(--mute)}.node,.stage-label{position:absolute;text-transform:uppercase}.node{width:92px;height:92px;border:1px solid var(--line);display:grid;place-items:center;text-align:center;font-size:12px;letter-spacing:.04em;background:#10131a}.node span{max-width:72px;line-height:1.3}.node-left{left:8%;top:50%;translate:0 -50%}.node-center{left:50%;top:50%;translate:-50% -50%;border-color:var(--amber);color:var(--amber)}.node-right{right:8%;top:50%;translate:0 -50%}.wire{left:18%;right:18%;height:2px;background:linear-gradient(90deg,var(--line),var(--amber),var(--line));transform:translateY(-50%)}.packet,.wire{position:absolute;top:50%}.packet{width:14px;height:14px;margin-top:-7px;border-radius:2px;background:var(--amber);box-shadow:0 0 18px var(--amber);animation:hop 2.8s cubic-bezier(.45,0,.2,1) infinite}@keyframes hop{0%{left:18%;opacity:0}8%{opacity:1}46%{left:50%}92%{left:78%;opacity:1}to{left:82%;opacity:0}}.section{padding:72px 8vw 96px;border-top:1px solid var(--line)}.section h2{margin:0 0 16px;font-size:28px;letter-spacing:-.04em}.section p{max-width:40em;color:var(--mute);line-height:1.7}.section a{color:var(--amber-2)}.pre{margin-top:28px;padding:20px 22px;background:#0b0d12;border:1px solid var(--line);overflow-x:auto;font-family:IBM Plex Mono,SF Mono,ui-monospace,monospace;line-height:1.7;color:#d7deea}.footer,.pre{font-size:13px}.footer{padding:24px 8vw 40px;color:var(--mute);display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line)}@media (max-width:860px){.hero-main{grid-template-columns:1fr;gap:36px}.stage{min-height:220px}.cta-ghost{margin:12px 0 0;display:inline-flex}.actions{display:flex;flex-direction:column;align-items:flex-start}}