:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080d1e;--panel:#161f38c7;--panel-strong:#131c33f0;--text:#f7f8ff;--muted:#aeb6cf;--line:#a1adcf3b;--orange:#ff5f33;--orange-hot:#ff3521;--purple:#7d5cff;--purple-soft:#a978ff;--tab:#121a30}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 16% 8%,#ff5f333d,#0000 34rem),radial-gradient(circle at 88% 8%,#7d5cff38,#0000 34rem),linear-gradient(#080d1e 0%,#0b1022 48%,#060a17 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}main{overflow:hidden}.hero{min-height:92vh;padding:28px clamp(18px,5vw,72px) 36px;position:relative}.hero:before{content:"";opacity:.72;background:linear-gradient(90deg,#080d1ef7,#080d1eb8 42%,#080d1e57),linear-gradient(#080d1e14,#080d1e 96%),url(/images/hero-live-football.png) 50%/cover no-repeat;position:absolute;inset:0}.stadiumGlow{pointer-events:none;background:linear-gradient(115deg,#ffffff14,#0000 30%),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 92px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 90%);mask-image:linear-gradient(#000 0%,#0000 90%)}.heroGrid{z-index:1;grid-template-columns:minmax(0,1fr) minmax(320px,520px);align-items:center;gap:clamp(32px,7vw,96px);max-width:1180px;min-height:calc(92vh - 64px);margin:0 auto;display:grid;position:relative}.brandRow{color:#f7f8ff;letter-spacing:0;align-items:center;gap:12px;min-height:44px;margin-bottom:clamp(38px,7vh,78px);font-size:.98rem;font-weight:800;display:inline-flex}.brandRow.compact{margin-bottom:0}.appMark{background:linear-gradient(145deg, var(--orange), var(--purple));color:#fff;border:1px solid #ff70427a;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 18px 44px #ff522d40}.eyebrow{color:#ffc1ac;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 18px;font-size:.86rem;font-weight:800;display:inline-flex}.liveDot{background:var(--orange);border-radius:50%;width:9px;height:9px;animation:1.7s infinite pulse;box-shadow:0 0 #ff5f33b8}h1,h2,h3,p{overflow-wrap:anywhere}h1{color:#fff;letter-spacing:0;max-width:820px;margin:0;font-size:clamp(3.2rem,8vw,6.9rem);line-height:.91}.lead{max-width:650px;color:var(--muted);margin:28px 0 0;font-size:clamp(1.02rem,1.65vw,1.28rem);line-height:1.7}.ctaRow{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.primaryCta,.secondaryCta{border-radius:8px;justify-content:center;align-items:center;min-height:56px;font-weight:900;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex}.primaryCta{background:linear-gradient(135deg, var(--orange), var(--orange-hot));color:#fff;gap:12px;padding:0 24px;box-shadow:0 18px 48px #ff482652}.primaryCta:hover,.secondaryCta:hover{transform:translateY(-2px)}.secondaryCta{border:1px solid var(--line);color:#eef1ff;background:#121a30b8;padding:0 22px}.downloadIcon{border-bottom:3px solid;width:18px;height:20px;position:relative}.downloadIcon:before{content:"";background:currentColor;width:4px;height:13px;position:absolute;top:0;left:7px}.downloadIcon:after{content:"";border-bottom:4px solid;border-right:4px solid;width:11px;height:11px;position:absolute;bottom:4px;right:2px;transform:rotate(45deg)}.trustStrip{color:#b6bfd8;flex-wrap:wrap;gap:10px;margin-top:26px;font-size:.82rem;display:flex}.trustStrip span{border:1px solid var(--line);background:#ffffff09;border-radius:999px;padding:8px 12px}.phoneStage{place-items:center;min-height:660px;display:grid;position:relative}.orbit{border:1px solid #ff5f332e;border-radius:50%;animation:18s linear infinite spin;position:absolute}.orbit.one{width:460px;height:460px}.orbit.two{border-color:#7d5cff2e;width:620px;height:620px;animation-duration:28s;animation-direction:reverse}.phone{background:linear-gradient(#ffffff1f,#0000 16%),linear-gradient(160deg,#18223c,#080d1e 60%,#121a30);border:1px solid #fff3;border-radius:36px;width:min(360px,84vw);min-height:640px;padding:18px;animation:6s ease-in-out infinite floatPhone;position:relative;box-shadow:0 34px 90px #0000006b,inset 0 0 0 8px #00000038}.phoneHeader,.tabs,.matchCard{justify-content:space-between;align-items:center;display:flex}.phoneHeader{color:#f7f8ff;min-height:42px;font-size:.92rem;font-weight:900}.pillLive{color:#ffb49f;background:#ff5f332e;border-radius:999px;padding:6px 10px;font-size:.72rem}.scoreHero{background:radial-gradient(circle at 70% 20%,#7d5cff47,#0000 11rem),linear-gradient(145deg,#ff5f3347,#7d5cff24);border:1px solid #ff704233;border-radius:22px;margin-top:18px;padding:20px}.scoreHero span{color:#ffd3c3;font-size:.8rem;font-weight:800}.scoreHero strong{margin-top:8px;font-size:2.05rem;line-height:1;display:block}.miniPitch{background:linear-gradient(90deg,#0000 49.5%,#f7f8ff33 50%,#0000 50.5%),repeating-linear-gradient(90deg,#ff5f3324 0 40px,#7d5cff14 40px 80px);border:1px solid #f7f8ff42;border-radius:18px;height:138px;margin-top:20px;position:relative;overflow:hidden}.miniPitch span{background:#fff;border-radius:50%;width:13px;height:13px;animation:4.8s ease-in-out infinite runBall;display:block;position:absolute;box-shadow:0 0 22px #ffffffb3}.miniPitch span:first-child{top:28%;left:18%}.miniPitch span:nth-child(2){animation-delay:-1.2s;top:58%;left:52%}.miniPitch span:nth-child(3){animation-delay:-2.1s;top:36%;left:76%}.tabs{gap:8px;margin:16px 0}.tabs span{background:var(--tab);color:#aeb6cf;text-align:center;border:1px solid #ffffff1f;border-radius:999px;flex:1;padding:9px 8px;font-size:.76rem;font-weight:800}.tabs span:first-child{background:linear-gradient(135deg, var(--orange), var(--orange-hot));color:#fff}.matchList{gap:10px;display:grid}.matchCard{background:#161f38c7;border:1px solid #ffffff1a;border-radius:18px;gap:12px;padding:14px}.matchCard small{color:#ff9d7c;font-size:.68rem;font-weight:900}.matchCard p{color:#f7f8ff;margin:4px 0 0;font-size:.9rem;font-weight:800}.matchCard p span{color:#8792b0;font-size:.72rem}.matchCard strong{color:#fff;white-space:nowrap;font-size:.88rem}.matchCard em{color:#c3c9dd;white-space:nowrap;font-size:.75rem;font-style:normal;font-weight:800}.band,.screenshotsBand,.seoBand,.aboutBand,.installBand,.faqBand{max-width:1180px;margin:0 auto;padding:74px clamp(18px,5vw,72px)}.sectionHead{max-width:720px}.sectionHead p{color:#ff9d7c;margin:0 0 10px;font-weight:800}h2{color:#fff;margin:0;font-size:clamp(2.2rem,5vw,4.4rem);line-height:1}.featureGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px;display:grid}.featureCard{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;padding:24px}.featureCard span{color:var(--orange);font-weight:900}.featureCard h3{color:#fff;margin:34px 0 12px;font-size:1.28rem}.featureCard p{color:var(--muted);margin:0;line-height:1.65}.screenshotsBand{overflow:hidden}.screenshotsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:34px;display:grid}.screenshotCard{min-width:0}.screenshotFrame{aspect-ratio:9/16;background:linear-gradient(#ffffff1a,#0000 18%),#070b18;border:1px solid #ffffff2e;border-radius:30px;padding:10px;position:relative;overflow:hidden;box-shadow:0 22px 54px #00000057,0 0 0 1px #ff5f3314}.screenshotFrame:before{z-index:2;content:"";background:#02040b;border-radius:999px;width:54px;height:12px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.screenshotFrame img{object-fit:cover;object-position:top center;border-radius:22px;width:100%;height:100%;display:block}.screenshotCard h3{color:#fff;margin:18px 0 8px;font-size:1rem}.screenshotCard p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}.seoBand{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:30px;display:grid}.seoCopy p:not(.eyebrow){max-width:760px;color:var(--muted);margin:24px 0 0;font-size:clamp(1rem,1.45vw,1.16rem);line-height:1.75}.keywordPanel{border:1px solid var(--line);background:radial-gradient(circle at 12% 0,#ff5f3329,#0000 14rem),#121a30a8;border-radius:8px;flex-wrap:wrap;gap:10px;padding:22px;display:flex}.keywordPanel span{color:#d9def1;background:#ffffff0a;border:1px solid #ffffff1c;border-radius:999px;padding:9px 12px;font-size:.84rem;font-weight:800}.aboutBand{border:1px solid var(--line);background:radial-gradient(circle at 100% 0,#7d5cff29,#0000 18rem),#161f388a;border-radius:8px}.aboutBand p:not(.sectionHead p){max-width:900px;color:var(--muted);margin:22px 0 0;font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.75}.installBand{border:1px solid var(--line);background:linear-gradient(120deg, #ff5f332e, #7d5cff1f), var(--panel-strong);border-radius:8px;grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);align-items:center;gap:30px;margin-bottom:52px;display:grid}.steps{gap:12px;display:grid}.step{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:14px;min-height:64px;padding:12px;display:flex}.step span{color:#ff9d7c;background:#ff5f3329;border-radius:8px;flex:none;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.step p{margin:0;font-weight:800}.wide{grid-column:2;width:100%}.faqBand{padding-top:22px}.faqGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px;display:grid}.faqGrid article{border:1px solid var(--line);background:#161f389e;border-radius:8px;padding:22px}.faqGrid h3{color:#fff;margin:0 0 12px;font-size:1.08rem}.faqGrid p{color:var(--muted);margin:0;line-height:1.65}.siteFooter{border:1px solid var(--line);background:radial-gradient(circle at 0 0,#ff5f3329,#0000 20rem),radial-gradient(circle at 100% 0,#7d5cff24,#0000 18rem),#0a1023db;border-radius:8px;max-width:1180px;margin:0 auto 36px;padding:34px clamp(18px,5vw,40px) 24px}.footerBrand{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding-bottom:28px;display:grid}.footerBrand p{max-width:680px;color:var(--muted);margin:14px 0 0;line-height:1.65}.footerCta{min-width:180px}.footerLinks{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:30px 0;display:grid}.footerLinks div{align-content:start;gap:10px;display:grid}.footerLinks h2{color:#fff;margin:0 0 6px;font-size:.92rem;line-height:1.2}.footerLinks a,.footerLinks span{color:var(--muted);font-size:.94rem;line-height:1.45}.footerLinks a{transition:color .16s}.footerLinks a:hover{color:#fff}.footerBottom{border-top:1px solid var(--line);color:#8792b0;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;font-size:.84rem;display:flex}.footerBottom p{max-width:720px;margin:0;line-height:1.55}.footerBottom span{flex:none}@keyframes pulse{0%{box-shadow:0 0 #ff5f33b8}70%{box-shadow:0 0 0 10px #ff5f3300}to{box-shadow:0 0 #ff5f3300}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatPhone{0%,to{transform:translateY(0)rotate(-1.2deg)}50%{transform:translateY(-18px)rotate(1.2deg)}}@keyframes runBall{0%,to{transform:translate(0)}50%{transform:translate(18px,-12px)}}@media (max-width:900px){.hero:before{opacity:.6;background:linear-gradient(#080d1ee6,#080d1eb8 48%,#080d1e 96%),url(/images/hero-live-football.png) 62% 0/auto 72vh no-repeat}.heroGrid,.seoBand,.installBand{grid-template-columns:1fr}.heroGrid{min-height:auto}.brandRow{margin-bottom:52px}.phoneStage{min-height:620px}.featureGrid{grid-template-columns:1fr}.screenshotsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.faqGrid,.footerBrand,.footerLinks{grid-template-columns:1fr}.footerBottom{flex-direction:column;align-items:flex-start}.wide{grid-column:1}}@media (max-width:560px){.hero{min-height:auto;padding-top:18px}h1{font-size:clamp(2.85rem,16vw,4.4rem)}.primaryCta,.secondaryCta{width:100%}.phoneStage{min-height:560px}.phone{border-radius:28px;min-height:590px;padding:14px}.screenshotsGrid{grid-template-columns:1fr}.screenshotFrame{max-width:320px;margin:0 auto}.scoreHero strong{font-size:1.7rem}.matchCard{flex-wrap:wrap;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
