:root{--mn-motion-fast:160ms;--mn-motion-normal:420ms;--mn-motion-ease:cubic-bezier(.22,.8,.22,1)}
html{scroll-behavior:smooth}
body{transition:opacity var(--mn-motion-fast) ease,transform var(--mn-motion-fast) ease}
body.motion-ready{opacity:0;transform:translateY(7px)}
body.motion-ready.motion-entered{opacity:1;transform:none}
body.motion-leaving{opacity:0;transform:translateY(4px);pointer-events:none}
body.motion-ready .motion-item{opacity:0;transform:translateY(18px);transition:opacity var(--mn-motion-normal) var(--mn-motion-ease),transform var(--mn-motion-normal) var(--mn-motion-ease)}
body.motion-ready .motion-item.motion-visible{opacity:1;transform:none}
a,button,input,select,textarea,.card,.metric,.panel,.benefit,.price-card,.solution-card,.capability,.store-nav-link{transition-property:color,background-color,border-color,box-shadow,transform,opacity;transition-duration:var(--mn-motion-fast);transition-timing-function:var(--mn-motion-ease)}
button:active,.btn:active,a.primary:active{transform:scale(.975)}
@media(hover:hover){.card:hover,.panel:hover,.benefit:hover,.capability:hover{transform:translateY(-3px)}}
.motion-click{animation:mnClick .28s var(--mn-motion-ease)}
@keyframes mnClick{0%{transform:scale(1)}45%{transform:scale(.97)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.motion-item,body.motion-ready,body.motion-leaving{opacity:1!important;transform:none!important}}