diff --git a/public/about.html b/public/about.html
index e95340af..fdb03555 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.1770451093421">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
   <style>
     /* Accessibility: Skip link */
     .skip-link { position: absolute; left: -9999px; top: 0; }
@@ -29,7 +29,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.1770451093421"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1770452675442"></script>
 
   <!-- Breadcrumb Navigation -->
   <nav class="bg-gray-50 border-b border-gray-200 py-3" aria-label="Breadcrumb">
@@ -314,22 +314,22 @@
   <!-- Footer -->
   <!-- Footer -->
   <!-- Internationalization -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1770452675442"></script>
 
   <!-- Scroll Animations (Phase 3) -->
-  <script src="/js/scroll-animations.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/scroll-animations.js?v=0.1.2.1770452675442"></script>
   <!-- Page Transitions (Phase 3) -->
-  <script src="/js/page-transitions.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/page-transitions.js?v=0.1.2.1770452675442"></script>
 
   <!-- Share CTA functionality -->
-  <script src="/js/share-cta.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/share-cta.js?v=0.1.2.1770452675442"></script>
 
   <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1770452675442"></script>
 
   <!-- Feedback System (Governed by Tractatus + Agent Lightning) -->
-  <script src="/js/components/feedback.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/feedback.js?v=0.1.2.1770452675442"></script>
 
 </body>
 </html>
diff --git a/public/admin/dashboard.html b/public/admin/dashboard.html
index 0e7350fd..975e75a7 100644
--- a/public/admin/dashboard.html
+++ b/public/admin/dashboard.html
@@ -4,15 +4,15 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Admin Dashboard | Tractatus Framework</title>
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
-  <script defer src="/js/admin/auth-check.js?v=0.1.2.1770451093421"></script>
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
+  <script defer src="/js/admin/auth-check.js?v=0.1.2.1770452675442"></script>
 </head>
 <body class="bg-gray-50">
 
   <!-- Navigation -->
   <div id="admin-navbar" data-page-title="Dashboard" data-page-icon="dashboard"></div>
-  <script src="/js/components/navbar-admin.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/navbar-admin.js?v=0.1.2.1770452675442"></script>
 
   <!-- Main Content -->
   <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
@@ -225,7 +225,7 @@
   <!-- Modals -->
   <div id="modal-container"></div>
 
-  <script src="/js/admin/dashboard.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/admin/dashboard.js?v=0.1.2.1770452675442"></script>
 
 </body>
 </html>
