:root{--bg:#0e0e12;--fg:#ffffff;--muted:#a1a1aa;--cta:#ff8a00;--cta2:#6ee7ff;--max:1200px}
*{box-sizing:border-box} html,body{margin:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6}
a{color:var(--cta2)} .container{max-width:var(--max);margin:auto;padding:24px}
header,footer{border-bottom:1px solid #1c1c22} footer{border-top:1px solid #1c1c22;border-bottom:0}
.hero{display:grid;gap:24px;align-items:center;padding:48px 0}
.hero h1{font-size:clamp(28px,4vw,48px);margin:0 0 8px}
.btn{display:inline-block;padding:12px 18px;border-radius:8px;text-decoration:none}
.btn-primary{background:var(--cta);color:#000;font-weight:700}
.btn-secondary{border:1px solid #2a2a33}
.grid{display:grid;gap:16px}
.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.muted{color:var(--muted)}
section{padding:48px 0;border-top:1px solid #1c1c22}
h2{font-size:clamp(22px,3vw,32px);margin:0 0 16px}
ul.specs{list-style: none; padding: 0; margin: 0}
ul.specs li{font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; padding: 6px 0; border-bottom: 1px dashed #1f1f28}
.faq details{background:#121219;border:1px solid #1c1c22;border-radius:8px;padding:12px}
.faq summary{cursor:pointer;font-weight:600}
@media (min-width:900px){.hero{grid-template-columns:1.1fr .9fr}}