@font-face{font-family:Barlow;src:url('assets/barlow-condensed-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Geist;src:url('assets/geist-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--bg:#04140f;--surface:#0b261c;--raised:#113c2d;--ink:#f5fff6;--muted:#b6ccbd;--subtle:#8db09e;--lime:#bcff46;--line:#214235;--red:#ff4d5e;--body:Geist,Arial,sans-serif;--display:Barlow,'Arial Narrow',sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--lime);outline-offset:6px}::selection{background:var(--lime);color:var(--bg)}[hidden]{display:none!important}.wrap{width:min(1360px,calc(100% - 160px));margin-inline:auto}.skip{position:fixed;z-index:100;top:-80px;left:20px;background:var(--lime);color:var(--bg);padding:14px}.skip:focus{top:15px}
.opening{position:relative;background-image:url('assets/stadium-night.webp');background-size:100% auto;background-position:center top;background-repeat:no-repeat}.header{position:relative;z-index:3;height:96px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:6px;font-size:26px;font-weight:700;letter-spacing:-1.1px}.brand img{object-fit:contain;display:block}.header nav{display:flex;align-items:center;gap:34px;font-size:14px}.header nav a{padding-block:12px;transition:color .18s}.header nav a:hover{color:var(--lime)}.launch{display:flex;align-items:center;gap:10px;margin-left:4px;white-space:nowrap}.launch i{display:block;width:9px;height:9px;border-radius:50%;background:var(--lime)}
.hero{min-height:750px;position:relative;display:grid;grid-template-columns:51% 49%;align-items:center;padding-top:28px;padding-bottom:70px}.hero-copy{position:relative;z-index:2;align-self:start;padding-top:10px}.hero h1{font-family:var(--display);font-size:clamp(90px,8.7vw,142px);line-height:.89;letter-spacing:-2.3px;margin:0 0 28px;font-weight:700}.hero h1 span,.explore h2 span{color:var(--lime)}.hero-copy>p{font-size:19px;line-height:1.55;letter-spacing:-.4px;margin:0 0 28px;color:#e1ede4;max-width:570px}.stores{display:flex;gap:14px;flex-wrap:wrap}.store{display:flex;align-items:center;gap:16px;padding:13px 22px 14px 18px;min-width:210px;border:1px solid #9bb3a6;border-radius:6px;background:rgba(4,20,15,.24);color:var(--ink)}.store svg{width:29px;height:34px;flex-shrink:0}.store span{display:flex;flex-direction:column;gap:1px}.store small{font-size:12px;line-height:1.3}.store strong{font-size:21px;font-weight:500;letter-spacing:-.5px}.discover{font-size:13px;display:inline-flex;align-items:center;gap:20px;margin-top:28px;padding-bottom:4px;border-bottom:1px solid #718e7c}.discover span{font-size:23px;line-height:1}.discover:hover{color:var(--lime);border-color:var(--lime)}
.hero-visual{position:relative;margin:0;height:660px;align-self:center;isolation:isolate}.pitch-ring{position:absolute;width:690px;height:690px;top:-75px;left:-85px;border:6px solid rgba(30,84,59,.38);border-radius:50%;z-index:-1}.pitch-ring:before{content:"";position:absolute;width:6px;left:50%;top:-80px;bottom:-70px;background:rgba(30,84,59,.38)}.pitch-ring:after{content:"";position:absolute;height:6px;top:50%;left:-80px;right:-50px;background:rgba(30,84,59,.3)}.hero-visual figcaption{position:absolute;bottom:3px;left:0;right:-25px;text-align:right;font-size:10px;color:var(--muted)}
.phone{position:absolute;width:300px;height:608px;padding:7px;border-radius:48px;background:linear-gradient(120deg,#526c61 0%,#18291f 2%,#010603 6%,#050c08 92%,#3d544a 98%,#07130c 100%);box-shadow:0 0 0 1px #748c7e,0 0 0 3px #06100b,10px 25px 40px #0008;transform-origin:50% 100%;font-family:var(--body);color:var(--ink)}.phone:after{content:"";position:absolute;right:-4px;top:160px;width:3px;height:62px;background:#728579;border-radius:0 2px 2px 0}.phone-screen{position:relative;height:100%;border-radius:40px;overflow:hidden;background:#04140f;border:1px solid #1a3023;padding:0 15px}.phone-back{left:-20px;top:68px;transform:rotate(3deg);z-index:1;width:276px;height:560px}.phone-front{right:-5px;top:0;transform:rotate(3deg);z-index:2}.phone-status{height:44px;padding:13px 10px 0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1px}.phone-status>span{font-size:8px;letter-spacing:1px}.island{position:absolute;width:89px;height:21px;left:50%;transform:translateX(-50%);top:9px;border-radius:20px;background:#000;box-shadow:inset -9px 0 4px #07100c}.app-brand{height:45px;display:flex;align-items:center;gap:4px;font-size:14px;letter-spacing:-.4px}.app-brand img{width:28px;height:28px}.search-icon{margin-left:auto;border:1.3px solid #bdcec2;width:12px;height:12px;border-radius:50%;position:relative}.search-icon:after{content:"";position:absolute;right:-4px;bottom:-3px;width:5px;height:1.2px;background:#bdcec2;transform:rotate(47deg)}.app-tabs{display:flex;align-items:center;justify-content:space-between;padding:5px 0 10px;font-family:var(--display);font-size:12px;border-bottom:1px solid var(--line)}.app-tabs b{color:#08251b;background:var(--lime);padding:7px 14px;border-radius:10px}.app-tabs>span{color:var(--muted)}.app-dates{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:9px;height:36px;color:var(--subtle)}.app-dates b{color:var(--lime);height:100%;padding:12px 5px 9px;border-bottom:2px solid var(--lime)}.league{display:flex;align-items:center;gap:7px;font-family:var(--display);font-size:12px;padding:13px 0 10px}.league-flag{width:17px;height:12px;display:inline-block;border:1px solid #fff5;border-radius:2px;flex-shrink:0}.england{background:linear-gradient(90deg,transparent 42%,#d62c39 42% 58%,transparent 58%),linear-gradient(transparent 39%,#d62c39 39% 63%,transparent 63%),#fff}.spain{background:linear-gradient(#d22036 25%,#e5be36 25% 75%,#d22036 75%)}.norway{background:linear-gradient(90deg,transparent 23%,#fff 23% 45%,transparent 45%),linear-gradient(transparent 33%,#fff 33% 70%,transparent 70%),#b92638;position:relative}.norway:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 29%,#203f70 29% 39%,transparent 39%),linear-gradient(transparent 43%,#203f70 43% 59%,transparent 59%)}
.fixture{display:flex;align-items:center;border-top:1px solid #123326;gap:8px;min-height:56px;font-size:9px}.fixture>div{flex:1;min-width:0;display:grid;gap:4px}.fixture>div>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.fixture>b{font-family:var(--display);font-size:15px;line-height:1.5}.minute{color:var(--red);font-family:var(--display);font-size:11px;width:24px;flex-shrink:0}.minute.quiet{color:var(--muted)}.crest{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-style:normal;font-weight:750;font-size:7px;letter-spacing:-.5px;line-height:1;width:17px;height:20px;color:#fff;background:#c92b39;border:1px solid #ffffff75;border-radius:3px 3px 7px 7px}.crest.red{background:#ad263b}.crest.dark-red{background:#922e38}.crest.blue{background:#247aaf}.crest.burgundy{background:#76384e}.crest.white{background:#e5e8e5;color:#15231b;border-color:#74877c}.crest.striped{background:repeating-linear-gradient(90deg,#e8eee9 0 3px,#34403b 3px 6px);color:#060f09}.crest.yellow{background:#ebcf41;color:#17271e}.star{font-size:17px;color:#b5c8bb;align-self:center;margin-left:1px}.app-bottom{position:absolute;bottom:10px;left:8px;right:8px;display:flex;justify-content:space-around;background:#081e14;border:1px solid #17432b;border-radius:14px;padding:7px 0}.app-bottom>span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:17px;color:#8ea897}.app-bottom small{font-family:var(--display);font-size:9px}.app-bottom .active{color:var(--lime)}
.match-league{display:flex;align-items:center;justify-content:space-between;height:30px;font-size:9px}.match-league>span{font-size:20px}.match-league b{font-family:var(--display);font-size:12px;letter-spacing:.2px}.scoreboard{display:flex;align-items:center;justify-content:space-between;height:110px;padding:5px 8px 10px}.scoreboard>div{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:11px}.scoreboard .crest.large{width:34px;height:41px;font-size:17px;border-radius:4px 4px 14px 14px}.scoreboard .score{align-self:center;gap:2px}.score strong{font-family:var(--display);font-size:43px;line-height:1.1;white-space:nowrap}.score>span{font-family:var(--display);font-size:15px;color:var(--red)}.score i{display:inline-block;width:4px;height:4px;margin-left:3px;margin-bottom:3px;background:var(--red);border-radius:50%}.detail-tabs{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0 13px;border-bottom:1px solid var(--line);font-family:var(--display);font-size:10px;color:var(--muted)}.detail-tabs b{padding:6px 12px;background:var(--lime);color:#08251b;border-radius:10px;font-size:11px}.phone h3{font-family:var(--display);font-size:13px;margin:0 0 10px;font-weight:700}.match-stats{padding:15px 0 10px}.stat{margin-bottom:10px}.stat>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-bottom:5px}.stat>div>span{color:var(--muted);font-size:9px}.stat b{font-family:var(--display);font-size:12px}.stat-bar{height:3px;background:#3e6256;border-radius:8px;overflow:hidden}.stat-bar>span{height:100%;display:block;background:var(--lime);border-radius:8px}.events{border-top:1px solid var(--line);padding:12px 0}.events>div{display:flex;align-items:center;gap:12px;font-size:10px}.events>div>b{font-family:var(--display);color:var(--muted);font-size:12px}.event-goal{font-style:normal}.events>div>span{display:flex;flex:1;flex-direction:column;gap:2px}.events strong{font-weight:500}.events small{font-size:9px;color:var(--muted)}.lineup{padding:7px 0}.mini-pitch{height:117px;border:1px solid #79a48b;border-radius:5px;background:repeating-linear-gradient(90deg,#0d3c26 0 30px,#0b3422 30px 60px);position:relative}.halfway{position:absolute;left:50%;height:100%;width:1px;background:#8fae9980}.center-circle{position:absolute;width:43px;height:43px;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #9fbdab80;border-radius:50%}.goal{position:absolute;width:24px;height:63px;top:50%;transform:translateY(-50%);border:1px solid #9fbdab80}.goal.left{left:-1px}.goal.right{right:-1px}.players{position:absolute;width:50%;height:100%;left:0;top:0}.players i{width:6px;height:6px;border:1px solid #fff3;background:var(--lime);border-radius:50%;position:absolute}.players i:nth-child(1){left:8%;top:48%}.players i:nth-child(2){left:30%;top:13%}.players i:nth-child(3){left:30%;top:35%}.players i:nth-child(4){left:30%;top:60%}.players i:nth-child(5){left:30%;top:82%}.players i:nth-child(6){left:57%;top:22%}.players i:nth-child(7){left:57%;top:48%}.players i:nth-child(8){left:57%;top:73%}.players i:nth-child(9){left:82%;top:15%}.players i:nth-child(10){left:82%;top:47%}.players i:nth-child(11){left:82%;top:80%}.players.away{left:50%;transform:rotate(180deg)}.players.away i{background:#bed3cd}.home-indicator{position:absolute;height:3px;width:95px;left:50%;transform:translateX(-50%);bottom:6px;background:#e7efe9;border-radius:8px}
.features{padding:30px 0 50px;border-top:1px solid #587465;display:grid;grid-template-columns:repeat(3,1fr);position:relative;z-index:3}.features>div{padding-right:34px}.features>div+div{border-left:1px solid #38594a;padding-left:50px}.feature-number{display:flex;align-items:center;gap:20px;font-size:12px;color:var(--muted)}.feature-number i{height:1px;width:38px;background:#7a9685}.features h2{font-family:var(--display);font-size:32px;margin:8px 0 12px;line-height:1.1}.features p{color:var(--muted);font-size:15px;line-height:1.65;margin:0}
.explore{padding:100px 0 90px;display:grid;grid-template-columns:1fr 1fr;gap:70px;border-bottom:1px solid var(--line)}.explore-copy{align-self:center}.explore h2{font-family:var(--display);font-size:clamp(60px,6.6vw,100px);line-height:.97;letter-spacing:-1.6px;font-weight:700;margin:0 0 28px}.explore p{font-size:17px;line-height:1.7;color:var(--muted);max-width:490px;margin:0}.explore .tennis-note{margin-top:25px;font-size:14px;color:var(--ink)}.explore-demo{position:relative;align-self:center;min-width:0}.sport-tabs{display:flex;width:240px;margin:0 0 20px auto;border:1px solid #31533f;border-radius:11px;padding:3px;gap:4px}.sport-tabs button{font-family:var(--display);font-size:17px;font-weight:700;background:transparent;color:var(--muted);border:0;border-radius:8px;padding:10px 5px;flex:1;cursor:pointer;transition:background .15s,color .15s}.sport-tabs button[aria-selected=true]{background:var(--lime);color:#08251b}.sport-tabs button:hover:not([aria-selected=true]){background:var(--surface);color:var(--ink)}.preview-panel{height:400px;padding:10px 20px 0;background:#071e15;border:1px solid #284d37;border-radius:18px;box-shadow:0 18px 50px #0002}.preview-title{display:flex;align-items:center;font-size:16px;gap:5px;border-bottom:1px solid #1c3b2a;height:53px;letter-spacing:-.4px}.preview-title>strong{font-weight:600}.sample-label{font-size:10px;color:var(--subtle);margin-left:auto;letter-spacing:0}.preview-day{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:16px 4px 14px;color:var(--muted)}.preview-day>b{font-weight:500}.preview-day>span{font-size:19px}.preview-league{display:flex;align-items:center;gap:8px;padding:11px 0;font-size:12px;background:#0e2a1e;margin-inline:-20px;padding-inline:20px}.preview-league>b{font-family:var(--display);font-size:14px;letter-spacing:.2px}.preview-league>span:last-child{margin-left:auto;color:var(--subtle);font-size:10px}.preview-row{display:grid;grid-template-columns:35px 1fr 18px 44px 18px 1fr 21px;gap:8px;align-items:center;border-bottom:1px solid #163a26;min-height:43px;font-size:10px}.preview-row>time{font-size:9px;color:var(--subtle)}.preview-row>span:first-of-type{text-align:right}.preview-row>b{font-family:var(--display);font-size:19px;text-align:center;white-space:nowrap}.preview-row>small{font-size:9px;text-align:right;color:var(--subtle)}.preview-row>small.live-minute{color:var(--red)}.preview-panel .preview-caption{font-size:10px;text-align:center;padding-top:13px;line-height:1.5;color:var(--subtle)}.tennis-panel{height:400px;text-align:center}.tennis-panel .preview-title{text-align:left}.tennis-panel h3{font-family:var(--display);font-size:35px;line-height:1;margin:23px 0 14px}.tennis-panel>p{font-size:14px;line-height:1.6;padding-inline:28px;max-width:400px;margin:auto}.tennis-court{position:relative;border:1px solid #8db09e;transform:perspective(400px) rotateX(30deg);width:180px;height:96px;margin:30px auto 0;background:#0f402a}.tennis-court:before,.tennis-court:after{content:"";position:absolute;left:0;right:0;top:13%;height:1px;background:#8db09e}.tennis-court:after{top:auto;bottom:13%}.tennis-court>div{position:absolute;height:100%;width:1px;left:50%;background:#dbeee0}.tennis-court>span{position:absolute;left:25%;right:25%;top:13%;bottom:13%;border:1px solid #8db09e}.tennis-court>span:before{content:"";position:absolute;height:1px;top:50%;width:100%;background:#8db09e}.tennis-court>i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--lime);right:28%;top:26%}
.faq{padding:62px 0 75px;display:grid;grid-template-columns:1fr 1.4fr;gap:50px}.faq h2{font-family:var(--display);font-size:70px;line-height:1;margin:0;letter-spacing:-1px}.questions details{border-bottom:1px solid var(--line)}.questions summary{list-style:none;font-size:15px;padding:22px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;line-height:1.5}.questions details:first-child summary{padding-top:9px}.questions summary::-webkit-details-marker{display:none}.questions summary>span{width:15px;height:15px;flex-shrink:0;position:relative}.questions summary>span:before,.questions summary>span:after{content:"";width:15px;height:1px;background:var(--ink);position:absolute;left:0;top:7px}.questions summary>span:after{transform:rotate(90deg);transition:transform .18s}.questions details[open] summary>span:after{transform:rotate(0deg)}.questions summary:hover{color:var(--lime)}.questions p{font-size:14px;color:var(--muted);line-height:1.8;margin:0;padding:0 35px 23px 0;max-width:650px}.footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);min-height:105px}.footer .brand{font-size:18px;letter-spacing:-.6px;gap:3px}.footer>div{display:flex;align-items:center;font-size:12px;color:var(--muted);gap:30px}.footer-launch{border-left:1px solid var(--line);padding-left:30px}
@media(min-width:1600px){.opening{background-position:center -50px;background-size:1600px auto}.hero{min-height:800px}.hero-visual{height:700px}.phone-front{width:320px;height:650px}.phone-back{width:290px;height:590px;left:-15px;top:80px}.phone-front .match-stats{padding-top:20px}.phone-front .stat{margin-bottom:14px}.phone-front .mini-pitch{height:133px}}
@media(max-width:1250px){.wrap{width:calc(100% - 96px)}.hero{min-height:700px;padding-bottom:45px}.hero h1{font-size:10vw}.hero-copy>p{font-size:16px;max-width:410px}.desktop-break{display:none}.store{min-width:175px;padding:11px 14px;gap:12px}.store strong{font-size:18px}.hero-visual{height:590px}.phone-front{width:267px;height:560px;right:-8px}.phone-back{width:242px;height:510px;left:-20px;top:63px}.phone-screen{padding-inline:12px}.phone-back .fixture{min-height:51px;font-size:8px;gap:5px}.phone-back .app-tabs{font-size:11px}.phone-back .app-brand{font-size:13px}.phone-front .scoreboard{height:96px}.phone-front .detail-tabs{font-size:9px;gap:5px}.phone-front .detail-tabs b{font-size:10px;padding:6px 9px}.phone-front .match-stats{padding-top:13px}.phone-front .stat{margin-bottom:8px}.phone-front .mini-pitch{height:103px}.phone-front .lineup h3{margin-bottom:8px}.hero-visual figcaption{font-size:9px}.pitch-ring{width:590px;height:590px;left:-75px;top:-30px}.features>div+div{padding-left:32px}.features h2{font-size:29px}.features p{font-size:14px}.explore{gap:45px;padding:75px 0}.explore h2{font-size:7vw}.preview-row{gap:5px;font-size:9px;grid-template-columns:30px 1fr 17px 36px 17px 1fr 20px}.preview-row .crest{width:16px;height:18px;font-size:6px}.explore p{font-size:15px}.preview-panel{padding-inline:14px}.preview-league{margin-inline:-14px;padding-inline:14px}.preview-panel .preview-caption{font-size:9px}.faq h2{font-size:64px}}
@media(max-width:1000px) and (min-width:761px){.hero{grid-template-columns:49% 51%;min-height:655px}.hero h1{font-size:10.4vw}.header nav{gap:22px;font-size:12px}.brand{font-size:24px}.stores{gap:9px}.store{min-width:154px;padding:10px;gap:9px}.store svg{width:23px;height:29px}.store strong{font-size:16px}.store small{font-size:10px}.hero-visual{transform:scale(.86);transform-origin:right center;width:116%;margin-left:-16%;height:590px}.explore{gap:26px}.preview-row{gap:3px;font-size:8px;grid-template-columns:26px 1fr 14px 32px 14px 1fr 18px}.preview-row .crest{width:14px}.preview-row>b{font-size:17px}.features>div+div{padding-left:25px}.features>div{padding-right:18px}.features h2{font-size:27px}.features p{font-size:12px}.faq{gap:35px;grid-template-columns:1fr 1.6fr}.faq h2{font-size:56px}.questions summary{font-size:13px}}
@media(max-width:760px){.wrap{width:calc(100% - 48px)}.opening{background-size:auto 1020px;background-position:center 130px}.header{height:82px}.brand{font-size:24px;letter-spacing:-1px;gap:0}.brand img{width:40px;height:40px}.header nav{gap:0}.header nav a{display:none}.launch{font-size:11px;gap:7px;margin:0}.launch i{width:7px;height:7px}.hero{display:flex;flex-direction:column;padding-top:28px;padding-bottom:0;min-height:0;align-items:stretch}.hero-copy{padding:0;align-self:stretch}.hero h1{font-size:clamp(78px,17vw,126px);line-height:.91;letter-spacing:-1.6px;margin:0 0 24px}.hero-copy>p{font-size:15px;line-height:1.7;max-width:410px;margin:0 0 24px;letter-spacing:-.2px}.stores{gap:10px;flex-wrap:nowrap}.store{min-width:0;flex:1;padding:11px 12px;gap:10px;max-width:198px}.store svg{width:24px;height:29px}.store strong{font-size:17px}.store small{font-size:10px}.discover{font-size:12px;gap:15px;margin-top:23px}.hero-visual{height:600px;min-height:600px;width:100%;max-width:450px;align-self:center;margin:35px 0 0;transform:scale(.89);transform-origin:center top;margin-bottom:-55px}.phone-front{width:267px;height:560px;right:0;transform:rotate(4deg)}.phone-back{left:-9px;top:61px;width:242px;height:510px;transform:rotate(-4deg)}.pitch-ring{width:460px;height:460px;left:-20px;top:20px;border-width:3px}.pitch-ring:before,.pitch-ring:after{width:3px}.pitch-ring:after{width:auto;height:3px}.hero-visual figcaption{right:0;bottom:4px;text-align:center;font-size:10px}.features{grid-template-columns:1fr;padding:13px 0 20px;margin-top:0;gap:0;border-top-color:#486b57}.features>div,.features>div+div{border-left:0;padding:23px 0;display:grid;grid-template-columns:36px 1fr;column-gap:15px;align-items:center}.features>div+div{border-top:1px solid var(--line)}.feature-number{grid-column:1;grid-row:1 / 3;font-size:12px;align-self:start;padding-top:4px}.feature-number i{display:none}.features h2{font-size:30px;grid-column:2;margin:0 0 8px}.features p{font-size:13px;grid-column:2;line-height:1.6}.features p br{display:none}.explore{padding:55px 0;grid-template-columns:1fr;gap:32px}.explore h2{font-size:clamp(60px,14.2vw,86px);letter-spacing:-.9px;margin-bottom:23px}.explore p{font-size:15px;max-width:490px;line-height:1.8}.explore .tennis-note{font-size:13px;margin-top:20px}.sport-tabs{width:220px;margin:0 0 17px auto}.sport-tabs button{font-size:16px;padding-block:9px}.preview-panel{height:390px;padding-inline:12px;border-radius:14px}.preview-league{margin-inline:-12px;padding-inline:12px}.preview-row{grid-template-columns:28px 1fr 16px 37px 16px 1fr 21px;gap:5px;font-size:9px;min-height:43px}.preview-row .crest{width:16px;height:18px;font-size:6px}.preview-row>b{font-size:18px}.preview-panel .preview-caption{font-size:9px;padding-top:13px}.preview-title{font-size:15px}.preview-title>img{width:30px;height:30px}.sample-label{font-size:9px}.tennis-panel>p{font-size:13px;padding-inline:15px;line-height:1.7}.faq{padding:44px 0 50px;display:block}.faq h2{font-size:58px;margin-bottom:28px}.questions summary{font-size:13px;padding-block:19px}.questions p{font-size:13px;padding-right:12px}.footer{padding-block:23px;min-height:0;align-items:flex-start;gap:12px}.footer .brand{font-size:17px}.footer .brand img{width:29px;height:29px}.footer>div{font-size:10px;flex-direction:column;align-items:flex-end;gap:7px;padding-top:5px}.footer-launch{border:0;padding:0}}
@media(max-width:370px){.wrap{width:calc(100% - 36px)}.brand{font-size:21px}.brand img{width:34px}.launch{font-size:10px}.hero h1{font-size:21vw}.store{padding:10px 8px;gap:7px}.store strong{font-size:15px}.store svg{width:20px}.hero-visual{transform:scale(.8);margin-bottom:-100px}.preview-row{font-size:8px;gap:3px;grid-template-columns:25px 1fr 14px 32px 14px 1fr 18px}.preview-row .crest{width:14px}.preview-row>b{font-size:17px}.preview-row>time{font-size:8px}}
.opening{overflow:clip}
.hero-visual{max-width:600px;justify-self:end;width:100%}.phone-back{left:0}.phone-front{right:25px}
.faq h2{font-size:56px;max-width:360px}.hero-copy{align-self:center;padding-bottom:25px}
.phone-front .scoreboard{height:91px}.phone-front .detail-tabs{padding:8px 0 10px}.phone-front .match-stats{padding:12px 0 4px}.phone-front .match-stats h3{margin-bottom:8px}.phone-front .stat{margin-bottom:6px}.phone-front .stat>div:first-child{margin-bottom:4px}.phone-front .events{padding:10px 0}.phone-front .events h3{margin-bottom:7px}.phone-front .lineup{padding:4px 0}.phone-front .lineup h3{margin-bottom:8px}.phone-front .mini-pitch{height:107px}
@media(max-width:1250px){.hero-visual{max-width:540px}.phone-back{left:15px}.phone-front{right:0}.phone-front .scoreboard{height:82px}.phone-front .match-stats{padding-top:10px}.phone-front .stat{margin-bottom:5px}.phone-front .mini-pitch{height:92px}.phone-front .events{padding:8px 0}.phone-front .lineup{padding:3px 0}}
@media(max-width:760px){.hero-visual{max-width:450px}.phone-back{left:-9px}.phone-front{right:0}}
@media(max-width:760px){.hero-copy{align-self:stretch;padding-bottom:0}.faq h2{font-size:48px;max-width:none}.hero h1{font-size:clamp(66px,17vw,116px)}}
@media(max-width:1000px) and (min-width:761px){.hero h1{font-size:9.5vw;letter-spacing:-1.4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}