/* Original download layout, using the site's shared Inter, navigation and theme. */
.download-page .section { padding:clamp(60px,7vw,94px) 0; }
.download-page .section-title { margin:0; padding:0; max-width:20ch; font-size:clamp(2rem,4vw,3.2rem); font-weight:750; letter-spacing:-.045em; line-height:1.06; text-wrap:balance; }
.download-page .section-copy { max-width:52ch; margin:18px 0 0; color:var(--text-2); font-size:1rem; }
.download-page .button { min-height:48px; gap:9px; padding:12px 21px; font-size:.88rem; font-weight:650; }
.download-page .button-primary { background:var(--brand); color:#fff; }
.download-page .button-secondary { color:var(--text-1); background:var(--surface); border:1px solid var(--border); }
.download-hero { padding:104px max(16px,2.5vw) 36px; }
.hero-frame { width:min(1440px,100%); margin:0 auto; border-radius:28px; background:var(--brand); color:#fff; overflow:hidden; }
.hero-grid { min-height:min(680px,calc(100svh - 140px)); padding-block:clamp(52px,6vw,80px); display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(24px,4vw,56px); align-items:center; }
.hero-copy { min-width:0; }
.download-page .hero-copy h1 { max-width:10ch; margin:0; font-size:clamp(3rem,6vw,5.4rem); font-weight:800; letter-spacing:-.055em; line-height:.97; text-wrap:balance; opacity:1; transform:none; filter:none; animation:none; }
.hero-copy > p { max-width:43ch; margin:24px 0 0; color:rgba(255,255,255,.9); font-size:clamp(1rem,1.35vw,1.1rem); line-height:1.6; }
.hero-actions { margin-top:28px; display:flex; flex-wrap:wrap; align-items:center; gap:11px; }
.download-page .download-hero .button-primary { color:var(--brand); background:#fff; }
.download-page .download-hero .button-secondary { color:#fff; background:transparent; border-color:rgba(255,255,255,.45); }
.hero-actions .download-meta { width:100%; margin:0; color:rgba(255,255,255,.86); font-size:.76rem; }
.app-store-area { width:100%; margin-top:8px; padding-top:18px; border-top:1px solid rgba(255,255,255,.24); }
.download-page .app-store-placeholder { display:inline-flex; cursor:default; white-space:normal; text-align:center; color:rgba(255,255,255,.9); }
.hero-actions .app-store-status { margin:10px 0 0; color:rgba(255,255,255,.86); font-size:.78rem; line-height:1.5; }
.mac-stage { min-width:0; display:grid; place-items:center; }
.macbook-image { display:block; width:100%; height:auto; aspect-ratio:1.25; object-fit:cover; }
.quick-facts { border-block:1px solid var(--border); background:var(--surface); }
.fact-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.fact { min-height:96px; padding:22px clamp(18px,3vw,36px); border-left:1px solid var(--border); display:flex; flex-direction:column; justify-content:center; gap:4px; }
.fact:first-child { border-left:0; }
.fact span { color:var(--text-2); font-size:.78rem; }
.fact strong { color:var(--text-1); font-size:.98rem; font-weight:650; }
.install-steps { margin-top:36px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; counter-reset:install-step; }
.install-step { padding:26px; border:1px solid var(--border); border-radius:18px; background:var(--surface); counter-increment:install-step; }
.install-step::before { content:counter(install-step,decimal-leading-zero); width:36px; height:36px; margin-bottom:32px; border:1px solid var(--border); border-radius:50%; display:grid; place-items:center; color:var(--text-2); font-size:.75rem; font-weight:600; font-variant-numeric:tabular-nums; }
.install-step h3 { margin:0 0 8px; font-size:1.05rem; letter-spacing:-.02em; }
.install-step p { margin:0; color:var(--text-2); font-size:.9rem; }
.download-page .guide-panel { padding-top:0; }
.guide-card { padding:clamp(26px,4vw,44px); border:1px solid var(--border); border-radius:22px; background:var(--surface); }
.guide-card h2 { margin:0; padding:0; font-size:clamp(1.35rem,3vw,1.85rem); letter-spacing:-.03em; }
.guide-card p { max-width:65ch; margin:12px 0 0; }
.guide-links { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }
.back-row { margin-top:24px; }
@media(max-width:900px) {
 .download-hero { padding-inline:16px; }
 .hero-grid { min-height:auto; grid-template-columns:1fr; gap:18px; padding:48px 0 24px; }
 .hero-copy { text-align:center; display:flex; flex-direction:column; align-items:center; }
 .download-page .hero-copy h1 { max-width:12ch; }
 .hero-actions { justify-content:center; max-width:520px; }
 .mac-stage { width:min(620px,100%); margin-inline:auto; }
 .install-steps { grid-template-columns:1fr; }
 .install-step::before { margin-bottom:20px; }
}
@media(max-width:620px) {
 .download-hero { padding:84px 8px 22px; }
 .hero-frame { border-radius:20px; }
 .hero-grid { gap:8px; padding-top:36px; }
 .download-page .hero-copy h1 { font-size:clamp(2.75rem,13vw,3.6rem); }
 .hero-copy > p { margin-top:18px; font-size:.94rem; line-height:1.55; }
 .hero-actions { width:100%; margin-top:22px; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr); }
 .download-page .hero-actions .button { padding-inline:12px; font-size:.82rem; }
 .app-store-area,.hero-actions .download-meta { grid-column:1/-1; }
 .app-store-area { margin-top:4px; padding-top:16px; }
 .download-page .app-store-placeholder { width:100%; }
 .fact-grid { grid-template-columns:1fr; }
 .fact { min-height:70px; padding:16px 8px; border-left:0; border-top:1px solid var(--border); }
 .fact:first-child { border-top:0; }
 .install-step { padding:24px; }
 .guide-links { flex-direction:column; align-items:flex-start; }
}

/* The unfinished Mac build is intentionally unavailable until release. */
.download-page .download-hero .mac-download-placeholder { background:rgba(255,255,255,.12); color:rgba(255,255,255,.85); border:1px solid rgba(255,255,255,.35); cursor:default; }