:root{--bg:#080e12;--surface:#10191d;--text:#f0f2e9;--muted:#9ca8a8;--lime:#c7f65e;--border:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:6px}.nav{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:10;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:700;letter-spacing:-.6px}.brand-icon{width:35px;height:35px;display:grid;place-items:center;background:var(--lime);color:#0b1716;font-weight:800;transform:skew(-8deg);font-size:23px}.brand-iq{color:var(--lime)}.brand small{font-size:10px;letter-spacing:1px;border:1px solid #768074;padding:2px 4px;margin-left:7px;vertical-align:middle}.nav nav{display:flex;gap:32px;font-size:14px;font-weight:500}.nav nav a:hover,footer a:hover{color:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 24px;background:var(--lime);color:#101712;font-weight:700;font-size:16px;border:1px solid var(--lime);border-radius:3px;transition:background .2s,transform .2s}.button:hover{background:#ddff9a;transform:translateY(-2px)}.button.small{padding:10px 18px;font-size:14px}.button.outline{background:transparent;color:var(--lime)}.hero{position:relative;min-height:820px;height:min(950px,100svh);overflow:hidden}.hero-art{position:absolute;inset:0;background:url('images/hero-stadium.png') center/cover no-repeat;transform:scale(1.04) translate(var(--mx,0px),var(--my,0px));will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080e12db 0%,#080e1280 43%,transparent 73%),linear-gradient(0deg,var(--bg),transparent 35%)}.hero-content{position:relative;padding:165px 5% 120px;z-index:1;width:65%}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:600;color:var(--lime);margin:0 0 25px;display:flex;align-items:center;gap:12px}.line{height:1px;width:32px;background:var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;line-height:.96;letter-spacing:-1.5px}h1{font-size:clamp(76px,8.4vw,136px);margin-bottom:27px}em{font-style:normal;color:var(--lime)}.intro{color:#c0c8c9;line-height:1.55;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:26px}.text-link{font-size:15px;border-bottom:1px solid #71816d;padding-bottom:5px;display:inline-flex;gap:22px;align-items:center}.micro{font-size:10px;letter-spacing:1.9px;color:#82928f;margin:16px 0 0}.ball-caption{position:absolute;right:6%;bottom:23%;width:235px;border-top:1px solid #c7f65e88;padding-top:13px}.ball-caption span{font-size:10px;letter-spacing:2px;color:var(--lime)}.ball-caption p{font-size:21px;line-height:1.3;margin:10px 0}.cross{position:absolute;right:0;top:11px;color:var(--lime)}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.8px;color:#97a4a4}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:35px 5%;border-block:1px solid var(--border);background:#0d1519}.stats>div{display:flex;align-items:center;gap:16px;justify-content:center;border-right:1px solid var(--border)}.stats>div:first-child{justify-content:flex-start}.stats>div:last-child{border:0}.stats strong{font:600 42px/1 'Barlow Condensed',sans-serif;white-space:nowrap}.stats span{font-size:10px;letter-spacing:1.4px;max-width:98px;line-height:1.5;color:var(--muted)}.section{padding:110px 7%;max-width:1600px;margin:auto}h2{font-size:clamp(46px,4.9vw,76px);margin-bottom:26px}.section-heading{text-align:center}.section-heading .eyebrow{justify-content:center}.section-heading>p:last-child{color:var(--muted)}.play-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;margin-top:60px}.field-wrap{background:linear-gradient(150deg,#10251c,#0d1718);border:1px solid #4a635f66;border-radius:5px}.field-top,.field-bottom{display:flex;justify-content:space-between;gap:10px;padding:18px 22px;font-size:10px;letter-spacing:1.3px;color:#9aaea2}.field-top{border-bottom:1px solid var(--border)}.field-top span:first-child{color:var(--lime)}.field{width:100%;display:block}.field text{font-family:Barlow,sans-serif}.defender text{font-size:12px;font-weight:bold;fill:#0b2114}.field-bottom{border-top:1px solid var(--border);font-size:9px}.field-bottom span{display:flex;align-items:center;gap:6px}.legend{display:inline-block;width:6px;height:6px;border-radius:50%}.defense{background:var(--lime)}.offense{background:#f2aa69}.decision h3{font:600 44px/1.04 'Barlow Condensed',sans-serif;margin-bottom:20px}.decision>p:not(.eyebrow){color:var(--muted);font-size:16px}.answers{display:grid;gap:10px;margin-top:26px}.answers button{border:1px solid #ffffff30;background:#111b20;color:var(--text);padding:13px 16px;text-align:left;border-radius:3px;cursor:pointer;display:flex;align-items:center;gap:15px;font-size:16px}.answers button span{border:1px solid #68726c;border-radius:2px;padding:0 7px;font-size:12px;color:#a3b0a7}.answers button:hover{border-color:var(--lime)}.answers button.correct{border-color:var(--lime);background:#26351a}.answers button.wrong{border-color:#f2aa69}.answers button:disabled{cursor:default}#feedback{font-size:14px;color:var(--muted);margin-top:18px;min-height:55px}.reset{background:none;border:0;border-bottom:1px solid var(--lime);color:var(--lime);padding:0;cursor:pointer;font-size:14px}.resolved .throw-path,.resolved .target-ring{opacity:1}.resolved .moving-ball{opacity:0}.moving-ball{animation:ball 3s infinite}@keyframes ball{0%,15%{transform:translate(52px,130px)}70%,100%{transform:translate(-10px,-37px)}}.training{display:grid;grid-template-columns:1fr 1fr;gap:5%;border-top:1px solid var(--border);overflow:hidden}.training-copy>p:not(.eyebrow){color:var(--muted)}.feature{display:flex;gap:22px;border-top:1px solid var(--border);padding:22px 0;max-width:490px}.feature>span{font-size:12px;color:var(--lime);padding-top:3px}.feature h3{font-size:19px;line-height:1.3;margin:0 0 9px}.feature p{font-size:15px;line-height:1.5;color:var(--muted);margin:0}.training-copy>.text-link{margin-top:15px}.phones{position:relative;min-height:650px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#31412d66,transparent 65%)}.phones img{display:block;width:100%;height:auto;border-radius:28px}.phone-front,.phone-back{border:6px solid #303a3e;border-radius:34px;width:240px;box-shadow:0 25px 60px #0009;position:absolute;overflow:hidden}.phone-front{transform:rotate(7deg) translate(65px,25px);z-index:1}.phone-back{transform:rotate(-9deg) translate(-85px,-30px);filter:brightness(.75)}.phone-note{position:absolute;bottom:0;color:#a5b99a;font-size:10px;letter-spacing:2px}.team{border-block:1px solid var(--border);display:grid;grid-template-columns:1.2fr 1fr;gap:10%;background:linear-gradient(130deg,#192919,#10191d)}.team h2{margin-bottom:0}.team>div:last-child{align-self:center}.team p:not(.eyebrow){color:#b6c1b6;max-width:410px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:7%}.faq h2{font-size:54px}.faq details{border-top:1px solid var(--border);padding:21px 0}.faq details:last-child{border-bottom:1px solid var(--border)}summary{cursor:pointer;font-weight:500;display:flex;justify-content:space-between;gap:20px;list-style:none;font-size:17px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--lime)}details[open] summary:after{content:'−'}.faq details p{color:var(--muted);font-size:16px;padding-top:18px;margin-bottom:0}.closing{text-align:center;background:radial-gradient(ellipse at bottom,#26372266,transparent 65%);border-top:1px solid var(--border)}.closing .eyebrow{justify-content:center}.closing h2{font-size:clamp(65px,8vw,120px)}.closing>p:last-child{color:var(--muted);font-size:14px;margin-top:18px}footer{border-top:1px solid var(--border);padding:30px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer p,footer>div{font-size:12px;color:var(--muted);margin:0}footer>div{display:flex;gap:25px}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.js .reveal.visible{opacity:1;transform:none}@media(min-width:1600px){.hero-content{padding-left:max(5%,calc((100vw - 1440px)/2))}}@media(max-width:1000px){.nav nav{gap:18px}.hero-content{width:78%;padding-top:160px}.hero{min-height:800px;height:auto}.ball-caption{right:4%;bottom:18%;width:170px}.hero-actions{gap:20px}.stats>div{flex-direction:column;gap:8px;align-items:flex-start;padding-left:20px}.stats>div:first-child{padding-left:0}.stats span{max-width:none}.section{padding:80px 5%}.play-layout{gap:5%}.phone-front,.phone-back{width:200px}.phone-front{transform:rotate(7deg) translate(40px,20px)}.phone-back{transform:rotate(-9deg) translate(-55px,-20px)}.phones{min-height:580px}.faq h2{font-size:44px}}@media(max-width:700px){.nav{height:74px;padding:0 6%}.brand{font-size:16px;gap:8px}.brand-icon{width:29px;height:29px;font-size:20px}.brand small{font-size:8px}.nav nav{display:none}.button.small{padding:8px 12px;font-size:12px}.hero{min-height:850px}.hero-art{background-position:65% center;opacity:.8}.hero-shade{background:linear-gradient(90deg,#080e12e8,#080e1244),linear-gradient(0deg,#080e12 0%,transparent 65%)}.hero-content{padding:128px 6% 180px;width:100%}h1{font-size:clamp(70px,15vw,100px);letter-spacing:-.8px;line-height:.96}.eyebrow{font-size:10px;letter-spacing:1.7px}.intro{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-bottom{left:6%;right:6%;font-size:8px}.hero-bottom>span{max-width:155px}.hero-bottom a{max-width:125px;text-align:right}.ball-caption{bottom:82px;right:6%;width:175px}.ball-caption p{font-size:16px}.ball-caption span{font-size:8px}.stats{grid-template-columns:repeat(2,1fr);padding:25px 6%;gap:28px 10px}.stats>div{padding-left:0;border:0}.stats strong{font-size:36px}.stats span{font-size:9px}.section{padding:70px 6%}h2{font-size:45px;letter-spacing:-.5px}.section-heading{text-align:left}.section-heading .eyebrow{justify-content:flex-start}.section-heading>p:last-child{font-size:16px}.play-layout,.training,.team,.faq{grid-template-columns:1fr;gap:40px}.play-layout{margin-top:35px}.decision h3{font-size:40px}.field-top,.field-bottom{padding:15px 12px;font-size:8px}.training .phones{min-height:545px;order:2}.phone-front,.phone-back{width:200px}.phone-front{transform:rotate(7deg) translate(55px,0)}.phone-back{transform:rotate(-9deg) translate(-60px,-25px)}.team{gap:25px}.faq h2{font-size:42px}.closing h2{font-size:64px}.closing .eyebrow{font-size:9px}footer{padding:28px 6%;flex-wrap:wrap}footer .brand{width:100%}footer p,footer>div{font-size:11px}footer>div{gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art{transform:none!important}.moving-ball{animation:none}.js .reveal{opacity:1;transform:none;transition:none}.button{transition:none}}

/* Slow stadium drift complements the pointer parallax. */
@media(prefers-reduced-motion:no-preference){.hero-art{animation:stadium-drift 18s ease-in-out infinite alternate}@keyframes stadium-drift{from{transform:scale(1.04) translate(var(--mx,0px),var(--my,0px))}to{transform:scale(1.10) translate(var(--mx,0px),var(--my,0px))}}}
.skip-link{position:absolute;left:16px;top:-80px;z-index:100;background:var(--lime);color:#080e12;padding:12px 20px}.skip-link:focus{top:12px}
@media(max-width:700px){.nav{flex-wrap:wrap;height:auto;min-height:100px;padding-top:14px;padding-bottom:10px;gap:12px}.nav nav{display:flex;order:3;width:100%;justify-content:center;gap:26px;font-size:12px}.hero-content{padding-top:160px}}
@media(max-width:360px){.nav .brand{font-size:14px;gap:6px}.nav .brand small{margin-left:4px;font-size:7px}.nav .button.small{font-size:10px;padding:8px 9px;gap:7px}.nav nav{gap:23px}}