@font-face{font-family:Onest;src:local("Onest"),local("Inter"),local("Arial");font-display:swap}
:root{color-scheme:dark;--bg:#111318;--panel:#191d25;--panel-2:#202631;--text:#f5f7fb;--muted:#b8c0cb;--soft:#7f8a99;--line:rgba(255,255,255,.12);--accent:#ff7a00;--accent-2:#ff4e35;--blue:#5ca8ff}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 24% 8%,rgba(255,122,0,.12),transparent 28%),linear-gradient(180deg,#171a21 0%,var(--bg) 46%,#0d0f13 100%);color:var(--text);font-family:Onest,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55}
a{color:inherit}
.shell{width:min(1120px,calc(100% - 36px));margin:0 auto}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:.04em}
.brand img{height:42px;width:auto;display:block}
.nav{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:14px}
.nav a{text-decoration:none}
.nav a:hover{color:var(--text)}
.hero{padding:72px 0 56px;border-top:1px solid rgba(255,255,255,.05)}
.eyebrow{margin:0 0 12px;color:var(--accent);font-size:14px;font-weight:760;text-transform:uppercase;letter-spacing:.08em}
h1{max-width:820px;margin:0;font-size:clamp(34px,7vw,74px);line-height:.98;letter-spacing:0}
.lead{max-width:760px;margin:24px 0 0;color:var(--muted);font-size:clamp(17px,2.2vw,22px)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:8px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:white;text-decoration:none;font-weight:760}
.btn.secondary{background:rgba(255,255,255,.08);border:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 42px}
.card{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));padding:22px}
.card h2,.card h3{margin:0 0 10px;font-size:22px;line-height:1.2}
.card p{margin:0;color:var(--muted)}
.section{padding:34px 0}
.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}
.section-title h2{margin:0;font-size:32px;line-height:1.15}
.section-title p{max-width:520px;margin:0;color:var(--muted)}
.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.pill{display:inline-flex;padding:9px 12px;border:1px solid var(--line);border-radius:8px;color:var(--muted);text-decoration:none;background:rgba(255,255,255,.035)}
.pill:hover{color:var(--text);border-color:rgba(255,122,0,.45)}
.footer{margin-top:48px;padding:32px 0;border-top:1px solid rgba(255,255,255,.08);color:var(--soft);font-size:14px}
@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column}.nav{flex-wrap:wrap}.hero{padding-top:42px}.grid{grid-template-columns:1fr}.section-title{display:block}.section-title p{margin-top:10px}}

.content{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.035);padding:26px}
.content h2{margin:0 0 14px;font-size:30px;line-height:1.16}
.content p+p{margin-top:14px}
.text-link{display:inline-flex;margin-top:14px;color:var(--accent);font-weight:760;text-decoration:none}
.faq{display:grid;gap:10px}
details{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.035);padding:16px 18px}
summary{cursor:pointer;font-weight:760}
details p{color:var(--muted);margin:12px 0 0}