@font-face{font-family:SPHeading;src:url('assets/heading.otf') format('opentype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#080909;color:#f5f5f3;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.55}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:SPHeading,'Arial Narrow',Arial,sans-serif;line-height:1.02;font-weight:700}h1{font-size:clamp(48px,5.6vw,82px);letter-spacing:-.025em}h2{font-size:clamp(39px,4.3vw,60px);letter-spacing:-.015em}h3{font-size:29px}em{font-style:normal;color:#ffe000}p{color:#b7b9ba}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}button{cursor:pointer}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.section{padding:90px 0}.eyebrow{font-size:14px;font-weight:800;color:#ffe000;letter-spacing:.06em;margin-bottom:20px}header{position:sticky;top:0;z-index:20;background:#080909ed;border-bottom:1px solid #ffffff13;backdrop-filter:blur(16px)}nav{height:94px;display:flex;justify-content:space-between;align-items:center}.logo{width:151px;height:auto;display:block}#navlinks{display:flex;align-items:center;gap:40px;font-size:14px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:#ffe000;color:#080909;border:0;border-radius:8px;padding:16px 24px;font-size:14px;font-weight:800;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#fff065;transform:translateY(-2px)}.button span{font-size:22px;line-height:1}.menu{display:none}.hero{position:relative;overflow:hidden;min-height:680px}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#080909 0%,#080909be 45%,#0809098a 100%),url('assets/stadium.webp') center/cover;opacity:.75}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:680px;padding:65px 0}.hero-copy{position:relative;z-index:3}.hero-copy p{max-width:410px;font-size:20px;line-height:1.5;color:#e3e3e0;margin:27px 0 32px}.hero-devices{position:relative;height:540px;margin-left:-65px;width:calc(100% + 110px)}.hero-devices img{position:absolute;filter:drop-shadow(0 25px 28px #000a)}.hero-desktop{width:100%;left:4%;top:27%;transform:rotate(-4deg)}.hero-board{width:29%;right:3%;top:5%;transform:rotate(9deg)}.hero-play{width:32%;left:6%;top:21%;transform:rotate(-10deg)}.light{background:#f5f5f3;color:#080909}.light p{color:#4b4f56}.light .eyebrow{color:#9b8300}.what-grid{display:grid;grid-template-columns:.85fr 1.3fr;gap:55px;align-items:center}.what-grid h2{font-size:49px}.what-grid>div>p:last-child{margin-top:25px;max-width:420px}.light em{color:#c8aa00}.audience{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.audience article{background:#fff;padding:30px 21px 28px;border-radius:12px;box-shadow:0 5px 24px #00000005;text-align:center}.audience svg{width:33px;height:33px;margin:0 0 22px}.audience h3{font-size:25px;margin-bottom:16px}.audience p{font-size:15px;line-height:1.5}.framework{background:radial-gradient(ellipse at 90% 0,#21241c 0,transparent 50%),#080909}.framework h2{font-size:50px;max-width:1080px}.framework-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:44px}.framework article{position:relative;padding:34px;border:1px solid #363838;border-radius:12px;background:linear-gradient(140deg,#1b1d1c9c,#0c0d0d);min-height:330px}.framework .highlight{border-color:#ffe000;background:linear-gradient(140deg,#252414,#0c0d0d)}.number{position:absolute;right:28px;top:29px;color:#696b67;font-size:14px;letter-spacing:2px}.framework svg{width:43px;height:43px;stroke:#ffe000;fill:none;stroke-width:2.5;margin-bottom:27px}.framework h3{margin-bottom:18px}.framework article p{font-size:16px;color:#d0d1ce}.features{background:#111313;padding-bottom:90px}.feature-intro{padding-bottom:58px}.feature-intro h2{font-size:70px}.feature-statement{margin-top:20px;color:#e3e4de;font-size:19px;line-height:1.4;font-weight:500}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:40px 0 60px}.feature-copy{max-width:465px}.feature-index{color:#8e938e;font-size:12px;letter-spacing:2px;display:block;margin-bottom:23px}.feature-copy h3{font-size:49px;margin-bottom:23px}.feature-copy p{font-size:18px}.product-stage{height:530px;position:relative;overflow:hidden;border-radius:14px;background:radial-gradient(ellipse at center,#34352c,#191c1b 65%);display:flex;justify-content:center;align-items:flex-start;padding-top:36px}.solo-phone{position:relative;width:230px;filter:drop-shadow(0 20px 20px #0008);transform:rotate(7deg);z-index:1}.stage-word{position:absolute;left:22px;bottom:23px;color:#ffffff07;font-family:SPHeading;font-size:110px;line-height:1}.yellow-stage{background:radial-gradient(ellipse at 50% 60%,#47432b,#1d201b 70%)}.duo-stage{align-items:center;gap:10px;background:#e8e9e4}.duo-stage img{width:42%;filter:drop-shadow(0 17px 13px #0005);transform:rotate(-6deg) translateY(15px)}.duo-stage img+img{transform:rotate(7deg) translateY(50px)}.reverse .feature-copy{grid-column:2;grid-row:1}.reverse .product-stage{grid-column:1;grid-row:1}.sports{color:#ffe000!important;margin-top:28px;line-height:1.9;font-size:14px!important;font-weight:700}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tags span{border:1px solid #454944;padding:7px 12px;border-radius:4px;font-size:11px;letter-spacing:1px;color:#dee0da}.board-stage .solo-phone{transform:rotate(-6deg)}.leagues-stage{background:radial-gradient(ellipse at center,#343730,#202321)}.prizes{display:flex;justify-content:space-between;gap:70px;padding:55px;border:1px solid #3b3e35;border-radius:14px;background:linear-gradient(110deg,#20231c,#111313);margin-top:40px}.prizes>div{max-width:770px}.prizes h3{font-size:42px;margin-bottom:23px}.prizes svg{width:100px;min-width:100px;fill:none;stroke:#ffe000;stroke-width:3}.contact{background:radial-gradient(ellipse at 0 80%,#202419,#080909 60%);border-top:1px solid #33372a}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px}.contact h2{font-size:55px}.contact p:not(.eyebrow){margin-top:28px;max-width:570px}.contact form{padding-top:8px}.contact form h3{font-size:29px;margin-bottom:28px}label{display:block;font-size:13px;font-weight:600;color:#d8dad5;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,textarea{width:100%;display:block;margin-top:8px;border:1px solid #424640;border-radius:6px;color:white;background:#ffffff04;padding:14px 15px;font-size:15px}input:focus,textarea:focus{border-color:#ffe000;outline:1px solid #ffe000}textarea{resize:vertical}form .button{margin-top:2px}.contact .form-note{font-size:12px;margin-top:17px!important;color:#92968d}.contact #form-status{font-size:14px;color:#ffe000;margin-top:12px}footer{border-top:1px solid #272926;padding:35px 0;background:#040505}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}footer .logo{width:120px}.footer-links{display:flex;gap:24px;font-size:12px;color:#c7cbc3}.footer-links button{background:none;border:0;color:inherit;padding:0;font-size:inherit}footer small{font-size:11px;color:#90968c}dialog{width:min(480px,90vw);border:1px solid #54584d;border-radius:12px;background:#141613;color:#fff;padding:35px}dialog::backdrop{background:#000b}dialog h3{margin-bottom:20px}dialog .close{position:absolute;right:12px;top:8px;background:none;border:0;color:white;font-size:28px}.skip{position:fixed;left:10px;top:-100px;z-index:30;padding:12px;background:#ffe000;color:black}.skip:focus{top:10px}.js-reveal{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .65s}.js-reveal.visible{opacity:1;transform:none}
@media(min-width:1450px){.hero-devices{margin-left:-20px}.hero{min-height:750px}.hero-grid{min-height:750px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero-grid{min-height:620px}.hero{min-height:620px}.hero-devices{height:450px;margin-left:-40px;width:calc(100% + 55px)}h1{font-size:60px}.what-grid{grid-template-columns:1fr;gap:35px}.what-grid>div>p:last-child{max-width:650px}.framework article{padding:25px}.framework h3{font-size:25px}.feature-row{gap:45px}.contact-grid{gap:45px}.contact h2{font-size:46px}.product-stage{height:480px}.solo-phone{width:210px}footer .wrap{flex-wrap:wrap}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}nav{height:76px}.logo{width:122px}.menu{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:14px}.menu span{display:block;width:24px;height:2px;background:#ffe000}#navlinks{display:none;position:absolute;top:76px;left:0;right:0;background:#0c0e0c;border-bottom:1px solid #393c34;padding:24px;flex-direction:column;align-items:stretch;gap:23px}#navlinks.open{display:flex}.hero-grid{grid-template-columns:1fr;padding:48px 0 0;min-height:0}.hero{min-height:0}.hero-copy h1{font-size:clamp(45px,10.8vw,67px)}.hero-copy p{font-size:18px;max-width:360px;margin:24px 0 27px}.hero-devices{height:340px;width:100%;margin:20px 0 0}.hero-desktop{width:102%;top:25%;left:0}.hero-board{width:27%;right:4%;top:5%}.hero-play{width:31%;left:5%;top:12%}.hero-bg{background:linear-gradient(#08090975,#080909),url('assets/stadium.webp') 40% 0/auto 660px no-repeat}.section{padding:60px 0}h2,.what-grid h2,.framework h2{font-size:40px}.audience{grid-template-columns:1fr}.audience article{text-align:left;display:grid;grid-template-columns:40px 1fr;column-gap:16px;padding:26px}.audience svg{grid-row:1/3;margin:2px 0}.audience h3{margin-bottom:10px}.audience p{grid-column:2}.framework-grid{grid-template-columns:1fr;gap:17px;margin-top:32px}.framework article{min-height:0;padding:28px}.framework h3{font-size:29px}.framework svg{margin-bottom:20px}.feature-intro{padding-bottom:25px}.feature-intro h2{font-size:48px}.feature-statement{font-size:16px}.feature-row{grid-template-columns:1fr;gap:28px;padding:32px 0}.feature-copy h3{font-size:40px}.feature-copy p{font-size:17px}.feature-index{margin-bottom:16px}.reverse .feature-copy,.reverse .product-stage{grid-column:auto;grid-row:auto}.product-stage{height:450px}.solo-phone{width:204px}.duo-stage{padding-top:0}.duo-stage img{width:43%;max-width:220px}.stage-word{font-size:85px}.prizes{padding:28px;margin-top:30px;gap:15px;align-items:flex-start}.prizes h3{font-size:34px}.prizes svg{width:48px;min-width:48px}.prizes p{font-size:16px}.features{padding-bottom:60px}.contact-grid{grid-template-columns:1fr;gap:42px}.contact h2{font-size:42px}.contact form h3{font-size:29px}.form-row{grid-template-columns:1fr;gap:0}footer .wrap{flex-direction:column;align-items:flex-start;gap:23px}.footer-links{gap:25px}footer{padding:30px 0}.button{padding:15px 21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-reveal{opacity:1;transform:none}}

#what-we-do .eyebrow{color:#ffe000}


/* Hero typography and responsive product composition */
@font-face{font-family:Anton;src:url('assets/anton.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/inter.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.hero-copy h1{font-family:Anton,'Arial Narrow',sans-serif;font-size:72px;font-weight:400;text-transform:uppercase;line-height:1;letter-spacing:-.025em}
.hero-copy{transform:translateY(-28px)}
.hero-copy p{font-family:Inter,Arial,sans-serif;font-weight:400;font-size:15px;line-height:1.6}
.hero-devices{transform:translateY(-32px)}
@media(max-width:1050px) and (min-width:701px){.hero-copy h1{font-size:60px}}
@media(max-width:700px){.hero-copy{transform:none}.hero-grid{padding-top:30px}.hero-copy h1{font-size:clamp(36px,8.5vw,56px)}.hero-copy p{font-size:15px}.hero-devices{transform:none;height:auto;aspect-ratio:1/1;margin:8px 0 22px;width:100%}.hero-desktop{width:94%;left:3%;top:27%;transform:rotate(-4deg)}.hero-play{width:30%;left:7%;top:13%;transform:rotate(-8deg)}.hero-board{width:27%;right:7%;top:5%;transform:rotate(8deg)}}
.hero-copy h1{font-weight:700;font-synthesis:weight}
@font-face{font-family:'Barlow Condensed';src:url('assets/barlow-condensed-extrabold.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
.hero-copy h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;text-transform:uppercase;line-height:.98;letter-spacing:-.02em;font-synthesis:none}
@font-face{font-family:'Anton SC';src:url('assets/anton-sc.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.hero-copy h1{font-family:'Anton SC','Arial Narrow',sans-serif;font-weight:400}
.hero-copy h1{font-family:SPHeading,'Arial Narrow',Arial,sans-serif;font-weight:700}
.hero-copy h1{font-size:clamp(40px,5.35vw,64px)}
.hero-copy h1 .headline-line{display:block;white-space:nowrap}
@media(max-width:700px){.hero-copy h1{font-size:clamp(24px,8.35vw,56px)}}

#what-we-do .eyebrow,#what-we-do h2 em{color:#ffe000}
/* Tighter introduction sections and clear hero columns */
#what-we-do,.framework{padding-top:48px;padding-bottom:48px}
@media(min-width:701px){
 .hero{min-height:640px}
 .hero-grid{min-height:640px;padding-top:32px;padding-bottom:40px}
 .hero-copy{align-self:start;transform:none}
 .hero-devices{width:100%;margin-left:0;transform:translateY(-24px) scale(.9);transform-origin:right center}
}
@media(max-width:700px){#what-we-do,.framework{padding-top:36px;padding-bottom:36px}}
@media(min-width:701px){.hero-devices{transform:translateY(-24px) scale(.96);transform-origin:right center}}
#what-we-do h2{font-family:SPHeading,'Arial Narrow',Arial,sans-serif;font-weight:700}
/* Shared headline typography */
.hero-copy h1,#what-we-do h2,.framework h2,.feature-intro h2{font-family:SPHeading,'Arial Narrow',Arial,sans-serif;font-size:clamp(40px,5.35vw,64px);font-weight:700;text-transform:uppercase;line-height:.98;letter-spacing:-.02em;font-synthesis:none}
@media(max-width:700px){.hero-copy h1,#what-we-do h2,.framework h2,.feature-intro h2{font-size:clamp(24px,8.35vw,56px)}}
@media(min-width:701px){.hero-devices{transform:translate(24px,-24px) scale(1.04);transform-origin:left center}}
/* Consistent introductory copy and compact feature presentation */
.hero-copy p,.feature-statement{font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:400;line-height:1.55}
.features{padding-bottom:56px}
.feature-intro{padding-top:56px;padding-bottom:24px}
.feature-row{padding-top:22px;padding-bottom:22px;gap:60px}
.product-stage{height:400px;max-width:430px;width:100%;justify-self:center;padding-top:26px}
.solo-phone{width:170px}
.duo-stage{padding-top:0}
.duo-stage img{width:36%;max-width:165px}
.duo-stage img+img{transform:rotate(7deg) translateY(25px)}
.prizes{margin-top:24px;padding:36px;gap:40px}
@media(max-width:1050px) and (min-width:701px){.feature-row{gap:36px}.product-stage{height:360px;max-width:360px}.solo-phone{width:152px}.duo-stage img{max-width:145px}}
@media(max-width:700px){.hero-copy p,.feature-statement{font-size:17px}.feature-intro{padding-top:40px;padding-bottom:16px}.feature-row{padding-top:20px;padding-bottom:20px;gap:22px}.product-stage{height:340px;max-width:340px;padding-top:22px}.solo-phone{width:145px}.duo-stage{padding-top:0}.duo-stage img{width:37%;max-width:132px}.prizes{padding:26px;margin-top:18px;gap:15px}.features{padding-bottom:40px}}
.duo-stage{background:transparent;border-radius:0;overflow:visible}
.duo-stage img{width:41%;max-width:185px}
@media(max-width:1050px) and (min-width:701px){.duo-stage img{max-width:165px}}
@media(max-width:700px){.duo-stage img{width:41%;max-width:150px}}
.duo-stage{background:radial-gradient(ellipse at center,#34352c,#191c1b 65%);border-radius:14px;overflow:hidden}
/* Fill existing panels without clipping the phones */
.yellow-stage,.board-stage,.leagues-stage{padding-top:0;align-items:center}
.solo-phone{width:184px}
.duo-stage img{transform:rotate(-6deg) translateY(-2px)}
.duo-stage img+img{transform:rotate(7deg) translateY(5px)}
@media(max-width:1050px) and (min-width:701px){.solo-phone{width:165px}}
@media(max-width:700px){.solo-phone{width:156px}}