html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-robot-frame{aspect-ratio:6/5;touch-action:pan-y;container-type:inline-size;background:#231b33;isolation:isolate}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-robot-frame>.ds-robot-background{z-index:0;object-fit:cover;object-position:center top}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-robot-poster{z-index:3}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-robot-canvas{z-index:3}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-robot-frame>.ds-robot-watermark{position:absolute;inset:auto;top:3%;right:3%;z-index:4;width:17%;height:auto;padding:5px;border-radius:5px;background:#151020b8;pointer-events:none}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-scene-tech{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px;color:#e6ddf4;font-size:11px;line-height:1.3;font-weight:400;text-shadow:none}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-scene-tech>div{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:8px 5px;border:1px solid #baa2dd38;border-radius:9px;background:#251b3b80;box-sizing:border-box}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-scene-tech svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:#bca4e6;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-scene-tech span{padding:0;background:none;border:0;border-radius:0;min-width:0}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-scene-tech strong{display:block;color:#fff;font-size:12px;line-height:1.35;font-weight:600;white-space:nowrap}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks{position:absolute;z-index:2;left:5%;right:5%;bottom:17cqw;height:27cqw;display:flex;gap:3.5%;margin:0;overflow:visible}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks a{--box-open:0;--depth:8cqw;--box-color:#503375;display:block;position:relative;flex:1;min-width:0;min-height:0;height:100%;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;transform:none;perspective:700px;touch-action:pan-y;text-decoration:none;color:#fff}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks a:nth-child(2){--box-color:#6c44b2}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks a:nth-child(3){--box-color:#342742}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-box{position:absolute;left:0;right:0;top:4cqw;height:19cqw;transform:rotateX(-16deg) rotateY(-6deg);transform-style:preserve-3d}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-box-front{position:absolute;inset:0;transform:translateZ(4cqw);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.15cqw;padding:2cqw 1cqw;box-sizing:border-box;background:linear-gradient(130deg,#ffffff22,var(--box-color) 40%,#120c2166),var(--box-color);border:1px solid #cdb7e577;border-radius:4px;box-shadow:0 10px 12px #10091b55;backface-visibility:hidden}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks strong{font-size:clamp(15px,4.1cqw,22px);font-weight:700;line-height:1.1;color:#fff;white-space:nowrap}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks .ds-box-front span{font-size:clamp(10px,2.6cqw,14px);color:#f3e8ff;line-height:1.1;white-space:nowrap}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks .ds-box-front small{position:absolute;right:1.1cqw;bottom:1cqw;font-size:clamp(12px,2.1cqw,15px);color:#f8eeff;line-height:1;white-space:nowrap}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-box-back{position:absolute;inset:0;background:#b5a6c9;transform:translateZ(-4cqw);border-radius:3px;border:1px solid #997dad77}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-box-side{position:absolute;top:0;left:0;width:8cqw;height:100%;background:linear-gradient(100deg,#2b1c40,var(--box-color));transform-origin:0 50%;transform:translateZ(-4cqw) rotateY(-90deg);border:1px solid #b49ac955;border-radius:2px}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-box-floor{position:absolute;top:100%;left:0;right:0;height:8cqw;background:#21152e;transform-origin:50% 0;transform:translateZ(-4cqw) rotateX(90deg);border:1px solid #bda1d655}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-box-lid{position:absolute;top:0;left:0;right:0;height:8cqw;transform-origin:50% 0;transform:translateZ(-4cqw) rotateX(calc(90deg + var(--box-open)*72deg));transform-style:preserve-3d;background:linear-gradient(140deg,#ffffff4a,var(--box-color) 55%,#261535);border:1px solid #d8c5ea;border-radius:3px;box-shadow:inset 0 0 0 1px #ffffff22}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-box-lid::after{content:'';position:absolute;inset:1px;transform:translateZ(-1px);background:linear-gradient(145deg,#8d6daa,#332441);backface-visibility:hidden;border-radius:2px}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-box-lid img{position:absolute;width:45%;height:auto;left:28%;top:18%;transform:rotateX(180deg);opacity:.86}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-box-handle{position:absolute;left:43%;bottom:-1px;width:14%;height:5px;background:linear-gradient(#f2e7ff,#a38bba);border:1px solid #fff8;border-radius:3px;transform:translateZ(2px)}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-box-liner{position:absolute;top:-.15cqw;left:3%;width:94%;height:8cqw;background:linear-gradient(135deg,#e7e1ee,#baafcc);border:1px solid #ded5e8;transform-origin:50% 0;transform:translateZ(-3.8cqw) rotateX(90deg);border-radius:3px}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-box-chip{position:absolute;top:-1.1cqw;left:15%;width:70%;height:4.2cqw;display:block;background:transparent;border:0;transform:translateZ(1.2cqw) rotateX(32deg);opacity:var(--box-open);border-radius:0;box-shadow:none}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-box-chip::before{content:none}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-box-chip img{display:block;width:100%;height:100%;object-fit:contain}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-box-hint{display:none}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks a.is-robot-target .ds-box-front{border-color:#efe1ff;box-shadow:0 12px 14px #10091b44,0 0 16px #cc9cff44}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks a:focus-visible{outline:3px solid #efe1ff;outline-offset:7px;border-radius:4px}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector:not(.ds-robot-ready) .ds-series-picks a:hover{--box-open:.9}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-robot-grab-area{position:absolute;top:0;left:0;z-index:4;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-robot-grab-area.is-grabbed{cursor:grabbing}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-robot-toggle{z-index:5;top:3px;left:3px;display:grid;place-items:center;width:28px;height:28px;min-width:28px;min-height:28px;padding:0;border-radius:50%;border-color:transparent;background:radial-gradient(circle,#120b1dba 0 9px,transparent 10px);color:#ded1ee}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-robot-toggle svg{display:block;width:10px;height:10px;pointer-events:none}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-robot-toggle .ds-icon-play{display:none}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-robot-toggle.is-paused .ds-icon-stop{display:none}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-robot-toggle.is-paused .ds-icon-play{display:block}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-robot-toggle:focus-visible{outline:3px solid #d7bdff;outline-offset:2px}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-robot-toggle[hidden]{display:none}
@media(pointer:coarse){html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-robot-toggle{width:44px;height:44px;min-width:44px;min-height:44px;background:radial-gradient(circle,#120b1dba 0 9px,transparent 10px);border-color:transparent}}
@media(prefers-reduced-motion:reduce){html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks a{transition:none}}
@media(max-width:360px){html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks strong{font-size:14px}html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks .ds-box-front small{display:none}html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-scene-tech>div{gap:4px;padding:7px 3px}html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-scene-tech{font-size:10px;gap:5px}html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-scene-tech strong{font-size:11px}html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-scene-tech svg{width:15px;height:15px}}

html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-package-note{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:83px;box-sizing:border-box;margin-top:12px;padding:14px 16px;border:1px solid #bba0eb55;border-radius:12px;background:linear-gradient(110deg,#422b6870,#23163790);color:#fff;text-decoration:none;box-shadow:none}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-package-note>span{display:block;min-width:0}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-package-note strong{display:block;font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.02em;color:#fff}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-package-note .ds-package-copy{display:block;margin-top:5px;font-size:13px;line-height:1.45;color:#e3d6f6}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-package-note svg{width:18px;height:18px;flex:none;fill:none;stroke:#cfb4ff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-package-note:hover{border-color:#d9c3ff;background:linear-gradient(110deg,#57348690,#2b1c4290)}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-package-note:focus-visible{outline:3px solid #e7d8ff;outline-offset:3px}
@media(max-width:360px){html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-package-note{padding:12px;gap:9px;min-height:97px}html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-package-note strong{font-size:17px}}

/* Wall lettering and one short label per lid. No repeated brand marks. */
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-wall-title{position:absolute;z-index:1;left:6%;top:2%;width:40%;margin:0;padding:0;pointer-events:none;color:#332343;font-size:clamp(12px,4cqw,22px);line-height:1.15;font-weight:600;letter-spacing:-.04em;white-space:nowrap;text-shadow:0 1px 1px #fff5}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks .ds-box-lid-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:translateZ(-2px) rotateX(180deg);backface-visibility:hidden;pointer-events:none;color:#fff;font-size:clamp(12px,2.9cqw,15px);font-weight:700;line-height:1.15;letter-spacing:-.04em;white-space:nowrap;text-shadow:0 1px 2px #180d27}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks .ds-box-lid-label-text{font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit}
@media(max-width:360px){html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks .ds-box-lid-label{font-size:11px;letter-spacing:-.06em}}

html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-robot-toggle{top:auto;bottom:3px}

/* Native face materials retain preserve-3d and the arm's existing handle geometry. */
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks a{--box-color:#454852;--face-shade:#20232a;--side-shade:#262830;--lid-shade:#272931;--lid-inner-top:#686d77;--lid-inner-bottom:#34373f;--back-color:#777c88;--liner-light:#b3b7c0;--liner-dark:#7c8290;--floor-color:#262933;--handle-light:#c8cbd4;--handle-dark:#777e8c}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks a:not(.is-robot-target){--box-color:#454852}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks a.is-robot-target{--box-color:#6842a5;--face-shade:#120c2166;--side-shade:#2b1c40;--lid-shade:#261535;--lid-inner-top:#9470be;--lid-inner-bottom:#4b306c;--back-color:#b5a6c9;--liner-light:#e7e1ee;--liner-dark:#baafcc;--floor-color:#21152e;--handle-light:#f2e7ff;--handle-dark:#a38bba}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks a:nth-child(2).is-robot-target{--box-color:#7951cf}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks a:nth-child(3).is-robot-target{--box-color:#65429e}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks .ds-box-front{background:linear-gradient(130deg,#ffffff12,var(--box-color) 45%,var(--face-shade)),var(--box-color);border-color:#969ba580;box-shadow:0 10px 12px #10091b55;transition:border-color .18s ease,box-shadow .18s ease}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks .ds-box-back{background:var(--back-color);border-color:#9499a477}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks .ds-box-side{background:linear-gradient(100deg,var(--side-shade),var(--box-color));border-color:#9ea2ae55}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks .ds-box-floor{background:var(--floor-color);border-color:#9ea2ae55}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks .ds-box-lid{background:linear-gradient(140deg,#ffffff28,var(--box-color) 55%,var(--lid-shade));border-color:#9499a4}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks .ds-box-lid::after{background:linear-gradient(145deg,var(--lid-inner-top),var(--lid-inner-bottom))}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks .ds-box-liner{background:linear-gradient(135deg,var(--liner-light),var(--liner-dark));border-color:#c3c6ce}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks .ds-box-handle{background:linear-gradient(var(--handle-light),var(--handle-dark))}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks a:not(.is-robot-target) .ds-box-front strong{color:#d2d4dd}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks a:not(.is-robot-target) .ds-box-front span{color:#c0c4ce}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks a:not(.is-robot-target) .ds-box-front small{color:#aeb3be}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks a:not(.is-robot-target) .ds-box-lid-label{color:#c6cad3}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks a.is-robot-target .ds-box-front{background:linear-gradient(130deg,#ffffff30,var(--box-color) 40%,var(--face-shade)),var(--box-color);border-color:#ebd7ff;box-shadow:0 12px 14px #10091b55,0 0 18px #b88bff65,inset 0 1px 0 #ffffff55}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks a.is-robot-target .ds-box-lid{border-color:#e7d1ff;box-shadow:inset 0 0 0 1px #ffffff44,0 0 13px #caa1ff44}
html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks a:not(.is-robot-target) .ds-box-chip img{filter:grayscale(1) brightness(.78)}
@media(prefers-reduced-motion:reduce){html.v3 #ds-hosting-tech-explainer.ds-robot-selector .ds-series-picks .ds-box-front{transition:none}}