/* ================================================================
   ANIMATIONS — Keyframes and entrance effects
   ================================================================ */

@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Entrance animations per section */
.hero__content {
  animation: fade-in-up 0.7s ease both;
}

.hero__visual {
  animation: fade-in-up 0.7s 0.15s ease both;
}

.comparison-card--dark {
  animation: fade-in-up 0.6s 0.1s ease both;
}

.comparison-card--light {
  animation: fade-in-up 0.6s 0.2s ease both;
}