/* One product scene: a web monitor, standing iPad and a foreground recording phone. */
.product-hero .connected-hero-stage{container-type:inline-size;aspect-ratio:1.46;height:auto;margin-top:56px;background:radial-gradient(ellipse at 56% 52%,#556d3424 0,transparent 65%)}
.connected-hero-stage:before{content:"";position:absolute;z-index:-2;inset:48% -9% -2%;background:radial-gradient(ellipse at 50% 80%,#42553b28 0,transparent 65%);border-radius:50%;pointer-events:none}
.connected-hero-stage:after{content:"";position:absolute;z-index:-1;left:3%;right:1%;top:64%;height:19%;border-radius:50%;background:radial-gradient(ellipse,#0008 0,#0003 38%,transparent 72%);filter:blur(1.1cqw);transform:rotate(-2deg);pointer-events:none}
.hero-workstation{position:absolute;left:0;top:3.4%;width:65%;z-index:1;transform:perspective(2200px) rotateY(4deg) rotateZ(-.7deg);transform-origin:50% 100%;filter:drop-shadow(1cqw 2cqw 1.6cqw #0006)}
.product-hero .connected-hero-stage .connected-hero-desktop{position:relative;left:auto;top:auto;width:100%;box-sizing:border-box;padding:1.2% 1.2% 2.1%;border:.12cqw solid #687269;border-radius:1.6cqw;background:linear-gradient(130deg,#515a53 0,#171c19 17%,#080b09 55%,#303a32 100%);box-shadow:inset 0 .16cqw .12cqw #d9e3d133,inset -.2cqw -.2cqw .2cqw #0009,0 .28cqw .1cqw #030604;transform:none;overflow:hidden}
.connected-hero-stage .connected-hero-desktop .product-screen{border-radius:.7cqw;aspect-ratio:1.6;box-shadow:0 0 0 .12cqw #000;background:#101713}
.connected-hero-stage .connected-hero-desktop:after{width:1.4cqw;height:.18cqw;bottom:.45cqw;left:calc(50% - .7cqw);background:#5f6d60}
.hero-monitor-stand{position:relative;height:6.2cqw;width:27%;margin:0 auto;background:linear-gradient(90deg,transparent 28%,#3b453d 29%,#687168 48%,#3c483f 69%,transparent 70%);clip-path:polygon(29% 0,70% 0,74% 82%,100% 92%,100% 98%,0 98%,0 92%,25% 82%);box-shadow:inset 0 .8cqw .7cqw #0009}
.hero-monitor-stand:after{content:"";position:absolute;left:0;right:0;bottom:0;height:.65cqw;background:linear-gradient(#748073,#3c483e 40%,#17211b);border-radius:60% 60% 20% 20%;box-shadow:0 .25cqw .2cqw #0008}
.hero-tablet-rig{position:absolute;right:.2%;top:7%;width:32%;z-index:2;transform:perspective(1800px) rotateY(-8deg) rotateZ(2deg);transform-origin:50% 100%;filter:drop-shadow(1.1cqw 1.4cqw 1.1cqw #0009)}
.product-hero .connected-hero-stage .hero-tablet-rig .connected-hero-tablet{position:relative;top:auto;right:auto;width:100%;transform:none}
.product-hero .connected-hero-stage .connected-hero-camera{width:46%;left:32%;bottom:2.2%;aspect-ratio:2.13;transform:perspective(1600px) rotateY(-3deg) rotateZ(-5deg);transform-origin:50% 80%;filter:drop-shadow(.8cqw 1.2cqw .65cqw #000a);z-index:3}
.connected-hero-camera .camera-hardware-frame{inset:0;padding:.65%;border:.27cqw solid #6e776e;border-radius:8% / 18%;background:linear-gradient(140deg,#505951,#080c09 23%,#121a14 76%,#667163);box-shadow:inset 0 .12cqw .1cqw #e9f0e54d,inset 0 0 0 .4cqw #000,0 .32cqw 0 #101a12,0 .47cqw 0 #505d50}
.connected-hero-camera .camera-native-screen{border-radius:7.4% / 17%}
.product-hero .hero-device-label{font-size:9px;letter-spacing:.12em;color:#a7b5a1;font-weight:500}
.product-hero .hero-desktop-label{left:1%;top:0}
.product-hero .hero-tablet-label{right:4%;top:3.3%}
.product-hero .hero-camera-label{left:34%;bottom:0}
@media(max-width:800px){.product-hero .connected-hero-stage{aspect-ratio:1.34;margin-top:43px}.hero-workstation{width:67%;top:5%}.hero-tablet-rig{width:34%;right:-1%;top:9%}.product-hero .connected-hero-stage .connected-hero-camera{width:56%;left:22%;bottom:3%}.product-hero .hero-device-label{font-size:7px}.product-hero .hero-camera-label{left:25%;bottom:0}.product-hero .hero-desktop-label{top:1%}.product-hero .hero-tablet-label{right:1%;top:5%}}
@media(max-width:600px){.product-hero .connected-hero-stage{aspect-ratio:1.05;margin-top:38px}.hero-workstation{width:76%;left:0;top:7%;transform:perspective(1200px) rotateY(3deg) rotateZ(-1deg)}.hero-tablet-rig{width:38%;right:-1%;top:15%;transform:perspective(1200px) rotateY(-5deg) rotateZ(2deg)}.product-hero .connected-hero-stage .connected-hero-camera{width:74%;left:6%;bottom:4%;transform:rotate(-4deg)}.product-hero .hero-device-label{font-size:6px;letter-spacing:.07em}.product-hero .hero-desktop-label{top:2%;left:1%}.product-hero .hero-tablet-label{top:11%;right:0}.product-hero .hero-camera-label{left:10%;bottom:1%}.hero-monitor-stand{height:8cqw}.connected-hero-stage:after{top:67%;height:23%}}
@media(max-width:600px){.hero-workstation{width:66%;top:7%}.hero-tablet-rig{width:33%;top:8%;right:0}.product-hero .hero-tablet-label{top:3%;right:0}.product-hero .hero-desktop-label{top:2%}}
.product-hero{overflow:clip}

/* Restore the owner's compact overlap reference while retaining the current screens. */
.product-hero .connected-hero-stage{aspect-ratio:1.8;margin-top:48px}
.hero-workstation{width:62%;top:6%;left:0;transform:perspective(2200px) rotateY(3deg) rotateZ(-.3deg)}
.hero-monitor-stand{display:none}
.hero-tablet-rig{width:34%;right:0;top:0;transform:perspective(1800px) rotateY(-5deg) rotateZ(2deg)}
.product-hero .connected-hero-stage .connected-hero-camera{width:55%;left:25%;bottom:3%;transform:perspective(1800px) rotateY(-2deg) rotateZ(-3deg)}
.product-hero .hero-desktop-label{top:1%;left:1%}
.product-hero .hero-tablet-label{top:-4%;right:4%}
.product-hero .hero-camera-label{bottom:.5%;left:29%}
.connected-hero-stage:after{top:69%;height:27%;left:12%;right:7%}
@media(max-width:800px){.product-hero .connected-hero-stage{aspect-ratio:1.5}.hero-workstation{width:64%;top:6%}.hero-tablet-rig{width:34%;top:0;right:0}.product-hero .connected-hero-stage .connected-hero-camera{width:65%;left:19%;bottom:3%}.product-hero .hero-camera-label{left:23%;bottom:0}}
@media(max-width:600px){.product-hero .connected-hero-stage{aspect-ratio:1.12;margin-top:44px}.hero-workstation{width:68%;top:6%;left:0}.hero-tablet-rig{width:38%;top:0;right:-1%}.product-hero .connected-hero-stage .connected-hero-camera{width:84%;left:7%;bottom:3%}.product-hero .hero-desktop-label{top:1%;left:1%}.product-hero .hero-tablet-label{top:-4%;right:0}.product-hero .hero-camera-label{left:13%;bottom:0}}