diff --git a/public/api-reference.html b/public/api-reference.html
index 67951813..2d171eea 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.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
   <style>
     .endpoint-badge {
       @apply inline-block px-2 py-1 rounded text-xs font-mono font-semibold;
@@ -871,7 +871,7 @@
 
   <!-- Footer -->
     <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1770452675442"></script>
 
 </body>
 </html>
diff --git a/public/architectural-alignment-community.html b/public/architectural-alignment-community.html
index 310f2e30..607e006b 100644
--- a/public/architectural-alignment-community.html
+++ b/public/architectural-alignment-community.html
@@ -25,9 +25,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.1770451093421">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
 
   <style>
     .article-container { max-width: 800px; margin: 0 auto; padding: 2rem 1.5rem 4rem; }
@@ -75,7 +75,7 @@
 <body class="bg-white">
 
   <!-- Navigation -->
-  <script src="/js/components/navbar.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1770452675442"></script>
 
   <article class="article-container">
     <header class="article-header">
@@ -445,7 +445,7 @@
   </article>
 
   <!-- Footer -->
-  <script src="/js/components/footer.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1770452675442"></script>
 
 </body>
 </html>
diff --git a/public/architectural-alignment-policymakers.html b/public/architectural-alignment-policymakers.html
index 9ac5a029..9c33c52c 100644
--- a/public/architectural-alignment-policymakers.html
+++ b/public/architectural-alignment-policymakers.html
@@ -25,9 +25,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.1770451093421">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
 
   <style>
     .article-container { max-width: 800px; margin: 0 auto; padding: 2rem 1.5rem 4rem; }
@@ -75,7 +75,7 @@
 <body class="bg-white">
 
   <!-- Navigation -->
-  <script src="/js/components/navbar.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1770452675442"></script>
 
   <article class="article-container">
     <header class="article-header">
@@ -480,7 +480,7 @@
   </article>
 
   <!-- Footer -->
-  <script src="/js/components/footer.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1770452675442"></script>
 
 </body>
 </html>
diff --git a/public/architectural-alignment.html b/public/architectural-alignment.html
index 1b7c1706..bb617d9c 100644
--- a/public/architectural-alignment.html
+++ b/public/architectural-alignment.html
@@ -25,9 +25,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.1770451093421">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
 
   <style>
     .article-container { max-width: 800px; margin: 0 auto; padding: 2rem 1.5rem 4rem; }
@@ -74,7 +74,7 @@
 <body class="bg-white">
 
   <!-- Navigation -->
-  <script src="/js/components/navbar.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1770452675442"></script>
 
   <article class="article-container">
     <header class="article-header">
@@ -450,7 +450,7 @@
   </article>
 
   <!-- Footer -->
-  <script src="/js/components/footer.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1770452675442"></script>
 
 </body>
 </html>
diff --git a/public/architecture.html b/public/architecture.html
index e61d7bf6..e88cf15d 100644
--- a/public/architecture.html
+++ b/public/architecture.html
@@ -25,9 +25,9 @@
   <meta name="twitter:image" content="https://agenticgovernance.digital/images/social-preview.png">
 
   <link rel="icon" type="image/svg+xml" href="/favicon-new.svg">
-  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1770451093421">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
   <style>
     .skip-link { position: absolute; left: -9999px; }
     .skip-link:focus { left: 0; z-index: 100; background: white; padding: 1rem; }
@@ -51,7 +51,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.1770451093421" defer></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1770452675442" defer></script>
 
   <!-- Breadcrumb Navigation -->
   <nav class="bg-gray-50 border-b border-gray-200 py-3" aria-label="Breadcrumb">
@@ -1013,24 +1013,24 @@
 
   <!-- Footer -->
   <!-- Internationalization -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1770451093421" defer></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1770451093421" defer></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1770452675442" defer></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1770452675442" defer></script>
 
   <!-- Scroll Animations (Phase 3) -->
-  <script src="/js/scroll-animations.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/scroll-animations.js?v=0.1.2.1770452675442"></script>
   <!-- Page Transitions (Phase 3) -->
-  <script src="/js/page-transitions.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/page-transitions.js?v=0.1.2.1770452675442"></script>
 
 
   <!-- Interactive Architecture Diagram (Phase 3) -->
-  <script src="/js/components/interactive-diagram.js?v=0.1.2.1770451093421" defer></script>
+  <script src="/js/components/interactive-diagram.js?v=0.1.2.1770452675442" defer></script>
 
   <!-- Data Visualizations (Phase 3) -->
-  <script src="/js/components/pressure-chart.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/components/activity-timeline.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/pressure-chart.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/components/activity-timeline.js?v=0.1.2.1770452675442"></script>
 
   <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1770452675442"></script>
 
 </body>
 </html>
diff --git a/public/blog-post.html b/public/blog-post.html
index 0cdfaad3..27660215 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.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
   <style>
     /* Accessibility: Skip link */
     .skip-link { position: absolute; left: -9999px; top: 0; }
@@ -120,7 +120,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.1770451093421"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1770452675442"></script>
 
   <!-- Breadcrumb -->
   <div class="bg-white border-b border-gray-200">
@@ -228,10 +228,10 @@
   <!-- Footer -->
 
   <!-- Load Blog Post JavaScript -->
-  <script src="/js/blog-post.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/blog-post.js?v=0.1.2.1770452675442"></script>
 
   <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1770452675442"></script>
 
 </body>
 </html>
diff --git a/public/blog.html b/public/blog.html
index 0739d514..dba232b4 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.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
   <style>
     /* Accessibility: Skip link */
     .skip-link { position: absolute; left: -9999px; top: 0; }
@@ -52,7 +52,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.1770451093421"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1770452675442"></script>
 
   <!-- Hero Section -->
   <div class="bg-gradient-to-br from-indigo-50 to-blue-50 py-20">
@@ -262,14 +262,14 @@
 
   <!-- Footer -->
   <!-- Internationalization (must load first for footer translations) -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1770452675442"></script>
 
   <!-- Load Blog JavaScript -->
-  <script src="/js/blog.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/blog.js?v=0.1.2.1770452675442"></script>
 
   <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1770452675442"></script>
 
 </body>
 </html>
diff --git a/public/case-submission.html b/public/case-submission.html
index 44f16145..22aec8f4 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.1770451093421">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
   <style>
     /* Accessibility: Skip link */
     .skip-link { position: absolute; left: -9999px; top: 0; }
@@ -80,8 +80,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.1770451093421"></script>
-  <script src="/js/i18n-simple.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1770452675442"></script>
 
   <!-- Main Content -->
   <main id="main-content" class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
@@ -220,11 +220,11 @@
   </main>
 
   <!-- Footer -->
-  <script src="/js/components/language-selector.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/case-submission.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/case-submission.js?v=0.1.2.1770452675442"></script>
 
   <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1770452675442"></script>
 
 </body>
 </html>
diff --git a/public/check-version.html b/public/check-version.html
index 47ad6d39..1685ce57 100644
--- a/public/check-version.html
+++ b/public/check-version.html
@@ -42,6 +42,6 @@
     </ol>
   </div>
 
-  <script src="/js/check-version.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/check-version.js?v=0.1.2.1770452675442"></script>
 </body>
 </html>
diff --git a/public/docs-viewer.html b/public/docs-viewer.html
index 02cb1571..1b8492df 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.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
   <style>
     /* Prose styling for document content */
     .prose h1 { @apply text-3xl font-bold mt-8 mb-4 text-gray-900; }
@@ -68,12 +68,12 @@
   </div>
 
   <!-- Scripts -->
-  <script src="/js/utils/api.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/utils/router.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/components/document-viewer.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/components/code-copy-button.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/components/toc.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/docs-viewer-app.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/utils/api.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/utils/router.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/components/document-viewer.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/components/code-copy-button.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/components/toc.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/docs-viewer-app.js?v=0.1.2.1770452675442"></script>
 
 </body>
 </html>
diff --git a/public/docs.html b/public/docs.html
index f5ab73de..338f2fb8 100644
--- a/public/docs.html
+++ b/public/docs.html
@@ -42,9 +42,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.1770451093421">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
   <style>
     html { scroll-behavior: smooth; }
 
@@ -505,7 +505,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.1770451093421" defer></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1770452675442" defer></script>
 
   <!-- Page Header -->
   <div class="bg-white border-b border-gray-200">
@@ -887,15 +887,15 @@
 
   <!-- Version Management & PWA -->
 
-  <script src="/js/version-manager.js?v=0.1.2.1770451093421" defer></script>
+  <script src="/js/version-manager.js?v=0.1.2.1770452675442" defer></script>
 
-  <script src="/js/components/document-cards.js?v=0.1.2.1770451093421" defer></script>
-  <script src="/js/docs-app.js?v=0.1.2.1770451093421" defer></script>
-  <script src="/js/docs-search-enhanced.js?v=0.1.2.1770451093421" defer></script>
+  <script src="/js/components/document-cards.js?v=0.1.2.1770452675442" defer></script>
+  <script src="/js/docs-app.js?v=0.1.2.1770452675442" defer></script>
+  <script src="/js/docs-search-enhanced.js?v=0.1.2.1770452675442" defer></script>
 
   <!-- Internationalization -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1770451093421" defer></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1770451093421" defer></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1770452675442" defer></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1770452675442" defer></script>
 
 </body>
 </html>
diff --git a/public/faq.html b/public/faq.html
index 99a90ac2..8c87662c 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.1770451093421">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
 
   <!-- 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.1770451093421">
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js?v=0.1.2.1770451093421"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/bash.min.js?v=0.1.2.1770451093421"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/javascript.min.js?v=0.1.2.1770451093421"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/json.min.js?v=0.1.2.1770451093421"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/yaml.min.js?v=0.1.2.1770451093421"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/python.min.js?v=0.1.2.1770451093421"></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.1770452675442">
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js?v=0.1.2.1770452675442"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/bash.min.js?v=0.1.2.1770452675442"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/javascript.min.js?v=0.1.2.1770452675442"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/json.min.js?v=0.1.2.1770452675442"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/yaml.min.js?v=0.1.2.1770452675442"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/python.min.js?v=0.1.2.1770452675442"></script>
 
   <!-- Markdown parser -->
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/11.0.0/marked.min.js?v=0.1.2.1770451093421"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/11.0.0/marked.min.js?v=0.1.2.1770452675442"></script>
 
   <style>
     /* Accessibility: Skip link */
@@ -327,7 +327,7 @@
   <a href="#main-content" class="skip-link">Skip to main content</a>
 
   <!-- Navigation -->
-  <script src="/js/components/navbar.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1770452675442"></script>
 
   <!-- Hero -->
   <div class="bg-gradient-to-br from-blue-50 to-indigo-50 py-16">
@@ -632,17 +632,17 @@
   </div>
 
   <!-- Internationalization -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1770452675442"></script>
 
   <!-- Version Management & PWA -->
 
-  <script src="/js/version-manager.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/version-manager.js?v=0.1.2.1770452675442"></script>
 
-  <script src="/js/faq.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/faq.js?v=0.1.2.1770452675442"></script>
 
   <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1770452675442"></script>
 
 </body>
 </html>
diff --git a/public/home-ai.html b/public/home-ai.html
index 7c6b1b49..813b39a8 100644
--- a/public/home-ai.html
+++ b/public/home-ai.html
@@ -19,9 +19,9 @@
   <meta name="twitter:image" content="https://agenticgovernance.digital/images/social-preview.png">
 
   <link rel="icon" type="image/svg+xml" href="/favicon-new.svg">
-  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1770451093421">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
   <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; }
@@ -36,7 +36,7 @@
 
   <!-- Navigation -->
   <div id="navbar-placeholder" class="min-h-16"></div>
-  <script src="/js/components/navbar.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1770452675442"></script>
 
   <!-- Breadcrumb -->
   <nav class="bg-gray-50 border-b border-gray-200 py-3" aria-label="Breadcrumb">
@@ -664,12 +664,12 @@
   </main>
 
   <!-- Footer & Scripts -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/scroll-animations.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/page-transitions.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/components/footer.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/components/feedback.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/scroll-animations.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/page-transitions.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/components/feedback.js?v=0.1.2.1770452675442"></script>
 
 </body>
 </html>
diff --git a/public/implementer.html b/public/implementer.html
index 7317bd81..a3d5a593 100644
--- a/public/implementer.html
+++ b/public/implementer.html
@@ -27,9 +27,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.1770451093421">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
   <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; }
@@ -72,7 +72,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.1770451093421"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1770452675442"></script>
 
   <!-- Breadcrumb -->
   <nav class="bg-gray-50 border-b border-gray-200 py-3" aria-label="Breadcrumb">
@@ -1693,23 +1693,23 @@ for user_message in conversation:
   </section>
 
   <!-- Footer -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/scroll-animations.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/page-transitions.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/scroll-animations.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/page-transitions.js?v=0.1.2.1770452675442"></script>
 
-  <script src="/js/version-manager.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/version-manager.js?v=0.1.2.1770452675442"></script>
 
   <!-- Share CTA functionality -->
-  <script src="/js/share-cta.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/share-cta.js?v=0.1.2.1770452675442"></script>
 
