:root{--bg:#f7f8fa;--surface:#fff;--fg:#0b0f17;--muted:#5b6473;--border:#0f172a1f;--border-strong:#0f172a2e;--shadow:0 12px 30px #0f172a14;--shadow-soft:0 8px 20px #0f172a0f;--radius:18px}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--fg);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}a{color:inherit;text-decoration:none}.container{width:min(1100px,100% - 48px);margin:0 auto}.hr{background:var(--border);height:1px;margin:28px 0}.topNav{color:#0b0f17b3;gap:18px;font-weight:600;display:flex}.topNav a:hover{color:#0b0f17f2}.brandMark{letter-spacing:-.02em;align-items:baseline;gap:2px;font-size:28px;font-weight:700;display:inline-flex}.brandMark em{font-style:italic;font-weight:800}.brandMark span{opacity:.9;font-weight:700}.heroGrid{grid-template-columns:1.15fr 1fr;align-items:center;gap:22px;padding:46px 0 18px;display:grid}@media (max-width:900px){.heroGrid{grid-template-columns:1fr}}.heroPanel{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:22px}.badge{border:1px solid var(--border);color:#0b0f17b3;background:#fff9;border-radius:999px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:inline-flex}.kbd{border:1px solid var(--border);color:#0b0f17bf;background:#ffffffe6;border-radius:8px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}h1{letter-spacing:-.03em;margin:14px 0 10px;font-size:46px;line-height:1.05}p{color:var(--muted);margin:0;line-height:1.6}.card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:18px}.btn{border:1px solid var(--border-strong);background:var(--fg);color:#fff;border-radius:12px;justify-content:center;align-items:center;padding:10px 14px;font-weight:700;display:inline-flex}.btn:hover{opacity:.92}.btnSecondary{color:var(--fg);background:0 0}.btnSecondary:hover{opacity:1;background:#0f172a0f}.sceneStage{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:radial-gradient(600px 340px at 30% 25%,#0f172a14,#0f172a05);overflow:hidden}svg{shape-rendering:geometricPrecision}