/* ============================================
   DEVNOVA — ANIMATIONS
   ============================================ */

/* ---- ENTRADA DO HERO ---- */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

.hero-copy   { animation: fadeUp 0.5s ease 0.05s both; }
.hero-visual { animation: fadeUp 0.55s ease 0.18s both; }
.float-card  { animation: fadeUp 0.45s ease 0.55s both; }

/* ---- SCROLL REVEAL ---- */
.fade-up {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

.fade-up:nth-child(2) { transition-delay: 0.06s; }
.fade-up:nth-child(3) { transition-delay: 0.12s; }
.fade-up:nth-child(4) { transition-delay: 0.18s; }

/* ---- MOVIMENTO REDUZIDO ---- */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }

  .hero-copy,
  .hero-visual,
  .float-card {
    animation: none;
  }

  .fade-up {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .service-card,
  .btn-primary,
  .btn-light {
    transition: none;
  }
}