.connected-hero-stage{position:relative;isolation:isolate;max-width:1260px;height:690px;margin-top:42px;background:radial-gradient(ellipse at 59% 63%,#536b2526,transparent 65%)}.connected-hero-stage .connected-hero-desktop{position:absolute;left:0;top:40px;width:62%;transform:perspective(1800px) rotateY(3deg);z-index:1;box-shadow:0 25px 70px #0004}.connected-hero-stage .connected-hero-tablet{position:absolute;right:1%;top:0;width:34%;z-index:2;transform:rotate(2deg)}.connected-hero-stage .connected-hero-camera{position:absolute;width:58%;left:30%;bottom:15px;z-index:3;transform:rotate(-3deg)}.hero-device-label{position:absolute;z-index:4;color:#b8cdac;font:600 9px/1.5 Manrope,system-ui,sans-serif;letter-spacing:.13em}.hero-desktop-label{left:2%;top:12px}.hero-tablet-label{right:7%;top:-22px}.hero-camera-label{left:35%;bottom:16px}.hero-connection-flow{display:flex;align-items:center;justify-content:center;gap:25px;margin:10px auto 22px;max-width:800px;padding:20px 35px;border-top:1px solid #3c5138;border-bottom:1px solid #3c5138;box-sizing:border-box}.hero-connection-flow>span{text-align:center;flex:1}.hero-connection-flow b{font-size:20px;letter-spacing:-.04em;color:#edf4e6}.hero-connection-flow span small{display:block;font-size:11px;color:#a0b69f;margin-top:5px}.hero-connection-flow>i{font-style:normal;text-align:center;color:#d2f53c;font-size:29px;line-height:1}.hero-connection-flow i small{display:block;font-size:8px;letter-spacing:.14em;line-height:2.2;white-space:nowrap}.product-hero .product-hero-caption{margin-bottom:35px;max-width:760px}.court-state-score,.stats-state-score{position:absolute;background:#192d1e;color:#f6f7f0;font-family:Arial,sans-serif;line-height:1.2;text-align:center;font-weight:600;display:flex;align-items:center;justify-content:center}.court-state-score{top:16.25%;width:6%;height:2.75%;font-size:2.95cqw}.court-state-us{left:18.4%}.court-state-opponent{left:59.4%}.court-state-set{position:absolute;left:46.8%;top:15.15%;width:7.5%;height:1.4%;background:#192d1e;color:#d2f53c;font:600 1.1cqw/1.2 Arial,sans-serif;text-align:center;display:flex;align-items:center;justify-content:center}.stats-screen-mock{position:absolute;container-type:inline-size;clip-path:inset(1.2% 1.7% 2.6% 1.1% round 7% / 10%)}.stats-state-score{top:22.1%;width:5.5%;height:4.2%;font-size:2.8cqw}.stats-state-us{left:17.6%}.stats-state-opponent{left:63.8%}.stats-state-set{position:absolute;left:46.5%;top:20.9%;width:7%;height:1.5%;background:#192d1e;color:#d2f53c;font:600 .85cqw/1.2 Arial,sans-serif;text-align:center;display:flex;align-items:center;justify-content:center}
@media(max-width:1200px){.connected-hero-stage{height:610px}.connected-hero-stage .connected-hero-camera{bottom:22px}}
@media(max-width:1000px){.connected-hero-stage{height:520px}.hero-connection-flow{gap:19px}.connected-hero-stage .connected-hero-desktop{top:32px}.hero-desktop-label{top:8px}.hero-device-label{font-size:8px}}
@media(max-width:800px){.connected-hero-stage{height:465px}.connected-hero-stage .connected-hero-desktop{width:66%;left:0;top:28px}.connected-hero-stage .connected-hero-tablet{width:37%;right:0}.connected-hero-stage .connected-hero-camera{width:69%;left:12%;bottom:3px}.hero-camera-label{left:18%;bottom:0}.hero-tablet-label{right:3%}.hero-connection-flow{gap:15px;margin-top:15px;padding:18px 10px}.hero-connection-flow b{font-size:18px}.hero-connection-flow span small{font-size:10px}}
@media(max-width:600px){.connected-hero-stage{height:350px;margin-top:45px}.connected-hero-stage .connected-hero-desktop{width:69%;left:-2%;top:35px}.connected-hero-stage .connected-hero-tablet{width:42%;right:-2%;top:0}.connected-hero-stage .connected-hero-camera{width:86%;left:2%;bottom:9px;transform:rotate(-2deg)}.hero-device-label{font-size:6px;letter-spacing:.1em}.hero-tablet-label{right:1%;top:-15px}.hero-desktop-label{left:0;top:18px}.hero-camera-label{left:10%;bottom:12px}.hero-connection-flow{gap:9px;padding:17px 0;margin:5px 20px 18px;width:calc(100% - 40px)}.hero-connection-flow b{font-size:15px}.hero-connection-flow span small{font-size:8px}.hero-connection-flow>i{font-size:23px}.hero-connection-flow i small{font-size:6px}.product-hero .product-hero-caption{font-size:10px;max-width:350px;line-height:1.7}}
@media(max-width:400px){.connected-hero-stage{height:310px}}
.court-state-opponent{left:60.7%;width:7.4%}.court-demo-account{position:absolute;left:13%;top:9.55%;width:44%;height:1.8%;background:#192e1d;color:#d2f53c;font:500 1.4cqw/1.2 Arial,sans-serif;display:flex;align-items:center}.court-demo-game{position:absolute;left:11.4%;top:12.4%;width:43%;height:2.6%;background:#0d1a13;color:#edf4e5;font:600 1.85cqw/1.2 Arial,sans-serif;display:flex;align-items:center}
.device-product-gallery .paired-scene{height:auto;aspect-ratio:1.3}
.court-demo-account{left:11.5%;top:9.2%;width:46%;height:1.9%}
@media(min-width:1001px){.connected-hero-stage .connected-hero-camera{left:24%;width:56%;bottom:0}.hero-camera-label{left:29%;bottom:2px}}