@media (max-width: 767px) {
  .header-inner,
  .container,
  .legal-article {
    width: min(100% - 2rem, 80rem);
  }

  .hero-inner {
    padding: 3.25rem 0 4rem;
  }

  .hero h1 {
    max-width: none;
  }

  .hero-card {
    aspect-ratio: 16 / 11;
  }

  .section {
    padding: 4rem 0;
  }

  .cta-panel {
    border-radius: 1.75rem;
    padding: 2rem 1.25rem;
  }

  .footer-inner {
    padding: 3rem 0;
  }
}

@media (max-width: 480px) {
  .hero-actions .btn,
  .cta-panel .btn,
  .order-ctas .btn {
    width: 100%;
  }

  .stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}