@keyframes vs-stamp { from { opacity: 0; transform: scale(1.12) rotate(-8deg); } to { opacity: 1; transform: scale(1) rotate(-3deg); } }
@keyframes vs-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes vs-turn { to { transform: rotate(360deg); } }
.stamp { animation: vs-stamp var(--vs-state) var(--vs-ease) both; }
.hero-copy > * { animation: vs-rise var(--vs-enter) var(--vs-ease) both; }
.hero-copy > :nth-child(2) { animation-delay: 60ms; }
.hero-copy > :nth-child(3) { animation-delay: 120ms; }
.hero-copy > :nth-child(n + 4) { animation-delay: 180ms; }
.hero-photo, .hero-ledger { animation: vs-rise var(--vs-enter) var(--vs-ease) 120ms both; }
.hero-rosette, .callout-rosette { animation: vs-turn 120s linear infinite; }
@supports (animation-timeline: view()) {
    .step, .feature, .plan, .milestone, .status-legend div, .panel { animation: vs-rise linear both; animation-timeline: view(); animation-range: entry 0% entry 40%; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}