/* ============================================
   BANKLIFY SUGGESTION — RESPONSIVE
   ============================================ */

@media (max-width: 1024px) {
  .pain-grid { grid-template-columns: repeat(2, 1fr); }
  .pain-card { border-right: none; padding-right: 0; padding-left: 0; border-bottom: 1px solid var(--border-light); }
  .pain-card:last-child { border-bottom: none; }
  .pain-card + .pain-card { padding-left: 0; }
  .features-grid { grid-template-columns: repeat(2, 1fr); }
  .orb-layout { grid-template-columns: 1fr; gap: 48px; }
  .orb-visual { max-width: 400px; margin: 0 auto; }
  .numbers-grid { flex-wrap: wrap; gap: 48px; justify-content: center; }
  .number-divider { display: none; }
  .footer-links { gap: 40px; }
}

@media (max-width: 768px) {
  .container { padding: 0 24px; }
  .hero { padding: 120px 0 80px; }
  #hero-ribbons { width: 100%; opacity: 0.4; }
  .hero-stats { gap: 32px; flex-wrap: wrap; }
  .features-grid { grid-template-columns: 1fr; }
  .footer-inner { flex-direction: column; gap: 48px; }
  .footer-links { flex-direction: column; gap: 32px; }
  .cta-form { flex-direction: column; }
  .bank-logos { gap: 28px; }
  .bank-logos img { height: 28px; max-width: 90px; }
  .numbers-grid { gap: 40px; }
  .hero-actions { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 480px) {
  .pain-grid { grid-template-columns: 1fr; }
  .hero h1 { font-size: 34px; }
  .orb-layout { gap: 32px; }
}