@media (max-width: 1180px) {
  .hero-inner,
  .hero-grid,
  .summary-grid,
  .contact-grid,
  .split,
  .feature-grid,
  .value-grid,
  .pricing-grid,
  .cards,
  .steps,
  .pricing,
  .metric-grid,
  .proof-grid,
  .case-grid,
  .industry-grid,
  .detail-grid,
  .stat-grid {
    grid-template-columns: 1fr !important;
  }

  .hero-copy,
  .hero-copy p,
  .hero p,
  .section-head,
  .section-title {
    max-width: 100% !important;
  }
}

@media (max-width: 980px) {
  .nav-links {
    display: none !important;
  }

  .hamburger {
    display: flex !important;
  }

  .hero {
    min-height: auto !important;
  }

  .hero-actions,
  .content-links,
  .actions {
    gap: 10px !important;
  }
}

@media (max-width: 720px) {
  nav,
  .hero,
  .section,
  .cta-band,
  footer,
  header,
  section {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  h1 {
    letter-spacing: -1.6px !important;
  }

  .hero-actions > a,
  .hero-actions > button,
  .content-links > a,
  .content-links > button,
  .actions > a,
  .actions > button,
  .cta-shell .btn-primary,
  .cta-shell .btn-secondary,
  .cta-shell .btn-link {
    width: 100%;
  }

  .footer-inner,
  .footer-grid {
    align-items: flex-start !important;
  }

  .hero-stats,
  .metric-grid {
    grid-template-columns: 1fr !important;
  }
}