.scan-section{background:#f4f6f9;color:#141a2a;padding:100px 0;overflow:hidden}.scan-layout{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:3%}.wms-page .scan-copy .eyebrow{color:#4d6184}.scan-copy h2{font-size:clamp(42px,4.5vw,66px);line-height:1.07;letter-spacing:-.045em;margin:28px 0}.scan-copy h2 em{color:#5274a6}.scan-copy>p{font-size:16px;line-height:1.7;color:#586477;max-width:440px}.scan-benefits{list-style:none;padding:0;display:grid;gap:17px;margin:30px 0 34px;font-size:14px}.scan-benefits li{display:flex;align-items:center;gap:12px}.scan-benefits li:before{content:'✓';display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e0e9f5;color:#355f97;font-size:13px}.scan-copy .text-link{color:#263c61;border-color:#c5cfdd}.scan-demo{min-width:0;position:relative}.scan-scene{height:480px;position:relative;isolation:isolate}.scan-grid{position:absolute;inset:80px 15px 20px;border-radius:30px;background:radial-gradient(ellipse at 65% 35%,#c0d3f18c,transparent 70%),linear-gradient(#edf0f7aa,#e7ebf355);z-index:-2}.scan-route{position:absolute;left:24%;right:11%;top:29%;bottom:15%;border:1px dashed #a9bbd2;border-radius:30px;z-index:-1}.scan-device{position:absolute;width:60%;right:0;top:20px;z-index:2;transform-origin:55% 65%;animation:scan-device-move 7s ease-in-out infinite;filter:drop-shadow(8px 21px 14px #23314828)}.scan-device img{display:block;width:100%;height:auto}.scan-emitter{position:absolute;left:25%;top:83%;width:0;height:0}.scan-laser{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:4;pointer-events:none;opacity:0;animation:scan-beam-pulse 7s ease-in-out infinite;filter:drop-shadow(0 0 5px #ff243e80)}.scan-laser-fan{fill:#ff254322}.scan-laser-ray{fill:none;stroke:#ff2440;stroke-width:1.5;stroke-linecap:round}.scan-laser-source{fill:#fff;stroke:#ff2440;stroke-width:2}.scan-item{position:absolute;z-index:3;left:0;bottom:65px;width:195px;padding:22px;background:#fff;border:1px solid #dce3ee;border-radius:16px;box-shadow:0 16px 28px #26375212;animation:scan-item-light 7s ease-in-out infinite}.scan-product-photo{display:block;width:100%;height:140px;object-fit:contain;background:#fff;border-radius:9px;margin:0 0 16px}.scan-item>strong{margin-bottom:6px!important}.scan-product-location{display:block;font-size:10px;color:#727f92;margin-bottom:13px}.scan-small-label{display:block;font-size:9px;letter-spacing:.1em;color:#768397}.scan-item>strong{display:block;font-size:19px;letter-spacing:-.02em;margin:9px 0 17px}.scan-barcode{height:45px;position:relative;background:repeating-linear-gradient(90deg,#1b2337 0 2px,transparent 2px 4px,#1b2337 4px 5px,transparent 5px 8px,#1b2337 8px 12px,transparent 12px 15px,#1b2337 15px 16px,transparent 16px 20px);border:7px solid white}.scan-barcode>span{position:absolute;left:-9px;right:-9px;top:0;height:2px;background:#ff2440;box-shadow:0 0 10px #ff2440,0 0 3px #ff2440;opacity:0;animation:scan-line-sweep 7s ease-in-out infinite}.scan-item-id{display:block;margin-top:9px;font-size:9px;color:#727f92;letter-spacing:.1em}.scan-item-confirmed{position:absolute;right:-15px;bottom:-14px;background:#e4f5ef;border:1px solid #a5d2bf;color:#256d53;border-radius:30px;padding:7px 12px;font-size:10px;animation:scan-confirm-pop 7s ease-in-out infinite}.scan-result{position:absolute;right:3%;bottom:3px;width:260px;display:flex;align-items:center;gap:14px;border:1px solid #dbe3ed;background:#fff;border-radius:17px;padding:18px;box-shadow:0 12px 24px #26375212;animation:scan-result-pop 7s ease-in-out infinite}.scan-result-mark{display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:12px;background:#e7f5ef;color:#297358;font-size:21px}.scan-result strong{display:block;font-size:15px;font-weight:500;margin-top:5px}.scan-result-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#53aa86}.scan-demo-footer{display:flex;align-items:center;justify-content:space-between;padding:23px 5px 0;gap:12px;color:#6b788c;font-size:11px}.scan-motion-toggle{border:1px solid #c8d2e0;background:transparent;border-radius:30px;padding:10px 15px;color:#425979;min-height:40px;font:inherit;cursor:pointer}.scan-motion-toggle:focus-visible{outline:2px solid #4676b8;outline-offset:4px}.scan-demo.motion-paused *,.scan-demo.offscreen *{animation-play-state:paused!important}
@keyframes scan-device-move{0%,100%{transform:translate(0,-8px) rotate(-3deg)}25%,58%{transform:translate(-7px,5px) rotate(1deg)}78%{transform:translate(0,-4px) rotate(-2deg)}}
@keyframes scan-beam-pulse{0%,16%,58%,100%{opacity:0}24%,48%{opacity:1}}
@keyframes scan-line-sweep{0%,18%{opacity:0;transform:translateY(0)}24%{opacity:1;transform:translateY(0)}45%{opacity:1;transform:translateY(30px)}54%,100%{opacity:0;transform:translateY(30px)}}
@keyframes scan-item-light{0%,20%,85%,100%{border-color:#dce3ee;box-shadow:0 16px 28px #26375212}45%,70%{border-color:#efa0aa;box-shadow:0 0 30px #ff24401a}}
@keyframes scan-confirm-pop{0%,44%,92%,100%{opacity:0;transform:translateY(7px)}52%,82%{opacity:1;transform:translateY(0)}}
@keyframes scan-result-pop{0%,48%,94%,100%{opacity:0;transform:translateY(10px)}60%,85%{opacity:1;transform:translateY(0)}}
@media(max-width:1023px){.scan-scene{height:440px}.scan-device{top:25px;width:60%}.scan-item{width:175px;bottom:65px;padding:17px}.scan-copy h2{font-size:45px}}
@media(max-width:767px){.scan-section{padding:65px 0}.scan-layout{grid-template-columns:1fr;gap:30px}.scan-copy h2{font-size:46px}.scan-copy>p{font-size:15px}.scan-benefits{font-size:13px}.scan-product-photo{height:112px}.scan-scene{height:410px;max-width:430px;margin:auto}.scan-device{width:60%;right:0;top:20px}.scan-item{width:157px;bottom:65px;padding:16px}.scan-item>strong{font-size:16px;margin-bottom:12px}.scan-grid{inset:40px -8px 20px}.scan-result{width:222px;right:0;padding:14px;bottom:0}.scan-result strong{font-size:14px}.scan-demo-footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){.scan-device{transform:rotate(-2deg)}.scan-laser,.scan-barcode>span{display:none}.scan-result,.scan-item-confirmed{opacity:1}.scan-motion-toggle{display:none}}