.download-page { width: min(70rem, calc(100% - 2rem)); margin: clamp(3rem, 8vw, 6rem) auto; }
.download-page > h1 { margin: 0; color: var(--clarity-ink); font: 400 clamp(2.25rem, 7vw, 4.5rem)/1.04 Georgia, serif; }
.download-page__intro { max-width: 54rem; margin: 1rem 0 2rem; color: var(--clarity-muted); line-height: 1.7; }
.platform-card { display: grid; gap: 1rem; padding: clamp(1.2rem, 3vw, 1.8rem); border: 1px solid rgb(120 186 206 / .22); border-radius: 1rem; background: linear-gradient(140deg, rgb(10 19 28 / .98), rgb(7 13 20 / .95)); }
.platform-card--available { border-color: rgb(99 216 239 / .55); box-shadow: 0 0 2.5rem rgb(35 153 183 / .1); }
.platform-card h2,.download-page__notice h2 { margin: 0; color: var(--clarity-ink); font: 400 clamp(1.45rem, 3vw, 2rem)/1.15 Georgia, serif; }
.platform-card p,.download-page__notice p { margin: .55rem 0; color: var(--clarity-muted); line-height: 1.7; overflow-wrap: anywhere; }
.platform-card__eyebrow { margin: 0 !important; color: var(--clarity-cyan) !important; font: 700 .65rem/1.4 ui-monospace, monospace !important; letter-spacing: .16em; }
.platform-card__button { display: inline-flex; width: fit-content; min-height: 3rem; align-items: center; justify-content: center; padding: .75rem 1.15rem; border: 1px solid var(--clarity-gold); border-radius: 999px; color: #080b0e; background: linear-gradient(135deg, #f0d888, #bb9136); font-size: .82rem; font-weight: 800; text-decoration: none; }
.platform-card details { color: var(--clarity-muted); font-size: .83rem; }
.platform-card summary { min-height: 2.75rem; padding-block: .65rem; color: var(--clarity-cyan); cursor: pointer; }
.platform-card code { color: #e4cf91; overflow-wrap: anywhere; }
.platform-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.platform-card__status { width: fit-content; padding: .35rem .55rem; border: 1px solid rgb(217 183 95 / .35); border-radius: 999px; color: #ddc77f; font: .7rem/1.3 ui-monospace, monospace; }
.download-page__notice { margin-top: 2rem; padding: 1.4rem; border: 1px solid rgb(217 183 95 / .25); border-radius: 1rem; background: rgb(10 19 28 / .65); }
.download-page__return { margin: 2rem 0 0; text-align: center; font-weight: 800; letter-spacing: .1em; }
.download-page__safety { margin: 1.5rem auto 0; max-width: 80ch; color: #9aabb3; font: .75rem/1.7 ui-monospace, monospace; }
@media (max-width: 760px) { .platform-grid { grid-template-columns: 1fr; } .platform-card__button { width: 100%; } }