/* Flag dropdown; native details keeps language navigation available without JS. */
.utility{position:relative;z-index:30}
.utility .wrap{align-items:center;gap:18px;min-height:52px}
.utility .wrap>span{margin-right:auto}
.utility .wrap>a{flex:none;white-space:nowrap;line-height:1.5}
.language-switcher{position:relative;flex:none;line-height:1.4;letter-spacing:0}
.language-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-width:98px;min-height:42px;padding:7px 11px;list-style:none;cursor:pointer;border:1px solid #52647e;border-radius:7px;color:#fff;background:#ffffff0a;font-family:'Manrope',sans-serif;font-size:13px;font-weight:750;user-select:none;transition:background .15s,border-color .15s}
.language-toggle::-webkit-details-marker{display:none}
.language-toggle::marker{content:''}
.language-toggle:hover,.language-switcher[open] .language-toggle{background:#ffffff16;border-color:#91a6c2}
.language-toggle .language-chevron{width:14px;height:14px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:transform .18s}
.language-switcher[open] .language-chevron{transform:rotate(180deg)}
.language-flag{display:block;flex:none;width:28px;height:20px;object-fit:contain;border-radius:2px;filter:drop-shadow(0 0 1px #0002)}
.language-options{position:absolute;right:0;top:calc(100% + 9px);display:grid;gap:3px;width:214px;max-width:calc(100vw - 32px);padding:7px;border:1px solid #dbe3ef;border-radius:11px;background:#fff;box-shadow:0 14px 38px #08172c30,0 2px 6px #08172c0d}
.language-switcher:not([open]) .language-options{display:none}
.utility .language-option{display:flex;align-items:center;gap:11px;min-height:45px;padding:9px 10px;border-radius:6px;color:#22324c;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:0;text-decoration:none;transition:background .15s}
.utility .language-option:hover{background:#f0f4fa}
.utility .language-option.is-active{background:#eaf0fc;color:#214fa3}
.language-name{flex:1;font-family:'Noto Sans Thai','PingFang SC','Hiragino Kaku Gothic ProN','Microsoft YaHei',sans-serif}
.language-code{font-family:'Manrope',sans-serif;font-size:10px;font-weight:700;color:#748199}
.language-check{width:12px;color:#315baf;font-size:13px;font-weight:750}
.language-toggle:focus-visible{outline:2px solid #afc8ff;outline-offset:3px}
.language-option:focus-visible{outline:2px solid #315baf;outline-offset:-2px;background:#f0f4fa}
@media(prefers-reduced-motion:reduce){.language-chevron{transition:none}}
.button>span,.inline-action>span{flex:none}
.hero h1,.solution-card h3,.ai-heading h2{overflow-wrap:break-word}
.hero{min-height:800px}
.hero-inner{padding-bottom:70px}
.hero-description{max-width:680px}
.footer-main>div:not(.footer-actions){min-width:0}
.company-heading h3{overflow-wrap:break-word}
html[lang="en"] .company-heading h3{font-family:'Manrope',sans-serif}
html[lang="zh-Hans"]{--font:'PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif}
html[lang="ja"]{--font:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,'Noto Sans CJK JP',sans-serif}
html[lang="zh-Hans"] body,html[lang="ja"] body{font-family:var(--font);line-height:1.9}
html[lang="zh-Hans"] .hero h1,html[lang="ja"] .hero h1,
html[lang="zh-Hans"] .solution-card h3,html[lang="ja"] .solution-card h3,
html[lang="zh-Hans"] .ai-heading h2,html[lang="ja"] .ai-heading h2,
html[lang="zh-Hans"] .network-heading h2,html[lang="ja"] .network-heading h2{font-family:var(--font);letter-spacing:0;line-height:1.4}
html[lang="zh-Hans"] .hero h1,html[lang="ja"] .hero h1{font-size:58px}
html[lang="zh-Hans"] .eyebrow,html[lang="ja"] .eyebrow{letter-spacing:.5px}
html[lang="ja"] .hero-copy{max-width:850px}
html[lang="ja"] .desktop-nav{font-size:14px;gap:18px}
html[lang="ja"] .quote-card h3{font-size:24px}
@media(max-width:1100px){.utility .wrap{gap:12px}.utility .wrap>span{font-size:10px;letter-spacing:.35px}.hero-caption{display:none}html[lang="ja"] .desktop-nav{font-size:13px;gap:13px}}
@media(max-width:800px){.utility .wrap:before{display:none!important}.utility .wrap>span{display:none}.utility .wrap>a{margin-right:auto}.utility .wrap{min-height:52px}.utility .wrap>a{font-size:13px}.language-toggle{min-height:44px}.hero{min-height:0}.hero-inner{padding-top:50px;padding-bottom:65px}.hero-caption{display:none}.hero-bottom{position:relative;height:auto;min-height:50px;line-height:1.7;padding-top:12px;padding-bottom:12px}.hero{padding-bottom:0}.hero h1{font-size:56px}html[lang="zh-Hans"] .hero h1,html[lang="ja"] .hero h1{font-size:48px}}
@media(max-width:580px){.utility .wrap{gap:9px}.utility .wrap>a{font-size:12px;gap:5px;letter-spacing:0}.utility .wrap>a svg{width:12px;height:12px}.hero-inner{padding-top:36px;padding-bottom:38px}.hero .eyebrow{font-size:11px;max-width:none}.hero h1{font-size:clamp(35px,11vw,44px)}.hero-thai{font-size:24px;line-height:1.75}.hero-description{font-size:16px}.hero-actions .button{font-size:15px;line-height:1.7;text-align:left;gap:12px}.hero-bottom{font-size:10px}.hero-bottom>span{max-width:100%;overflow-wrap:break-word}.header-quote{font-size:13px;padding:11px 12px;gap:10px}.nav{gap:12px}.logo,.logo img{width:108px}.network-heading h2{overflow-wrap:break-word}.footer-actions .button{white-space:normal;text-align:left}.company-heading h3{font-size:22px}.quote-card .button{white-space:normal;text-align:left}.card-top .eyebrow{max-width:calc(100% - 42px);font-size:11px}.form-help #quote-external{white-space:normal;text-align:center}html[lang="zh-Hans"] .hero h1,html[lang="ja"] .hero h1{font-size:clamp(30px,8.5vw,38px);line-height:1.5}html[lang="zh-Hans"] .hero-thai,html[lang="ja"] .hero-thai{font-size:22px;line-height:1.8}html[lang="zh-Hans"] .solution-card h3,html[lang="ja"] .solution-card h3{font-size:30px;line-height:1.5}html[lang="zh-Hans"] .ai-heading h2,html[lang="ja"] .ai-heading h2{font-size:32px;line-height:1.5}html[lang="ja"] .quote-card h3{font-size:23px}.focus-bar .wrap>span{font-size:14px}.interest-options label span{font-size:14px}.resource-grid small{font-size:14px}.section-intro h2,.section-intro.compact h2{font-size:27px;overflow-wrap:break-word}}
@media(max-width:360px){.utility .wrap{padding-left:16px;padding-right:16px;gap:6px}.utility .wrap>a{font-size:11px}.nav{gap:10px}.logo,.logo img{width:94px}.header-quote{font-size:12px;gap:7px;padding:10px}.hero-thai{font-size:22px}}

@media(max-width:360px){.header-quote>span{display:none}}
