* { box-sizing: border-box; }
:root { color-scheme: dark; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: #171615; color: #f7f5ef; }
body { margin: 0; min-height: 100svh; background: radial-gradient(ellipse at 50% 105%, #f05b1712, transparent 58%), #171615; }
main { min-height: 100svh; padding: clamp(40px, 7vh, 80px) 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.brand { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.brand img { width: 80px; height: 80px; border-radius: 20px; }
.brand span { font-size: 16px; font-weight: 600; letter-spacing: .3em; padding-left: .3em; }
.message { margin: clamp(40px, 7vh, 70px) 0 35px; }
.eyebrow { margin: 0 0 19px; font-size: 10px; letter-spacing: .2em; color: #a39d97; }
h1 { font-size: clamp(54px, 10vw, 88px); line-height: .99; letter-spacing: -.055em; font-weight: 600; margin: 0; }
h1 span { color: #ff671f; }
.subtitle { font-size: 16px; line-height: 1.5; color: #b4aea8; margin: 24px 0 0; }
.app-store, .android-waitlist { display: flex; align-items: center; gap: 12px; padding: 12px 23px; border: 1px solid #e2ded7; border-radius: 13px; background: #f7f5ef; color: #171615; text-decoration: none; text-align: left; min-height: 67px; transition: transform .2s ease, background .2s ease; }
.app-store small, .android-waitlist small { display: block; font-size: 11px; line-height: 1.3; }
.app-store strong, .android-waitlist strong { display: block; font-size: 25px; font-weight: 500; letter-spacing: -.025em; line-height: 1.15; }
.app-store:hover, .android-waitlist:hover { background: #fff; transform: translateY(-2px); }
.app-store:focus-visible, .android-waitlist:focus-visible { outline: 3px solid #ff671f; outline-offset: 6px; }
.availability { color: #96908a; font-size: 12px; margin: 18px 0 0; }
@media (max-height: 700px) { .message { margin: 32px 0 28px; } .brand img { width: 64px; height: 64px; } }
@media (prefers-reduced-motion: reduce) { .app-store, .android-waitlist { transition: none; } }

.platform-actions { display: grid; grid-template-columns: repeat(2, 220px); gap: 12px; max-width: 100%; }
.platform-actions > a { justify-content: center; }
@media (max-width: 520px) { .platform-actions { grid-template-columns: minmax(0, 240px); width: min(240px, 100%); } }

.site-page-download .android-waitlist{border-radius:999px}
