@keyframes packet{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 7px);opacity:0}}@keyframes downpacket{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:calc(100% - 7px);opacity:0}}@keyframes settle{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scan{0%{transform:scaleX(.15);opacity:.3}50%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.15);opacity:.3}}@keyframes confirm{0%{transform:scale(.88)}60%{transform:scale(1.06)}100%{transform:scale(1)}}@keyframes calendar-shine{0%,80%{transform:translateX(-160%) skewX(-20deg)}100%{transform:translateX(260%) skewX(-20deg)}}
[data-motion].in-view .packet-line:before{animation:packet 3.4s linear infinite}[data-motion].in-view .packet-line:nth-of-type(2):before{animation-delay:1.5s}.converting .conversion-stages .active{animation:confirm .6s var(--ease)}.converting .code-window{animation:confirm .65s var(--ease)}.js .overview-panel:not([hidden]),.js fieldset:not([hidden]){animation:settle .4s var(--ease)}details[open] .faq-body{animation:settle .3s var(--ease)}.calendar.in-view:after{content:"";position:absolute;top:0;bottom:0;left:0;width:70px;background:linear-gradient(90deg,transparent,#ffffff44,transparent);animation:calendar-shine 9s linear infinite;pointer-events:none}.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal-ready.is-visible{opacity:1;transform:none}.after-card:nth-child(2){transition-delay:.12s}.after-card:nth-child(3){transition-delay:.24s}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
@media(max-width:650px){.sales-flow.in-view>.packet-line:before,.eis-flow.in-view>.packet-line:before{animation-name:downpacket}}
/* was @media(prefers-reduced-motion:reduce) — now only for motion-off (see motion.js) */html.motion-off{scroll-behavior:auto}html.motion-off *,html.motion-off *:before,html.motion-off *:after{animation:none!important;transition:none!important}html.motion-off .reveal-ready{opacity:1;transform:none}html.motion-off .packet-line:before{left:50%}html.motion-off .sales-flow>.packet-line:before,html.motion-off .eis-flow>.packet-line:before{top:50%}html.motion-off .button:hover{transform:none}