
:root{color-scheme:dark;--bg:#0b0d11;--panel:#11141a;--line:#272e37;--text:#f8fafc;--muted:#9aa4b3;--cyan:#5eead4;--orange:#ff9859}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.65}
a{color:var(--cyan)}.wrap{width:min(880px,calc(100% - 32px));margin:auto}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand img{width:34px;height:34px}.navlinks{display:flex;gap:18px;font-size:14px}
.hero{padding:86px 0 54px}.hero h1{font-size:clamp(42px,7vw,76px);line-height:1;margin:0 0 18px;letter-spacing:-.04em}.hero p{max-width:650px;color:var(--muted);font-size:18px}
.badge{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(94,234,212,.26);background:rgba(94,234,212,.06);color:var(--cyan);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 70px}.feature{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:18px}.feature h3{margin:0 0 6px;font-size:15px}.feature p{margin:0;color:var(--muted);font-size:13px}
.doc{padding:44px 0 80px}.doc h1{font-size:38px;letter-spacing:-.03em}.doc h2{margin-top:34px;font-size:20px}.doc p,.doc li{color:#cbd2dc}.note{border-left:3px solid var(--cyan);padding:10px 14px;background:rgba(94,234,212,.05);border-radius:0 10px 10px 0}
footer{border-top:1px solid var(--line);padding:26px 0 40px;color:var(--muted);font-size:12px}.footerrow{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media(max-width:720px){.grid{grid-template-columns:1fr}.navlinks{gap:10px}.hero{padding-top:56px}}
