:root{--pink:#ea3355;--ink:#2c3036;--muted:#87929e;--line:#e5e8ed;--green:#43876b;--amber:#b77a26;--red:#d75849}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f1f3f5;font:14px/1.5 'Avenir Next','Century Gothic',Arial,sans-serif}button,select{font:inherit;cursor:pointer}button{border:0;transition:background .2s,box-shadow .2s,transform .2s}button:hover{transform:translateY(-1px)}button:focus-visible,select:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #ee617f;outline-offset:3px}button:disabled{opacity:.5;cursor:default}header{height:76px;background:white;display:flex;align-items:center;gap:24px;padding:0 30px;border-bottom:1px solid var(--line)}header>a{display:flex}header img{width:132px}.product-name{font-size:10px;letter-spacing:2px;padding-left:24px;border-left:1px solid #ddd;color:#8b929b}.header-actions{display:flex;gap:24px;align-items:center;margin-left:auto}.demo-pill{font-size:10px;padding:5px 10px;border-radius:30px;color:#c9294a;background:#fff0f4}#reset{background:transparent;color:#7d8690;font-size:11px;padding:8px}main{max-width:1880px;margin:auto;padding:24px 24px 0}.workspace{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);gap:22px;align-items:start}.panel{border:1px solid #e0e5eb;border-radius:16px;background:#fff;box-shadow:0 8px 30px #283a4b06;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 22px;border-bottom:1px solid var(--line)}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#8e98a3}h2{font-weight:600;font-size:17px;margin:3px 0 0;letter-spacing:-.5px}.live{font-size:10px;color:#507e6c;display:flex;align-items:center;gap:7px;white-space:nowrap}.live:before,.app-status i{content:'';width:5px;height:5px;background:#70a78d;border-radius:50%;box-shadow:0 0 0 4px #6eac8b12}.view-tabs{display:flex;gap:8px;padding:12px 16px;align-items:center}.view-tabs button{border-radius:7px;background:transparent;color:#8b959f;font-size:10px;padding:8px 11px}.view-tabs button.active{background:#fff0f4;color:#c82c4c}.view-tabs b{font-size:8px;font-weight:500;margin-left:5px}.scene-wrap{position:relative;background:#eef2f4;overflow:hidden;border-top:1px solid #edf0f3;border-bottom:1px solid #e2e7ed}.scene-wrap>svg{width:100%;height:auto;display:block}.scene-label{position:absolute;left:20px;top:15px;letter-spacing:1.2px;font-size:8px;color:#8f9da7;pointer-events:none}.scene-scale{position:absolute;right:16px;bottom:12px;font-size:8px;color:#9aa5af;pointer-events:none}.scene-caption{display:flex;justify-content:space-between;padding:12px 18px;gap:10px;font-size:10px;color:#8a95a2}.scene-caption>span{display:flex;align-items:center;gap:6px}.selection-dot{height:6px;width:6px;background:var(--pink);border-radius:50%}#scene-selected{font-size:9px;color:#ad6373}.simulation{margin:0 16px 16px;border:1px solid var(--line);border-radius:10px;padding:12px}.simulation-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.playback{display:flex;gap:6px}.playback button{height:26px;min-width:28px;border:1px solid var(--line);border-radius:5px;background:white;color:#7b8793;font-size:10px}.scenario-buttons{display:flex;gap:7px}.scenario-buttons button{flex:1;padding:9px 5px;background:#f5f6f8;border:1px solid #eceef2;border-radius:7px;font-size:10px;color:#7b8792;white-space:nowrap}.scenario-buttons .active{color:#b94661;border-color:#f5c7d2;background:#fff3f6}.scenario-icon{font-size:15px;margin-right:6px;vertical-align:middle}.simulation p{font-size:10px;color:#9099a3;margin:10px 0 0;min-height:15px}.network-note{border-top:1px solid var(--line);padding:14px 20px;display:flex;align-items:center;gap:12px;background:#fafbfc}.network-note>strong{font-weight:500;font-size:29px;letter-spacing:-1px;color:#63717d}.network-note>span{font-size:10px;color:#798692;line-height:1.7}.network-note small{font-size:8px;color:#9ba4ae}.network-note button{font-size:9px;margin-left:auto;color:#8b939e;background:none}.software{min-width:0}.monitor{padding:0 10px;background:linear-gradient(130deg,#41464c,#292d33);border:1px solid #22272d;border-radius:18px 18px 12px 12px;box-shadow:0 17px 34px #1d2e4029}.monitor-top{height:17px;display:grid;place-items:center}.monitor-top i{height:5px;width:5px;border-radius:50%;background:#15181e;box-shadow:0 0 0 2px #454b51}.monitor-screen{height:clamp(625px,47vw,800px);background:#f7f8fa;border:1px solid #181c20;border-radius:5px;display:flex;flex-direction:column;overflow:hidden}.monitor-chin{height:27px;text-align:center;padding-top:7px;color:#abb0b7;letter-spacing:3px;font-size:7px;position:relative}.monitor-chin i{position:absolute;right:10px;top:13px;width:3px;height:3px;background:#9abf9f;border-radius:50%}.stand{height:30px;width:110px;margin:auto;background:linear-gradient(90deg,#9da2a9,#d8dbe0,#9ba1a9);clip-path:polygon(20% 0,80% 0,94% 100%,6% 100%)}.base{height:9px;width:220px;margin:auto;background:linear-gradient(#e2e5e9,#9da4ae);border-radius:50% 50% 3px 3px;box-shadow:0 4px 7px #28374419}.app-bar{padding:13px 17px;display:flex;align-items:center;gap:14px;background:white;border-bottom:1px solid #e5e8ed}.app-bar img{width:98px}.app-status{margin-left:auto;display:flex;gap:6px;align-items:center;font-size:8px;color:#8aa192}.avatar{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#f4f5f7;color:#9aa1aa;font-size:8px}.breadcrumb{font-size:9px;color:#9199a4;background:#fcfcfd;padding:8px 15px;border-bottom:1px solid #e9ecf0}.breadcrumb>span:not(.time){margin:0 7px;color:#c0c4cb}.time{float:right;font-variant-numeric:tabular-nums;color:#a1a9b2}.app-content{padding:12px 15px 17px;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#d6dce2 transparent}.software-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.software-title h2{font-size:14px;color:#606b77;font-weight:500;margin:0;display:flex;align-items:center;gap:7px}.software-title h2>span{color:var(--pink);font-size:23px}.software-title>span{font-size:8px;color:#8b95a1}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:white;border-radius:9px;padding:12px 0;margin-bottom:12px}.metrics>div{display:flex;align-items:center;justify-content:center;gap:8px;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics strong{font-size:24px;line-height:1;font-weight:500;color:#577d6c;font-variant-numeric:tabular-nums}.metrics>div:nth-child(2) strong{color:#b78132}.metrics>div:nth-child(3) strong{color:#7a8ba3}.metrics span{font-size:8px;color:#929aa5;max-width:55px;line-height:1.4}.digital-wrap{position:relative;overflow:hidden;border:1px solid #e1e6ed;border-radius:9px;background:#fff}.digital-wrap>svg{display:block;width:100%;height:auto}.digital-caption{position:absolute;top:12px;left:12px;right:12px;font-size:7px;letter-spacing:1px;color:#a1a9b2;pointer-events:none}.digital-caption b{float:right;font-size:7px;font-weight:400;letter-spacing:0;color:#a1a9b2}.alert{margin:10px 0 16px;display:flex;align-items:center;gap:7px;font-size:9px;color:#698a7a;background:#eef6f1;padding:8px 10px;border:1px solid #e3eee6;border-radius:6px;min-height:32px}.alert i{width:4px;height:4px;border-radius:50%;background:currentColor}.alert.warning{color:#b57d27;background:#fff6e7;border-color:#f0e0c1}.detail-head{display:flex;justify-content:space-between;align-items:center;color:#9ba3ae;font-size:8px;letter-spacing:1.3px}.detail-head select{font-size:10px;color:#7d8998;background:#fff;border:1px solid #e0e5eb;border-radius:5px;padding:4px 8px;letter-spacing:0}.pallet-title{display:flex;justify-content:space-between;align-items:center;margin:5px 0 10px}.pallet-title strong{font-size:23px;font-weight:500;color:#59636f;letter-spacing:-.8px}.status-badge{font-size:8px;padding:3px 7px;border-radius:20px;background:#edf4f9;color:#708da8}.status-badge.queue{background:#fff1d8;color:#af7c2c}.status-badge.done{background:#eaf4ed;color:#54856c}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.details-grid span{font-size:8px;color:#a3abb4;display:block}.details-grid b{font-size:10px;color:#6c7986;font-weight:500;display:block;margin-top:3px}.journey{display:flex;align-items:center;margin:15px 0;gap:0;font-size:8px;color:#9ba6b2}.journey i{width:6px;height:6px;border:1.5px solid #c4ccd4;border-radius:50%;display:inline-block;margin-right:5px}.journey span{white-space:nowrap}.journey span.past{color:#6a8f7d}.journey .past i{background:#77a68d;border-color:#77a68d}.journey span.current{color:#d6506d}.journey .current i{background:var(--pink);border-color:var(--pink);box-shadow:0 0 0 3px #ea335510}.journey em{height:1px;flex:1;background:#dce3ea;margin:0 6px}.data-tabs{display:flex;gap:18px;border-bottom:1px solid #e0e5eb;margin:15px 0 0}.data-tabs button{font-size:10px;color:#99a1ad;background:transparent;padding:9px 0;border-bottom:2px solid transparent;margin-bottom:-1px}.data-tabs button.active{color:#596573;border-bottom-color:var(--pink)}.data-content{font-size:9px}.data-row{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid #e6ebef;color:#84909e}.data-row strong{color:#687584;font-weight:500;min-width:42px}.data-row .data-meta{margin-left:auto}.data-row b{font-weight:500;color:#b78942}.data-row .ok{color:#6d9680}.data-row .bar{height:3px;background:#e4e8ed;flex:1;max-width:80px;border-radius:3px;overflow:hidden}.data-row .bar i{display:block;height:100%;background:#b6c9bd;transition:width .3s}.empty-events{color:#9da6b2;padding:16px 0;margin:0;font-size:9px}footer{display:flex;align-items:center;gap:7px;font-size:8px;color:#a2aab4;padding:17px 2px 25px}footer>span{width:4px;height:4px;border-radius:50%;background:#a9b3bc;flex-shrink:0}.pallet{cursor:pointer;outline:none}.pallet .selection-ring{opacity:0}.pallet.selected .selection-ring,.pallet:focus-visible .selection-ring{opacity:1}.pallet-label{font-size:12px;font-weight:600;fill:#677786;pointer-events:none}.pallet.selected .pallet-label{fill:#c52e4d}.queue-label{font-size:13px;font-weight:600}.belt-edge{stroke:#718591;stroke-width:2}.flow-path{fill:none;stroke:#94a6b7;stroke-width:3;stroke-dasharray:4 9;opacity:.4;animation:flow 2s linear infinite}.paused .flow-path{animation-play-state:paused}.sector{cursor:pointer}.sector:hover .sector-bg{stroke:#d95c77}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}@keyframes flow{to{stroke-dashoffset:-26}}@media(min-width:1600px){.panel-heading{padding:22px 24px}.view-tabs{padding:14px 20px}.scenario-buttons button{padding:11px;font-size:11px}.simulation{padding:16px}.network-note{padding:20px}.monitor-screen{height:800px}.app-content{padding:16px 22px}.app-bar{padding:15px 22px}.metrics{padding:16px 0}.metrics span{font-size:10px;max-width:70px}}
@media(max-width:1100px){main{padding:18px 16px 0}.workspace{gap:15px}.panel-heading{padding:16px}.panel-heading h2{font-size:15px}.live{font-size:8px}.view-tabs{gap:0;padding:10px}.view-tabs button{font-size:9px;padding:8px}.scenario-buttons{gap:4px}.scenario-buttons button{font-size:8px}.scenario-icon{margin-right:3px}.monitor-screen{height:650px}.metrics>div{flex-direction:column;gap:5px}.metrics span{max-width:none;font-size:8px}.software-title>span{font-size:7px}.app-content{padding:10px}.scene-caption{font-size:8px}.network-note{padding:12px}.network-note small{font-size:7px}.network-note button{font-size:8px}.app-bar{padding:11px 12px}}
@media(max-width:800px){.workspace{grid-template-columns:1fr;gap:22px}.monitor-screen{height:auto;max-height:none}.app-content{overflow:visible;padding:14px 16px}.metrics>div{flex-direction:row}.scene-caption{font-size:10px}.scenario-buttons button{font-size:10px;padding:10px}.panel-heading h2{font-size:17px}.view-tabs button{font-size:10px}.network-note small{font-size:8px}.network-note button{font-size:9px}.scene-label{font-size:8px}.monitor{max-width:100%}.stand{height:26px}}
@media(max-width:480px){header{height:62px;padding:0 15px;gap:14px}header img{width:105px}.product-name{font-size:8px;letter-spacing:1.1px;padding-left:14px}.header-actions{gap:10px}.demo-pill{font-size:8px;padding:4px 7px}#reset{font-size:18px;padding:0}#reset span{display:none}main{padding:12px 9px 0}.panel{border-radius:12px}.panel-heading{padding:13px}.eyebrow{font-size:8px}.panel-heading h2{font-size:15px}.live{font-size:8px}.view-tabs{padding:9px}.view-tabs button{font-size:9px;padding:7px}.scene-label{left:10px;top:8px;font-size:6px}.scene-scale{font-size:6px;bottom:5px;right:8px}.scene-caption{padding:10px 12px;font-size:8px}#scene-selected{font-size:8px}.simulation{margin:0 10px 12px;padding:10px}.scenario-buttons button{padding:8px 4px;font-size:9px}.simulation p{font-size:9px}.network-note{padding:12px}.network-note>strong{font-size:25px}.network-note>span{font-size:9px}.network-note small{font-size:7px}.network-note button{font-size:8px}.monitor{padding:0 6px;border-radius:14px 14px 9px 9px}.monitor-top{height:13px}.monitor-chin{height:23px;font-size:6px;padding-top:6px}.app-bar{padding:11px}.app-bar img{width:83px}.app-status{font-size:7px}.avatar{width:21px;height:21px}.breadcrumb{padding:8px 11px;font-size:8px}.app-content{padding:11px}.metrics{padding:10px 0}.metrics strong{font-size:21px}.metrics>div{flex-direction:column;gap:5px}.metrics span{font-size:8px}.digital-caption{font-size:6px;top:8px;left:9px;right:9px}.digital-caption b{font-size:6px}.details-grid b{font-size:9px}.data-tabs{gap:20px}.data-tabs button{font-size:10px}.data-row{font-size:9px;padding:12px 2px}.stand{width:90px;height:24px}.base{width:180px}footer{font-size:7px;align-items:flex-start;line-height:1.6;padding:15px 3px 22px}footer>span{margin-top:4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Six real work centers in the demonstration, with separate infeed and takeaway. */
.flow-legend{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 10px;font-size:10px;color:#8b96a2}.flow-legend span{display:flex;align-items:center;gap:6px}.flow-legend i{width:6px;height:6px;border-radius:50%}.flow-legend .incoming{background:#8ba5bc}.flow-legend .working{background:#e57790}.flow-legend .outgoing{background:#7caa93}.flow-legend b{font-weight:400;color:#c7ced6}.metrics{grid-template-columns:repeat(4,1fr)}.metrics>div{flex-direction:column;gap:5px}.metrics span{max-width:none;font-size:8px}.metrics>div:nth-child(2) strong{color:#d45f7d}.metrics>div:nth-child(3) strong{color:#b78132}.metrics>div:nth-child(4) strong{color:#6c927b}.cycle-note{margin-left:auto;color:#9aa5ae;font-size:8px!important}.station-click{cursor:pointer}.station-click:focus-visible{outline:none}.station-click:focus-visible rect{stroke:#ea3355;stroke-width:3}.station-busy{animation:workpulse 1.2s ease-in-out infinite}.status-badge.work{color:#c84f6c;background:#fff0f4}.station-row{cursor:pointer;display:flex;width:100%;background:transparent;text-align:left}.station-row.selected{background:#fff1f5}.station-row .progress{flex:1;max-width:70px;height:4px;border-radius:3px;background:#e5eaf0;overflow:hidden}.station-row .progress i{display:block;height:100%;background:#df8c9e}.scenario-buttons button{font-size:9px}.scenario-icon{margin-right:3px}.station-row .data-meta{font-size:8px}.path-highlight{stroke:#e55e7b;stroke-width:4;stroke-dasharray:5 8;fill:none;opacity:.5;pointer-events:none;animation:flow 2s linear infinite}.paused .path-highlight{animation-play-state:paused}.queue-text{fill:#b6822e}.work-caption{fill:#c85670}@keyframes workpulse{50%{opacity:.45}}@media(max-width:1100px) and (min-width:801px){.scenario-buttons{flex-wrap:wrap}.scenario-buttons button{flex-basis:45%}.flow-legend{font-size:8px;gap:10px}.cycle-note{display:none}}@media(max-width:480px){.flow-legend{font-size:8px;gap:10px;padding:12px 7px}.scenario-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.scenario-buttons button{font-size:10px}.cycle-note{font-size:7px!important}.metrics span{font-size:7px}.metrics strong{font-size:20px}.scene-label{font-size:6px}.scene-caption{font-size:8px}.data-tabs{margin-top:10px}.station-row .data-meta{font-size:8px}}