/* Three-quarter desktop view: left edge forward, right edge receding. */
.product-stage{perspective:1300px}.monitor{background:#10171f;transform:translateY(-2px) rotateZ(-2.4deg) rotateY(-10deg);transform-origin:center center;box-shadow:18px 18px 0 #091018,0 27px 34px rgba(20,37,58,.25)}.monitor:before{content:"";position:absolute;z-index:-1;right:-13px;left:auto;top:13px;width:18px;height:322px;background:#080e15;transform:skewY(12deg);border-radius:0 4px 4px 0}.monitor-stand{position:absolute;z-index:0;left:50%;bottom:12px;width:50px;height:76px;background:linear-gradient(90deg,#939da6,#e6e8e8 52%,#929ba4);transform:translateX(-50%);clip-path:polygon(23% 0,77% 0,100% 100%,0 100%)}.monitor-stand:before{display:none}.monitor-stand:after{content:"";position:absolute;width:180px;height:9px;background:linear-gradient(90deg,#a2aab1,#eff1f1,#9fa8af);border-radius:50%;left:-65px;bottom:-5px;box-shadow:0 7px 12px rgba(18,38,57,.14)}.desk-keyboard{position:absolute;z-index:1;bottom:0;left:56%;width:195px;height:13px;border-radius:4px 4px 9px 9px;background:repeating-linear-gradient(90deg,#d8dde0 0 8px,#f8f9f9 8px 10px),linear-gradient(#fff,#cdd3d6);box-shadow:0 8px 12px rgba(18,38,57,.12);transform:translateX(-50%) skewX(18deg) rotate(-2deg)}.desk-mouse{position:absolute;z-index:1;bottom:1px;left:83%;width:28px;height:15px;border-radius:50% 50% 45% 45%;background:linear-gradient(120deg,#fff,#cbd1d5);box-shadow:0 6px 10px rgba(18,38,57,.12);transform:rotate(-16deg)}@media(max-width:680px){.monitor{transform:rotateZ(-2deg) rotateY(-8deg)}.monitor:before{height:214px}.monitor-stand{transform:translateX(-50%) scale(.68);bottom:-5px}.desk-keyboard,.desk-mouse{display:none}}