/* Animations and motion utilities. */
:root {
  scroll-behavior: smooth;
}
.fade-in {
  opacity: 0;
  transform: translateY(1rem);
  animation: fadeInUp 0.6s forwards ease;
}
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.button,
.card,
.component-cta {
  transition: transform var(--transition), box-shadow var(--transition);
}
.button:hover,
.card:hover {
  transform: translateY(-2px);
}