/* =========================================================
   RESPONSIVE — consolidated media queries
   ========================================================= */

@media (max-width: 1024px) {
  .about__grid { grid-template-columns: 1fr; }
  .about__label-col h2 { position: static; }
  .services__grid { grid-template-columns: repeat(2, 1fr); }
  .why-grid { grid-template-columns: repeat(2, 1fr); }
  .footer__grid { grid-template-columns: 1.3fr 1fr 1fr; }
  .footer__col:nth-child(3) { grid-column: 2; }
}

@media (max-width: 860px) {
  .hero__inner { grid-template-columns: 1fr; }
  .hero__visual { order: -1; max-width: 420px; margin: 0 auto; }
  .scroll-cue { display: block; }
  .founder__grid { grid-template-columns: 1fr; text-align: left; }
  .founder__photo { max-width: 160px; }
}

@media (max-width: 720px) {
  .nav-links {
    position: fixed;
    inset: 64px 0 auto 0;
    background: var(--surface-page);
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding: 0.5rem var(--gutter) 1rem;
    border-bottom: 1px solid var(--border-color);
    transform: translateY(-8px);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--dur-fast) ease, transform var(--dur-fast) ease, visibility var(--dur-fast);
  }
  .nav-links.is-open { opacity: 1; transform: translateY(0); visibility: visible; }
  .nav-links li { width: 100%; }
  .nav-links a { display: block; padding: 0.9em 0; border-bottom: 1px solid var(--border-color); }
  .nav-toggle { display: flex; }
  .nav-actions .btn--whatsapp span { display: none; }
  .nav-actions .btn--whatsapp { padding: 0.7em; border-radius: 50%; }

  .services__grid { grid-template-columns: 1fr; }
  .why-grid { grid-template-columns: 1fr; }
  .footer__grid { grid-template-columns: 1fr; gap: 2rem; }
  .footer__col:nth-child(3) { grid-column: auto; }
  .qualify-form__grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .lead-form__row { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
  .hero__ctas { flex-direction: column; align-items: stretch; }
}

/* Disable parallax/magnetic transforms on touch devices — cursor-driven
   effects have no meaning without a mouse and can cause jank on scroll. */
@media (hover: none) and (pointer: coarse) {
  .parallax { transform: none !important; }
  .glow-surface::before { display: none; }
}