/* ─── RESPONSIVE ────────────────────────────────────────── */
@media (max-width: 900px) {
  nav {
    padding: 1rem 1.5rem;
  }

  .nav-links {
    display: none;
  }

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

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

  .card {
    max-width: 100%;
  }

  .how-inner {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .card-3d-demo {
    display: none;
  }

  .contact-grid {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

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