/* October 18: readable type, familiar brand, restrained hierarchy. */
:root{--read-body:18px;--read-small:15px;--read-ink:#585963}
.hero .sub,.video-hero .hero .sub{font-size:20px;line-height:1.65;max-width:47ch;color:var(--read-ink)}
.video-hero .hero h1{font-size:clamp(52px,4.8vw,72px);line-height:1.06;letter-spacing:-.045em}
.sec h2,#what h2,#pain h2{font-size:clamp(36px,3.5vw,48px);line-height:1.16;letter-spacing:-.035em}
.sec h2.tt i{font-size:.8em;line-height:1.3;color:#70717a}
#what h2.tt i{font-size:.74em;line-height:1.3;margin-top:14px}
.sec .lead,#what .lead,#pain .lead{font-size:20px;line-height:1.65;color:var(--read-ink);max-width:56ch}
.sec .kicker,.hero .kicker{font-size:12px;line-height:1.5;letter-spacing:.13em;color:#666773}
.hero-trust,.video-hero .hero-trust{font-size:13px;line-height:1.5;color:#62636d}
.hero-actions .btn,.merge-nav>.btn{font-size:16px;min-height:48px}
.tube-nav a,.resource-menu summary{font-size:15px}
#pain .pain-card h3,.trust-row h3{font-size:23px;line-height:1.3;margin-bottom:12px}
#pain .pain-card p,.trust-row p,.tier-purpose,.tier-features,.stack-copy p,#signup .alerts-card>p{font-size:var(--read-body);line-height:1.65;color:var(--read-ink)}
.scroll-chapter h3{font-size:clamp(34px,3.2vw,44px);line-height:1.15}
.scroll-chapter p{font-size:18px;line-height:1.65}
.scroll-chapter>small,.setup-note{font-size:16px;line-height:1.65}
.stage-caption,.profit-basis{font-size:15px;line-height:1.55}
.stage-tabs button{font-size:14px;min-height:44px}
.prefill-slip h4{font-size:18px}
.prefill-slip .ready-label{font-size:13px}
.tier-period,.tier-billing,.tier-badge{font-size:14px;line-height:1.5}
.tier .btn{font-size:16px;white-space:normal;text-align:center;line-height:1.4}
#faq .clean-faq summary{font-size:21px;line-height:1.4;padding-block:25px;color:#292a30}
#faq .clean-faq-answer p{font-size:18px;line-height:1.7;color:var(--read-ink)}
.stack-copy h2{font-size:48px!important}
.stack-copy>small,#signup .alerts-consent{font-size:14px;line-height:1.6}
#signup .alerts-card h2{font-size:34px}
#signup .cta-form input[type=email]{font-size:17px}
#signup .cta-form .btn{font-size:16px}
footer p,footer nav a{font-size:16px;line-height:1.7}
/* Match the established body typeface, with steady, aligned digits. */
#what .quiet-example{max-width:510px}
#what .quiet-example .match{font-size:24px;margin-bottom:24px}
#what .quiet-example .match span{font-size:15px}
#what .quiet-example .bet{padding:22px 20px;border-radius:18px}
#what .quiet-example .bet img{width:110px;height:37px;margin-bottom:20px}
#what .quiet-example .bet-line{font-size:18px}
#what .quiet-example .odds{font-size:16px}
#what .quiet-example .stake{display:block;margin-top:20px}
#what .quiet-example .stake>span{font-size:14px}
#what .quiet-example .stake strong{display:block;margin-top:6px;font:500 29px/1.2 var(--f-body);letter-spacing:-.025em}
#what .quiet-example .out strong{font:500 clamp(54px,5vw,68px)/1.12 var(--f-body);letter-spacing:-.04em;margin-top:12px}
#what .quiet-example .odds,#what .quiet-example .stake strong,#what .quiet-example .out strong,#what .quiet-example .math b{font-family:var(--f-body);font-variant-numeric:lining-nums tabular-nums}
#what .quiet-example .winner-row{margin-top:26px;gap:16px}
#what .quiet-example .winner-row>span{font-size:16px}
#what .quiet-example .choices{width:250px}
#what .quiet-example .choices button{font-size:16px;min-height:48px}
#what .quiet-example .out{margin-top:30px;padding-bottom:24px}
#what .quiet-example .out>span{font-size:18px}
#what .quiet-example .explanation{font-size:16px;line-height:1.65;margin:22px 0}
#what .quiet-example details{font-size:16px;line-height:1.6}
#what .quiet-example summary{min-height:44px}
#what .quiet-example .math small,#what .quiet-example .math p{font-size:14px;line-height:1.6}
#what:has(.quiet-example){padding-block:80px}

@media(max-width:1000px) and (min-width:761px){
 .merge-nav{gap:14px;padding-inline:24px}
 .tube-nav a,.resource-menu summary{font-size:13px;padding-inline:10px}
 .merge-nav>.btn{font-size:14px;padding-inline:16px}
 .hero .sub,.video-hero .hero .sub{font-size:18px}
 #what:has(.quiet-example)>.container{gap:32px}
 #what .quiet-example .bet{padding:18px 14px}
 #what .quiet-example .stake strong{font-size:26px}
 #what .quiet-example .winner-row{align-items:flex-start;flex-direction:column;gap:10px}
 #what .quiet-example .choices{width:100%}
}
@media(max-width:760px){
 :root{--read-body:17px;--read-small:14px}
 .sec h2,#what h2,#pain h2{font-size:clamp(32px,8.5vw,39px);line-height:1.18;letter-spacing:-.035em}
 .sec .lead,#what .lead,#pain .lead{font-size:18px;line-height:1.65}
 .video-hero .hero h1,.video-hero:has(#hero-autoplay:not([hidden])) .hero h1{font-size:clamp(46px,12.5vw,62px)}
 .video-hero .hero .sub,.video-hero:has(#hero-autoplay:not([hidden])) .hero .sub{font-size:18px;line-height:1.65}
 .video-hero .hero .kicker{font-size:11px}
 .video-hero .hero-trust{font-size:12px;gap:18px}
 .video-hero .hero-actions .btn{font-size:16px}
 .merge-nav>.btn{font-size:13px;padding-inline:13px}
 .mobile-film-section h2{font-size:32px}
 #hero-autoplay .hero-video-controls button{font-size:13px;min-height:44px}
 #hero-autoplay .video-time{font-size:12px}
 #what:has(.quiet-example){padding-block:54px}
 #what:has(.quiet-example)>.container{gap:36px}
 #what .quiet-example .match{font-size:23px;margin-bottom:20px}
 #what .quiet-example .bet{padding:18px 14px}
 #what .quiet-example .bet img{width:96px;max-width:100%;height:32px;margin-bottom:18px}
 #what .quiet-example .bet-line{font-size:16px;gap:5px}
 #what .quiet-example .odds{font-size:14px}
 #what .quiet-example .stake{margin-top:16px}
 #what .quiet-example .stake strong{font-size:clamp(23px,6.5vw,28px)}
 #what .quiet-example .choices{width:215px;max-width:68%}
 #what .quiet-example .choices button{font-size:15px}
 #what .quiet-example .winner-row{gap:10px;margin-top:24px}
 #what .quiet-example .out{margin-top:28px}
 #what .quiet-example .out strong{font-size:58px}
 #what .quiet-example .explanation{font-size:16px}
 .mobile-step-copy .kicker{font-size:11px}
 .mobile-step-copy h3{font-size:27px;line-height:1.18;margin-block:10px}
 .mobile-step-copy p{font-size:16px;line-height:1.55}
 .mobile-step-copy>small{font-size:13px;line-height:1.5}
 #how .setup-note{font-size:16px}
 #how .journey-context strong{font-size:22px}
 #how .stage-tabs button{font-size:12px;padding:9px 12px;min-height:44px}
 #how .stage-window{height:355px!important}
 #how .scroll-grid.how-tabbed{height:auto}
 #how .how-tabbed .mobile-how-scene{position:relative;top:auto}
 #how .stake-setting{font-size:15px;margin-bottom:16px}
 #how .prefill-slip{padding:14px 12px}
 #how .prefill-slip h4{font-size:15px}
 #how .prefill-slip>small{font-size:13px}
 #how .prefill-slip>strong{font-size:25px}
 #how .prefill-slip .ready-label{font-size:11px;line-height:1.4}
 #how .stage-caption{font-size:13px;line-height:1.5}
 #how .review-title{font-size:25px}
 #how .profit-basis{font-size:13px}
 #faq .clean-faq summary{font-size:20px;padding:23px 0}
 #faq .clean-faq-answer{padding:0 0 24px}
 #faq .clean-faq-answer p{font-size:17px;line-height:1.7}
 .stack-copy h2{font-size:38px!important}
 #signup .alerts-card h2{font-size:30px}
 #signup .alerts-card{padding-inline:0}
}
@media(max-width:360px){
 .merge-nav{gap:8px;padding-inline:14px}
 .merge-nav .nav-logo{font-size:20px;gap:5px}
 .merge-nav>.btn{font-size:12px;padding-inline:10px}
 #what .quiet-example .bet{padding-inline:11px}
 #what .quiet-example .bet-line{font-size:15px}
 #what .quiet-example .winner-row{flex-direction:column;align-items:stretch;gap:12px}
 #what .quiet-example .choices{width:100%;max-width:none}
}