/* ============================================================
   ANIMATIONS.CSS — Keyframes utilizados no projeto
   ------------------------------------------------------------
   Todas as @keyframes ficam centralizadas aqui para facilitar
   localizar e ajustar os tempos/curvas. As classes que as
   consomem estão em sections.css e components.css.
   ============================================================ */


/* ------------------------------------------------------------
   heroImgReveal — revela a imagem do drone na hero
   Usa clip-path para "abrir" da esquerda para a direita.
   Aplicado em: .hero-right
   ------------------------------------------------------------ */
@keyframes heroImgReveal {
  from { opacity: 0; clip-path: inset(0 100% 0 0); }
  to   { opacity: 1; clip-path: inset(0 0%   0 0); }
}


/* ------------------------------------------------------------
   fadeUp — fade-in subindo verticalmente
   Reutilizado por: eyebrow, título, regra, subtítulo, CTAs
   da hero e cards de estatísticas.
   ------------------------------------------------------------ */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}


/* ------------------------------------------------------------
   scanLine — pulsa horizontalmente o indicador de scroll
   Aplicado em: .scroll-line (canto inferior esquerdo da hero)
   ------------------------------------------------------------ */
@keyframes scanLine {
  0%, 100% { opacity: .3; transform: scaleX(.5); transform-origin: left; }
  50%      { opacity: 1;  transform: scaleX(1);  transform-origin: left; }
}


/* ------------------------------------------------------------
   tick — translação infinita do ticker dourado
   O conteúdo é duplicado no HTML para criar o loop sem corte.
   Aplicado em: .ticker-inner
   ------------------------------------------------------------ */
@keyframes tick {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}


/* ------------------------------------------------------------
   spin — gira as hélices do drone na hero (efeito blur via scaleY)
   Aplicado em: <g style="animation:spin ...">  dentro do SVG
   ------------------------------------------------------------ */
@keyframes spin {
  0%   { transform: rotate(0)      scaleY(1);  }
  50%  { transform: rotate(180deg) scaleY(.3); }
  100% { transform: rotate(360deg) scaleY(1);  }
}