/* ═══════════════════════════════════════════════
   RESPONSIVE STYLES
   Mobile and tablet breakpoints
═══════════════════════════════════════════════ */

/* ─────────────────────────────────────────────
   TABLET (max-width: 1100px)
───────────────────────────────────────────── */
@media (max-width: 1100px) {
  .systems-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ─────────────────────────────────────────────
   MOBILE/TABLET (max-width: 900px)
───────────────────────────────────────────── */
@media (max-width: 900px) {
  /* Header/Nav */
  .nav { display: none; }
  .mobile-menu-toggle { display: block; }

  /* Hero */
  .hero h1 { font-size: clamp(42px, 11vw, 64px); }

  /* Sections */
  .section { padding: 100px 0; }

  /* Grids */
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .industries-grid { grid-template-columns: repeat(2, 1fr); }
  .guarantee-grid { grid-template-columns: 1fr; }
  .testimonials-grid { grid-template-columns: 1fr; }
  .contact-wrapper {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  /* Binary options */
  .binary-option { padding: 28px; }

  /* Footer */
  .footer-inner {
    flex-direction: column;
    text-align: center;
  }

  /* Trust row stacking */
  .trust-row { flex-direction: column; gap: 12px; }

  /* Comparison table */
  .comparison-table { border-radius: 12px; }
}

/* ─────────────────────────────────────────────
   MOBILE (max-width: 768px)
───────────────────────────────────────────── */
@media (max-width: 768px) {
  .binary-options { grid-template-columns: 1fr; }

  /* GHL iframe responsive */
  .ghl-form-wrapper { min-height: 600px; }
  .ghl-form-wrapper iframe { min-height: 600px; }
}

/* ─────────────────────────────────────────────
   SMALL TABLET (max-width: 700px)
───────────────────────────────────────────── */
@media (max-width: 700px) {
  .calc-body { padding: 28px 20px; }
  .calc-inputs { grid-template-columns: 1fr; gap: 16px; }
  .systems-grid { grid-template-columns: 1fr; }
}

/* ─────────────────────────────────────────────
   MOBILE SMALL (max-width: 600px)
───────────────────────────────────────────── */
@media (max-width: 600px) {
  .industries-grid { grid-template-columns: 1fr; }
  .contact-form { padding: 28px 20px; }
  .form-row { grid-template-columns: 1fr; }
  .form-trust {
    flex-direction: column;
    gap: 12px;
  }

  /* Pain calculator overflow fix */
  .pain-calculator { margin-left: 0; margin-right: 0; }
  .calc-row.total { margin: 0 -24px; padding: 16px 24px; }

  /* Trust row compact */
  .trust-row { gap: 8px; }
  .trust-item { font-size: 13px; }

  /* Guarantee grid */
  .guarantees-grid { grid-template-columns: 1fr; }

  /* Options grid */
  .options-grid { grid-template-columns: 1fr; }
}

/* ─────────────────────────────────────────────
   MOBILE EXTRA SMALL (max-width: 500px)
───────────────────────────────────────────── */
@media (max-width: 500px) {
  .stats-grid { grid-template-columns: 1fr; text-align: center; }
}