.solutions-layout,.solutions-layout *{box-sizing:border-box}
.solutions-layout{display:grid;grid-template-columns:repeat(100,minmax(0,1fr));align-items:start;width:100%;margin:0 auto;padding:75px 0 50px}
.solutions-layout.page-center{background-color:transparent;}
.solutions-layout>.solutions-heading-position{grid-column:1/38;grid-row:1;align-self:center;position:relative;z-index:6;min-width:0;width:100%;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--solutions-copy-gap);overflow-wrap:anywhere;color:#fff}
.solutions-section-description{min-width:0;max-width:100%}
.solutions-section-description img{max-width:100%;height:auto}
.solutions-layout>.solutions-animation{grid-column:31/101;grid-row:1;z-index:1;min-width:0}
.solutions-animation{overflow:hidden;position:relative;width:100%;isolation:isolate;background:transparent;--graph-x:0px;--graph-y:0px;--graph-scale:1;transform:translate(var(--graph-x),var(--graph-y));--solutions-duration:800ms;--solutions-easing:cubic-bezier(.25,.8,.25,1);--solutions-lift:-25px;--solutions-idle-lift:-6px}
.solutions-animation .solutions-stage{position:relative;aspect-ratio:4356/2961;overflow:visible;scale:var(--graph-scale);transform-origin:center center}

.solutions-animation .solutions-scene{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:3;isolation:isolate;overflow:visible}