-  <script src="/js/components/footer.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1770452675442"></script>
 
   <!-- Feedback System (Governed by Tractatus + Agent Lightning) -->
-  <script src="/js/components/feedback.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/feedback.js?v=0.1.2.1770452675442"></script>
 
   <!-- Newsletter Subscription Modal -->
-  <script src="/js/components/newsletter.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/newsletter.js?v=0.1.2.1770452675442"></script>
 
 </body>
 </html>
diff --git a/public/index.html b/public/index.html
index 5587c292..8643a3e1 100644
--- a/public/index.html
+++ b/public/index.html
@@ -33,9 +33,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.1770451093421">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
   <style>
     .skip-link { position: absolute; left: -9999px; }
     .skip-link:focus { left: 0; z-index: 100; background: white; padding: 1rem; }
@@ -53,7 +53,7 @@
 
   <!-- Navigation -->
   <div id="navbar-placeholder" class="min-h-16"></div>
-  <script src="/js/components/navbar.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1770452675442"></script>
 
   <!-- Hero Section -->
   <header role="banner">
@@ -66,19 +66,21 @@
                  width="256" height="256" class="w-32 h-32 md:w-44 md:h-44"
                  loading="eager">
           </div>
-          <h1 class="text-4xl md:text-5xl font-bold mb-4 tracking-tight text-shadow-md">
+          <h1 class="text-4xl md:text-5xl font-bold mb-4 tracking-tight text-shadow-md" data-i18n="hero.title">
             Architectural Governance for AI Systems
           </h1>
-          <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto leading-relaxed text-shadow-sm">
+          <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto leading-relaxed text-shadow-sm" data-i18n="hero.subtitle">
             Some decisions require human judgment &mdash; architecturally enforced, not left to AI discretion, however well trained.
           </p>
           <div class="flex flex-col sm:flex-row gap-4 justify-center">
             <a href="/architectural-alignment.html"
-               class="inline-block px-8 py-3 rounded-lg font-semibold transition-all duration-300 bg-white text-blue-700 hover:shadow-lg hover:-translate-y-1">
+               class="inline-block px-8 py-3 rounded-lg font-semibold transition-all duration-300 bg-white text-blue-700 hover:shadow-lg hover:-translate-y-1"
+               data-i18n="hero.cta_research">
               Read the Research
             </a>
             <a href="/village-case-study.html"
-               class="inline-block px-8 py-3 rounded-lg font-semibold transition-all duration-300 bg-emerald-500 text-white hover:bg-emerald-600 hover:shadow-lg hover:-translate-y-1">
+               class="inline-block px-8 py-3 rounded-lg font-semibold transition-all duration-300 bg-emerald-500 text-white hover:bg-emerald-600 hover:shadow-lg hover:-translate-y-1"
+               data-i18n="hero.cta_production">
               See It in Production
             </a>
           </div>
@@ -92,35 +94,35 @@
   <!-- Section 1: The Problem -->
   <section class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-16 md:py-20">
     <div class="text-center mb-10">
-      <h2 class="text-2xl font-bold text-gray-900 mb-4">The Problem</h2>
+      <h2 class="text-2xl font-bold text-gray-900 mb-4" data-i18n="problem.heading">The Problem</h2>
     </div>
     <div class="bg-white rounded-xl shadow-md p-8 md:p-10 border border-gray-200">
       <div class="max-w-3xl mx-auto">
-        <p class="text-gray-700 text-base mb-6 leading-relaxed">
-          Current AI safety approaches rely on training, fine-tuning, and corporate governance &mdash; all of which can fail, drift, or be overridden. When an AI's training patterns conflict with a user's explicit instructions, the patterns win.
+        <p class="text-gray-700 text-base mb-6 leading-relaxed" data-i18n="problem.intro">
+          Current AI safety approaches rely on training, fine-tuning, and corporate governance &mdash; all of which can fail, drift, or be overridden. When an AI&rsquo;s training patterns conflict with a user&rsquo;s explicit instructions, the patterns win.
         </p>
         <div class="bg-red-50 border-l-4 border-red-500 p-6 rounded-r-lg mb-6">
-          <h3 class="text-lg font-bold text-red-900 mb-3">The 27027 Incident</h3>
-          <p class="text-red-800">
-            A user told Claude Code to use port 27027. The model used 27017 instead &mdash; not from forgetting, but because MongoDB's default port is 27017, and the model's statistical priors "autocorrected" the explicit instruction. Training pattern bias overrode human intent.
+          <h3 class="text-lg font-bold text-red-900 mb-3" data-i18n="problem.incident_title">The 27027 Incident</h3>
+          <p class="text-red-800" data-i18n="problem.incident_text">
+            A user told Claude Code to use port 27027. The model used 27017 instead &mdash; not from forgetting, but because MongoDB&rsquo;s default port is 27017, and the model&rsquo;s statistical priors &ldquo;autocorrected&rdquo; the explicit instruction. Training pattern bias overrode human intent.
           </p>
         </div>
         <div class="bg-indigo-50 border-l-4 border-indigo-500 p-6 rounded-r-lg mb-6">
-          <h3 class="text-lg font-bold text-indigo-900 mb-3">From Code to Conversation: The Same Mechanism</h3>
-          <p class="text-indigo-800 mb-4">
+          <h3 class="text-lg font-bold text-indigo-900 mb-3" data-i18n="problem.corollary_title">From Code to Conversation: The Same Mechanism</h3>
+          <p class="text-indigo-800 mb-4" data-i18n="problem.corollary_p1">
             In code, this bias produces measurable failures &mdash; wrong port, connection refused, incident logged in 14.7ms. But the same architectural flaw operates in every AI conversation, where it is far harder to detect.
           </p>
-          <p class="text-indigo-800 mb-4">
+          <p class="text-indigo-800 mb-4" data-i18n="problem.corollary_p2">
             When a user from a collectivist culture asks for family advice, the model defaults to Western individualist framing &mdash; because that is what 95% of the training data reflects. When a M&#257;ori user asks about data guardianship, the model offers property-rights language instead of <em>kaitiakitanga</em>. When someone asks about end-of-life decisions, the model defaults to utilitarian calculus rather than the user&rsquo;s religious or cultural framework.
           </p>
-          <p class="text-indigo-800 mb-3">
+          <p class="text-indigo-800 mb-3" data-i18n="problem.corollary_p3">
             The mechanism is identical: training data distributions override the user&rsquo;s actual context. In code, the failure is binary and detectable. In conversation, it is gradient and invisible &mdash; culturally inappropriate advice looks like &ldquo;good advice&rdquo; to the system, and often to the user. There is no CrossReferenceValidator catching it in 14.7ms.
           </p>
-          <a href="/docs.html?doc=pattern-bias-from-code-to-conversation" class="text-indigo-700 font-semibold hover:text-indigo-900 transition text-sm">
+          <a href="/docs.html?doc=pattern-bias-from-code-to-conversation" class="text-indigo-700 font-semibold hover:text-indigo-900 transition text-sm" data-i18n="problem.corollary_link">
             Read the full analysis &rarr;
           </a>
         </div>
-        <p class="text-gray-700 leading-relaxed">
+        <p class="text-gray-700 leading-relaxed" data-i18n="problem.closing">
           This is not an edge case, and it is not limited to code. It is a category of failure that gets worse as models become more capable: stronger patterns produce more confident overrides &mdash; whether the override substitutes a port number or a value system. Safety through training alone is insufficient. The failure mode is structural, it operates across every domain where AI acts, and the solution must be structural.
         </p>
       </div>
@@ -131,34 +133,34 @@
   <section class="bg-gradient-to-br from-purple-50 via-blue-50 to-teal-50 py-16 md:py-20 border-y border-gray-200">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
       <div class="text-center mb-10">
