/* ---------- Faixas: mobile até 700, tablet 701–1024, desktop acima ---------- */

@media (max-width: 1024px) {
  .nav { display: none; }
  .header__in .btn { margin-left: auto; }
  .hero__grid, .split, .cta, .space, .wide { grid-template-columns: minmax(0, 1fr); }
  .hero::before { background-position: 0 0, 0 0, 70% center; }
  .tech { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .difs, .cases { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cta__copy { position: static; }
}

@media (max-width: 700px) {
  body { font-size: 16px; }
  .hero::before { background: linear-gradient(180deg, var(--veil) 0%, var(--ink) 70%), url('../img/site/bg-juliana.jpg') 75% top / cover no-repeat; }
  .cards, .stats, .journey, .difs, .cases, .tech { grid-template-columns: minmax(0, 1fr); }
  .tech__item { padding: 20px 18px 22px; }
  .fact { flex-direction: column; align-items: flex-start; }
  .hero__cta .btn { width: 100%; }
  .ba { box-shadow: 8px 8px 0 var(--gold); }

  .compare__row { grid-template-columns: minmax(0, 1fr); }
  .compare__row--head { display: none; }
  .compare__row > span { padding: 12px 18px; }
  .compare__k { padding-bottom: 2px !important; }
  .compare__now { border-left: 0; padding-top: 2px !important; }
  .compare__now::before { content: 'Removível: '; font-weight: 700; margin-right: 6px; }
  .compare__row:nth-child(2) { border-top: 0; }

  .foot { flex-direction: column; align-items: stretch; }
  .info { grid-template-columns: minmax(0, 1fr); }
  .seg span { letter-spacing: .06em; padding-inline: 4px; }
  .footer__in { flex-direction: column; align-items: flex-start; gap: 24px; }
  .social { margin-left: 0; }
  .footer { padding-bottom: 96px; }
  .wa { left: 12px; right: 12px; bottom: 12px; justify-content: center; padding-right: 16px; }
  .wa__text { font-size: .74rem; }
  .header__in .btn { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .js .intro { display: none; }
  .js .reveal:not(.in) { opacity: 1; transform: none; }
}