/* Responsive tweaks */

@media (max-width: 991.98px) {
  .site-header { background: transparent; backdrop-filter: blur(12px); }
  .navbar-collapse {
    margin-top: 14px;
    padding: 12px;
    background: #131313;
    border-radius: 16px;
    box-shadow: var(--shadow-soft);
  }
  .navbar-nav .nav-link::after { display: none; }
  .navbar-nav .nav-link { padding: 0.7rem 0.5rem !important; }
  .hero { padding: 140px 0 60px; }
  .section { padding: 80px 0; }
  .cta-card { padding: 44px 30px; }
  .footer-bottom { justify-content: flex-start; }
}

@media (max-width: 767.98px) {
  .hero { padding: 130px 0 0px; }
  .hero-badge { left: 12px; right: 12px; bottom: 12px; padding: 12px; }
  .hero-stats { gap: 20px !important; }
  .hero-stats strong { font-size: 1.25rem; }
  .section { padding: 70px 0; }
  .section-title { font-size: 2rem; }
  .cta-card { padding: 36px 22px; }
  .cta-title { font-size: 1.7rem; }
  .solutions-card { padding: 28px 22px; }
  .service-card { padding: 26px 22px; }
  .portfolio-card { aspect-ratio: 1 / 1; }
  .btn-lg { padding: 0.8rem 1.4rem; font-size: 0.95rem; }
  .back-to-top { right: 14px; bottom: 14px; }
}

@media (max-width: 480px) {
  .hero-title { font-size: 2.15rem; }
  .hero-lead { font-size: 1rem; }
  .brand-logo { height: 32px; }
  .eyebrow { font-size: 0.72rem; padding: 5px 10px; }
}

/* Reduced motion accessibility */
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
  .marquee-track { animation: none !important; }
  * { scroll-behavior: auto !important; }
}