.solutions-animation image,.solutions-animation use{pointer-events:none;user-select:none}
.solutions-animation .solutions-tile{cursor:pointer;outline:none}
.solutions-animation .solutions-hit{fill:transparent;pointer-events:all}
.solutions-animation .solutions-tile:focus-visible .solutions-hit{stroke:#8bd6ff;stroke-width:2}
.solutions-animation .solutions-lift{transition:transform var(--solutions-duration) var(--solutions-easing);pointer-events:none}

.solutions-animation .solutions-tile.is-active .solutions-lift{transform:translateY(var(--solutions-lift));transition-delay:var(--solutions-linked-delay,0ms)}

.solutions-animation .solutions-tile-float{pointer-events:none;animation:solutions-idle var(--solutions-idle-duration,6000ms) var(--solutions-easing) infinite;animation-delay:var(--solutions-idle-delay,0ms);animation-play-state:paused}
.solutions-animation[data-running="true"] .solutions-tile-float{animation-play-state:running}
.solutions-animation[data-quality-active="static"] .solutions-tile-float{animation:none}
@keyframes solutions-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(var(--solutions-idle-lift))}}
.solutions-animation .solutions-buttons{position:absolute;inset:0;pointer-events:none;z-index:10}
.solutions-animation .solutions-button{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:var(--solutions-fitted-width,max-content)!important;min-width:0!important;max-width:189px!important;min-height:44px;padding:13px 19px;border:0;border-radius:30px;background:#000;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff;font-family:var(--solutions-font-family,Inter,Arial,sans-serif);font-size:14px;font-weight:400;line-height:19px;white-space:normal;overflow-wrap:anywhere;word-break:normal;text-align:left;text-decoration:none;pointer-events:auto;cursor:pointer;transform:translate(-50%,-50%);overflow:visible;isolation:isolate}
.solutions-animation .solutions-button::before{content:"";position:absolute;inset:0;border-radius:30px;box-shadow:inset 0 0 0 1px rgb(255 255 255 / 30%);z-index:2;pointer-events:none}
.solutions-animation .solutions-button::after{content:"";position:absolute;inset:0;border-radius:30px;background:#0F68AB;z-index:0;clip-path:inset(100% 0 0 0);transition:clip-path .4s ease-in-out;pointer-events:none}
.solutions-animation .solutions-button-label{position:relative;z-index:1;min-width:0;max-width:100%;width:auto}
.solutions-animation .solutions-button.is-active::after{clip-path:inset(0)}
.solutions-animation .solutions-button:focus-visible{outline:2px solid #a8d5ff;outline-offset:3px}
.solutions-animation .solutions-button:not([href]),.solutions-animation .solutions-tile.is-disabled{cursor:default}
.solutions-animation .solutions-button[data-solution-id="1"],.solutions-animation .solutions-button[data-solution-id="2"]{border-top-right-radius:30px}
.solutions-animation .solutions-button[data-solution-id="3"]{border-top-left-radius:30px}
.solutions-animation .solutions-button[data-solution-id="4"]{border-bottom-left-radius:30px}
.solutions-animation .solutions-button[data-solution-id="5"]{border-bottom-right-radius:30px}
.solutions-animation [data-solution-id][hidden],.solutions-animation .solutions-grid-overlay[hidden]{display:none!important}
.solutions-animation[data-solution-count="4"]{--graph-x:-25px;--graph-scale:1.05}
.solutions-animation[data-solution-count="3"]{--graph-y:-50px;--graph-scale:1.155}
.solutions-animation:is([data-solution-count="2"],[data-solution-count="1"]){--graph-x:100px;--graph-y:-25px;--graph-scale:1.2705}
@media(min-width:720px){
.solutions-animation .solutions-button{scale:1;transform-origin:0 0}
.solutions-animation:is([data-solution-count="4"],[data-solution-count="3"],[data-solution-count="2"],[data-solution-count="1"]) .solutions-button{scale:1}
.solutions-animation .solutions-button:is([data-solution-id="1"],[data-solution-id="2"],[data-solution-id="5"]){text-align:right}
.solutions-animation:is([data-solution-count="4"],[data-solution-count="5"]) .solutions-button[data-solution-id="4"]{border-bottom-left-radius:30px;border-bottom-right-radius:30px;text-align:right}
.solutions-animation:is([data-solution-count="3"],[data-solution-count="2"],[data-solution-count="1"]) .solutions-button[data-solution-id="1"]{translate:-10px -50px}
}
@media(max-width:1151px){
.solutions-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}
.solutions-layout>.solutions-heading-position{grid-column:1;grid-row:1;z-index:4;padding:48px 24px 24px}
.solutions-layout>.solutions-animation{grid-column:1;grid-row:2;z-index:auto}
.solutions-animation .solutions-stage{width:calc(100% + 100px);margin-left:-100px}
.solutions-animation[data-solution-count="5"] .solutions-stage{clip-path:inset(-200px 0 -200px 100px)}
.solutions-animation[data-grid="small"] .solutions-stage{width:100%;margin-left:0}
.solutions-animation[data-solution-count="4"]{--graph-x:-75px;--graph-scale:1.26}
.solutions-animation[data-solution-count="3"]{--graph-x:-25px;--graph-scale:1.386}
.solutions-animation:is([data-solution-count="2"],[data-solution-count="1"]){--graph-x:25px;--graph-scale:1.5246}
}
@media(min-width:720px) and (max-width:1151px){
.solutions-animation[data-solution-count="4"] .solutions-button[data-solution-id="2"]{translate:200px 0}
.solutions-animation[data-solution-count="3"] .solutions-button[data-solution-id="2"]{translate:240px 0}
.solutions-animation:is([data-solution-count="2"],[data-solution-count="1"]) .solutions-button[data-solution-id="2"]{translate:300px 0}
.solutions-animation:is([data-solution-count="4"],[data-solution-count="3"],[data-solution-count="2"],[data-solution-count="1"]) .solutions-button[data-solution-id="2"]{border-top-right-radius:30px;border-top-left-radius:30px;text-align:left}
.solutions-animation[data-solution-count="3"] .solutions-button[data-solution-id="3"]{translate:-200px 0;border-top-left-radius:30px;border-top-right-radius:30px;text-align:right}
}
@media(max-width:719px){
.solutions-animation[data-solution-count="4"]{--graph-x:-50px}
.solutions-animation .solutions-buttons{position:relative;inset:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-inline:auto;padding:8px 12px 16px;transform:translateX(calc(-1 * var(--graph-x)))}
.solutions-animation .solutions-button[data-solution-id]{width:max-content!important;max-width:100%!important;position:relative;left:auto!important;top:auto!important;transform:none;margin:0!important;border-radius:30px;text-align:center}

.solutions-animation .solutions-lift{transition:none}
.solutions-animation .solutions-tile.is-active .solutions-lift{transform:none}
.solutions-animation .solutions-button::after,.solutions-animation .solutions-button.is-active::after{clip-path:inset(100% 0 0 0);transition:none}
}
@media(prefers-reduced-motion:reduce){
.solutions-animation .solutions-tile-float{animation:none}
.solutions-animation .solutions-lift,.solutions-animation .solutions-blue,.solutions-animation .solutions-button::after{transition:none}
.solutions-animation .solutions-tile.is-active .solutions-lift{transform:none}
}
@supports (transition-timing-function:linear(0,1)){.solutions-animation{--solutions-easing:linear(0.000000, 0.004750, 0.018064, 0.038625, 0.065233, 0.096798, 0.132338, 0.170968, 0.211901, 0.254435, 0.297953, 0.341913, 0.385847, 0.429351, 0.472080, 0.513747, 0.554112, 0.592982, 0.630206, 0.665666, 0.699280, 0.730993, 0.760775, 0.788619, 0.814536, 0.838556, 0.860718, 0.881076, 0.899693, 0.916638, 0.931987, 0.945819, 0.958219, 0.969270, 0.979057, 0.987666, 0.995181, 1.001685, 1.007258, 1.011978, 1.015921, 1.019157, 1.021755, 1.023781, 1.025294, 1.026353, 1.027011, 1.027317, 1.027317, 1.027055, 1.026570, 1.025896, 1.025066, 1.024110, 1.023055, 1.021923, 1.020736, 1.019513, 1.018270, 1.017022, 1.015780, 1.014556, 1.013357, 1.012193, 1.011068, 1.009988, 1.008957, 1.007977, 1.007050, 1.006178, 1.005360, 1.004598, 1.003890, 1.003235, 1.002632, 1.002079, 1.001575, 1.001118, 1.000704, 1.000332, 1.000000)}}
.solutions-layout .solutions-section-heading,.solutions-layout .solutions-section-description,.solutions-layout .solutions-section-description *{color:#fff}
@media(min-width:1152px){
.solutions-layout .solutions-section-heading,.solutions-layout .solutions-section-description{margin-left:0;padding-left:0}
.solutions-layout .solutions-section-description>p{margin-left:0;padding-left:0}
}
.solutions-animation[data-solution-count="1"]{--graph-scale:1.65165;--graph-x:0px;--graph-y:75px}
@media(max-width:1151px){.solutions-animation[data-solution-count="1"]{--graph-scale:1.982;--graph-x:-175px}}
.solutions-layout{--solutions-copy-gap:25px}.solutions-heading-actions{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--solutions-copy-gap) / 2);margin:0;padding:0}
.solutions-animation[data-solution-count="1"] .solutions-grid-overlay{transform:translateY(-0.3883823%)}
.solutions-heading-action{min-width:0;max-width:100%}.solutions-heading-action:not(:last-child){margin-bottom:var(--action-space,0px)}.solutions-heading-action--full{flex-basis:100%}
.solutions-heading-position>.solutions-heading-actions{margin-top:calc(-1 * var(--solutions-copy-gap))}
@media(min-width:1152px){.solutions-layout:has(>.solutions-animation[data-solution-count="1"])>.solutions-heading-position{grid-column:1/46}}
@media(min-width:1152px){.solutions-animation[data-solution-count="3"] .solutions-button:is([data-solution-id="1"],[data-solution-id="2"]){transform:none;translate:none;border-radius:30px;text-align:left}}
@media(max-width:719px){.solutions-animation .solutions-button{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(max-width:1151px){
.solutions-animation[data-fitted]{transform:none;overflow:visible;height:var(--fit-height);margin-bottom:50px}
.solutions-animation[data-fitted] .solutions-stage{position:absolute;width:100%;margin:0;top:0;clip-path:none;translate:var(--fit-x) var(--fit-y)}
.solutions-animation[data-fitted] .solutions-buttons{transform:none}
}
@media(max-width:719px){.solutions-animation[data-fitted]{height:auto;padding-top:var(--fit-height)}.solutions-animation[data-fitted] .solutions-buttons{position:relative}}
@media(min-width:720px){.solutions-animation{overflow:visible}.solutions-animation .solutions-button[data-placement]{transform:none!important;translate:none!important;scale:1!important}.solutions-animation .solutions-button[data-placement="right"]{border-radius:30px!important;text-align:left!important}.solutions-animation .solutions-button[data-placement="left"]{border-radius:30px!important;text-align:right!important}.solutions-animation .solutions-button[data-placement="center"]{border-radius:30px!important;text-align:center!important}}
@media(max-width:1151px){.solutions-layout{padding-top:80px;padding-bottom:0;align-content:start;grid-template-rows:max-content max-content;overflow:clip;clip-path:inset(0)}.solutions-layout>.solutions-heading-position{padding-top:0}.solutions-layout .solutions-section-heading{margin-top:0}}@media(max-width:719px){.solutions-layout{padding-top:60px}}
@media(max-width:719px){.solutions-layout>.solutions-heading-position{padding-inline:20px}}@media(min-width:720px){.solutions-animation .solutions-button[data-placement]{background:#000;-webkit-backdrop-filter:none;backdrop-filter:none}}

@media(min-width:1152px){
.solutions-layout.page-center{width:100%;max-width:1200px;margin-inline:auto;padding-inline:0}
.solutions-layout>.solutions-heading-position{padding:0}
.solutions-layout .solutions-section-heading,.solutions-layout .solutions-section-description{margin:0}
.solutions-layout .solutions-section-description>:first-child{margin-top:0}
.solutions-layout .solutions-section-description>:last-child{margin-bottom:0}
.solutions-animation[data-solution-count="1"]{--graph-scale:1.98198}
}
@media(min-width:1152px) and (max-width:1240px){.solutions-layout.page-center{width:calc(100% - 2 * var(--sp-p-hor-desktop,20px))}}
@media(min-width:1152px){.solutions-layout{clip-path:inset(0 -100vmax)}}


.solutions-animation .solutions-button,.solutions-animation .solutions-button[data-placement]{background:#000;border-radius:30px!important;backdrop-filter:none;-webkit-backdrop-filter:none}

.solutions-animation .solutions-button{max-width:min(189px,100%)!important;white-space:normal;overflow-wrap:anywhere}


[data-demo-motion-root] .demo-motion-controls{box-sizing:border-box;display:flex;justify-content:flex-end;max-width:1200px;margin:0 auto;padding:12px 20px;position:relative;z-index:10}
[data-demo-motion-root="osp"]:not([data-osp-theme="light"])>.demo-motion-controls,[data-demo-motion-root="flexibility"]>.demo-motion-controls,[data-demo-motion-root="solutions"]>.demo-motion-controls{color:#fff}
[data-demo-motion-root="instore-fulfilment"]>.demo-motion-controls{color:#000}
[data-demo-motion-root] .demo-motion-toggle{min-height:44px;font:400 14px/1.5 var(--ff-btn,Inter,Arial,sans-serif);padding:8px 14px;border:1px solid currentColor;border-radius:30px;background:transparent;color:inherit;cursor:pointer}
[data-demo-motion-root] .demo-motion-toggle:focus-visible{outline:3px solid currentColor;outline-offset:3px}
[data-demo-motion-root][data-user-paused="true"] *,[data-demo-motion-root][data-user-paused="true"] *::before,[data-demo-motion-root][data-user-paused="true"] *::after{animation-play-state:paused!important}
.demo-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
@media(forced-colors:active){[data-demo-motion-root] .demo-motion-toggle{border-color:ButtonText}[data-demo-motion-root] .demo-motion-toggle:focus-visible{outline-color:Highlight}}


.solutions-animation:is([data-solution-count="1"],[data-solution-count="2"],[data-solution-count="3"],[data-solution-count="4"],[data-solution-count="5"]) .solutions-button{text-align:center!important;justify-content:center}
.solutions-animation[data-v2] .solutions-stage::before,.solutions-animation[data-v2] .solutions-grid-overlay{display:none}
.solutions-animation[data-v2] .solutions-tile-float>use:not(.solution-image){display:none}
.solutions-animation[data-v2] .solutions-v2-glow{opacity:1}

.solutions-v2-active-grid{display:none}
.solutions-animation[data-v2] .solutions-v2-active-grid{display:block;opacity:1}

.demo-solutions{overflow-x:clip}

.solutions-animation[data-v2] .solutions-lift{translate:var(--solutions-rest-x,0px) var(--solutions-rest-y,0px)}

.solutions-animation[data-v2] .solutions-stage{clip-path:none!important}

.solutions-v2-raster-grid{display:none}
.solutions-animation[data-v2] .solutions-v2-raster-grid{display:block}

@media(max-width:1151px){.solutions-layout>.solutions-heading-position{padding-bottom:14.4px}}

@media(min-width:1152px){
.demo-solutions:has(.solutions-animation[data-solution-count="1"]){overflow-x:clip;overflow-y:visible}
.solutions-layout:has(>.solutions-animation[data-solution-count="1"]){clip-path:inset(0 -100vmax);overflow:visible}
}

.solutions-animation[data-v2] .solutions-v2-glow{display:block;opacity:1}