diff --git a/about.html b/about.html
index d0afe0f..36d8e4a 100644
--- a/about.html
+++ b/about.html
@@ -41,6 +41,11 @@
         <span>Dev Case Studies</span>
       </a>
       <nav class="site-nav" aria-label="Main navigation">
+        <span class="eco-nav" aria-label="ImpactMojo libraries">
+          <a href="./index.html" class="eco-link current">Case Studies</a>
+          <a href="https://varnasr.github.io/development-discourses/" class="eco-link">Discourses</a>
+          <a href="https://www.impactmojo.in/impactlex/" class="eco-link" target="_blank" rel="noopener">ImpactLex</a>
+        </span>
         <a href="./index.html" class="site-nav-link">Library</a>
         <div class="theme-selector" role="group" aria-label="Theme selection">
           <button class="theme-btn" data-theme="system" title="System theme" aria-label="Use system theme">
diff --git a/css/style.css b/css/style.css
index 3d89209..cb8204e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1496,3 +1496,14 @@ select:focus-visible,
 @media (max-width: 480px) {
   .about-hero { padding-top: var(--sp-8); }
 }
+
+
+/* ---------- Ecosystem cross-links (shared across ImpactMojo libraries) ---------- */
+.eco-nav { display: inline-flex; align-items: center; gap: 12px; }
+.eco-link {
+  font-size: 0.8rem; font-weight: 600; color: var(--text-secondary);
+  border-bottom: 2px solid transparent; padding-bottom: 1px; white-space: nowrap;
+}
+.eco-link:hover { color: var(--accent); }
+.eco-link.current { color: var(--accent); border-bottom-color: var(--accent); }
+@media (max-width: 900px) { .eco-nav { display: none; } }
diff --git a/index.html b/index.html
index acc3fbf..75f2e1e 100644
--- a/index.html
+++ b/index.html
@@ -55,6 +55,11 @@
         </div>
       </div>
       <nav class="site-nav" aria-label="Main navigation">
+        <span class="eco-nav" aria-label="ImpactMojo libraries">
+          <a href="./index.html" class="eco-link current" aria-current="page">Case Studies</a>
+          <a href="https://varnasr.github.io/development-discourses/" class="eco-link">Discourses</a>
+          <a href="https://www.impactmojo.in/impactlex/" class="eco-link" target="_blank" rel="noopener">ImpactLex</a>
+        </span>
         <a href="./about.html" class="site-nav-link">About</a>
         <button id="mobile-filter-toggle" class="mobile-filter-btn" aria-label="Toggle filters">
           <span class="si"><svg viewBox="0 0 24 24"><line x1="4" y1="6" x2="20" y2="6"/><line x1="8" y1="12" x2="20" y2="12"/><line x1="12" y1="18" x2="20" y2="18"/></svg></span>
diff --git a/study.html b/study.html
index a07b7dc..4de7d2f 100644
--- a/study.html
+++ b/study.html
@@ -47,6 +47,11 @@
         <span>Dev Case Studies</span>
       </a>
       <nav class="site-nav" aria-label="Main navigation">
+        <span class="eco-nav" aria-label="ImpactMojo libraries">
+          <a href="./index.html" class="eco-link current">Case Studies</a>
+          <a href="https://varnasr.github.io/development-discourses/" class="eco-link">Discourses</a>
+          <a href="https://www.impactmojo.in/impactlex/" class="eco-link" target="_blank" rel="noopener">ImpactLex</a>
+        </span>
         <a href="./index.html" class="site-nav-link">Library</a>
         <a href="./about.html" class="site-nav-link">About</a>
         <div class="theme-selector" role="group" aria-label="Theme selection">