.download { padding: 5rem 0; scroll-margin-top: 88px; }
.download-box { padding: 2.75rem 3rem 2.25rem; max-width: 1040px; margin: 0 auto; }
.download-heading { text-align: center; }
.download-eyebrow { display: inline-block; color: var(--accent); font-size: .78rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; margin-bottom: .7rem; }
.download-box h2 { font-family: var(--display); font-style: italic; font-size: 2.9rem; margin-bottom: .55rem; letter-spacing: -.01em; }
.download-heading p { margin-bottom: 1.25rem; }
.download-primary { text-align: center; margin-bottom: .8rem; }
.download-primary .btn { min-width: 260px; }
.download-primary-meta { font-size: .82rem !important; margin: .7rem auto 0 !important; }
.download-version { margin: .5rem 0 2rem; min-height: 1.3em; }

.download-tabs { display: flex; justify-content: center; gap: 4px; margin: 1rem auto 1rem; padding: 0; width: fit-content; max-width: 100%; background: none; border: 0; border-bottom: 1px solid var(--line); }
.download-tab { appearance: none; border: 0; background: #1a1433; color: var(--muted); padding: .7rem 1.4rem; font: 600 .92rem/1.2 var(--font); cursor: pointer; transition: background .15s, color .15s; clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 0 100%); }
.download-tab:hover { color: var(--text); background: #241d40; }
.download-tab[aria-selected="true"] { color: #fff; background: var(--accent); }
.download-tab:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }

.download-panels { max-width: 780px; margin: 0 auto; }
.platform-panel { padding: 1.6rem; border: 1px solid var(--line); background: #14112a; text-align: left; animation: downloadPanelIn .22s ease both; clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px)); }
.platform-panel[hidden] { display: none; }
.platform-panel-head { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: .9rem; }
.platform-title { display: flex; align-items: center; gap: .65rem; }
.platform-title .os-icon { width: 1.45rem; height: 1.45rem; }
.platform-title h3 { font-family: var(--display); font-style: italic; font-size: 1.5rem; }
.platform-panel-head p { color: var(--muted); font-size: .9rem; margin-top: .35rem; }

.download-option { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; padding: 1rem 1.1rem; border: 1px solid var(--line); margin-top: .7rem; background: #0f0d22; }
.download-option.primary-option { border-color: rgba(169,132,255,.4); background: rgba(169,132,255,.07); }
.download-option-copy { display: flex; flex-direction: column; gap: .18rem; }
.download-option-copy strong { font-size: .98rem; }
.download-option-copy span { color: var(--muted); font-size: .82rem; line-height: 1.4; }
.download-option .btn { flex: 0 0 auto; white-space: nowrap; }

.help-toggle { width: 100%; margin-top: .9rem; padding: .75rem .2rem .1rem; border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--muted); display: flex; align-items: center; justify-content: space-between; gap: 1rem; text-align: left; font: inherit; font-size: .82rem; cursor: pointer; }
.help-toggle:hover { color: var(--text); }
.help-toggle-icon { color: var(--accent); font-size: 1.15rem; line-height: 1; transition: transform .2s ease; }
.help-toggle[aria-expanded="true"] .help-toggle-icon { transform: rotate(45deg); }
.download-help { max-height: 0; overflow: hidden; opacity: 0; transition: max-height .28s ease, opacity .2s ease, margin-top .28s ease; }
.download-help.open { max-height: 1400px; opacity: 1; margin-top: .9rem; }
.download-help > p { color: var(--muted); font-size: .82rem; line-height: 1.6; margin: 0 0 1rem; }
.help-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: .65rem; }
.help-steps > div { display: flex; gap: .6rem; padding: .75rem; background: rgba(169,132,255,.05); }
.help-steps > div > span { display: inline-flex; flex: 0 0 1.5rem; width: 1.5rem; height: 1.5rem; align-items: center; justify-content: center; background: var(--accent); color: #fff; font-size: .72rem; font-weight: 800; }
.help-steps p { color: var(--muted); font-size: .78rem; line-height: 1.45; }
.help-images { display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem; margin-top: .85rem; }
.help-images-three { grid-template-columns: repeat(3, 1fr); }
.help-images img { width: 100%; display: block; border: 1px solid var(--line); }

.linux-download-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.linux-option { margin-top: 0; color: inherit; transition: border-color .15s, background .15s; }
.linux-option:hover { border-color: rgba(169,132,255,.45); background: rgba(169,132,255,.07); }
.linux-option-copy strong { font-size: 1rem; }
.linux-option-copy span { max-width: 230px; }
.download-arrow { color: var(--accent); font-size: 1.1rem; }
.linux-other { margin-top: .9rem; border-top: 1px solid var(--line); padding-top: .75rem; }
.linux-other summary { cursor: pointer; color: var(--muted); font-size: .8rem; }
.linux-other summary:hover { color: var(--text); }
.linux-other-links { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: .7rem; }
.linux-other-links a { color: var(--muted); font-size: .78rem; text-decoration: underline; text-underline-offset: 3px; }
.download-footer-note { font-size: .8rem !important; margin: .9rem auto 0 !important; }
.download-footer-note a { color: var(--text); text-decoration: underline; text-underline-offset: 3px; }

.hero-platform-stats { margin: 1.5rem auto 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .6rem; }
.hero-platform-stats-title { flex: 0 0 auto; color: var(--muted); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.hero-platform-stats-row { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.hero-platform-stat { display: inline-flex; align-items: center; gap: .38rem; padding: .3rem .55rem; border: 1px solid var(--line); background: #1a1433; clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 0 100%); }
.hero-platform-stat-icon { width: 14px; height: 14px; display: block; }
.hero-platform-stat-count { color: var(--text); font-size: .74rem; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.hero-platform-stat-count[hidden] { display: none; }

/* Bring the download panel in line with the Arcade Live look: clipped corners, accent/cyan tones, display type. */
.original-download{position:relative;border:0;background:none;overflow:visible;text-align:center;margin:0;padding:70px 0;scroll-margin-top:0}
.original-download::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 28% 15%,#51e5e820,transparent 55%),radial-gradient(ellipse at 78% 85%,#7d52ff2c,transparent 55%)}
.download-box{position:relative;border-top:2px solid var(--cyan)}
.download-box{border:1px solid var(--line);background:#141127;box-shadow:9px 10px 0 #a984ff1f;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px))}
.original-download p{color:var(--muted)}
.original-download .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;padding:14px 22px;font:700 14px/1.4 var(--font);text-transform:uppercase;letter-spacing:.025em;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s;clip-path:polygon(0 0,100% 0,100% 72%,94% 100%,0 100%)}
.original-download .btn-primary{background:#8f63ff;color:#fff}
.original-download .btn-secondary{background:#1c1636;border:1px solid var(--line);color:var(--text);clip-path:none}
.original-download .btn:hover{background:var(--cyan);color:#0b0920;transform:translateY(-2px)}
.original-download .btn-secondary:hover{background:#241d40;color:var(--text);transform:none}
.original-download .btn-large{padding:16px 30px;font-size:17px}
.original-download .is-unavailable{opacity:.5;cursor:default}
.original-download .is-unavailable:hover{background:var(--accent);transform:none}
.download-box .download-primary-meta{max-width:100%;font-size:13px}
.download-version{font-size:13px;color:var(--muted)}
.download-version a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.download-help[hidden]{display:none}
.download-help.open{max-height:none}
.original-download .help-images img{height:auto}
.original-download .platform-panel{scroll-margin-top:100px}
.download-heading .download-eyebrow{color:var(--accent)}
@media(max-width:760px){.original-download{padding:45px 0}.download-box{padding:28px 20px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.download-box h2{font-size:30px}.download-tabs{width:100%}.download-tab{padding:10px 16px;flex:1;clip-path:none}.platform-panel{padding:18px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.download-option{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.download-option .btn{width:100%;white-space:normal}.help-images,.help-images-three{grid-template-columns:1fr}.help-steps{grid-template-columns:1fr}.original-download .platform-panel{scroll-margin-top:140px}.download-primary .btn{min-width:0;width:100%}}
@media(max-width:360px){.download-box{padding:24px 12px}.download-tab{padding:9px 12px}.platform-panel{padding:12px}.platform-title{flex-wrap:wrap}.download-box h2{font-size:26px}}