:root { color-scheme:dark; --navy:#00101c; --cyan:#00c7ff; --blue:#006bff; --gold:#ffce51; --border:#12425a; --muted:#95b6cb; --body:'Barlow Condensed',Arial,sans-serif; --heading:'Inter',Arial,sans-serif; }
* { box-sizing:border-box; }
html { background:#000810; scroll-behavior:smooth; scroll-padding-top:20px; }
body { margin:0; color:#f5f8fc; background:#000b14; font:400 17px/1.35 var(--body); }
button,input { font:inherit; }
button,a { -webkit-tap-highlight-color:#00baff33; }
button { color:inherit; cursor:pointer; }
button { border:0; background:none; padding:0; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
h1,h2,h3,p,figure { margin:0; }
button:hover,a:hover { filter:brightness(1.15); }
a:focus-visible,button:focus-visible,input:focus-visible { outline:2px solid var(--cyan); outline-offset:4px; }
[tabindex="-1"]:focus { outline:none; }
button:disabled { cursor:default; }
.icon { width:24px; height:24px; flex-shrink:0; vertical-align:middle; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.skip-link { position:fixed; z-index:50; top:12px; left:12px; transform:translateY(-200%); padding:12px 20px; background:var(--blue); border-radius:5px; }
.skip-link:focus { transform:none; }
.site-shell { max-width:1440px; margin:auto; background:#000b13; overflow:hidden; }
.band { padding-left:54px; padding-right:36px; }
.eyebrow { color:var(--cyan); font-size:17px; font-weight:600; letter-spacing:2px; }
.panel { border:1px solid var(--border); border-radius:8px; background:linear-gradient(125deg,#061522dd,#00101bbf); }
.primary-button,.outline-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; border:1px solid #168eff; border-radius:6px; padding:11px 21px; background:linear-gradient(#087aff,#0061f3); color:white; font-weight:600; }
.outline-button { background:#031522c9; border-color:#28617d; }
.text-link { display:inline-flex; align-items:center; gap:4px; color:var(--cyan); font-size:15px; white-space:nowrap; }
.text-link .icon { width:15px; height:15px; }
.gold { color:var(--gold); }
.site-header { display:flex; align-items:center; gap:25px; height:76px; padding:0 0 0 52px; border-bottom:1px solid #15364b; background:linear-gradient(90deg,#011422,#000b15); }
.brand { display:inline-flex; align-items:center; gap:11px; flex-shrink:0; }
.brand-symbol { position:relative; display:block; width:48px; height:48px; border:4px solid #0a99ef; border-radius:50%; box-shadow:inset 0 0 0 2px #00101c,0 0 0 1px #3baeee; background:radial-gradient(circle,#000915 55%,#00263e); }
.brand-symbol::before { content:''; position:absolute; inset:-4px; border:4px solid transparent; border-top-color:#95ddff; border-bottom-color:#286495; border-radius:50%; transform:rotate(-35deg); }
.brand-symbol i { position:absolute; inset:3px; border:1px solid #0d6da6; border-left-color:transparent; border-right-color:transparent; border-radius:50%; transform:rotate(22deg); }
.brand-words { display:flex; flex-direction:column; line-height:1.06; }
.brand-words strong { font:700 29px/1.1 var(--heading); letter-spacing:-1px; }
.brand-words sup { font:10px var(--body); vertical-align:top; position:relative; top:3px; }
.brand-words>span { font-size:20px; font-weight:600; color:var(--cyan); letter-spacing:.25px; }
.desktop-nav { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-left:auto; white-space:nowrap; font-size:17px; }
.desktop-nav button { display:flex; align-items:center; gap:5px; }
.desktop-nav .icon { width:12px; height:12px; }
.header-search { display:flex; align-items:center; gap:13px; width:260px; min-width:170px; padding:11px 13px; margin-left:28px; border:1px solid #164761; border-radius:7px; background:#061b2b; color:#7fa2bb; text-align:left; font-size:14px; }
.header-search .icon { width:19px; height:19px; }
.sign-in { white-space:nowrap; font-size:17px; }
.header-download { align-self:center; font-size:16px; padding:12px 17px; white-space:nowrap; border-radius:6px 0 0 6px; }
.mobile-menu { display:none; }
.hero-grid { display:grid; grid-template-columns:minmax(0,2.08fr) minmax(0,1fr); gap:0; padding-right:22px; background:linear-gradient(90deg,#000b13,transparent); }
.hero-main { position:relative; min-height:444px; padding:17px 0 72px 52px; overflow:hidden; isolation:isolate; background:linear-gradient(90deg,#00101c 5%,#00101cbb 27%,#00101c22 72%),url('/assets/photos/stadium.png') center 55%/cover; }
.hero-main::after { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(0deg,#00101c 0%,transparent 28%,transparent 85%,#00101c33); pointer-events:none; }
.hero-copy { position:relative; z-index:3; width:62%; }
.hero-copy .eyebrow { font-size:18px; letter-spacing:2px; margin-bottom:5px; }
h1 { font:900 clamp(40px,4.42vw,66px)/.96 var(--heading); letter-spacing:-2.4px; text-shadow:0 2px 8px #0006; }
h1>span { color:#ff9653; background:linear-gradient(90deg,#ff532e 6%,#ffb145 94%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.hero-description { margin-top:12px; font-size:18px; line-height:1.35; text-shadow:0 1px 6px #000; }
.hero-actions { display:flex; gap:10px; margin-top:15px; }
.hero-button { justify-content:flex-start; min-width:242px; padding:10px 25px; gap:16px; font-size:18px; line-height:1.05; }
.hero-button .icon { width:29px; height:29px; }
.hero-button small { display:block; color:#bfdeff; margin-top:4px; font-weight:400; font-size:14px; }
.hero-players { position:absolute; z-index:1; width:62%; height:100%; right:-2%; top:0; pointer-events:none; mask-image:linear-gradient(0deg,transparent 2%,black 22%,black); }
.athlete-lineup { position:absolute; width:100%; max-width:none; height:auto; top:12px; right:0; filter:drop-shadow(0 0 12px #0ca7ff55); }
.hero-benefits { position:absolute; left:53px; right:15px; bottom:15px; display:flex; gap:22px; z-index:5; }
.hero-benefits>a { display:flex; align-items:center; gap:11px; font-size:16px; line-height:1.15; white-space:nowrap; }
.hero-benefits small { display:block; font-size:12px; color:#9ebed3; margin-top:3px; }
.mini-icon { width:42px; height:42px; display:flex; align-items:center; justify-content:center; border:1px solid #276182; background:linear-gradient(135deg,#0b314a,#00101c); border-radius:7px; box-shadow:inset 0 0 0 3px #00101c; }
.mini-icon .icon { width:28px; height:28px; }
.glory-card { margin:16px 0 18px; padding:14px 18px; background:linear-gradient(145deg,#15232b30,#010a12f0 65%); }
.glory-card-title { display:flex; gap:12px; align-items:center; position:relative; }
.gold-trophy { color:var(--gold); filter:drop-shadow(0 3px 2px #a56228); }
.gold-trophy .icon { width:47px; height:47px; stroke-width:1.8; fill:#e8ad2644; }
.glory-card h2 { font-size:34px; line-height:1; font-style:italic; font-weight:800; color:var(--gold); letter-spacing:.3px; }
.glory-card-title p { font-size:13px; letter-spacing:.7px; margin-top:5px; }
.info-button { position:absolute; right:-3px; top:0; color:#8d9aa8; }
.info-button .icon { width:16px; height:16px; }
.progress-labels { display:flex; justify-content:space-between; margin-top:19px; line-height:1.1; }
.progress-labels>span:last-child { text-align:right; }
.progress-labels small { display:block; color:#8e9aac; font-size:12px; letter-spacing:1px; }
.progress-labels strong { font-size:26px; font-weight:600; }
.progress-track { height:17px; overflow:hidden; background:#244354; border-radius:10px; margin:9px 0 6px; }
.progress-track>span { display:block; width:42.8317%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#ffb52f,#ffce5c); box-shadow:0 0 12px #ffaa4c55; }
.progress-caption { display:flex; justify-content:space-between; font-size:14px; color:#c2ccdb; }
.progress-caption b { color:var(--gold); }
.reward-carousel { position:relative; margin:17px 9px 10px; }
.reward-cards { display:grid; grid-template-columns:1fr 1fr; gap:5px; }
.reward-card { overflow:hidden; border:1px solid #315064; border-radius:8px; text-align:left; background:#00111c; min-width:0; }
.reward-card>img,.reward-symbol { width:100%; height:101px; object-fit:cover; }
.reward-caption { display:flex; align-items:center; gap:8px; padding:7px 8px; background:linear-gradient(#091623,#000a12); min-height:49px; }
.reward-caption>.icon { width:17px; height:17px; color:#ffd05b; }
.reward-caption b { font-size:12px; color:#ffd15a; display:block; line-height:1.1; }
.reward-caption small { font-size:14px; display:block; line-height:1.1; margin-top:3px; }
.carousel-arrow { position:absolute; z-index:2; top:37%; border:1px solid #49677c; border-radius:50%; background:#09253a; width:30px; height:30px; display:grid; place-items:center; }
.carousel-arrow .icon { width:17px; height:17px; }
.carousel-arrow.prev { left:-24px; transform:rotate(180deg); }
.carousel-arrow.next { right:-24px; }
.all-milestones { float:right; margin-top:1px; }
.dashboard-wrap { padding:0 22px 20px; }
.sports-bar { display:flex; justify-content:space-between; padding:10px 17px 11px; gap:8px; margin-bottom:15px; }
.sport-button { display:flex; flex-direction:column; align-items:center; gap:5px; min-width:46px; font-size:14px; white-space:nowrap; }
.sport-button>img,.sport-button>.icon { width:34px; height:34px; object-fit:contain; }
.sport-icon.tennis { color:#c9ed19; fill:#9dac152e; }
.sport-icon.golf { color:#d5ebba; }
.sport-icon.mma,.sport-icon.boxing { color:#f63751; fill:#e42e5540; }
.sport-icon.swimming { color:#00bbff; }
.ncaa-logo { display:inline-flex; align-items:center; justify-content:center; width:37px; height:37px; border-radius:50%; font:bold italic 13px var(--body); background:#0085d1; color:white; }
.nascar-logo { display:flex; align-items:center; gap:2px; height:34px; }
.nascar-logo i { display:block; width:4px; height:18px; transform:skew(-18deg); background:#ffc20a; }
.nascar-logo i:nth-child(2){background:#e5243b}
.nascar-logo i:nth-child(3){background:#0087d0}
.nascar-logo b { font-size:25px; font-style:italic; }
.dashboard { display:grid; grid-template-columns:1.38fr 1.08fr .88fr; grid-template-rows:auto auto; gap:15px 13px; }
.panel-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; }
.panel-heading h2 { font-size:18px; font-weight:600; line-height:1; }
.games-panel,.news-panel,.arena-panel,.teams-panel,.insights-panel { padding:12px; min-width:0; }
.games-panel { grid-column:1; grid-row:1; align-self:start; }
.news-panel { grid-column:2; grid-row:1; align-self:start; }
.arena-panel { grid-column:3; grid-row:1; align-self:start; }
.game-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.game-card { position:relative; min-height:137px; padding:10px 8px; text-align:left; border:1px solid #174660; border-radius:7px; background:linear-gradient(135deg,#09223677,#03111c); }
.game-time { display:block; color:#b6d0e5; font-size:14px; margin-bottom:9px; white-space:nowrap; }
.live-badge { background:#f92f49; padding:2px 4px; color:white; border-radius:3px; margin-right:4px; font-size:13px; }
.score-row { display:flex; align-items:center; gap:10px; margin-top:7px; font-size:16px; }
.score-row>.team-logo { width:35px; height:35px; object-fit:contain; }
.score-row>strong { margin-left:auto; font-size:19px; font-weight:600; }
.baseball-count { position:absolute; right:4px; bottom:11px; font-size:10px; display:flex; flex-direction:column; align-items:center; }
.baseball-count>span { font-size:17px; color:#94bdd7; letter-spacing:-3px; }
.baseball-count i { color:#f9ca45; font-style:normal; }
.game-card:first-child .score-row { padding-right:46px; gap:5px; }
.game-card:first-child .score-row strong { margin-left:3px; }
.news-list { display:grid; gap:7px; }
.news-item { display:flex; gap:10px; text-align:left; min-width:0; }
.news-item>img { width:87px; height:50px; object-fit:cover; object-position:50% 20%; background:linear-gradient(30deg,#144967,#052033); border-radius:5px; border:1px solid #1f4d63; }
.news-item>span { align-self:center; }
.news-item strong { display:block; font-size:15px; font-weight:500; line-height:1.15; }
.news-item small { display:block; color:#8fb1ca; font-size:13px; margin-top:3px; }
.arena-banner { width:100%; height:95px; display:flex; align-items:flex-end; justify-content:center; padding:8px; background:linear-gradient(0deg,#000915,transparent 50%),url('/assets/photos/stadium.png') 50% 88%/cover; border:1px solid #163d55; border-radius:5px; }
.arena-banner strong { font-size:22px; color:var(--gold); font-weight:700; text-shadow:0 2px 6px #000; }
.arena-features { display:flex; justify-content:space-between; margin:7px 0 10px; }
.arena-features button { display:flex; align-items:center; flex-direction:column; gap:2px; font-size:12px; white-space:nowrap; }
.arena-features .icon { width:20px; height:20px; }
.arena-panel>.primary-button { width:100%; padding:8px; font-size:16px; }
.arena-panel>.primary-button .icon { width:23px; height:23px; }
.teams-panel { grid-column:1; grid-row:2; margin-top:-28px; align-self:end; }
.teams-grid { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:7px; }
.team-card { display:flex; align-items:center; flex-direction:column; gap:8px; background:#00111d; border:1px solid #123e55; border-radius:6px; padding:8px 3px 5px; min-width:0; }
.team-card>.team-logo { width:48px; height:48px; object-fit:contain; }
.team-card>span { font-size:13px; white-space:nowrap; }
.follow-control { color:var(--cyan); border:1px solid #057eac; box-shadow:inset 0 0 0 2px #00101c; padding:1px 3px 2px; font-size:12px; min-width:44px; border-radius:3px; }
.follow-control[aria-pressed="true"] { color:#ffe07b; border-color:#ccb557; background:#40310d; }
.insights-panel { grid-column:2/4; grid-row:2; align-self:end; margin-top:-9px; }
.insight-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
.insight-card { display:block; position:relative; height:120px; text-align:left; padding:9px 12px; overflow:hidden; border:1px solid #174660; border-radius:6px; background:linear-gradient(140deg,#0c2c4399,#00101d); }
.insight-card strong,.insight-card>span { position:relative; z-index:2; display:block; }
.insight-card strong { font-size:17px; font-weight:500; }
.insight-card>span { color:#96b8d3; font-size:15px; }
.probability-chart { position:absolute; left:13px; right:13px; bottom:8px; width:calc(100% - 26px); height:63px; }
.what-if { background:linear-gradient(90deg,#061525,#03294544),url('/assets/photos/stadium.png') center/cover; }
.what-if>img { position:absolute; right:-10px; top:33px; width:68%; max-width:none; opacity:.9; }
.play-chart { position:absolute; width:calc(100% - 28px); left:14px; bottom:3px; height:65px; }
.road-section { display:grid; grid-template-columns:39% 61%; gap:13px; min-height:300px; padding-top:25px; padding-bottom:21px; border-block:1px solid #184057; background:linear-gradient(90deg,#001421e6 25%,#00101c77),url('/assets/photos/stadium.png') center 61%/cover; }
.road-intro h2 { display:flex; align-items:center; gap:15px; font-size:48px; font-weight:800; font-style:italic; color:var(--gold); white-space:nowrap; }
.road-intro .gold-trophy .icon { width:62px; height:62px; }
.road-tagline { margin-top:8px; font-size:17px; letter-spacing:.6px; }
.road-intro>p:not(.road-tagline) { max-width:475px; margin-top:17px; font-size:17px; line-height:1.3; }
.road-intro>.primary-button { min-width:180px; margin-top:20px; font-size:16px; padding:9px 20px; }
.road-map { position:relative; display:grid; grid-template-columns:.8fr repeat(4,1fr); align-items:start; padding-top:20px; }
.road-map::before { content:''; position:absolute; top:39px; left:0; right:8px; height:4px; background:linear-gradient(90deg,transparent,#ffdf6b 6%,#ffdd55 11%,#4c7994 14%,#83b6d7 80%,transparent); box-shadow:0 0 10px #52bfff33; }
.milestone,.milestone-current { z-index:1; text-align:center; min-width:0; display:flex; align-items:center; flex-direction:column; font-size:17px; }
.milestone-dot { width:29px; height:29px; margin:5px 0 12px; background:#123b57; border:3px solid #688eaa; box-shadow:0 0 0 2px #00101c; border-radius:50%; display:grid; place-items:center; }
.milestone-dot>.icon { width:18px; height:18px; }
.milestone-dot.active { width:22px; height:22px; margin-top:8px; margin-bottom:16px; border-color:#ffe1a1; background:#d7a626; box-shadow:0 0 0 3px #956214,0 0 20px #ffd435; }
.milestone strong,.milestone-current strong { font-size:23px; font-weight:600; line-height:1.2; }
.milestone small,.milestone-current small { font-size:15px; }
.prize-name { font-size:14px; white-space:nowrap; line-height:1.2; }
.milestone>img { width:100%; height:93px; margin-top:14px; object-fit:cover; border-radius:8px; mask-image:linear-gradient(0deg,transparent,#000 25%,#000 75%,transparent); }
.prize-trophy { color:var(--gold); margin-top:12px; filter:drop-shadow(0 0 14px #ffa21788); }
.prize-trophy>.icon { width:70px; height:91px; fill:#c8a44155; stroke-width:1.6; }
.mystery-prize { margin-top:19px; font:bold 65px/1.1 var(--heading); background:linear-gradient(125deg,#101c28,#020711 35%,#3c5263 52%,#000510 70%); border-radius:50% 50% 10% 10%; width:93px; height:86px; border-bottom:2px solid #507b94; text-shadow:0 0 20px white; }
.road-map>.text-link { position:absolute; bottom:0; right:0; }
.why-section { position:relative; display:grid; grid-template-columns:29% 71%; min-height:415px; padding-top:27px; padding-bottom:86px; border-bottom:1px solid #153b50; background:linear-gradient(0deg,#00101c00,#00101ce8 72%),url('/assets/photos/stadium.png') center 77%/cover; }
.why-intro h2 { font:800 54px/.99 var(--heading); letter-spacing:-2px; margin:8px 0 16px; }
.why-intro>p:last-child { font-size:17px; line-height:1.25; }
.feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.feature-card { display:flex; align-items:flex-start; gap:18px; padding:18px; text-align:left; background:#00101deb; }
.feature-icon { display:grid; place-items:center; border:2px solid #00b5e8; border-radius:50%; width:48px; height:48px; flex-shrink:0; box-shadow:inset 0 0 0 3px #00101c; background:#042a42; }
.feature-icon>.icon { width:30px; height:30px; }
.feature-card strong { display:block; font-size:21px; font-weight:500; line-height:1.1; white-space:nowrap; }
.feature-card em { display:block; font-size:17px; color:var(--cyan); font-style:normal; margin-top:3px; }
.feature-card>span>span { display:block; font-size:16px; color:#bfccdc; line-height:1.3; margin-top:12px; }
.download-section { position:relative; display:grid; grid-template-columns:35% 40% 25%; align-items:center; min-height:260px; padding-top:20px; padding-bottom:20px; background:radial-gradient(ellipse at 55% 60%,#03487960,transparent 60%),#00101c; border-bottom:1px solid #153b50; }
.download-copy h2 { font:800 38px/1.1 var(--heading); letter-spacing:-1.3px; margin:7px 0 16px; }
.download-copy>p:last-of-type { font-size:18px; line-height:1.25; }
.store-buttons { display:flex; gap:14px; margin-top:19px; }
.store-button { display:flex; align-items:center; gap:10px; padding:9px 16px; min-width:174px; border:1px solid #5b788a; border-radius:7px; background:#00070e; text-align:left; font-size:23px; font-weight:500; line-height:1; }
.store-button>.icon { width:35px; height:35px; }
.store-button small { font-size:12px; display:block; font-weight:400; margin-bottom:4px; }
.download-benefits { display:grid; gap:13px; padding-left:25px; }
.download-benefits>div { display:flex; align-items:center; gap:17px; font-size:16px; line-height:1.1; }
.download-benefits small { display:block; color:#8facc1; font-size:14px; margin-top:4px; }
.device-scene { position:relative; width:100%; height:240px; margin-top:-75px; perspective:1000px; }
.laptop { position:absolute; left:5%; bottom:0; width:90%; height:265px; padding:12px 10px 13px; background:linear-gradient(125deg,#718896,#000 10%,#07111b); border:2px solid #8b9ca6; border-radius:13px; transform:rotate(-7deg) rotateY(-9deg); box-shadow:0 10px 28px #0008; }
.laptop-screen { position:relative; height:100%; overflow:hidden; background:#00101b; border:1px solid #233e52; }
.laptop-camera { position:absolute; top:4px; left:50%; width:3px; height:3px; border-radius:50%; background:#1d89a8; }
.laptop-base { position:absolute; height:14px; bottom:-12px; left:-7%; width:114%; border-radius:0 0 50% 50%; border:1px solid #597383; background:linear-gradient(#253b4e,#748b9b 40%,#07101b 70%); }
.mini-nav { display:flex; align-items:center; justify-content:space-between; padding:6px; font-size:7px; border-bottom:1px solid #14364b; }
.mini-brand { color:#8fddff; font-size:12px; }
.mini-hero { height:117px; padding:8px 10px; position:relative; overflow:hidden; background:linear-gradient(90deg,#00101c88,transparent),url('/assets/photos/stadium.png') center/cover; }
.mini-hero>strong { font:900 21px/.95 var(--heading); position:relative; z-index:2; }
.mini-hero em { color:#ffab39; font-style:normal; }
.mini-hero>img { position:absolute; right:0; width:59%; top:0; }
.mini-button { position:absolute; left:10px; bottom:9px; padding:4px 9px; background:#006fff; font-size:7px; }
.mini-logos { display:flex; justify-content:space-around; padding:5px; border-block:1px solid #174761; }
.mini-logos img { width:19px; height:19px; object-fit:contain; }
.mini-panels { display:flex; gap:6px; padding:7px; }
.mini-panels span { padding:5px; border:1px solid #16405a; border-radius:3px; flex:1; font-size:6px; }
.mini-panels b { display:block; font-size:7px; margin-top:5px; }
.community-section { padding-top:21px; padding-bottom:16px; }
.community-heading { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:14px; }
.community-heading h2 { font:800 36px/1.15 var(--heading); letter-spacing:-1.2px; margin-top:3px; }
.community-stats { display:flex; gap:26px; }
.community-stats>div { display:flex; align-items:center; gap:12px; position:relative; }
.community-stats>div+div::before { content:''; position:absolute; width:1px; height:34px; background:#17516c; left:-13px; }
.community-stats .icon { color:#00aeef; width:36px; height:36px; }
.community-stats>div:last-child .icon { color:var(--gold); }
.community-stats strong { display:block; color:#64c8ff; font-size:24px; font-weight:600; }
.community-stats small { display:block; color:#aac6dc; font-size:15px; }
.community-stats>div:last-child strong { color:white; }
.testimonials { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.testimonial { display:flex; align-items:center; gap:18px; padding:16px 19px; background:radial-gradient(ellipse at 20% 100%,#06325388,transparent 70%),#00101c; }
.avatar { object-fit:cover; width:62px; height:62px; flex-shrink:0; border-radius:50%; display:grid; place-items:center; font:700 25px var(--heading); border:2px solid #668490; background:linear-gradient(140deg,#534a3d,#123b48); }
.avatar-1{background:linear-gradient(140deg,#4a3557,#163747)}
.avatar-2{background:linear-gradient(140deg,#2c5263,#072632)}
.testimonial blockquote { margin:0; font-size:16px; font-style:italic; line-height:1.3; }
.testimonial figcaption { display:flex; justify-content:space-between; align-items:center; margin-top:10px; font-size:15px; }
.testimonial figcaption small { display:block; color:#87b9d7; font-size:13px; }
.stars { color:#ffce45; letter-spacing:3px; font-size:20px; }
.aggregators { display:flex; align-items:center; gap:35px; padding-top:15px; padding-bottom:15px; border-block:1px solid #17445d; background:linear-gradient(#00101cbb,#00101cdd),url('/assets/photos/stadium.png') center/cover; }
.aggregators h2 { font-size:15px; letter-spacing:1px; font-weight:600; }
.aggregators p { font-size:14px; line-height:1.1; color:#a7c1d6; margin-top:4px; }
.aggregators>div:first-child { flex-shrink:0; }
.aggregator-logos { display:flex; align-items:center; justify-content:space-between; gap:22px; width:100%; }
.aggregator-logos>.team-logo { width:36px; height:36px; object-fit:contain; }
.aggregator-logos>.team-logo[src*='f1'] { width:49px; }
.aggregator-logos>span { white-space:nowrap; }
.espn-wordmark { color:#ff1839; font:bold italic 28px Arial,sans-serif; letter-spacing:-3px; }
.athletic-wordmark { font:bold 20px Georgia,serif; letter-spacing:-1.5px; }
.fox-wordmark { font:bold 24px/.8 Arial,sans-serif; text-align:center; }
.fox-wordmark small { display:block; font-size:8px; margin-top:4px; }
.cbs-wordmark { font:bold 14px Arial,sans-serif; }
.nbc-wordmark { font-size:38px; line-height:.7; color:#ffb31a; text-shadow:-7px -3px #a9259b,7px -3px #1599e0; text-align:center; }
.nbc-wordmark small { display:block; color:white; font:bold 13px Arial; text-shadow:none; margin-top:5px; }
.sky-wordmark { font:600 20px Arial; }
.sky-wordmark b { background:#df153c; padding:1px 3px; }
.dazn-wordmark { font:600 14px/1 Arial; letter-spacing:4px; border:1px solid #bdccda; padding:4px 1px 4px 5px; }
.footer-main { display:grid; grid-template-columns:2.1fr 1fr .8fr .85fr 1.35fr 1.2fr; gap:20px; padding-top:22px; padding-bottom:22px; background:linear-gradient(100deg,#00121c,#00101c); }
.footer-brand .brand-symbol { width:42px; height:42px; }
.footer-brand .brand-words strong { font-size:25px; }
.footer-brand .brand-words>span { font-size:17px; }
.footer-brand p { margin-top:12px; font-size:17px; }
.footer-column h3,.footer-social h3 { font-size:15px; font-weight:500; margin-bottom:3px; }
.footer-column { border-left:1px solid #092636; padding-left:24px; }
.footer-column>a,.footer-column>button { display:block; font-size:14px; color:#9fb9cd; text-align:left; line-height:1.4; }
.footer-social { border-left:1px solid #092636; padding-left:24px; }
.footer-social>div { display:flex; gap:20px; margin-top:10px; }
.footer-social .icon { width:21px; height:21px; }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; padding-top:15px; padding-bottom:18px; border-top:1px solid #11364a; background:#00121f; color:#88b0ca; font-size:13px; }
.footer-bottom>span:last-child { font-size:12px; letter-spacing:.9px; }
@media(min-width:1101px) and (max-width:1320px) {
 .site-header{gap:17px;padding-left:32px}
.desktop-nav{gap:18px}
.header-search{margin-left:5px;width:200px}
.brand-words strong{font-size:26px}
.brand-symbol{width:43px;height:43px}
.hero-button{min-width:205px;padding-inline:18px}
.hero-benefits{gap:14px}
.hero-benefits>a{gap:8px;font-size:15px}
.hero-benefits small{font-size:11px}
.glory-card h2{font-size:29px}
.feature-card{gap:12px;padding:14px}
.feature-card strong{font-size:18px}
.feature-icon{width:39px;height:39px}
.feature-card em{font-size:15px}
.community-heading h2{font-size:29px}
.community-stats{gap:20px}
.community-stats .icon{width:29px}
.aggregator-logos{gap:15px}
.store-button{min-width:150px;padding:8px 12px;font-size:20px}
.why-intro h2{font-size:47px}
}
@media(max-width:1100px) {
 body{font-size:15px}
.band{padding-left:34px;padding-right:25px}
.site-header{height:58px;gap:15px;padding-left:34px}
.brand-symbol{width:34px;height:34px;border-width:3px}
.brand-words strong{font-size:23px}
.brand-words>span{font-size:16px}
.brand{gap:8px}
.desktop-nav{gap:19px;font-size:14px}
.header-search{width:170px;min-width:135px;margin-left:13px;padding:8px 10px;font-size:11px;gap:8px}
.sign-in{font-size:14px}
.header-download{font-size:13px;padding:9px 11px}
.hero-grid{padding-right:14px;grid-template-columns:2.08fr 1fr}
.hero-main{min-height:320px;padding:14px 0 65px 34px}
.hero-copy .eyebrow{font-size:14px;letter-spacing:1.5px}
.hero-copy{width:62%}
h1{font-size:45px;letter-spacing:-1.6px}
.hero-description{font-size:14px;margin-top:8px}
.hero-actions{gap:7px;margin-top:11px}
.hero-button{min-width:173px;padding:8px 16px;font-size:14px;gap:12px}
.hero-button .icon{width:22px;height:22px}
.hero-button small{font-size:11px;margin-top:3px}
.hero-benefits{left:35px;right:5px;gap:14px;bottom:14px}
.hero-benefits>a{font-size:12px;gap:8px}
.hero-benefits small{font-size:10px}
.mini-icon{width:31px;height:31px}
.mini-icon .icon{width:22px;height:22px}
.glory-card{padding:12px;margin-top:11px;margin-bottom:15px}
.gold-trophy .icon{width:35px;height:35px}
.glory-card-title{gap:8px}
.glory-card h2{font-size:25px}
.glory-card-title p{font-size:10px;letter-spacing:.3px}
.progress-labels{margin-top:12px}
.progress-labels strong{font-size:20px}
.progress-labels small{font-size:10px}
.progress-track{height:13px;margin:6px 0 4px}
.progress-caption{font-size:11px}
.reward-carousel{margin-top:12px}
.reward-card>img{height:70px}
.reward-caption{gap:5px;padding:6px 5px;min-height:39px}
.reward-caption b{font-size:10px}
.reward-caption small{font-size:11px}
.reward-caption>.icon{width:13px}
.carousel-arrow{width:24px;height:24px}
.carousel-arrow.prev{left:-21px}
.carousel-arrow.next{right:-21px}
.text-link{font-size:12px}
.dashboard-wrap{padding:0 14px 15px}
.sports-bar{padding:10px 15px;margin-bottom:10px}
.sport-button{font-size:11px;min-width:35px}
.sport-button>img,.sport-button>.icon{width:27px;height:27px}
.ncaa-logo{width:28px;height:28px;font-size:10px}
.nascar-logo{height:27px}
.nascar-logo i{height:15px;width:3px}
.nascar-logo b{font-size:20px}
.dashboard{gap:11px 10px}
.panel-heading h2{font-size:14px}
.games-panel,.news-panel,.arena-panel,.teams-panel,.insights-panel{padding:9px}
.game-grid{gap:7px}
.game-card{padding:7px;min-height:101px}
.game-time{font-size:11px;margin-bottom:6px}
.live-badge{font-size:10px}
.score-row{font-size:12px;gap:8px;margin-top:4px}
.score-row>.team-logo{width:26px;height:26px}
.score-row>strong{font-size:15px}
.game-card:first-child .score-row{padding-right:25px;gap:4px}
.baseball-count{font-size:8px;bottom:6px;right:2px}
.baseball-count>span{font-size:14px}
.news-list{gap:6px}
.news-item{gap:8px}
.news-item>img{width:63px;height:37px}
.news-item strong{font-size:12px}
.news-item small{font-size:11px}
.arena-banner{height:72px;padding:5px}
.arena-banner strong{font-size:17px}
.arena-features{margin:5px 0 7px}
.arena-features button{font-size:9px}
.arena-features .icon{width:17px;height:17px}
.arena-panel>.primary-button{padding:6px;font-size:12px}
.arena-panel>.primary-button .icon{width:17px;height:17px}
.teams-panel{margin-top:-20px}
.teams-grid{gap:5px}
.team-card{gap:6px;padding:7px 2px 4px}
.team-card>.team-logo{width:37px;height:37px}
.team-card>span{font-size:10px}
.follow-control{font-size:10px;min-width:33px;padding:0 2px 1px}
.insight-card{height:88px;padding:6px 8px}
.insight-card strong{font-size:14px}
.insight-card>span{font-size:12px}
.probability-chart{height:40px;bottom:7px;left:10px;width:calc(100% - 20px)}
.play-chart{height:45px}
.road-section{min-height:220px;padding-top:18px;padding-bottom:16px}
.road-intro h2{font-size:35px;gap:12px}
.road-intro .gold-trophy .icon{width:45px;height:45px}
.road-tagline{font-size:13px}
.road-intro>p:not(.road-tagline){font-size:13px;margin-top:13px}
.road-intro>.primary-button{font-size:12px;margin-top:15px;padding:7px;min-width:125px}
.road-map{padding-top:13px}
.road-map::before{top:29px}
.milestone-dot{width:24px;height:24px;margin-bottom:9px}
.milestone-dot.active{width:18px;height:18px;margin-bottom:12px}
.milestone-dot>.icon{width:15px;height:15px}
.milestone strong,.milestone-current strong{font-size:18px}
.milestone small,.milestone-current small{font-size:12px}
.prize-name{font-size:11px}
.milestone>img{height:68px;margin-top:8px}
.prize-trophy>.icon{width:55px;height:70px}
.prize-trophy{margin-top:8px}
.mystery-prize{font-size:48px;height:64px;width:70px;margin-top:12px}
.why-section{min-height:310px;padding-top:19px;padding-bottom:67px}
.why-intro h2{font-size:40px;letter-spacing:-1.4px;margin:7px 0 13px}
.eyebrow{font-size:13px;letter-spacing:1.5px}
.why-intro>p:last-child{font-size:13px}
.feature-grid{gap:10px}
.feature-card{gap:13px;padding:13px}
.feature-icon{width:36px;height:36px}
.feature-icon>.icon{width:24px;height:24px}
.feature-card strong{font-size:16px}
.feature-card em{font-size:13px}
.feature-card>span>span{font-size:12px;margin-top:10px}
.download-section{min-height:196px;padding-top:16px;padding-bottom:16px}
.download-copy h2{font-size:28px;letter-spacing:-.8px;margin:5px 0 13px}
.download-copy>p:last-of-type{font-size:14px}
.store-buttons{gap:10px;margin-top:15px}
.store-button{min-width:127px;font-size:17px;padding:7px 10px;gap:7px}
.store-button>.icon{width:27px;height:27px}
.store-button small{font-size:9px}
.download-benefits{gap:10px;padding-left:17px}
.download-benefits>div{gap:12px;font-size:12px}
.download-benefits small{font-size:11px}
.device-scene{height:175px;margin-top:-62px}
.laptop{height:196px;left:5%;padding:9px 7px 10px}
.mini-hero{height:84px;padding:5px 7px}
.mini-hero>strong{font-size:16px}
.mini-nav{padding:4px;font-size:5px}
.mini-brand{font-size:9px}
.mini-button{font-size:5px;padding:3px 6px;bottom:4px;left:7px}
.mini-logos{padding:4px}
.mini-logos img{width:14px;height:14px}
.mini-panels{padding:5px;gap:4px}
.mini-panels span{font-size:4px;padding:3px}
.mini-panels b{font-size:5px}
.community-section{padding-top:16px;padding-bottom:13px}
.community-heading{margin-bottom:11px}
.community-heading h2{font-size:27px;letter-spacing:-1px}
.community-stats{gap:22px}
.community-stats>div{gap:9px}
.community-stats .icon{width:28px;height:28px}
.community-stats strong{font-size:18px}
.community-stats small{font-size:12px}
.community-stats>div+div::before{left:-11px;height:27px}
.testimonials{gap:10px}
.testimonial{padding:12px 14px;gap:12px}
.avatar{width:45px;height:45px;font-size:20px}
.testimonial blockquote{font-size:12px}
.testimonial figcaption{font-size:12px;margin-top:7px}
.testimonial figcaption small{font-size:10px}
.stars{font-size:16px;letter-spacing:1px}
.aggregators{gap:26px;padding-top:12px;padding-bottom:12px}
.aggregators h2{font-size:11px}
.aggregators p{font-size:11px}
.aggregator-logos{gap:17px}
.aggregator-logos>.team-logo{width:28px;height:28px}
.aggregator-logos>.team-logo[src*='f1']{width:36px}
.espn-wordmark{font-size:22px}
.athletic-wordmark{font-size:15px}
.fox-wordmark{font-size:20px}
.fox-wordmark small{font-size:6px}
.cbs-wordmark{font-size:11px}
.nbc-wordmark{font-size:29px}
.nbc-wordmark small{font-size:10px}
.sky-wordmark{font-size:16px}
.dazn-wordmark{font-size:11px;letter-spacing:3px}
.footer-main{padding-top:16px;padding-bottom:16px;gap:15px}
.footer-brand .brand-symbol{width:32px;height:32px}
.footer-brand .brand-words strong{font-size:19px}
.footer-brand .brand-words>span{font-size:13px}
.footer-brand p{font-size:13px;margin-top:10px}
.footer-column,.footer-social{padding-left:17px}
.footer-column h3,.footer-social h3{font-size:12px}
.footer-column>a,.footer-column>button{font-size:11px}
.footer-social>div{gap:15px}
.footer-social .icon{width:17px;height:17px}
.footer-bottom{font-size:11px;padding-top:12px;padding-bottom:14px}
.footer-bottom>span:last-child{font-size:10px}
}
@media(max-width:900px) {
 .desktop-nav{gap:12px}
.site-header{gap:12px;padding-left:22px}
.header-search{margin-left:auto;min-width:32px;width:34px;padding:6px}
.header-search span{display:none}
.hero-copy{width:65%}
.hero-button{min-width:156px;padding-inline:10px}
.hero-description{font-size:13px}
.hero-copy .eyebrow{font-size:12px}
.hero-benefits{gap:10px;left:25px}
.hero-benefits>a{font-size:11px;gap:5px}
.hero-benefits small{font-size:9px}
.hero-benefits .mini-icon{width:26px;height:29px}
.hero-main{padding-left:25px}
.glory-card h2{font-size:22px}
.glory-card-title{gap:6px}
.glory-card-title p{font-size:9px}
.gold-trophy .icon{width:28px}
.game-card{padding-inline:5px}
.game-time{font-size:10px}
.score-row{gap:5px;font-size:11px}
.game-card:first-child .score-row{padding-right:21px}
.score-row>.team-logo{width:23px}
.feature-card{padding:10px;gap:8px}
.feature-icon{width:30px;height:30px}
.feature-icon>.icon{width:20px}
.feature-card strong{font-size:15px}
.feature-card em{font-size:12px}
.road-intro h2{font-size:31px}
.road-tagline{font-size:12px}
.prize-name{font-size:10px}
.store-button{min-width:112px;padding:7px;font-size:15px}
.store-button>.icon{width:22px}
.community-heading h2{font-size:23px}
.community-stats{gap:18px}
.community-stats>div{gap:6px}
.community-stats small{font-size:11px}
.aggregator-logos{gap:13px}
.aggregators{gap:19px}
.aggregator-logos>.team-logo{width:23px}
.athletic-wordmark{font-size:12px}
.cbs-wordmark{font-size:9px}
.sky-wordmark{font-size:13px}
.testimonial{gap:9px;padding:10px}
.avatar{width:38px;height:38px}
.stars{font-size:13px}
}
@media(max-width:740px) {
 body{font-size:16px}
.band{padding-left:22px;padding-right:22px}
.site-header{height:65px;padding:0 18px;gap:15px;position:relative;z-index:10}
.brand-symbol{width:38px;height:38px}
.brand-words strong{font-size:25px}
.brand-words>span{font-size:16px}
.desktop-nav,.header-download,.sign-in{display:none}
.header-search{width:37px;height:37px;border:0;background:none;margin-left:auto;justify-content:center}
.header-search>.icon{width:23px;height:23px}
.mobile-menu{display:block;width:38px;height:38px;color:#b7def4}
.hero-grid{grid-template-columns:1fr;padding:0}
.hero-main{min-height:435px;padding:23px 22px 79px}
.hero-copy{width:100%}
.hero-copy .eyebrow{font-size:13px;letter-spacing:1.6px}
h1{font-size:54px;letter-spacing:-2px;line-height:.98}
.hero-description{font-size:16px;max-width:320px;margin-top:15px;line-height:1.3}
.desktop-break{display:none}
.hero-players{width:85%;right:-18%;opacity:.68;mask-image:linear-gradient(90deg,transparent,black 30%),linear-gradient(0deg,transparent,black 25%);mask-composite:intersect}
.athlete-lineup{top:94px}
.hero-main::before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#00101c55 30%,transparent)}
.hero-actions{margin-top:20px;gap:9px}
.hero-button{min-width:0;padding:11px 13px;font-size:15px;gap:10px;flex:1;max-width:210px}
.hero-button small{font-size:12px}
.hero-button .icon{width:24px;height:24px}
.hero-benefits{left:22px;right:22px;bottom:18px;gap:12px;display:grid;grid-template-columns:repeat(4,1fr)}
.hero-benefits>a{font-size:11px;white-space:normal;gap:5px}
.hero-benefits small{font-size:9px;line-height:1.1}
.hero-benefits .mini-icon{width:26px;height:30px;flex-shrink:0}
.hero-benefits .mini-icon .icon{width:18px}
.glory-card{margin:0 14px 15px;padding:18px}
.glory-card-title{gap:12px}
.glory-card h2{font-size:32px}
.gold-trophy .icon{width:41px;height:41px}
.glory-card-title p{font-size:12px;letter-spacing:.5px}
.progress-labels{margin-top:18px}
.progress-labels strong{font-size:25px}
.progress-labels small{font-size:12px}
.progress-track{height:16px;margin-top:9px}
.progress-caption{font-size:14px}
.reward-carousel{margin:17px 8px 14px}
.reward-card>img{height:115px}
.reward-caption{padding:9px;gap:8px}
.reward-caption b{font-size:12px}
.reward-caption small{font-size:14px}
.carousel-arrow{width:29px;height:29px}
.all-milestones{float:none;display:flex;justify-content:flex-end;font-size:14px}
.dashboard-wrap{padding:0 14px 18px}
.sports-bar{overflow-x:auto;justify-content:flex-start;gap:22px;padding:13px 15px;scrollbar-width:thin;scrollbar-color:#145074 #00101c}
.sport-button{min-width:39px;font-size:13px;gap:7px}
.sport-button>img,.sport-button>.icon{width:30px;height:30px}
.ncaa-logo{width:31px;height:31px}
.dashboard{grid-template-columns:1fr;gap:13px}
.games-panel,.news-panel,.arena-panel,.teams-panel,.insights-panel{grid-column:auto;grid-row:auto;margin:0;padding:12px}
.games-panel{order:0}
.news-panel{order:2}
.arena-panel{order:4}
.teams-panel{order:1}
.insights-panel{order:3}
.panel-heading h2{font-size:18px}
.text-link{font-size:14px}
.game-grid{gap:8px}
.game-card{min-height:130px;padding:8px 6px}
.game-time{font-size:12px}
.live-badge{font-size:11px;padding:2px 3px}
.score-row{font-size:15px;gap:6px;margin-top:10px}
.score-row>.team-logo{width:28px;height:28px}
.score-row>strong{font-size:17px}
.game-card:first-child .score-row{padding-right:0;gap:5px}
.baseball-count{display:none}
.news-list{gap:10px}
.news-item>img{width:85px;height:59px}
.news-item strong{font-size:17px}
.news-item small{font-size:14px}
.teams-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.team-card{padding:10px 5px;gap:8px}
.team-card>.team-logo{width:45px;height:45px}
.team-card>span{font-size:15px}
.follow-control{font-size:14px;min-width:65px;padding:4px}
.insight-grid{gap:7px;grid-template-columns:1fr}
.insight-card{height:130px;padding:12px 15px}
.insight-card strong{font-size:21px}
.insight-card>span{font-size:17px}
.probability-chart{height:65px;left:15px;width:calc(100% - 30px)}
.what-if>img{width:55%;top:20px}
.play-chart{height:68px}
.arena-banner{height:145px;background-position:center 83%}
.arena-banner strong{font-size:28px}
.arena-features{margin:12px 0}
.arena-features button{font-size:14px}
.arena-features .icon{width:25px;height:25px}
.arena-panel>.primary-button{padding:11px;font-size:17px}
.arena-panel>.primary-button .icon{width:24px;height:24px}
.road-section{grid-template-columns:1fr;padding-top:26px;padding-bottom:25px;gap:25px}
.road-intro h2{font-size:40px;gap:13px}
.road-intro .gold-trophy .icon{width:47px;height:47px}
.road-tagline{font-size:14px}
.road-intro>p:not(.road-tagline){font-size:17px;max-width:100%;margin-top:15px}
.road-intro>.primary-button{font-size:16px;padding:9px 25px;margin-top:17px}
.road-map{overflow-x:auto;min-height:220px;grid-template-columns:90px repeat(4,123px);padding-bottom:25px;scrollbar-width:thin}
.road-map::before{width:580px}
.road-map>.text-link{position:absolute;left:0;right:auto;bottom:0}
.milestone strong,.milestone-current strong{font-size:22px}
.milestone small,.milestone-current small{font-size:14px}
.prize-name{font-size:13px}
.milestone>img{height:80px}
.prize-trophy>.icon{height:80px}
.mystery-prize{height:75px;width:80px}
.why-section{display:block;min-height:0;padding-top:27px;padding-bottom:38px;background-position:center bottom}
.why-intro{margin-bottom:25px}
.why-intro h2{font-size:43px;line-height:1.03;margin-bottom:16px}
.why-intro h2 br{display:none}
.why-intro>p:last-child{font-size:17px}
.why-intro>p:last-child br{display:none}
.eyebrow{font-size:14px}
.feature-grid{grid-template-columns:1fr;gap:10px}
.feature-card{padding:18px;gap:18px;min-height:121px}
.feature-icon{width:45px;height:45px}
.feature-icon>.icon{width:30px;height:30px}
.feature-card strong{font-size:22px}
.feature-card em{font-size:17px}
.feature-card>span>span{font-size:17px;margin-top:8px}
.download-section{display:flex;flex-direction:column;align-items:stretch;padding-top:30px;padding-bottom:26px;gap:34px}
.download-copy h2{font-size:32px;margin:7px 0 16px}
.download-copy>p:last-of-type{font-size:17px}
.store-buttons{gap:12px;margin-top:19px}
.store-button{min-width:0;flex:none;padding:10px;font-size:20px;gap:10px}
.store-button>.icon{width:30px;height:30px}
.store-button small{font-size:11px}
.device-scene{margin:0 auto;height:245px;width:min(100%,420px)}
.laptop{height:205px;width:90%;left:5%;bottom:8px}
.mini-hero{height:87px}
.mini-hero>strong{font-size:18px}
.mini-nav{font-size:6px}
.mini-panels span{font-size:5px}
.mini-panels b{font-size:6px}
.download-benefits{display:grid;grid-template-columns:1fr 1fr;padding:0;gap:22px 13px}
.download-benefits>div{font-size:14px;gap:10px;align-items:flex-start}
.download-benefits small{font-size:13px;line-height:1.3}
.download-benefits .mini-icon{width:34px;height:37px;flex-shrink:0}
.community-section{padding-top:26px;padding-bottom:25px}
.community-heading{display:block;margin-bottom:20px}
.community-heading h2{font-size:30px;letter-spacing:-1px;margin-top:7px}
.community-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:25px}
.community-stats>div{gap:12px}
.community-stats .icon{width:33px;height:33px}
.community-stats strong{font-size:24px}
.community-stats small{font-size:15px}
.community-stats>div+div::before{display:none}
.testimonials{grid-template-columns:1fr;gap:11px}
.testimonial{padding:17px;gap:17px}
.avatar{width:50px;height:50px;font-size:22px}
.testimonial blockquote{font-size:17px}
.testimonial figcaption{font-size:16px;margin-top:10px}
.testimonial figcaption small{font-size:13px}
.stars{font-size:19px;letter-spacing:2px}
.aggregators{align-items:flex-start;flex-direction:column;gap:18px;padding-top:20px;padding-bottom:22px}
.aggregators h2{font-size:14px}
.aggregators p{font-size:14px;line-height:1.2}
.aggregators p br{display:none}
.aggregator-logos{flex-wrap:wrap;justify-content:flex-start;gap:22px}
.aggregator-logos>.team-logo{width:30px;height:30px}
.aggregator-logos>.team-logo[src*='f1']{width:48px}
.athletic-wordmark{font-size:19px}
.cbs-wordmark{font-size:13px}
.sky-wordmark{font-size:19px}
.espn-wordmark{font-size:26px}
.dazn-wordmark{font-size:13px}
.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;padding-top:25px;padding-bottom:25px}
.footer-brand{grid-column:1/-1}
.footer-brand .brand-symbol{width:38px;height:38px}
.footer-brand .brand-words strong{font-size:24px}
.footer-brand .brand-words>span{font-size:16px}
.footer-brand p{font-size:17px}
.footer-column,.footer-social{padding:0;border:0}
.footer-column h3,.footer-social h3{font-size:18px;margin-bottom:9px}
.footer-column>a,.footer-column>button{font-size:16px;line-height:1.7}
.footer-social{grid-column:1/-1}
.footer-social>div{gap:25px}
.footer-social .icon{width:23px;height:23px}
.footer-bottom{display:block;font-size:12px;padding-top:16px;padding-bottom:18px}
.footer-bottom>span{display:block}
.footer-bottom>span:last-child{margin-top:8px;font-size:10px}
}
@media(max-width:370px) {.hero-copy .eyebrow{font-size:11px}
h1{font-size:47px}
.hero-description{font-size:14px}
.hero-button{font-size:13px;padding:10px;gap:8px}
.hero-button small{font-size:11px}
.hero-benefits{gap:8px;grid-template-columns:repeat(2,1fr)}
.hero-main{padding-bottom:105px;min-height:445px}
.hero-benefits>a{font-size:12px}
.hero-benefits small{font-size:10px}
.hero-copy{z-index:4}
.glory-card h2{font-size:28px}
.glory-card-title p{font-size:10px}
.progress-caption{font-size:12px}
.reward-caption b{font-size:10px}
.reward-caption small{font-size:12px}
.score-row{font-size:13px}
.score-row>.team-logo{width:24px}
.game-time{font-size:10px}
.road-intro h2{font-size:34px}
.community-heading h2{font-size:26px}
.store-button{font-size:17px}
.hero-players{right:-22%}
}
@media(prefers-reduced-motion:reduce) {html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important}
}

.aggregator-logos>.espn-logo { width:66px; height:30px; }
.preview-caption { color:#7a9ab0; font-size:11px; margin-top:10px; text-align:right; }
.reward-symbol { display:grid; place-items:center; font:700 60px var(--heading); color:var(--gold); background:radial-gradient(ellipse,#163e58,#00101b); }

.news-item>img.news-logo { object-fit:contain; padding:8px 14px; background:radial-gradient(ellipse at center,#12466c,#031522); }

.desktop-nav a[href="/team"] { color:var(--cyan); }
.nba-hero-actions { flex-wrap:wrap; }
.nba-hero-actions>[data-sport-action="followSport"] { min-width:0; padding-inline:16px; }