:root { color-scheme: dark; font-family: Inter, system-ui, -apple-system, Segoe UI, sans-serif; background: #0b171d; color: #e8f6f5; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(ellipse at 78% 7%, rgba(49,216,198,.15), transparent 42%), #0b171d; }
a { color: inherit; text-decoration: none; }
.download-shell { width: min(100% - 32px, 840px); margin: 0 auto; padding: 28px 0 40px; }
.brand { display: inline-flex; align-items: center; gap: 12px; font-size: 23px; font-weight: 800; letter-spacing: -.035em; }
.brand img { filter: drop-shadow(0 0 18px rgba(49,216,198,.3)); }
.download-card { margin-top: 48px; padding: clamp(28px, 6vw, 60px); border: 1px solid rgba(49,216,198,.25); border-radius: 26px; background: linear-gradient(140deg, rgba(20,51,55,.92), rgba(16,34,41,.96) 58%); box-shadow: 0 28px 90px rgba(0,0,0,.27); }
.eyebrow { color: #64e4d5; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .15em; }
h1 { margin: 18px 0 20px; font-size: clamp(34px, 5vw, 58px); letter-spacing: -.055em; line-height: 1.05; max-width: 690px; }
.intro { max-width: 630px; color: #b9d0ce; font-size: 17px; line-height: 1.6; }
.actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 32px; }
.primary-action, .secondary-action { display: inline-flex; justify-content: center; align-items: center; gap: 14px; min-height: 48px; padding: 0 20px; border-radius: 12px; font-weight: 750; }
.primary-action { background: #31d8c6; color: #06242a; box-shadow: 0 8px 24px rgba(49,216,198,.22); }
.primary-action:hover { background: #5ae8d8; }
.primary-action[hidden] { display: none; }
.secondary-action { border: 1px solid rgba(255,255,255,.18); color: #e8f6f5; }
.secondary-action:hover { background: rgba(255,255,255,.07); }
.status { min-height: 1.4em; margin: 14px 0 0; color: #aac4c4; font-size: 13px; }
.features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 38px; }
.features div { border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.035); padding: 17px; border-radius: 14px; }
.features strong, .features span { display: block; }
.features strong { font-size: 14px; }
.features span { margin-top: 7px; color: #aac4c4; font-size: 13px; line-height: 1.45; }
.footnote { color: #aac4c4; font-size: 13px; text-align: center; margin-top: 22px; }
@media (max-width: 620px) { .download-card { margin-top: 28px; } .features { grid-template-columns: 1fr; } .intro { font-size: 16px; } }