/* ============================================
   AURIX — Responsive
   ============================================ */

@media (max-width: 1024px) {
  .hero__content {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .hero__desc { margin-left: auto; margin-right: auto; }
  .hero__actions { justify-content: center; }
  .hero__stats { justify-content: center; }

  .hero__visual { order: -1; }
  .hero__ai-ring { width: 120%; max-width: 420px; }
  .hero__scene { min-height: 380px; }
  .hero__ai-ring { width: 100%; }

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

  .about__grid { grid-template-columns: repeat(2, 1fr); }
  .services__grid { grid-template-columns: repeat(2, 1fr); }
  .process__timeline { grid-template-columns: repeat(2, 1fr); }
  .process__timeline::before { display: none; }
  .project-showcase {
    grid-template-columns: repeat(2, 1fr);
    max-width: none;
  }

  .project-card--fintech {
    grid-column: span 2;
    max-width: 480px;
    justify-self: center;
    width: 100%;
  }

  .contact__grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }

  .footer__brand {
    grid-column: span 2;
  }
}

@media (max-width: 768px) {
  :root { --header-h: 70px; }

  .header-cta { display: none; }

  .nav {
    position: fixed;
    top: var(--header-h);
    left: 0;
    right: 0;
    bottom: 0;
    flex-direction: column;
    justify-content: center;
    gap: 2rem;
    background: var(--nav-mobile-bg);
    backdrop-filter: blur(20px);
    box-shadow: var(--nav-mobile-shadow);
    transform: translateX(100%);
    transition: transform var(--transition);
    z-index: 999;
  }

  .nav.open { transform: translateX(0); }

  .nav__link { font-size: 1.25rem; }

  .nav-toggle { display: flex; z-index: 1001; }

  .nav-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }
  .nav-toggle.active span:nth-child(2) { opacity: 0; }
  .nav-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
  }

  .hero { min-height: auto; padding-bottom: 5rem; }
  .hero__stats { flex-direction: column; gap: 1.25rem; align-items: center; }
  .hero__card-float { display: none; }
  .hero__orbit-icons { display: none; }
  .hero__scene { min-height: 320px; }
  .hero__scroll { display: none; }

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

  .about__circuit { display: none; }

  .section { padding: 4rem 0; }

  .about__grid,
  .services__grid,
  .process__timeline {
    grid-template-columns: 1fr;
  }

  .project-showcase {
    grid-template-columns: 1fr;
  }

  .project-card--fintech {
    grid-column: span 1;
    max-width: none;
  }

  .work-more {
    flex-direction: column;
    text-align: center;
  }

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

  .footer__grid {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 2.5rem 0 2rem;
  }

  .footer__brand {
    grid-column: span 1;
  }

  .footer__bottom {
    flex-direction: column;
    gap: 0.5rem;
    text-align: center;
  }

  .cursor-glow { display: none; }

  .matrix-overlay {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

@media (max-width: 480px) {
  .hero__title { font-size: 1.85rem; }
  .hero__actions { flex-direction: column; }
  .hero__actions .btn { width: 100%; }
  .cta-box { padding: 2.5rem 1.25rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .reveal { opacity: 1; transform: none; }
  .marquee__track { animation: none; }
  .hero__ai-ring { animation: none; }
  .about__circuit { animation: none; }
}