@font-face{font-family:"Plus Jakarta Sans";font-weight:200 800;font-display:swap;src:url(/fonts/plus-jakarta-sans-wght-normal.woff2) format("woff2")}
:root{--bg:#020b18;--panel:#07182b;--cyan:#13d8ff;--blue:#0878ff;--text:#f5fbff;--muted:#b8c9db;--dim:#8da6bf;--soft:rgba(31,199,255,.14);--line:rgba(31,199,255,.32)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 "Plus Jakarta Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.w{width:min(960px,calc(100% - 40px));margin-inline:auto}
.top{border-bottom:1px solid var(--soft);background:rgba(2,11,24,.9);position:sticky;top:0;z-index:5}
.top .w{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.logo img{display:block;height:56px;width:auto}
nav{display:flex;align-items:center;gap:22px;font-size:15px}
nav a:not(.b){color:#d7e5f4;text-decoration:none}
nav a:not(.b):hover{color:var(--cyan)}
.b{display:inline-block;padding:11px 20px;border-radius:8px;font-weight:700;font-size:15px;border:1px solid rgba(74,192,255,.5);text-decoration:none}
.b.p{border-color:var(--cyan);background:linear-gradient(135deg,#0777ff,#11d3f3)}
.hero{padding:72px 0 56px;background:radial-gradient(900px 340px at 20% 0,rgba(8,120,255,.18),transparent)}
.k{font:600 13px ui-monospace,monospace;color:var(--cyan);letter-spacing:.04em;margin:0 0 14px}
h1{font-size:clamp(30px,5vw,52px);line-height:1.08;letter-spacing:-.03em;margin:0;max-width:18em}
.lead{color:var(--muted);max-width:38em;margin:20px 0 0;font-size:18px}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}
.s{padding:56px 0}
.s.alt{background:var(--panel);border-block:1px solid var(--soft)}
h2{font-size:clamp(22px,3vw,30px);letter-spacing:-.02em;margin:36px 0 10px;line-height:1.15}
h2:first-child{margin-top:0}
.s p{color:var(--muted);max-width:42em;margin:0 0 8px}
.g{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:12px}
.g li{border:1px solid var(--soft);border-radius:12px;padding:16px 18px;background:rgba(7,24,43,.6);color:var(--muted)}
.g b{color:var(--text)}
.n{margin-top:18px;font-size:14.5px;color:var(--dim)}
.n a{text-decoration:underline}
.faq details{border-bottom:1px solid var(--soft);padding:14px 0}
.faq summary{cursor:pointer;font-weight:700;color:var(--text)}
.faq p{margin-top:10px}
.rel{display:flex;flex-wrap:wrap;gap:9px 10px}
.rel a{padding:7px 14px;border:1px solid var(--soft);border-radius:99px;font-size:14.5px;color:#dbe9f6;text-decoration:none}
.rel a:hover{border-color:var(--cyan);color:var(--cyan)}
footer{padding:26px 0;color:var(--dim);font-size:13.5px;text-align:center;border-top:1px solid var(--soft)}
footer a{text-decoration:underline}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}
@media (max-width:640px){nav a:not(.b){display:none}.logo img{height:44px}.hero{padding:44px 0 36px}}
