/* Landing do PrevIA — base não crítica. Tokens, @font-face, reset, foco e
   utilitários de acessibilidade estão no CSS crítico inline
   (templates/pages/landing/critico.css), para não duplicar a fonte da verdade. */

:root { interpolate-size: allow-keywords; }

/* Revelar ao rolar (D-12): só com JavaScript e sem preferência por menos movimento. */
@media (prefers-reduced-motion: no-preference) {
  .js [data-revelar] { opacity: 0; transform: translateY(var(--revelar-deslocamento));
    transition: opacity var(--duracao) var(--curva), transform var(--duracao) var(--curva); }
  .js [data-revelar].revelado { opacity: 1; transform: none; }
}

/* Movimento reduzido: vale para TODA animação e transição da página. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important;
    transition-duration: .01ms !important; scroll-behavior: auto !important; }
}