/* Light feature overview inspired by the supplied staggered-card reference. */
.wms-overview{background:#fafbff;color:#121318;padding:110px 0 100px;overflow:hidden;isolation:isolate}
.overview-heading{margin-left:calc((100% - 64px)/5 + 16px);margin-bottom:42px;position:relative;z-index:1}
.wms-page .overview-heading .eyebrow{color:#606879;font-size:12px;margin-bottom:17px}
.overview-heading h2{font-size:clamp(42px,4.8vw,68px);font-weight:650;letter-spacing:-.06em}
.overview-heading p{color:#626773;line-height:1.6;margin-top:17px;font-size:16px;max-width:590px}
.overview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:275px 285px;gap:16px;position:relative}
.overview-grid::before{content:'';position:absolute;pointer-events:none;z-index:-1;width:180px;height:240px;left:calc(20% - 90px);top:115px;background:radial-gradient(ellipse,#529eff 0%,#78cdff88 27%,#7076ff55 47%,transparent 70%);filter:blur(14px)}
.overview-grid::after{content:'';position:absolute;pointer-events:none;z-index:-1;left:calc(20% - 20px);top:-130px;width:2px;height:405px;background:linear-gradient(transparent,#b8eaff55 48%,#fff 83%,#559aff);box-shadow:0 0 12px #70c5ff,0 0 30px #5683da77;opacity:.75;transform-origin:bottom}
.overview-grid .overview-mobile{box-shadow:inset 0 1px 0 #aecbff40,inset 1px 0 0 #89bfff55,0 0 22px #548cff24}
.overview-grid .overview-connect{box-shadow:inset 0 1px 0 #ffd4bd40,inset -1px 0 0 #ffb08844,0 0 25px #ffbb8c18}
.overview-pick:hover{box-shadow:-8px 9px 30px #458eff55,inset 0 1px #9dcfff88}
.overview-connect:hover{box-shadow:9px 7px 35px #d38e6940,inset 0 1px #ffd3ba66}
.overview-mobile-screen,.overview-desktop{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.overview-mobile:hover .overview-mobile-screen{transform:perspective(650px) rotateY(-8deg) rotateZ(5deg) translateY(-7px)}
.overview-connect:hover .overview-desktop{transform:rotate(-4deg) translateY(-7px)}
@media(prefers-reduced-motion:no-preference){.overview-lit::before{animation:overview-bloom 3.8s ease-out both}.overview-lit::after{animation:overview-beam 3.8s ease-out both}.overview-grid>.reveal:nth-child(2){transition-delay:60ms}.overview-grid>.reveal:nth-child(3){transition-delay:100ms}.overview-grid>.reveal:nth-child(4){transition-delay:140ms}.overview-grid>.reveal:nth-child(5){transition-delay:40ms}.overview-grid>.reveal:nth-child(6){transition-delay:100ms}.overview-grid>.reveal:nth-child(7){transition-delay:160ms}@keyframes overview-bloom{0%{opacity:.3;transform:scale(.75)}45%{opacity:1;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}@keyframes overview-beam{0%{opacity:0;transform:scaleY(.3)}45%{opacity:1}100%{opacity:.75;transform:scaleY(1)}}}
.overview-card{display:block;position:relative;overflow:hidden;border-radius:24px;background:#080b12;color:#f4f6fc;box-shadow:inset 0 1px 0 #ffffff20;transition:transform .3s,box-shadow .3s}
.overview-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #26375526,inset 0 1px 0 #ffffff40}
.overview-card:focus-visible{outline:3px solid #3f6ab7;outline-offset:5px}
.overview-card-copy{position:relative;z-index:2;padding:23px 21px 0}
.overview-card h3{font-size:16px;line-height:1.3;font-weight:500;letter-spacing:-.025em}
.overview-card p{font-size:14px;color:#aeb4c1;line-height:1.4;margin-top:7px}
.overview-card-link{position:absolute;left:21px;bottom:17px;font-size:12px;z-index:3;color:#d4def3;text-decoration:underline;text-decoration-color:#627ba866;text-underline-offset:5px}
.overview-pick .overview-card-link,.overview-receive .overview-card-link{background:#090e18eb;padding:5px 7px;margin-left:-7px;border-radius:5px}
.overview-pick{grid-column:2;grid-row:1;background:radial-gradient(ellipse at 0 100%,#2268bb77,transparent 75%),#080b12}
.picking-screen{position:absolute;left:22px;right:22px;height:133px;top:113px;overflow:hidden;border-radius:14px;transform:rotate(-5deg);box-shadow:0 15px 30px #0006}
.picking-screen img{width:100%;max-width:none;height:auto;transform:translateY(-10%)}
.overview-count{grid-column:3;grid-row:1;background:linear-gradient(140deg,#313745,#10141d 48%,#080b12)}
.count-steps{list-style:none;margin:24px 20px 0;padding:0;display:grid;gap:11px;font-size:12px;color:#c3cada}
.count-steps li{display:flex;align-items:center;gap:9px}.count-steps span{font-size:10px;color:#92b3ec;border:1px solid #4a5872;border-radius:5px;padding:4px;line-height:1}
.overview-orb{grid-column:4;grid-row:1;width:100%;aspect-ratio:1;align-self:center;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:radial-gradient(circle at 28% 22%,#59606b,#222b39 34%,#0b1018 62%);box-shadow:inset 0 1px 1px #fff9,inset -9px -10px 22px #0009,0 18px 28px #15294724;position:relative}
.overview-orb::after{content:'';position:absolute;inset:0;border-radius:50%;background-image:radial-gradient(#ffffff15 .7px,transparent .7px);background-size:4px 4px;pointer-events:none}
.overview-orb>span{font-size:18px;letter-spacing:-.04em;color:#c6cddb}.overview-orb strong{font-size:clamp(32px,4.3vw,62px);letter-spacing:-.07em;line-height:1.1;font-weight:600;text-shadow:0 0 18px #f8ddab55}.overview-orb small{font-size:10px;color:#b9c1d0;margin-top:9px}
.overview-trace{grid-column:5;grid-row:1;background:radial-gradient(ellipse at 100% 100%,#824c524f,transparent 70%),#0a0d14}
.trace-labels{display:grid;justify-items:start;gap:10px;margin:25px 20px 0}.trace-labels span{font-size:12px;padding:7px 11px;border:1px solid #60616e66;border-radius:8px;background:#a9b6d50a;color:#e0d4dc}.trace-labels span:nth-child(2){margin-left:18px}.trace-labels span:nth-child(3){margin-left:36px}
.overview-receive{grid-column:1;grid-row:2;background:radial-gradient(ellipse at 100% 0,#3873c05e,transparent 70%),#070a10}
.overview-scanner{position:absolute;width:82px;height:auto;right:40px;top:104px;transform:rotate(13deg);filter:drop-shadow(0 10px 14px #000a)}
.overview-mobile{grid-column:2/span 2;grid-row:2;background:radial-gradient(ellipse at 60% 110%,#376fea99,transparent 65%),#090d17}
.overview-mobile::after{content:'';position:absolute;bottom:-55px;left:10%;width:65%;height:100px;border-radius:50%;background:#7298ff;filter:blur(35px);opacity:.45}
.overview-mobile-screen{position:absolute;width:160px;right:28px;top:112px;border:1px solid #6c85b388;border-radius:17px;transform:perspective(650px) rotateY(-18deg) rotateZ(10deg);box-shadow:-25px 15px 40px #0009}
.overview-mobile .overview-card-link{bottom:26px}
.overview-connect{grid-column:4/span 2;grid-row:2;background:radial-gradient(ellipse at 70% 80%,#66536170,transparent 72%),#11131b}
.overview-desktop{position:absolute;width:330px;max-width:90%;right:-15px;top:116px;transform:rotate(-8deg);filter:drop-shadow(0 18px 20px #000b)}
.overview-connect .overview-card-link{bottom:24px;background:#10131bd9;border-radius:6px;padding:6px 0}
@media(min-width:1500px){.overview-grid{grid-template-rows:295px 310px}.picking-screen{height:145px;top:115px}.overview-card-copy{padding-top:26px}.overview-mobile-screen{width:185px}.overview-desktop{width:385px}}
@media(max-width:1100px){.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:280px 285px 270px}.overview-heading{margin-left:0}.overview-pick{grid-column:1}.overview-count{grid-column:2}.overview-orb{grid-column:3;max-width:240px;justify-self:center}.overview-trace{grid-column:1;grid-row:2}.overview-receive{grid-column:1;grid-row:3}.overview-mobile{grid-column:2/span 2;grid-row:2}.overview-connect{grid-column:2/span 2;grid-row:3}.overview-orb strong{font-size:60px}.overview-grid::before{left:24%;top:100px}.overview-card h3{font-size:18px}}
@media(max-width:767px){.wms-overview{padding:70px 0}.overview-heading{margin-bottom:32px}.overview-heading h2{font-size:46px}.overview-heading p br{display:none}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:270px 280px 285px 260px;gap:12px}.overview-card{border-radius:19px}.overview-card-copy{padding:19px 15px 0}.overview-card h3{font-size:16px}.overview-card p{font-size:13px}.overview-card-link{left:15px;font-size:11px}.overview-pick{grid-column:1;grid-row:1}.overview-count{grid-column:2;grid-row:1}.overview-orb{grid-column:2;grid-row:2}.overview-orb strong{font-size:42px}.overview-orb>span{font-size:16px}.overview-orb small{font-size:9px}.overview-trace{grid-column:1;grid-row:2}.overview-mobile{grid-column:1/span 2;grid-row:3}.overview-connect{grid-column:1/span 2;grid-row:4}.overview-receive{grid-column:1/span 2;grid-row:5;min-height:235px}.overview-receive .overview-card-copy{max-width:58%}.overview-scanner{width:88px;top:28px;right:43px}.count-steps{margin:20px 12px 0;gap:12px;font-size:11px}.count-steps li{gap:6px}.trace-labels{margin:15px 14px 0;gap:7px}.trace-labels span{font-size:11px;padding:5px 7px}.trace-labels span:nth-child(2){margin-left:8px}.trace-labels span:nth-child(3){margin-left:16px}.picking-screen{left:13px;right:13px;top:140px;height:91px}.overview-mobile-screen{right:25px;width:154px;top:115px}.overview-grid::before{left:25%;top:150px}.overview-desktop{top:95px;max-width:85%;right:-13px}.overview-connect .overview-card-link{bottom:19px}.overview-mobile .overview-card-link{bottom:23px}}
@media(prefers-reduced-motion:reduce){.overview-card{transition:none}.overview-card:hover{transform:none}}
@media(max-width:1100px){.overview-grid::after{left:30%;top:-100px;height:360px}}
@media(max-width:767px){.overview-grid::after{display:none}}
@media(prefers-reduced-motion:reduce){.overview-mobile-screen,.overview-desktop{transition:none}.overview-mobile:hover .overview-mobile-screen{transform:perspective(650px) rotateY(-18deg) rotateZ(10deg)}.overview-connect:hover .overview-desktop{transform:rotate(-8deg)}}