.fade-in {
  animation: fadeIn 0.8s ease both;
}

.slide-up {
  animation: slideUp 0.9s ease both;
}

.info-card,
.process-card,
.image-card,
.timeline-card,
.contact-card,
.form-card,
.faq-item,
.stat-card {
  transition: transform var(--transition), box-shadow var(--transition);
}

.info-card:hover,
.process-card:hover,
.image-card:hover,
.timeline-card:hover,
.contact-card:hover,
.form-card:hover,
.faq-item:hover,
.stat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 22px 50px rgba(20, 31, 25, 0.12);
}

.button,
.site-nav a,
.text-link,
.social-links span {
  transition: all var(--transition);
}

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

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