/* English language layer — shared across /en/ */
html[lang="en"] body{font-family:Inter,Arial,sans-serif;line-height:1.68}
html[lang="en"] h1{line-height:1.15;letter-spacing:-.025em}
html[lang="en"] h2{line-height:1.22;letter-spacing:-.018em}
html[lang="en"] h3{line-height:1.30;letter-spacing:-.01em}
html[lang="en"] p,html[lang="en"] li{line-height:1.68}
html[lang="en"] .btn,html[lang="en"] .site-nav a,html[lang="en"] button{line-height:1.30}
html[lang="en"] .home-hero h1{line-height:1.14;letter-spacing:-.025em;max-width:760px}
html[lang="en"] .section{padding:72px 0}
html[lang="en"] .section.compact{padding:56px 0}
html[lang="en"] .service-output-grid p{font-size:15px;line-height:1.65}
html[lang="en"] .platform-service-grid p{font-size:13px;line-height:1.6}
html[lang="en"] .proof-point{font-size:13px;line-height:1.5}
html[lang="en"] .proof-disclaimer,html[lang="en"] .home-human-notice{font-size:12px;line-height:1.65}
html[lang="en"] .home-direct-contact .home-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Keep the English header visually identical to the Thai master header. */
html[lang="en"] .utility-inner{min-height:34px;gap:18px;font-size:12px}
html[lang="en"] .site-nav{min-height:76px;gap:22px}
html[lang="en"] .desktop-menu{gap:15px;font-size:14px;font-weight:650}
html[lang="en"] .desktop-menu>a{padding:8px 0;white-space:nowrap}
html[lang="en"] .brand{gap:11px}
html[lang="en"] .brand-copy{line-height:1.15}
html[lang="en"] .brand-copy small{margin-top:3px;font-size:10px;font-weight:600;letter-spacing:.04em}
html[lang="en"] .desktop-menu .contact-link{padding:10px 14px;border-radius:9px}

/* Language selector matches the Thai master pill instead of the old EN dropdown styling. */
html[lang="en"] .sps-lang{position:relative;display:inline-block;margin-left:8px;margin-right:4px}
html[lang="en"] .sps-lang>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;min-height:38px;padding:7px 11px;border:1px solid #d0d5dd;border-radius:999px;background:#f8fafc;font-size:12px;font-weight:800;color:#1d2939;white-space:nowrap;box-shadow:0 1px 2px rgba(16,24,40,.05);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
html[lang="en"] .sps-lang>summary .sps-lang-icon{width:16px;height:16px;display:block;flex:0 0 16px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
html[lang="en"] .sps-lang>summary:hover,html[lang="en"] .sps-lang[open]>summary{background:#fff4ec;border-color:#fdba74;color:#b54708;box-shadow:0 0 0 3px rgba(249,115,22,.08)}
html[lang="en"] .sps-lang>summary:focus-visible{outline:3px solid rgba(249,115,22,.22);outline-offset:2px}
html[lang="en"] .sps-lang>summary::-webkit-details-marker{display:none}
html[lang="en"] .sps-lang-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:155px;padding:7px;background:#fff;border:1px solid #e4e7ec;border-radius:10px;box-shadow:0 12px 30px rgba(16,24,40,.12);z-index:120}
html[lang="en"] .sps-lang-menu a,html[lang="en"] .sps-lang-menu span{display:block;padding:8px 10px;border-radius:7px;text-decoration:none;color:#344054;font-size:13px;white-space:nowrap}
html[lang="en"] .sps-lang-menu a:hover{background:#f8fafc;color:#c94e00}
html[lang="en"] .sps-lang-menu .current{background:#fff4ec;color:#c94e00;font-weight:800}
html[lang="en"] .sps-lang-menu .soon{color:#98a2b3}

@media(max-width:1080px){
  html[lang="en"] .section{padding:64px 0}
  html[lang="en"] .section.compact{padding:52px 0}
}
@media(max-width:720px){
  html[lang="en"] h1{line-height:1.16}
  html[lang="en"] h2{line-height:1.24}
  html[lang="en"] h3{line-height:1.32}
  html[lang="en"] .section{padding:56px 0}
  html[lang="en"] .section.compact{padding:48px 0}
  html[lang="en"] .home-direct-contact .home-contact-grid{grid-template-columns:1fr}
  html[lang="en"] .site-nav{min-height:66px}
  html[lang="en"] .brand-copy small{display:none}
}