-        <h2 class="text-2xl font-bold text-gray-900 mb-4">The Approach</h2>
-        <p class="text-base text-gray-600 max-w-3xl mx-auto">
+        <h2 class="text-2xl font-bold text-gray-900 mb-4" data-i18n="approach.heading">The Approach</h2>
+        <p class="text-base text-gray-600 max-w-3xl mx-auto" data-i18n="approach.subtitle">
           Tractatus draws on four intellectual traditions, each contributing a distinct insight to the architecture.
         </p>
       </div>
 
       <div class="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-5xl mx-auto">
         <div class="bg-white rounded-lg p-6 shadow-sm border border-gray-200">
-          <h3 class="text-lg font-bold text-gray-900 mb-3">Isaiah Berlin &mdash; Value Pluralism</h3>
-          <p class="text-gray-700 text-sm leading-relaxed">
-            Some values are genuinely incommensurable. You cannot rank "privacy" against "safety" on a single scale without imposing one community's priorities on everyone else. AI systems must accommodate plural moral frameworks, not flatten them.
+          <h3 class="text-lg font-bold text-gray-900 mb-3" data-i18n="approach.berlin_title">Isaiah Berlin &mdash; Value Pluralism</h3>
+          <p class="text-gray-700 text-sm leading-relaxed" data-i18n="approach.berlin_text">
+            Some values are genuinely incommensurable. You cannot rank &ldquo;privacy&rdquo; against &ldquo;safety&rdquo; on a single scale without imposing one community&rsquo;s priorities on everyone else. AI systems must accommodate plural moral frameworks, not flatten them.
           </p>
         </div>
         <div class="bg-white rounded-lg p-6 shadow-sm border border-gray-200">
-          <h3 class="text-lg font-bold text-gray-900 mb-3">Ludwig Wittgenstein &mdash; The Limits of the Sayable</h3>
-          <p class="text-gray-700 text-sm leading-relaxed">
+          <h3 class="text-lg font-bold text-gray-900 mb-3" data-i18n="approach.wittgenstein_title">Ludwig Wittgenstein &mdash; The Limits of the Sayable</h3>
+          <p class="text-gray-700 text-sm leading-relaxed" data-i18n="approach.wittgenstein_text">
             Some decisions can be systematised and delegated to AI; others &mdash; involving values, ethics, cultural context &mdash; fundamentally cannot. The boundary between the &ldquo;sayable&rdquo; (what can be specified, measured, verified) and what lies beyond it is the framework&rsquo;s foundational constraint. What cannot be systematised must not be automated.
           </p>
         </div>
         <div class="bg-white rounded-lg p-6 shadow-sm border border-gray-200">
-          <h3 class="text-lg font-bold text-gray-900 mb-3">Te Tiriti o Waitangi &mdash; Indigenous Sovereignty</h3>
-          <p class="text-gray-700 text-sm leading-relaxed">
+          <h3 class="text-lg font-bold text-gray-900 mb-3" data-i18n="approach.tiriti_title">Te Tiriti o Waitangi &mdash; Indigenous Sovereignty</h3>
+          <p class="text-gray-700 text-sm leading-relaxed" data-i18n="approach.tiriti_text">
             Communities should control their own data and the systems that act upon it. Concepts of <em>rangatiratanga</em> (self-determination), <em>kaitiakitanga</em> (guardianship), and <em>mana</em> (dignity) provide centuries-old prior art for digital sovereignty.
           </p>
         </div>
         <div class="bg-white rounded-lg p-6 shadow-sm border border-gray-200">
-          <h3 class="text-lg font-bold text-gray-900 mb-3">Christopher Alexander &mdash; Living Architecture</h3>
-          <p class="text-gray-700 text-sm leading-relaxed">
+          <h3 class="text-lg font-bold text-gray-900 mb-3" data-i18n="approach.alexander_title">Christopher Alexander &mdash; Living Architecture</h3>
+          <p class="text-gray-700 text-sm leading-relaxed" data-i18n="approach.alexander_text">
             Governance woven into system architecture, not bolted on. Five principles (Not-Separateness, Deep Interlock, Gradients, Structure-Preserving, Living Process) guide how the framework evolves while maintaining coherence.
           </p>
         </div>
@@ -170,7 +172,7 @@
           <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
           </svg>
-          Download: The Philosophical Foundations of the Village Project (PDF)
+          <span data-i18n="approach.download_pdf">Download: The Philosophical Foundations of the Village Project (PDF)</span>
         </a>
       </div>
     </div>
@@ -180,8 +182,8 @@
   <section class="bg-white py-16 md:py-20">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
       <div class="text-center mb-10">
-        <h2 class="text-2xl font-bold text-gray-900 mb-4">Six Governance Services</h2>
-        <p class="text-base text-gray-600 max-w-3xl mx-auto">
+        <h2 class="text-2xl font-bold text-gray-900 mb-4" data-i18n="services.heading">Six Governance Services</h2>
+        <p class="text-base text-gray-600 max-w-3xl mx-auto" data-i18n="services.subtitle">
           Every AI action passes through six external services before execution. Governance operates in the critical path &mdash; bypasses require explicit flags and are logged.
         </p>
       </div>
@@ -194,7 +196,7 @@
             </svg>
           </div>
           <h3 class="text-lg font-semibold text-gray-900 mb-3">BoundaryEnforcer</h3>
-          <p class="text-gray-600 text-sm">
+          <p class="text-gray-600 text-sm" data-i18n="services.boundary_desc">
             Blocks AI from making values decisions. Privacy trade-offs, ethical questions, and cultural context require human judgment &mdash; architecturally enforced.
           </p>
         </div>
@@ -206,7 +208,7 @@
             </svg>
           </div>
           <h3 class="text-lg font-semibold text-gray-900 mb-3">InstructionPersistenceClassifier</h3>
-          <p class="text-gray-600 text-sm">
+          <p class="text-gray-600 text-sm" data-i18n="services.instruction_desc">
             Classifies instructions by persistence (HIGH/MEDIUM/LOW) and quadrant. Stores them externally so they cannot be overridden by training patterns.
           </p>
         </div>
@@ -218,7 +220,7 @@
             </svg>
           </div>
           <h3 class="text-lg font-semibold text-gray-900 mb-3">CrossReferenceValidator</h3>
-          <p class="text-gray-600 text-sm">
+          <p class="text-gray-600 text-sm" data-i18n="services.validator_desc">
             Validates AI actions against stored instructions. When the AI proposes an action that conflicts with an explicit instruction, the instruction takes precedence.
           </p>
         </div>
@@ -230,7 +232,7 @@
             </svg>
           </div>
           <h3 class="text-lg font-semibold text-gray-900 mb-3">ContextPressureMonitor</h3>
-          <p class="text-gray-600 text-sm">
+          <p class="text-gray-600 text-sm" data-i18n="services.pressure_desc">
             Detects degraded operating conditions (token pressure, error rates, complexity) and adjusts verification intensity. Graduated response prevents both alert fatigue and silent degradation.
           </p>
         </div>
@@ -242,7 +244,7 @@
             </svg>
           </div>
           <h3 class="text-lg font-semibold text-gray-900 mb-3">MetacognitiveVerifier</h3>
-          <p class="text-gray-600 text-sm">
+          <p class="text-gray-600 text-sm" data-i18n="services.metacognitive_desc">
             AI self-checks alignment, coherence, and safety before execution. Triggered selectively on complex operations to avoid overhead on routine tasks.
           </p>
         </div>
@@ -254,7 +256,7 @@
             </svg>
           </div>
           <h3 class="text-lg font-semibold text-gray-900 mb-3">PluralisticDeliberationOrchestrator</h3>
-          <p class="text-gray-600 text-sm">
+          <p class="text-gray-600 text-sm" data-i18n="services.deliberation_desc">
             When AI encounters values conflicts, it halts and coordinates deliberation among affected stakeholders rather than making autonomous choices.
           </p>
         </div>
