.site-header{
  position: sticky; top:0; z-index: 100;
  border-bottom: 1px solid var(--mist-line);
  isolation: isolate;
}
.site-header::before{
  content:"";
  position:absolute; inset:0;
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(10px);
  z-index:-1;
}
.site-header .container{
  display:flex; align-items:center; justify-content:space-between;
  height: 76px;
}
.brand{ display:flex; align-items:center; gap:9px; }
.brand-mark{ width:30px; height:30px; flex-shrink:0; }
.brand-word{
  font-family: var(--font-display);
  font-weight:700; font-size:22px;
  letter-spacing: -0.01em;
  color: var(--green-dark);
}

.nav-main{ display:flex; align-items:center; gap:4px; }
.nav-main > li > a, .nav-main > li > button{
  background:none; border:none; cursor:pointer;
  font-size:15px; font-weight:500; color: var(--ink);
  padding: 10px 14px; border-radius: 8px;
  display:flex; align-items:center; gap:6px;
  transition: background .15s var(--ease), color .15s var(--ease);
}
.nav-main > li > a:hover, .nav-main > li > button:hover{ background: var(--mist); color: var(--green-dark); }
.nav-main > li{ position: relative; }
.nav-main .chev{ transition: transform .18s var(--ease); }
.nav-main li.open .chev{ transform: rotate(180deg); }

.nav-actions{ display:flex; align-items:center; gap:10px; }

.dropdown{
  position:absolute; top: calc(100% + 8px); left: 50%;
  transform: translateX(-50%) translateY(-6px);
  width: 300px;
  background: var(--white);
  border: 1px solid var(--mist-line);
  border-radius: var(--radius-m);
  box-shadow: 0 20px 45px -18px rgba(15,46,26,.28);
  padding: 10px;
  opacity:0; visibility:hidden; pointer-events:none;
  transition: opacity .16s var(--ease), transform .16s var(--ease), visibility .16s;
}
.nav-main li.open .dropdown{
  opacity:1; visibility:visible; pointer-events:auto;
  transform: translateX(-50%) translateY(0);
}
.dropdown a{
  display:flex; align-items:flex-start; gap:12px;
  padding: 10px 12px; border-radius: 10px;
  font-size: 14.5px;
}
.dropdown a:hover{ background: var(--mist); }
.dropdown a .dd-ic{
  width:34px; height:34px; border-radius:9px;
  background: var(--mist); color: var(--green);
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
.dropdown a strong{ display:block; color: var(--green-dark); font-weight:600; }
.dropdown a span{ display:block; color: var(--ink-faint); font-size:12.5px; margin-top:1px; }

.nav-toggle{
  display:none; background:none; border:none; cursor:pointer;
  width: 40px; height:40px; align-items:center; justify-content:center;
}
.nav-toggle svg{ width:22px; height:22px; }

@media (max-width: 900px){
  .nav-actions .btn-outline{ display:none; }
  .nav-toggle{ display:flex; }
  .nav-main{
    display:flex; flex-direction:column; align-items:stretch;
    position:fixed; top:76px; left:0; right:0; bottom:0;
    background: var(--white); padding: 14px 20px; gap:2px;
    overflow-y:auto;
    transform: translateY(-8px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s var(--ease), transform .2s var(--ease), visibility .2s;
  }
  .site-header.mobile-open .nav-main{
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .site-header.mobile-open .dropdown{
    position:static; transform:none; opacity:1; visibility:visible;
    pointer-events:auto; width:auto; box-shadow:none; border:none;
    display:none; padding-left: 6px;
  }
  .site-header.mobile-open li.open .dropdown{ display:block; }
}