:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8f1ff;background:#061426;line-height:1.6;--bg:#061426;--panel:#0d2038;--line:#24486e;--text:#e8f1ff;--muted:#9bb0c9;--accent:#43d9ff;--ok:#4ade80}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 15% 0,#123052 0,transparent 34rem),radial-gradient(circle at 90% 20%,#182846 0,transparent 32rem),var(--bg);color:var(--text)}.shell{max-width:1180px;margin:auto;padding:0 24px 70px}nav{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:16px 0;position:sticky;top:0;z-index:10;background:#061426ee;backdrop-filter:blur(14px)}nav a{color:#b8c7db;text-decoration:none;padding:7px 9px;border-radius:8px;margin:0}.brand{font-weight:900;color:#fff!important;margin-right:auto}.brand:hover,.brand:focus-visible{background:transparent}.hero{padding:70px 0 42px;max-width:900px}.eyebrow{font-size:.76rem;font-weight:900;letter-spacing:.14em;color:var(--accent)}.hero h1{font-size:clamp(2.5rem,7vw,5rem);line-height:1;letter-spacing:-.04em;margin:.35em 0}.hero p{font-size:1.08rem;color:var(--muted);max-width:820px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.button,button{border:1px solid #28627a;border-radius:10px;padding:11px 16px;background:#1677ff;color:#fff;font-weight:800;text-decoration:none;cursor:pointer}.button:hover,.button:focus-visible,button:hover,button:focus-visible{filter:brightness(1.08);outline:3px solid #43d9ff33;outline-offset:2px}.button.ghost{background:#102d4b;border-color:var(--line);color:#dce8f5}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.callout{background:linear-gradient(145deg,var(--panel),#0a1b30);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 16px 40px #0002}.card:hover{border-color:#43d9ff;transform:translateY(-2px)}.card{transition:transform .15s,border-color .15s}.card span{font-size:.75rem;font-weight:900;color:#72ddff;letter-spacing:.1em}.card h2{margin:.4rem 0;color:#fff}.card p{color:var(--muted)}.card pre{overflow:auto;background:#020914;color:#d8f3ff;border:1px solid #173653;border-radius:12px;padding:16px}.card code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#020914;border-radius:6px;padding:2px 5px}.card button{width:100%;margin-top:8px}.card button.done{background:#237a57;border-color:#2b7d50}.callout{margin-top:28px}.callout h2{margin-top:0}.callout p{color:var(--muted)}@media(max-width:900px){.grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.shell{padding:0 16px 50px}nav{position:relative;align-items:flex-start;flex-direction:column}nav div{width:100%;display:flex;flex-wrap:nowrap;overflow:auto;padding-bottom:3px}nav a{flex:0 0 auto}.hero{padding:48px 0 34px}.grid{grid-template-columns:1fr}.hero-actions .button{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.card{transition:none}.hero{scroll-behavior:auto}}