/* ---------- hero: copy left, dashboard right ---------- */
.hero { padding: 158px 0 96px; }
.hero-grid {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 60px;
  align-items: center;
}
.hero h1 { margin-top: 22px; }
.hero .sub { margin-top: 22px; max-width: 460px; }
.hero .cta-row { margin-top: 32px; display: flex; gap: 14px; flex-wrap: wrap; }
.hero .meta-line { margin-top: 20px; }
.hero-media { position: relative; }
.hero-media .shot { width: 100%; }

/* ---------- download band ---------- */
.dl-band { text-align: center; padding: 110px 0 120px; }
.dl-band h2 { margin-top: 16px; }
.dl-band .cta-row { margin-top: 30px; display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.dl-band .meta-line { margin-top: 18px; }

@media (max-width: 960px) {
  .hero { padding: 130px 0 60px; }
  .hero-grid { grid-template-columns: 1fr; gap: 40px; }
  .hero .sub { max-width: 560px; }
}