/* One phone, one projection plane. All geometry scales from the same device box. */
body .device-shell.device-shell{
 position:relative;display:block;width:100%;aspect-ratio:1400/2948;padding:0;border-radius:14% / 6.65%;
 container-type:inline-size;transform-style:flat;backface-visibility:hidden;
 background:linear-gradient(110deg,#b6bac0 0%,#737a83 5%,#20252c 12%,#a8afb9 43%,#373d46 72%,#b6bec9 100%);
 box-shadow:0 24px 38px -17px #1b253648,inset 0 0 0 1px #bfc6ce,0 0 0 1px #333a44;
}
body .device-shell.device-shell:before,body .device-shell.device-shell:after{width:2px;background:linear-gradient(90deg,#303741,#9ba3ad);right:-2px;top:26%;height:10%;border-radius:2px}
body .device-shell.device-shell:after{left:-2px;right:auto;top:23%;height:6%;box-shadow:0 34px 0 #737d87}
body .device-shell .device-display{
 position:absolute;inset:1.356852% 2.857143%;width:auto;height:auto;padding:0;border:0;
 aspect-ratio:1320/2868;border-radius:12.9% / 5.94%;overflow:hidden;background:#fff;
 box-shadow:0 0 0 2px #101317;transform:none;
}
body .device-shell .device-app{position:absolute;left:0;right:0;top:9.4%;width:100%;height:auto;aspect-ratio:758/1419;overflow:hidden}
body .device-shell .screen-crop{display:block;width:100%;aspect-ratio:758/1419;overflow:hidden;background:#fff;border-radius:5.28% / 2.82%;transform:none;mask-image:linear-gradient(transparent,#000 1.8%,#000 98.5%,transparent)}
body .device-shell .screen-crop img{position:absolute;max-width:none;width:104.221636%;height:auto;left:-2.110818%;top:-5.426357%;transform:none;object-fit:contain}
body .device-shell .device-status{position:absolute;inset:0 0 auto;height:9.4%;font:650 3.2cqw/1 Arial,sans-serif;color:#101318;z-index:6}
body .device-shell .device-time{left:9%;top:43%}
body .device-shell .dynamic-island{left:35.5%;top:22%;width:29%;height:39%;border-radius:50px;background:#090b0e;box-shadow:none}
body .device-shell .dynamic-island:after{width:7%;top:30%;right:11%;background:radial-gradient(#122638,#080b0f);box-shadow:none}
body .device-shell .device-status-icons{right:8.5%;top:43%;gap:1.4cqw}
body .device-shell .device-bars{height:2.5cqw;gap:.45cqw}
body .device-shell .device-bars i{width:.7cqw;border-radius:.3cqw;background:#15191e}
body .device-shell .device-bars i:nth-child(1){height:35%}body .device-shell .device-bars i:nth-child(2){height:55%}body .device-shell .device-bars i:nth-child(3){height:76%}body .device-shell .device-bars i:nth-child(4){height:100%}
body .device-shell .device-battery{width:5.5cqw;height:2.6cqw;border:.4cqw solid #454c55;border-radius:.6cqw}
body .device-shell .device-battery:before{inset:.3cqw;background:#15191e}body .device-shell .device-battery:after{right:-1cqw;top:.6cqw;width:.4cqw;height:1cqw;background:#454c55}
body .device-shell .device-home{left:33%;width:34%;height:.42%;bottom:1.5%;border-radius:5px;background:#11151c;z-index:7}
body .reel-phone.is-home .device-status{color:#fff}body .reel-phone.is-home .device-bars i,body .reel-phone.is-home .device-battery:before,body .reel-phone.is-home .device-home{background:#fff}body .reel-phone.is-home .device-battery{border-color:#fff}
/* The commercial is an open part of the hero, without a video-player card. */
.showreel{max-width:none;width:100%;margin:34px 0 0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible;scroll-margin-top:15px;text-align:left}
.showreel:focus-within{border:0}.reel-stage{width:100%;height:clamp(610px,56vw,790px);aspect-ratio:auto;background:transparent;overflow:clip;isolation:isolate;container-type:inline-size;perspective:none}
.ad-scene{inset:0;overflow:clip;background:transparent}
.ad-launch{background:transparent}.ad-launch-ring{border-color:#dee3ea;box-shadow:0 0 0 50px #e9edf344,0 0 0 100px #e9edf322;width:49%;right:5%;top:7%}.ad-launch-word{color:#e8ecf2;z-index:-1;bottom:-8%}.ad-launch-copy{left:9%;top:13%}.ad-launch-copy h2{font-size:clamp(62px,7.8cqw,110px)}.ad-launch-copy .ad-kicker{font-size:9px}.ad-launch-copy p{font-size:14px}.reel-phone{width:23%;left:70%;top:51%;max-width:310px;container-type:normal}
.ad-montage{background:transparent;mask-image:linear-gradient(transparent,#000 9% 89%,transparent)}.ad-screen-wall{width:88%;gap:35px;left:54%;top:47%;}.ad-wall-screen{filter:none}.ad-wall-screen .device-shell{background:linear-gradient(110deg,#a9afb7,#20252c 12%,#a8afb9 43%,#373d46 72%,#b6bec9);padding:0}.ad-wall-screen .device-shell:before,.ad-wall-screen .device-shell:after{display:block}.ad-montage-title{left:7%;bottom:13%;padding:22px 28px;background:#f37521;border:0;border-radius:0;box-shadow:none}.ad-montage-title h2{font-size:clamp(35px,4.5cqw,66px)}.ad-scene-label{right:8%;bottom:7%;background:transparent;color:#4e5968}
.ad-schedule{background:transparent}.ad-scene-heading{top:5%}.ad-scene-heading h2{font-size:clamp(36px,4.8cqw,65px)}.ad-scene-heading .ad-kicker{font-size:9px}.ad-lineup{inset:36% 17% auto}.ad-lineup .ad-device{width:30%;top:8%}.lineup-left{left:1%;rotate:none}.lineup-center{left:35%}.lineup-right{left:69%;rotate:none}
.ad-connect{background:transparent}.ad-connect-copy{position:absolute;left:8%;top:24%;width:35%;z-index:3}.ad-connect-copy .ad-kicker{color:#727f91;font-size:9px;margin-bottom:24px}.ad-connect-copy h2{font-size:clamp(40px,5.5cqw,78px);line-height:.97}.ad-connect-copy p{font-size:14px;color:#68758a;line-height:1.6;margin-top:26px}.ad-connect-devices{position:absolute;inset:0}.ad-chat-phone,.ad-update-phone{position:absolute;width:22%;max-width:295px;top:10%;left:48%;transform:rotate(-7deg)}.ad-update-phone{left:73%;top:14%;transform:rotate(7deg)}
.ad-matching{background:transparent;color:#11151c}.ad-match-type{color:#e7ebf1;-webkit-text-stroke:0;z-index:-1}.ad-match-heading{left:9%;top:9%}.ad-match-heading .ad-kicker{color:#657287}.ad-match-heading h2{font-size:clamp(40px,5.2cqw,68px)}.ad-match-heading h2 em{color:#ed6c15}.ad-match-graphic{width:60%;right:7%;height:51%;top:38%}.ad-match-track{border-color:#cbd4e0;box-shadow:0 0 0 35px #e6ebf533}.ad-team b{box-shadow:0 10px 22px #2a344e16}.ad-team-two b{background:#11151c;color:#fff}.ad-team span{color:#2c3748}.ad-team small{color:#718098}.ad-match-pill{color:#99501e;border-color:#f3752166}.ad-match-footer{left:9%;bottom:10%}.ad-match-footer a{color:#1d293a}.ad-match-footer p{color:#6c7a8e}
.ad-finale{background:transparent}.ad-final-copy{left:9%;top:16%}.ad-final-copy h2{font-size:clamp(40px,6cqw,85px)}.ad-final-lineup .ad-device{width:22%;top:33%;max-width:300px}.final-left{left:51%}.final-center{left:67%;top:13%!important}.final-right{left:83%;top:38%!important}.ad-final-watermark{color:#e6ebf2;left:7%;bottom:0;font-size:16cqw}.ad-transition{background:#f37521}
/* Small page controls retain accessibility without a player frame or timeline. */
.motion-navigation{display:flex;justify-content:center;align-items:center;gap:35px;position:relative;margin:25px auto 0;padding:0 6%;max-width:1050px}.reel-chapters{display:flex;gap:26px;margin:0}.reel-chapters button{position:relative;border:0;background:transparent;color:#8b95a4;font-size:11px;font-weight:550;min-height:40px;padding:7px 0;display:block;white-space:nowrap}.reel-chapters button[aria-pressed=true]{color:#11151c;border:0}.reel-chapters button:after{content:'';position:absolute;height:2px;left:0;right:0;bottom:2px;background:var(--orange);transform:scaleX(0);transform-origin:left}.reel-chapters button[aria-pressed=true]:after{transform:scaleX(1)}.motion-actions{display:flex;gap:7px}.motion-actions button{width:35px;height:35px;border:1px solid #d9dfe7;background:transparent;color:#536075;border-radius:50%;font-size:13px}.motion-actions button:hover{color:#dd620d;border-color:#dd620d}.motion-disclosure{text-align:center;font-size:9px;color:#8994a5;margin-top:13px}.hero{padding-bottom:80px}.hero-base{bottom:16px}.hero-base>span,.hero-base>a{opacity:.7}
@media(min-width:1600px){.reel-stage{max-width:1500px;margin:auto}.showreel{margin-top:45px}}
@media(max-width:760px){
 .showreel{margin:28px 0 0;border:0;border-radius:0}.reel-stage{height:640px;min-height:0;aspect-ratio:auto}.ad-launch-copy{left:8%;top:5%}.ad-launch-copy .ad-kicker{font-size:7px;margin-bottom:17px}.ad-launch-copy h2{font-size:49px;line-height:.91}.ad-launch-copy p{font-size:12px;margin-top:15px}.ad-tap-hint{font-size:9px;margin-top:10px}.reel-phone{width:49%;left:62%;top:64%;max-width:205px}.ad-launch-ring{width:100%;right:-20%;top:34%}.ad-launch-word{font-size:57cqw;bottom:2%}.ad-screen-wall{width:150%;gap:22px;left:53%;top:43%}.ad-montage-title{left:7%;bottom:13%;right:auto;padding:24px 27px}.ad-montage-title h2{font-size:34px}.ad-montage-title .ad-kicker{font-size:7px}.ad-scene-label{font-size:6px;right:7%;bottom:7%}.ad-scene-heading{top:9%;left:5%;right:5%}.ad-scene-heading h2{font-size:37px}.ad-scene-heading .ad-kicker{font-size:7px}.ad-lineup{inset:40% -7% auto;height:100%}.ad-lineup .ad-device{width:36%;top:9%}.lineup-left{left:0}.lineup-center{left:32%}.lineup-right{left:64%}.ad-connect-copy{left:8%;top:7%;width:85%}.ad-connect-copy .ad-kicker{font-size:7px;margin-bottom:20px}.ad-connect-copy h2{font-size:42px}.ad-connect-copy p{font-size:12px;line-height:1.5;margin-top:17px}.ad-chat-phone,.ad-update-phone{width:40%;max-width:160px;top:41%;left:calc(50% - min(44%,180px))}.ad-update-phone{top:46%;left:calc(50% + min(3%,15px))}.ad-match-heading{left:8%;top:9%;right:4%}.ad-match-heading h2{font-size:37px}.ad-match-heading .ad-kicker{font-size:7px}.ad-match-type{font-size:47cqw;top:37%;right:-2%}.ad-match-graphic{width:98%;right:1%;height:39%;top:37%}.ad-team b{width:66px;font-size:41px}.ad-team span{font-size:7px}.ad-team small{font-size:8px}.ad-match-pill{font-size:6px}.ad-match-footer{left:8%;bottom:12%;max-width:84%}.ad-match-footer a{font-size:12px}.ad-match-footer p{font-size:9px}.ad-final-copy{left:8%;top:8%}.ad-final-copy h2{font-size:46px}.ad-final-copy .ad-kicker{font-size:7px}.ad-final-copy .button{font-size:12px;margin-top:23px}.ad-final-lineup .ad-device{width:42%;top:64%}.final-left{left:5%}.final-center{left:40%;top:54%!important}.final-right{left:76%;top:66%!important}.ad-final-watermark{font-size:31cqw;bottom:22%}.motion-navigation{gap:15px;justify-content:space-between;padding:0 7%;margin-top:13px;flex-wrap:wrap}.reel-chapters{gap:19px;justify-content:center;width:100%}.reel-chapters button{font-size:10px;min-height:39px}.motion-actions{margin:0 auto}.motion-actions button{width:37px;height:37px}.motion-disclosure{font-size:8px;margin-top:13px}.hero{padding-bottom:80px}
}
@media(max-width:360px){.reel-stage{height:590px}.ad-launch-copy h2{font-size:43px}.reel-phone{width:52%;left:62%;top:68%}.ad-montage-title{padding:22px}.ad-montage-title h2{font-size:30px}.ad-scene-heading h2{font-size:32px}.ad-connect-copy h2{font-size:37px}.ad-connect-copy p{font-size:11px}.ad-chat-phone,.ad-update-phone{top:43%}.ad-update-phone{top:49%}.ad-match-heading h2{font-size:32px}.ad-final-copy h2{font-size:40px}.ad-final-lineup .ad-device{top:68%}.final-center{top:60%!important}.final-right{top:72%!important}.reel-chapters{gap:15px}.reel-chapters button{font-size:9px}}
