/* Localized copy keeps the source artwork and section geometry. */
.sr-only { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
header .w100 { display:flex; align-items:center; gap:20px; height:61px; }
header .logos { float:none; padding-top:0; flex-shrink:0; }
.localized-logo { display:flex; align-items:center; gap:9px; color:white; font-size:18px; font-weight:700; white-space:nowrap; }
.brand-icon { display:block; width:32px; height:32px; background:url('/images/logo.png') no-repeat left center; background-size:140px 32px; }
header .nav { margin-left:auto; float:none; }
header .nav ul { display:flex; gap:18px; }
header .nav ul li { margin-left:0; white-space:nowrap; }
.language-control { flex-shrink:0; }
.language-control select { font:inherit; color:#fff; background:#30373d; border:1px solid #69737c; border-radius:6px; padding:7px 9px; cursor:pointer; max-width:118px; }
.language-control select:focus-visible { outline:2px solid #80a8ff; outline-offset:3px; }
.language-control option { background:#20262b; color:white; }
.maxBtn .label { background:linear-gradient(110deg,#ff9951,#ef507c); border-radius:0 16px 0 16px; color:white; font-size:14px; line-height:30px; text-align:center; }
.localized-scene-title { font-size:32px; font-weight:bold; line-height:1.5; background:linear-gradient(90deg,#266efe,#7600ff); background-clip:text; color:transparent; }
.advantage-card { width:137px; height:194px; }
.advantage-card>img { display:block; width:100%; height:100%; margin:0!important; }
.advantage-card>[data-i18n] { position:absolute; top:49px; left:14px; right:14px; height:42px; display:flex; align-items:center; justify-content:center; text-align:center; background:#f0f7ff; font-size:14px; line-height:18px; font-weight:700; color:#20262b; }
.advantage-card[data-card="2"]>[data-i18n], .advantage-card[data-card="4"]>[data-i18n] { top:20px; height:43px; }
.mobile-advantages { display:flex; justify-content:center; gap:8px; flex-wrap:wrap; width:100%; max-width:480px; margin:0 auto; }
.mobile-advantages .advantage-card { position:relative; width:137px; height:194px; }
html:not([lang^="zh"]) .localized-logo { font-size:17px; }
html:not([lang^="zh"]) header .w100 { gap:15px; }
html:not([lang^="zh"]) header .nav ul { gap:15px; font-size:13px; }
html:not([lang^="zh"]) .banner .bd ul li h1 { font-size:58px; }
html:not([lang^="zh"]) .banner .bd ul li h2 { font-size:46px; width:560px; line-height:1.15; text-indent:0; left:17px; top:297px; }
html:not([lang^="zh"]) .banner .bd ul li h3 { font-size:28px; width:550px; text-indent:0; left:17px; line-height:1.35; }
html:not([lang^="zh"]) .down_info { font-size:15px; width:220px; left:160px; }
html:not([lang^="zh"]) .maxBtn .label { width:126px; font-size:12px; }
html:not([lang^="zh"]) .index_1 .titleInfo { font-size:23px; }
html:not([lang^="zh"]) .advantage-card>[data-i18n] { font-size:12px; line-height:15px; }
html:not([lang^="zh"]) .tabItem { font-size:18px; }
html:not([lang^="zh"]) .tabItemContent .left { width:440px; }
html:not([lang^="zh"]) .tabItemContent .right { width:738px; }
html:not([lang^="zh"]) .tabItemContent .title { padding-top:120px; }
html:not([lang^="zh"]) .localized-scene-title { font-size:30px; line-height:1.35; }
html:not([lang^="zh"]) .tabItemContent .info { font-size:16px; }
html:not([lang^="zh"]) .tabItemContent .remark { font-size:18px; max-width:420px; line-height:1.6; }
html:not([lang^="zh"]) .index_3 .box .info { min-height:44px; font-size:14px; }
html:not([lang^="zh"]) .index_3 .box .pz { font-size:11px; white-space:nowrap; }
html:not([lang^="zh"]) .index_3 .box .ft { font-size:10px; box-sizing:border-box; min-height:36px; }
html:not([lang^="zh"]) .index_5 .titleImg { font-size:42px; }
html:not([lang^="zh"]) footer .foot_2 h4 { line-height:24px; }
@media (max-width:1250px) {
 header .w100 { padding:0 18px; gap:12px; }
 header .logos { margin-right:auto; }
 header .head_r3 { display:none; }
 header .nav { display:none; }
 header .head_r2 { display:block; order:3; line-height:1; margin-left:2px; }
 header .nav.menu-open { display:block; position:fixed; top:61px; left:0; width:230px; background:#20262b; bottom:0; margin:0; }
 header .nav ul { display:block; }
 header .nav ul li { float:none; padding:0 20px; height:50px; line-height:50px; }
 header .nav ul li a, header .nav ul li .nav-label { color:white!important; }
 header .nav ul li:nth-child(3) { background:transparent; }
 .language-control { order:2; }
 .language-control select { font-size:13px; padding:6px; }
 .localized-logo { font-size:16px; }
 .index_1 { height:auto!important; padding-bottom:30px; }
 .index_1 .h5.tac { padding-bottom:0; }
 .localized-scene-title { font-size:23px; }
 .index_2 .titleImg { line-height:1.4; }
 html:not([lang^="zh"]) .banner .bd ul li h1 { font-size:40px; }
 html:not([lang^="zh"]) .banner .bd ul li h2 { top:390px; width:calc(100% - 36px); font-size:29px; line-height:1.2; left:18px; }
 html:not([lang^="zh"]) .banner .bd ul li h3 { top:468px; width:calc(100% - 36px); font-size:20px; line-height:1.3; left:18px; }
 html:not([lang^="zh"]) .down_info { width:210px; left:50%; transform:translateX(-50%); margin-left:0; font-size:12px; }
 html:not([lang^="zh"]) .maxBtn .label { font-size:10px; width:100px; line-height:20px; }
 html:not([lang^="zh"]) .index_1 .titleInfo { font-size:16px; line-height:1.6; height:auto; padding-bottom:30px; }
 html:not([lang^="zh"]) .tabItem { font-size:12px; }
 html:not([lang^="zh"]) .tabItemContent .left, html:not([lang^="zh"]) .tabItemContent .right { width:100%; }
 html:not([lang^="zh"]) .tabItemContent .title { padding-top:24px; }
 html:not([lang^="zh"]) .localized-scene-title { font-size:23px; }
 html:not([lang^="zh"]) .tabItemContent .info { font-size:12px; }
 html:not([lang^="zh"]) .tabItemContent .remark { font-size:15px; max-width:none; line-height:1.5; }
 html:not([lang^="zh"]) .index_5 .titleImg { font-size:29px; line-height:1.4; height:auto; padding-bottom:24px; }
 html:not([lang^="zh"]) .index_4 .info { font-size:17px; padding:0 18px; }
 html:not([lang^="zh"]) .index_4 .titleImg { font-size:26px; line-height:1.4; }
 html:not([lang^="zh"]) .index_2 .titleImg, html:not([lang^="zh"]) .index_3 .titleImg { font-size:27px; }
}
@media (min-width:1251px) { .tabItemContent .left { max-width:462px; } }
/* Reserve enough space for translated copy, including narrow screens. */
footer h4 a { margin-right:5px; }
@media (max-width:1250px) {
 .banner .bd ul li h4 { display:flex; width:314px; gap:6px; }
 .banner .bd ul li h4 a { box-sizing:border-box; width:calc((100% - 12px)/3); flex-shrink:0; margin:0; height:36px; }
 .maxBtn .label { font-size:10px; line-height:18px; }
 html:not([lang^="zh"]) .banner, html:not([lang^="zh"]) .banner .bd, html:not([lang^="zh"]) .banner .bd ul li { height:700px; }
 html:not([lang^="zh"]) .banner .bd ul li h1 { top:345px; line-height:48px; }
 html:not([lang^="zh"]) .banner .bd ul li h2 { top:400px; }
 html:not([lang^="zh"]) .banner .bd ul li h3 { top:479px; }
 html:not([lang^="zh"]) .banner .bd ul li .down_info { top:521px; left:50%; margin-left:0; transform:translateX(-50%); }
 html:not([lang^="zh"]) .banner .maxBtn { top:560px; }
 html:not([lang^="zh"]) .banner .bd ul li h4 { top:606px; }
 html:not([lang^="zh"]) .maxBtn .label { line-height:18px; }
 .index_2 { height:auto; min-height:628px; }
 .index_2 .w100 { width:min(100%, 480px); }
 .index_2 .tabItemContent::after { content:''; display:block; clear:both; }
 .index_2 .localized-scene-title { font-size:23px; }
 .index_2 .titleImg { width:calc(100% - 36px); }
}
html:not([lang^="zh"]) .index_3 .box { height:370px; }
html:not([lang^="zh"]) .index_3 .box .ft { line-height:14px; }
html:not([lang^="zh"]) .index_3 { height:630px; }
@media (max-width:1250px) {
 html:not([lang^="zh"]) .index_3 { height:555px; }
 html:not([lang^="zh"]) .swiper-wrapper, html:not([lang^="zh"]) .swiper-slide { height:475px; }
}

/* Malay and Filipino share the Latin-script layout, with room for longer labels. */
.language-control select { max-width:140px; }
html:not([lang^="zh"]):not([lang="en"]) .maxBtn .label { width:148px; font-size:11px; }
html:not([lang^="zh"]):not([lang="en"]) .index_5 .titleImg { font-size:36px; }
html:not([lang^="zh"]):not([lang="en"]) .index_5 .btn { width:300px; }
html:not([lang^="zh"]):not([lang="en"]) .index_4 .box .ft .wow { text-align:center; }
@media (max-width:1250px) {
 html:not([lang^="zh"]):not([lang="en"]) .banner .bd ul li h2 { font-size:27px; }
 html:not([lang^="zh"]):not([lang="en"]) .banner .bd ul li h3 { font-size:18px; }
 html:not([lang^="zh"]):not([lang="en"]) .maxBtn .label { width:126px; font-size:10px; }
 html:not([lang^="zh"]):not([lang="en"]) .index_5 .titleImg { font-size:26px; }
 html:not([lang^="zh"]):not([lang="en"]) .index_4 .box .ft .wow { font-size:16px; }
 .language-control select { max-width:130px; }
}
html:not([lang^="zh"]):not([lang="en"]) .advantage-card>[data-i18n] { font-size:11px; line-height:14px; }

/* Longer translations need a real centered label area, not a Chinese-width offset. */
html:not([lang^="zh"]) .rightBox {
  width:96px;
  height:auto;
  box-sizing:border-box;
  border-radius:48px;
  overflow:hidden;
}
html:not([lang^="zh"]) .rightBox :is(.tyImg, .rocketDv) {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:88px;
  box-sizing:border-box;
  padding:44px 8px 10px;
  background-position:center 14px;
  border-radius:0;
}
html:not([lang^="zh"]) .rightBox :is(.tyImg, .rocketDv) > span {
  position:static;
  display:block;
  width:100%;
  margin:0;
  font-size:12px;
  line-height:16px;
  text-align:center;
  white-space:normal;
  overflow-wrap:break-word;
}
/* Script-appropriate system fonts preserve Thai marks and Devanagari shaping. */
html:lang(th) body { font-family:"Thonburi","Leelawadee UI",Tahoma,sans-serif; }
html:lang(hi) body { font-family:"Kohinoor Devanagari","Nirmala UI","Devanagari Sangam MN",sans-serif; }
html:lang(vi) body, html:lang(pt) body, html:lang(es) body { font-family:Arial,sans-serif; }
html:lang(ko) body { font-family:"Apple SD Gothic Neo","Malgun Gothic",sans-serif; word-break:keep-all; }
html:lang(ja) body { font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif; }
html:not([lang^="zh"]) .index_3 .box .pz { white-space:normal; min-height:34px; line-height:17px; }
html:not([lang^="zh"]) .index_3 .box { height:390px; }
html:not([lang^="zh"]) .index_3 { height:650px; }
html:not([lang^="zh"]) .index_1 .titleInfo { height:auto; min-height:40px; }
html:is([lang="th"], [lang="hi"]) .advantage-card>[data-i18n] { font-size:11px; line-height:16px; height:48px; top:46px; }
html:is([lang="th"], [lang="hi"]) .advantage-card:is([data-card="2"],[data-card="4"])>[data-i18n] { top:18px; height:46px; }
html:is([lang="th"], [lang="hi"]) .rightBox :is(.tyImg,.rocketDv)>span { line-height:19px; }
html:not([lang^="zh"]) .index_4 .box .ft .wow .tac { max-width:90%; line-height:1.5; }
html:not([lang^="zh"]) .tabItemContent .info { line-height:1.5; }
html:not([lang^="zh"]) .maxBtn .label { white-space:nowrap; }
@media (max-width:1250px) {
 html:not([lang^="zh"]) .index_3 { height:575px; }
 html:not([lang^="zh"]) .swiper-wrapper, html:not([lang^="zh"]) .swiper-slide { height:495px; }
 html:not([lang^="zh"]) .banner .bd ul li h4 a { padding-left:26px; font-size:10px; }
 html:lang(ja) .banner .bd ul li h4 a { font-size:9px; }
 html:lang(hi) .banner .bd ul li h4 a { line-height:17px; }
 html:not([lang^="zh"]) .tabItemContent .right img { max-width:100%; height:auto; }
 html:not([lang^="zh"]) .index_4 { height:auto; min-height:700px; padding-bottom:24px; }
}