.download-page section{position:relative}
.hero{padding:var(--space-6) 0}
.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;align-items:center}
.hero-text{max-width:60ch}
.hero-media img{width:100%;border-radius:var(--radius-sm)}
.hero-cta{margin-top:var(--space-3)}

.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.why-card{min-width:0}

.gameplay-stack{display:flex;flex-direction:column;gap:var(--space-5)}
.gameplay-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;align-items:center}
.gameplay-row.reverse{direction:rtl}
.gameplay-row.reverse .gameplay-text{direction:ltr}
.gameplay-text{max-width:50ch}
.gameplay-media img{width:100%;border-radius:var(--radius-sm)}

.progression-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}

.steps-inner{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}
.steps-list{display:flex;flex-direction:column;gap:var(--space-2);text-align:left}

.compat-inner{max-width:800px;margin-inline:auto}

.community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.community-grid>div{min-width:0}

.final-inner{max-width:500px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}
.final-inner img{margin-top:var(--space-3);border-radius:var(--radius-sm)}

@media(max-width:1000px){
.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:800px){
.hero-grid{grid-template-columns:1fr}
.gameplay-row{grid-template-columns:1fr}
.progression-grid{grid-template-columns:1fr}
.community-grid{grid-template-columns:1fr}
}

@media(max-width:600px){
.why-grid{grid-template-columns:1fr}
}