/* Clear typographic hierarchy, plain labels and resolution-aware device artwork. */
:root{--native-phone-width:310px}
.beta-badge,.status-pill{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;color:inherit;font-size:11px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;line-height:1.5}
.beta-badge i{width:22px;height:2px;border-radius:0;box-shadow:none;background:var(--orange)}
.hero .beta-badge{font-size:11px;color:#5a6575;letter-spacing:.13em}.hero-center{padding-top:38px}.hero h1{font-size:clamp(52px,5.8vw,82px);font-weight:700;letter-spacing:-.045em;word-spacing:.02em;line-height:1.04;margin:23px 0}.hero h1 em{letter-spacing:inherit;font-weight:700}.hero-center>p{font-size:16px;line-height:1.65}.hero-actions{margin-top:24px}.product-directions{font-size:12px;gap:25px;margin-top:26px}.product-directions a{gap:9px}.product-directions small{border:0;border-radius:0;background:transparent;padding:0;font-size:8px;letter-spacing:.08em;color:#7b8594}.product-directions>span{font-size:15px}.button{border-radius:5px}
h2{font-size:clamp(34px,4vw,58px);font-weight:650;line-height:1.07;letter-spacing:-.035em;word-spacing:.035em}h3{font-weight:650;letter-spacing:-.025em;line-height:1.15}.eyebrow{font-size:11px;letter-spacing:.12em;line-height:1.5}.section-top .status-pill{font-size:10px;color:#7c8796}.journey-section .section-top .status-pill{color:#b7c1ce}.signup-copy .beta-badge{color:#b9c3d1}.signup-copy h2{font-size:clamp(40px,4.5vw,64px);line-height:1.05;letter-spacing:-.035em}.team-copy h2,.people-head h2,.journey-intro h2,.answers h2{font-size:clamp(34px,4vw,58px);line-height:1.07;letter-spacing:-.035em}
.ad-scene h2{letter-spacing:-.035em;word-spacing:.05em;line-height:1.02;font-weight:720}.ad-launch-copy h2{font-size:clamp(56px,6.6cqw,88px);line-height:.98}.ad-launch-copy .ad-kicker,.ad-kicker{font-size:10px;letter-spacing:.13em}.ad-launch-copy{top:15%}.ad-launch-copy p{font-size:15px}.ad-launch-word{font-size:27cqw;line-height:.9;letter-spacing:-.045em;left:37%;bottom:3%;right:auto}.ad-launch-ring{display:none}.ad-scene-heading h2{font-size:clamp(36px,4.5cqw,62px)}.ad-connect-copy h2{font-size:clamp(38px,5cqw,68px)}.ad-connect-copy{width:38%}.ad-match-heading h2{font-size:clamp(38px,4.8cqw,64px)}.ad-final-copy h2{font-size:clamp(40px,5.5cqw,74px)}.ad-montage-title h2{font-size:clamp(32px,4cqw,56px)}.ad-montage-title{padding:23px 29px}.ad-match-pill{border-radius:0;background:transparent;box-shadow:none}.ad-team b{border-radius:3px;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}
/* Whole phones stay at or below one source pixel per physical screen pixel. */
.reel-phone{max-width:min(310px,var(--native-phone-width));will-change:auto}
.ad-screen-wall{width:min(88%,calc(var(--native-phone-width)*3 + 70px));will-change:auto}
.ad-wall-screen{max-width:var(--native-phone-width)}
.ad-lineup .ad-device{max-width:min(300px,var(--native-phone-width))}
.ad-chat-phone,.ad-update-phone{max-width:min(295px,var(--native-phone-width))}
.ad-final-lineup .ad-device{max-width:min(300px,var(--native-phone-width))}
#hub-panel{max-width:min(300px,var(--native-phone-width))}#screen-dialog-content{max-width:min(270px,var(--native-phone-width))}
body .device-shell .screen-crop img{image-rendering:auto;filter:none;backface-visibility:visible}
.ad-tempo{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:6}.ad-tempo i{display:block;position:absolute;height:3px;width:130%;left:-15%;top:25%;background:linear-gradient(90deg,transparent 10%,#f37521 40% 75%,transparent 90%)}.ad-tempo i:nth-child(2){top:51%;height:8px;left:-35%;width:100%;background:linear-gradient(90deg,transparent,#182332 40% 75%,transparent)}.ad-tempo i:nth-child(3){top:77%;height:2px;left:5%;background:linear-gradient(90deg,transparent,#f37521 35% 75%,transparent)}
.ad-zoom-mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4%;background:var(--orange);z-index:12;opacity:0;pointer-events:none;transform-origin:70% 51%}.ad-zoom-mark img{width:17%;filter:brightness(0)}.ad-zoom-mark span{font-size:clamp(40px,9cqw,135px);font-weight:800;line-height:1;letter-spacing:-.04em;color:#11151c}.ad-transition{background:var(--orange)}
.motion-actions button{border:0;border-bottom:1px solid #c5cdd9;border-radius:0;width:auto;min-width:50px;height:35px;padding:5px 8px;font-size:10px;font-weight:600;background:transparent}.hero-base button{border:0;border-radius:0;background:transparent;padding:8px 0}.motion-disclosure{font-size:9px}.reel-chapters button{font-size:11px;letter-spacing:.015em}.sports-strip>span{font-size:10px;letter-spacing:.14em}.sports-strip>div{font-size:20px;font-weight:650}.sports-strip i{font-size:20px}
/* A concise entrance gives the headline its own opening beat. */
@keyframes headline-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.hero h1{animation:headline-enter .7s cubic-bezier(.16,1,.3,1) both}.hero-center>p,.hero-actions{animation:headline-enter .7s .13s cubic-bezier(.16,1,.3,1) both}}
@media(max-width:760px){
 .hero-center{padding-top:31px}.hero .beta-badge{font-size:9px;letter-spacing:.11em}.hero h1{font-size:clamp(45px,7.7vw,60px);line-height:1.04;margin:23px 0}.hero-center>p{font-size:14px}.hero-actions{margin-top:22px}.product-directions{font-size:10px;gap:14px;margin-top:25px}.product-directions small{font-size:8px}.product-directions a{gap:4px;flex-direction:column}.team-copy h2,.people-head h2,.journey-intro h2,.answers h2{font-size:36px;line-height:1.09}.signup-copy h2{font-size:42px;line-height:1.07}.eyebrow{font-size:10px}.section-top .status-pill{font-size:8px}.ad-launch-copy{top:7%}.ad-launch-copy h2{font-size:44px;line-height:1.02}.ad-launch-copy .ad-kicker{font-size:8px}.ad-launch-copy p{font-size:12px}.ad-launch-word{font-size:57cqw;left:7%;bottom:5%}.reel-phone{max-width:min(205px,var(--native-phone-width))}.ad-screen-wall{width:min(150%,calc(var(--native-phone-width)*3 + 44px))}.ad-montage-title h2{font-size:32px}.ad-montage-title{padding:23px 26px}.ad-scene-heading h2{font-size:34px}.ad-connect-copy{width:85%}.ad-connect-copy h2{font-size:36px}.ad-match-heading h2{font-size:34px}.ad-final-copy h2{font-size:40px}.ad-chat-phone,.ad-update-phone{max-width:min(160px,var(--native-phone-width))}.ad-zoom-mark{flex-direction:column;gap:24px;transform-origin:62% 64%}.ad-zoom-mark img{width:27%}.ad-zoom-mark span{font-size:15cqw}.motion-actions button{width:auto;min-width:55px;height:37px}.reel-chapters button{font-size:10px}.sports-strip>div{font-size:14px;gap:16px}.sports-strip>span{font-size:8px}.sports-strip i{font-size:14px}
}
@media(max-width:360px){.hero h1{font-size:36px}.hero .beta-badge{font-size:9px}.product-directions{gap:10px;font-size:9px}.product-directions small{font-size:8px}.ad-launch-copy h2{font-size:38px}.ad-scene-heading h2{font-size:30px}.ad-connect-copy h2{font-size:32px}.ad-match-heading h2{font-size:30px}.ad-final-copy h2{font-size:36px}.ad-montage-title h2{font-size:28px}.team-copy h2,.people-head h2,.journey-intro h2,.answers h2{font-size:32px}.signup-copy h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.ad-tempo,.ad-zoom-mark{display:none}}

/* Annotated refinements: consistent wordmarks, direct CTAs and clear hierarchy. */
.header nav{font-size:16px;font-weight:700;gap:28px;color:#252d39;white-space:nowrap}
.header,.footer-main{--brand-icon:32px;--brand-type:29px}
.header .brand,.footer-main .brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}
.header .brand img,.footer-main .brand img{width:var(--brand-icon);height:var(--brand-icon)}
.header .brand>span,.footer-main .brand>span{font-size:var(--brand-type);font-weight:800;letter-spacing:-1.8px;line-height:1}
.header .brand-dot,.footer-main .brand-dot{color:var(--orange)}
.hero .beta-badge{gap:0}
.hero-actions{flex-direction:column;gap:17px}
.header .beta-cta,.hero-actions .beta-cta,.ad-final-copy .beta-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0;min-width:238px;min-height:54px;padding:15px 46px;text-align:center;font-size:13px;line-height:1.2;font-weight:800;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;border-radius:5px}
.button.beta-cta .cta-label{font-size:inherit;line-height:1.2;font-weight:inherit;letter-spacing:inherit}
.button.beta-cta .cta-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:21px;line-height:1}
.header .beta-cta{min-width:204px;min-height:46px;padding:13px 35px;font-size:12px;flex-shrink:0}
.header .beta-cta .cta-arrow{right:14px;font-size:19px}
.hero-actions .quiet-link{font-size:12px;line-height:1.5}
.start-steps{align-items:center}.start-steps h3{margin-block:0}
.journey-intro{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:60px;align-items:center}
.journey-intro h2{font-size:clamp(34px,4.1vw,56px);max-width:650px;line-height:1.1;letter-spacing:-.035em;text-wrap:balance}
@media(min-width:801px) and (max-width:1050px){.header{padding-inline:4%;gap:20px}.header nav{font-size:15px;gap:20px}.header .beta-cta{min-width:190px;font-size:11px}.journey-intro{gap:36px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
@media(max-width:800px){.header nav{display:none}}
@media(max-width:760px){.header,.footer-main{--brand-icon:28px;--brand-type:27px}.header{padding-inline:5%;gap:12px}.header .beta-cta{min-width:168px;min-height:44px;font-size:10px;padding:12px 28px}.header .beta-cta .cta-arrow{right:11px;font-size:17px}.hero-actions{flex-direction:column;gap:16px}.hero-actions .beta-cta,.ad-final-copy .beta-cta{min-width:232px;min-height:51px;font-size:12px;padding:14px 42px}.hero-actions .quiet-link{font-size:11px}.start-steps h3{margin-bottom:26px}.journey-intro{display:block}.journey-intro h2{font-size:clamp(32px,6vw,42px);max-width:620px;line-height:1.12}.journey-intro p{margin-top:22px}}
@media(max-width:360px){.header{padding-inline:4%;gap:8px}.header .beta-cta{min-width:156px;font-size:10px;padding-inline:25px}.header .beta-cta .cta-arrow{font-size:16px;right:10px}.journey-intro h2{font-size:32px}}

/* Let complete devices break out of the stage while controls retain their space. */
.reel-stage{overflow:visible}
.ad-scene.ad-launch,.ad-scene.ad-schedule,.ad-scene.ad-connect,.ad-scene.ad-finale{overflow:visible}
.ad-montage,.ad-matching{overflow:clip}
.ad-effects{position:absolute;inset:0;overflow:clip;pointer-events:none;z-index:10}
.motion-navigation{margin-top:calc(var(--device-overhang,150px) + 24px);z-index:20}
.ad-final-watermark{color:#11151c;opacity:1;letter-spacing:-.06em}
.ad-final-watermark .brand-dot{color:var(--orange)}
.sport-choice{gap:12px;min-height:145px;padding:18px 10px;font-size:12px;font-weight:600}
.sport-choice .sport-art{width:64px;height:64px;display:block;object-fit:contain;flex:none;transition:transform .2s}
.sport-choice:hover .sport-art{transform:translateY(-2px) rotate(-4deg)}
@media(max-width:760px){.motion-navigation{margin-top:calc(var(--device-overhang,150px) + 22px)}.sport-choice{min-height:122px;padding:14px 8px;gap:10px;font-size:11px}.sport-choice .sport-art{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){.sport-choice .sport-art{transition:none}.sport-choice:hover .sport-art{transform:none}}

.hero{overflow-x:clip;overflow-y:visible}
.ad-final-lineup .ad-device{width:20%}
.ad-final-lineup .final-left{left:46%}.ad-final-lineup .final-center{left:59%}.ad-final-lineup .final-right{left:72%}
@media(max-width:760px){.ad-lineup{inset:48% 5% auto}.ad-lineup .ad-device{width:44%;max-width:min(210px,var(--native-phone-width))}.ad-lineup .lineup-left{left:9%}.ad-lineup .lineup-center{left:27%}.ad-lineup .lineup-right{left:45%}.ad-final-lineup .ad-device{width:34%;max-width:min(190px,var(--native-phone-width))}.ad-final-lineup .final-left{left:14%}.ad-final-lineup .final-center{left:35%}.ad-final-lineup .final-right{left:56%}}

.ad-final-lineup .final-left{top:37%}
.ad-final-watermark{font-size:13cqw}
@media(max-width:760px){.ad-final-lineup .final-left{top:64%}.ad-final-watermark{left:8%;top:40%;bottom:auto;font-size:min(20cqw,90px)}}
@media(max-width:360px){.ad-final-lineup .final-left{top:68%}}