/* ==========================================================================
   Responsive Breakpoints
   ========================================================================== */

@media (max-width: 992px) {
  .hero-container,
  .about-container,
  .contact-container {
    grid-template-columns: 1fr;
  }

  .hero-image-wrapper {
    order: -1;
  }

  .hubs-grid {
    grid-template-columns: 1fr;
  }

  .trust-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-container {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .desktop-nav {
    display: none;
  }

  .hamburger {
    display: flex;
  }

  .hero-content h1 {
    font-size: 2rem;
  }

  .form-row {
    grid-template-columns: 1fr;
  }

  .footer-container {
    grid-template-columns: 1fr;
  }

  .mobile-sticky-cta {
    display: flex;
  }
}

@media (max-width: 480px) {
  .trust-container {
    grid-template-columns: 1fr;
  }

  .hero-actions {
    flex-direction: column;
  }

  .btn-large {
    width: 100%;
  }
}