.download-page .hero-grid{display:grid;grid-template-columns:45% 55%;align-items:center;gap:var(--space-4)}
.download-page .hero-text{max-width:520px}
.download-page .hero-image img{width:100%;border-radius:var(--radius-card)}

.download-page .why-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:var(--space-3);margin-top:var(--space-3);align-items:start}
.download-page .why-grid .card:nth-child(2){margin-top:var(--space-4)}

.download-page .steps{padding-block:var(--space-5);background:linear-gradient(90deg,transparent,rgba(139,124,255,.07),transparent)}
.download-page .steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:var(--space-3);counter-reset:install-step}
.download-page .step{display:flex;flex-direction:column;gap:var(--space-2)}
.download-page .step{border-radius:0;border-right:0;background:transparent;counter-increment:install-step}
.download-page .step:last-child{border-right:1px solid var(--border-primary)}
.download-page .step::after{content:"0" counter(install-step);position:absolute;right:var(--space-2);bottom:var(--space-1);font:600 3.5rem/1 var(--font-heading);color:rgba(100,214,197,.12)}

.download-page .compat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}

.download-page .preview-grid{display:grid;grid-template-columns:45% 55%;gap:var(--space-4);align-items:center}
.download-page .preview-text{max-width:520px}
.download-page .preview-image img{width:100%;border-radius:var(--radius-card);border:1px solid var(--detail-gold)}

.download-page .trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);max-width:800px;margin-inline:auto;text-align:center}

.download-page .cta-section{background:radial-gradient(circle at center,var(--surface-card-accent),transparent 70%);padding:var(--space-5) 0;text-align:center}
.download-page .cta-inner{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}

@media (max-width:1024px){
.download-page .hero-grid,
.download-page .preview-grid{grid-template-columns:1fr}
.download-page .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.download-page .steps-grid{grid-template-columns:1fr}
.download-page .why-grid .card:nth-child(2){margin-top:0}
.download-page .step{border-right:1px solid var(--border-primary);border-bottom:0}
.download-page .step:last-child{border-bottom:1px solid var(--border-primary)}
}

@media (max-width:600px){
.download-page .why-grid{grid-template-columns:1fr}
.download-page .compat-grid,
.download-page .trust-grid{grid-template-columns:1fr}
}
