diff --git a/public/about.html b/public/about.html
index c38c2759..1ea8874f 100644
--- a/public/about.html
+++ b/public/about.html
@@ -5,9 +5,9 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>About | Tractatus AI Safety Framework</title>
   <meta name="description" content="Learn about the Tractatus Framework: our mission, values, team, and commitment to preserving human agency through structural AI safety.">
-  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761704420551">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761705152090">
   <style>
     /* Accessibility: Skip link */
     .skip-link { position: absolute; left: -9999px; top: 0; }
@@ -32,7 +32,7 @@
   <a href="#main-content" class="skip-link">Skip to main content</a>
 
   <!-- Navigation (injected by navbar.js) -->
-  <script src="/js/components/navbar.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1761705152090"></script>
 
   <!-- Breadcrumb Navigation -->
   <nav class="bg-gray-50 border-b border-gray-200 py-3" aria-label="Breadcrumb">
@@ -335,20 +335,56 @@
     </section>
   </div>
 
+  <!-- Share CTA -->
+  <section class="bg-gray-100 py-12">
+    <div class="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-8">
+        <h2 class="text-2xl font-semibold text-gray-900 mb-3" data-i18n="share_cta.heading">
+          Help us reach the right people.
+        </h2>
+        <p class="text-gray-700 mb-6" data-i18n="share_cta.description">
+          If you know researchers, implementers, or leaders who need structural AI governance solutions, share this with them.
+        </p>
+        <div class="flex flex-wrap gap-3">
+          <button
+            data-action="copy-link"
+            class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium transition-colors shadow-sm"
+            data-i18n="share_cta.copy_link">
+            Copy Link
+          </button>
+          <button
+            data-action="email-share"
+            class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium transition-colors shadow-sm"
+            data-i18n="share_cta.email">
+            Email
+          </button>
+          <button
+            data-action="linkedin-share"
+            class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium transition-colors shadow-sm"
+            data-i18n="share_cta.linkedin">
+            LinkedIn
+          </button>
+        </div>
+      </div>
+    </div>
+  </section>
+
   <!-- Footer with Te Tiriti Acknowledgment -->
   <!-- Footer -->
   <!-- Internationalization -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1761705152090"></script>
 
   <!-- Scroll Animations (Phase 3) -->
-  <script src="/js/scroll-animations.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/scroll-animations.js?v=0.1.2.1761705152090"></script>
   <!-- Page Transitions (Phase 3) -->
-  <script src="/js/page-transitions.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/page-transitions.js?v=0.1.2.1761705152090"></script>
 
+  <!-- Share CTA functionality -->
+  <script src="/js/share-cta.js?v=0.1.2.1761705152090"></script>
 
   <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1761705152090"></script>
 
 </body>
 </html>
