.download-page .skip-link:not(:focus) { top: -5rem; }
.download-page .nav-links a[aria-current="page"] { color: var(--gold); }
.download-hero {
  padding: 68px 0 76px;
  background: radial-gradient(ellipse at 78% 40%, rgba(212, 175, 55, .07), transparent 48%);
}
.download-grid {
  width: min(1100px, calc(100% - 64px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, .85fr);
  align-items: center;
  gap: 80px;
}
.download-eyebrow {
  margin: 0 0 22px;
  color: var(--gold);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.download-copy h1 {
  margin: 0;
  font: 400 clamp(40px, 4.5vw, 60px)/1.12 var(--serif);
  letter-spacing: -.025em;
}
.download-copy h1 span { color: var(--gold-soft); }
.download-lead {
  max-width: 470px;
  margin: 24px 0;
  color: var(--text-soft);
  font-size: 16px;
  line-height: 1.8;
}
.app-features {
  display: grid;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
  color: var(--text-soft);
  font-size: 14px;
  line-height: 1.65;
}
.app-features li { position: relative; padding-left: 25px; }
.app-features li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 7px;
  width: 10px;
  height: 6px;
  border-left: 1.5px solid var(--gold);
  border-bottom: 1.5px solid var(--gold);
  transform: rotate(-45deg);
}
.download-actions { margin-top: 30px; }
.download-caption { margin: 0 0 14px; color: var(--text); font-size: 14px; font-weight: 600; }
.store-links { display: flex; align-items: center; gap: 14px; }
.store-link {
  display: block;
  width: 184px;
  max-width: calc((100% - 14px) / 2);
  transition: transform .2s, opacity .2s;
}
.store-link:hover { transform: translateY(-3px); opacity: .88; }
.store-link img { width: 100%; height: auto; }
.download-note { margin: 12px 0 0; color: var(--text-dim); font-size: 12px; }
.app-preview { margin: 0; display: flex; justify-content: center; }
.app-preview img { width: 276px; border-radius: 12px; }
@media (min-width: 721px) and (max-width: 860px) {
  .download-page main { padding-top: 8rem; }
}
@media (max-width: 900px) {
  .download-grid { gap: 36px; }
  .download-hero { padding-block: 52px; }
  .app-preview img { width: 240px; }
}
@media (max-width: 720px) {
  .download-page .nav-inner { width: var(--container); margin-inline: auto; }
  .download-page .brand img { width: min(15rem, 47vw); }
  .download-page .nav-links a { display: inline-flex; align-items: center; min-height: 36px; }
  .download-grid { width: calc(100% - 40px); grid-template-columns: minmax(0, 1fr); gap: 38px; }
  .download-hero { padding: 40px 0 48px; }
  .download-copy { text-align: center; }
  .download-eyebrow { margin-bottom: 18px; font-size: 10px; letter-spacing: .13em; }
  .download-copy h1 { font-size: clamp(36px, 9vw, 48px); }
  .download-lead { margin: 20px auto 24px; font-size: 15px; }
  .app-features { max-width: 420px; margin-inline: auto; text-align: left; font-size: 13px; }
  .download-actions { margin-top: 28px; }
  .store-links { justify-content: center; gap: 12px; }
  .store-link { width: 170px; max-width: calc((100% - 12px) / 2); }
  .app-preview img { width: 230px; }
  .download-page footer { padding: 28px 0; }
  .download-page .footer-inner { align-items: center; text-align: center; gap: 22px; }
  .download-page .footer-brand { margin-top: 0; }
  .download-page .footer-links { justify-content: center; }
}