/* ─────────── NAV ─────────── */
    .nav {
      position: fixed; top:0; left:0; right:0; z-index: 100;
      background: rgba(253,248,238,.92);
      backdrop-filter: blur(12px);
      border-bottom: 2px solid rgba(245,166,35,.2);
      padding: .9rem 2rem;
      display: flex; align-items: center; justify-content: space-between;
      transition: box-shadow .3s;
    }
    .nav.scrolled { box-shadow: 0 2px 20px rgba(0,0,0,.08); }

    .nav-logo {
      display: flex; align-items: center; gap:.7rem;
      text-decoration: none;
      font-family: 'Baloo 2', sans-serif;
      font-weight: 900; font-size: 1.3rem;
      color: var(--green-deep);
    }
    .nav-logo .logo-icon {
      width:2.4rem; height:2.4rem;
      background: linear-gradient(135deg, var(--green-mid), var(--amber));
      border-radius:.7rem;
      display:grid; place-items:center;
      font-size:1.1rem;
      box-shadow: 0 2px 8px rgba(45,138,85,.3);
    }

    .nav-links { display:flex; gap:2rem; list-style:none; }
    .nav-links a {
      text-decoration:none; font-weight:700; font-size:.9rem;
      color: var(--text-muted);
      transition: color .2s;
      letter-spacing:.02em;
    }
    .nav-links a:hover { color: var(--green-mid); }
    .nav-links a.active { color: var(--green-deep); }

    .nav-cta {
      background: var(--green-deep);
      color: #fff !important;
      padding:.5rem 1.3rem;
      border-radius:2rem;
      font-weight:800 !important;
      font-size:.88rem !important;
      transition: background .2s, transform .2s !important;
    }
    .nav-cta:hover { background: var(--green-mid) !important; transform: translateY(-1px); }

    .nav-mobile-btn {
      display: none;
      background: none;
      border: none;
      cursor: pointer;
      font-size: 1.4rem;
      color: var(--green-deep);
      padding: 0.25rem 0.35rem;
      line-height: 1;
    }

    @media(max-width:768px){
      .nav { padding: .9rem 1.25rem; }
      .nav-links {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        flex-direction: column;
        gap: 0;
        background: rgba(253,248,238,.98);
        backdrop-filter: blur(12px);
        border-bottom: 2px solid rgba(245,166,35,.2);
        padding: 0.35rem 0 1rem;
        box-shadow: 0 8px 24px rgba(0,0,0,.08);
      }
      .nav-links li { width: 100%; }
      .nav-links a {
        display: block;
        padding: 0.85rem 1.25rem;
        font-size: 1rem;
      }
      .nav-links .nav-cta {
        display: block;
        margin: 0.5rem 1.25rem 0;
        text-align: center;
      }
      .nav.nav-open .nav-links { display: flex; }
      .nav-mobile-btn { display: block; }
    }

    body.nav-menu-open { overflow: hidden; }

    .nav-btn {
      background: var(--amber);
      color: var(--earth) !important;
      padding: .5rem 1.3rem;
      border-radius: 2rem;
      font-weight: 800 !important;
      cursor: pointer;
      border: none;
      font-family: 'Baloo 2', sans-serif;
      font-size: .9rem;
      transition: transform .2s, box-shadow .2s;
      white-space: nowrap;
    }
    .nav-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(245,166,35,.4); }