@charset "UTF-8";
:root {
    color-scheme: light;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #13213d;
    background: #f7f8fc;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
body { margin: 0; min-width: 280px; }
a { color: inherit; text-decoration: none; touch-action: manipulation; }
a:focus-visible { outline: 3px solid #2563eb; outline-offset: 5px; border-radius: 4px; }
svg { display: block; flex-shrink: 0; }
p, h1, h2 { margin: 0; }
.page-width { width: min(760px, calc(100% - 40px)); margin-inline: auto; }
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 5; padding: 12px 18px; background: #13213d; color: white; border-radius: 8px; transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
.site-header { display: flex; align-items: center; min-height: 88px; }
.wordmark { display: inline-flex; align-items: center; gap: 9px; font-size: 1.4rem; font-weight: 750; letter-spacing: -.7px; }
.brand-name { white-space: nowrap; }
.brand-accent { color: #2563eb; }
.brand-icon { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: #2563eb; color: white; }
.brand-icon svg { width: 25px; height: 25px; }
.hero { padding: 48px 0 32px; text-align: center; }
.hero h1 { font-size: clamp(1.75rem, 5vw, 2.75rem); line-height: 1.18; letter-spacing: -1.3px; font-weight: 720; }
.hero-description { margin-top: 12px; color: #626c80; font-size: 1rem; line-height: 1.5; }
.download-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.platform-card { min-width: 0; padding: 25px; background: white; border: 1px solid #dfe5ef; border-radius: 14px; box-shadow: 0 6px 20px -16px #13213d40; }
.card-topline { display: flex; align-items: center; gap: 12px; }
.platform-icon { display: grid; place-items: center; width: 40px; height: 40px; color: #2563eb; background: #f1f5fe; border-radius: 10px; }
.platform-icon svg { width: 23px; height: 23px; }
.platform-card:last-child .platform-icon { color: #13213d; background: #f5f6f8; }
.platform-card h2 { font-size: 1.25rem; line-height: 1.3; font-weight: 650; }
.release-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 18px 0 20px; color: #626c80; font-size: .8125rem; line-height: 1.6; }
.release-meta > span:first-child { color: #465671; font-weight: 600; }
.download-options { display: flex; flex-direction: column; gap: 16px; }
.download-button { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 12px; background: #2563eb; color: white; border: 1px solid #2563eb; border-radius: 8px; font-size: .875rem; font-weight: 600; line-height: 1.5; text-align: center; }
.download-button:hover { background: #174fc7; border-color: #174fc7; }
.download-button > svg { width: 17px; height: 17px; }
.file-meta { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 9px; color: #637086; font-size: .8125rem; line-height: 1.5; }
.unavailable-description { margin: 18px 0 20px; color: #626c80; font-size: .875rem; line-height: 1.6; }
.retry-button { background: #eef3ff; color: #174fc7; border-color: #d9e5ff; }
.retry-button:hover { background: #e0eaff; border-color: #b8cefb; }
.download-notice { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 20px; padding: 14px 16px; background: #fff8e9; border: 1px solid #ecdfbd; border-radius: 8px; color: #6b5220; font-size: .875rem; line-height: 1.6; }
.download-notice svg { width: 20px; height: 20px; }
.download-notice a { text-decoration: underline; text-underline-offset: 3px; }
.site-footer { margin-top: 30px; padding-bottom: 24px; color: #637086; font-size: .75rem; text-align: center; }
@media (max-width: 580px) {
    .site-header { min-height: 72px; }
    .hero { padding: 24px 0; }
    .download-grid { grid-template-columns: 1fr; gap: 14px; }
    .platform-card { padding: 20px; }
    .release-meta { margin: 14px 0; }
    .site-footer { margin-top: 24px; }
}
@media (forced-colors: active) {
    .brand-icon, .platform-icon { border: 1px solid ButtonText; }
    .download-button { border-color: LinkText; }
}