/* ============================================================
   EEZYCODE SOFTWARE — Responsive Rules
   Breakpoints: 1440 / 1200 / 992 / 768 / 480 / 375
   ============================================================ */

/* ---------- 1200px ---------- */
@media (max-width: 1200px) {
  .hero-inner { grid-template-columns: 1fr; }
  .hero-visual { height: 380px; margin-top: 20px; }
  .stats-strip { grid-template-columns: repeat(3, 1fr); row-gap: 30px; }
  .footer-top { grid-template-columns: 1.4fr 1fr 1fr; row-gap: 40px; }
  .footer-top .footer-col:nth-child(4), .footer-top .footer-col:nth-child(5) { grid-column: span 1; }
}

/* ---------- 992px ---------- */
@media (max-width: 992px) {
  .section { padding: 80px 0; }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .feature-row { grid-template-columns: 1fr; gap: 34px; padding: 50px 0; }
  .feature-row.is-reverse .feature-visual { order: 0; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .cta-banner { padding: 46px; flex-direction: column; text-align: center; }
  .cta-banner h2, .cta-banner p { max-width: 100%; }
  .cta-actions { justify-content: center; }
  .process-item { grid-template-columns: 70px 1fr; gap: 18px; }
}

/* ---------- 768px ---------- */
@media (max-width: 768px) {
  .container { padding: 0 20px; }
  .section { padding: 64px 0; }
  .section-header { margin-bottom: 38px; }
  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
  .stats-strip { grid-template-columns: repeat(2, 1fr); }
  .hero { padding: calc(var(--header-h) + 60px) 0 70px; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn { width: 100%; }
  .hero-meta { gap: 22px; }
  .hero-card { padding: 12px 14px; }
  .hero-card strong { font-size: 0.82rem; }
  .page-hero { padding: calc(var(--header-h) + 46px) 0 60px; }
  .form-grid { grid-template-columns: 1fr; }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 34px; }
  .footer-brand { grid-column: span 2; }
  .footer-bottom { flex-direction: column; text-align: center; }
  .cta-banner { padding: 34px 26px; }
  .logo-strip { justify-content: center; gap: 24px; }
  .modal-box { padding: 30px; }
}

/* ---------- 480px ---------- */
@media (max-width: 480px) {
  .stats-strip { grid-template-columns: repeat(2, 1fr); gap: 26px 14px; }
  .footer-top { grid-template-columns: 1fr; }
  .footer-brand { grid-column: span 1; }
  .btn { width: 100%; }
  .cta-actions { flex-direction: column; width: 100%; }
  .cta-actions .btn { width: 100%; }
  .hero-visual { height: 300px; }
  .hero-card { position: relative !important; inset: auto !important; top: auto; left: auto; right: auto; bottom: auto; margin-bottom: 12px; animation: none; }
  .hero-visual { display: flex; flex-direction: column; height: auto; }
  .hero-core { display: none; }
  .process-item { grid-template-columns: 1fr; gap: 8px; }
  .timeline { padding-left: 26px; }
}

/* ---------- 375px ---------- */
@media (max-width: 375px) {
  .brand-name { font-size: 1rem; }
  h1 { font-size: 2.1rem; }
  .btn { padding: 14px 22px; font-size: 0.9rem; }
}