.download-page .download-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,9fr) minmax(0,11fr);
  gap:var(--space-6);
  align-items:center;
}
.download-hero-text{max-width:520px}
.download-hero-text .button{margin-top:var(--space-3)}
.download-hero-note{margin-top:var(--space-2)}
.download-hero-media img{border-radius:var(--radius-md)}

.download-benefits-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
  text-align:center;
}
.download-card{display:flex;flex-direction:column;gap:var(--space-3)}

.download-preview-grid{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(0,3fr);
  gap:var(--space-6);
  align-items:center;
}
.download-preview-text{max-width:420px}
.download-preview-media img{border-radius:var(--radius-md)}

.download-steps-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
}
.download-step{display:flex;flex-direction:column;gap:var(--space-2)}

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

.download-disclaimer-box{
  max-width:700px;
  margin-inline:auto;
  text-align:center;
}

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

.download-cta{
  background:var(--color-accent-teal);
}
.download-cta-box{
  max-width:600px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  color:var(--color-text-on-teal);
}

.download-summary{
  max-width:700px;
  margin-inline:auto;
  text-align:center;
}

@media(max-width:1024px){
  .download-page .download-hero-grid{grid-template-columns:1fr}
  .download-preview-grid{grid-template-columns:1fr}
}

@media(max-width:900px){
  .download-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .download-steps-grid{grid-template-columns:1fr}
}

@media(max-width:600px){
  .download-benefits-grid{grid-template-columns:1fr}
  .download-device-grid{grid-template-columns:1fr}
  .download-experience-grid{grid-template-columns:1fr}
  .download-hero-grid,.download-preview-grid,.download-device-grid,.download-experience-grid{gap:var(--space-4)}
  .download-hero-text{text-align:center}
}