/* DeskOS Duo — solid hinged 3D product viewer, with actual simulator screens. */
.duo-heading{text-align:center;max-width:850px;margin:0 auto 42px}.duo-heading .eyebrow{color:#62799d}.duo-heading h2{font-size:clamp(38px,4.8vw,64px);line-height:1.04;letter-spacing:-3.1px;margin:19px 0 23px;color:#15213b}.duo-heading h2 span{color:#7c8da8}.duo-heading>p:last-child{font-size:16px;color:#71809a;line-height:1.7;margin:auto;max-width:480px}
.duo-experience{--progress:50%;isolation:isolate;border:1px solid #dfe5ee;border-radius:32px;overflow:hidden;background:#f6f8fc;box-shadow:0 25px 70px -40px #34456255}
.duo-theatre{height:650px;position:relative;overflow:hidden;color:#172339;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.duo-theatre:active{cursor:grabbing}
.duo-studio{position:absolute;inset:0;background:radial-gradient(ellipse at 64% 26%,#fff 0%,#f1f4f9 36%,#e4e9f2 76%,#dbe2ed 100%)}
.duo-studio:after{content:"";position:absolute;width:52%;height:8%;border-radius:50%;left:37%;bottom:58px;background:#293b5740;filter:blur(30px);transform:scaleY(.55);opacity:.65}
.duo-studio-label{position:absolute;z-index:2;top:29px;left:31px;font-size:9px;letter-spacing:2px;color:#7c8ba0;display:flex;align-items:center;gap:9px;pointer-events:none}.duo-studio-label i{width:6px;height:6px;border-radius:50%;background:#5684d6;box-shadow:0 0 0 4px #5483d410}
.duo-webgl{position:absolute;inset:0;opacity:0;transition:opacity .65s ease;pointer-events:none}.duo-webgl canvas{display:block;width:100%;height:100%}.duo-3d-ready .duo-webgl{opacity:1}
.duo-fallback{position:absolute;inset:65px 7% 65px 38%;display:flex;align-items:center;justify-content:center;transition:opacity .4s}.duo-fallback img{max-height:100%;max-width:100%;object-fit:contain;border:7px solid #172131;border-radius:21px;box-shadow:12px 20px 40px #25344c33}.duo-3d-ready .duo-fallback{opacity:0;pointer-events:none}
.duo-mode-copy{position:absolute;left:40px;top:45%;transform:translateY(-50%);z-index:2;max-width:245px;pointer-events:none}.duo-mode-kicker{font-size:9px;letter-spacing:1.8px;color:#7185a4;font-weight:600}.duo-mode-copy h3{font-size:34px;line-height:1.08;letter-spacing:-1.5px;color:#1b2b46;margin:21px 0 17px;font-weight:650}.duo-mode-copy p{font-size:13px;line-height:1.75;color:#76859d;max-width:200px;margin:0}
.duo-stage-tools{position:absolute;z-index:2;top:21px;right:23px;display:flex;gap:7px}.duo-stage-tools button{border:1px solid #c2ccdc75;border-radius:99px;background:#ffffff65;backdrop-filter:blur(12px);color:#586a85;font-size:11px;padding:9px 14px;display:flex;align-items:center;gap:7px;cursor:pointer}.duo-stage-tools button:hover{background:#fff;color:#255bb8}.duo-stage-tools button[aria-pressed=true]{color:#2765d6;background:#fff;border-color:#9ebde9}.duo-stage-tools button span{font-size:15px;line-height:1}
.duo-drag-hint{position:absolute;left:50%;transform:translateX(-50%);bottom:24px;display:flex;align-items:center;gap:10px;color:#6c7d98;pointer-events:none;white-space:nowrap}.duo-drag-hint>span:first-child{font-size:21px}.duo-status{font-size:8px;letter-spacing:1.8px}
.duo-controls{padding:24px 35px 25px;background:#fff;border-top:1px solid #e0e6f0;display:grid;grid-template-columns:1fr 2fr;column-gap:60px;align-items:center}.duo-play-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.duo-control-label{font-size:8px;letter-spacing:1.6px;color:#788aa6;font-weight:650}.duo-play{display:flex;gap:8px;align-items:center;color:#245dd5;background:#edf3ff;border-radius:99px;padding:9px 14px;font-size:11px;min-width:106px;justify-content:center;cursor:pointer}.duo-play:hover{background:#dfeaff}
.duo-progress{grid-column:1;grid-row:2;appearance:none;-webkit-appearance:none;width:100%;height:30px;display:block;cursor:ew-resize;background:transparent;touch-action:pan-y;margin:9px 0 0}.duo-progress::-webkit-slider-runnable-track{height:3px;border-radius:99px;background:linear-gradient(to right,#4278e7 0%,#4278e7 var(--progress),#e4eaf4 var(--progress),#e4eaf4 100%)}.duo-progress::-moz-range-track{height:3px;border-radius:99px;background:#e4eaf4}.duo-progress::-moz-range-progress{height:3px;background:#4278e7;border-radius:99px}.duo-progress::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;margin-top:-6.5px;background:#fff;border:3px solid #4278e7;box-shadow:0 2px 6px #204da133}.duo-progress::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#fff;border:3px solid #4278e7}
.duo-positions{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.duo-positions button{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:13px;border:1px solid transparent;padding:14px 8px;background:transparent;color:#758198;text-align:left;cursor:pointer;transition:background .2s,color .2s}.duo-positions button:hover{background:#f5f8fd}.duo-positions button[aria-pressed=true]{background:#eff4ff;color:#2c5cc2;border-color:#e1e9f7}.duo-positions svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.3;flex-shrink:0}.duo-positions span{font-size:12px;font-weight:600}.duo-positions small{display:block;font-size:9px;font-weight:400;color:#8a96aa;margin-top:4px}
.duo-capture-note{font-size:9px;text-align:center;color:#8a98ad;line-height:1.7;margin:0;padding:15px 20px;border-top:1px solid #e7ecf3;background:#fff}
.duo-experience button:focus-visible,.duo-progress:focus-visible{outline:2px solid #3973e6;outline-offset:4px}.duo-screen-dialog{border:1px solid #dbe4f2;border-radius:22px;padding:0;background:#f5f7fc;max-width:min(1100px,94vw);width:fit-content;max-height:94dvh;box-shadow:0 35px 100px #0007;color:#172440}.duo-screen-dialog::backdrop{background:#081223cc;backdrop-filter:blur(10px)}.duo-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:15px 20px;position:sticky;top:0;background:#f5f7fcf5;z-index:1}.duo-dialog-bar h3{font-size:15px;margin:0}.duo-dialog-close{width:32px;height:32px;border-radius:50%;background:#e5ebf6;color:#354663;font-size:15px;cursor:pointer}.duo-screen-dialog>img{display:block;object-fit:contain;width:auto;height:auto;max-width:100%;max-height:76dvh;margin:auto}.duo-screen-dialog>p{font-size:10px;color:#7a879e;text-align:center;padding:13px;margin:0}.duo-experience .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.duo-mode-copy{left:28px;max-width:210px}.duo-mode-copy h3{font-size:29px}.duo-mode-copy p{max-width:180px;font-size:12px}.duo-controls{column-gap:20px;padding:23px}.duo-control-label{display:none}.duo-play-row{justify-content:center}.duo-theatre{height:580px}.duo-positions button{gap:7px}}
@media(max-width:700px){.duo-heading{margin-bottom:28px}.duo-heading h2{letter-spacing:-1.8px;font-size:37px}.duo-heading>p:last-child{font-size:13px;max-width:280px}.duo-experience{border-radius:23px}.duo-theatre{height:565px}.duo-studio-label{top:23px;left:21px;font-size:7px;letter-spacing:1.2px}.duo-stage-tools{right:15px;top:15px;gap:5px}.duo-stage-tools button{font-size:9px;padding:7px 10px;gap:5px}.duo-stage-tools button span{font-size:13px}.duo-mode-copy{left:22px;right:22px;top:70px;transform:none;max-width:none;text-align:center}.duo-mode-kicker{font-size:7px;letter-spacing:1.6px}.duo-mode-copy h3{font-size:27px;margin:12px 0 9px;letter-spacing:-1px}.duo-mode-copy h3 br{display:none}.duo-mode-copy h3 br:after{content:' '}.duo-mode-copy p{font-size:11px;max-width:250px;margin:auto;line-height:1.6}.duo-webgl{inset:90px 0 -3px}.duo-studio:after{width:70%;left:15%;bottom:70px;filter:blur(17px)}.duo-fallback{inset:205px 25px 60px}.duo-drag-hint{bottom:23px;gap:7px}.duo-status{font-size:7px;letter-spacing:1.5px}.duo-controls{display:flex;flex-direction:column;padding:20px 15px;gap:8px}.duo-play-row{width:100%;justify-content:space-between}.duo-control-label{display:block;font-size:7px;letter-spacing:1.3px}.duo-play{font-size:10px;min-width:90px;padding:8px 12px}.duo-progress{margin:0}.duo-positions{width:100%;gap:3px}.duo-positions button{flex-direction:column;text-align:center;gap:8px;padding:11px 3px}.duo-positions span{font-size:10px}.duo-positions small{font-size:8px}.duo-positions svg{width:24px;height:24px}.duo-capture-note{font-size:8px;padding:13px 20px}}
@media(prefers-reduced-motion:reduce){.duo-webgl,.duo-fallback,.duo-positions button{transition:none}}
.duo-mode-copy h3{word-spacing:2px}
.duo-stage-tools button:disabled{opacity:.45;cursor:default}

.duo-apps{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 30px 0}
.duo-apps>span{font-size:9px;letter-spacing:1.6px;font-weight:600;color:#71809a}
.duo-apps>div{display:flex;gap:7px}
.duo-apps button{display:flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid transparent;border-radius:99px;background:#edf1f7;color:#66738b;font-size:12px;transition:background .2s,box-shadow .2s}
.duo-apps button img{width:24px;height:24px;border-radius:6px}
.duo-apps button:hover{background:#e4ecff}
.duo-apps button[aria-pressed=true]{background:#fff;color:#172d52;border-color:#ccdaef;box-shadow:0 3px 12px #17376610}
.duo-apps button:disabled{opacity:.5;cursor:wait}
@media(max-width:700px){.duo-apps{justify-content:center;flex-wrap:wrap;padding:18px 12px 0;gap:10px}.duo-apps>span{width:100%;text-align:center}.duo-apps button{font-size:11px}}