.nav {
  position:sticky;top:0;z-index:100;background:rgba(250,252,248,0.88);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(216,235,216,0.5);transition:all 0.3s
}

.nav.scrolled {
  box-shadow:0 4px 30px rgba(27,67,50,0.08)
}

.nav-inner {
  max-width:var(--max-w);margin:0 auto;padding:0 24px;height:68px;display:flex;align-items:center;justify-content:space-between
}

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

.nav-logo-icon {
  width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--leaf) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,196,110,0.3);transition:transform 0.3s
}

.nav-logo:hover .nav-logo-icon {
  transform:rotate(-5deg) scale(1.05)
}

.nav-logo-text {
  font-family:'Plus Jakarta Sans';font-weight:700;font-size:18px;color:var(--ink)
}

.nav-logo-text span {
  color:var(--primary-dark,#007A47)
}

.nav-links {
  display:none;align-items:center;gap:2px
}

.nav-links {
  display:flex
}

.nav-links a {
  padding:8px 14px;font-size:14px;font-weight:500;color:var(--ink-muted);border-radius:8px;transition:all 0.2s;position:relative
}

.nav-links a:hover {
  color:var(--ink);background:var(--subtle)
}

.nav-links a.active {
  color:var(--primary-dark);background:var(--cream-2)
}

.nav-links .badge {
  position:absolute;top:2px;right:2px;background:var(--danger);color:white;font-size:9px;font-weight:700;padding:1px 5px;border-radius:100px
}

.nav-cta {
  background:linear-gradient(135deg,var(--primary) 0%,#00D68F 100%);color:white;padding:10px 22px;border-radius:10px;font-size:14px;font-weight:600;border:none;box-shadow:var(--shadow-btn);transition:all 0.3s;position:relative;overflow:hidden
}

.nav-cta:hover {
  transform:translateY(-1px);box-shadow:var(--shadow-btn-hover)
}

.nav-mobile-toggle {
  display:flex;flex-direction:column;gap:5px;background:none;border:none;padding:8px
}

.nav-mobile-toggle span {
  width:22px;height:2px;background:var(--ink);border-radius:2px;transition:all 0.3s
}

.nav-mobile-toggle {
  display:none
}

[data-theme="dark"] .nav {
  background:rgba(10,20,16,0.72);border-bottom-color:var(--border)
}

[data-theme="dark"] .nav-logo-text,[data-theme="dark"] .nav-links a {
  color:var(--ink)
}

.theme-toggle {
  width:40px;height:40px;border-radius:12px;background:transparent;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-right:8px;color:var(--ink);transition:all 0.3s ease
}

.theme-toggle:hover {
  background:var(--bg-2);transform:rotate(15deg)
}

[data-theme="dark"] .theme-toggle .sun {
  display:block
}

[data-theme="dark"] .theme-toggle .moon {
  display:none
}

.theme-toggle .sun {
  display:none
}

.theme-toggle .moon {
  display:block
}

.nav-links {
  display:none !important
}

.nav-mobile-toggle {
  display:flex !important
}

.nav-cta {
  display:none
}

.nav-inner {
  gap:8px
}

.theme-toggle {
  margin-left:auto
}

.nav-mobile-toggle,.theme-toggle {
  min-width:44px;min-height:44px
}

.nav-logo-text {
  font-size:15px
}

.nav-logo-text span {
  display:none
}

.mobile-menu {
  display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background:rgba(255,255,255,0.98);backdrop-filter:blur(14px);flex-direction:column;padding:24px;gap:4px;z-index:90
}

.mobile-menu.open {
  display:flex
}

.mobile-menu a {
  padding:16px 18px;font-weight:600;color:var(--ink);border-radius:12px;font-size:18px;min-height:48px;display:flex;align-items:center
}

.mobile-menu a:hover,.mobile-menu a.active {
  background:var(--cream-2);color:var(--primary-dark)
}

[data-theme="dark"] .mobile-menu {
  background:rgba(10,20,16,0.98)
}

.nav-mobile-toggle.open span:nth-child(1) {
  transform:translateY(7px) rotate(45deg)
}

.nav-mobile-toggle.open span:nth-child(2) {
  opacity:0
}

.nav-mobile-toggle.open span:nth-child(3) {
  transform:translateY(-7px) rotate(-45deg)
}