.site-header{position:fixed;inset:0 0 auto;z-index:100;padding:18px 20px;transition:padding .25s;pointer-events:none}
.site-header.scrolled{padding-top:10px}
.nav-shell{width:min(100%,1240px);min-height:64px;margin:auto;padding:8px 10px 8px 20px;border:1px solid #16161624;border-radius:999px;background-color:rgba(255,255,255,.92);background-image:linear-gradient(118deg,rgba(255,255,255,.3),transparent 42%,rgba(201,255,61,.035));box-shadow:0 12px 38px #14141014,inset 0 1px 0 rgba(255,255,255,.68);-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);display:flex;align-items:center;justify-content:space-between;gap:30px;pointer-events:auto;position:relative;transition:background-color .3s cubic-bezier(.2,0,0,1),border-color .3s cubic-bezier(.2,0,0,1),box-shadow .3s cubic-bezier(.2,0,0,1),-webkit-backdrop-filter .3s cubic-bezier(.2,0,0,1),backdrop-filter .3s cubic-bezier(.2,0,0,1)}
.site-header.scrolled .nav-shell{background-color:rgba(247,246,241,.56);border-color:rgba(22,22,22,.12);box-shadow:0 18px 48px rgba(20,20,16,.12),inset 0 1px 0 rgba(255,255,255,.88),inset 0 -1px 0 rgba(22,22,22,.04);-webkit-backdrop-filter:blur(28px) saturate(165%) contrast(105%);backdrop-filter:blur(28px) saturate(165%) contrast(105%)}
.nav-brand{height:46px;display:flex;align-items:center;align-self:center;line-height:0;flex:none}
.nav-brand img{display:block;width:116px;height:auto;transform:translateY(5px)}
.nav-links{display:flex;align-items:center;gap:clamp(26px,2.8vw,42px);margin-left:auto}
.nav-links a{font-size:14px;font-weight:600;position:relative}
.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--ink,#161616);transition:right .2s}
.nav-links a:hover:after,.nav-links a:focus-visible:after{right:0}
.nav-actions{display:flex;align-items:center;gap:12px;margin-left:2px}
.site-language-toggle{display:flex;padding:3px;border:1px solid var(--line,#d9d9d2);border-radius:999px}
.site-language-toggle button{min-width:36px;min-height:32px;border:0;border-radius:999px;background:transparent;cursor:pointer;font:11px var(--mono,"DM Mono",monospace)}
.site-language-toggle button[aria-pressed=true]{background:var(--ink,#161616);color:#fff}
.site-nav-cta{min-height:46px;padding:0 24px;border:1px solid var(--ink,#161616);border-radius:999px;background:var(--ink,#161616);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:background .2s,color .2s}
.site-nav-cta:hover{background:#30302e}
.site-menu-button{display:none;width:44px;height:44px;border:0;border-radius:50%;background:var(--ink,#161616);cursor:pointer;position:relative}
.site-menu-button span{position:absolute;left:13px;width:18px;height:1.5px;background:#fff;transition:transform .2s,top .2s}
.site-menu-button span:first-child{top:18px}.site-menu-button span:last-child{top:25px}
.site-menu-button[aria-expanded=true] span:first-child{top:22px;transform:rotate(45deg)}
.site-menu-button[aria-expanded=true] span:last-child{top:22px;transform:rotate(-45deg)}
.site-header :focus-visible{outline:3px solid #6554d9;outline-offset:3px}

@media(max-width:1040px){
  .nav-links{display:none;position:absolute;top:76px;left:0;right:0;margin:0;padding:24px;border:1px solid rgba(22,22,22,.12);border-radius:24px;background:rgba(247,246,241,.78);box-shadow:0 20px 50px #0002,inset 0 1px 0 rgba(255,255,255,.82);-webkit-backdrop-filter:blur(24px) saturate(155%);backdrop-filter:blur(24px) saturate(155%);flex-direction:column;align-items:stretch}
  .nav-links.open{display:flex}
  .nav-links a{min-height:44px;display:flex;align-items:center}
  .site-menu-button{display:block}
}

@media(max-width:720px){
  .site-header{padding:10px}
  .nav-shell{min-height:58px;padding:6px 7px 6px 16px}
  .nav-brand img{width:105px}
  .site-nav-cta{display:none}
  .nav-actions{gap:7px}
}

@media(min-width:1041px) and (max-height:1000px){
  .site-header{padding:10px 20px}
  .site-header.scrolled{padding-top:7px}
  .nav-shell{min-height:56px;padding:5px 8px 5px 18px}
  .nav-brand{height:42px}
  .nav-brand img{width:108px;transform:translateY(4px)}
  .nav-links{gap:clamp(22px,2.2vw,34px)}
  .nav-actions{gap:10px}
  .site-language-toggle button{min-width:34px;min-height:30px}
  .site-nav-cta{min-height:42px;padding-inline:21px}
}

@media(prefers-reduced-motion:reduce){
  .site-header,.site-header *{transition-duration:.01ms!important}
}

@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .site-header.scrolled .nav-shell,.nav-links{background-color:rgba(247,246,241,.96)}
}