#services .aw-icon-svg .aw-segment{transform-box:view-box;transform-origin:120px 90px}
#services .aw-parcel,#services .aw-confirm,#services .aw-data-dot,#services .aw-sync-dot,#services .aw-chip-glow{opacity:0;pointer-events:none}
#services .aw-icon-play[data-aw-icon="web"] .aw-s2{animation:aw-reveal 1.7s ease both}
#services .aw-icon-play[data-aw-icon="web"] .aw-s3,#services .aw-icon-play[data-aw-icon="web"] .aw-s4{animation:aw-draw 1.9s ease both}
#services .aw-icon-play[data-aw-icon="web"] .aw-s5{animation:aw-device 2.2s ease both}
#services .aw-icon-play[data-aw-icon="cart"] .aw-parcel{animation:aw-cart-drop 2.6s ease both}
#services .aw-icon-play[data-aw-icon="cart"] .aw-s0{animation:aw-cart-bounce 2.6s ease both;transform-origin:135px 120px}
#services .aw-icon-play[data-aw-icon="cart"] .aw-s3,#services .aw-icon-play[data-aw-icon="cart"] .aw-s4{animation:aw-plus 2.6s ease both}
#services .aw-icon-play[data-aw-icon="cart"] .aw-confirm{animation:aw-check 2.6s ease both}
#services .aw-icon-play[data-aw-icon="mobile"] .aw-s0,#services .aw-icon-play[data-aw-icon="mobile"] .aw-s1,#services .aw-icon-play[data-aw-icon="mobile"] .aw-s2{animation:aw-device 2.3s ease both;transform-origin:75px 90px}
#services .aw-icon-play[data-aw-icon="mobile"] .aw-s3,#services .aw-icon-play[data-aw-icon="mobile"] .aw-s4,#services .aw-icon-play[data-aw-icon="mobile"] .aw-s5{animation:aw-device 2.3s .15s ease both;transform-origin:165px 100px}
#services .aw-icon-play[data-aw-icon="app"] .aw-s1,#services .aw-icon-play[data-aw-icon="app"] .aw-s2,#services .aw-icon-play[data-aw-icon="app"] .aw-s3{animation:aw-draw 2.1s ease both}
#services .aw-icon-play[data-aw-icon="app"] .aw-sync-dot{animation:aw-sync 2.6s ease both}
#services .aw-icon-play[data-aw-icon="portal"] .aw-s5{animation:aw-portal 2.3s ease both}
#services .aw-icon-play[data-aw-icon="portal"] .aw-s3,#services .aw-icon-play[data-aw-icon="portal"] .aw-s4,#services .aw-icon-play[data-aw-icon="portal"] .aw-s6{animation:aw-draw 1.8s ease both}
#services .aw-icon-play[data-aw-icon="basket"] .aw-parcel{animation:aw-basket-drop 2.5s ease both}
#services .aw-icon-play[data-aw-icon="basket"] .aw-s1{animation:aw-handle-left 2.5s ease both;transform-origin:80px 70px}
#services .aw-icon-play[data-aw-icon="basket"] .aw-s2{animation:aw-handle-right 2.5s ease both;transform-origin:160px 70px}
#services .aw-icon-play[data-aw-icon="cloud"] .aw-data-dot{animation:aw-upload 2.5s ease both}
#services .aw-icon-play[data-aw-icon="cloud"] .aw-s0{animation:aw-power 2.5s ease both}
#services .aw-icon-play[data-aw-icon="chip"] .aw-segment:not(.aw-s0):not(.aw-s11){animation:aw-feed 2.5s ease both}
#services .aw-icon-play[data-aw-icon="chip"] .aw-chip-glow{animation:aw-charge 2.5s ease both}
#services .aw-icon-play[data-aw-icon="chip"] .aw-s11{animation:aw-draw 2.5s ease both}
#services .aw-icon-play[data-aw-icon="chip"] .aw-s0{animation:aw-power 2.5s ease both}
#services .aw-icon-play[data-aw-icon="chart"] .aw-s3{animation:aw-draw 2.5s ease both;stroke:#168fdd}
@keyframes aw-draw{0%,10%{stroke-dasharray:100;stroke-dashoffset:100;opacity:.15}65%,100%{stroke-dasharray:100;stroke-dashoffset:0;opacity:1}}
@keyframes aw-reveal{0%{transform:translateY(8px);opacity:.1}65%,100%{transform:translateY(0);opacity:1}}
@keyframes aw-device{0%,100%{transform:translateY(0)}30%{transform:translateY(-7px)}55%{transform:translateY(2px)}75%{transform:translateY(0)}}
@keyframes aw-cart-drop{0%,12%{opacity:0;transform:translateY(-10px)}20%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(51px)}65%,100%{opacity:0;transform:translateY(61px)}}
@keyframes aw-cart-bounce{0%,44%,100%{transform:translateY(0)}54%{transform:translateY(5px)}64%{transform:translateY(-2px)}74%{transform:translateY(0)}}
@keyframes aw-plus{0%,100%{opacity:1}12%,85%{opacity:0}}
@keyframes aw-check{0%,52%{opacity:0;stroke-dasharray:100;stroke-dashoffset:100}70%,84%{opacity:1;stroke-dasharray:100;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
@keyframes aw-sync{0%,15%,100%{opacity:0;transform:translateX(-5px)}25%{opacity:1;transform:translateX(-5px)}65%{opacity:1;transform:translateX(12px)}80%{opacity:0;transform:translateX(12px)}}
@keyframes aw-portal{0%,100%{fill:transparent}40%,65%{fill:#c3e9ff;stroke:#169bdc}}
@keyframes aw-basket-drop{0%,15%{opacity:0;transform:translateY(-12px)}25%{opacity:1;transform:translateY(0)}65%{opacity:1;transform:translateY(63px)}80%,100%{opacity:0;transform:translateY(70px)}}
@keyframes aw-handle-left{0%,100%{transform:rotate(0)}30%,60%{transform:rotate(-22deg)}}
@keyframes aw-handle-right{0%,100%{transform:rotate(0)}30%,60%{transform:rotate(22deg)}}
@keyframes aw-upload{0%,10%{opacity:0;transform:translateY(0)}20%{opacity:1;transform:translateY(0)}65%{opacity:1;transform:translateY(-68px)}80%,100%{opacity:0;transform:translateY(-68px)}}
@keyframes aw-power{0%,100%{stroke:#2563eb;fill:transparent}50%,70%{stroke:#11b4ed;fill:#d7f0ff}}
@keyframes aw-feed{0%,100%{stroke:#2563eb}20%,50%{stroke:#1dc8ee;stroke-width:5}70%{stroke:#2563eb;stroke-width:3}}
@keyframes aw-charge{0%,20%,100%{opacity:0}45%,65%{opacity:.3}}
@media(prefers-reduced-motion:reduce){#services .aw-icon-play *{animation:none!important}#services .aw-parcel,#services .aw-confirm,#services .aw-data-dot,#services .aw-sync-dot,#services .aw-chip-glow{display:none}}
