/* Same brand and copy; fewer competing visual layers. */
body{--quiet-line:#e9e9ed}
.sec{padding-block:88px}
.sec h2,#what h2,#pain h2,.stack-copy h2{font-size:clamp(29px,3vw,39px);line-height:1.14;letter-spacing:-1.25px}
.sec h2.tt i{font-weight:400;font-size:.8em;line-height:1.35;color:#74747e}
.sec h2.tt br{display:none}
.sec h2.tt b{display:block}
.sec .lead{font-size:16px;line-height:1.8;max-width:62ch;color:#63636d}
.sec .kicker{font-size:10px;letter-spacing:1.4px;font-weight:500;color:#72727c}
.sec-head{margin-bottom:36px}
.merge-nav{border-bottom-color:#f1f1f3}
.tube-nav{box-shadow:none;border-color:var(--quiet-line)}
.tube-nav a.active{background:#f5f5f6}
.tube-nav a.active:before{height:2px;box-shadow:none}
.btn,.btn:hover{box-shadow:none}
.btn.lap:before,.btn.lap:after{display:none}
.btn:hover{border-color:#b8c9bd}
.btn:focus-visible,button:focus-visible{outline:2px solid #238e48;outline-offset:4px}
/* The film stays prominent; supporting copy has a calmer rhythm. */
.hero.sec{padding-block:64px 68px}
.hero .kicker{margin-bottom:0}
.video-hero .hero h1{font-size:clamp(46px,4.5vw,64px);line-height:1.06;letter-spacing:-2.4px}
.hero .sub{font-size:16px;line-height:1.75}
.hero-product-line{font-size:15px;line-height:1.75;margin-top:18px}
.hero-trust{color:#787880;font-size:10px}
.hero-video-shell{border-color:#ececef;box-shadow:0 14px 40px -30px #151a2430}
.hero-video-controls{background:#fff;padding:8px 12px}
.hero-video-controls button{border-color:#eeeef1;background:#fff}
.sportsbook-strip{background:#fff;border-color:#f2f2f4;padding-block:20px}
.book-track{animation-duration:72s}
/* One light workspace surface, with the example as its main content. */
#what{background:#fafafb;border:0;padding-block:56px}
#what>.container{gap:clamp(32px,5vw,76px)}
#what .lead{font-size:16px;line-height:1.8}
#what h2{font-size:clamp(30px,3vw,39px);margin:18px 0}
#what h2.tt i{display:block;margin-top:10px;font-size:.72em;line-height:1.35;font-weight:400}
#what .original-workspace{max-width:540px}
#what .product-window,#what .product-window:hover{transform:none;border-color:#e6e6eb;background:#fff;box-shadow:0 14px 42px -30px #161b2535;transition:none;border-radius:20px}
#what .window-top{height:34px;background:#fcfcfd;border-bottom:1px solid #f0f0f3}
#what .window-top>span:last-child,#what .ui-title small,#what .scan-status,#what .ui-row>span{display:none}
#what .product-content{padding:22px}
#what .ui-title h3{font-size:20px;font-weight:500;margin:0}
#what .ui-metrics{grid-template-columns:1fr 1fr;margin:16px 0 0;padding:0 0 14px;border-top:0;border-bottom:1px solid #eeeef1}
#what .ui-metrics>div:first-child{display:none}
#what .ui-metrics>div:last-child{text-align:right}
#what .ui-metrics b{font:500 21px/1.3 var(--f-body);margin-top:4px}
#what .ui-metrics small{font-size:10px;color:#74747d}
#what .ui-opportunity{padding:17px 0 0;border:0;background:none;border-radius:0}
#what .ui-opportunity h4{font-size:27px;margin:10px 0 14px}
#what .ui-book{padding:11px 0;gap:12px;border-color:#f0f0f2}
#what .ui-book img{width:58px;height:29px}
#what .ui-book>b{font:500 18px var(--f-body)}
#what .ui-book small{color:#75757e}
#what .outcome-label{margin:18px 0 9px;font-size:11px;color:#6e6e77}
#what .winner-switch{gap:10px;margin-bottom:18px}
#what .winner-switch button{font-size:12px;box-shadow:none;min-height:44px;color:#666670}
#what .winner-switch button[aria-pressed=true]{color:#185e31;background:#f6faf7;border-color:#99bba4}
#what .winner-switch button:before{opacity:0;animation:none!important}
#what .winner-switch button:after{display:none}
#what .winner-switch.in-view button[aria-pressed=false]{animation:none}
#what .winner-switch.motion-cue button[aria-pressed=true]:before{opacity:1;animation:perimeter-lap 2.8s linear 1!important}
#what .winner-switch.invite-once button[aria-pressed=false]{animation:invite-choice 3.6s ease-in-out 1}
#what .simple-return{border-color:#eeeef1;padding-top:14px}
#what .simple-return strong{font-size:29px;font-weight:500;letter-spacing:-.9px}
#what .simple-return small{color:#74747e;font-size:11px}
#what .result-story{border:0;padding-top:0;margin:16px 0 0;font-size:12px;color:#666670;line-height:1.65;min-height:40px}
#what .ui-foot{color:#777780;font-size:9px;line-height:1.6;margin-top:17px}
/* The manual-work section is a short bridge into the product steps. */
#pain{padding-block:64px;background:white}
#pain .sec-head{margin-bottom:28px;max-width:790px}
#pain .lead{font-size:15px}
#pain .pain-grid{gap:36px}
#pain .pain-card{padding:0;background:none;border:0;box-shadow:none;transform:none}
#pain .pain-card h3{font-size:18px;font-weight:500;margin-bottom:10px}
#pain .pain-card p{font-size:14px;line-height:1.8;color:#686872}
/* Keep the sliding three-step story, with quieter supporting surfaces. */
#how{background:#fafafb;border:0}
.scroll-chapter{opacity:.58}
.scroll-chapter h3{font-size:clamp(28px,3vw,37px);line-height:1.16;letter-spacing:-1.2px}
.scroll-chapter h3 em{font-size:.83em;font-weight:400;color:#72727d}
.scroll-chapter p{font-size:15px;line-height:1.85;max-width:46ch}
.scroll-stage{background:white;border-color:#e6e6eb;box-shadow:0 12px 40px -30px #161b2525}
.stage-tabs{box-shadow:none;border-color:#ededf0}
.stage-tabs button[aria-selected=true]{background:#f4f4f6}
.stage-caption{font-size:12px;color:#71717b}
.prefill-slip{box-shadow:none;border-color:#e8e8ed}
.prefill-slip>strong{font:500 29px var(--f-body)}
.scan-node{box-shadow:none;border-color:#eeeeF1}
.scan-center{box-shadow:0 8px 25px -20px #26984950}
.scan-pulse{animation-iteration-count:2}
/* Text and whitespace do more of the separating in supporting sections. */
#compare,#pricing{background:#fff;border:0}
#trust{background:#fafafb;border:0}
.trust-grid{gap:70px}
.trust-rows{gap:28px}
.trust-row .tk{background:none;border:0;border-radius:0;width:28px;height:28px;box-shadow:none}
.trust-row h3{font-size:17px;font-weight:500;margin-bottom:8px}
.trust-row p{font-size:14px;line-height:1.8}
.tier{border-color:#e6e6eb;border-radius:18px;padding:28px;box-shadow:none}
.tier:hover{transform:none;box-shadow:none;border-color:#cbd7ce}
.tier-featured{border-color:#b8d1c0;background:#fbfdfb;box-shadow:none}
.tier-badge{background:#edf5ef;color:#28663b;font-weight:500;letter-spacing:.03em}
.tier-amount{font-size:36px;font-weight:500}
.tier-purpose,.tier-features{font-size:14px;line-height:1.7}
.tier-features li:before{font-weight:400;color:#6b9477}
#faq{background:#fafafb;border:0}
#faq details{background:none;border-inline:0;border-radius:0;box-shadow:none}
#faq summary{font-size:16px;font-weight:500}
#faq details p{font-size:14px;line-height:1.85}
.stack-cta.with-logos{background:#fafafb;border:0;box-shadow:none;gap:48px;padding:48px;border-radius:24px}
.stack-copy h2{font-size:39px!important}
.stack-copy p{font-size:15px;line-height:1.8}
.cta-logo-study>div{background:none;border:0;box-shadow:none;padding:10px;min-height:85px}
.cta-logo-study img{height:65px!important}
#signup{padding-top:0;background:white}
.alerts-card{box-shadow:none;border-color:#ececf0;background:#fff}
.alerts-card h2{font-size:28px;line-height:1.2}
.social-dock{box-shadow:none}
@media(max-width:1050px) and (min-width:761px){
 #what>.container{gap:30px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
 #what .product-content{padding:18px}
}
@media(max-width:760px){
 .sec{padding-block:54px}
 .sec h2,#what h2,#pain h2{font-size:29px;letter-spacing:-.9px}
 .sec-head{margin-bottom:28px}
 .sec .lead,#what .lead{font-size:14px;line-height:1.8}
 .hero.sec{padding-block:36px 42px}
 .video-hero:has(#hero-autoplay:not([hidden])) .hero h1{font-size:clamp(28px,7.8vw,45px);letter-spacing:-1.4px}
 .hero .sub,.hero-product-line{font-size:14px}
 #what{padding-block:38px}
 #what>.container{gap:26px}
 #what .product-content{padding:18px}
 #what .ui-opportunity h4{font-size:26px}
 #what .simple-return strong{font-size:26px}
 #what .ui-book{gap:9px;font-size:12px}
 #what .ui-book img{width:49px}
 #what .ui-book>b{font-size:17px}
 #pain{padding-block:44px}
 #pain .pain-grid{gap:26px}
 .trust-grid{gap:32px}
 .scroll-chapter{opacity:1}
 .tier{padding:25px}
 .stack-cta.with-logos{padding:30px 22px;gap:25px}
 .stack-copy h2{font-size:32px!important}
 .alerts-card h2{font-size:25px}
}
@media(prefers-reduced-motion:reduce){
 #what .winner-switch.motion-cue button:before,#what .winner-switch.invite-once button{animation:none!important}
 .scan-pulse{animation:none!important}
}
/* Keep the whole outcome within a laptop-height comparison pane. */
#what{padding-block:36px}
#what .ui-title{display:none}
#what .ui-metrics{margin-top:0;padding-bottom:13px;align-items:center}
#what .ui-metrics>div:not(:first-child){display:flex;align-items:baseline;gap:8px}
#what .ui-metrics>div:last-child{justify-content:flex-end}
#what .ui-metrics b{margin:0}
#what .product-content{padding:18px}
#what .ui-opportunity{padding-top:13px}
#what .ui-foot{margin-top:12px}
#what .window-top{display:grid;grid-template-columns:1fr auto 1fr}
#what .window-top>span:nth-child(2){grid-column:2}
@media(max-width:760px){#what .ui-metrics>div:not(:first-child){display:block}#what .ui-metrics b{display:block;margin-top:3px}}
/* The progress line stays two pixels; its transparent interaction target is larger. */
#hero-autoplay .hero-video-shell{overflow:visible}
#hero-autoplay video{border-radius:18px 18px 0 0}
#hero-autoplay .hero-video-controls{border-radius:0 0 20px 20px}
#hero-autoplay .video-progress-rail{z-index:5;overflow:visible}
#hero-autoplay .video-progress{height:32px;top:-15px;bottom:auto;cursor:ew-resize;touch-action:none;outline-offset:2px}
#hero-autoplay .video-progress::-webkit-slider-thumb{width:7px;height:7px;margin-top:-2.5px;background:#359758;border:0;border-radius:50%;opacity:0;transition:opacity .15s}
#hero-autoplay .video-progress::-moz-range-thumb{width:7px;height:7px;background:#359758;border:0;border-radius:50%;opacity:0}
#hero-autoplay .video-progress:hover::-webkit-slider-thumb,#hero-autoplay .video-progress:focus-visible::-webkit-slider-thumb{opacity:1}
#hero-autoplay .video-progress:hover::-moz-range-thumb,#hero-autoplay .video-progress:focus-visible::-moz-range-thumb{opacity:1}
#hero-autoplay .video-progress:focus-visible{outline:2px solid #63a378}
/* A focused closing invitation, without another sportsbook display. */
#get .stack-cta{display:block;min-height:0;padding:58px 40px;border:0;border-radius:24px;background:#fafafb;box-shadow:none;text-align:center}
#get .stack-copy{width:100%;max-width:620px;margin:auto}
#get .stack-copy .kicker,#get .hero-actions{justify-content:center}
#get .stack-copy h2{max-width:none;margin-inline:auto}
#get .stack-copy p{max-width:46ch;margin-inline:auto}
/* Explainer studies share the same matchup, stakes, and exact outcome arithmetic. */
#what .variant-card{width:100%;max-width:540px;min-width:0;margin:0 auto;padding:28px;border-radius:24px}
#what .variant-card h3{font-size:30px;line-height:1.15;margin:12px 0 24px;letter-spacing:-1px}
#what .variant-card h3 span{font-size:15px;color:#83838d;margin:0 7px}
.variant-eyebrow{font-size:10px;letter-spacing:1.1px;color:#777780}
#what .variant-foot{display:block;font-size:10px;line-height:1.6;color:#797982;margin-top:20px}
#what .variant-card .simple-return{padding-top:20px}
#what .variant-card .result-story{font-size:12px;line-height:1.8;margin-top:20px}
#what .variant-dark{max-width:500px;background:linear-gradient(180deg,#16161b,#0b0b0f);border-color:#23232b;box-shadow:0 26px 65px -45px #0009}
#what .variant-dark .pc-head{margin-bottom:22px}
#what .variant-dark .pc-game{font-size:22px;font-weight:500;line-height:1.2}
#what .variant-dark .pc-game small{font-size:11px;color:#a6a6b0;margin-top:6px}
#what .variant-dark .pc-badge{font-size:9px;color:#8bd3a5;font-weight:400}
#what .variant-dark .pc-vs{font-size:10px;color:#a3a3ad;margin-bottom:17px}
#what .variant-dark .pc-leg .bk{width:44px;height:44px;background:#fff;padding:5px}
#what .variant-dark .pc-leg .mid>span{display:block}
#what .variant-dark .pc-leg .s{font-size:14px;font-weight:500}
#what .variant-dark .pc-leg .meta{font-size:11px;color:#b0b0bb;margin-top:3px}
#what .variant-dark .pc-leg .od{font:500 18px var(--f-body)}
#what .variant-dark .winner-switch button{background:#202027;border-color:#393942;color:#b6b6c0}
#what .variant-dark .winner-switch button[aria-pressed=true]{background:#14251b;border-color:#47875b;color:#cdf0d8}
#what .variant-dark .outcome-label,#what .variant-dark .simple-return small{color:#aaaab5}
#what .variant-dark .simple-return{border-color:#2a2a32;color:white}
#what .variant-dark .profit{color:#68ce8e}
#what .variant-dark .result-story,#what .variant-dark .variant-foot{color:#a4a4af}
#what .variant-dark .result-story b{color:#e4e4e9}
#what .variant-receipt{background:white;border:1px solid #e5e5ea;box-shadow:0 18px 50px -40px #0004}
.receipt-leg{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #eeeef1;font-size:13px}
.receipt-leg img{width:66px;height:33px;object-fit:contain}
.receipt-leg>span{flex:1}
.receipt-leg b{font-weight:500;display:block}
.receipt-leg small{font-size:11px;color:#777782}
.receipt-leg>strong{font:500 19px var(--f-body);letter-spacing:-.4px}
.receipt-total{display:flex;justify-content:space-between;font-size:12px;padding-top:13px;color:#74747d}
.receipt-total b{font-weight:500;color:#464650}
#what .receipt-math.simple-return{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:7px;align-items:center;padding:21px 0 0}
#what .receipt-math.simple-return>div{text-align:left}
#what .receipt-math.simple-return strong{font-size:22px;white-space:nowrap;letter-spacing:-.7px}
#what .receipt-math.simple-return small{font-size:9px}
.math-sign{color:#92929c;font-size:20px;padding-top:17px}
#what .variant-outcomes{padding:0;border:0;background:transparent}
#what .variant-outcomes h3{font-size:34px}
#what .outcome-tiles{gap:12px;margin-top:12px}
#what .outcome-tiles button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border-radius:20px;padding:20px;gap:12px;background:#fff;min-height:144px;white-space:normal}
#what .outcome-tiles button[aria-pressed=true]{background:#f1f8f3}
#what .outcome-tiles strong{font:500 31px var(--f-body);color:#238447;letter-spacing:-1px}
#what .outcome-tiles small{font-size:10px;color:#72757a}
#what .outcome-payout.simple-return{align-items:center;justify-content:space-between}
#what .outcome-payout.simple-return strong{margin:0;font-size:25px;color:#414149}
@media(max-width:760px){
 #hero-autoplay .video-progress{height:44px;top:-21px}
 #what .variant-card{padding:21px;border-radius:20px}
 #what .variant-dark .pc-head{display:block}
 #what .variant-dark .pc-badge{margin-top:12px}
 #what .variant-card h3{font-size:27px}
 #what .variant-outcomes{padding:0}
 #what .outcome-tiles button{padding:15px;min-height:133px}
 #what .outcome-tiles strong{font-size:27px}
 #what .receipt-math.simple-return{grid-template-columns:1fr;gap:10px}
 #what .receipt-math.simple-return>div{display:flex;align-items:center;justify-content:space-between}
 #what .receipt-math.simple-return small{font-size:12px}
 #what .receipt-math .math-sign{display:none}
 #what .receipt-math.simple-return>div:last-child{border-top:1px solid #e6e9e7;padding-top:12px}
 #what .receipt-math.simple-return strong{font-size:25px}
 #get .stack-cta{padding:36px 22px}
}
/* A separate, inset timeline leaves the rounded video image intact. */
#hero-autoplay .video-progress-rail{position:absolute;top:-9px;left:20px;right:20px;width:auto;height:2px;border-radius:99px;background:transparent}
#hero-autoplay .video-progress{left:0;right:0;width:100%;border-radius:99px}
#hero-autoplay .video-progress::-webkit-slider-runnable-track{border-radius:99px}
#hero-autoplay .video-progress::-moz-range-track,#hero-autoplay .video-progress::-moz-range-progress{border-radius:99px}
/* A quiet sliding indicator replaces the perimeter animation. */
#what .winner-switch.sliding-selection{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:99px;background:#f0f0f3;border:1px solid #e8e8ec}
#what .sliding-selection .selection-surface{position:absolute;left:0;top:0;z-index:-1;pointer-events:none;border-radius:99px;background:#fff;border:1px solid #dce6df;box-shadow:0 2px 7px #14251b09;transition:transform .28s cubic-bezier(.2,.7,.25,1),width .28s,height .28s}
#what .winner-switch.sliding-selection button,#what .winner-switch.sliding-selection button[aria-pressed=true]{border:0;background:transparent;box-shadow:none;margin:0;animation:none!important;color:#6d6d76;transition:color .2s;min-width:0;border-radius:99px}
#what .winner-switch.sliding-selection button[aria-pressed=true]{color:#25633a}
#what .winner-switch.sliding-selection button:before,#what .winner-switch.sliding-selection button:after{display:none!important}
#what .winner-switch.sliding-selection button:hover{color:#202a24}
#what .variant-dark .sliding-selection{background:#0c0c10;border-color:#303038}
#what .variant-dark .sliding-selection .selection-surface{background:#26352c;border-color:#44604e;box-shadow:none}
#what .variant-dark .winner-switch.sliding-selection button{color:#a9a9b3}
#what .variant-dark .winner-switch.sliding-selection button[aria-pressed=true]{color:#d9efdf}
#what .winner-switch.sliding-selection.outcome-tiles{border-radius:23px}
#what .sliding-selection.outcome-tiles .selection-surface,#what .sliding-selection.outcome-tiles button{border-radius:19px}
#what .sliding-selection.outcome-tiles .selection-surface{background:#f6fbf7}
/* Native, keyboard-accessible questions with one answer open at a time. */
#faq .faq-list{max-width:760px;border:1px solid #e5e5eb;border-radius:18px;overflow:hidden;background:#fff}
#faq details.clean-faq{margin:0;padding:0;border:0;border-bottom:1px solid #ececf0;background:#fff;box-shadow:none;border-radius:0}
#faq details.clean-faq:last-child{border-bottom:0}
#faq .clean-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 25px;cursor:pointer;font:500 16px/1.5 var(--f-body);letter-spacing:0;color:#28282f}
#faq .clean-faq summary::-webkit-details-marker{display:none}
#faq .clean-faq summary:hover{background:#fafafb}
#faq .clean-faq summary:focus-visible{outline:2px solid #4a9560;outline-offset:-4px;border-radius:10px}
#faq .faq-mark{position:relative;flex:0 0 16px;width:16px;height:16px}
#faq .faq-mark:before,#faq .faq-mark:after{content:'';position:absolute;background:#8a8a94;border-radius:1px}
#faq .faq-mark:before{left:2px;right:2px;top:7px;height:1.5px}
#faq .faq-mark:after{top:2px;bottom:2px;left:7px;width:1.5px;transition:transform .2s}
#faq .clean-faq[open] .faq-mark:after{transform:rotate(90deg)}
#faq .clean-faq[open] summary{color:#27633b}
#faq .clean-faq-answer{padding:0 25px 23px;animation:faq-arrive .2s ease-out}
#faq .clean-faq-answer p{margin:0;max-width:64ch;font-size:14px;line-height:1.8;color:#63636e}
#faq .clean-faq-answer a{text-underline-offset:3px}
@keyframes faq-arrive{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){#faq .clean-faq summary{padding:18px;font-size:14px;gap:18px}#faq .clean-faq-answer{padding:0 18px 20px}#faq .clean-faq-answer p{font-size:13px}}
@media(prefers-reduced-motion:reduce){#what .sliding-selection .selection-surface,#faq .faq-mark:after{transition:none}#faq .clean-faq-answer{animation:none}}
/* Continuous on hover, with the existing reduced-motion preference respected. */
.sportsbook-strip.in-view .book-marquee:hover .book-track{animation-play-state:running}
.motion-paused .sportsbook-strip .book-track{animation-play-state:paused!important}
#faq .clean-faq summary{font-family:var(--f-display);font-size:1.08rem;letter-spacing:-.01em;font-weight:500}
/* Fresh compositions: typography, a clear hierarchy, and one purposeful motion. */
#what .fresh-explainer{width:100%;max-width:535px;margin:auto;min-width:0;color:#202124}
.fresh-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:24px}
.fresh-heading>span{font:500 23px/1.2 var(--f-display);letter-spacing:-.6px}
.fresh-heading i{font:400 11px var(--f-body);color:#777;margin:0 5px}
.fresh-heading>small{font-size:10px;color:#75757e;text-align:right}
.fresh-stakes{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fresh-leg{min-width:0;position:relative}
.fresh-stakes .fresh-leg{background:#fff;border-radius:16px;padding:23px 22px;box-shadow:0 4px 24px #20202003;border:1px solid #ededf0}
.fresh-leg img{width:83px;height:32px;object-fit:contain;object-position:left center;display:block}
.fresh-stakes .fresh-leg>span:not(.leg-state){display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#55565f;margin:22px 0 6px}
.fresh-leg small{font-size:11px;color:#85858d}
.fresh-stakes .fresh-leg>strong{font:500 30px/1.2 var(--f-display);letter-spacing:-1px}
#what .fresh-explainer .winner-switch{max-width:340px;margin:0 auto 26px}
#what .fresh-explainer .outcome-label{text-align:center;font-size:11px;margin:25px 0 10px}
#what .fresh-explainer .simple-return{border:0;margin:0;padding:0;display:block}
.trail-payout{display:flex;justify-content:space-between;align-items:center;padding-top:3px}
.trail-payout>span{font-size:12px;color:#686872}
#what .trail-payout strong{font:500 28px var(--f-display);letter-spacing:-.8px}
.return-track{display:flex;gap:4px;height:10px;border-radius:99px;overflow:hidden;margin:17px 0 14px}
.return-track span{flex:500;background:#dddfe1;border-radius:99px}
.return-track i{flex:21.59;background:#299653;border-radius:99px;min-width:12px}
.trail-breakdown{display:flex;justify-content:space-between}
.trail-breakdown>div:last-child{text-align:right}
#what .trail-breakdown small{font-size:11px;color:#72727c;display:block;margin-bottom:5px}
#what .trail-breakdown strong{font:500 24px var(--f-display);letter-spacing:-.6px}
#what .trail-breakdown>div:last-child strong{color:#258647}
#what .fresh-explainer .result-story{font-size:12px;line-height:1.7;margin-top:24px;min-height:40px}
#what .fresh-explainer .variant-foot{font-size:9px;line-height:1.6;margin-top:14px;color:#85858e;display:block}
#what .fresh-spotlight{background:#f4f3ef;padding:30px;border-radius:24px}
#what .fresh-spotlight .outcome-label{margin-top:0}
#what .fresh-spotlight .winner-switch.sliding-selection{background:#eae9e5;border-color:#e4e3df}
#what .spotlight-result{text-align:center;padding:8px 0 25px!important}
.spotlight-result>span{font-size:12px;color:#75756f}
#what .spotlight-result>strong{font:500 clamp(54px,5.8vw,78px)/1.12 var(--f-display);letter-spacing:-3px;color:#217e42;display:block;margin:12px 0 16px}
.spotlight-equation{display:flex;justify-content:center;gap:13px;align-items:center;color:#7b7c77;font-size:11px}
.spotlight-equation b{font-weight:500;color:#40433f}
.spotlight-equation i{font-style:normal;color:#9c9d97}
.spotlight-stakes{border-top:1px solid #dedfd8;padding-top:15px;display:grid;gap:13px}
.spotlight-stakes .fresh-leg{display:grid;grid-template-columns:85px 1fr auto;gap:15px;align-items:center;font-size:12px}
.spotlight-stakes .fresh-leg>span:not(.leg-state){display:flex;flex-direction:column;gap:2px}
.spotlight-stakes .fresh-leg>strong{font:500 18px var(--f-display);letter-spacing:-.3px}
.fresh-trail.is-changing .return-track span{animation:restore-stakes .65s ease-out}
.fresh-trail.is-changing .return-track i{animation:profit-reveal .8s ease-out}
.fresh-spotlight.is-changing .spotlight-result>strong{animation:profit-reveal .5s ease-out}
@keyframes restore-stakes{from{transform:scaleX(.2);transform-origin:left;opacity:.4}to{transform:scaleX(1);transform-origin:left;opacity:1}}
@keyframes profit-reveal{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
 #faq .clean-faq summary{font-size:16px}
 .fresh-heading{gap:10px;padding-bottom:20px}.fresh-heading>span{font-size:21px}.fresh-heading>small{font-size:9px}
 .fresh-stakes{gap:10px}.fresh-stakes .fresh-leg{padding:18px 15px}.fresh-stakes .fresh-leg>strong{font-size:26px}
 #what .fresh-spotlight{padding:24px 20px}.spotlight-stakes .fresh-leg{grid-template-columns:72px 1fr auto;gap:10px}.spotlight-stakes img{width:70px}
 #what .spotlight-result>strong{font-size:60px}
}
@media(prefers-reduced-motion:reduce){.sportsbook-strip .book-track{animation:none!important}.fresh-explainer *{animation:none!important}}

.mobile-how-scene{display:contents}.mobile-how-copy{display:none}
@media(max-width:760px){#how .scroll-grid.how-tabbed{height:auto}#how .how-tabbed .mobile-how-scene{position:relative;top:auto}}
@media(max-width:760px){
 /* Original website's mobile logo sizes and spacing. */
 .sportsbook-strip{padding:.95rem 0}
 .book-track ul{gap:0;padding:0}
 .book-track li{height:38px;width:auto;padding:0 .85rem;gap:.85rem}
 .book-track img{height:26px;width:auto!important}
 .book-track img[alt=FanDuel]{height:22px}.book-track img[alt=DraftKings]{height:30px}
 .book-track img[alt=Caesars]{height:38px}.book-track img[alt=BetMGM]{height:26px}
 .book-track img[alt=Pinnacle]{height:21px}.book-track img[alt=bet365],.book-track img[alt=BetRivers]{height:20px}
 .book-track img[alt=Bet99]{height:23px}.book-track img[alt=theScore],.book-track img[alt=Betway]{height:17px}
 .book-track img[alt=Novig]{height:14px}.book-track img[alt=ProphetX]{height:13px}
 #how .sec-head{margin-bottom:12px}#how .setup-note{margin-bottom:20px}
 #how .scroll-grid{position:relative;height:calc(var(--mobile-scene-height,550px) + 55svh);display:block}
 .mobile-how-scene{display:block;position:sticky;top:var(--mobile-scene-top,133px)}
 .mobile-how-copy{display:grid;margin-bottom:14px}
 .mobile-step-copy{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity .25s ease}
 .mobile-step-copy.active{visibility:visible;opacity:1}
 .mobile-step-copy .kicker{font-size:9px;margin:0}
 .mobile-step-copy h3{font:500 22px/1.16 var(--f-display);letter-spacing:-.6px;margin:8px 0}
 .mobile-step-copy h3 em{font-style:normal;color:#73737d}
 .mobile-step-copy p{font-size:12px;line-height:1.55;color:#62626e;margin:0}
 .mobile-step-copy>small{display:block;font-size:10px;margin-top:5px;color:#6e6e78}
 #how .scroll-stage{position:relative;top:auto;margin:0;border-radius:18px}
 #how .journey-context{padding:10px 14px}
 #how .journey-context small,#how .journey-state{display:none}
 #how .journey-context strong{font-size:18px;margin:0}
 #how .stage-tabs{margin:10px auto 0}
 #how .stage-tabs button{font-size:10px;padding:8px 12px;min-height:36px}
 #how .stage-window{height:292px!important;transition:none}
 #how .stage-panel{padding:12px;transition:transform .45s var(--ease),opacity .3s}
 #how .scan-network{height:214px;flex:none}
 #how .scan-node{width:49px;height:44px;padding:8px}
 #how .found-opportunity{padding:8px;gap:2px}
 #how .stake-setting{margin:0 0 10px;font-size:12px}
 #how .stake-setting>span{padding:7px 10px}
 #how .stake-setting input{font-size:16px;width:72px}
 #how .prefill-slip{padding:10px;border-radius:12px}
 #how .prefill-slip img{height:23px;width:68px;margin-bottom:8px}
 #how .prefill-slip h4{font-size:12px;margin-bottom:3px}
 #how .prefill-slip>small{margin-top:8px;padding-top:6px}
 #how .prefill-slip>strong{font-size:22px;line-height:1.3}
 #how .prefill-slip .ready-label{margin-top:6px;font-size:8px}
 #how .stage-caption{font-size:11px;margin-top:10px;line-height:1.5}
 #how .review-title{font-size:21px;margin:0 0 12px}
 #how .review-totals span{padding:8px 0}
 #how .either-profit{margin-top:12px;gap:8px}
 #how .either-profit>div{padding:12px 8px}
 #how .either-profit strong{font-size:24px}
 #how .profit-basis{margin-top:8px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.mobile-step-copy{transition:none}}

/* A shorter scroll moves the story on; returned money is the final focus. */
@media(min-width:761px){#how .scroll-chapter{min-height:340px}}
#how .either-profit>div{background:#fafafa;border-color:#e6e6eb}
#how .either-profit strong{color:#24252a}
#how .review-title{font-weight:500}

/* October 17: reading progress, spacious mobile hero, and readable product steps. */
.page-reading-progress{position:fixed;inset:0 0 auto;height:2px;z-index:110;pointer-events:none;background:transparent}
.page-reading-progress>span{display:block;width:100%;height:100%;background:#159947;transform:scaleX(var(--reading-progress,0));transform-origin:left;will-change:transform}
.mobile-menu-toggle,.mobile-film-section{display:none}
#how .scan-pulse{animation-iteration-count:infinite;stroke:#26a85b;stroke-width:2.2}
#how .scan-node{width:86px;height:64px;padding:9px}
#how .scan-node img{max-height:42px}
@media(min-width:761px){#how .scroll-chapter{min-height:max(560px,72svh)}}
@media(max-width:760px){
 html{scroll-padding-top:88px}
 .merge-nav{height:72px;padding:0 20px;align-items:center;gap:12px}
 .merge-nav .nav-logo{font-size:22px;gap:9px;margin-right:auto}
 .merge-nav .nav-logo img{width:24px;height:24px}
 .merge-nav>.btn{order:1;padding:10px 14px;font-size:11px;min-height:42px;white-space:nowrap}
 .mobile-menu-toggle{display:flex;order:2;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:42px;height:42px;flex-shrink:0;border:1px solid #e8e8ec;border-radius:50%;background:white;color:#25252b;cursor:pointer}
 .mobile-menu-toggle span{width:16px;height:1.5px;background:currentColor;transition:transform .2s}
 .mobile-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}
 .mobile-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
 .merge-nav .tube-nav{display:none;position:absolute;top:71px;left:0;right:0;transform:none;max-width:none;width:100%;padding:12px 20px 22px;flex-direction:column;align-items:stretch;gap:4px;border:0;border-bottom:1px solid #e7e7eb;border-radius:0;background:#fff;box-shadow:0 12px 22px #15151a08;max-height:calc(100svh - 72px);overflow:auto}
 .merge-nav.menu-open .tube-nav{display:flex}
 .merge-nav .tube-nav a,.merge-nav .resource-menu summary{font-size:16px;padding:13px 12px;min-height:44px;border-radius:10px}
 .merge-nav .tube-nav a.active:before{display:none}
 .merge-nav .resource-menu{width:100%}
 .merge-nav .resource-menu>div{position:static;box-shadow:none;border:0;padding:0 0 0 12px;width:100%;background:#fafafa}
 .video-hero .hero-grid,.video-hero:has(#hero-autoplay:not([hidden])) .hero-grid{display:block}
 .video-hero .hero-grid>div:first-child,.video-hero:has(#hero-autoplay:not([hidden])) .hero-grid>div:first-child{display:block}
 .hero.sec{padding:42px 0 36px}
 .video-hero .hero h1,.video-hero:has(#hero-autoplay:not([hidden])) .hero h1{font-size:clamp(44px,12vw,64px);line-height:1.05;letter-spacing:-1.8px;margin:22px 0}
 .video-hero .hero .kicker{font-size:10px;line-height:1.5}
 .video-hero .hero .sub,.video-hero:has(#hero-autoplay:not([hidden])) .hero .sub{font-size:16px;line-height:1.7;margin:0 0 24px}
 .video-hero .hero-actions,.video-hero:has(#hero-autoplay:not([hidden])) .hero-actions{margin:0}
 .video-hero .hero-actions .btn{font-size:14px;padding:14px 22px;min-height:48px}
 .video-hero .hero-trust{font-size:10px;margin-top:18px;gap:16px}
 .mobile-film-section{display:block;padding:30px 0 42px;background:#fafafb;border-block:1px solid #f0f0f3}
 .mobile-film-section h2{font-size:28px;letter-spacing:-.7px;margin:0 0 28px;text-align:center}
 #hero-autoplay{width:min(100%,330px,40.5svh);max-width:none;margin:0 auto;grid-column:auto;grid-row:auto;justify-self:auto}
 #hero-autoplay video{width:100%;aspect-ratio:9/16;max-height:72svh;object-fit:contain}
 #hero-autoplay .hero-video-controls{padding:10px;gap:8px;justify-content:center}
 #hero-autoplay .hero-video-controls button{font-size:12px;padding:9px 12px;min-height:38px}
 #hero-autoplay .video-time{font-size:11px;flex-basis:auto;margin-right:auto}
 #how .scroll-grid{height:calc(var(--mobile-scene-height,550px) + 240svh)}
 .mobile-how-scene{top:var(--mobile-scene-top,84px)}
 #how .scan-node{width:66px;height:49px;padding:5px;border-radius:12px}
 #how .scan-node img{max-height:36px}
 #how .scan-center{width:52px;height:52px;padding:8px}
 #how .scan-center img{width:32px;height:32px}
 .social-dock{gap:14px;padding:14px 16px 10px;align-items:start}
 .social-dock>a,.social-dock>a:hover,.social-dock>a:focus-visible,.social-dock>a:has(+a:hover),.social-dock>a:hover+a{width:44px;height:44px;transform:none;margin:0;transition:none}
 .social-dock>a{margin-bottom:22px!important}
 .social-dock a>span,.social-dock a:hover>span,.social-dock a:focus-visible>span{position:absolute;top:51px;left:50%;opacity:1;font-size:10px;line-height:1;background:none;border:0;padding:0;white-space:nowrap}
 .social-dock>a:active{background:#f1f5f2}
}
@media(hover:none){
 .social-dock>a:hover,.social-dock>a:has(+a:hover),.social-dock>a:hover+a{transform:none;margin-inline:0}
}
@media(prefers-reduced-motion:reduce){#how .scan-pulse{animation:none!important}.mobile-menu-toggle span{transition:none}}

/* A quiet, one-time headline entrance. Layout and reading order stay fixed. */
@keyframes headline-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
 .hero h1>b,.hero h1>i{display:block;animation:headline-arrive .72s cubic-bezier(.2,.65,.3,1) both}
 .hero h1>b{animation-delay:.08s}
 .hero h1>i{animation-delay:.2s}
}
#compare .compare-table tbody th{font-weight:600;text-align:left;padding:20px 18px;border-bottom:1px solid #e6e6eb}
#compare .compare-table td{line-height:1.5}
#compare .compare-table small{font-size:.82em;color:#73737d;font-weight:400}
#compare a{text-underline-offset:3px}
.comparison-sources{max-width:900px;margin:24px auto 0;color:#73737d;font-size:12px;line-height:1.7}
.comparison-sources summary{cursor:pointer;text-align:center;list-style:none}
.comparison-sources summary::after{content:' +';margin-left:8px}
.comparison-sources[open] summary::after{content:' −'}
.comparison-sources p{margin:14px 0 0}
@media(max-width:760px){
 #compare .compare-table tbody th{padding:14px 10px;font-size:12px}
 #compare .compare-table td{padding:14px 10px;font-size:12px}
 #compare .compare-table thead th{font-size:12px;padding:14px 8px}
 .comparison-sources{font-size:11px}
}
@media(max-width:760px){
 #compare .compare-table{table-layout:fixed;min-width:0;width:100%}
 #compare .compare-table th,#compare .compare-table td{white-space:normal;overflow-wrap:break-word}
 #compare .compare-table thead th{padding:14px 6px;font-size:11px}
 #compare .compare-table td,#compare .compare-table tbody th{padding:14px 7px}
}
#compare .compare-table tbody tr:last-child th{border-bottom:0}

/* Concise comparison benefit beneath the original table. */
.comparison-benefit{margin:24px auto 0;text-align:center;color:#73737d;font-size:15px;line-height:1.6}
.comparison-benefit strong{color:#1d1d1f;font-weight:500}
.comparison-benefit+.comparison-sources{margin-top:12px}
@media(max-width:600px){.comparison-benefit{font-size:13px;max-width:290px;margin-top:20px}}