/* Locale typography and space for translated copy. */
body{overflow-wrap:break-word}
.hero-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.hero h1{font-size:clamp(2.7rem,4.7vw,4.5rem);line-height:1.12;letter-spacing:-.035em}
h2{font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.18;letter-spacing:-.035em}
h3{line-height:1.3}
.section-heading>div{min-width:0;flex:1}.section-heading>p{max-width:350px;flex:0 1 35%}
.nav .button.small{flex-basis:275px;min-width:0}.nav nav{gap:16px;margin-right:0}
.nav nav a{font-size:12px}.button{white-space:normal;text-align:center;line-height:1.45}
.hero-actions .button{max-width:100%}.button>span{flex-shrink:0}
.odds h3{font-size:28px;line-height:1.3}.odds-row>div>span{max-width:72%}
.market-list article{grid-template-columns:24px minmax(0,.85fr) minmax(0,1.15fr)}
.market-list h3{font-size:19px}.table-toolbar>div>span{line-height:1.5}
.table-scroll table{min-width:760px}.table-scroll thead th{line-height:1.5}
.usp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.usp-grid article{min-width:0;overflow-wrap:anywhere}
.usp-grid article>.word-stat{font-size:25px;line-height:1.3}.usp-grid h3{line-height:1.5}
.start-mark{font-size:clamp(2.8rem,5vw,4.4rem);max-width:29%;line-height:1.1}
.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.steps span{font-size:17px;line-height:1.5}
html[lang="th-TH"] body,html[lang="th-TH"] button{font-family:"Noto Sans Thai",Manrope,Arial,sans-serif}
html[lang="th-TH"] h1,html[lang="th-TH"] h2,html[lang="th-TH"] h3{letter-spacing:0;line-height:1.35}
html[lang="th-TH"] .eyebrow,html[lang="th-TH"] .market-strip .wrap{letter-spacing:.01em}
html[lang="th-TH"] .hero h1{font-size:clamp(2.6rem,4.5vw,4.2rem)}
html[lang="zh-Hans"] body,html[lang="zh-Hans"] button{font-family:Manrope,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
html[lang="zh-Hant"] body,html[lang="zh-Hant"] button{font-family:Manrope,"PingFang TC","Microsoft JhengHei","Noto Sans CJK TC",sans-serif}
html[lang^="zh-"] h1,html[lang^="zh-"] h2,html[lang^="zh-"] h3{letter-spacing:0;line-height:1.35}
html[lang^="zh-"] .eyebrow,html[lang^="zh-"] .market-strip .wrap{letter-spacing:.025em}
html[lang^="zh-"] .nav .button.small{flex-basis:190px}
html[lang^="zh-"] .footer-disclaimer{line-height:1.8}
@media(max-width:1100px){.nav nav{display:none}}
@media(max-width:760px){
 .hero-layout{grid-template-columns:minmax(0,1fr)}
 .hero h1{font-size:clamp(2rem,8.7vw,3.8rem);line-height:1.2}
 html[lang="th-TH"] .hero h1{font-size:clamp(2.1rem,9vw,3.8rem);line-height:1.4}
 h2{font-size:clamp(1.85rem,7.8vw,3.2rem)}
 .section-heading>p{max-width:none}.nav .button.small{font-size:12px;line-height:1.5;padding:10px}
 .nav .brand-logo img{width:130px}.nav-inner{gap:12px}
 .market-list article{grid-template-columns:24px minmax(0,1fr)}
 .table-toolbar>div:first-child{align-items:flex-start}.table-toolbar strong{flex-shrink:0}
 .usp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usp-grid article>.word-stat{font-size:22px}.steps{gap:12px}.steps span{font-size:15px}
 .mobile-cta .button{font-size:13px}.mobile-cta p{font-size:11px}
 body{padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}
 html{scroll-padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:360px){.nav .brand-logo img{width:110px}.nav .button.small{font-size:11px}}