/* The tutorial keeps its animated outline, without a progress bar. */
#how[data-motion="running"] .home-step.active .home-step-art{animation:looplay-step-outline 2.8s ease-in-out infinite}
@keyframes looplay-step-outline{
  0%,100%{border-color:#568eff;box-shadow:0 0 0 1px #377dff44,0 8px 30px #1c54b31a}
  50%{border-color:#9bc5ff;box-shadow:0 0 0 1px #78adff77,0 8px 35px #377dff30}
}
/* Soft colour drift behind the final invitation; text and button stay still. */
main>.cta{position:relative;isolation:isolate;overflow:hidden;background:#0d111a}
main>.cta::before{content:"";position:absolute;inset:-25%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 74% 32%,#1e64e66b,transparent 51%),radial-gradient(ellipse at 22% 80%,#f0445829,transparent 48%);filter:blur(26px);transform:translate3d(-4%,-5%,0) rotate(-4deg) scale(1.05);animation:looplay-ambient-drift 13s ease-in-out infinite alternate;will-change:transform}
@keyframes looplay-ambient-drift{
  to{transform:translate3d(5%,5%,0) rotate(5deg) scale(1.18)}
}
@media(prefers-reduced-motion:reduce){
  #how .home-step .home-step-art,main>.cta::before{animation:none!important}
  main>.cta::before{will-change:auto}
}