.device-preview{width:100%;min-width:0;text-align:center}
.device-preview [hidden]{display:none!important}
.device-preview .buddy-bezel{width:330px;margin:0 auto;border:9px solid #20272c;box-shadow:inset 0 0 0 2px #53616c,0 15px 26px #0003}
.buddy-bezel>img{width:100%;height:100%;object-fit:contain}
.screen-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:18px}
.screen-choices button{border:1px solid #aab1a8;background:transparent;color:#39423c;padding:9px 11px;min-height:36px;font:500 11px Arial,sans-serif;border-radius:3px;cursor:pointer}
.screen-choices button[aria-pressed="true"]{background:#202c29;border-color:#202c29;color:#fff}
.screen-choices button:focus-visible,.pit-turn-preview button:focus-visible{outline:3px solid #e30613;outline-offset:3px}
.display-demo-note{font-size:10px;line-height:1.6;color:#626b62;margin-top:10px}
.sharp-bezel{max-width:460px;margin:auto;border:13px solid #23292c;border-radius:11px;box-shadow:0 12px 22px #0002;background:#fff}
.sharp-bezel img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:contain;background:#fff;image-rendering:pixelated}
.sharp-bezel:has([data-preview-screen="color"]:not([hidden])) img{aspect-ratio:2000/791;background:#000;image-rendering:auto}
.screen-technology{display:block;font-size:9px;line-height:1.6;letter-spacing:.06em;color:#455249;margin-top:14px}
.pit-live-screen{position:relative;container-type:inline-size;line-height:1.3;background:#040c10;color:#eaf2f8;font-family:Arial,sans-serif}
.pit-live-screen>img{width:100%;height:auto;display:block}
.pit-turn-preview{position:absolute;left:1.56%;top:13.4%;width:18%;height:52.3%;border:1px solid #254251;border-radius:1cqw;background:#071119;display:flex;align-items:center;flex-direction:column;padding:1.5cqw .9cqw .7cqw;gap:.8cqw}
.pit-turn-preview>small{font-size:1.25cqw;align-self:flex-start;white-space:nowrap}
.turn-cues{display:flex;justify-content:center;gap:.65cqw;border:1px solid #253947;border-radius:.6cqw;padding:.65cqw;width:90%;margin:.3cqw 0}
.turn-cues i{width:1.5cqw;height:1.5cqw;border-radius:50%;background:#194c2c;box-shadow:inset 0 0 2px #000}
.turn-cues i:nth-child(-n+3){background:#49dc8a;box-shadow:0 0 .4cqw #49dc8a50}
.pit-turn-preview>strong{font-size:3.5cqw;letter-spacing:.02em;font-variant-numeric:tabular-nums;line-height:1.2;margin:.6cqw 0;color:#fff}
.pit-turn-preview>span{font-size:1.1cqw;color:#acbdc9;max-width:100%}
.pit-turn-preview b{font-weight:500;color:#fff}
.pit-turn-preview button{background:#071420;color:#f5f9ff;border:1px solid #209deb;border-radius:.6cqw;font-size:1.05cqw;padding:.7cqw .2cqw;min-height:3cqw;width:100%;cursor:pointer;line-height:1.25}
.pit-turn-preview button:first-of-type{margin-top:auto}
.pit-weather-preview{position:absolute;left:1.56%;top:67.7%;width:18.35%;height:18.5%;background:#071119;border:1px solid #1e3c4f;border-radius:.7cqw;padding:.7cqw 1.1cqw;display:flex;align-items:flex-start;flex-direction:column;gap:.3cqw}
.pit-weather-preview small{font-size:1.2cqw;letter-spacing:.02em}
.pit-weather-preview strong{font-size:2.8cqw;font-weight:500;line-height:1.2}
.pit-weather-preview strong>span{font-size:2cqw;margin-left:2cqw;color:#ffd05d}
.pit-weather-preview>span{font-size:1.1cqw;color:#b2c6d3;white-space:nowrap}
.pit-weather-preview>span:last-child{color:#2baeff}
.pit-demo-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:16px}
.pit-demo-controls>button{min-height:44px;padding:10px 13px;border:1px solid #9ba89f;background:transparent;color:#263e32;font-size:11px;border-radius:3px;cursor:pointer}
.pit-demo-controls>button:hover{background:#dce5db}
.pit-demo-controls>button:focus-visible{outline:3px solid #e30613;outline-offset:3px}
.product-card-visual:has(.device-preview){height:auto;min-height:345px;padding:24px 20px 40px}
.product-card-visual .buddy-bezel{width:260px}
.product-card-visual .screen-choices button{font-size:10px;padding:8px}
.product-detail-visual .device-preview{max-width:650px;margin:auto}
@media(max-width:760px){.device-preview .buddy-bezel{width:300px}.device-stage{padding:24px 15px}.sharp-bezel{border-width:9px}.screen-choices button{font-size:10px;padding:8px}.screen-technology{font-size:8px}}