@@ -262,7 +264,7 @@
 
       <div class="text-center mt-8">
         <a href="/architecture.html" class="inline-block px-8 py-3 text-blue-600 font-semibold hover:bg-blue-50 rounded-lg transition">
-          See the full architecture &rarr;
+          <span data-i18n="services.cta">See the full architecture &rarr;</span>
         </a>
       </div>
     </div>
@@ -272,9 +274,9 @@
   <section class="bg-gradient-to-r from-teal-700 to-emerald-700 text-white py-16 md:py-20">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
       <div class="text-center mb-10">
-        <span class="inline-block bg-teal-900 text-teal-200 px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wide mb-3">Production Evidence</span>
-        <h2 class="text-2xl font-bold mb-4">Tractatus in Production: The Village Platform</h2>
-        <p class="text-base text-teal-100 max-w-3xl mx-auto">
+        <span class="inline-block bg-teal-900 text-teal-200 px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wide mb-3" data-i18n="evidence.badge">Production Evidence</span>
+        <h2 class="text-2xl font-bold mb-4" data-i18n="evidence.heading">Tractatus in Production: The Village Platform</h2>
+        <p class="text-base text-teal-100 max-w-3xl mx-auto" data-i18n="evidence.subtitle">
           Home AI applies all six governance services to every user interaction in a live community platform.
         </p>
       </div>
@@ -282,32 +284,33 @@
       <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
         <div class="bg-white/10 backdrop-blur rounded-lg p-6 text-center">
           <div class="text-3xl font-bold mb-2">6</div>
-          <div class="text-teal-200 text-sm">Governance services per response</div>
+          <div class="text-teal-200 text-sm" data-i18n="evidence.stat_services">Governance services per response</div>
         </div>
         <div class="bg-white/10 backdrop-blur rounded-lg p-6 text-center">
           <div class="text-3xl font-bold mb-2">11+</div>
-          <div class="text-teal-200 text-sm">Months in production</div>
+          <div class="text-teal-200 text-sm" data-i18n="evidence.stat_months">Months in production</div>
         </div>
         <div class="bg-white/10 backdrop-blur rounded-lg p-6 text-center">
           <div class="text-3xl font-bold mb-2">~5%</div>
-          <div class="text-teal-200 text-sm">Governance overhead per interaction</div>
+          <div class="text-teal-200 text-sm" data-i18n="evidence.stat_overhead">Governance overhead per interaction</div>
         </div>
       </div>
 
       <div class="flex flex-wrap gap-4 justify-center mb-8">
         <a href="/village-case-study.html"
            class="inline-block bg-white text-teal-700 px-8 py-3 rounded-lg font-semibold hover:shadow-lg transition">
-          Technical Case Study &rarr;
+          <span data-i18n="evidence.cta_case_study">Technical Case Study &rarr;</span>
         </a>
         <a href="/home-ai.html"
-           class="inline-block bg-teal-900 text-white px-8 py-3 rounded-lg font-semibold hover:bg-teal-800 transition border border-teal-500">
+           class="inline-block bg-teal-900 text-white px-8 py-3 rounded-lg font-semibold hover:bg-teal-800 transition border border-teal-500"
+           data-i18n="evidence.cta_home_ai">
           About Home AI &rarr;
         </a>
       </div>
 
       <div class="bg-amber-100 border-2 border-amber-400 rounded-lg p-5 max-w-2xl mx-auto text-center">
         <p class="text-amber-900 text-sm">
-          <strong>Limitations:</strong> Early-stage deployment across four federated tenants, self-reported metrics, operator-developer overlap. Independent audit and broader validation scheduled for 2026.
+          <strong data-i18n="evidence.limitations_label">Limitations:</strong> <span data-i18n="evidence.limitations_text">Early-stage deployment across four federated tenants, self-reported metrics, operator-developer overlap. Independent audit and broader validation scheduled for 2026.</span>
         </p>
       </div>
     </div>
@@ -316,8 +319,8 @@
   <!-- Section 5: Three Audience Paths -->
   <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 md:py-20">
     <div class="text-center mb-10">
-      <h2 class="text-2xl font-bold text-gray-900 mb-4">Explore by Role</h2>
-      <p class="text-base text-gray-600 max-w-3xl mx-auto">
+      <h2 class="text-2xl font-bold text-gray-900 mb-4" data-i18n="roles.heading">Explore by Role</h2>
+      <p class="text-base text-gray-600 max-w-3xl mx-auto" data-i18n="roles.subtitle">
         The framework is presented through three lenses, each with distinct depth and focus.
       </p>
     </div>
@@ -325,49 +328,49 @@
     <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
       <a href="/researcher.html" class="block bg-white rounded-xl shadow-md border border-gray-200 hover:shadow-xl hover:-translate-y-1 transition-all duration-300 overflow-hidden group">
         <div class="bg-gradient-to-r from-purple-500 to-purple-600 p-5">
-          <h3 class="text-xl font-bold text-white">For Researchers</h3>
-          <p class="text-purple-100 text-sm mt-1">Academic and technical depth</p>
+          <h3 class="text-xl font-bold text-white" data-i18n="roles.researcher_title">For Researchers</h3>
+          <p class="text-purple-100 text-sm mt-1" data-i18n="roles.researcher_subtitle">Academic and technical depth</p>
         </div>
         <div class="p-6">
           <ul class="space-y-2 text-sm text-gray-700">
-            <li>Formal foundations and proofs</li>
-            <li>Failure mode analysis</li>
-            <li>Open research questions</li>
-            <li>3,942 audit decisions on Hugging Face</li>
+            <li data-i18n="roles.researcher_f1">Formal foundations and proofs</li>
+            <li data-i18n="roles.researcher_f2">Failure mode analysis</li>
+            <li data-i18n="roles.researcher_f3">Open research questions</li>
+            <li data-i18n="roles.researcher_f4">3,942 audit decisions on Hugging Face</li>
           </ul>
-          <div class="mt-5 text-purple-600 font-semibold group-hover:underline text-sm">Explore research &rarr;</div>
+          <div class="mt-5 text-purple-600 font-semibold group-hover:underline text-sm" data-i18n="roles.researcher_cta">Explore research &rarr;</div>
         </div>
       </a>
 
       <a href="/implementer.html" class="block bg-white rounded-xl shadow-md border border-gray-200 hover:shadow-xl hover:-translate-y-1 transition-all duration-300 overflow-hidden group">
         <div class="bg-gradient-to-r from-indigo-500 to-indigo-600 p-5">
-          <h3 class="text-xl font-bold text-white">For Implementers</h3>
-          <p class="text-indigo-100 text-sm mt-1">Code and integration guides</p>
+          <h3 class="text-xl font-bold text-white" data-i18n="roles.implementer_title">For Implementers</h3>
+          <p class="text-indigo-100 text-sm mt-1" data-i18n="roles.implementer_subtitle">Code and integration guides</p>
         </div>
         <div class="p-6">
           <ul class="space-y-2 text-sm text-gray-700">
-            <li>Working code examples</li>
-            <li>API integration patterns</li>
-            <li>Service architecture diagrams</li>
-            <li>Deployment patterns</li>
+            <li data-i18n="roles.implementer_f1">Working code examples</li>
+            <li data-i18n="roles.implementer_f2">API integration patterns</li>
+            <li data-i18n="roles.implementer_f3">Service architecture diagrams</li>
+            <li data-i18n="roles.implementer_f4">Deployment patterns</li>
           </ul>
