:root{
--bg:#08090c;--panel:#101218;--line:#242832;--text:#f3f5f7;--muted:#8e96a3;--accent:#ffffff;
--radius:18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 10%,#181c25 0,#08090c 40%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}.nav{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;background:#08090ce8;backdrop-filter:blur(18px);z-index:10}.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.18em}.brand-mark{width:34px;height:34px;border:1px solid #454b57;border-radius:10px;display:grid;place-items:center;font-size:10px;letter-spacing:0}.nav nav{display:flex;gap:28px;color:var(--muted);font-size:13px}.nav nav a:hover{color:#fff}
main{max-width:1180px;margin:auto;padding:0 28px}.hero{min-height:720px;display:flex;flex-direction:column;justify-content:center;max-width:850px}.eyebrow{font-size:11px;letter-spacing:.28em;color:#9299a6;font-weight:800}.hero h1{font-size:clamp(48px,8vw,96px);line-height:.94;letter-spacing:-.065em;margin:22px 0}.hero h1 span{color:#8e96a3}.hero p{max-width:630px;color:var(--muted);font-size:17px;line-height:1.7}.actions{display:flex;gap:12px;margin-top:30px}.actions button,.ghost,button{border:0;border-radius:12px;padding:14px 20px;font-weight:800;letter-spacing:.08em;font-size:11px;cursor:pointer}.actions button,button{background:#f3f5f7;color:#08090c}.ghost{border:1px solid var(--line);color:#fff}.status{display:flex;align-items:center;gap:10px;margin-top:30px;color:var(--muted);font-size:12px}.status i{width:8px;height:8px;border-radius:50%;background:#71d69a;box-shadow:0 0 16px #71d69a}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:70px 0}.grid article,.box,.card{background:#0d0f14;border:1px solid var(--line);border-radius:var(--radius);padding:28px}.grid b{color:#707887;font-size:11px}.grid h2{font-size:25px;margin:40px 0 10px}.grid p{color:var(--muted);line-height:1.7}.panel{padding-top:70px}.panel-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.panel h1{font-size:52px;letter-spacing:-.05em;margin:10px 0}.pill{border:1px solid var(--line);padding:10px 14px;border-radius:999px;color:#9be3b7;font-size:11px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card small{color:#727a87;letter-spacing:.15em}.card strong{display:block;font-size:42px;margin:20px 0 5px}.card span{color:var(--muted);font-size:12px}.box{margin-top:16px}.box h2{margin-top:0}.box p{color:var(--muted)}.row{display:flex;gap:10px}.row input{flex:1;background:#08090c;border:1px solid var(--line);color:white;border-radius:10px;padding:14px}.row button{background:white}.box pre{color:#9be3b7;white-space:pre-wrap}.box code{background:#08090c;border:1px solid var(--line);border-radius:6px;padding:2px 6px;font-size:12px}.panel-page footer{display:none}footer{border-top:1px solid var(--line);padding:35px 5vw;color:#59616e;font-size:11px;text-align:center}
@media(max-width:800px){.nav nav{display:none}.grid,.cards{grid-template-columns:1fr}.hero{min-height:620px}.panel h1{font-size:42px}.row{flex-direction:column}}