.amm-enter { opacity: 0; transform: translateY(var(--amm-motion-rise)); }
.amm-in { opacity: 1; transform: none; transition: opacity var(--amm-motion-dur) var(--amm-ease), transform var(--amm-motion-dur) var(--amm-ease); }

/* Gestaffelde entree binnen de aanpak-stappen en de punten */
.amm-in .amm-stap, .amm-in .amm-punt { animation: amm-rise .6s var(--amm-ease) both; }
.amm-in .amm-stap:nth-child(2), .amm-in .amm-punt:nth-child(2) { animation-delay: .06s; }
.amm-in .amm-stap:nth-child(3), .amm-in .amm-punt:nth-child(3) { animation-delay: .12s; }
.amm-in .amm-stap:nth-child(4), .amm-in .amm-punt:nth-child(4) { animation-delay: .18s; }
.amm-in .amm-stap:nth-child(5), .amm-in .amm-punt:nth-child(5) { animation-delay: .24s; }

@keyframes amm-rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
  .amm-enter { opacity: 1; transform: none; }
  .amm-in .amm-stap, .amm-in .amm-punt { animation: none; }
  .amm-cta { transition: none; }
  html { scroll-behavior: auto; }
}