@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate__fade-in {
  animation: fadeIn 1s ease forwards;
  opacity: 0;
}

.roadmap__line:nth-child(1) .animate__fade-in { animation-delay: 0s; }
.roadmap__line:nth-child(2) .animate__fade-in { animation-delay: 0.3s; }
.roadmap__line:nth-child(3) .animate__fade-in { animation-delay: 0.6s; }
.roadmap__line:nth-child(4) .animate__fade-in { animation-delay: 0.9s; }
.roadmap__line:nth-child(5) .animate__fade-in { animation-delay: 1.2s; }
.roadmap__line:nth-child(6) .animate__fade-in { animation-delay: 1.5s; }
.roadmap__line:nth-child(7) .animate__fade-in { animation-delay: 1.8s; }

@keyframes fadeInHero {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}