<!-- 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{
  --eco-green:#00ff88;
  --tech-blue:#4da6ff;
  --divine-gold:#ffd700;
  --bg-black:#0b0b0b;
}
body{
  background:var(--bg-black);
  color:#eaeaea;
}
a, .accent-blue{ color:var(--tech-blue); }
.accent-green{ color:var(--eco-green); }
.accent-gold{ color:var(--divine-gold); }
.section{
  max-width:1200px;
  margin:0 auto;
  padding:64px 20px;
}
.hero{
  padding:120px 20px 80px 20px;
  text-align:center;
}
.media-slot{
  border:1px dashed rgba(255,255,255,0.25);
  border-radius:16px;
  padding:24px;
  text-align:center;
  margin:24px 0;
}
.cta{
  display:inline-block;
  padding:14px 28px;
  border-radius:28px;
  border:1px solid var(--divine-gold);
  color:var(--divine-gold);
  text-decoration:none;
}
