/* ============================================================
   NOVADIGITAL — Responsive refinements
   ============================================================ */

@media (max-width: 1199.98px) {
  .chip-x, .chip-li { right: 4px; }
  .chip-fb, .chip-ig { left: 4px; }
}

@media (max-width: 991.98px) {
  .hero-section { padding: 4.5rem 0 4rem; }
  .hero-visual { margin-top: 3rem; }
  .display-hero { font-size: clamp(2.1rem, 5.5vw, 3rem); }

  .dash-shell { max-width: 640px; margin: 0 auto; }

  .stats-band .col-md-3 { margin-bottom: 1.6rem; }
  .stats-band .col-md-3:last-child { margin-bottom: 0; }
}

@media (max-width: 767.98px) {
  .page-hero { padding: 4rem 0 3.4rem; }

  .dash-stat-row { grid-template-columns: repeat(2, 1fr); }
  .dash-stat .value { font-size: 1.1rem; }

  .bar-chart { height: 84px; }

  .ring { width: 56px; height: 56px; }
  .ring::before { width: 42px; height: 42px; font-size: .7rem; }

  .feature-row:hover { transform: none; }

  .service-card { padding: 1.6rem; }
  .testimonial-card { padding: 1.6rem; }

  .footer-bottom .col-md-6 { text-align: center !important; margin-bottom: .5rem; }
}

@media (max-width: 575.98px) {
  .dash-stat-row { gap: .6rem; }
  .dash-stat { padding: .65rem .7rem; }
  .dash-stat .label { font-size: .62rem; }

  .btn-grad, .btn-outline-navy, .btn-white-ghost {
    width: 100%;
  }

  .hero-cta-stack .btn-grad { margin-bottom: .7rem; }

  .stats-band { padding: 2.2rem 1.2rem; }
}