<!-- ECO-CANONICAL -->
<link rel="stylesheet" href="/assets/theme.css">
<nav class="eco-nav" role="navigation" aria-label="Primary">
  <style>
    .eco-nav{position:sticky;top:0;z-index:50;background:rgba(5,11,18,0.92);backdrop-filter:blur(10px);
             border-bottom:1px solid rgba(255,255,255,0.08)}
    .eco-nav ul{list-style:none;margin:0;padding:10px 14px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
    .eco-nav a{color:var(--eco-blue);font-weight:600}
    .eco-nav a:hover{color:var(--eco-green)}
    .eco-dd{position:relative}
    .eco-dd > span{cursor:pointer;color:var(--eco-gold);font-weight:800}
    .eco-dd ul{display:none;position:absolute;left:0;top:100%;min-width:240px;background:#06141f;border:1px solid rgba(255,255,255,0.10);
               border-radius:14px;padding:10px;margin:10px 0 0 0}
    .eco-dd:hover ul{display:block}
    .eco-dd li{padding:8px 10px;white-space:nowrap}
    .eco-dd li a{display:block}
    .eco-brand{color:var(--eco-gold);font-weight:900;letter-spacing:0.08em}
  </style>

  <ul>
    <li class="eco-brand"><a href="/">ECONOVETECH</a></li>

    <li><a href="/gateway/">Gateway</a></li>
    <li><a href="/dashboard/">Dashboard</a></li>

    <li class="eco-dd"><span>System </span>
      <ul>
        <li><a href="/mindmap/">System Map</a></li>
        <li><a href="/magna-carta/">Magna Carta</a></li>
        <li><a href="/ethics/">Ethical AI</a></li>
        <li><a href="/avatars/">Avatar Network</a></li>
        <li><a href="/agi/">AGI Advancement</a></li>
        <li><a href="/os/">Open Source Core</a></li>
      </ul>
    </li>

    <li class="eco-dd"><span>Hubs </span>
      <ul>
        <li><a href="/university/">University</a></li>
        <li><a href="/creative/">Creative Hub</a></li>
        <li><a href="/technology/">Technology & Energy</a></li>
        <li><a href="/manufacturing/">Manufacturing</a></li>
        <li><a href="/mobility/">VTOL & Air Freight</a></li>
        <li><a href="/land/">Land & EcoHubs</a></li>
        <li><a href="/maintenance/">Repair & Maintenance</a></li>
      </ul>
    </li>

    <li class="eco-dd"><span>Economy </span>
      <ul>
        <li><a href="/bank/">Sovereign Bank</a></li>
        <li><a href="/tokens/">Tokens & Wallets</a></li>
        <li><a href="/education/">Wallet Education</a></li>
        <li><a href="/contracts/">Smart Contracts</a></li>
        <li><a href="/marketplace/">Marketplace</a></li>
        <li><a href="/abundance/">Abundance Hub</a></li>
      </ul>
    </li>

    <li class="eco-dd"><span>Governance </span>
      <ul>
        <li><a href="/legal/">Legal Hub</a></li>
        <li><a href="/trust/">Trust & Governance</a></li>
      </ul>
    </li>

    <li><a href="/business/">B2B</a></li>
    <li><a href="/contact/">Contact</a></li>
  </ul>
</nav>
:root{
  --ecnv-blue:  #00E5FF;
  --ecnv-green: #19FF6F;
  --ecnv-gold:  #FFD400;
}

/* Overlay layer */
#ueos-aura-overlay{
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 2147482000; /* below hub bar / top-right sigil if they use max z-index */
  opacity: 0.22;
  mix-blend-mode: screen;
  background:
    radial-gradient(1100px 700px at 18% 10%, rgba(0,229,255,0.70), transparent 55%),
    radial-gradient(1100px 700px at 82% 14%, rgba(25,255,111,0.56), transparent 55%),
    radial-gradient(900px 650px at 55% 85%, rgba(255,212,0,0.48), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,0.25), rgba(0,0,0,0.55));
}

/* On very small screens, reduce opacity slightly so it doesnt feel foggy */
@media (max-width: 480px){
  #ueos-aura-overlay{ opacity: 0.18; }
}

/* Keep hub bar & global sigil above the aura so they stay crisp */
#ueos-hubs-bar{ position: relative; z-index: 2147483000; }
#ueos-global-sigil{ z-index: 2147483647 !important; }

/* --- SIGIL CLEANUP: remove ALL content sigils --- */
/* Hide any sigil image that is NOT in hub bar and NOT in the top-right global sigil */
img[src*="econovetech_sigil"]{ display:none !important; }
#ueos-hubs-bar img[src*="econovetech_sigil"]{ display:block !important; }
#ueos-global-sigil img[src*="econovetech_sigil"]{ display:block !important; }

/* Also catch direct /assets/econovetech_sigil.png */
img[src*="/assets/econovetech_sigil"]{ display:none !important; }
#ueos-hubs-bar img[src*="/assets/econovetech_sigil"]{ display:block !important; }
#ueos-global-sigil img[src*="/assets/econovetech_sigil"]{ display:block !important; }