.device-product-gallery{width:100%}.paired-scene{position:relative;height:490px;isolation:isolate;background:#fff;min-width:0}.paired-scene>img{position:absolute;display:block;height:auto;object-fit:contain}.paired-scene .scene-tablet{width:92%;right:-2%;top:5px;filter:drop-shadow(0 18px 20px #1420171a)}.paired-scene .scene-camera{width:65%;left:-3%;bottom:22px;z-index:2;filter:drop-shadow(0 16px 20px #14201726)}.scene-pair-label{position:absolute;bottom:6px;right:5%;font-size:9px;letter-spacing:.12em;color:#627559}.paired-scene-stats .scene-tablet{width:93%;top:0}.paired-scene-stats .scene-camera{width:58%;bottom:0}.paired-scene-review .scene-tablet{width:91%;top:25px;right:-1%}.scene-review-phone{position:absolute;width:22%;left:-1%;bottom:8px;z-index:2;transform:rotate(-3deg)}.record-only-feature{display:grid;grid-template-columns:340px minmax(0,1fr);gap:60px;align-items:center;padding-top:95px;padding-bottom:25px}.record-only-feature h2{font-size:clamp(35px,4vw,56px);line-height:1.1;letter-spacing:-.055em;margin:16px 0 25px}.record-only-feature>div>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#afc2b4}.record-only-feature ol{padding-left:20px;font-size:14px;line-height:1.8;color:#b6c9b7}.record-only-feature li{padding-left:5px;margin:10px 0}.record-only-feature li strong{color:#edf5e7}.record-only-feature .fine{font-size:11px!important}.record-only-feature figure{margin:0;min-width:0;background:#fff;border-radius:25px;overflow:hidden}.record-only-feature figure img{display:block;width:100%;height:auto}.record-only-feature figcaption{color:#61735f;text-align:center;font-size:10px;line-height:1.6;margin:0 15px 17px}.path-node b{white-space:normal}.ai-path .path-node b{white-space:normal}
@media(min-width:1400px){.paired-scene{height:540px}}
@media(max-width:1150px){.paired-scene{height:430px}.paired-scene .scene-camera{bottom:35px}.paired-scene-stats .scene-camera{bottom:12px}.scene-review-phone{bottom:10px}.record-only-feature{grid-template-columns:300px minmax(0,1fr);gap:35px}}
@media(max-width:900px){.paired-scene{height:530px;max-width:700px;margin:auto}.paired-scene .scene-camera{bottom:25px}.paired-scene-stats .scene-camera{bottom:0}.paired-scene-review .scene-tablet{top:10px}.record-only-feature{grid-template-columns:1fr;gap:28px;padding-top:65px}.record-only-feature>div{max-width:650px}.record-only-feature figure{max-width:800px}.record-only-feature ol{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.path-node b{font-size:12px}}
@media(max-width:650px){.paired-scene{height:345px}.paired-scene .scene-tablet{width:100%;right:-2%;top:5px}.paired-scene .scene-camera{width:73%;left:-3%;bottom:15px}.paired-scene-stats .scene-camera{width:66%;bottom:0}.paired-scene-review .scene-tablet{width:98%;top:20px}.scene-review-phone{width:24%;left:-2%;bottom:3px}.scene-pair-label{font-size:8px;bottom:0}.record-only-feature{padding-top:50px;padding-bottom:0}.record-only-feature h2{font-size:42px}.record-only-feature>div>p:not(.eyebrow){font-size:15px}.record-only-feature ol{display:block}.record-only-feature figcaption{font-size:11px}.path-node b{font-size:10px}}
@media(max-width:400px){.paired-scene{height:280px}.paired-scene .scene-camera{bottom:5px}.scene-review-phone{bottom:0}}

.paired-scene-connect .scene-tablet-portrait{width:52%;right:1%;top:0}@media(max-width:650px){.paired-scene-connect .scene-tablet-portrait{width:53%;right:0;top:0}}

/* One shared match frame and score state across the connected-device examples. */
.camera-screen-mock,.court-screen-mock,.replay-screen-mock{position:relative;container-type:inline-size;isolation:isolate}
.mock-device-base{display:block;width:100%;height:auto}
.paired-scene>.camera-screen-mock,.paired-scene>.court-screen-mock,.paired-scene>.replay-screen-mock{position:absolute}
.camera-match-view{position:absolute;left:3.2%;top:20.2%;width:93.5%;height:69.5%;overflow:hidden;border-radius:0 0 5.4cqw 5.4cqw;color:white;font-family:Arial,sans-serif}
.shared-match-photo{display:block;width:100%;height:100%;object-fit:contain;background:#030805}
.camera-match-view>.shared-match-photo{position:absolute;inset:0}
.mock-recording-status{position:absolute;top:2.4%;left:39.3%;width:22%;padding:.7cqw .4cqw;text-align:center;background:#111b19d9;border-radius:1.2cqw;display:grid;gap:.35cqw;line-height:1.2}
.mock-recording-status b{font-size:1.45cqw}.mock-recording-status span{font-size:1.25cqw}.mock-recording-status small{font-size:.98cqw;white-space:nowrap}.mock-recording-status em{font-style:normal;color:#d3f82c}
.mock-score{position:absolute;top:29.2%;width:8.5%;height:28%;background:#263f26ed;border-radius:1.7cqw;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.12}
.mock-score-opponent{left:10.1%}.mock-score-us{left:24.5%}.mock-score small{font-size:1.18cqw}.mock-score span{font-size:1.3cqw}.mock-score b{font-size:3.5cqw;line-height:1.22;color:#d4fb26}.mock-score span:last-child{font-size:1.9cqw}
.mock-switch{position:absolute;left:20.2%;top:40%;font-size:2.3cqw}.mock-undo{position:absolute;left:17%;top:59%;padding:.35cqw 1cqw;background:#222b20bd;border-radius:2cqw;font-size:1.3cqw;line-height:1.1}
.mock-record{position:absolute;right:9.5%;top:33%;width:13%;aspect-ratio:1;border-radius:50%;background:#252829eb;text-align:center;font-size:1.55cqw;font-weight:600;line-height:1.3;display:flex;flex-direction:column;justify-content:center;color:#bec3b9}.mock-record>span{font-size:2.7cqw;color:#090f0c;line-height:1.2}
.mock-camera-tools{position:absolute;bottom:11.1%;left:11.3%;right:11.5%;display:flex;align-items:center;justify-content:space-between;gap:2%;font-size:1.3cqw;font-weight:600;line-height:1.15;text-align:center}.mock-camera-tools>span,.mock-session-tools>span{background:#304000f2;border-radius:3cqw;padding:.65cqw 1.25cqw;white-space:nowrap}.mock-session-tools{position:absolute;bottom:1.7%;left:11%;display:flex;gap:3.8cqw;font-size:1.3cqw;font-weight:600;line-height:1.2}
.court-match-view{position:absolute;left:63.6%;top:32.1%;width:24.7%;height:13%;overflow:hidden;border-radius:.55cqw}.court-match-view>span{position:absolute;left:3%;bottom:3%;font-size:1.55cqw;background:#233326c9;color:#fff;padding:.4cqw .8cqw;border-radius:1cqw;line-height:1.2}
.replay-match-view{position:absolute;left:5.2%;top:16.3%;width:88.5%;height:67.8%;overflow:hidden;border-radius:1.2cqw}
.record-only-feature .camera-screen-mock{width:100%}

.editor-screen-mock{position:relative}.editor-match-view{position:absolute;left:4%;top:15.1%;width:92%;height:19.45%;overflow:hidden;border-radius:3.4%}
.record-only-feature .camera-match-view>.shared-match-photo{width:100%;height:100%;object-fit:contain}
/* Clip each full-frame screenshot to the hardware silhouette, so its white
   export canvas cannot cover a neighboring device. Keep the UI layers intact. */
.camera-screen-mock{clip-path:inset(7.6% 1.7% 7.6% 1.7% round 7.5% / 16%)}
.court-screen-mock{clip-path:inset(1% 4.6% 2.5% 4.6% round 9% / 7%)}
.replay-screen-mock{clip-path:inset(.5% 1.2% 2.1% .5% round 7% / 9.4%)}
.paired-scene-stats>.scene-tablet{clip-path:inset(1.2% 1.7% 2.6% 1.1% round 7% / 10%)}
@media(min-width:1400px){.paired-scene-connect{height:630px}}

.apps-product-section .device-section-label{font-size:22px;letter-spacing:-.03em;text-transform:none;font-weight:700;margin-bottom:20px}.apps-product-section .product-section-heading{max-width:1040px}