.topbar .language-switch{display:flex;align-items:center;gap:8px;flex-shrink:0;height:100%;font-family:'DM Sans',sans-serif}.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:30px;color:#ccd0d5;font-size:.8rem;font-weight:500;border-bottom:2px solid transparent}.language-switch a:hover,.language-switch a[aria-current=true]{color:#ffc561;border-bottom-color:#ffc561}.language-switch span{color:#6e7178}.language-switch a:focus-visible{outline:2px solid #ffc561;outline-offset:2px}html[lang=en] body{font-family:'DM Sans','Noto Sans Thai',sans-serif}html[lang=en] .hero h1{font-size:clamp(2.5rem,4.5vw,4.1rem);line-height:1.12}html[lang=en] .hero .wrap{width:100%;padding-top:35px;padding-bottom:75px}html[lang=en] .hero p{max-width:550px}html[lang=en] .benefit h3{line-height:1.4}html[lang=en] .chooser-intro h2{font-size:1.7rem;line-height:1.25}html[lang=en] .topbar>.wrap{font-size:.75rem}html[lang=en] .nav .wrap{gap:20px}html[lang=en] .navlinks{gap:19px}html[lang=en] .phone{font-size:.84rem}html[lang=en] .quote{font-size:.9rem}html[lang=en] .home-article-card h3{line-height:1.4}
@media(max-width:1100px) and (min-width:981px){html[lang=en] .nav .phone{display:none}}
@media(max-width:700px){html[lang=en] .topbar .wrap{gap:9px;font-size:.65rem}html[lang=en] .topbar>.wrap>a{white-space:nowrap}.language-switch{gap:4px!important}.language-switch a{font-size:.75rem;min-width:24px}html[lang=en] .hero{min-height:650px}html[lang=en] .hero h1{font-size:2.55rem}html[lang=en] .hero .wrap{padding-top:0;padding-bottom:70px}}