/* ==========================================================================
   INFOSSELCONNECT — RESPONSIVE
   ========================================================================== */

@media (max-width: 1240px) {
  .container { padding: 0 var(--sp-md); }
}

@media (max-width: 768px) {
  :root { --nav-height: 68px; }
  .section-pad { padding: var(--sp-2xl) 0; }
  .hero h1 { font-size: 2.3rem; }
  .hero-stats-row { gap: var(--sp-lg); flex-wrap: wrap; }
  .bento { grid-template-columns: 1fr; grid-auto-rows: auto; }
  .bento-card { grid-column: span 1 !important; min-height: 200px; }
  .pricing-toggle { flex-wrap: wrap; }
  .t-card { width: 300px; }
  .footer-grid { grid-template-columns: 1fr; }
  .newsletter { padding: var(--sp-xl) var(--sp-md); }
  .newsletter-form { flex-direction: column; border-radius: var(--radius-md); }
  .newsletter-form .btn { width: 100%; }
  .back-to-top { bottom: 18px; right: 18px; width: 42px; height: 42px; }
}

@media (max-width: 480px) {
  .hero h1 { font-size: 1.9rem; }
  .hero-sub { font-size: var(--fs-sm); }
  .btn { padding: 13px 22px; font-size: var(--fs-xs); }
  .amount { font-size: var(--fs-2xl); }
}