@media (max-width: 991.98px) {
  .digital-navbar .navbar-collapse {
    background: rgba(6, 16, 29, .96);
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 8px;
    margin-top: 12px;
    padding: 16px;
  }

  .digital-navbar .btn-primary {
    margin-top: 8px;
    width: 100%;
  }

  .hero-section {
    padding: 112px 0 64px;
  }

  .quote-form,
  .pricing-card,
  .service-card {
    padding: 22px;
  }

  .tech-pill {
    flex-basis: 145px;
  }
}

@media (max-width: 575.98px) {
  .hero-section {
    padding: 104px 0 54px;
  }

  .hero-section .btn,
  .final-cta .btn {
    width: 100%;
  }

  .display-5 {
    font-size: 2.15rem;
  }

  .whatsapp-floating {
    bottom: 16px;
    height: 54px;
    right: 16px;
    width: 54px;
  }

  .faq-floating {
    bottom: 84px;
    height: 54px;
    right: 16px;
    width: 54px;
  }

  .faq-floating:hover,
  .faq-floating:focus {
    width: 108px;
  }

  .tech-marquee {
    margin-left: -4px;
    margin-right: -4px;
    padding: 14px;
  }

  .tech-pill {
    flex-basis: 132px;
    min-height: 120px;
    padding: 15px 12px;
  }

  .tech-pill i {
    font-size: 2rem;
  }
}