.motion-ready .hero .kicker,.motion-ready .hero h1,.motion-ready .hero .summary,.motion-ready .hero-side{opacity:0;transform:translateY(30px)}
.motion-ready.loaded .hero .kicker{animation:case-rise .6s .05s forwards}.motion-ready.loaded .hero h1{animation:case-rise .9s .14s cubic-bezier(.16,.8,.2,1) forwards}.motion-ready.loaded .hero .summary{animation:case-rise .7s .34s forwards}.motion-ready.loaded .hero-side{animation:case-rise .7s .48s forwards}.motion-ready .hero-mark{opacity:0;transform:scale(.72)}.motion-ready.loaded .hero-mark{animation:mark-in 1.1s .25s cubic-bezier(.16,.8,.2,1) forwards}
.motion-reveal{opacity:0;transform:translateY(42px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,.8,.2,1)}.motion-reveal.in-view{opacity:1;transform:none}.insight,.stat,.step{transition:transform .35s,box-shadow .35s,background .35s}.insight:hover,.stat:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(8,16,31,.09);background:#fff}.visual .grid{animation:grid-drift 14s linear infinite}.visual .pill{animation:pill-float 5s ease-in-out infinite}
@keyframes case-rise{to{opacity:1;transform:none}}@keyframes mark-in{to{opacity:.9;transform:scale(1)}}@keyframes grid-drift{to{background-position:60px 60px}}@keyframes pill-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -14px;rotate:3deg}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .hero .kicker,.motion-ready .hero h1,.motion-ready .hero .summary,.motion-ready .hero-side,.motion-ready .hero-mark,.motion-reveal{opacity:1!important;transform:none!important}}