-          <div class="mt-5 text-indigo-600 font-semibold group-hover:underline text-sm">View implementation guide &rarr;</div>
+          <div class="mt-5 text-indigo-600 font-semibold group-hover:underline text-sm" data-i18n="roles.implementer_cta">View implementation guide &rarr;</div>
         </div>
       </a>
 
       <a href="/leader.html" class="block bg-white rounded-xl shadow-md border border-gray-200 hover:shadow-xl hover:-translate-y-1 transition-all duration-300 overflow-hidden group">
         <div class="bg-gradient-to-r from-teal-500 to-teal-600 p-5">
-          <h3 class="text-xl font-bold text-white">For Leaders</h3>
-          <p class="text-teal-100 text-sm mt-1">Strategic AI governance</p>
+          <h3 class="text-xl font-bold text-white" data-i18n="roles.leader_title">For Leaders</h3>
+          <p class="text-teal-100 text-sm mt-1" data-i18n="roles.leader_subtitle">Strategic AI governance</p>
         </div>
         <div class="p-6">
           <ul class="space-y-2 text-sm text-gray-700">
-            <li>Executive briefing and business case</li>
-            <li>Regulatory alignment (EU AI Act)</li>
-            <li>Implementation roadmap</li>
-            <li>Risk management framework</li>
+            <li data-i18n="roles.leader_f1">Executive briefing and business case</li>
+            <li data-i18n="roles.leader_f2">Regulatory alignment (EU AI Act)</li>
+            <li data-i18n="roles.leader_f3">Implementation roadmap</li>
+            <li data-i18n="roles.leader_f4">Risk management framework</li>
           </ul>
-          <div class="mt-5 text-teal-600 font-semibold group-hover:underline text-sm">View leadership resources &rarr;</div>
+          <div class="mt-5 text-teal-600 font-semibold group-hover:underline text-sm" data-i18n="roles.leader_cta">View leadership resources &rarr;</div>
         </div>
       </a>
     </div>
@@ -377,8 +380,8 @@
   <section class="bg-gray-100 py-16 md:py-20">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
       <div class="text-center mb-10">
-        <h2 class="text-2xl font-bold text-gray-900 mb-4">Architectural Alignment</h2>
-        <p class="text-base text-gray-600 max-w-3xl mx-auto">
+        <h2 class="text-2xl font-bold text-gray-900 mb-4" data-i18n="papers.heading">Architectural Alignment</h2>
+        <p class="text-base text-gray-600 max-w-3xl mx-auto" data-i18n="papers.subtitle">
           The research paper in three editions, each written for a different audience.
         </p>
         <p class="text-sm text-gray-500 mt-2">STO-INN-0003 v2.1 | John Stroh &amp; Claude (Anthropic) | January 2026</p>
@@ -388,10 +391,10 @@
         <a href="/architectural-alignment.html" class="block bg-white rounded-xl shadow-md border border-gray-200 hover:shadow-xl hover:-translate-y-1 transition-all duration-300 overflow-hidden group">
           <div class="bg-gradient-to-r from-emerald-500 to-teal-600 p-5">
             <span class="bg-white/20 text-white text-xs font-semibold px-2 py-1 rounded-full">v2.1-A</span>
-            <h3 class="text-lg font-bold text-white mt-2">Academic</h3>
+            <h3 class="text-lg font-bold text-white mt-2" data-i18n="papers.academic_title">Academic</h3>
           </div>
           <div class="p-6">
-            <p class="text-sm text-gray-600 mb-3">
+            <p class="text-sm text-gray-600 mb-3" data-i18n="papers.academic_desc">
               Full academic treatment with formal proofs, existential risk context, and comprehensive citations.
             </p>
             <span class="text-emerald-600 font-semibold group-hover:underline text-sm">Read &rarr;</span>
@@ -401,10 +404,10 @@
         <a href="/architectural-alignment-community.html" class="block bg-white rounded-xl shadow-md border border-gray-200 hover:shadow-xl hover:-translate-y-1 transition-all duration-300 overflow-hidden group">
           <div class="bg-gradient-to-r from-sky-500 to-blue-600 p-5">
             <span class="bg-white/20 text-white text-xs font-semibold px-2 py-1 rounded-full">v2.1-C</span>
-            <h3 class="text-lg font-bold text-white mt-2">Community</h3>
+            <h3 class="text-lg font-bold text-white mt-2" data-i18n="papers.community_title">Community</h3>
           </div>
           <div class="p-6">
-            <p class="text-sm text-gray-600 mb-3">
+            <p class="text-sm text-gray-600 mb-3" data-i18n="papers.community_desc">
               Practical guide for organisations evaluating the framework for adoption.
             </p>
             <span class="text-blue-600 font-semibold group-hover:underline text-sm">Read &rarr;</span>
@@ -414,10 +417,10 @@
         <a href="/architectural-alignment-policymakers.html" class="block bg-white rounded-xl shadow-md border border-gray-200 hover:shadow-xl hover:-translate-y-1 transition-all duration-300 overflow-hidden group">
           <div class="bg-gradient-to-r from-purple-500 to-violet-600 p-5">
             <span class="bg-white/20 text-white text-xs font-semibold px-2 py-1 rounded-full">v2.1-P</span>
-            <h3 class="text-lg font-bold text-white mt-2">Policymakers</h3>
+            <h3 class="text-lg font-bold text-white mt-2" data-i18n="papers.policymakers_title">Policymakers</h3>
           </div>
           <div class="p-6">
-            <p class="text-sm text-gray-600 mb-3">
+            <p class="text-sm text-gray-600 mb-3" data-i18n="papers.policymakers_desc">
               Regulatory strategy, certification infrastructure, and policy recommendations.
             </p>
             <span class="text-purple-600 font-semibold group-hover:underline text-sm">Read &rarr;</span>
@@ -426,7 +429,7 @@
       </div>
 
       <div class="mt-8 text-center">
-        <p class="text-gray-500 text-sm mb-3">PDF downloads:</p>
+        <p class="text-gray-500 text-sm mb-3" data-i18n="papers.pdf_label">PDF downloads:</p>
         <div class="flex flex-wrap justify-center gap-4">
           <a href="/downloads/architectural-alignment-academic.pdf" class="inline-flex items-center gap-2 text-gray-600 hover:text-emerald-600 transition-colors text-sm">
             <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -454,8 +457,8 @@
   <!-- Section 7: Timeline Preview -->
   <section class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-16 md:py-20">
     <div class="text-center mb-10">
-      <h2 class="text-2xl font-bold text-gray-900 mb-4">Research Evolution</h2>
-      <p class="text-base text-gray-600 max-w-3xl mx-auto">
+      <h2 class="text-2xl font-bold text-gray-900 mb-4" data-i18n="timeline.heading">Research Evolution</h2>
+      <p class="text-base text-gray-600 max-w-3xl mx-auto" data-i18n="timeline.subtitle">
         From a port number incident to a production governance architecture, across 800 commits and one year of research.
       </p>
     </div>
@@ -464,24 +467,24 @@
       <div class="grid grid-cols-2 md:grid-cols-4 gap-6 text-center mb-8">
         <div>
           <div class="text-sm font-semibold text-blue-600 mb-2">Oct 2025</div>
-          <div class="text-gray-700 text-sm">Framework inception &amp; 6 governance services</div>
+          <div class="text-gray-700 text-sm" data-i18n="timeline.oct_2025">Framework inception &amp; 6 governance services</div>
         </div>
         <div>
           <div class="text-sm font-semibold text-purple-600 mb-2">Oct-Nov 2025</div>
-          <div class="text-gray-700 text-sm">Alexander principles, Agent Lightning, i18n</div>
+          <div class="text-gray-700 text-sm" data-i18n="timeline.oct_nov_2025">Alexander principles, Agent Lightning, i18n</div>
         </div>
         <div>
           <div class="text-sm font-semibold text-emerald-600 mb-2">Dec 2025</div>
-          <div class="text-gray-700 text-sm">Village case study &amp; Home AI deployment</div>
+          <div class="text-gray-700 text-sm" data-i18n="timeline.dec_2025">Village case study &amp; Home AI deployment</div>
         </div>
         <div>
           <div class="text-sm font-semibold text-gray-900 mb-2">Jan 2026</div>
