:root{--canvas:#101112;--surface:#191b1d;--white:#fafaf8;--text:#dedee0;--muted:#b2b3b7;--line:#34363a;--accent:#ef8853;--button:#b65322;--app-ink:#191919;--app-muted:#555b62;--football:#245d46;--tennis:#765916;--basketball:#59366f;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;overflow-x:clip;background:var(--canvas);color:var(--white);font:400 1rem/1.65 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;line-height:.97;letter-spacing:-.015em}h1 span,h2 span{color:var(--accent)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:not-allowed;opacity:.5}a,button,select,input,summary{outline-offset:5px}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent)}img{display:block;max-width:100%}button:focus-visible{position:relative;z-index:8}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.shell{width:min(100%,1440px);margin:auto;padding-left:64px;padding-right:64px}.eyebrow{font-size:.75rem;line-height:1.6;font-weight:600;letter-spacing:.12em;color:var(--accent)}.eyebrow>span{display:inline-block;color:#fff;margin-right:18px}.skip-link{position:fixed;left:20px;top:-90px;background:white;color:#111;padding:12px;z-index:50}.skip-link:focus{top:12px}
.site-header{height:102px;display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{display:block;flex-shrink:0}.brand img{width:140px;height:auto}.site-header nav{display:flex;align-items:center;gap:30px;font-size:.875rem}.site-header nav a{color:var(--text);padding:10px 0;position:relative}.site-header nav a:after{content:"";position:absolute;height:1px;left:0;right:0;bottom:5px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}.site-header nav a:hover:after{transform:scaleX(1)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:17px 24px;min-height:57px;border-radius:6px;font-size:.875rem;font-weight:600;line-height:1.4}.button-small{padding:12px 18px;min-height:45px}.button-outline{border:1px solid #5b5d61;background:#ffffff04}.button-primary{background:var(--button);color:white;box-shadow:0 6px 24px #b6532230}.glow-button{position:relative;isolation:isolate;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}.glow-button:before{content:"";position:absolute;inset:0;background:radial-gradient(180px circle at var(--x,50%) var(--y,50%),#ffffff3b,transparent 75%);opacity:0;z-index:-1;transition:opacity .25s}.glow-button:hover,.glow-button:focus-visible{transform:translateY(-3px);box-shadow:0 0 0 4px #ef885310,0 10px 35px #b6532240;border-color:var(--accent)}.glow-button:hover:before,.glow-button:focus-visible:before{opacity:1}.glow-button .icon{transition:transform .25s}.glow-button:hover .icon{transform:translateX(4px)}.glow-button:active{transform:scale(.98)}.button-play{display:inline-flex;align-items:center;gap:11px;padding:12px 0;background:none;font-size:.875rem;color:var(--text)}.play-symbol{display:grid;place-items:center;width:35px;height:35px;border:1px solid #55575a;border-radius:50%;font-size:12px;color:var(--accent);transition:border-color .2s,box-shadow .2s}.button-play:hover .play-symbol{border-color:var(--accent);box-shadow:0 0 20px #ef885329}.text-action{display:inline-flex;align-items:center;gap:16px;padding:10px 0;background:none;color:var(--accent);font-size:.875rem;font-weight:600;text-align:left}.text-action .icon{transition:transform .25s}.text-action:hover .icon{transform:translateX(5px)}
.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;min-height:805px;padding-top:35px;padding-bottom:70px}.hero-copy{position:relative;z-index:2}.hero .eyebrow{margin-bottom:25px}.hero h1{font-size:clamp(4.5rem,7.2vw,6.65rem);line-height:.96;letter-spacing:-.018em}.hero-lead{margin-top:29px;font-size:1.125rem;line-height:1.65;color:var(--text)}.hero-lead strong{color:var(--white);font-weight:600}.hero-description{font-size:1rem;color:var(--text);line-height:1.8;max-width:560px;margin-top:16px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:29px}.hero-small{font-size:.8125rem;color:var(--muted);margin-top:25px}.hero-small span{color:var(--white);margin-left:8px}.product-stage{position:relative;isolation:isolate;min-width:0}.stage-light{position:absolute;z-index:-1;pointer-events:none;left:50%;top:42%;width:700px;height:700px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#b457252d 0%,#a7522012 33%,transparent 64%)}.hero-product .stage-light{width:820px;height:820px;background:radial-gradient(ellipse,#bc60213d,transparent 63%)}.product-caption{display:flex;align-items:center;justify-content:center;gap:12px;margin:25px auto 0;font-size:.8125rem;color:#d0d0d2;line-height:1.6;text-align:center;max-width:420px}.product-caption p{margin:0}.caption-line{width:24px;height:1px;background:var(--accent);flex-shrink:0}.prototype-note{font-size:.75rem;line-height:1.6;color:var(--muted);text-align:center;margin:8px 0 0}.device{position:relative;width:min(100%,448px);aspect-ratio:395/551;margin:auto;isolation:isolate}.device-hardware,.device-camera{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.device-hardware{filter:drop-shadow(0 22px 22px #0008);z-index:1}.device-camera{z-index:4}.app-screen{position:absolute;z-index:2;left:5.063291%;top:2.722323%;width:90.886076%;height:95.099819%;overflow:hidden;background:#fff;border-radius:1.95% 14.76% 14.48% 1.95% / 1.335% 9.74% 9.92% 1.335%;color:var(--app-ink)}.app-canvas{height:100%;display:flex;flex-direction:column;font-size:.875rem;line-height:1.4;background:white;overflow:hidden}.phone-status{height:44px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:9px 68px 0 19px;font-size:.75rem;color:#1c2024}.phone-status strong{font-weight:600}.app-header{height:43px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 17px;border-bottom:1px solid #e8e9eb}.app-header img{width:86px;height:auto}.app-header>span{font-size:.75rem;color:#565d65;font-weight:600}.app-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8c8c8 transparent;padding:18px 18px 16px}.app-footer{display:flex;flex-shrink:0;gap:5px;min-height:53px;padding:6px 14px 15px;border-top:1px solid #e8e9eb;background:white;position:relative}.app-footer:after{content:"";position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:95px;height:3px;border-radius:3px;background:#151515}.app-footer button{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;background:none;border-radius:4px;color:#5a6269;padding:5px 3px;min-height:31px;font-size:.75rem}.app-footer button.is-active{background:#f8eae0;color:var(--button);font-weight:600}.app-kicker{font-size:.75rem;color:var(--button);font-weight:600;letter-spacing:.04em;margin-bottom:5px}.app-title{font-size:1.95rem;line-height:1.02;color:#191919;letter-spacing:0}.app-subtitle{font-size:.8125rem;color:var(--app-muted);margin-top:6px;line-height:1.55}.app-title-line{display:flex;justify-content:space-between;align-items:center;gap:8px}.app-count{font-size:.75rem;font-weight:600;border:1px solid #e8ded6;border-radius:4px;padding:4px 7px;white-space:nowrap;color:var(--button)}.app-people{display:flex;align-items:center;gap:7px;margin-top:11px;font-size:.75rem;color:var(--app-muted)}.avatar{display:inline-flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:50%;background:#e7ecf0;color:#425565;font-size:.75rem;font-weight:600;flex-shrink:0}.avatar.you{background:#f5e1d3;color:var(--button)}.avatar.mira{background:#e8ebde;color:#4c633b}.avatar.sam{background:#ece4ee;color:#684e70}.app-people .avatar+.avatar{margin-left:-11px;border:2px solid white}.app-sport-list{display:grid;gap:10px;margin-top:17px}.app-sport{background:#f7f8f9;border:1px solid #e7e9eb;border-radius:7px;overflow:hidden}.app-sport-heading{display:flex;align-items:center;gap:8px;padding:10px 12px 6px;font-size:.875rem;font-weight:600}.app-sport-heading .icon{width:18px;height:18px}.app-sport-heading>span:last-child{margin-left:auto;font-size:.75rem;color:#58626a;font-weight:400}.app-event{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;text-align:left;padding:7px 12px;background:none;border-top:1px solid #eceef0;font-size:.8125rem;min-height:35px}.app-event:hover{background:#eaeef0}.app-event .saved-dot{width:16px;height:16px;border:1px solid #c8cdd2;border-radius:50%;display:grid;place-items:center;font-size:.75rem;flex-shrink:0}.app-event.has-pick .saved-dot{background:#245d46;color:white;border-color:#245d46}.app-event-copy>small{display:block;font-size:.75rem;color:#58616a;margin-top:2px}.app-summary{margin-top:14px;display:flex;justify-content:space-between;gap:10px;font-size:.8125rem;font-weight:600;color:#555d65}.app-primary{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;border-radius:5px;background:var(--button);color:white;padding:12px;font-size:.875rem;font-weight:600;margin-top:15px;min-height:43px}.app-primary:hover{background:#97411b}.app-primary .icon{width:17px;height:17px}.app-back{display:inline-flex;align-items:center;gap:7px;color:var(--button);background:none;font-size:.8125rem;padding:0 0 11px;min-height:32px}.app-match{padding:18px 12px;margin-top:18px;border-radius:6px;background:#f4f5f6;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:1rem;font-weight:600}.app-match>span:nth-child(2){font-size:.75rem;color:#65717c;font-weight:400}.pick-prompt{font-size:.875rem;margin-top:19px;margin-bottom:9px;font-weight:600}.pick-options{display:flex;gap:8px}.pick-options button{flex:1;min-height:45px;padding:8px;border:1px solid #c9cfd4;background:white;border-radius:5px;font-size:.875rem;font-weight:600;transition:background .2s,border-color .2s}.pick-options button:hover{border-color:#245d46}.pick-options button[aria-pressed=true]{background:#245d46;border-color:#245d46;color:white}.pick-result{margin-top:15px;padding:12px;background:#eef5f0;border-left:3px solid #245d46;font-size:.8125rem;color:#245d46;line-height:1.6}.app-tip-note{font-size:.75rem;color:#59626a;margin-top:15px;line-height:1.65}.app-mode{display:flex;gap:3px;padding:3px;background:#f0f1f2;border-radius:5px;margin-top:14px}.app-mode button{flex:1;background:none;color:#5d656c;border-radius:3px;min-height:33px;font-size:.8125rem;padding:5px}.app-mode button[aria-pressed=true]{background:white;color:#222;box-shadow:0 1px 3px #0001;font-weight:600}.app-sport-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.8125rem;margin-top:16px;color:#454e57}.app-sport-label strong{color:var(--button)}.score-list{display:grid;gap:14px;margin-top:16px}.score-row{font-size:.875rem}.score-row-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;font-weight:600}.score-person{display:flex;gap:9px;align-items:center}.score-rank{font-size:.75rem;color:#59626a;min-width:12px;font-weight:400}.score-row.is-you .score-row-head{color:var(--button)}.score-track{height:21px;display:flex;background:#eff0f1;border-radius:3px;overflow:hidden}.score-segment{height:100%;display:grid;place-items:center;color:#fff;font-size:.75rem;font-weight:600;min-width:0;transition:width .6s var(--ease);background:#444c52}.score-segment.football{background:var(--football)}.score-segment.tennis{background:var(--tennis)}.score-segment.basketball{background:var(--basketball)}.score-row.is-you .score-segment.single{background:var(--button)}.app-legend{display:flex;justify-content:space-between;gap:8px;font-size:.75rem;color:#505c66;margin-top:12px}.app-legend span{display:flex;align-items:center;gap:4px}.app-legend i{width:6px;height:6px;border-radius:1px;display:inline-block}.football{background:var(--football)}.tennis{background:var(--tennis)}.basketball{background:var(--basketball)}.app-data-note{font-size:.75rem;color:#555f68;line-height:1.6;margin-top:12px}.app-winner{margin-top:16px;padding-top:13px;border-top:1px solid #e7e9eb;font-size:.8125rem;line-height:1.6;color:#444d55}.app-winner strong{color:var(--button)}.history-names{display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:600;margin-top:18px}.history-names>span{display:flex;gap:7px;align-items:center}.duel-score{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;text-align:center;margin:8px 0 0;font-family:"Barlow Condensed",sans-serif;font-size:4.5rem;line-height:1}.duel-score>span:first-child{color:var(--button)}.duel-score>span:nth-child(2){font-size:2rem;color:#a0a6ac}.duel-label{text-align:center;font-size:.8125rem;color:#4e5962;margin-top:5px}.duel-balance{display:flex;height:6px;border-radius:4px;overflow:hidden;background:#e8ebed;margin-top:17px}.duel-balance>span{transition:width .5s var(--ease);background:var(--button)}.duel-balance>span:nth-child(2){background:#bac1c6}.duel-balance>span:nth-child(3){background:#47535f}.recent-label{font-size:.8125rem;font-weight:600;margin-top:22px}.recent-results{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.result-chip{display:grid;place-items:center;width:32px;height:32px;border-radius:4px;font-size:.8125rem;font-weight:600;border:1px solid transparent}.result-chip.win{background:#f7e5d8;color:#95451d}.result-chip.loss{background:#e7ebef;color:#3f5365}.result-chip.draw{background:#eef0f2;color:#5b656e}.result-chip:hover{border-color:#969fa7}.streak{font-size:.875rem;font-weight:600;color:var(--button);margin-top:16px;line-height:1.5}.app-history-basis{font-size:.75rem;line-height:1.7;color:#555e68;margin-top:10px}.archive-list{margin-top:16px}.archive-row{display:block;text-align:left;width:100%;background:none;border-top:1px solid #e3e7e9;padding:13px 0;color:#191919}.archive-row strong{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.875rem}.archive-row small{display:block;margin-top:5px;color:#56626d;font-size:.75rem}.archive-row:hover{color:var(--button)}.archive-row .icon{width:17px;height:17px}.archive-tag{font-size:.75rem;color:#61707c;margin-top:10px}.phone-round-selector{display:block;width:100%;margin-top:12px;padding:7px;border:1px solid #d7dbdf;border-radius:4px;background:white;color:#222;font-size:.8125rem}

.chapter{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center;padding-top:124px;padding-bottom:110px}.chapter-reverse{grid-template-columns:1fr 1.1fr;gap:100px;border-top:1px solid var(--line)}.chapter-copy{min-width:0}.chapter-copy>h2{font-size:clamp(3.8rem,5.6vw,5.35rem);margin-top:25px}.chapter-lead{font-size:1.125rem;line-height:1.7;margin-top:27px;color:#fafaf8;font-weight:600}.chapter-copy>p:not(.eyebrow):not(.chapter-lead){font-size:1rem;color:var(--text);margin-top:16px;line-height:1.85}.chapter-product .device{width:min(100%,454px)}.interactive-block{margin-top:31px}.control-label{display:block;font-size:.875rem;font-weight:600;margin:0 0 10px;color:var(--white)}.segmented{display:flex;gap:4px}.dark-segment{background:#1e2023;border:1px solid #3c3f43;border-radius:6px;padding:4px}.dark-segment button{flex:1;display:flex;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:9px 7px;background:none;border-radius:3px;font-size:.875rem;line-height:1.35;color:#e2e2e4;transition:background .2s,color .2s}.dark-segment button .icon{width:18px;height:18px}.dark-segment button[aria-pressed=true]{background:#ef8853;color:#151515;font-weight:600}.dark-segment button:not([aria-pressed=true]):hover{background:#35383d}.event-choices{margin-top:13px}.event-choice{display:flex;align-items:center;gap:13px;width:100%;background:none;border-bottom:1px solid var(--line);padding:14px 1px;text-align:left;font-size:.875rem}.event-choice:first-child{border-top:1px solid var(--line)}.event-choice>span:nth-child(2){flex:1}.event-choice strong{display:block;font-weight:600}.event-choice small{font-size:.75rem;display:block;color:var(--muted);margin-top:3px}.event-choice .check-box{display:grid;place-items:center;width:22px;height:22px;border-radius:4px;border:1px solid #62666c;flex-shrink:0;color:transparent;transition:background .2s}.event-choice[aria-pressed=true] .check-box{background:var(--accent);border-color:var(--accent);color:#151515}.event-choice:hover strong{color:var(--accent)}.selection-feedback{font-size:.8125rem;color:var(--accent);margin-top:13px}.dark-select{display:block;width:100%;background:#202226;color:var(--white);border:1px solid #53565c;border-radius:5px;padding:12px 35px 12px 12px;min-height:46px;font-size:.875rem;color-scheme:dark}.analysis-controls .segmented{margin-top:16px}.section-insight{border-left:2px solid var(--accent);padding:0 0 0 17px;margin-top:22px;font-size:1rem;line-height:1.75;color:var(--text);min-height:56px}.section-insight strong{color:var(--accent);font-weight:600}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:17px}.history-controls .text-action{margin-top:13px}.history-chapter{border-top:1px solid var(--line)}
.coverage{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;padding-top:26px;padding-bottom:105px}.coverage h2{font-size:clamp(3rem,4.5vw,4rem);margin-top:22px}.coverage-intro>p:last-child{font-size:1rem;color:var(--text);margin-top:21px}.coverage-list details{border-top:1px solid var(--line)}.coverage-list summary{display:flex;align-items:center;gap:14px;font-size:1.125rem;font-weight:600;list-style:none;cursor:pointer;padding:17px 0}.coverage-list summary>.icon{color:var(--accent);width:25px;height:25px}.disclosure-icon{margin-left:auto;color:var(--accent);font-size:1.5rem;font-weight:400;transition:transform .25s}.coverage-list details[open] .disclosure-icon{transform:rotate(45deg)}summary::-webkit-details-marker{display:none}.coverage-tags{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 19px 39px}.coverage-tags>span{display:inline-block;border:1px solid #46494e;border-radius:4px;font-size:.8125rem;padding:6px 10px;color:#e9e9e9;background:#ffffff03}.coverage-future{border-top:1px solid var(--line);padding-top:19px;color:var(--muted);font-size:.875rem}.coverage-future>span{color:var(--accent);font-size:1.125rem;margin-right:14px}
.closing{background:#191613;position:relative;isolation:isolate;overflow:hidden;border-top:1px solid #463327;border-bottom:1px solid #463327}.closing-light{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 20%,#ad4f2226,transparent 68%)}.closing-inner{text-align:center;padding-top:95px;padding-bottom:88px}.closing h2{font-size:clamp(4rem,7.5vw,7rem);margin-top:27px;line-height:.98}.closing h2 span{white-space:nowrap}.closing-inner>p:not(.eyebrow){font-size:1.125rem;line-height:1.8;color:#e1dcd7;margin-top:25px}#signup-form{max-width:620px;margin:37px auto 0;text-align:left}#signup-form>label{display:block;font-size:.875rem;font-weight:600;margin-bottom:11px}.signup-row{display:flex;gap:7px;border:1px solid #686059;background:#ffffff04;padding:6px;border-radius:8px}.signup-row input{flex:1;min-width:0;border:0;background:none;color:white;font-size:1rem;padding:10px 13px;border-radius:4px}.signup-row input::placeholder{color:#c5bbb3}.signup-row .button{flex-shrink:0;min-height:49px;padding:13px 17px}.form-note{color:#c9c1bb;font-size:.75rem;line-height:1.7;margin-top:12px}.form-feedback{font-size:.875rem;color:#f7b98f;line-height:1.7;margin-top:10px}.form-feedback:empty{margin:0}.faq{display:grid;grid-template-columns:.9fr 1.6fr;gap:90px;padding-top:90px;padding-bottom:95px}.faq h2{font-size:3.5rem;margin-top:21px}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:.9375rem;font-weight:600;padding:21px 0}.faq summary>span{font-size:1.5rem;font-weight:400;color:var(--accent);transition:transform .25s}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:1rem;color:var(--text);line-height:1.85;padding:0 15px 23px 0}.site-footer{display:flex;align-items:center;gap:35px;padding-top:27px;padding-bottom:30px;border-top:1px solid var(--line)}.site-footer .brand img{width:130px}.site-footer p{font-size:.875rem}.site-footer>span{margin-left:auto;font-size:.75rem;color:var(--muted)}.site-footer>a:last-child{font-size:.8125rem;color:var(--text)}.noscript-note{padding:30px;text-align:center;font-size:1rem}.ripple{position:absolute;width:20px;height:20px;margin:-10px;border-radius:50%;background:#fff7;pointer-events:none;z-index:-1;animation:ripple .6s ease-out forwards}.chapter-copy.is-pending,.coverage-intro.is-pending{opacity:0;transform:translateY(22px)}.chapter-copy,.coverage-intro{transition:opacity .7s var(--ease),transform .7s var(--ease)}@keyframes ripple{to{transform:scale(25);opacity:0}}
@media(min-width:1500px){.hero{gap:65px;min-height:830px}.hero-product .device{width:460px}.hero h1{font-size:6.9rem}}
@media(max-width:1200px){.shell{padding-left:40px;padding-right:40px}.hero{gap:27px;grid-template-columns:1.14fr 1fr;min-height:750px}.hero h1{font-size:clamp(4.4rem,7vw,5.9rem)}.hero-lead{font-size:1rem}.hero-description{font-size:1rem}.hero-actions{gap:17px}.button{padding:15px 18px;gap:15px}.site-header nav{gap:22px}.chapter,.chapter-reverse{gap:60px;padding-top:90px;padding-bottom:86px}.chapter-copy>h2{font-size:4.1rem}.coverage{gap:55px;padding-bottom:90px}.dark-segment button{font-size:.8125rem;padding-left:4px;padding-right:4px}.dark-segment button .icon{display:none}.app-body{padding-left:15px;padding-right:15px}.app-title{font-size:1.75rem}.hero .eyebrow{font-size:.75rem;letter-spacing:.07em}.field-pair{gap:9px}.faq{gap:50px}}
@media(max-width:900px){.shell{padding-left:28px;padding-right:28px}.site-header{height:88px}.site-header nav{display:none}.site-header .brand img{width:127px}.hero{grid-template-columns:1fr;gap:42px;padding-top:39px;padding-bottom:55px;text-align:center}.hero-copy{max-width:660px;margin:auto}.hero h1{font-size:clamp(4.4rem,11vw,6.2rem)}.hero .eyebrow{margin-bottom:24px}.hero-description{max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{justify-content:center;margin-top:26px}.hero-small{margin-top:23px}.hero-product{width:100%;max-width:580px;margin:auto}.hero-product .device{width:448px;max-width:90%}.hero-product .stage-light{width:710px;height:710px}.chapter,.chapter-reverse{grid-template-columns:1fr;gap:43px;padding-top:75px;padding-bottom:72px}.chapter-copy{max-width:650px;width:100%;margin:auto}.chapter-copy>h2{font-size:4.5rem}.chapter-product{width:100%;max-width:560px;margin:auto}.chapter-product .device{width:450px;max-width:94%}.chapter-reverse .chapter-copy{grid-row:1}.chapter-reverse .chapter-product{grid-row:2}.coverage{grid-template-columns:1fr;gap:35px;max-width:706px;padding-top:8px;padding-bottom:73px}.coverage h2{font-size:3.75rem}.coverage-tags{padding-left:39px}.chapter-lead br{display:none}.dark-segment button{font-size:.875rem}.dark-segment button .icon{display:block}.closing-inner{padding-top:75px;padding-bottom:71px}.closing h2{font-size:5.1rem}.closing-inner>p:not(.eyebrow){font-size:1rem}.faq{grid-template-columns:1fr;gap:30px;padding-top:65px;padding-bottom:70px}.faq h2{font-size:3.25rem;margin-top:14px}.site-footer{gap:22px;flex-wrap:wrap}.site-footer>span{margin-left:auto}.site-footer>a:last-child{width:100%;text-align:right}.stage-light{max-width:150vw}.app-body{padding-left:18px;padding-right:18px}}
@media(max-width:520px){.shell{padding-left:20px;padding-right:20px}.site-header{height:82px;gap:15px}.site-header .brand img{width:115px}.site-header .button{padding:10px 12px;gap:10px;font-size:.8125rem}.site-header .button .icon{width:17px}.hero{padding-top:25px;gap:37px;padding-bottom:43px}.hero h1{font-size:clamp(2.75rem,13.3vw,4rem);line-height:1.02;letter-spacing:-.01em}.hero .eyebrow{font-size:.75rem;letter-spacing:.06em;max-width:285px;margin:0 auto 23px}.hero-lead{margin-top:22px;font-size:1rem}.hero-description{margin-top:15px;font-size:1rem;line-height:1.75}.hero-actions{flex-direction:column;gap:14px;margin-top:24px}.hero-actions .button{width:100%;max-width:330px;min-height:54px}.hero-small{font-size:.75rem;line-height:1.8;margin-top:16px}.hero-small span{display:block;margin:0}.hero-product .device{max-width:100%;width:380px}.product-caption{font-size:.75rem;margin-top:20px;max-width:330px}.prototype-note{font-size:.75rem;margin-top:7px}.chapter,.chapter-reverse{padding-top:61px;padding-bottom:57px;gap:31px}.chapter .eyebrow{font-size:.75rem;letter-spacing:.07em}.eyebrow>span{margin-right:9px}.chapter-copy>h2{font-size:clamp(3rem,12vw,3.85rem);margin-top:20px}.chapter-lead{font-size:1.0625rem;margin-top:24px;line-height:1.6}.chapter-copy>p:not(.eyebrow):not(.chapter-lead){font-size:1rem;line-height:1.75;margin-top:14px}.interactive-block{margin-top:25px}.control-label{font-size:.875rem}.dark-segment button{font-size:.8125rem;min-height:43px;padding-left:4px;padding-right:4px}.dark-segment button .icon{display:none}.event-choice{padding:13px 0;font-size:.875rem}.event-choice small{font-size:.75rem}.selection-feedback{font-size:.8125rem;line-height:1.7}.chapter-product .device{max-width:100%;width:390px}.app-body{padding:14px 14px 15px}.app-title{font-size:1.75rem}.app-header{padding-left:14px;padding-right:14px;height:40px}.app-header img{width:79px}.phone-status{height:41px;padding-left:16px}.app-footer{min-height:48px;padding-left:10px;padding-right:10px}.app-sport-list{gap:8px;margin-top:14px}.app-sport-heading{padding:8px 10px 5px}.app-event{padding:7px 10px}.app-subtitle{font-size:.8125rem}.app-people{margin-top:8px}.score-list{gap:12px;margin-top:14px}.score-track{height:20px}.score-row-head{margin-bottom:5px}.app-legend{flex-wrap:wrap;gap:5px 10px}.duel-score{font-size:4rem}.history-names{margin-top:14px}.recent-label{margin-top:17px}.recent-results{gap:5px}.result-chip{width:29px;height:30px}.field-pair{grid-template-columns:1fr;gap:13px}.history-controls .segmented{margin-top:17px}.section-insight{font-size:1rem;margin-top:19px;padding-left:13px}.coverage{padding-top:7px;padding-bottom:59px;gap:28px}.coverage h2{font-size:3.1rem;margin-top:18px}.coverage-list summary{font-size:1.0625rem;padding:15px 0}.coverage-tags{padding-left:0;gap:7px}.coverage-tags>span{font-size:.8125rem}.coverage-future{font-size:.875rem}.closing-inner{padding-top:63px;padding-bottom:57px}.closing .eyebrow{font-size:.75rem;letter-spacing:.07em}.closing h2{font-size:clamp(2.9rem,10.4vw,3.5rem);margin-top:23px}.closing h2 span{white-space:normal}.closing-inner>p:not(.eyebrow){margin-top:23px;font-size:1rem}.signup-row{flex-direction:column;gap:6px}.signup-row input{min-height:47px;padding-left:11px}.signup-row .button{min-height:48px}.form-note{font-size:.75rem}.faq{padding-top:54px;padding-bottom:56px;gap:25px}.faq h2{font-size:3rem}.faq summary{font-size:.9375rem;padding:18px 0;line-height:1.6}.faq details p{font-size:1rem}.site-footer{padding-top:23px;padding-bottom:25px;gap:15px 20px}.site-footer .brand img{width:115px}.site-footer p{font-size:.8125rem}.site-footer>span{width:100%;margin:0;font-size:.75rem}.site-footer>a:last-child{text-align:left;font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.glow-button:hover,.glow-button:focus-visible{transform:none}.chapter-copy.is-pending,.coverage-intro.is-pending{opacity:1;transform:none}}

.app-footer-label{display:flex;align-items:center;justify-content:center;flex:1;font-size:.75rem;color:#59626a;text-align:center}

/* Keep all three sports visible before secondary event metadata. */
.app-sport-heading{padding-top:8px;padding-bottom:5px}
.app-event{padding-top:4px;padding-bottom:4px;min-height:29px}
.app-event-copy>small{display:none}
.app-sport-list{margin-top:13px;gap:8px}
@media(max-width:520px){.app-event{padding-top:4px;padding-bottom:4px;min-height:28px}.app-sport-heading{padding-top:7px;padding-bottom:4px}.app-summary{font-size:.75rem}.app-title{font-size:1.65rem}}

/* Concept 04: clear sport coverage, compact app UI, local interactions. */
.coverage{display:block;max-width:1440px;padding-top:34px;padding-bottom:42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.coverage-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:27px}
.coverage-heading h2{font-family:Inter,Arial,sans-serif;font-size:1.625rem;line-height:1.3;letter-spacing:-.035em;margin:0;text-transform:none}
.coverage-heading>p{font-size:.875rem;color:var(--muted)}
.coverage-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:38px}
.coverage-sport{min-width:0;padding-left:30px;border-left:1px solid var(--line)}
.coverage-sport:first-child{padding-left:0;border-left:0}
.coverage-sport-title{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--accent)}
.coverage-sport-title h3{font:700 2rem/1.1 'Barlow Condensed',sans-serif;color:var(--white)}
.coverage-sport-title .icon{width:25px;height:25px}
.league-list,.competition-list{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:.9375rem;line-height:1.5;color:var(--white)}
.league-list{grid-template-columns:1fr 1.1fr;column-gap:12px}
.league-list small{font-size:.8125rem;color:var(--muted)}
.coverage-sport>p{font-size:.875rem;line-height:1.7;color:var(--text);margin-top:14px;max-width:440px}
.coverage-future{font-size:.8125rem;margin-top:22px;color:var(--muted)}
.chapter-copy>h2{font-size:clamp(3.5rem,5.35vw,5.15rem)}
.chapter-copy>.interaction-hint{font-size:.875rem!important;color:var(--muted)!important;line-height:1.7!important;margin-top:25px!important}
.archive-action{margin-top:18px}
.event-choices{margin-top:0}
.event-choice{gap:12px;padding:13px 0;transition:color .2s,background .2s}
.event-choice .catalog-icon{color:var(--accent);display:grid;place-items:center;width:28px;flex-shrink:0}
.event-choice>span:nth-child(2){min-width:0}
.event-choice strong{font-size:.9375rem;line-height:1.5}
.event-choice small{font-size:.8125rem;color:var(--muted)}
.event-choice .add-event-label{font-size:.875rem;color:var(--accent);font-weight:600;white-space:nowrap;padding:7px 9px;background:#ef885311;border-radius:4px;transition:background .2s,transform .2s}
.event-choice:not(:disabled):hover .add-event-label{background:#ef88532a;transform:translateY(-2px)}
.event-choice:disabled{opacity:.65;cursor:default}
.mix-summary{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.mix-summary>span{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--muted);padding:5px 8px;border:1px solid #383a3e;border-radius:4px}
.mix-summary>span.is-selected{color:var(--white);border-color:#71513d}
.mix-summary .icon{width:16px;height:16px;color:var(--accent)}
.mix-summary b{margin-left:4px;color:var(--accent)}
.selection-feedback{min-height:22px}
/* App headings are isolated from marketing headings at every breakpoint. */
.app-canvas .app-title{font-size:1.8rem;line-height:1.12;letter-spacing:0;margin:0;color:var(--app-ink)}
.phone-status{height:30px;padding-top:2px}
.app-header{height:36px}
.app-header img{width:76px}
.app-body{padding:16px;overscroll-behavior:auto}
.app-footer{min-height:44px;padding-top:5px;padding-bottom:12px}
.app-people{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:.75rem;line-height:1.35;color:#48525a}
.app-people>span:last-child{min-width:0}
.app-people .avatar{width:23px;height:23px}
.app-event-list{margin-top:16px;display:grid;gap:0}
.app-event-row{display:flex;align-items:center;border-top:1px solid #e6e8eb}
.app-event-row:last-child{border-bottom:1px solid #e6e8eb}
.app-event-row .app-event{padding:12px 0;border:0;gap:9px;min-width:0;flex:1}
.event-sport-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:26px;height:28px}
.event-sport-icon .icon{width:22px;height:22px}
.sport-football{color:var(--football)}.sport-tennis{color:var(--tennis)}.sport-basketball{color:var(--basketball)}
.app-event-copy{flex:1;min-width:0}
.app-event-copy strong{font-size:.875rem;font-weight:600;line-height:1.4;display:block}
.app-event-copy>small{display:block;font-size:.75rem;line-height:1.45;color:#52606b;margin-top:2px}
.event-remove{align-self:stretch;padding:4px 0 4px 8px;width:27px;background:transparent;color:#67717b;font-size:1.125rem;flex-shrink:0}
.event-remove:hover{color:#a04420}
.app-summary{font-size:.75rem;gap:8px;flex-wrap:wrap;margin-top:12px}
.app-summary strong{color:var(--button);font-weight:600}
.app-match{margin-top:17px;padding:14px 11px;font-family:'Barlow Condensed',sans-serif;font-size:1.55rem;line-height:1.15}
.app-match>span:nth-child(2){font:600 .75rem/1 Inter,sans-serif;color:#6b7177}
.pick-prompt{font-size:.875rem;margin-top:15px;margin-bottom:9px}
.pick-options button{min-width:0;padding:7px 4px;min-height:57px}
.pick-options strong{font:700 1.55rem/1.1 'Barlow Condensed',sans-serif;display:block}
.pick-options small{display:block;font-size:.75rem;font-weight:400;line-height:1.3;margin-top:4px;overflow-wrap:anywhere}
.pick-result{font-size:.8125rem;padding:9px 10px;min-height:40px;margin-top:12px}
.app-tip-note{font-size:.75rem;line-height:1.6;margin-top:13px}
.app-sport-tabs{display:flex;gap:3px;border-bottom:1px solid #d7dde1;margin-top:16px;padding-bottom:5px}
.app-sport-tabs button{flex:1 1 auto;min-width:0;background:none;color:#52606b;border-radius:4px;min-height:36px;padding:6px 3px;font-size:.875rem;line-height:1.4;transition:background .2s,color .2s}
.app-sport-tabs button[aria-pressed=true]{background:#f8e8db;color:#91401b;font-weight:600}
.app-sport-tabs button:hover{background:#f1ede9}
.app-sport-label{margin-top:14px;font-size:.8125rem}
.score-row-head{font-size:.875rem}
.score-list{margin-top:14px;gap:16px}
.score-value{font-size:.875rem}
.score-track{height:21px}
.score-segment{font-size:.75rem}
.app-more{border-top:1px solid #e0e5e9;margin-top:16px;padding-top:1px}
.app-more>summary{cursor:pointer;font-size:.8125rem;color:#57626d;line-height:1.5;padding:10px 0;min-height:37px}
.app-more>label{display:block;font-size:.75rem;margin-top:5px;color:#56616c}
.app-more .phone-round-selector{margin-top:6px;font-size:.875rem;min-height:37px}
.app-mode button{font-size:.875rem;min-height:35px}
.history-names{margin-top:17px;font-size:.9375rem}
.rival-picker{display:flex;align-items:center;gap:8px}
.rival-picker>span{font-size:.75rem;color:#5a6570}
.rival-picker select{font-size:.9375rem;color:#191919;font-weight:600;padding:5px 24px 5px 8px;min-height:34px;max-width:140px;border:1px solid #d7dde1;border-radius:4px;background:#f8f9fa}
.duel-score{font-size:5rem;margin-top:10px}
.duel-label{font-size:.8125rem;line-height:1.5}
.streak{font-size:.875rem;margin-top:15px}
.recent-label{margin-top:16px}
.section-insight{min-height:80px}
@media(max-width:1200px){.coverage-grid{gap:25px;grid-template-columns:1.45fr 1fr 1fr}.coverage-sport{padding-left:22px}.league-list{grid-template-columns:1fr}.coverage-heading h2{font-size:1.5rem}.chapter-copy>h2{font-size:4.1rem}}
@media(max-width:900px){.coverage{padding-top:30px;padding-bottom:30px}.coverage-heading{display:block;margin-bottom:23px}.coverage-heading>p{margin-top:8px}.coverage-grid{gap:24px;grid-template-columns:1.3fr 1fr 1fr}.coverage-sport{padding-left:20px}.coverage-sport-title{gap:8px}.coverage-sport-title h3{font-size:1.8rem}.coverage-sport-title .icon{width:21px;height:21px}.chapter-copy>h2{font-size:4.4rem}.chapter-product{max-width:540px}.chapter{gap:30px}.chapter-product .device{max-width:100%}.section-insight{min-height:0}}
@media(max-width:650px){.coverage-grid{grid-template-columns:1fr 1fr;gap:24px 20px}.coverage-football{grid-column:1/-1;padding-bottom:22px;border-bottom:1px solid var(--line)}.coverage-sport:nth-child(2){border-left:0;padding-left:0}.league-list{grid-template-columns:1fr 1fr}.coverage-sport>p{max-width:none}.coverage-sport-title{margin-bottom:12px}.competition-list{font-size:.875rem}.coverage-future{margin-top:22px}}
@media(max-width:520px){.coverage-heading h2{font-size:1.35rem}.coverage-heading>p{font-size:.8125rem}.coverage-sport{padding-left:16px}.coverage-sport-title{gap:7px}.coverage-sport-title h3{font-size:1.6rem}.coverage-sport>p{font-size:.875rem}.league-list{font-size:.875rem;column-gap:9px}.league-list small{display:block;font-size:.75rem}.coverage-sport-title .icon{width:20px;height:20px}.chapter-copy>h2{font-size:clamp(2.8rem,11.5vw,3.75rem)}.event-choice strong{font-size:.875rem}.event-choice{gap:8px}.event-choice .catalog-icon{width:22px}.event-choice .add-event-label{padding:7px;font-size:.8125rem}.mix-summary{gap:6px}.mix-summary>span{font-size:.75rem;padding:5px 6px;gap:4px}.mix-summary b{margin-left:1px}.mix-summary .icon{width:14px;height:14px}.app-canvas .app-title{font-size:1.625rem;line-height:1.1;margin:0}.phone-status{height:26px;font-size:.75rem;padding-top:0}.app-header{height:32px;padding-left:12px;padding-right:12px}.app-header img{width:68px}.app-body{padding:12px}.app-footer{min-height:40px;padding:3px 9px 12px}.app-footer button{min-height:25px}.app-people{display:flex;gap:5px;margin-top:8px;font-size:.75rem}.app-people .avatar{width:20px;height:20px;font-size:.75rem}.app-people .avatar+.avatar{margin-left:-10px}.app-event-list{margin-top:11px}.app-event-row .app-event{padding:9px 0;gap:6px}.event-sport-icon{width:20px}.event-sport-icon .icon{width:19px;height:19px}.app-event-copy strong{font-size:.875rem}.app-event-copy>small{font-size:.75rem}.event-remove{width:21px;padding-left:5px}.app-summary{margin-top:10px}.app-sport-tabs{gap:1px;margin-top:10px}.app-sport-tabs button{font-size:.875rem;min-height:33px;padding-left:1px;padding-right:1px}.app-sport-label{margin-top:10px;font-size:.75rem}.score-list{gap:13px;margin-top:10px}.score-row-head{font-size:.875rem;margin-bottom:4px}.score-track{height:19px}.score-rank{width:18px}.app-subtitle{font-size:.75rem;line-height:1.4;margin-top:5px}.app-data-note{font-size:.75rem;line-height:1.4;margin-top:10px}.history-names{margin-top:10px;font-size:.875rem}.rival-picker select{font-size:.875rem;min-height:31px;max-width:118px}.duel-score{font-size:4.25rem;margin-top:7px}.duel-label{font-size:.75rem;line-height:1.45}.streak{font-size:.8125rem;margin-top:11px}.app-match{margin-top:12px;padding:10px;font-size:1.35rem}.pick-prompt{font-size:.875rem;margin-top:11px;margin-bottom:7px}.pick-options button{min-height:49px;padding:5px 3px}.pick-options strong{font-size:1.3rem}.pick-options small{font-size:.75rem;margin-top:3px}.pick-result{font-size:.75rem;line-height:1.45;margin-top:10px;padding:7px 8px;min-height:35px}}
@media(prefers-reduced-motion:reduce){.event-choice,.add-event-label,.app-sport-tabs button{transition:none}.event-choice:not(:disabled):hover .add-event-label{transform:none}}

.hero h1,.chapter-copy>h2,.closing h2,.app-canvas .app-title,.app-sport-tabs button{overflow-wrap:anywhere}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.opener{position:relative;display:flex;flex-direction:column;align-items:center;padding:6px 64px 0;isolation:isolate}
.opener:before{content:"";position:absolute;left:0;right:0;top:-40px;bottom:-40px;background:radial-gradient(48% 50% at 50% 50%,#b6532230,transparent 72%);z-index:-1;pointer-events:none}
.opener-stage{position:relative;width:min(100%,calc((100vh - 190px)*16/9),1600px);width:min(100%,calc((100svh - 190px)*16/9),1600px);aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#0b0c0d;box-shadow:0 40px 120px #0000008c,0 0 0 1px #ffffff14}
.opener-stage[data-variant=portrait]{aspect-ratio:9/16;width:min(100%,calc((100vh - 170px)*9/16));width:min(100%,calc((100svh - 170px)*9/16))}
.opener-video{display:block;width:100%;height:100%;object-fit:cover;background:#0b0c0d}
.opener-controls{position:absolute;left:18px;bottom:18px;display:flex;gap:10px}
.opener-button{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:8px 16px 8px 12px;border-radius:999px;background:#101112d9;border:1px solid #ffffff2e;color:var(--white);font-size:.8125rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s,background-color .2s}
.opener-button:hover{border-color:var(--accent);background:#191b1df2}
.opener-button .icon{width:18px;height:18px}
.opener-next{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:8px 2px;font-size:.875rem;font-weight:600;color:var(--text)}
.opener-next .icon{width:18px;height:18px;transform:rotate(90deg);color:var(--accent);transition:transform .25s var(--ease)}
.opener-next:hover .icon{transform:rotate(90deg) translateX(4px)}
@media(max-width:1200px){.opener{padding-left:40px;padding-right:40px}}
@media(max-width:900px){.opener{padding-left:28px;padding-right:28px}.opener-stage{border-radius:18px}}
@media(max-width:520px){.opener{padding:0 12px}.opener-stage{border-radius:14px;box-shadow:0 24px 60px #0000008c,0 0 0 1px #ffffff14}.opener-stage[data-variant=portrait]{width:min(100%,calc((100vh - 96px)*9/16));width:min(100%,calc((100svh - 96px)*9/16))}.opener-controls{left:12px;bottom:12px}.opener-button{min-height:38px;padding:6px 13px 6px 10px}.opener-next{margin-top:12px}}
