.ay-motion{--ay-ink:#173d35;--ay-mid:#b9cbc0;--ay-light:#edf0e8;--ay-lime:#d4ed83;color:var(--ay-ink);background:#e5ebe2;border-radius:28px;overflow:clip;isolation:isolate}
.ay-motion-top{padding:32px 36px 0;max-width:600px}.ay-motion .ay-motion-kicker{font-size:.78rem;font-weight:650;letter-spacing:.06em;margin:0 0 12px;color:#3d5b50}.ay-motion .ay-motion-title{color:var(--ay-ink);font-family:inherit;font-weight:550;font-size:clamp(1.45rem,3.2vw,2.25rem);line-height:1.15;letter-spacing:-.035em;margin:0;text-wrap:balance}
.ay-motion-stage{padding:0 5%;width:100%;max-width:800px;box-sizing:border-box;margin:auto}.ay-motion-art{display:block;width:100%;height:auto;max-height:460px;overflow:visible}
.ay-motion-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 16px 16px;gap:5px}.ay-motion .ay-motion-step{font:inherit;text-align:left;border:0;padding:22px 18px;border-radius:15px;background:transparent;color:var(--ay-ink);cursor:pointer;min-width:0;transition:background-color .25s,color .25s;min-height:118px}.ay-motion .ay-motion-step[aria-pressed=true]{background:#173d35;color:#f6f5ef}.ay-motion .ay-step-title{color:inherit;display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:650;line-height:1.3}.ay-step-title svg{width:17px;height:17px;flex:0 0 17px;stroke:currentColor;fill:none;stroke-width:2.4;opacity:0}.ay-motion-step[aria-pressed=true] .ay-step-title svg{opacity:1}.ay-motion .ay-step-copy{color:inherit;display:block;font-size:.875rem;line-height:1.5;margin:10px 0 0 25px;opacity:.86}.ay-motion-step:focus-visible{outline:3px solid #173d35;outline-offset:3px;box-shadow:0 0 0 5px #f6f5ef}.ay-motion-step[aria-pressed=true]:focus-visible{outline-color:#668042}
.ay-ground{fill:#a7bbaf;opacity:.22}.ay-face-light,.ay-step-top{fill:#eaf0e6;stroke:#7b9989;stroke-width:1.3;stroke-linejoin:round}.ay-face-mid,.ay-step-front{fill:#b9cbc0;stroke:#7b9989;stroke-width:1.3;stroke-linejoin:round}.ay-face-dark,.ay-stair-side{fill:#7c9e8e;stroke:#668877;stroke-width:1.3;stroke-linejoin:round}.ay-ink{fill:#173d35}.ay-screen{fill:#b4c9bc}.ay-window{fill:#d4e1d7;stroke:#6c917f;stroke-width:2}.ay-keyboard{fill:#cad7ca;stroke:#789481;stroke-width:1.5}.ay-joints,.ay-stone-joints,.ay-roof-joints{stroke:#8eaa99;stroke-width:2;fill:none;stroke-linejoin:round}.ay-clean-area{fill:#d4ed83;opacity:.28}.ay-dust{fill:#769383;opacity:.65}.ay-dust circle:nth-child(2n){fill:#a4b59b}
.ay-cloth{fill:#d4ed83;stroke:#50795e;stroke-width:1.6;stroke-linejoin:round}.ay-cloth-fold{fill:#bad579;stroke:#8da662;stroke-width:1}.ay-cloth-line{stroke:#7d9d54;stroke-width:1;opacity:.7}.ay-tool-shadow{fill:#6b907a;opacity:.2}.ay-machine-base,.ay-machine-cap{fill:#173d35;stroke:#4b715d;stroke-width:1.4}.ay-machine-top{fill:#d4ed83;stroke:#496d50;stroke-width:1.5}.ay-machine-inset{fill:#a9c96e;stroke:#7c9b51;stroke-width:1}.ay-machine-body{fill:#b7c9bd;stroke:#4b705c;stroke-width:1.5}.ay-machine-panel{fill:#d4ed83}.ay-pole{stroke:#48695a;stroke-width:9;stroke-linecap:round}.ay-pole-light{stroke:#8ea696;stroke-width:5;stroke-linecap:round}.ay-handle{stroke:#173d35;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;fill:none}.ay-hose{stroke:#698b77;stroke-width:4;stroke-linecap:round;fill:none}.ay-squeegee{stroke:#173d35;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;fill:none}
.ay-roof-top{fill:#c4d1c0;stroke:#779180;stroke-width:1.5}.ay-roof-side{fill:#759281}.ay-roof-joints{stroke:#8ca38d;stroke-width:1.7}.ay-brush-base{fill:#d4ed83;stroke:#4b715c;stroke-width:1.5}.ay-bristles{stroke:#52775e;stroke-width:4;stroke-linejoin:round}.ay-stone-top{fill:#d5d8c9;stroke:#88967b;stroke-width:1.5}.ay-stone-side{fill:#97a58d;stroke:#88967b;stroke-width:1.5}.ay-stone-joints{stroke:#a7b198;stroke-width:3}.ay-door-frame{fill:#6f917f}.ay-handle-plate{fill:#96afa0}.ay-door-handle{stroke:#496d5d;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;fill:none}.ay-bottle{fill:#739787;stroke:#496c5c;stroke-width:1.5}.ay-bottle-top{fill:#173d35}.ay-bottle-label{fill:#d4ed83}.ay-mop-pad{fill:#d4ed83;stroke:#668246;stroke-width:1.5}.ay-mop-top{fill:#9bb86a;stroke:#668246;stroke-width:1.5}.ay-railing{stroke:#6c8c7e;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;fill:none}.ay-floor-marking{stroke:#c1ce9f;stroke-width:7}.ay-rack-post{stroke:#547361;stroke-width:9;stroke-linecap:round}.ay-rack-shelf{fill:#95ad98;stroke:#547361;stroke-width:2}.ay-box{fill:#bfcaad;stroke:#72866a;stroke-width:1.5}.ay-box-top{fill:#d5dfbf;stroke:#72866a;stroke-width:1.5}.ay-wheel{fill:#254b3d}
.ay-inspect{opacity:0;transition:opacity .2s}.ay-inspect circle{fill:#f6f5ef;fill-opacity:.15;stroke:#173d35;stroke-width:3}.ay-inspect path{stroke:#173d35;stroke-width:6;stroke-linecap:round}.ay-check{opacity:0;transform-origin:519px 83px;transition:opacity .25s,transform .25s;transform:scale(.85)}.ay-check circle{fill:#173d35}.ay-check path{stroke:#d4ed83;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:none}
.ay-motion[data-phase=inspect] .ay-inspect{opacity:1}.ay-motion[data-phase=inspect] .ay-clean-area{opacity:0}.ay-motion[data-phase=inspect] .ay-tool{opacity:.35}.ay-motion[data-phase=check] .ay-check{opacity:1;transform:scale(1)}.ay-motion[data-phase=check] .ay-dust{opacity:0}.ay-motion[data-phase=check] .ay-clean-area{opacity:.32}.ay-motion[data-phase=clean] .ay-clean-area{animation:ay-clean 3.2s linear both}.ay-motion[data-phase=clean] .ay-dust{animation:ay-dust 3.2s linear both}.ay-motion[data-phase=inspect] .ay-inspect{animation:ay-inspect 3.2s ease-in-out infinite}.ay-tool{transition:opacity .25s;transform-box:view-box}
.ay-motion[data-phase=clean] .ay-desk-tool{animation:ay-desk 3.2s ease-in-out infinite}.ay-motion[data-phase=clean] .ay-floor-tool{animation:ay-floor 3.2s ease-in-out infinite}.ay-motion[data-phase=clean] .ay-roof-tool{animation:ay-roof 3.2s ease-in-out infinite}.ay-motion[data-phase=clean] .ay-paving-tool{animation:ay-paving 3.2s ease-in-out infinite}.ay-motion[data-phase=clean] .ay-hygiene-tool{animation:ay-hygiene 3.2s ease-in-out infinite}.ay-motion[data-phase=clean] .ay-stair-tool{animation:ay-stair 3.2s ease-in-out infinite}.ay-motion[data-phase=clean] .ay-industry-tool{animation:ay-industry 3.2s ease-in-out infinite}
.ay-motion[data-running=false] *, .ay-motion[data-running=false] .ay-tool{animation-play-state:paused!important}.ay-motion[data-paused=true] *{transition:none!important}
@keyframes ay-clean{0%{opacity:0}22%{opacity:.06}80%,100%{opacity:.32}}@keyframes ay-dust{0%,10%{opacity:.65}85%,100%{opacity:0}}@keyframes ay-inspect{0%,100%{transform:translate(0,0)}50%{transform:translate(12px,-7px)}}
@keyframes ay-desk{0%,100%{transform:translate(0,0)}34%{transform:translate(80px,44px)}62%{transform:translate(112px,22px)}84%{transform:translate(35px,-20px)}}
@keyframes ay-floor{0%,100%{transform:translate(0,0)}43%{transform:translate(90px,-51px)}52%{transform:translate(98px,-47px)}89%{transform:translate(35px,2px)}}
@keyframes ay-roof{0%,100%{transform:translate(0,0)}43%{transform:translate(-65px,46px)}54%{transform:translate(-48px,54px)}92%{transform:translate(15px,10px)}}
@keyframes ay-paving{0%,100%{transform:translate(0,0)}44%{transform:translate(105px,-63px)}56%{transform:translate(126px,-51px)}90%{transform:translate(24px,11px)}}
@keyframes ay-hygiene{0%,100%{transform:translate(0,0)}22%{transform:translate(26px,4px)}45%{transform:translate(24px,30px)}70%{transform:translate(-20px,24px)}90%{transform:translate(-20px,-4px)}}
@keyframes ay-stair{0%,100%{transform:translate(0,0)}43%{transform:translate(39px,22px)}56%{transform:translate(48px,16px)}90%{transform:translate(9px,-6px)}}
@keyframes ay-industry{0%,100%{transform:translate(0,0)}44%{transform:translate(82px,-47px)}56%{transform:translate(92px,-41px)}90%{transform:translate(15px,5px)}}
@media(hover:hover) and (pointer:fine){.ay-motion .ay-motion-step:hover:not([aria-pressed=true]){background:#d6e0d3}}
@media(max-width:600px){.ay-motion{border-radius:20px}.ay-motion-top{padding:26px 24px 0}.ay-motion-stage{padding:0}.ay-motion-steps{grid-template-columns:1fr;padding:0 12px 12px;gap:3px}.ay-motion .ay-motion-step{padding:15px 14px;min-height:0}.ay-motion .ay-step-copy{color:inherit;font-size:.9rem;margin-top:5px}.ay-motion-art{max-height:330px}.ay-motion .ay-motion-title{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){.ay-motion *{animation:none!important;transition:none!important}.ay-motion .ay-tool{opacity:1}.ay-motion .ay-clean-area{opacity:.32}.ay-motion .ay-dust{opacity:0}}
@media(forced-colors:active){.ay-motion{border:1px solid CanvasText}.ay-motion .ay-motion-step[aria-pressed=true]{border:2px solid Highlight}.ay-motion-art{forced-color-adjust:none}}