@keyframes hero9ShapeIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hero9Float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes hero9FloatAlt{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes hero9ButtonIn{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.hero9-shape{opacity:0}.hero9-shape.in-view{animation:hero9ShapeIn .9s ease-out var(--hero9-delay,.15s) forwards,hero9Float 6.5s ease-in-out calc(var(--hero9-delay,.15s) + 1s) infinite}.hero9-shape-line.in-view{--hero9-delay:.25s;animation-name:hero9ShapeIn,hero9FloatAlt}.hero9-shape-glow.in-view{--hero9-delay:.35s}.hero9-button{opacity:0;transform-origin:50%}.hero9-button.is-visible{animation:.65s ease-out .45s forwards hero9ButtonIn}
@keyframes integrationDotScaleIn{0%{opacity:0;scale:0}to{opacity:1;scale:1}}.integration-dot--animated{opacity:0;scale:0}.integration-dot--animated.is-visible{animation:.35s ease-out .24s both integrationDotScaleIn}
@keyframes integrationMarkFadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes integrationMarkScaleIn{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes integrationMarkLineReveal{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes integrationMarkPointIn{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes integrationMarkFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.integration-mark--animated,.integration-mark--animated .integration-mark__logo,.integration-mark--animated .integration-mark__connector-line,.integration-mark--animated .integration-mark__connector-point{opacity:0}.integration-mark--animated .integration-mark__connector-line{transform-origin:0;transform:scaleX(0)}.integration-mark--animated .integration-mark__connector-point{scale:0}.integration-mark--animated.is-visible{animation:.65s ease-out both integrationMarkFadeUp}.integration-mark--animated.is-visible .integration-mark__logo--partner{animation:.55s cubic-bezier(.34,1.56,.64,1) .12s both integrationMarkScaleIn,5s ease-in-out 1.2s infinite integrationMarkFloat}.integration-mark--animated.is-visible .integration-mark__logo--staffio{animation:.55s cubic-bezier(.34,1.56,.64,1) .3s both integrationMarkScaleIn,5.4s ease-in-out 1.55s infinite integrationMarkFloat}.integration-mark--animated.is-visible .integration-mark__connector-line{animation:.5s ease-out .54s both integrationMarkLineReveal}.integration-mark--animated.is-visible .integration-mark__connector-point--start{animation:.3s ease-out .72s both integrationMarkPointIn}.integration-mark--animated.is-visible .integration-mark__connector-point--end{animation:.3s ease-out .88s both integrationMarkPointIn}
@keyframes integration3FadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes integration3LineReveal{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.integration3 .integration3-content,.integration3 .integration3-title,.integration3 .integration3-paragraph,.integration3 .integration3-list-item,.integration3 .integration3-divider,.integration3 .integration3-triggers__heading,.integration3 .integration3-trigger{opacity:0}.integration3 .integration3-divider{transform-origin:0;background-image:repeating-linear-gradient(to right, var(--color-periwinkle) 0 8px, transparent 8px 16px);transform:scaleX(0)}.integration3.in-view .integration3-content{animation:.65s ease-out .16s both integration3FadeUp}.integration3.in-view .integration3-title{animation:.55s ease-out .3s both integration3FadeUp}.integration3.in-view .integration3-paragraph,.integration3.in-view .integration3-list-item,.integration3.in-view .integration3-trigger{animation:integration3FadeUp .55s ease-out var(--integration3-delay,0s) both}.integration3.in-view .integration3-divider{animation:.7s ease-out .72s both integration3LineReveal}.integration3.in-view .integration3-triggers__heading{animation:.6s ease-out .82s both integration3FadeUp}
@keyframes description1FadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.description1-header,.description1-card{opacity:0;transform:translateY(22px)}.description1.in-view .description1-header{animation:.65s ease-out both description1FadeUp}.description1.in-view .description1-card{animation:description1FadeUp .62s ease-out calc(.12s + var(--description1-delay,0s)) both}.description1-card:hover .description1-card-button:enabled{transform:scale(1.02)}.description1-card:hover .description1-card-button:enabled>span:last-child{translate:25% -25%;rotate:-45deg}.description1-card:hover .description1-card-button:enabled>span:last-child:after{min-width:175%;transition-delay:.2s}