@media (max-width: 1199.98px) {
  .hero-section {
    padding-top: 132px;
  }

  .plan-card.featured {
    transform: none;
  }
}

@media (max-width: 991.98px) {
  .section-padding {
    padding: 76px 0;
  }

  .hero-section {
    padding: 120px 0 72px;
  }

  .navbar-collapse {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 1.25rem;
    padding: 1rem;
    margin-top: .85rem;
    box-shadow: 0 16px 40px rgba(15,23,42,.08);
  }

  .hero-title {
    letter-spacing: -0.055em;
  }

  .hero-image-card {
    margin-top: 2rem;
  }
}

@media (max-width: 767.98px) {
  html {
    scroll-padding-top: 82px;
  }

  .section-padding,
  .section-padding-sm {
    padding: 64px 0;
  }

  .hero-section {
    padding: 108px 0 62px;
  }

  .hero-description {
    font-size: 1.05rem;
  }

  .hero-badges {
    gap: .5rem;
  }

  .hero-badge {
    font-size: .9rem;
  }

  .trust-strip {
    margin-top: -26px;
  }

  .trust-box {
    padding: 1rem;
  }

  .cta-panel {
    border-radius: 1.5rem;
  }

  .footer {
    padding-top: 56px;
  }

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

  .back-to-top {
    right: 20px;
    bottom: 84px;
  }
}

@media (max-width: 575.98px) {
  .navbar-brand img {
    height: 36px;
  }

  .btn-devtecno,
  .btn-outline-devtecno {
    width: 100%;
    justify-content: center;
  }

  .hero-section .d-flex.gap-3 {
    width: 100%;
  }

  .plan-price {
    font-size: 2rem;
  }

  .contact-card {
    padding: 1.1rem;
  }
}