.language-switch{position:relative;display:inline-flex;flex-shrink:0;color:inherit;margin:0;z-index:30}
.language-trigger{display:flex;align-items:center;gap:9px;min-height:44px;width:190px;padding:0 12px;font:inherit;font-size:13px;font-weight:600;color:inherit;background:#f7f8f9;border:1px solid #d9dfe2;border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s}
.language-trigger:hover,.language-trigger[aria-expanded=true]{background:#fff;border-color:#87969d}
body header .language-switch .language-flag{display:block;width:24px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #0000001a;flex-shrink:0}
.language-current{flex:1;text-align:left;white-space:nowrap}
.language-chevron{width:7px;height:7px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);margin:-4px 2px 0 3px;transition:transform .15s}
.language-trigger[aria-expanded=true] .language-chevron{transform:rotate(225deg);margin-top:3px}
.language-menu{position:absolute;top:calc(100% + 8px);right:0;width:224px;padding:5px;background:#fff;border:1px solid #dce2e5;border-radius:7px;box-shadow:0 8px 28px #14252f21}
.language-menu[hidden]{display:none}
.language-menu button{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;border:0;border-radius:4px;padding:8px 10px;background:transparent;color:#242426;font:inherit;font-size:13px;text-align:left;cursor:pointer}
.language-menu button:hover,.language-menu button:focus-visible{background:#f1f5f6}
.language-menu button[aria-checked=true]{background:#eaf8f7}
.language-menu button>span:first-of-type{flex:1}
.language-check{width:10px;height:6px;flex-shrink:0;border-left:2px solid #008b86;border-bottom:2px solid #008b86;transform:rotate(-45deg);opacity:0}
.language-menu button[aria-checked=true] .language-check{opacity:1}
.language-trigger:focus-visible,.language-menu button:focus-visible{outline:2px solid #00a5a1;outline-offset:2px}
body>header:not(.header) .language-switch{margin-left:auto}
html[lang=id] .hero h1>span{font-size:60px}
html[lang=id] .contact h2{font-size:66px}
html[lang=id] .solution-tabs button>span:not(.tab-arrow){font-size:14px}
.solution-copy,.workflow>div,.contact-copy{min-width:0}
.workflow b,.workflow small{overflow-wrap:anywhere}
@media(max-width:1000px) and (min-width:761px){.header{gap:16px}.header nav{gap:16px}.language-trigger{width:177px;padding-inline:8px}.header-cta{gap:10px}}
@media(max-width:760px){.header{gap:8px}.header .brand-logo{width:120px;height:auto}.header .header-cta{display:none}.header .language-switch{margin-left:auto}.language-trigger{font-size:12px;width:180px;padding-inline:8px;gap:7px}.header .menu-toggle{flex-shrink:0}html[lang=id] .hero h1>span{font-size:44px}html[lang=id] .contact h2{font-size:48px}html[lang=id] .solution-copy h3{font-size:28px}body>header:not(.header){gap:8px;flex-wrap:wrap;height:auto;min-height:94px;padding:12px 0}body>header:not(.header) img{width:115px}body>header:not(.header) .home-link{order:3;width:100%;min-height:24px;font-size:13px}body>header:not(.header) .language-switch{margin-left:auto}html:root{scroll-padding-top:115px}}
@media(max-width:360px){.header .brand-logo{width:85px}.header{padding-inline:12px;gap:5px}.language-trigger{width:170px;padding-inline:6px;gap:6px}body header .language-switch .language-flag{width:21px;height:14px}}
@media(min-width:761px) and (max-width:1000px){.header .header-cta{display:none}.header .brand-logo{width:125px;height:auto}.header nav a{font-size:13px}.header .language-switch{margin-left:auto}}