:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background:#0d1017; color:#eef2f8; }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(circle at top,#171d2a 0,#0d1017 42%); min-height:100vh; }
a { color:#c9d8ff; text-decoration:none; }
.site-header, footer { max-width:1120px; margin:auto; padding:1rem 1.25rem; display:flex; gap:1rem; justify-content:space-between; }
.site-header nav, footer { display:flex; gap:1rem; }
.brand { font-weight:800; }
main { max-width:1120px; margin:auto; padding:2rem 1.25rem 5rem; }
.hero { max-width:760px; margin:3rem 0 2rem; }
h1 { font-size:clamp(2.4rem,6vw,5.5rem); line-height:.95; margin:.2rem 0 1rem; }
.eyebrow { text-transform:uppercase; letter-spacing:.14em; opacity:.65; font-size:.75rem; }
.downloader { background:#121722; border:1px solid #252d3d; border-radius:18px; overflow:hidden; }
.downloader iframe { width:100%; min-height:570px; border:0; display:block; }
.platforms { margin-top:3rem; }.chips { display:flex; flex-wrap:wrap; gap:.6rem; }.chips span { border:1px solid #2b3446; border-radius:999px; padding:.55rem .8rem; }
.content { max-width:760px; }.content h1 { font-size:3rem; }
@media (max-width:640px){ main{padding-top:1rem}.hero{margin-top:1.5rem}.downloader iframe{min-height:680px}.site-header nav{display:none} }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; }
.card { display:flex; flex-direction:column; gap:.45rem; padding:1rem; border:1px solid #2b3446; border-radius:14px; background:#121722; }
.card span,.card small { color:#aeb8ca; }
.prose { line-height:1.7; }.prose h1{line-height:1.05}.prose h2{margin-top:2rem}.prose code{background:#171d2a;padding:.1rem .3rem;border-radius:5px}