.hardware-picture.has-robot-showcase,.solution-picture.has-robot-showcase{height:auto;aspect-ratio:auto;background:#071b30;overflow:hidden;border-radius:4px}
.robot-showcase{margin:0;width:100%;background:#071b30;color:#fff}
.robot-showcase-art{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden}
.robot-showcase .robot-showcase-art>img{display:block;width:100%;height:100%;padding:0;object-fit:contain;object-position:center}
.robot-screen-motion{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.screen-wave{fill:none;stroke:#c5faff;stroke-width:2;opacity:.7;animation:robot-screen-wave 3.6s ease-in-out infinite}
.screen-wave-second{animation-delay:-1.8s;stroke:#81ffdb}
.robot-showcase figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;border-top:1px solid #25506b}
.robot-colour-list{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;font-weight:600;letter-spacing:.15px}
.robot-colour-list span{display:flex;gap:7px;align-items:center}
.robot-swatch{display:block;width:15px;height:15px;border:1px solid #aec4cf;border-radius:50%}
.robot-swatch.white{background:linear-gradient(135deg,#f6f4ed 50%,#14191f 50%)}
.robot-swatch.navy{background:linear-gradient(135deg,#1e2c4b 50%,#66dec5 50%)}
.robot-showcase button{background:#173952;color:#fff;border:1px solid #50788f;border-radius:3px;padding:7px 9px;cursor:pointer;font:10px Arial,sans-serif;white-space:nowrap}
.robot-showcase button:focus-visible{outline:3px solid #72d8f6;outline-offset:3px}
.robot-showcase button:disabled{opacity:.6;cursor:default}
.robot-showcase .robot-scale-note{position:static;display:block;margin:0;padding:0 18px 14px;font-size:9px;line-height:1.5;color:#bdd0df;letter-spacing:0}
.screen-paused .screen-wave,.screen-offscreen .screen-wave{animation-play-state:paused}
@keyframes robot-screen-wave{0%,100%{transform:translateX(-8px);opacity:.25}50%{transform:translateX(8px);opacity:.8}}
@media(max-width:760px){.robot-showcase figcaption{padding:12px;align-items:flex-start;gap:10px}.robot-colour-list{gap:8px;font-size:10px}.robot-showcase .robot-scale-note{padding:0 12px 12px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.screen-wave{animation:none!important}}