-          <div class="text-gray-700 text-sm">Research papers (3 editions) published</div>
+          <div class="text-gray-700 text-sm" data-i18n="timeline.jan_2026">Research papers (3 editions) published</div>
         </div>
       </div>
       <div class="text-center">
         <a href="/timeline.html" class="inline-block px-8 py-3 text-blue-600 font-semibold hover:bg-blue-50 rounded-lg transition">
-          View the full research timeline &rarr;
+          <span data-i18n="timeline.cta">View the full research timeline &rarr;</span>
         </a>
       </div>
     </div>
@@ -490,10 +493,10 @@
   <!-- Intellectual Honesty Note -->
   <section class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
     <div class="bg-amber-50 border-l-4 border-amber-500 p-6 rounded-r-lg">
-      <h2 class="text-lg font-bold text-amber-900 mb-3">A note on claims</h2>
+      <h2 class="text-lg font-bold text-amber-900 mb-3" data-i18n="claims.heading">A note on claims</h2>
       <p class="text-amber-800 text-sm leading-relaxed">
-        This is early-stage research with a small-scale federated deployment across four tenants. We present preliminary evidence, not proven results. The framework has not been independently audited or adversarially tested at scale. Where we report operational metrics, they are self-reported. We believe the architectural approach merits further investigation, but we make no claims of generalisability beyond what the evidence supports. The
-        <a href="/korero-counter-arguments.html" class="text-amber-700 underline hover:text-amber-900">counter-arguments document</a> engages directly with foreseeable criticisms.
+        <span data-i18n="claims.text">This is early-stage research with a small-scale federated deployment across four tenants. We present preliminary evidence, not proven results. The framework has not been independently audited or adversarially tested at scale. Where we report operational metrics, they are self-reported. We believe the architectural approach merits further investigation, but we make no claims of generalisability beyond what the evidence supports. The</span>
+        <a href="/korero-counter-arguments.html" class="text-amber-700 underline hover:text-amber-900" data-i18n="claims.counter_link">counter-arguments document</a> <span data-i18n="claims.counter_suffix">engages directly with foreseeable criticisms.</span>
       </p>
     </div>
   </section>
@@ -501,26 +504,27 @@
   <!-- Section: Koha — Sustain This Research -->
   <section class="bg-gradient-to-r from-blue-900 to-purple-900 text-white py-16 md:py-20">
     <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
-      <h2 class="text-2xl font-bold mb-4">Koha &mdash; Sustain This Research</h2>
-      <p class="text-base text-white max-w-2xl mx-auto mb-6">
+      <h2 class="text-2xl font-bold mb-4" data-i18n="koha.heading">Koha &mdash; Sustain This Research</h2>
+      <p class="text-base text-white max-w-2xl mx-auto mb-6" data-i18n="koha.intro">
         <strong>Koha</strong> (koh-hah) is a M&#257;ori practice of reciprocal giving that strengthens the bond between giver and receiver. This research is open access under Apache 2.0 &mdash; if it has value to you, your koha sustains its continuation.
       </p>
       <div class="bg-white/10 backdrop-blur rounded-lg p-6 max-w-2xl mx-auto mb-8">
-        <p class="text-white text-sm mb-4">
+        <p class="text-white text-sm mb-4" data-i18n="koha.explanation">
           All research, documentation, and code remain freely available regardless of contribution. Koha is not payment &mdash; it is participation in <em>whanaungatanga</em> (relationship-building) and <em>manaakitanga</em> (reciprocal care).
         </p>
         <div class="flex flex-wrap gap-6 justify-center text-xs text-blue-200">
-          <span>One-time or monthly</span>
-          <span>Full financial transparency</span>
-          <span>No paywall, ever</span>
+          <span data-i18n="koha.option_1">One-time or monthly</span>
+          <span data-i18n="koha.option_2">Full financial transparency</span>
+          <span data-i18n="koha.option_3">No paywall, ever</span>
         </div>
       </div>
       <a href="/koha.html"
-         class="inline-block bg-white text-blue-900 px-8 py-3 rounded-lg font-semibold hover:shadow-lg hover:-translate-y-1 transition-all duration-300 text-base">
+         class="inline-block bg-white text-blue-900 px-8 py-3 rounded-lg font-semibold hover:shadow-lg hover:-translate-y-1 transition-all duration-300 text-base"
+         data-i18n="koha.cta">
         Offer Koha &rarr;
       </a>
       <p class="text-xs text-blue-300 mt-5">
-        <a href="/koha/transparency.html" class="text-blue-300 hover:text-white underline">View our financial transparency report</a>
+        <a href="/koha/transparency.html" class="text-blue-300 hover:text-white underline" data-i18n="koha.transparency_link">View our financial transparency report</a>
       </p>
     </div>
   </section>
@@ -528,27 +532,27 @@
   </main>
 
   <!-- Version Management -->
-  <script src="/js/version-manager.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/version-manager.js?v=0.1.2.1770452675442"></script>
 
   <!-- Share CTA functionality -->
-  <script src="/js/share-cta.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/share-cta.js?v=0.1.2.1770452675442"></script>
 
   <!-- Internationalization -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1770452675442"></script>
 
   <!-- Scroll Animations -->
-  <script src="/js/scroll-animations.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/page-transitions.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/scroll-animations.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/page-transitions.js?v=0.1.2.1770452675442"></script>
 
   <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1770452675442"></script>
 
   <!-- Feedback System -->
-  <script src="/js/components/feedback.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/feedback.js?v=0.1.2.1770452675442"></script>
 
   <!-- Newsletter Subscription Modal -->
-  <script src="/js/components/newsletter.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/newsletter.js?v=0.1.2.1770452675442"></script>
 
 </body>
 </html>
diff --git a/public/koha.html b/public/koha.html
index de0da668..1423a9e7 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.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
   <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; }
@@ -53,7 +53,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.1770451093421"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1770452675442"></script>
 
   <!-- Main Content -->
   <main id="main-content" class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
@@ -382,17 +382,17 @@
   </main>
 
   <!-- Footer -->
-  <script src="/js/components/footer.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1770452675442"></script>
 
   <!-- Currency utilities and selector -->
-  <script src="/js/utils/currency.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/components/currency-selector.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/utils/currency.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/components/currency-selector.js?v=0.1.2.1770452675442"></script>
 
   <!-- Donation form functionality -->
-  <script src="/js/koha-donation.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/koha-donation.js?v=0.1.2.1770452675442"></script>
 
   <!-- Internationalization -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1770452675442"></script>
 </body>
 </html>
diff --git a/public/korero-counter-arguments.html b/public/korero-counter-arguments.html
index 1b480144..bba514ec 100644
--- a/public/korero-counter-arguments.html
+++ b/public/korero-counter-arguments.html
@@ -13,9 +13,9 @@
   <meta name="theme-color" content="#8b5cf6">
 
   <!-- Stylesheets -->
