/* Large tablet adjustments */
@media (max-width: 1080px) {
  .card-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .card-grid-3,
  .about-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .process-steps {
    grid-template-columns: repeat(3, 1fr);
  }

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

/* Tablet and mobile navigation */
@media (max-width: 860px) {
  .nav-toggle {
    display: inline-block;
    margin-left: auto;
  }

  .site-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 76px;
    background: #FFFFFF;
    border-bottom: 1px solid #E2E8F0;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding: 0.8rem 1.25rem 1.2rem;
  }

  .site-nav.open {
    display: flex;
  }

  .site-nav a {
    width: 100%;
    padding: 0.65rem 0;
    border-bottom: 1px solid #EEF2FF;
  }

  .site-nav a:last-child {
    border-bottom: 0;
  }

  .nav-cta {
    display: none;
  }

  .hero-grid,
  .contact-grid {
    grid-template-columns: 1fr;
  }

  .hero-visual {
    max-width: 560px;
  }

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

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

/* Small phone layout */
@media (max-width: 640px) {
  .container {
    width: min(100% - 1.4rem, 1160px);
  }

  .section-pad {
    padding: 3.2rem 0;
  }

  .card-grid-4,
  .card-grid-3,
  .card-grid-2,
  .about-grid,
  .industry-grid,
  .footer-grid,
  .process-steps {
    grid-template-columns: 1fr;
  }

  .hero-copy h1 {
    font-size: 1.95rem;
  }

  .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .floating-card {
    position: static;
    margin-top: 0.8rem;
    max-width: none;
  }

  .stats-grid {
    grid-template-columns: 1fr;
    text-align: left;
  }

  .stat-item {
    text-align: left;
    padding: 0.2rem 0;
  }

  .cta-box {
    padding: 1.45rem;
  }
}