/* Homepage top nav, shared by pages that don't carry the homepage's own CSS.
   Classes are ugn-* (not up-nav-*) so each page's existing nav CSS and JS
   can't touch it. Behaviour lives in /js/up-nav.js. */
.ugn,.ugn-mob{
  --ugn-green:#80cb27;--ugn-green-dk:#4f8e1a;--ugn-navy:#132630;--ugn-navy-mid:#2c3e4a;
  --ugn-off:#f7f9f4;--ugn-border:#e4ede0;
  --ugn-fd:'Glacial Indifference','Inter',sans-serif;--ugn-fb:'Inter',sans-serif;
  font-family:var(--ugn-fb);-webkit-font-smoothing:antialiased;line-height:1.6;text-align:left;
}
.ugn *,.ugn *::before,.ugn *::after,.ugn-mob *{box-sizing:border-box;}
.ugn a,.ugn-mob a{text-decoration:none;}
.ugn img{display:block;max-width:100%;}
nav.ugn{
  position:sticky;top:0;z-index:200;height:68px;margin:0;
  background:#ffffff;box-shadow:0 1px 0 var(--ugn-border),0 4px 24px rgba(19,38,48,.07);
}
.ugn .ugn-wrap{max-width:1200px;margin:0 auto;padding:0 48px;}
.ugn .ugn-inner{height:68px;display:flex;align-items:center;justify-content:space-between;}
.ugn .ugn-logo{display:flex;align-items:center;gap:10px;}
.ugn .ugn-logo img{height:36px;width:auto;}
.ugn .ugn-links{display:flex;align-items:center;gap:4px;}
.ugn .ugn-link,.ugn .ugn-drop-btn{
  display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;margin:0;
  font-family:var(--ugn-fb);font-size:14px;font-weight:500;line-height:1.6;color:var(--ugn-navy);
  padding:8px 14px;border-radius:6px;transition:color .18s,background .18s;
}
.ugn .ugn-link:hover,.ugn .ugn-drop-btn:hover{color:var(--ugn-green-dk);background:rgba(19,38,48,.05);}
.ugn .ugn-sep{width:1px;height:20px;background:var(--ugn-border);margin:0 8px;}
.ugn .ugn-drop{position:relative;}
.ugn .ugn-drop svg{transition:transform .18s;flex-shrink:0;}
.ugn .ugn-drop:hover svg,.ugn .ugn-drop:focus-within svg,.ugn .ugn-drop.open svg{transform:rotate(180deg);}
.ugn .ugn-drop-menu{position:absolute;top:100%;left:-4px;padding-top:8px;display:none;z-index:210;}
.ugn .ugn-drop:hover .ugn-drop-menu,.ugn .ugn-drop:focus-within .ugn-drop-menu,.ugn .ugn-drop.open .ugn-drop-menu{display:block;}
.ugn .ugn-drop-card{min-width:190px;background:#ffffff;border:1px solid var(--ugn-border);border-radius:12px;box-shadow:0 12px 48px rgba(19,38,48,.18);padding:8px;}
.ugn .ugn-drop-item{display:block;font-size:14px;font-weight:500;line-height:1.4;color:var(--ugn-navy);padding:10px 14px;border-radius:8px;white-space:nowrap;transition:background .15s,color .15s;}
.ugn .ugn-drop-item:hover,.ugn .ugn-drop-item:focus{background:var(--ugn-off);color:var(--ugn-green-dk);}
.ugn .ugn-ghost{
  font-family:var(--ugn-fb);font-size:13px;font-weight:500;line-height:1.6;color:var(--ugn-navy);
  padding:8px 16px;border:1.5px solid rgba(19,38,48,.22);border-radius:8px;transition:border-color .18s,color .18s;
}
.ugn .ugn-ghost:hover{border-color:var(--ugn-navy);color:var(--ugn-navy);}
.ugn .ugn-cta{
  font-family:var(--ugn-fd);font-size:13px;font-weight:700;line-height:1.6;
  background:var(--ugn-green);color:var(--ugn-navy);padding:9px 20px;border-radius:8px;transition:background .18s,transform .15s;
}
.ugn .ugn-cta:hover{background:#6fb822;transform:translateY(-1px);}
.ugn .ugn-burger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:4px;}
.ugn .ugn-burger span{display:block;width:22px;height:2px;background:var(--ugn-navy);border-radius:2px;}
.ugn-mob{display:none;position:fixed;inset:68px 0 0;background:#ffffff;z-index:190;padding:32px 24px;flex-direction:column;gap:8px;overflow-y:auto;}
.ugn-mob.open{display:flex;}
.ugn-mob .ugn-mob-link{font-size:16px;font-weight:500;line-height:1.6;color:var(--ugn-navy-mid);padding:12px 16px;border-radius:8px;transition:background .15s;}
.ugn-mob .ugn-mob-link:hover{background:var(--ugn-off);color:var(--ugn-navy);}
.ugn-mob .ugn-mob-divider{height:1px;background:var(--ugn-border);margin:8px 0;}
.ugn-mob .ugn-mob-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#3e4f58;padding:8px 16px 0;}
@media (max-width:960px){
  .ugn .ugn-wrap{padding:0 24px;}
  .ugn .ugn-links{display:none;}
  .ugn .ugn-burger{display:flex;}
}