.solution-motion svg{overflow:visible}.solution-motion svg :is(path,rect,circle,g){animation-duration:5.6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:var(--solution-phase,0s);transform-box:fill-box;transform-origin:50%}.solution-motion[data-solution-motion=helmet] svg>path{animation-name:none}.solution-motion .solution-helmet-shine{animation-name:solution-safety-shine}.solution-motion .solution-helmet-spark{animation-name:solution-safety-spark}@keyframes solution-safety-shine{0%,12%,to{stroke-dasharray:1;stroke-dashoffset:1px;opacity:.15}38%,68%{stroke-dasharray:1;stroke-dashoffset:0;opacity:1}84%{stroke-dasharray:1;stroke-dashoffset:-1px;opacity:.15}}@keyframes solution-safety-spark{0%,30%,76%,to{opacity:.2;transform:scale(.7)}44%{opacity:1;transform:scale(1.2)}58%{opacity:.8;transform:scale(1)}}@keyframes solution-helmet-build{0%,8%,to{opacity:0;transform:translateY(-4px)}30%,82%{opacity:1;transform:none}}.solution-motion[data-solution-motion=wheat] svg>path:first-of-type{animation-name:solution-outline}.solution-motion[data-solution-motion=wheat] svg>path:nth-of-type(n+2){transform-origin:0 100%;animation-name:solution-sprout}.solution-motion[data-solution-motion=wheat] svg>path:nth-of-type(3n){animation-delay:calc(var(--solution-phase,0s) + .18s)}.solution-motion[data-solution-motion=wheat] svg>path:nth-of-type(3n+1){animation-delay:calc(var(--solution-phase,0s) + .36s)}@keyframes solution-sprout{0%,12%,to{opacity:0;transform:scale(.1)}34%{opacity:1;transform:scale(1.08)}44%,82%{opacity:1;transform:none}}.solution-motion[data-solution-motion=shirt] svg>path,.solution-motion[data-solution-motion=apple] svg>path:nth-of-type(2),.solution-motion[data-solution-motion=pill] svg>path:first-of-type{animation-name:solution-outline}.solution-motion .solution-stitch{animation-name:solution-sew}.solution-motion .solution-needle{animation-name:solution-needle}@keyframes solution-sew{0%,28%,to{clip-path:inset(0 0 100%)}62%,84%{clip-path:inset(0)}}@keyframes solution-needle{0%,25%,to{opacity:0;transform:translateY(0)}30%{opacity:1;transform:translateY(0)}38%,48%,58%{opacity:1;transform:translate(-.4px,3px)}43%,53%,63%{opacity:1;transform:translate(.4px,6px)}70%,85%{opacity:0;transform:translateY(8px)}}.solution-motion[data-solution-motion=sofa] svg>path:first-of-type{animation-name:solution-helmet-build}.solution-motion[data-solution-motion=sofa] svg>path:nth-of-type(2){animation-name:solution-outline}.solution-motion[data-solution-motion=sofa] svg>path:nth-of-type(n+3){transform-origin:top;animation-name:solution-sprout}.solution-motion .solution-leaf,.solution-motion[data-solution-motion=apple] svg>path:first-of-type{transform-origin:0 100%;animation-name:solution-sprout}.solution-motion[data-solution-motion=pill] svg>path:nth-of-type(2){animation-name:solution-outline;animation-delay:calc(var(--solution-phase,0s) + .3s)}.solution-motion .solution-medicine{animation-name:solution-order-arrive}.solution-motion[data-solution-motion=bird] svg>path:nth-of-type(6){opacity:.2}.solution-motion .solution-bird-wing{transform-box:view-box;transform-origin:12px 10px;animation-name:solution-wing;animation-duration:1.8s}.solution-motion[data-solution-motion=bird] svg>path:nth-of-type(3){transform-origin:0;animation-name:solution-bird-beak}.solution-motion[data-solution-motion=bird] svg>path:nth-of-type(4),.solution-motion[data-solution-motion=bird] svg>path:nth-of-type(5){transform-origin:top;animation-name:solution-bird-step;animation-duration:1.8s}.solution-motion[data-solution-motion=bird] svg>path:nth-of-type(5){animation-direction:reverse}.solution-motion .solution-feed{animation-name:solution-grain}@keyframes solution-wing{0%,to{transform:rotate(-8deg)scaleY(1)}45%{transform:rotate(-32deg)scaleY(.65)}72%{transform:rotate(5deg)scaleY(1.05)}}@keyframes solution-bird-beak{0%,32%,68%,to{transform:rotate(0)}42%,56%{transform:rotate(14deg)}}@keyframes solution-bird-step{0%,50%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(10deg)}}@keyframes solution-grain{0%,15%,to{opacity:0;transform:translateY(-8px)}38%,72%{opacity:1;transform:none}85%{opacity:0;transform:none}}.solution-motion .solution-cart-box{animation-name:solution-cart-load}.solution-motion .solution-cart-box-second{animation-delay:calc(var(--solution-phase,0s) + .65s)}@keyframes solution-cart-load{0%,6%,to{opacity:0;transform:translateY(-8px)rotate(-8deg)}16%{opacity:1;transform:translateY(-6px)rotate(-5deg)}30%{opacity:1;transform:translateY(.6px)rotate(2deg)}38%,82%{opacity:1;transform:none}94%{opacity:0;transform:translateY(1px)}}.solution-motion[data-solution-motion=cart] svg>path:nth-of-type(2){animation-name:solution-basket}@keyframes solution-basket{0%,34%,60%,to{transform:none}40%{transform:translateY(1px)}48%{transform:translateY(-.5px)}}.solution-motion[data-solution-motion=warehouse] svg>path:nth-of-type(n+3){animation-name:solution-shutter}.solution-motion .solution-parcel{animation-name:solution-delivery}@keyframes solution-shutter{0%,12%,85%,to{opacity:1;transform:none}35%,68%{opacity:0;transform:translateY(-6px)}}@keyframes solution-delivery{0%,25%,to{opacity:0;transform:translate(-5px)}45%,65%{opacity:1;transform:none}80%{opacity:0;transform:translate(5px)}}.solution-motion .solution-wheel{animation-name:solution-wheel}.solution-motion .solution-road{animation-name:solution-road}.solution-motion[data-solution-motion=car] svg>path:first-of-type,.solution-motion[data-solution-motion=truck] svg>path:first-of-type,.solution-motion[data-solution-motion=truck] svg>path:nth-of-type(3){animation-name:solution-drive}@keyframes solution-wheel{0%,16%{transform:rotate(0)}78%,to{transform:rotate(540deg)}}@keyframes solution-road{0%,16%,to{opacity:0;transform:translate(2px)}24%{opacity:1}70%{opacity:1;transform:translate(-2px)}80%{opacity:0;transform:translate(-2px)}}@keyframes solution-drive{0%,20%,40%,60%,80%,to{transform:translateY(0)}30%,50%,70%{transform:translateY(-.4px)}}.solution-motion[data-solution-motion=car] .solution-wheel{animation-name:solution-car-wheel;animation-duration:1.8s;animation-timing-function:linear}.solution-motion[data-solution-motion=car] .solution-road{animation-name:solution-car-road;animation-duration:1.2s;animation-timing-function:linear}.solution-motion .solution-headlight{animation-name:solution-headlight}.solution-motion .solution-exhaust{animation-name:solution-exhaust}@keyframes solution-car-wheel{to{transform:rotate(360deg)}}@keyframes solution-car-road{0%{opacity:.65;transform:translate(2px)}to{opacity:.65;transform:translate(-2px)}}@keyframes solution-headlight{0%,22%,60%,to{opacity:.35}30%,48%{opacity:1}}@keyframes solution-exhaust{0%,14%,80%,to{opacity:0;transform:translate(0)}30%{opacity:.65;transform:translate(-.5px)}62%{opacity:0;transform:translate(-2px)}}.solution-motion[data-solution-motion=bag] svg>path:first-of-type{animation-name:solution-basket}.solution-motion .solution-order-check{animation-name:solution-check}@keyframes solution-check{0%,25%,to{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}45%,85%{stroke-dasharray:1;stroke-dashoffset:0;opacity:1}}.solution-motion .solution-phone-screen{animation-name:solution-screen}.solution-motion .solution-phone-message{animation-name:solution-order-arrive}@keyframes solution-screen{0%,10%,to{opacity:.1;fill:#0000}30%,82%{opacity:.4;fill:currentColor}}@keyframes solution-order-arrive{0%,32%,to{opacity:0;transform:translateY(2px)}48%,82%{opacity:1;transform:none}}.solution-motion[data-solution-motion=building] svg>path,.solution-motion[data-solution-motion=building] svg>rect{animation-name:solution-outline}.solution-motion[data-solution-motion=building] svg>path:nth-of-type(2n){animation-delay:calc(var(--solution-phase,0s) + .3s)}.solution-motion[data-solution-motion=education] svg>path:first-of-type{transform-origin:50%;animation-name:solution-cap-lift}.solution-motion[data-solution-motion=education] svg>path:nth-of-type(2){transform-origin:top;animation-name:solution-tassel}@keyframes solution-tassel{0%,25%,75%,to{transform:rotate(0)}38%,58%{transform:rotate(14deg)}48%,68%{transform:rotate(-10deg)}}.solution-motion .solution-diploma{animation-name:solution-diploma}@keyframes solution-cap-lift{0%,12%,70%,to{transform:none}30%{transform:translateY(-1.6px)rotate(-5deg)}44%{transform:translateY(-.6px)rotate(2deg)}56%{transform:none}}@keyframes solution-diploma{0%,16%,to{opacity:.2;transform:translate(-2px)}38%,80%{opacity:1;transform:none}}.solution-motion .solution-heartbeat{animation-name:solution-heartbeat}.solution-motion .solution-heart-ring{animation-name:solution-heart-ring;animation-duration:2s}.solution-motion[data-solution-motion=clinic] svg>circle{animation-name:solution-pulse}@keyframes solution-pulse{0%,32%,46%,60%,to{transform:scale(1)}39%,53%{transform:scale(1.2)}}@keyframes solution-heartbeat{0%,8%,to{stroke-dasharray:1;stroke-dashoffset:1px;opacity:.25}62%,85%{stroke-dasharray:1;stroke-dashoffset:0;opacity:1}}@keyframes solution-heart-ring{0%,10%{opacity:.65;transform:scale(.9)}75%,to{opacity:0;transform:scale(1.8)}}.solution-motion[data-solution-motion=restaurant] svg>path:first-of-type,.solution-motion[data-solution-motion=restaurant] svg>path:nth-of-type(4){transform-box:view-box;transform-origin:12px 12px;animation-name:solution-fork}.solution-motion[data-solution-motion=restaurant] svg>path:nth-of-type(2),.solution-motion[data-solution-motion=restaurant] svg>path:nth-of-type(3){transform-box:view-box;transform-origin:12px 12px;animation-name:solution-knife}@keyframes solution-fork{0%,10%,to{opacity:0;transform:translate(3px)rotate(18deg)}34%,80%{opacity:1;transform:none}}@keyframes solution-knife{0%,10%,to{opacity:0;transform:translate(-3px)rotate(-18deg)}34%,80%{opacity:1;transform:none}}.solution-motion .solution-sound-wave{transform-origin:0;animation-name:solution-sound;animation-duration:2.4s}.solution-motion .solution-sound-far{animation-delay:calc(var(--solution-phase,0s) + .35s)}@keyframes solution-sound{0%,to{opacity:.2;transform:translate(-.5px)scaleX(.8)}42%{opacity:1;transform:translate(.5px)scaleX(1)}78%{opacity:.3;transform:translate(1px)scaleX(1.1)}}.solution-motion .solution-sleep{animation-name:solution-sleep;animation-duration:3.6s}.solution-motion .solution-sleep-second{animation-delay:calc(var(--solution-phase,0s) + 1.1s)}@keyframes solution-sleep{0%,to{opacity:.1;transform:translateY(1px)scale(.8)}30%{opacity:.9}85%{opacity:.1;transform:translate(1px,-2px)scale(1.05)}}.solution-motion[data-solution-motion=hotel] svg>path:first-of-type,.solution-motion .solution-pillows,.solution-motion .solution-blanket{transform-origin:bottom;animation-name:solution-bed-breathe}@keyframes solution-bed-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(.93)translateY(.3px)}}.solution-motion[data-solution-motion=repair] svg>path:not(.solution-spark){transform-box:view-box;transform-origin:6px 18px;animation-name:solution-wrench}.solution-motion .solution-spark{animation-name:solution-spark}@keyframes solution-wrench{0%,20%,82%,to{transform:rotate(0)}36%,58%{transform:rotate(-18deg)}47%,70%{transform:rotate(8deg)}}@keyframes solution-spark{0%,40%,60%,80%,to{opacity:0;transform:scale(.4)}47%,70%{opacity:1;transform:scale(1)}}@keyframes solution-outline{0%,8%,to{stroke-dasharray:120;stroke-dashoffset:120px;opacity:0}38%,84%{stroke-dasharray:120;stroke-dashoffset:0;opacity:1}}