/* Interactive automation theatre. */
.motion-lab{background:#07121e;color:#edf6fc;padding:105px 0 90px;position:relative;overflow:hidden;border-bottom:1px solid #badff220}
.motion-lab .section-head{margin-bottom:40px}.motion-lab .section-description{color:#9db2c2;max-width:340px}.motion-lab .eyebrow>span{color:#84c7e9}.motion-lab h2>span{color:#9bd3ef}
.motion-stage{border:1px solid #60859e40;background:radial-gradient(ellipse at 60% 38%,#12344c55,transparent 65%),#06111d;position:relative;isolation:isolate}
.machine-viewport{height:590px;position:relative;overflow:hidden;touch-action:pan-y;cursor:grab;background:radial-gradient(ellipse at 50% 42%,#16334866,transparent 70%)}
.machine-viewport:active{cursor:grabbing}.machine-viewport canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:pan-y;opacity:0;transition:opacity .8s}.motion-lab[data-scene-state=ready] canvas{opacity:1}.machine-poster{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.7;transition:opacity .8s;pointer-events:none}.motion-lab[data-scene-state=ready] .machine-poster{opacity:0}
.stage-heading{position:absolute;left:28px;right:28px;top:24px;display:flex;align-items:center;justify-content:space-between;gap:30px;z-index:2;pointer-events:none}.stage-heading>div{display:flex;flex-direction:column;gap:6px}.stage-heading strong{font-size:10px;letter-spacing:.13em;font-weight:550}.stage-heading small{font-size:8px;color:#6d8da4;letter-spacing:.1em}.scene-status{display:flex;align-items:center;gap:8px;color:#99cbe5;font-size:8px;letter-spacing:.08em}.scene-status:before{content:'';width:4px;height:4px;background:#81d5f9;border-radius:50%;box-shadow:0 0 12px #64c9f6}
.scene-axis{position:absolute;left:29px;bottom:27px;z-index:2;color:#79a9c3;font-size:8px;letter-spacing:.12em;pointer-events:none;display:flex;gap:15px}.scene-axis b{color:#d9e8f1;font-weight:500}.scene-concept{position:absolute;right:28px;bottom:27px;z-index:2;font-size:7px;letter-spacing:.09em;color:#5d8098;pointer-events:none}
.scene-toolbar{border-top:1px solid #6a91ab30;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:16px 24px;background:#091a28;flex-wrap:wrap}.scene-hint{font-size:11px;color:#8ba5b8;display:flex;align-items:center;gap:10px}.scene-hint svg{width:17px;height:17px;flex-shrink:0;color:#9acbe6}.scene-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.scene-controls button{background:transparent;border:1px solid #7da4be40;min-height:44px;min-width:44px;padding:10px 14px;font-size:11px;color:#bdd4e3;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background .2s,border-color .2s}.scene-controls button:hover{background:#1b3548;border-color:#9bcee9}.scene-controls button:disabled{opacity:.3;cursor:default}.scene-controls button[data-scene-play]{background:#b4e5fa;color:#07121e;border-color:#b4e5fa;min-width:122px}.scene-controls button[data-scene-play]:hover{background:#d5f2ff}.scene-controls [data-scene-mode][aria-pressed=true]{border-color:#86cce9;color:#d8f1ff;background:#213d50}.scene-controls button[data-scene-rotate]{font-size:18px;line-height:1;padding:10px}.scene-footnote{display:flex;justify-content:space-between;gap:25px;margin-top:22px;align-items:center}.scene-footnote>p{font-size:9px;color:#67879d;max-width:560px}.scene-footnote .line-link{font-size:11px;color:#b9d7e8;white-space:nowrap;gap:20px}.scene-footnote .line-link svg{width:15px;height:15px}
@media(max-width:900px){.motion-lab{padding:80px 0}.machine-viewport{height:500px}.scene-toolbar{gap:15px;padding:15px 20px}.scene-hint{font-size:10px}.scene-controls button{font-size:10px;padding:10px 12px}.stage-heading{left:22px;right:22px}.scene-footnote>p{font-size:8px;max-width:420px}}
@media(max-width:640px){.motion-lab{padding:64px 0 55px}.motion-lab .section-head{margin-bottom:29px}.motion-lab h2{font-size:38px}.motion-lab .section-description{font-size:12px;max-width:300px}.machine-viewport{height:380px}.stage-heading{left:16px;right:16px;top:18px;gap:10px}.stage-heading strong{font-size:7px;letter-spacing:.09em}.stage-heading small{font-size:6px}.scene-status{font-size:6px;gap:6px}.scene-axis{left:16px;bottom:17px;gap:10px;font-size:6px}.scene-concept{right:15px;bottom:17px;font-size:5px}.scene-toolbar{padding:14px;gap:12px}.scene-hint{font-size:11px;line-height:1.7}.scene-controls{width:100%;display:grid;grid-template-columns:1fr 1fr 44px 44px;gap:6px}.scene-controls button{font-size:11px;padding:10px 7px;line-height:1.4;min-height:44px}.scene-controls button[data-scene-play]{min-width:0}.scene-controls button[data-scene-mode]{grid-column:1/-1;grid-row:2;min-height:44px}.scene-footnote{display:block;margin-top:18px}.scene-footnote>p{font-size:8px}.scene-footnote .line-link{font-size:10px;margin-top:10px}.motion-stage{margin:0 -4px}}
@media(prefers-reduced-motion:reduce){.machine-viewport canvas,.machine-poster{transition:none}}

.machine-poster{object-fit:contain;padding:65px 30px;background:#e9edef}.motion-lab[data-scene-state=ready] .machine-poster{visibility:hidden}

/* Product theatre: quiet framing and a live cycle readout. */
.scene-controls [data-scene-detail][aria-pressed=true]{border-color:#86cce9;color:#d8f1ff;background:#213d50}
.motion-stage{border-radius:12px;overflow:hidden;box-shadow:0 28px 90px #0004;border-color:#81b4d037}
.machine-viewport{height:650px}.stage-heading{top:28px;left:32px;right:32px}.stage-heading strong{font-size:12px;letter-spacing:.15em}.stage-heading small{margin-top:3px;letter-spacing:.15em}.scene-status{padding:9px 12px;border:1px solid #7eafc92b;border-radius:30px;background:#06111dbb;min-width:190px}
.cycle-strip{position:relative;background:#0a1927;border-top:1px solid #7eafc925;padding:22px 28px 24px;display:flex;gap:36px;align-items:center}.cycle-caption{min-width:170px;display:flex;flex-direction:column;gap:5px}.cycle-caption>span{font-size:9px;letter-spacing:.13em;color:#c4d9e8}.cycle-caption small{font-size:7px;letter-spacing:.11em;color:#63869e}.cycle-steps{display:flex;justify-content:space-between;flex:1;list-style:none;margin:0;padding:0;gap:18px}.cycle-steps li{font-size:11px;color:#648197;display:flex;gap:10px;align-items:center;transition:color .3s}.cycle-steps b{font-size:8px;font-weight:500;color:#466078}.cycle-steps li.active,.cycle-steps li.active b{color:#b8e8ff}.cycle-steps li.active b{background:#254b62}.cycle-steps b{display:grid;place-items:center;width:23px;height:23px;border:1px solid #6b9ab53b;border-radius:50%}.cycle-track{position:absolute;left:0;right:0;bottom:0;height:2px;background:#0d2638}.cycle-track i{display:block;width:100%;height:100%;background:#89d4f7;transform-origin:left;transform:scaleX(0)}.scene-toolbar{background:#0a1927;border-top:0;padding:18px 28px}.scene-controls button{border-radius:5px}.scene-hint{font-size:10px}.scene-footnote>p{line-height:1.9}
@media(max-width:900px){.machine-viewport{height:540px}.cycle-strip{gap:20px;padding:18px 20px}.cycle-caption{min-width:125px}.cycle-steps{gap:10px}.cycle-steps li{gap:6px;font-size:10px}}
@media(max-width:640px){.machine-viewport{height:420px}.stage-heading{left:16px;right:16px;top:18px}.stage-heading strong{font-size:8px}.scene-status{min-width:0;padding:6px 8px;font-size:6px}.cycle-strip{display:block;padding:16px 14px 20px}.cycle-caption{flex-direction:row;justify-content:space-between;gap:10px;margin-bottom:16px}.cycle-caption>span{font-size:8px}.cycle-caption small{font-size:6px}.cycle-steps{gap:6px}.cycle-steps li{flex-direction:column;gap:7px;font-size:9px}.cycle-steps b{width:21px;height:21px}.scene-toolbar{padding:14px}.scene-concept{max-width:125px;text-align:right;line-height:1.7}}
@media(max-width:640px){.scene-controls [data-scene-play]{grid-column:1/3}.scene-controls [data-scene-reset]{grid-column:3/5}.scene-controls [data-scene-detail]{grid-column:1/3}.scene-controls [data-scene-mode]{grid-row:3}}