-  <link rel="stylesheet" href="/css/design-system.css?v=0.1.2.1770451093421">
-  <link rel="stylesheet" href="/css/company-hub-navbar.css?v=0.1.2.1770451093421">
-  <link rel="stylesheet" href="/css/footer.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/design-system.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/company-hub-navbar.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/footer.css?v=0.1.2.1770452675442">
 
   <style>
     :root {
@@ -761,10 +761,10 @@
   <!-- Footer -->
   <div id="main-footer" data-back-to-home="true" data-force-home-url="/index.html"></div>
 
-  <script src="/js/company-hub-i18n.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/theme.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/company-hub-navbar-component.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/company-hub-navbar.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/components/Footer.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/company-hub-i18n.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/theme.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/company-hub-navbar-component.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/company-hub-navbar.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/components/Footer.js?v=0.1.2.1770452675442"></script>
 </body>
 </html>
diff --git a/public/leader.html b/public/leader.html
index 3a30cf44..45876465 100644
--- a/public/leader.html
+++ b/public/leader.html
@@ -35,9 +35,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.1770451093421">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
   <style>
     .hover-lift { transition: all 0.3s ease; }
     .hover-lift:hover { transform: translateY(-2px); }
@@ -83,7 +83,7 @@
 
   <a href="#main-content" class="skip-link">Skip to main content</a>
 
-  <script src="/js/components/navbar.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1770452675442"></script>
 
   <!-- Breadcrumb Navigation -->
   <nav class="bg-gray-50 border-b border-gray-200 py-3" aria-label="Breadcrumb">
@@ -994,30 +994,30 @@
 
   <!-- Footer -->
   <!-- Internationalization (must load first for footer translations) -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1770452675442"></script>
 
   <!-- Scroll Animations (Phase 3) -->
-  <script src="/js/scroll-animations.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/scroll-animations.js?v=0.1.2.1770452675442"></script>
   <!-- Page Transitions (Phase 3) -->
-  <script src="/js/page-transitions.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/page-transitions.js?v=0.1.2.1770452675442"></script>
 
   <!-- Version Management & PWA -->
 
-  <script src="/js/version-manager.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/leader-page.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/version-manager.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/leader-page.js?v=0.1.2.1770452675442"></script>
 
   <!-- Share CTA functionality -->
-  <script src="/js/share-cta.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/share-cta.js?v=0.1.2.1770452675442"></script>
 
   <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1770452675442"></script>
 
   <!-- Feedback System (Governed by Tractatus + Agent Lightning) -->
-  <script src="/js/components/feedback.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/feedback.js?v=0.1.2.1770452675442"></script>
 
   <!-- Newsletter Subscription Modal -->
-  <script src="/js/components/newsletter.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/newsletter.js?v=0.1.2.1770452675442"></script>
 
 </body>
 </html>
diff --git a/public/media-inquiry.html b/public/media-inquiry.html
index 31eac8aa..4ff5b302 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.1770451093421">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
   <style>
     .form-group { margin-bottom: 1.5rem; }
     .form-label {
@@ -70,8 +70,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.1770451093421"></script>
-  <script src="/js/i18n-simple.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1770452675442"></script>
 
   <!-- Main Content -->
   <main id="main-content" class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
@@ -174,11 +174,11 @@
   </main>
 
   <!-- Footer -->
-  <script src="/js/components/language-selector.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/media-inquiry.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/media-inquiry.js?v=0.1.2.1770452675442"></script>
 
   <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1770452675442"></script>
 
 </body>
 </html>
diff --git a/public/privacy.html b/public/privacy.html
index 6465c9e3..f1cbf42b 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.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
   <style>
     .skip-link { position: absolute; left: -9999px; }
     .skip-link:focus { left: 0; z-index: 100; background: white; padding: 1rem; }
@@ -28,11 +28,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.1770451093421"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1770452675442"></script>
 
   <!-- i18n Support -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1770452675442"></script>
 
   <!-- Main Content -->
   <main id="main-content" class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
@@ -276,7 +276,7 @@
   </main>
 
   <!-- Footer -->
-  <script src="/js/components/footer.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1770452675442"></script>
 
 </body>
 </html>
diff --git a/public/researcher.html b/public/researcher.html
index 3cb87d6f..37d0815c 100644
--- a/public/researcher.html
+++ b/public/researcher.html
@@ -35,9 +35,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.1770451093421">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
   <style>
     .skip-link { position: absolute; left: -9999px; }
     .skip-link:focus { left: 0; z-index: 100; background: white; padding: 1rem; }
@@ -89,7 +89,7 @@
     </div>
   </noscript>
 
-  <script src="/js/components/navbar.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1770452675442"></script>
 
   <!-- Breadcrumb Navigation -->
   <nav class="bg-gray-50 border-b border-gray-200 py-3" aria-label="Breadcrumb">
@@ -1584,30 +1584,30 @@
 
   <!-- Footer -->
   <!-- Internationalization (must load first for footer translations) -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/components/language-selector.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/components/language-selector.js?v=0.1.2.1770452675442"></script>
 
   <!-- Scroll Animations (Phase 3) -->
-  <script src="/js/scroll-animations.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/scroll-animations.js?v=0.1.2.1770452675442"></script>
   <!-- Page Transitions (Phase 3) -->
-  <script src="/js/page-transitions.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/page-transitions.js?v=0.1.2.1770452675442"></script>
 
   <!-- Version Management & PWA -->
 
-  <script src="/js/version-manager.js?v=0.1.2.1770451093421"></script>
-  <script src="/js/researcher-page.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/version-manager.js?v=0.1.2.1770452675442"></script>
+  <script src="/js/researcher-page.js?v=0.1.2.1770452675442"></script>
 
   <!-- Share CTA functionality -->
-  <script src="/js/share-cta.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/share-cta.js?v=0.1.2.1770452675442"></script>
 
   <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1770452675442"></script>
 
   <!-- Feedback System (Governed by Tractatus + Agent Lightning) -->
-  <script src="/js/components/feedback.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/feedback.js?v=0.1.2.1770452675442"></script>
 
   <!-- Newsletter Subscription Modal -->
-  <script src="/js/components/newsletter.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/newsletter.js?v=0.1.2.1770452675442"></script>
 
 </body>
 </html>
diff --git a/public/version.json b/public/version.json
index f29bf626..09fef3e7 100644
--- a/public/version.json
+++ b/public/version.json
@@ -1,6 +1,6 @@
 {
   "version": "0.1.3",
-  "buildDate": "2026-02-07T07:58:13.424Z",
+  "buildDate": "2026-02-07T08:24:35.445Z",
   "changelog": [
     "Added Tino Rangatiratanga (Māori) flag to language selector",
     "Fixed cross-origin flag loading issue"
diff --git a/public/village-case-study.html b/public/village-case-study.html
index 0ad1f316..09f4077f 100644
--- a/public/village-case-study.html
+++ b/public/village-case-study.html
@@ -27,9 +27,9 @@
   <meta name="twitter:image" content="https://agenticgovernance.digital/images/social-preview.png">
 
   <link rel="icon" type="image/svg+xml" href="/favicon-new.svg">
-  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1770451093421">
-  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770451093421">
-  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770451093421">
+  <link rel="stylesheet" href="/css/fonts.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tailwind.css?v=0.1.2.1770452675442">
+  <link rel="stylesheet" href="/css/tractatus-theme.min.css?v=0.1.2.1770452675442">
   <style>
     .skip-link { position: absolute; left: -9999px; }
     .skip-link:focus { left: 0; z-index: 100; background: white; padding: 1rem; }
@@ -54,7 +54,7 @@
   <a href="#main-content" class="skip-link">Skip to main content</a>
 
   <!-- Navigation -->
-  <script src="/js/components/navbar.js?v=0.1.2.1770451093421" defer></script>
+  <script src="/js/components/navbar.js?v=0.1.2.1770452675442" defer></script>
 
   <!-- Breadcrumb Navigation -->
   <nav class="bg-gray-50 border-b border-gray-200 py-3" aria-label="Breadcrumb">
@@ -463,13 +463,13 @@
   </main>
 
   <!-- Footer Component -->
-  <script src="/js/components/footer.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/components/footer.js?v=0.1.2.1770452675442"></script>
 
   <!-- Version Management -->
-  <script src="/js/version-manager.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/version-manager.js?v=0.1.2.1770452675442"></script>
 
   <!-- Internationalization -->
-  <script src="/js/i18n-simple.js?v=0.1.2.1770451093421"></script>
+  <script src="/js/i18n-simple.js?v=0.1.2.1770452675442"></script>
 
 </body>
 </html>
