@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.6s;animation-timing-function:cubic-bezier(.22,1,.36,1)}
::view-transition-old(root){animation-name:vt-out}::view-transition-new(root){animation-name:vt-in}
@keyframes vt-out{to{opacity:0;transform:translateY(-10px) scale(.992)}}@keyframes vt-in{from{opacity:0;transform:translateY(14px) scale(1.006)}}
nav{view-transition-name:site-nav}.ft2{view-transition-name:site-foot}
:root{--ease:cubic-bezier(.22,1,.36,1);--ease-io:cubic-bezier(.65,0,.35,1)}
a,.btn,.mk,.pr-c,.bx,.st,.card,.fig,.tier,.prod{transition:transform .7s var(--ease),opacity .6s var(--ease),box-shadow .7s var(--ease),border-color .6s var(--ease),background-color .6s var(--ease),color .4s var(--ease)}
.btn:hover{transform:translateY(-2px) scale(1.015)}
.pr-c:hover,.bx:hover,.card:hover,.tier:hover,.prod:hover,.st:hover{transform:translateY(-5px)}
.mk:hover{transform:translateY(-3px)}
.mv{opacity:0;transform:translate3d(0,28px,0) scale(.985);transition:opacity 1.1s var(--ease),transform 1.3s var(--ease);transition-delay:var(--d,0s)}
.mv.in{opacity:1;transform:none}
.plx{will-change:transform;transform:translate3d(0,var(--py,0px),0) scale(1.08)}
.fig{overflow:hidden}.fig img{transition:transform 1.4s var(--ease)}.fig:hover img{transform:scale(1.035)}
svg path,svg polyline,svg rect,svg circle{transition-timing-function:var(--ease-io)}
@media (prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.mv{opacity:1;transform:none}.plx{transform:none}::view-transition-group(*){animation:none}}