/* =========================================================
     NAV — solid at all times, dark text on white
     ========================================================= */
  .nav{
    position:fixed; top:0; left:0; right:0;
    height:var(--nav-h-desktop);
    background:var(--white);
    display:flex; align-items:center;
    z-index:300;
    transition:box-shadow 250ms ease, height 200ms ease;
  }
  .nav.scrolled{ box-shadow:0 4px 16px rgba(4,33,30,0.08); }
  .nav-inner{
    width:100%; max-width:var(--container); margin:0 auto; padding:0 24px;
    display:flex; align-items:center; justify-content:space-between;
  }
  .nav-logo a{ display:block; }
  .nav-logo img{ height:65px; display:block; }
  .nav-links{ display:flex; gap:6px; list-style:none; }
  .nav-links a{
    font-size:14px; font-weight:500; text-decoration:none;
    color:var(--ink-900); letter-spacing:0.01em;
    padding:8px 14px; border-radius:28px;
    transition:background 150ms ease, color 150ms ease;
  }
  .nav-links a:hover{ background:rgba(4,33,30,0.06); }
  .nav-links a.active{
    background:var(--teal-100); color:var(--teal-700); font-weight:600;
  }
  .nav-links a.active:hover{ background:var(--teal-100); }
  .nav-right{ display:flex; align-items:center; gap:20px; }
  .nav-cta{
    display:inline-flex; 
    align-items:center; 
    justify-content:space-between; 
    gap:14px;
    padding:5px 5px 5px 22px; 
    background:var(--teal-500);
    color:var(--white);
    border:none; 
    border-radius:999px; 
    font-size:14px; 
    font-weight:600;
    font-family:inherit; 
    cursor:pointer; 
    letter-spacing:0.01em;
    transition:background 200ms ease, color 200ms ease, transform 200ms cubic-bezier(0.4,0,0.2,1), box-shadow 200ms cubic-bezier(0.4,0,0.2,1);
    white-space:nowrap;
    box-shadow:0 10px 24px rgba(29,158,117,0.28);
    text-decoration:none;
  }
  .nav-cta .btn-icon{
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
    width:32px; height:32px; border-radius:50%;
    background:var(--white); color:var(--teal-700);
    transition:background 200ms ease, color 200ms ease, transform 350ms cubic-bezier(.2,.8,.2,1);
  }
  .nav-cta .btn-icon svg{ width:14px; height:14px; display:block; }
  .nav-cta:hover{ background:var(--teal-700); transform:translateY(-2px); box-shadow:0 14px 30px rgba(15,110,86,0.32); }
  .nav-cta:hover .btn-icon{ transform:rotate(45deg); }
  .nav-cta:active{ transform:translateY(-1px); }

  .nav-toggle{
    display:none; width:40px; height:40px; border:none; background:transparent;
    cursor:pointer; position:relative; flex-shrink:0;
  }
  .nav-toggle span{
    position:absolute; left:8px; right:8px; height:2px;
    background:var(--ink-900); border-radius:2px;
    transition:transform 250ms ease, opacity 200ms ease, top 250ms ease;
  }
  .nav-toggle span:nth-child(1){ top:13px; }
  .nav-toggle span:nth-child(2){ top:19px; }
  .nav-toggle span:nth-child(3){ top:25px; }
  .nav-toggle.open span:nth-child(1){ top:19px; transform:rotate(45deg); }
  .nav-toggle.open span:nth-child(2){ opacity:0; }
  .nav-toggle.open span:nth-child(3){ top:19px; transform:rotate(-45deg); }

  @media (max-width:1023px){
    .nav-links, .nav-right .nav-cta{ display:none; }
    .nav-toggle{ display:block; }
    .nav{ height:var(--nav-h-mobile); }
  }

  .mobile-menu{
    position:fixed; inset:0; top:var(--nav-h-mobile);
    background:var(--white); z-index:250;
    display:flex; flex-direction:column; padding:32px 24px; gap:8px;
    transform:translateX(100%); transition:transform 320ms ease;
  }
  .mobile-menu.open{ transform:translateX(0); }
  .mobile-menu a{
    font-size:22px; font-weight:500; color:var(--ink-900); text-decoration:none;
    padding:16px 4px; border-bottom:1px solid var(--neutral-200);
  }
  .mobile-menu .nav-cta{ color:var(--white); }
  .mobile-menu a.active{ color:var(--teal-700); font-weight:600; }
  .mobile-menu .nav-cta{ margin-top:24px; width:100%; padding:8px 8px 8px 28px; font-size:16px; }
  .mobile-menu .nav-cta .btn-icon{ width:36px; height:36px; }
  @media (min-width:1024px){ .mobile-menu{ display:none !important; } }