@media (max-width: 900px) {
  .menu-toggle { display: block; }
  .main-nav { display: none; position: absolute; left: 16px; right: 16px; top: 76px; background: var(--surface-color); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 12px; box-shadow: var(--shadow-soft); }
  .main-nav.open { display: grid; }
  .hero, .contact-strip, .split-note, .preview { grid-template-columns: 1fr; }
  .hero-visual { order: -1; }
}
@media (max-width: 640px) {
  main { width: min(100% - 22px, 1200px); padding-top: 18px; }
  .block, .hero, .page-hero { padding: 22px; margin: 16px 0; }
  .form-row { grid-template-columns: 1fr; }
  .hero-actions { flex-direction: column; }
  .btn { width: 100%; }
  .site-header { padding: 14px 16px; }
}