.real-product-stage{height:520px;position:relative;isolation:isolate}.real-product-stage .orbit{border-color:rgba(38,143,195,.2)}
.real-dashboard{position:absolute;width:570px;height:370px;left:0;top:36px;margin:0;background:#fff;border:7px solid var(--navy);border-radius:20px;box-shadow:0 35px 80px rgba(7,43,92,.25);overflow:hidden;transform:perspective(1200px) rotateY(-3deg)}
.real-dashboard .window-top{height:34px;box-sizing:border-box}.real-dashboard img{display:block;width:100%;height:calc(100% - 34px);object-fit:cover;object-position:left top}
.real-map{position:absolute;z-index:3;left:45px;bottom:4px;width:220px;height:142px;margin:0;background:#fff;border:5px solid #fff;border-radius:14px;box-shadow:0 20px 44px rgba(7,43,92,.22);overflow:hidden}.real-map img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.real-phone{position:absolute;z-index:4;right:-16px;bottom:-2px;width:181px;height:338px;margin:0;border:7px solid var(--navy);border-radius:28px;background:#fff;box-shadow:0 30px 65px rgba(7,43,92,.29);overflow:hidden}.real-phone>span{position:absolute;z-index:2;left:50%;top:0;transform:translateX(-50%);width:68px;height:15px;background:var(--navy);border-radius:0 0 10px 10px}.real-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.chip-real{left:-18px;top:5px}
@media(max-width:1100px){.real-product-stage{transform:scale(.84);transform-origin:left center;width:118%}}
@media(max-width:860px){.real-product-stage{width:100%;transform:none;max-width:650px;margin:0 auto}.real-dashboard{left:4%;width:84%}.real-phone{right:1%}.real-map{left:8%}}
@media(max-width:560px){.real-product-stage{height:390px}.real-dashboard{top:30px;width:94%;height:265px;left:1%;border-width:5px}.real-dashboard img{height:calc(100% - 34px)}.real-phone{width:126px;height:245px;right:0;bottom:0;border-width:5px}.real-map{width:150px;height:100px;left:5%;bottom:6px}.chip-real{left:0;top:0;transform:scale(.82);transform-origin:left top}}