@media (max-width: 1000px) {
  .wrap { width: calc(100% - 48px); }
  .hero { gap: 30px; }
  .site-header nav { gap: 18px; }
}
@media (max-width: 760px) {
  .site-header { flex-wrap: wrap; gap: 24px; padding-block: 25px; }
  .site-header nav { flex-wrap: wrap; gap: 18px; }
  .hero { grid-template-columns: 1fr; padding-block: 30px 60px; gap: 40px; }
  .section-heading { grid-template-columns: 1fr; gap: 22px; }
  .workflow { grid-template-columns: 1fr; gap: 28px; }
  .scope-list div { grid-template-columns: 1fr; gap: 10px; }
  .site-footer { flex-direction: column; }
  .limitations { padding: 25px; }
}
@media (max-width: 400px) {
  .wrap { width: calc(100% - 32px); }
  h1 { font-size: 42px; }
  .site-header nav { font-size: 13px; gap: 12px; }
  .hero-actions { gap: 16px; }
}