.global-header {
  height: 106px;
  background: rgba(246,247,245,.97);
  border-bottom: 1px solid transparent;
  backdrop-filter: blur(16px);
}
.global-header.is-scrolled { background: rgba(255,255,255,.97); border-bottom-color: var(--line); }
.utility-bar { height: 30px; color: #687178; border-bottom: 1px solid rgba(18,21,24,.08); font-size: 9px; font-weight: 750; letter-spacing: .12em; }
.utility-inner { width: var(--page); height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.utility-inner > div { display: flex; gap: 28px; }
.utility-inner a:hover { color: var(--blue); }
.utility-inner .language-switch { font-weight:700; }
.utility-inner .language-switch:focus-visible { color:var(--blue); outline:2px solid currentColor; outline-offset:3px; }
.site-main-row { width: var(--page); height: 76px; margin: 0 auto; display: grid; grid-template-columns: 210px 1fr 165px; align-items: center; }
.site-brand { display:block; width:176px; line-height:0; }
.site-brand img { width:100%; height:auto; display:block; }
.site-main-row > .site-brand { width:176px; }
.site-brand-logo { transition:filter .28s ease,opacity .28s ease; }
.nav-menu { height: 100%; display: flex; align-items: stretch; justify-content: center; gap: clamp(24px,3vw,48px); }
.nav-item { display: flex; align-items: stretch; }
.nav-link,.nav-search { position:relative; min-height:100%; display:flex; align-items:center; color:var(--ink); font-size:14px; font-weight:650; }
.nav-link::after { content:""; position:absolute; right:0; bottom:0; left:0; height:2px; background:var(--blue); transform:scaleX(0); transform-origin:left; transition:transform .2s ease; }
.nav-link:hover::after,.nav-link.is-active::after { transform:scaleX(1); }
.nav-search { gap:8px; }
.nav-search i { position:relative; width:14px; height:14px; border:1.5px solid currentColor; border-radius:50%; }
.nav-search i::after { content:""; position:absolute; right:-5px; bottom:-3px; width:6px; height:1px; background:currentColor; transform:rotate(45deg); transform-origin:left; }
.nav-trigger { position: relative; min-width: 64px; padding: 0; display: flex; align-items: center; gap: 7px; color: var(--ink); background: none; border: 0; cursor: pointer; font-size: 14px; font-weight: 650; }
.nav-trigger > span { color: #8a9297; font-size: 11px; transition: transform .2s ease; }
.nav-trigger::after { content:""; position:absolute; right:0; bottom:0; left:0; height:2px; background:var(--blue); transform:scaleX(0); transform-origin:left; transition:transform .2s ease; }
.nav-trigger.is-active::after, .nav-item.is-open .nav-trigger::after { transform:scaleX(1); }
.nav-item.is-open .nav-trigger > span { transform: rotate(180deg); }
.site-rfq { justify-self:end; min-width:142px; min-height:44px; padding:12px 16px; display:flex; align-items:center; justify-content:space-between; color:#fff; background:var(--red); font-size:14px; font-weight:700; }
.site-rfq:hover { background:#bd2323; }
.nav-toggle { display:none; }
.nav-language-mobile { display:none; }

.mega-panel { position:fixed; z-index:25; top:106px; right:0; left:0; padding:14px 24px 0; color:var(--ink); background:transparent; border:0; box-shadow:none; pointer-events:none; }
.mega-panel::before { display:none; }
.mega-panel[hidden] { display:none; }
.mega-inner { width:var(--page); min-height:360px; margin:0 auto; padding:42px 0 46px; display:grid; grid-template-columns:230px 1fr 330px; gap:6vw; background:#fff; border-top:4px solid var(--blue); box-shadow:0 24px 60px rgba(7,20,28,.18); pointer-events:auto; }
.mega-inner-simple { grid-template-columns:270px 1fr; min-height:310px; }
.mega-inner-about { grid-template-columns:minmax(0,1fr); }
.mega-inner-about .mega-columns { width:min(720px,64vw); margin:0 auto; }
.mega-intro { padding-right:30px; border-right:1px solid var(--line); }
.mega-intro p { margin:0 0 22px; color:var(--blue); font-size:9px; font-weight:800; letter-spacing:.18em; }
.mega-intro strong { display:block; font-size:23px; line-height:1.5; letter-spacing:-.03em; font-weight:560; }
.mega-intro a { margin-top:32px; padding-bottom:9px; display:flex; justify-content:space-between; border-bottom:1px solid var(--ink); font-size:12px; font-weight:700; }
.mega-columns { display:grid; grid-template-columns:repeat(2,minmax(170px,1fr)); gap:4vw; }
.mega-columns h3 {
  margin:0 0 14px;
  color:#52636c;
  font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:15px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.035em;
  text-transform:none;
}
.mega-columns a { min-height:43px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); font-size:14px; font-weight:560; }
.mega-columns a:hover { color:var(--blue); padding-left:7px; }
.mega-columns .mega-primary-link {
  min-height:52px;
  margin-bottom:8px;
  padding:0 14px;
  color:#fff;
  background:var(--blue);
  border:0;
}
.mega-columns .mega-primary-link:hover { padding-left:18px; color:#fff; background:#083f69; }
.mega-primary-link span { font-size:10px; font-weight:500; opacity:.72; }
.mega-columns small { color:#929a9f; font-size:8px; letter-spacing:.1em; }
.mega-feature { min-height:260px; padding:18px; display:grid; grid-template-rows:1fr auto; background:#edf0ef; overflow:hidden; }
.mega-feature img { width:100%; height:155px; object-fit:contain; }
.mega-feature > span { padding-top:15px; display:grid; grid-template-columns:1fr auto; gap:7px; border-top:1px solid #d2d7d6; }
.mega-feature strong { font-size:18px; font-weight:600; }
.mega-feature b { align-self:end; font-size:11px; font-weight:650; }

#menu-products .mega-intro-bg,
#menu-products .mega-intro,
#menu-products .mega-feature { display:none; }

@media (min-width:961px) {
  .mega-panel { opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity 130ms ease,transform 160ms cubic-bezier(.22,.7,.2,1),visibility 0s linear 160ms; will-change:opacity,transform; }
  .nav-item.is-open > .mega-panel { opacity:1; visibility:visible; transform:none; transition-delay:0s; }
  #menu-products .mega-inner { width:min(1040px,calc(100vw - 64px)); min-height:0; padding:32px 46px 38px; display:block; }
  #menu-products .mega-columns { width:100%; margin:0; gap:72px; }
  #menu-about .mega-inner { width:min(880px,calc(100vw - 64px)); min-height:0; padding:32px 52px 38px; display:block; }
  #menu-about .mega-columns { width:100%; margin:0; gap:88px; }
}

@media (prefers-reduced-motion:reduce) {
  .mega-panel { transition:none!important; }
}

.global-footer {
  width:100%;
  min-height:0;
  margin:0;
  padding:72px max(32px,calc((100vw - 1440px)/2)) 24px;
  display:block;
  color:#dfe6e9;
  background:#07141c;
  font-size:inherit;
}
.footer-main { display:grid; grid-template-columns:1.8fr repeat(3,1fr); gap:6vw; padding-bottom:70px; }
.global-footer .footer-identity > .site-brand { width:178px; filter:none; opacity:1; }
.global-footer .footer-identity .site-brand-logo { filter:brightness(0) invert(1); opacity:.92; }
.footer-identity p { margin:30px 0 12px; color:#fff; font-size:23px; font-weight:550; }
.footer-identity > a:last-child { color:#b5c0c5; font-size:15px; }
.footer-group { display:flex; flex-direction:column; align-items:flex-start; gap:15px; }
.footer-group h3 { margin:0 0 11px; color:#aebbc0; font-size:15px; font-weight:700; letter-spacing:.04em; }
.footer-group a { font-size:16px; line-height:1.45; }
.footer-group a:hover { color:#fff; }
.footer-bottom { padding-top:22px; display:flex; justify-content:space-between; border-top:1px solid #2b3940; color:#a9b5ba; font-size:13px; letter-spacing:.02em; }
.footer-bottom a { color:inherit; text-decoration:none; }
.footer-bottom a:hover, .footer-bottom a:focus-visible { color:#fff; }

.global-header + main .hero { padding-top:106px; }

@media (max-width: 960px) {
  .global-header { height:68px; }
  .utility-bar { display:none; }
  .site-main-row { height:68px; display:flex; justify-content:space-between; }
  .site-brand,.site-main-row > .site-brand { width:154px; }
  .site-rfq { display:none; }
  .nav-toggle { position:fixed; z-index:34; top:11px; right:16px; width:46px; height:46px; padding:0; display:grid; place-content:center; gap:7px; background:transparent; border:0; }
  .nav-toggle i { width:23px; height:1px; background:var(--ink); transition:transform .2s ease; }
  .nav-toggle[aria-expanded="true"] i:first-of-type { transform:translateY(4px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] i:last-of-type { transform:translateY(-4px) rotate(-45deg); }
  .nav-menu { position:fixed; z-index:32; top:0; left:0; width:100vw; height:100dvh; padding:92px 20px 42px; display:block; overflow:auto; background:var(--porcelain); transform:translateX(100%); visibility:hidden; transition:transform .28s ease,visibility .28s; }
  .nav-menu.is-open { transform:none; visibility:visible; }
  .nav-item { display:block; border-bottom:1px solid var(--line); }
  .nav-link,.nav-search { width:100%; min-height:66px; justify-content:space-between; border-bottom:1px solid var(--line); font-size:23px; }
  .nav-menu > .nav-language-mobile { display:flex !important; font-size:18px; }
  .nav-link::after { display:none; }
  .nav-trigger { width:100%; min-height:66px; justify-content:space-between; font-size:23px; }
  .nav-trigger::after { display:none; }
  .mega-panel { position:static; padding:0; box-shadow:none; border:0; background:transparent; pointer-events:auto; }
  .mega-inner,.mega-inner-simple { width:100%; min-height:0; padding:4px 0 24px; display:block; background:transparent; border:0; box-shadow:none; }
  .mega-intro { padding:0; border:0; }
  .mega-intro p,.mega-intro strong { display:none; }
  .mega-intro a { margin:0 0 15px; padding:13px 0; color:var(--blue); border:0; }
  .mega-columns { display:block; }
  .mega-columns h3 { margin:18px 0 8px; }
  .mega-columns a { min-height:45px; font-size:14px; }
  .mega-feature { display:none; }
  .has-menu-open { overflow:hidden; }
  .global-header + main .hero { padding-top:68px; }
  .footer-main { grid-template-columns:1fr 1fr; gap:50px 30px; }
  .footer-identity { grid-column:1 / 3; }
}

@media (max-width: 520px) {
  .site-brand,.site-main-row > .site-brand { width:145px; }
  .global-footer { padding:60px 16px 22px; }
  .footer-main { grid-template-columns:1fr 1fr; padding-bottom:50px; }
  .footer-group:last-child { grid-column:1 / 3; }
  .footer-bottom span:last-child { display:none; }
}

@media (min-width:601px) {
  .page-home .global-header:not(.is-scrolled):not(.has-open-menu) .site-brand-logo {
    filter:brightness(0) invert(1);
  }
}