/* ==========================================================================
   VERSYCODE — Responsive Rules
   ========================================================================== */

/* Laptop */
@media (max-width: 1180px) {
  .footer-grid { grid-template-columns: repeat(3, 1fr); row-gap: 36px; }
  .footer-brand { grid-column: 1 / -1; }
}

/* Tablet */
@media (max-width: 991px) {
  :root { --nav-h: 68px; }
  .nav-links, .nav-actions .btn-outline { display: none; }
  .nav-toggle { display: flex; }

  .hero .container { grid-template-columns: 1fr; text-align: center; }
  .hero .lead { margin-left: auto; margin-right: auto; }
  .hero-actions, .hero-trust { justify-content: center; }
  .hero-visual { height: 380px; margin-top: 10px; }
  .hero { min-height: auto; padding-bottom: 70px; }

  .grid-2 { grid-template-columns: 1fr; }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }

  .form-split { grid-template-columns: 1fr; }
  .form-side { border-right: none; border-bottom: 1px solid var(--surface-border); }

  .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 32px; row-gap: 32px; }
  .footer-brand { grid-column: 1 / -1; }

  .pricing-card.featured { transform: none; }

  .section { padding: 80px 0; }
}

/* Mobile */
@media (max-width: 640px) {
  .container { padding: 0 18px; }
  .section { padding: 64px 0; }
  .section-head { margin-bottom: 40px; }

  .grid-3, .grid-4 { grid-template-columns: 1fr; }

  .hero { padding-top: calc(var(--nav-h) + 40px); }
  .hero h1 { font-size: 34px; }
  .hero-visual { height: 300px; }
  .hv-chip { width: 52px; height: 52px; border-radius: 14px; }
  .hv-chip svg { width: 22px; height: 22px; }
  .hv-core { width: 150px; height: 150px; border-radius: 26px; }
  .hv-core svg { width: 64px; height: 64px; }

  .page-hero { padding: calc(var(--nav-h) + 50px) 0 60px; }

  .form-row { grid-template-columns: 1fr; gap: 0; }
  .form-panel, .form-side { padding: 30px 22px; }

  .cta-band { padding: 50px 26px; }

  .footer-grid { grid-template-columns: 1fr; gap: 30px; padding-bottom: 40px; }
  .footer-bottom { flex-direction: column; text-align: center; gap: 14px; }
  .footer-bottom .legal-links { flex-wrap: wrap; justify-content: center; gap: 12px; }

  .support-panel { right: 12px; left: 12px; width: auto; bottom: 96px; height: 65vh; }
  .support-fab { right: 16px; bottom: 16px; padding: 14px; }
  .support-fab .label { display: none; }

  .flow-row { flex-direction: column; }
  .flow-row .flow-arrow svg { transform: rotate(0deg); }

  .stats-bar .grid-4 { grid-template-columns: repeat(2, 1fr); gap: 30px 0; }

  table.vc-table { min-width: 560px; }
}

@media (max-width: 380px) {
  .hero-trust { gap: 18px; }
  .btn { padding: 13px 22px; font-size: 14px; }
}

/* Print */
@media print {
  .navbar, .support-fab, .support-panel, #particles-canvas, .bg-grid { display: none !important; }
}