diff --git a/public/api-reference.html b/public/api-reference.html
index 77d6c1b7..b08c0814 100644
--- a/public/api-reference.html
+++ b/public/api-reference.html
@@ -5,8 +5,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>API Reference | Tractatus Framework</title>
   <meta name="description" content="Complete API reference for Tractatus Framework - endpoints, authentication, request/response formats, and examples.">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761704420551">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761705152090">
   <style>
     .endpoint-badge {
       @apply inline-block px-2 py-1 rounded text-xs font-mono font-semibold;
@@ -874,7 +874,7 @@
 
   <!-- Footer -->
     <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1761705152090"></script>
 
 </body>
 </html>
diff --git a/public/blog-post.html b/public/blog-post.html
index 9e59e975..e7fd367d 100644
--- a/public/blog-post.html
+++ b/public/blog-post.html
@@ -31,8 +31,8 @@
   <!-- RSS Feed -->
   <link rel="alternate" type="application/rss+xml" title="Tractatus Blog RSS Feed" href="/api/blog/rss">
 
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761704420551">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761705152090">
   <style>
     /* Accessibility: Skip link */
     .skip-link { position: absolute; left: -9999px; top: 0; }
@@ -123,7 +123,7 @@
   <a href="#main-content" class="skip-link">Skip to main content</a>
 
   <!-- Navigation (injected by navbar.js) -->
-  <script src="/js/components/navbar.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1761705152090"></script>
 
   <!-- Breadcrumb -->
   <div class="bg-white border-b border-gray-200">
@@ -231,10 +231,10 @@
   <!-- Footer -->
 
   <!-- Load Blog Post JavaScript -->
-  <script src="/js/blog-post.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/blog-post.js?v=0.1.2.1761705152090"></script>
 
   <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1761705152090"></script>
 
 </body>
 </html>
diff --git a/public/blog.html b/public/blog.html
index 7fda3665..635bfdce 100644
--- a/public/blog.html
+++ b/public/blog.html
@@ -28,8 +28,8 @@
   <!-- RSS Feed -->
   <link rel="alternate" type="application/rss+xml" title="Tractatus Blog RSS Feed" href="/api/blog/rss">
 
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761704420551">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761705152090">
   <style>
     /* Accessibility: Skip link */
     .skip-link { position: absolute; left: -9999px; top: 0; }
@@ -55,7 +55,7 @@
   <a href="#main-content" class="skip-link">Skip to main content</a>
 
   <!-- Navigation (injected by navbar.js) -->
-  <script src="/js/components/navbar.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1761705152090"></script>
 
   <!-- Hero Section -->
   <div class="bg-gradient-to-br from-indigo-50 to-blue-50 py-20">
@@ -265,14 +265,14 @@
 
   <!-- Footer -->
   <!-- Internationalization (must load first for footer translations) -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1761705152090"></script>
 
   <!-- Load Blog JavaScript -->
-  <script src="/js/blog.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/blog.js?v=0.1.2.1761705152090"></script>
 
   <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1761705152090"></script>
 
 </body>
 </html>
diff --git a/public/case-submission.html b/public/case-submission.html
index d7600aac..43c9b627 100644
--- a/public/case-submission.html
+++ b/public/case-submission.html
@@ -4,9 +4,9 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title data-i18n="page.title">Submit Case Study | Tractatus AI Safety</title>
-  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761704420551">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761705152090">
   <style>
     /* Accessibility: Skip link */
     .skip-link { position: absolute; left: -9999px; top: 0; }
@@ -83,8 +83,8 @@
   <a href="#main-content" class="skip-link">Skip to main content</a>
 
   <!-- Navigation (injected by navbar.js) -->
-  <script src="/js/components/navbar.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/i18n-simple.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1761705152090"></script>
 
   <!-- Main Content -->
   <main id="main-content" class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
@@ -223,11 +223,11 @@
   </main>
 
   <!-- Footer -->
-  <script src="/js/components/language-selector.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/case-submission.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/case-submission.js?v=0.1.2.1761705152090"></script>
 
   <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1761705152090"></script>
 
 </body>
 </html>
diff --git a/public/check-version.html b/public/check-version.html
index b1db9c1f..b347aa03 100644
--- a/public/check-version.html
+++ b/public/check-version.html
@@ -45,6 +45,6 @@
     </ol>
   </div>
 
-  <script src="/js/check-version.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/check-version.js?v=0.1.2.1761705152090"></script>
 </body>
 </html>
diff --git a/public/docs-viewer.html b/public/docs-viewer.html
index 28220975..e9d34e3e 100644
--- a/public/docs-viewer.html
+++ b/public/docs-viewer.html
@@ -4,8 +4,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Documentation - Tractatus Framework</title>
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761704420551">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761705152090">
   <style>
     /* Prose styling for document content */
     .prose h1 { @apply text-3xl font-bold mt-8 mb-4 text-gray-900; }
@@ -71,12 +71,12 @@
   </div>
 
   <!-- Scripts -->
-  <script src="/js/utils/api.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/utils/router.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/components/document-viewer.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/components/code-copy-button.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/components/toc.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/docs-viewer-app.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/utils/api.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/utils/router.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/components/document-viewer.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/components/code-copy-button.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/components/toc.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/docs-viewer-app.js?v=0.1.2.1761705152090"></script>
 
 </body>
 </html>
diff --git a/public/docs.html b/public/docs.html
index 631ac4d3..4f621b0b 100644
--- a/public/docs.html
+++ b/public/docs.html
@@ -24,9 +24,9 @@
   <link rel="preload" href="/fonts/inter-400.woff2" as="font" type="font/woff2" crossorigin>
   <link rel="preload" href="/fonts/inter-700.woff2" as="font" type="font/woff2" crossorigin>
 
-  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761704420551">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761705152090">
   <style>
     html { scroll-behavior: smooth; }
 
@@ -490,7 +490,7 @@
   <a href="#main-content" class="skip-link">Skip to main content</a>
 
   <!-- Navigation (injected by navbar.js) -->
-  <script src="/js/components/navbar.js?v=0.1.2.1761704420551" defer></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1761705152090" defer></script>
 
   <!-- Page Header -->
   <div class="bg-white border-b border-gray-200">
@@ -831,15 +831,15 @@
   </div>
 
   <!-- Version Management & PWA -->
-  <script src="/js/version-manager.js?v=0.1.2.1761704420551" defer></script>
+  <script src="/js/version-manager.js?v=0.1.2.1761705152090" defer></script>
 
-  <script src="/js/components/document-cards.js?v=0.1.2.1761704420551" defer></script>
-  <script src="/js/docs-app.js?v=0.1.2.1761704420551" defer></script>
-  <script src="/js/docs-search-enhanced.js?v=0.1.2.1761704420551" defer></script>
+  <script src="/js/components/document-cards.js?v=0.1.2.1761705152090" defer></script>
+  <script src="/js/docs-app.js?v=0.1.2.1761705152090" defer></script>
+  <script src="/js/docs-search-enhanced.js?v=0.1.2.1761705152090" defer></script>
 
   <!-- Internationalization -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1761704420551" defer></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1761704420551" defer></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1761705152090" defer></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1761705152090" defer></script>
 
 </body>
 </html>
diff --git a/public/faq.html b/public/faq.html
index deade20d..647901b2 100644
--- a/public/faq.html
+++ b/public/faq.html
@@ -18,21 +18,21 @@
   <meta name="apple-mobile-web-app-title" content="Tractatus">
   <link rel="apple-touch-icon" href="/images/tractatus-icon-new.svg">
 
-  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761704420551">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761705152090">
 
   <!-- Syntax highlighting for code blocks -->
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css?v=0.1.2.1761704420551">
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js?v=0.1.2.1761704420551"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/bash.min.js?v=0.1.2.1761704420551"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/javascript.min.js?v=0.1.2.1761704420551"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/json.min.js?v=0.1.2.1761704420551"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/yaml.min.js?v=0.1.2.1761704420551"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/python.min.js?v=0.1.2.1761704420551"></script>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css?v=0.1.2.1761705152090">
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js?v=0.1.2.1761705152090"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/bash.min.js?v=0.1.2.1761705152090"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/javascript.min.js?v=0.1.2.1761705152090"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/json.min.js?v=0.1.2.1761705152090"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/yaml.min.js?v=0.1.2.1761705152090"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/python.min.js?v=0.1.2.1761705152090"></script>
 
   <!-- Markdown parser -->
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/11.0.0/marked.min.js?v=0.1.2.1761704420551"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/11.0.0/marked.min.js?v=0.1.2.1761705152090"></script>
 
   <style>
     /* Accessibility: Skip link */
@@ -330,7 +330,7 @@
   <a href="#main-content" class="skip-link">Skip to main content</a>
 
   <!-- Navigation -->
-  <script src="/js/components/navbar.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1761705152090"></script>
 
   <!-- Hero -->
   <div class="bg-gradient-to-br from-blue-50 to-indigo-50 py-16">
@@ -635,16 +635,16 @@
   </div>
 
   <!-- Internationalization -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1761705152090"></script>
 
   <!-- Version Management & PWA -->
-  <script src="/js/version-manager.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/version-manager.js?v=0.1.2.1761705152090"></script>
 
-  <script src="/js/faq.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/faq.js?v=0.1.2.1761705152090"></script>
 
   <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1761705152090"></script>
 
 </body>
 </html>
diff --git a/public/implementer.html b/public/implementer.html
index b3582772..0c5bc6f8 100644
--- a/public/implementer.html
+++ b/public/implementer.html
@@ -9,9 +9,9 @@
   <link rel="manifest" href="/manifest.json">
   <meta name="theme-color" content="#3b82f6">
   <link rel="icon" type="image/svg+xml" href="/favicon-new.svg">
-  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761704420551">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761705152090">
   <style>
     .skip-link { position: absolute; left: -9999px; top: 0; }
     .skip-link:focus { left: 0; z-index: 100; background: white; padding: 1rem; border: 2px solid #3b82f6; }
@@ -57,7 +57,7 @@
 <body class="bg-gray-50">
 
   <a href="#main-content" class="skip-link">Skip to main content</a>
-  <script src="/js/components/navbar.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1761705152090"></script>
 
   <!-- Breadcrumb -->
   <nav class="bg-gray-50 border-b border-gray-200 py-3" aria-label="Breadcrumb">
@@ -1335,13 +1335,51 @@ const govResponse = await fetch(
   </div>
   </main>
 
+  <!-- Share CTA -->
+  <section class="bg-gray-100 py-12">
+    <div class="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-8">
+        <h2 class="text-2xl font-semibold text-gray-900 mb-3" data-i18n="share_cta.heading">
+          Help us reach the right people.
+        </h2>
+        <p class="text-gray-700 mb-6" data-i18n="share_cta.description">
+          If you know researchers, implementers, or leaders who need structural AI governance solutions, share this with them.
+        </p>
+        <div class="flex flex-wrap gap-3">
+          <button
+            data-action="copy-link"
+            class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium transition-colors shadow-sm"
+            data-i18n="share_cta.copy_link">
+            Copy Link
+          </button>
+          <button
+            data-action="email-share"
+            class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium transition-colors shadow-sm"
+            data-i18n="share_cta.email">
+            Email
+          </button>
+          <button
+            data-action="linkedin-share"
+            class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium transition-colors shadow-sm"
+            data-i18n="share_cta.linkedin">
+            LinkedIn
+          </button>
+        </div>
+      </div>
+    </div>
+  </section>
+
   <!-- Footer -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/scroll-animations.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/page-transitions.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/version-manager.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/components/footer.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/scroll-animations.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/page-transitions.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/version-manager.js?v=0.1.2.1761705152090"></script>
+
+  <!-- Share CTA functionality -->
+  <script src="/js/share-cta.js?v=0.1.2.1761705152090"></script>
+
+  <script src="/js/components/footer.js?v=0.1.2.1761705152090"></script>
 
 </body>
 </html>
diff --git a/public/index.html b/public/index.html
index 3f6ff143..fdbf61ce 100644
--- a/public/index.html
+++ b/public/index.html
@@ -20,10 +20,10 @@
   <link rel="icon" type="image/svg+xml" href="/favicon-new.svg">
 
   <!-- Fonts -->
-  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1761704420551">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1761705152090">
 
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761704420551">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761705152090">
   <style>
     .gradient-text { background: linear-gradient(120deg, #3b82f6 0%, #8b5cf6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
     .hover-lift { transition: transform 0.2s; }
@@ -52,7 +52,7 @@
 
   <!-- Navigation (injected by navbar.js) -->
   <div id="navbar-placeholder" class="min-h-16"></div>
-  <script src="/js/components/navbar.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1761705152090"></script>
 
   <!-- Hero Section -->
   <header role="banner">
@@ -416,23 +416,23 @@ Handles plural moral values without imposing hierarchy—facilitates human judgm
 
   <!-- Footer -->
   <!-- Version Management & PWA -->
-  <script src="/js/version-manager.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/version-manager.js?v=0.1.2.1761705152090"></script>
 
   <!-- Share CTA functionality -->
-  <script src="/js/share-cta.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/share-cta.js?v=0.1.2.1761705152090"></script>
 
   <!-- Internationalization -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1761705152090"></script>
 
   <!-- Scroll Animations (Phase 3) -->
-  <script src="/js/scroll-animations.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/scroll-animations.js?v=0.1.2.1761705152090"></script>
 
   <!-- Page Transitions (Phase 3) -->
-  <script src="/js/page-transitions.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/page-transitions.js?v=0.1.2.1761705152090"></script>
 
   <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1761705152090"></script>
 
 </body>
 </html>
diff --git a/public/koha.html b/public/koha.html
index 2925f2a4..9cab058a 100644
--- a/public/koha.html
+++ b/public/koha.html
@@ -5,8 +5,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Koha — Reciprocal Support | Tractatus AI Safety</title>
   <meta name="description" content="Join a relationship of mutual support for AI safety. Koha is reciprocal giving that maintains community bonds — your contribution sustains this work; our work serves you and the commons.">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761704420551">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761705152090">
   <style>
     .gradient-text { background: linear-gradient(120deg, #3b82f6 0%, #8b5cf6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
     .skip-link { position: absolute; left: -9999px; }
@@ -56,7 +56,7 @@
   <a href="#main-content" class="skip-link">Skip to main content</a>
 
   <!-- Navigation (injected by navbar.js) -->
-  <script src="/js/components/navbar.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1761705152090"></script>
 
   <!-- Main Content -->
   <main id="main-content" class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
@@ -385,17 +385,17 @@
   </main>
 
   <!-- Footer -->
-  <script src="/js/components/footer.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1761705152090"></script>
 
   <!-- Currency utilities and selector -->
-  <script src="/js/utils/currency.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/components/currency-selector.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/utils/currency.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/components/currency-selector.js?v=0.1.2.1761705152090"></script>
 
   <!-- Donation form functionality -->
-  <script src="/js/koha-donation.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/koha-donation.js?v=0.1.2.1761705152090"></script>
 
   <!-- Internationalization -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1761705152090"></script>
 </body>
 </html>
diff --git a/public/leader.html b/public/leader.html
index dd31eafc..7a99f398 100644
--- a/public/leader.html
+++ b/public/leader.html
@@ -17,9 +17,9 @@
   <link rel="apple-touch-icon" href="/images/tractatus-icon-new.svg">
 
   <link rel="icon" type="image/svg+xml" href="/favicon-new.svg">
-  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761704420551">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761705152090">
   <style>
     .hover-lift { transition: all 0.3s ease; }
     .hover-lift:hover { transform: translateY(-2px); }
@@ -68,7 +68,7 @@
 
   <a href="#main-content" class="skip-link">Skip to main content</a>
 
-  <script src="/js/components/navbar.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1761705152090"></script>
 
   <!-- Breadcrumb Navigation -->
   <nav class="bg-gray-50 border-b border-gray-200 py-3" aria-label="Breadcrumb">
@@ -665,22 +665,59 @@
 
   </div>
 
+  <!-- Share CTA -->
+  <section class="bg-gray-100 py-12">
+    <div class="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-8">
+        <h2 class="text-2xl font-semibold text-gray-900 mb-3" data-i18n="share_cta.heading">
+          Help us reach the right people.
+        </h2>
+        <p class="text-gray-700 mb-6" data-i18n="share_cta.description">
+          If you know researchers, implementers, or leaders who need structural AI governance solutions, share this with them.
+        </p>
+        <div class="flex flex-wrap gap-3">
+          <button
+            data-action="copy-link"
+            class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium transition-colors shadow-sm"
+            data-i18n="share_cta.copy_link">
+            Copy Link
+          </button>
+          <button
+            data-action="email-share"
+            class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium transition-colors shadow-sm"
+            data-i18n="share_cta.email">
+            Email
+          </button>
+          <button
+            data-action="linkedin-share"
+            class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium transition-colors shadow-sm"
+            data-i18n="share_cta.linkedin">
+            LinkedIn
+          </button>
+        </div>
+      </div>
+    </div>
+  </section>
+
   <!-- Footer -->
   <!-- Internationalization (must load first for footer translations) -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1761705152090"></script>
 
   <!-- Scroll Animations (Phase 3) -->
-  <script src="/js/scroll-animations.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/scroll-animations.js?v=0.1.2.1761705152090"></script>
   <!-- Page Transitions (Phase 3) -->
-  <script src="/js/page-transitions.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/page-transitions.js?v=0.1.2.1761705152090"></script>
 
   <!-- Version Management & PWA -->
-  <script src="/js/version-manager.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/leader-page.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/version-manager.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/leader-page.js?v=0.1.2.1761705152090"></script>
+
+  <!-- Share CTA functionality -->
+  <script src="/js/share-cta.js?v=0.1.2.1761705152090"></script>
 
   <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1761705152090"></script>
 
 </body>
 </html>
diff --git a/public/media-inquiry.html b/public/media-inquiry.html
index 75c6cb80..8e92269a 100644
--- a/public/media-inquiry.html
+++ b/public/media-inquiry.html
@@ -4,9 +4,9 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title data-i18n="page.title">Media Inquiry | Tractatus AI Safety</title>
-  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761704420551">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761705152090">
   <style>
     .form-group { margin-bottom: 1.5rem; }
     .form-label {
@@ -73,8 +73,8 @@
   <a href="#main-content" class="skip-link">Skip to main content</a>
 
   <!-- Navigation (injected by navbar.js) -->
-  <script src="/js/components/navbar.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/i18n-simple.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1761705152090"></script>
 
   <!-- Main Content -->
   <main id="main-content" class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
@@ -177,11 +177,11 @@
   </main>
 
   <!-- Footer -->
-  <script src="/js/components/language-selector.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/media-inquiry.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/media-inquiry.js?v=0.1.2.1761705152090"></script>
 
   <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1761705152090"></script>
 
 </body>
 </html>
diff --git a/public/privacy.html b/public/privacy.html
index b9f960ec..e0e16555 100644
--- a/public/privacy.html
+++ b/public/privacy.html
@@ -5,8 +5,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title data-i18n="meta.title">Privacy Policy | Tractatus AI Safety Framework</title>
   <meta name="description" content="Privacy policy for the Tractatus AI Safety Framework. Learn how we collect, use, and protect your data." data-i18n="meta.description">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761704420551">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761705152090">
   <style>
     .skip-link { position: absolute; left: -9999px; }
     .skip-link:focus { left: 0; z-index: 100; background: white; padding: 1rem; }
@@ -31,11 +31,11 @@
   <a href="#main-content" class="skip-link">Skip to main content</a>
 
   <!-- Navigation (injected by navbar.js) -->
-  <script src="/js/components/navbar.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1761705152090"></script>
 
   <!-- i18n Support -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1761705152090"></script>
 
   <!-- Main Content -->
   <main id="main-content" class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
@@ -325,7 +325,7 @@
   </main>
 
   <!-- Footer -->
-  <script src="/js/components/footer.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1761705152090"></script>
 
 </body>
 </html>
diff --git a/public/researcher.html b/public/researcher.html
index 42192e2a..41779155 100644
--- a/public/researcher.html
+++ b/public/researcher.html
@@ -17,9 +17,9 @@
   <link rel="apple-touch-icon" href="/images/tractatus-icon-new.svg">
 
   <link rel="icon" type="image/svg+xml" href="/favicon-new.svg">
-  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761704420551">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761704420551">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1761705152090">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1761705152090">
   <style>
     .skip-link { position: absolute; left: -9999px; }
     .skip-link:focus { left: 0; z-index: 100; background: white; padding: 1rem; }
@@ -74,7 +74,7 @@
     </div>
   </noscript>
 
-  <script src="/js/components/navbar.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1761705152090"></script>
 
   <!-- Breadcrumb Navigation -->
   <nav class="bg-gray-50 border-b border-gray-200 py-3" aria-label="Breadcrumb">
@@ -1148,22 +1148,59 @@
     </div>
   </div>
 
+  <!-- Share CTA -->
+  <section class="bg-gray-100 py-12">
+    <div class="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-8">
+        <h2 class="text-2xl font-semibold text-gray-900 mb-3" data-i18n="share_cta.heading">
+          Help us reach the right people.
+        </h2>
+        <p class="text-gray-700 mb-6" data-i18n="share_cta.description">
+          If you know researchers, implementers, or leaders who need structural AI governance solutions, share this with them.
+        </p>
+        <div class="flex flex-wrap gap-3">
+          <button
+            data-action="copy-link"
+            class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium transition-colors shadow-sm"
+            data-i18n="share_cta.copy_link">
+            Copy Link
+          </button>
+          <button
+            data-action="email-share"
+            class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium transition-colors shadow-sm"
+            data-i18n="share_cta.email">
+            Email
+          </button>
+          <button
+            data-action="linkedin-share"
+            class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2.5 rounded-lg font-medium transition-colors shadow-sm"
+            data-i18n="share_cta.linkedin">
+            LinkedIn
+          </button>
+        </div>
+      </div>
+    </div>
+  </section>
+
   <!-- Footer -->
   <!-- Internationalization (must load first for footer translations) -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1761705152090"></script>
 
   <!-- Scroll Animations (Phase 3) -->
-  <script src="/js/scroll-animations.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/scroll-animations.js?v=0.1.2.1761705152090"></script>
   <!-- Page Transitions (Phase 3) -->
-  <script src="/js/page-transitions.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/page-transitions.js?v=0.1.2.1761705152090"></script>
 
   <!-- Version Management & PWA -->
-  <script src="/js/version-manager.js?v=0.1.2.1761704420551"></script>
-  <script src="/js/researcher-page.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/version-manager.js?v=0.1.2.1761705152090"></script>
+  <script src="/js/researcher-page.js?v=0.1.2.1761705152090"></script>
+
+  <!-- Share CTA functionality -->
+  <script src="/js/share-cta.js?v=0.1.2.1761705152090"></script>
 
   <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1761704420551"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1761705152090"></script>
 
 </body>
 </html>
diff --git a/public/version.json b/public/version.json
index d7e0e0d9..5f8313ed 100644
--- a/public/version.json
+++ b/public/version.json
@@ -1,6 +1,6 @@
 {
   "version": "0.1.3",
-  "buildDate": "2025-10-29T02:20:20.557Z",
+  "buildDate": "2025-10-29T02:32:32.096Z",
   "changelog": [
     "About: Changed CTA from 'Join the Movement' to 'Share With Those Who Need to Know'",
     "About: Updated messaging to emphasize amplification over passive consumption",