.site-header{position:absolute;top:0;left:0;right:0;z-index:100;height:82px;padding:0 4.5vw;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:28px;color:#fff;border-bottom:1px solid #ffffff35;transition:height .25s,background .25s,box-shadow .25s,backdrop-filter .25s}
.site-header.is-scrolled{position:fixed;height:70px;background:#0c161bf2;box-shadow:0 10px 35px #0003;backdrop-filter:blur(15px)}
.site-header .brand{position:relative;z-index:103}
.site-header .primary-nav{display:flex;justify-content:center;align-items:center;gap:clamp(16px,2vw,30px);font:500 12px Inter,sans-serif}
.site-header .primary-nav a{position:relative;padding:31px 0;opacity:.72;white-space:nowrap;transition:opacity .2s,color .2s}
.site-header.is-scrolled .primary-nav a{padding:25px 0}
.site-header .primary-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:21px;height:2px;background:#38bcc6;transition:right .25s}
.site-header .primary-nav a:hover,.site-header .primary-nav a:focus-visible,.site-header .primary-nav a.active{opacity:1}
.site-header .primary-nav a:hover::after,.site-header .primary-nav a:focus-visible::after,.site-header .primary-nav a.active::after{right:0}
.site-header .header-actions{display:flex;align-items:center;position:relative;z-index:103}
.site-header .context-link{font:500 10px Inter,sans-serif;letter-spacing:.04em;color:#d7e1e3;white-space:nowrap}
.site-header .menu-button{display:none;position:relative;z-index:103;width:44px;height:44px;padding:0;border:1px solid #ffffff38;background:#07111552;cursor:pointer}
.site-header .menu-button span{position:absolute;left:11px;width:20px;height:1px;margin:0;background:#fff;transition:transform .25s,top .25s,opacity .2s}
.site-header .menu-button span:nth-child(1){top:14px}.site-header .menu-button span:nth-child(2){top:21px}.site-header .menu-button span:nth-child(3){top:28px}
.site-header .menu-button[aria-expanded="true"] span:nth-child(1){top:21px;transform:rotate(45deg)}.site-header .menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}.site-header .menu-button[aria-expanded="true"] span:nth-child(3){top:21px;transform:rotate(-45deg)}
body.menu-open{overflow:hidden}
@media(max-width:1050px){.site-header{grid-template-columns:auto 1fr auto auto;gap:17px}.site-header .primary-nav{gap:17px}.site-header .primary-nav a{font-size:11px}.site-header .context-link{display:none}}
@media(max-width:820px){
  .site-header,.site-header.is-scrolled{position:fixed;height:70px;padding:0 20px;grid-template-columns:auto 1fr auto auto;background:#0c161bf2;box-shadow:0 8px 28px #0003;backdrop-filter:blur(15px)}
  .site-header .primary-nav{position:fixed;top:70px;left:0;right:0;height:calc(100dvh - 70px);padding:32px 24px 45px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;background:#0c161b;transform:translateX(100%);visibility:hidden;transition:transform .3s ease,visibility .3s}
  .site-header .primary-nav.mobile-open{transform:none;visibility:visible}
  .site-header .primary-nav a,.site-header.is-scrolled .primary-nav a{padding:19px 4px;border-bottom:1px solid #ffffff18;font:600 clamp(22px,7vw,34px) Manrope,sans-serif;letter-spacing:-.035em;opacity:1}
  .site-header .primary-nav a::after{display:none}
  .site-header .primary-nav::after{content:"Industrial Drone Solutions · Batam, Indonesia";margin-top:auto;padding-top:30px;color:#6f8085;font:500 9px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
  .site-header .menu-button{display:block}
  .site-header .language-menu,.site-header .case-language-menu{right:-54px}
}
@media(max-width:520px){.site-header,.site-header.is-scrolled{padding:0 15px;gap:10px}.site-header .brand-emblem{width:30px!important;height:30px!important}.site-header .brand-wordmark{width:103px!important}.site-header .language-current,.site-header .case-language-current{width:43px;height:40px;padding:0}.site-header .menu-button{width:41px;height:41px}}
