/* Shared site navigation – fixed layout so header matches on every page */
header{position:relative;z-index:200}

.nav{
  position:fixed;inset:0 0 auto;z-index:100;height:72px;display:flex;align-items:center;
  background:rgba(10,10,10,.94);
  border-bottom:1px solid #1f1f1f;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  transition:background .25s,border-color .25s,backdrop-filter .25s;
}
body.nav-open .nav{z-index:130}
.nav.on{
  background:rgba(10,10,10,.97);
  border-color:#1f1f1f;
}
.nav-row{
  width:min(1240px,100%);margin:0 auto;padding:0 clamp(20px,4vw,56px);
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.92rem;letter-spacing:-.02em;color:#f5f5f5}
.brand img{width:28px;height:28px}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{font-size:.84rem;font-weight:500;color:#9a9a9a;transition:color .2s}
.nav-links a:hover{color:#f5f5f5}
.nav-links a.nav-cta,.nav-cta{
  display:inline-flex;align-items:center;background:#89cff0;color:#0a0a0a;
  padding:10px 18px;border-radius:999px;font-size:.8rem;font-weight:700;
  transition:transform .15s,opacity .2s;
}
.nav-links a.nav-cta:hover,.nav-cta:hover{opacity:.9;transform:translateY(-1px);color:#0a0a0a}
.lang-switch{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;letter-spacing:.04em}
.lang-switch a{padding:6px 8px;border-radius:8px;color:#5c5c5c;transition:color .2s,background .2s}
.lang-switch a:hover{color:#f5f5f5}
.lang-switch a.is-active{color:#89cff0;background:rgba(137,207,240,.14)}
.lang-switch span{color:#2a2a2a;user-select:none}
.burger{
  display:none;width:44px;height:44px;border:1px solid #2a2a2a;border-radius:12px;
  align-items:center;justify-content:center;position:relative;z-index:120;
  background:transparent;transition:border-color .25s,background .25s,transform .2s;
}
.burger:active{transform:scale(.96)}
.burger[aria-expanded="true"]{border-color:rgba(137,207,240,.32);background:rgba(137,207,240,.14)}
.burger i,.burger i::before,.burger i::after{
  display:block;width:18px;height:2px;background:#f5f5f5;
  position:absolute;left:50%;margin-left:-9px;border-radius:2px;
  transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .2s,top .35s cubic-bezier(.16,1,.3,1),background .2s;
}
.burger i{top:50%;transform:translateY(-50%)}
.burger i::before,.burger i::after{content:"";left:0;margin-left:0}
.burger i::before{top:-6px}
.burger i::after{top:6px}
.burger[aria-expanded="true"] i{background:transparent;transform:none}
.burger[aria-expanded="true"] i::before{top:0;transform:rotate(45deg);background:#89cff0}
.burger[aria-expanded="true"] i::after{top:0;transform:rotate(-45deg);background:#89cff0}

.drawer{
  position:fixed;inset:0;z-index:110;
  display:block;pointer-events:none;visibility:hidden;
}
.drawer[hidden]{display:none}
.drawer.open{pointer-events:auto;visibility:visible}
.drawer-backdrop{
  position:absolute;inset:0;
  background:rgba(5,5,5,.55);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  opacity:0;transition:opacity .35s ease;
}
.drawer.open .drawer-backdrop{opacity:1}
.drawer-panel{
  position:absolute;left:0;right:0;top:0;bottom:0;
  padding:88px clamp(20px,4vw,56px) calc(36px + env(safe-area-inset-bottom,0px));
  display:flex;flex-direction:column;
  background:
    radial-gradient(ellipse 80% 40% at 80% 0%,rgba(137,207,240,.14),transparent 55%),
    linear-gradient(180deg,#0f0f0f 0%,#0a0a0a 100%);
  border-top:0;
  transform:translateY(-8px) scale(.985);
  opacity:0;
  transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .35s ease;
  overflow:auto;-webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}
.drawer.open .drawer-panel{transform:none;opacity:1}
.drawer-close{
  position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:clamp(20px,4vw,56px);
  width:44px;height:44px;border:1px solid #2a2a2a;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  color:#f5f5f5;background:rgba(20,20,20,.9);z-index:2;
  transition:border-color .2s,background .2s,color .2s;
}
.drawer-close:active{transform:scale(.96)}
.drawer-close:hover,.drawer-close:focus-visible{border-color:rgba(137,207,240,.32);color:#89cff0;background:rgba(137,207,240,.14)}
.drawer-links{display:flex;flex-direction:column;gap:0;flex:1}
.drawer-links a{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 2px;font-size:clamp(1.35rem,6vw,1.7rem);font-weight:700;
  letter-spacing:-.03em;color:#f5f5f5;border-bottom:1px solid #1f1f1f;
  opacity:0;transform:translateY(18px);
  transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),color .2s;
}
.drawer-links a::after{
  content:"";width:8px;height:8px;border-radius:50%;background:transparent;
  border:1px solid #2a2a2a;transition:background .2s,border-color .2s,transform .2s;
}
.drawer-links a:hover,.drawer-links a:focus-visible{color:#89cff0}
.drawer-links a:hover::after,.drawer-links a:focus-visible::after{
  background:#89cff0;border-color:#89cff0;transform:scale(1.15);
}
.drawer.open .drawer-links a{
  opacity:1;transform:none;
  transition-delay:calc(.08s + var(--i, 0) * .045s);
}
.drawer-cta{margin-top:28px;opacity:0;transform:translateY(14px);transition:opacity .4s,transform .4s}
.drawer.open .drawer-cta{opacity:1;transform:none;transition-delay:.32s}
.drawer-cta .nav-cta{width:100%;justify-content:center;padding:16px 22px;font-size:.92rem;border-radius:999px}
.drawer-meta{
  margin-top:auto;padding-top:28px;font-size:.75rem;color:#5c5c5c;letter-spacing:.06em;text-transform:uppercase;
  opacity:0;transition:opacity .4s;
}
.drawer.open .drawer-meta{opacity:1;transition-delay:.38s}
body.nav-locked{
  position:fixed;left:0;right:0;width:100%;
  overflow:hidden;
}

@media(max-width:860px){.nav-links{display:none}.burger{display:flex}}
@media(min-width:1680px){.nav-links{gap:32px}}

@media(prefers-reduced-motion:reduce){
  .burger i,.burger i::before,.burger i::after,
  .drawer-backdrop,.drawer-panel,.drawer-links a,.drawer-cta,.drawer-meta{transition:none!important}
  .drawer-links a,.drawer-cta,.drawer-meta{opacity:1!important;transform:none!important}
}