:root{--ink:#182e28;--muted:#748079;--green:#b6df64;--paper:#f5f5ed;--line:#dce2d5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #759e3e;outline-offset:4px}header,main,footer{max-width:1380px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:30px 52px;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:27px;font-weight:900;letter-spacing:-1.8px;text-decoration:none;color:var(--ink);white-space:nowrap}.brand span{color:#719937}.brand i{display:inline-block;font-size:22px;background:var(--green);border-radius:6px;font-style:normal;line-height:29px;width:29px;text-align:center;margin-left:7px}.header-note{font-size:13px;color:var(--muted)}.live-dot{font-size:12px;display:flex;align-items:center;gap:8px}.live-dot:before{content:"";width:6px;height:6px;background:#719937;border-radius:50%}main{padding:58px 52px 0;display:grid;grid-template-columns:.85fr 1.35fr;gap:44px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#758775}h1{font-size:clamp(40px,4.2vw,60px);letter-spacing:-3px;line-height:1.06;margin:20px 0 24px;font-weight:650}h1 em{font-style:normal;color:#719937}.lead{font-size:16px;color:#6b786e;line-height:1.65;margin-bottom:34px}form label{font-size:12px;font-weight:600;display:block;margin-bottom:9px}.input-row{display:flex;background:#fff;border:1px solid #cdd5c3;border-radius:12px;padding:5px;gap:5px}.input-row input{min-width:0;width:100%;padding:10px 12px;border:0;background:transparent;color:var(--ink);font-size:16px;outline-offset:0}.input-row button{background:var(--ink);color:white;border:0;border-radius:8px;padding:12px 18px;white-space:nowrap;font-weight:600;font-size:13px}.input-row button span{margin-left:12px;color:var(--green)}button:disabled{cursor:wait;opacity:.6}.privacy{font-size:10px;color:#849082;margin:10px 0}.demo-link{background:none;border:0;padding:0;color:#637b45;font-size:12px;text-decoration:underline;text-underline-offset:4px;margin:15px 0}.demo-link span{margin-left:10px}.intro-foot{display:flex;align-items:center;gap:15px;margin-top:30px}.intro-foot>span{font-size:34px;color:#c5cdbd;font-weight:300}.intro-foot p{font-size:11px;color:#85917f}#message{font-size:12px;min-height:0;margin:8px 0;color:#9a482d}.experience{min-width:0;border:1px solid #d9dfd1;border-radius:20px;background:#edf1e4;overflow:hidden;position:relative;align-self:start}.map-top{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 0;gap:12px}.map-top h2{font-size:19px;margin:7px 0 0;font-weight:600;letter-spacing:-.5px}.badge{font-size:10px;background:#fff9;border:1px solid #d5decd;padding:6px 11px;border-radius:20px;white-space:nowrap}.badge.real{background:#d8ecba}.map{width:100%;overflow:hidden}.map svg{width:100%;display:block;height:auto}.map-bottom{display:flex;align-items:center;gap:9px;background:#fff8;padding:16px 25px;font-size:12px}.map-bottom button{margin-left:auto;background:none;border:1px solid #bdcaba;border-radius:6px;width:29px;height:27px;color:var(--ink)}.pulse{height:7px;width:7px;border-radius:50%;background:#8bac53;flex-shrink:0;box-shadow:0 0 0 4px #a6c87320}.map-disclaimer{font-size:9px;color:#84907c;padding:0 25px;margin:9px 0 12px}.tracking{grid-column:1/-1;margin-top:0;padding:30px 0 46px;border-top:1px solid var(--line)}.tracking-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.tracking h2{font-size:26px;font-weight:600;letter-spacing:-1px;margin:8px 0 0}select{background:#fff;border:1px solid #cdd7c5;border-radius:8px;padding:9px 12px;max-width:100%;color:var(--ink)}.detail-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:28px}.positions{display:flex;flex-direction:column;gap:9px}.position{display:flex;align-items:center;text-align:left;gap:13px;border:1px solid #dce2d4;background:transparent;padding:17px 19px;border-radius:12px;color:var(--ink);width:100%}.position.active{background:var(--ink);border-color:var(--ink);color:#fff}.position .icon{width:37px;height:37px;display:grid;place-items:center;border:1px solid #d3dbca;border-radius:10px;font-size:21px;flex-shrink:0}.position.active .icon{border-color:#53674a;color:var(--green)}.position strong{display:block;font-size:13px;font-weight:600}.position small{display:block;font-size:11px;opacity:.65;margin-top:3px}.position .arrow{margin-left:auto;opacity:.6}.story{background:#fff9;border:1px solid #dce2d4;border-radius:12px;padding:26px 30px}.story h3{font-size:25px;line-height:1.2;font-weight:550;letter-spacing:-.7px;margin:10px 0}.story>p{font-size:13px;color:#7c8875;max-width:500px;margin:10px 0 25px}.timeline{padding:0;margin:22px 0 16px;display:flex;list-style:none;gap:0}.timeline li{position:relative;flex:1;color:#98a38d;font-size:9px;padding-top:26px}.timeline li:before{content:"";position:absolute;top:0;left:0;width:13px;height:13px;border-radius:50%;border:1px solid #d5ddcc;background:#fff;z-index:1}.timeline li:after{content:"";position:absolute;top:6px;left:10px;width:calc(100% - 10px);height:1px;background:#d5ddcc}.timeline li:last-child:after{display:none}.timeline li.complete:before{background:#a9cf65;border-color:#a9cf65}.timeline li.current:before{background:var(--ink);border-color:var(--ink);box-shadow:0 0 0 4px #dce8cc}.timeline li.current{color:var(--ink);font-weight:700}.raw-status{border-top:1px solid #e4e8dd;padding-top:14px;color:#809074;font-size:10px}.period{font-size:10px;color:#8b9682;margin:16px 0 0}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:23px 52px;gap:20px}footer p{font-size:11px;color:#74836a}footer>span{font-size:10px;color:#9ba58e}.brand.small{font-size:20px}.map-label{font:600 11px system-ui;fill:#54694d}.map-sub{font:9px system-ui;fill:#92a184}.map .truck{offset-path:path('M 125 236 L 238 290 L 412 208 L 495 248');offset-rotate:auto;animation:drive 7s linear infinite}.map.supplier .truck{offset-path:path('M 412 208 L 238 290 L 125 236')}.map.warehouse .truck,.map.ready .truck,.map.done .truck,.map.processing .truck,.map.unknown .truck,.map.return .truck,.map.cancelled .truck{animation:none;offset-distance:60%;opacity:.25}.map.ready .shop-glow,.map.done .shop-glow{opacity:1}.map.warehouse .worker{animation:work 1.2s ease-in-out infinite alternate}.map.supplier .supplier-glow{opacity:1}.map.processing .office-glow{opacity:1}.map.transit .road-active{opacity:1}.map .glow{opacity:0}.paused *{animation-play-state:paused!important}@keyframes drive{0%{offset-distance:0%}100%{offset-distance:100%}}@keyframes work{to{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.map .truck{offset-distance:50%}}
@media(min-width:1500px){main{padding-top:75px}.intro-foot{margin-top:45px}}@media(max-width:950px){header{padding:24px}.header-note{display:none}main{padding:35px 24px 0;gap:25px;grid-template-columns:1fr 1.25fr}h1{font-size:42px;letter-spacing:-2px}.map-top{padding:20px 18px 0}.map-top .eyebrow{font-size:8px}.map-top h2{font-size:16px}.badge{font-size:8px}.intro-foot{margin-top:15px}.detail-grid{grid-template-columns:1fr 1.25fr;gap:18px}.story{padding:23px}footer{padding:23px 24px}}
@media(max-width:680px){header{padding:20px}.brand{font-size:24px}.live-dot{font-size:10px}main{grid-template-columns:1fr;padding:30px 20px 0;gap:25px}h1{font-size:48px;margin:16px 0 18px}.lead{font-size:14px;margin-bottom:24px}.intro-foot{display:none}.experience{grid-column:1;}.tracking{margin-top:6px;padding-top:25px}.tracking h2{font-size:23px}.tracking-head{align-items:start;flex-direction:column;gap:14px}.detail-grid{grid-template-columns:1fr}.positions{max-height:290px;overflow:auto}.story{padding:24px}.map-top{padding:20px 20px 0}.map-top h2{font-size:18px}.timeline li{font-size:8px}.map-bottom{padding:14px 20px;font-size:11px}footer{padding:20px;flex-wrap:wrap}footer>span{width:100%;font-size:9px}.privacy{font-size:9px}}
/* Multiple-store route and live logistics animations. */
:root{--accent:#719937}h1 em,.brand span,.demo-link{color:var(--accent)}.map .vehicle{offset-path:none;animation:none}.moving-box{animation:parcel-move 2s ease-in-out infinite}.picker-arm{transform-box:fill-box;transform-origin:right center;animation:pick 1s ease-in-out infinite alternate}.spark{animation:sparkle 1.8s ease-in-out infinite}.waiting-parcel{animation:parcel-wait 2.4s ease-in-out infinite}.waiting-sign{animation:sign-wait 2.4s ease-in-out infinite}.waiting-ring{animation:ring-wait 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center}.done-star{animation:done-wait 3s ease-in-out infinite}.processing-clock{transform-box:fill-box;transform-origin:center;animation:clock-wait 5s linear infinite}.timeline{overflow-x:auto;gap:0;padding:5px 3px 12px}.timeline li{min-width:85px;padding-right:8px}.timeline li:last-child{min-width:55px}.positions{max-height:420px;overflow:auto}.embedded header,.embedded footer,.embedded .intro-foot{display:none}.embedded main{padding:26px;gap:26px}.embedded h1{font-size:38px}.embedded .tracking{padding-bottom:15px}.embedded{background:#f5f5ed}.visual-only main{display:block;padding:0}.visual-only .intro,.visual-only .story,.visual-only .tracking-head,.visual-only .period{display:none}.visual-only .experience{border-radius:12px}.visual-only .tracking{padding:12px 0 0;margin:0;border:0}.visual-only .detail-grid{display:block}.visual-only .positions{display:flex;flex-direction:row;flex-wrap:wrap;max-height:190px;gap:8px;padding:0 10px 10px}.visual-only .position{width:auto;padding:10px 14px;flex:1 1 170px}.visual-only .position .icon{width:28px;height:28px;font-size:17px}.visual-only .position strong{font-size:11px}.visual-only .position small{font-size:9px}.visual-only .map-disclaimer{font-size:9px}.visual-only .map svg{max-height:380px}.paused *{animation-play-state:paused!important}@keyframes parcel-move{0%,100%{transform:translate(-12px,-6px)}50%{transform:translate(12px,6px)}}@keyframes pick{to{transform:rotate(30deg)}}@keyframes sparkle{0%,100%{opacity:.2}50%{opacity:1}}@keyframes parcel-wait{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes sign-wait{0%,100%{opacity:.65}50%{opacity:1}}@keyframes ring-wait{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.5);opacity:0}}@keyframes done-wait{50%{opacity:.6}}@keyframes clock-wait{to{transform:rotate(360deg)}}@media(max-width:680px){.embedded main{padding:16px}.embedded h1{font-size:36px}.visual-only main{padding:0}.timeline li{min-width:80px}.positions{max-height:310px}}@media(prefers-reduced-motion:reduce){.vehicle animateMotion{display:none}.map *{animation:none!important}}