@media (max-width: 920px) {
  .hero-grid { grid-template-columns: 1fr; gap: 8px; }
  .hero-copy { text-align: center; }
  .hero h1, .lede { margin-inline: auto; }
  .hero-actions { justify-content: center; }
  .music-visual { height: 335px; }
  .moon { width: 220px; height: 220px; }
  .moon::before { width: 190px; height: 190px; right: -52px; top: -17px; }
  .moon i { left: 62px; top: 108px; }.moon b { left: 103px; top: 117px; }.moon em { left: 73px; top: 137px; width: 42px; }
  .equalizer { bottom: 26px; height: 130px; }
  .benefits { grid-template-columns: 1fr; text-align: center; }
}

@media (max-width: 720px) {
  .shell { width: min(calc(100% - 24px), 620px); padding: 18px 0 38px; }
  .hero-nav { margin-bottom: 28px; }
  .closed-test { font-size: .65rem; }
  .hero-grid { min-height: auto; }
  .hero h1 { font-size: clamp(2.45rem, 13vw, 4rem); line-height: .98; }
  .lede { font-size: .94rem; line-height: 1.6; }
  .hero-actions { flex-direction: column; gap: 13px; }
  .music-visual { height: 295px; transform: scale(.9); margin-inline: -18px; }
  .panel, .panel-soft { border-radius: 17px; }
  .panel-soft { padding: 23px 18px; }
  .benefits ul { grid-template-columns: 1fr; }
  .steps { grid-template-columns: 1fr; }
  .steps li { text-align: left; }
  .panel { padding: 25px 18px; }
  .form-intro { text-align: center; }
  .apps, .fields { grid-template-columns: 1fr; }
  .field-wide { grid-column: auto; }
  .app { min-height: 116px; padding: 16px; }
  .app em { display: none; }
  .section-heading { gap: 12px; }
  .section-heading h2 { font-size: 1.14rem; }
  .section-heading p { font-size: .86rem; }
  .privacy { align-items: flex-start; padding: 17px 15px; }
  .privacy-icon { display: none; }
  .field > span { align-items: flex-start; gap: 8px; }
  .test-row { flex-wrap: wrap; }
  .test-row a { width: 100%; text-align: center; }
  footer { width: calc(100% - 24px); display: block; text-align: center; }
  footer span { display: block; margin: 6px; }
}

@media (max-width: 420px) {
  .brand { font-size: .7rem; }.closed-test { padding: 7px 9px; }
  .music-visual { transform: scale(.78); margin: -18px -48px -30px; }
  .app-icon { flex-basis: 48px; height: 48px; }
}