/* ==========================================================================
   Responsive refinements — layered on top of the Bootstrap grid
   ========================================================================== */

@media (max-width: 991.98px) {
  .navbar .nav__list {
    border-top: 1px solid var(--border);
    margin-top: 0.75rem;
    padding-top: 0.5rem;
  }

  .navbar .nav__list .nav-item {
    border-bottom: 1px solid var(--border);
  }

  .navbar .nav__link {
    display: block;
    padding: 0.85rem 0;
  }

  .navbar .nav__link::after {
    display: none;
  }

  .navbar .navbar-collapse .btn {
    margin: 1rem 0 0.5rem;
    width: 100%;
  }

  .hero {
    text-align: left;
  }
}

@media (max-width: 767.98px) {
  .cta__actions,
  .hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .cta__actions .btn,
  .hero__actions .btn {
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  .testimonials__controls {
    gap: 0.75rem;
  }

  .logo-item {
    min-width: 160px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }

  .reveal {
    opacity: 1;
    transform: none;
  }

  .logos__track {
    animation: none;
  }
}