.zc .t-arrow{transform-box:fill-box;transform-origin:80% 20%;animation:9s ease-in-out 2s infinite strike}@keyframes strike{0%,10%,18%,to{translate:0}14%{translate:-3px 3px}}.zc .t-ring{transform-box:fill-box;transform-origin:50%;animation:9s ease-in-out 2s infinite ringpulse}@keyframes ringpulse{0%,12%,20%,to{transform:scale(1)}15%{transform:scale(1.06)}}.zc .p-handle{transform-box:fill-box;transform-origin:50% 100%;animation:9s ease-in-out 2s infinite handle}@keyframes handle{0%,38%,58%,to{transform:rotate(0)}44%{transform:rotate(7deg)}52%{transform:rotate(-5deg)}}.zc .p-nib{transform-box:fill-box;transform-origin:50% 20%;animation:9s ease-in-out 2s infinite nib}@keyframes nib{0%,38%,58%,to{transform:rotate(0)}44%{transform:rotate(-4deg)}52%{transform:rotate(3deg)}}.zc .c-open{animation:9s step-end 2s infinite typea}.zc .c-slash{animation:9s step-end 2s infinite typeb}.zc .c-close{animation:9s step-end 2s infinite typec}@keyframes typea{0%{opacity:0}3%{opacity:1}to{opacity:1}}@keyframes typeb{0%{opacity:0}6%{opacity:1}to{opacity:1}}@keyframes typec{0%{opacity:0}9%{opacity:1}to{opacity:1}}.zc .rb-tip{animation:9s step-end 2s infinite rbtip}@keyframes rbtip{0%,64%,66%,to{fill:#fff}65%{fill:#ff8fb0}}.zc .rb-eyes{transform-box:fill-box;transform-origin:50%;animation:9s step-end 2s infinite rbblink}@keyframes rbblink{0%,68%,69.5%,to{transform:scaleY(1)}68.5%{transform:scaleY(.15)}}.zc .rb-spark1,.zc .rb-spark2{transform-box:fill-box;transform-origin:50%}.zc .rb-spark1{animation:9s ease-in-out 2s infinite rbspark1}@keyframes rbspark1{0%,71%,79%,to{transform:scale(1)rotate(0)}75%{transform:scale(1.35)rotate(45deg)}}.zc .rb-spark2{animation:9s ease-in-out 2s infinite rbspark2}@keyframes rbspark2{0%,76%,84%,to{transform:scale(1)rotate(0)}80%{transform:scale(1.35)rotate(45deg)}}.zc:not(.zc-in) *{animation:none!important}[data-motion=paused] .zc *,html.is-paused .zc *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.zc *{animation:none!important}}
.zflow .flow{padding-block:56px 64px;position:relative}.zflow .flow-row{z-index:2;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.zflow .flow-rail{top:calc(clamp(78px,9vw,108px)/2);border-top:1px dashed var(--mute-light);z-index:1;height:0;position:absolute;inset-inline:12px}.zflow .conn{transition:clip-path 1.2s var(--ease) .55s}.zflow .conn.hidden-start{clip-path:inset(0 0 0 100%)}.zflow .flow.in .conn.hidden-start{clip-path:inset(0)}.zflow .tilewrap{z-index:2;opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);flex-direction:column;align-items:center;gap:12px;display:flex;position:relative;transform:translateY(26px)scale(.96)}.zflow .flow.in .tilewrap{opacity:1;transform:none}.zflow .flow.in .tilewrap:nth-of-type(3){transition-delay:.18s}.zflow .flow.in .tilewrap:nth-of-type(4){transition-delay:.36s}.zflow .tile{justify-content:center;align-items:center;width:clamp(78px,9vw,108px);height:clamp(78px,9vw,108px);display:flex}.zflow .tile svg{width:64%;height:64%;display:block;overflow:visible}.zflow .tile-label{font-size:14px;font-weight:500}.zflow .flow-arrow{color:var(--ink);z-index:2;opacity:0;transition:opacity .7s var(--ease);flex:none;font-size:15px;line-height:1}.zflow .flow.in .flow-arrow{opacity:1}.zflow .flow.in .flow-arrow:first-of-type{transition-delay:.3s}.zflow .flow.in .flow-arrow:nth-of-type(2){transition-delay:.48s}.zflow .flow.in .flow-arrow span{animation:3.4s ease-in-out infinite zf-drift;display:inline-block}.zflow .flow.in .flow-arrow:nth-of-type(2) span{animation-delay:1.7s}@keyframes zf-drift{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}.zflow svg .t-arrow{transform-box:fill-box;transform-origin:80% 20%;opacity:0;transition:opacity .6s var(--ease) .5s, transform .6s var(--ease) .5s;transform:translate(16px,-16px)}.zflow .flow.in svg .t-arrow{opacity:1;animation:9s ease-in-out 2s infinite zf-strike;transform:translate(0)}@keyframes zf-strike{0%,10%,18%,to{translate:0}14%{translate:-3px 3px}}.zflow svg .t-ring{transform-box:fill-box;transform-origin:50%}.zflow .flow.in svg .t-ring{animation:9s ease-in-out 2s infinite zf-ringpulse}@keyframes zf-ringpulse{0%,12%,20%,to{transform:scale(1)}15%{transform:scale(1.06)}}.zflow svg .p-handle{transform-box:fill-box;transform-origin:50% 100%}.zflow .flow.in svg .p-handle{animation:9s ease-in-out 2s infinite zf-handle}@keyframes zf-handle{0%,38%,58%,to{transform:rotate(0)}44%{transform:rotate(7deg)}52%{transform:rotate(-5deg)}}.zflow svg .p-nib{transform-box:fill-box;transform-origin:50% 20%}.zflow .flow.in svg .p-nib{animation:9s ease-in-out 2s infinite zf-nib}@keyframes zf-nib{0%,38%,58%,to{transform:rotate(0)}44%{transform:rotate(-4deg)}52%{transform:rotate(3deg)}}.zflow svg .c-open,.zflow svg .c-slash,.zflow svg .c-close{opacity:0}.zflow .flow.in svg .c-open{animation:9s step-end 2s infinite zf-typea}.zflow .flow.in svg .c-slash{animation:9s step-end 2s infinite zf-typeb}.zflow .flow.in svg .c-close{animation:9s step-end 2s infinite zf-typec}@keyframes zf-typea{0%{opacity:0}3%{opacity:1}to{opacity:1}}@keyframes zf-typeb{0%{opacity:0}6%{opacity:1}to{opacity:1}}@keyframes zf-typec{0%{opacity:0}9%{opacity:1}to{opacity:1}}.zflow .mol{pointer-events:none;opacity:0;transition:opacity 1.2s var(--ease) 1s;position:absolute}.zflow .flow.in .mol{opacity:var(--mo,.8)}.zflow .mol-shape{width:var(--ms,26px);height:var(--ms,26px);background:var(--ghost);justify-content:center;align-items:center;display:flex;transform:rotate(45deg)}.zflow .mol-shape span{font-size:calc(var(--ms,26px)*.32);color:var(--mute);font-weight:500;transform:rotate(-45deg)}.zflow .mol--front{z-index:3}.zflow .mol--back{z-index:0;filter:blur(2.2px)}.zflow .m1{top:-4%;--ms:36px;--mo:.92;inset-inline-start:14%}.zflow .flow.in .m1{animation:19s ease-in-out infinite zf-orb1}.zflow .m2{top:62%;--ms:24px;--mo:.55;inset-inline-start:38%}.zflow .flow.in .m2{animation:24s ease-in-out infinite zf-orb2}.zflow .m3{top:6%;--ms:17px;--mo:.5;inset-inline-start:66%}.zflow .flow.in .m3{animation:16s ease-in-out infinite zf-orb3}.zflow .m4{top:74%;--ms:30px;--mo:.88;inset-inline-start:76%}.zflow .flow.in .m4{animation:22s ease-in-out infinite zf-orb4}.zflow .m5{top:34%;--ms:15px;--mo:.45;inset-inline-start:3%}.zflow .flow.in .m5{animation:27s ease-in-out infinite zf-orb5}@keyframes zf-orb1{0%,to{filter:blur();transform:translate(0)scale(1)}30%{filter:blur();transform:translate(-95px,40px)scale(1.35)}62%{filter:blur(2.4px);transform:translate(-38px,86px)scale(.62)}}@keyframes zf-orb2{0%,to{filter:blur(2.2px);transform:translate(0)scale(1)}35%{filter:blur(3.4px);transform:translate(72px,-52px)scale(.55)}70%{filter:blur(.6px);transform:translate(-64px,-10px)scale(1.45)}}@keyframes zf-orb3{0%,to{filter:blur(2.2px);transform:translate(0)scale(1)}45%{filter:blur(.5px);transform:translate(-60px,58px)scale(1.6)}78%{filter:blur(3.6px);transform:translate(26px,16px)scale(.6)}}@keyframes zf-orb4{0%,to{filter:blur();transform:translate(0)scale(1)}28%{filter:blur(2.6px);transform:translate(54px,-66px)scale(.58)}62%{filter:blur();transform:translate(-40px,-22px)scale(1.3)}}@keyframes zf-orb5{0%,to{filter:blur(2.2px);transform:translate(0)scale(1)}40%{filter:blur(.7px);transform:translate(-70px,34px)scale(1.5)}74%{filter:blur(3.8px);transform:translate(-22px,-42px)scale(.55)}}.zflow{--ease:cubic-bezier(.16,1,.3,1);--ink:#000;--mute:#7d7d7d;--mute-light:#a8a8a8;--ghost:#e8e4c5;max-inline-size:490px;margin-inline:auto}.zflow .tile-label{color:var(--ink);text-align:center;line-height:1.25}@media (max-width:520px){.zflow .mol{scale:.7}}@media (prefers-reduced-motion:reduce){.zflow .conn{clip-path:none!important;transition:none!important}.zflow .flow-arrow span{animation:none!important}.zflow .tilewrap,.zflow .flow-arrow{opacity:1!important;transition:none!important;transform:none!important}.zflow .mol{transition:none!important;animation:none!important}.zflow .t-arrow,.zflow .t-ring,.zflow .p-handle,.zflow .p-nib,.zflow .c-open,.zflow .c-slash,.zflow .c-close{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}body.anim-paused .zflow *,html.is-paused .zflow *,[data-motion=paused] .zflow *,.zflow:not(.zf-visible) *{animation-play-state:paused!important}body.anim-paused .zflow .conn,html.is-paused .zflow .conn,[data-motion=paused] .zflow .conn{transition:none!important}