/*! MKM Labs frontend 2026-10-04 - mkm-island: homepage island header + mega menu on every fe page
 * Extracted from page-home.20261004.css (owner 2026-10-04: one nav layout everywhere).
 * Homepage keeps its own copy in page-home; do not load this file there. JS: mkm-island.20261004.js */
:root{--hm-eo:cubic-bezier(0.23,1,0.32,1);--hm-drawer:cubic-bezier(0.32,0.72,0,1)}
.hm-island,.hm-island *,.hm-island *:before,.hm-island *:after{box-sizing:border-box}
.hm-island a{text-decoration:none}
.hm-island button{font:inherit;color:inherit}
.hm-press{transition:transform 140ms var(--hm-eo),background-color 150ms ease}
.hm-press:active{transform:scale(0.96)}
.hm-scrim{position:fixed;inset:0;z-index:109;background:rgba(3,5,10,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity 320ms ease}
.is-island .hm-scrim{opacity:1;pointer-events:auto}
.hm-island{position:fixed;top:12px;left:50%;z-index:110;width:min(1120px,calc(100vw - 24px));height:420px;transform:translateX(-50%);transition:transform 520ms var(--hm-drawer);pointer-events:none}
.hm-island.is-hidden{transform:translateX(-50%) translateY(-130%)}
.hm-island__shell{position:absolute;inset:0;pointer-events:auto;clip-path:inset(0 calc((100% - min(880px,100%)) / 2) calc(100% - 60px) calc((100% - min(880px,100%)) / 2) round 30px);transition:clip-path 560ms var(--hm-drawer),background-color 300ms ease;background-color:rgba(14,18,26,.42);background-image:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,0) 64px);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}
.hm-island.is-scrolled .hm-island__shell{background-color:rgba(14,18,26,.7)}
.is-island .hm-island__shell{clip-path:inset(0 0 0 0 round 28px);background-color:rgba(14,18,26,.86)}
@media (prefers-reduced-transparency:reduce){.hm-island__shell,.hm-island.is-scrolled .hm-island__shell,.is-island .hm-island__shell{background-color:#12161f}}
.hm-island__bar{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(880px,100%);height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px 0 20px}
.hm-island__logo{display:flex;flex:none}
.hm-island__logo img{height:26px;width:auto;display:block}
.hm-island__nav{display:flex;align-items:center;gap:2px}
.hm-island__nav a,.hm-island__nav button{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;border:0;background:transparent;color:#e5e8ee;font-size:14px;font-weight:500;cursor:pointer;transition:background-color 150ms ease,color 150ms ease}
.hm-island__nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.hm-island__nav button{color:#fff}
.is-island .hm-island__nav button{background:rgba(255,255,255,.1)}
.hm-island__nav button svg{transition:transform 300ms var(--hm-drawer)}
.is-island .hm-island__nav button svg{transform:rotate(180deg)}
.hm-island__right{display:flex;align-items:center;gap:8px;flex:none}
.hm-island__cta{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:999px;background:#fff;color:#050914!important;font-size:14px;font-weight:700}
.hm-island__cta:hover{background:#e8efff}
.hm-burger{display:none;position:relative;width:40px;height:40px;border-radius:999px;border:0;background:rgba(255,255,255,.1);cursor:pointer;transition:transform 140ms var(--hm-eo)}
.hm-burger:active{transform:scale(0.92)}
.hm-burger span{position:absolute;left:12px;width:16px;height:1.5px;background:#fff;transform-origin:center;transition:transform 320ms var(--hm-drawer)}
.hm-burger span:first-child{top:15px}
.hm-burger span:last-child{top:23px}
.is-island .hm-burger span:first-child{transform:translateY(4px) rotate(45deg)}
.is-island .hm-burger span:last-child{transform:translateY(-4px) rotate(-45deg)}
.hm-mega{position:absolute;top:60px;left:0;right:0;bottom:0;overflow:auto;opacity:0;transform:translateY(-10px) scale(0.98);filter:blur(6px);transition:opacity 140ms ease,transform 200ms ease,filter 140ms ease;visibility:hidden}
.is-island .hm-mega{opacity:1;transform:none;filter:blur(0);visibility:visible;transition:opacity 320ms ease 120ms,transform 520ms var(--hm-drawer) 60ms,filter 320ms ease 120ms,visibility 0s}
.hm-mega__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;padding:28px 32px 32px;border-top:1px solid rgba(255,255,255,.08)}
.hm-mega__col{display:flex;flex-direction:column;gap:12px}
.hm-mega__head{display:flex;flex-direction:column;gap:3px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.hm-mega__head span:first-child{color:#fff;font-size:15px;font-weight:600}
.hm-mega__head span:last-child{color:#aeb4c2;font-size:12.5px}
.hm-mega__links{display:flex;flex-direction:column}
.hm-mega__links a{display:flex;align-items:center;min-height:32px;margin:0 -10px;padding:0 10px;border-radius:10px;color:#d7dbe4;font-size:14px;transition:background-color 120ms ease,color 120ms ease}
.hm-mega__links a:hover{background:rgba(255,255,255,.06);color:#fff}
.hm-mnav{display:none;flex-direction:column;gap:22px;padding:12px 20px 24px;border-top:1px solid rgba(255,255,255,.08)}
.hm-mnav nav{display:flex;flex-direction:column}
.hm-mnav nav a{display:flex;align-items:center;justify-content:space-between;min-height:58px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;font-size:24px;font-weight:600;letter-spacing:-0.02em}
.hm-mnav nav a span{color:#6699ff;font-size:18px}
.hm-mnav__contact{display:flex;flex-direction:column;gap:10px;font-size:15px}
.hm-mnav__contact a{color:#d7dbe4}
@media (max-width:899.98px){
  .hm-island{height:min(620px,calc(100vh - 28px))}
  .hm-island__shell{clip-path:inset(0 0 calc(100% - 60px) 0 round 30px)}
  .hm-island__bar{width:100%}
  .hm-island__nav,.hm-mega__grid{display:none}
  .hm-burger{display:block}
  .hm-mnav{display:flex}
}

.hm-island__nav a[aria-current="page"]{background:rgba(255,255,255,.1);color:#fff}
.hm-island .fe-nav__lang{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#c3c8d3;font-size:13px;font-weight:700;letter-spacing:.06em}
.hm-island .fe-nav__lang:hover{color:#fff;background:rgba(255,255,255,.08)}
@media (max-width:899.98px){.hm-island .fe-nav__lang{display:none}}