:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #071225; color: #e7efff; }
* { box-sizing: border-box; }
body { min-width: 320px; min-height: 100vh; margin: 0; background: radial-gradient(circle at 20% 0%, #163663 0, transparent 32rem), radial-gradient(circle at 100% 100%, #0a513f 0, transparent 36rem), #071225; }
.page-shell { width: min(100% - 32px, 920px); margin: 0 auto; padding: 72px 0; }
.hero { max-width: 650px; }
.brand-mark { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 16px; background: #16c784; color: #04150e; font-size: 27px; font-weight: 900; }
.eyebrow { margin: 28px 0 10px; color: #6ee7bd; font-size: 13px; font-weight: 800; letter-spacing: .14em; }
h1, h2, p { margin-top: 0; }
h1 { margin-bottom: 16px; font-size: clamp(36px, 7vw, 58px); letter-spacing: -.05em; }
.lead { color: #a8bddc; font-size: 18px; line-height: 1.65; }
.downloads { display: grid; gap: 16px; margin: 48px 0 28px; }
.download-card { display: grid; grid-template-columns: auto 1fr auto; gap: 20px; align-items: center; padding: 26px; border: 1px solid #29405f; border-radius: 20px; background: rgba(13, 29, 54, .86); box-shadow: 0 24px 70px rgba(0, 0, 0, .2); }
.platform-icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 14px; background: #1b3156; color: #83eac2; font-size: 28px; }
.platform { margin-bottom: 5px; color: #75dcb8; font-size: 13px; font-weight: 700; }
.download-card h2 { margin-bottom: 6px; font-size: 20px; }
.description { margin-bottom: 0; color: #a8bddc; font-size: 14px; line-height: 1.5; }
.button { display: inline-flex; min-width: 180px; justify-content: center; padding: 13px 16px; border-radius: 11px; background: #16c784; color: #04150e; font-size: 14px; font-weight: 800; text-decoration: none; transition: transform 160ms ease, background 160ms ease; }
.button:hover { background: #42dfa3; transform: translateY(-1px); }
.button.disabled { cursor: not-allowed; background: #243754; color: #91a8ca; pointer-events: none; }
.help { padding: 26px; border: 1px solid #203653; border-radius: 18px; background: rgba(6, 18, 37, .62); }
.help h2 { margin-bottom: 14px; font-size: 17px; }
.help ol { margin: 0; padding-left: 20px; color: #b5c6df; line-height: 1.8; }
@media (max-width: 650px) { .page-shell { padding: 42px 0; } .download-card { grid-template-columns: auto 1fr; } .button { grid-column: 1 / -1; width: 100%; } }