diff --git a/public/about.html b/public/about.html
index ff7791f0..5c63b577 100644
--- a/public/about.html
+++ b/public/about.html
@@ -5,7 +5,7 @@
   <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/tailwind.css?v=1759832032">
+  <link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
 </head>
 <body class="bg-gray-50">
 
diff --git a/public/about/values.html b/public/about/values.html
index f5f06166..ecac0d9b 100644
--- a/public/about/values.html
+++ b/public/about/values.html
@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Values & Principles | Tractatus AI Safety Framework</title>
   <meta name="description" content="Our core values: sovereignty, transparency, harmlessness, and community. Including our commitment to Te Tiriti o Waitangi and indigenous data sovereignty.">
-  <link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
+  <link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
   <style>
     html { scroll-behavior: smooth; }
   </style>
diff --git a/public/admin/dashboard.html b/public/admin/dashboard.html
index 3e89914a..1e854f24 100644
--- a/public/admin/dashboard.html
+++ b/public/admin/dashboard.html
@@ -4,7 +4,7 @@
   <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=1759832032">
+  <link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
 </head>
 <body class="bg-gray-50">
 
@@ -180,7 +180,7 @@
   <!-- Modals -->
   <div id="modal-container"></div>
 
-  <script src="/js/admin/dashboard.js?v=1759832032"></script>
+  <script src="/js/admin/dashboard.js?v=1759832544"></script>
 
 </body>
 </html>
diff --git a/public/admin/login.html b/public/admin/login.html
index e9a9585a..7600999e 100644
--- a/public/admin/login.html
+++ b/public/admin/login.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Admin Login | Tractatus Framework</title>
-  <link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
+  <link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
 </head>
 <body class="bg-gray-50">
 
@@ -88,7 +88,7 @@
     </div>
   </div>
 
-  <script src="/js/admin/login.js?v=1759832032"></script>
+  <script src="/js/admin/login.js?v=1759832544"></script>
 
 </body>
 </html>
diff --git a/public/advocate.html b/public/advocate.html
index fc0c499c..62bb5ea7 100644
--- a/public/advocate.html
+++ b/public/advocate.html
@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>For Advocates | Tractatus AI Safety Framework</title>
   <meta name="description" content="Join the movement for AI safety through structural guarantees. Preserve human agency, promote digital sovereignty, and advocate for responsible AI development.">
-  <link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
+  <link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
 </head>
 <a href="#main-content" class="skip-link">Skip to main content</a>
 <body class="bg-gray-50">
@@ -22,6 +22,7 @@
           <a href="/researcher.html" class="text-gray-600 hover:text-gray-900">Researcher</a>
           <a href="/implementer.html" class="text-gray-600 hover:text-gray-900">Implementer</a>
           <a href="/docs.html" class="text-gray-600 hover:text-gray-900">Documentation</a>
+          <a href="/about.html" class="text-gray-600 hover:text-gray-900">About</a>
           <a href="/" class="text-gray-600 hover:text-gray-900">Home</a>
         </div>
       </div>
diff --git a/public/api-reference.html b/public/api-reference.html
index f0e476fd..17dc0176 100644
--- a/public/api-reference.html
+++ b/public/api-reference.html
@@ -5,7 +5,7 @@
   <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=1759832032">
+  <link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
   <style>
     .endpoint-badge {
       @apply inline-block px-2 py-1 rounded text-xs font-mono font-semibold;
diff --git a/public/demos/27027-demo.html b/public/demos/27027-demo.html
index fb0985d7..3fa01354 100644
--- a/public/demos/27027-demo.html
+++ b/public/demos/27027-demo.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>The 27027 Incident - Tractatus Framework</title>
-  <link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
+  <link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
   <style>
     @keyframes fadeIn {
       from { opacity: 0; transform: translateY(10px); }
@@ -146,7 +146,7 @@
     </div>
   </div>
 
-  <script src="/js/demos/27027-demo.js?v=1759832032"></script>
+  <script src="/js/demos/27027-demo.js?v=1759832544"></script>
 
 </body>
 </html>
diff --git a/public/demos/boundary-demo.html b/public/demos/boundary-demo.html
index 82d553d7..c6ae9d5e 100644
--- a/public/demos/boundary-demo.html
+++ b/public/demos/boundary-demo.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Boundary Enforcement Simulator - Tractatus Framework</title>
-  <link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
+  <link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
 </head>
 <body class="bg-gray-50">
 
@@ -185,7 +185,7 @@
     </div>
   </div>
 
-  <script src="/js/demos/boundary-demo.js?v=1759832032"></script>
+  <script src="/js/demos/boundary-demo.js?v=1759832544"></script>
 
 </body>
 </html>
diff --git a/public/demos/classification-demo.html b/public/demos/classification-demo.html
index 20808ab3..016e479a 100644
--- a/public/demos/classification-demo.html
+++ b/public/demos/classification-demo.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Instruction Classification Demo - Tractatus Framework</title>
-  <link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
+  <link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
   <style>
     .quadrant-badge {
       @apply inline-block px-3 py-1 rounded-full text-sm font-semibold;
@@ -210,7 +210,7 @@
     </div>
   </div>
 
-  <script src="/js/demos/classification-demo.js?v=1759832032"></script>
+  <script src="/js/demos/classification-demo.js?v=1759832544"></script>
 
 </body>
 </html>
diff --git a/public/demos/tractatus-demo.html b/public/demos/tractatus-demo.html
index d2e24be7..c3f73edd 100644
--- a/public/demos/tractatus-demo.html
+++ b/public/demos/tractatus-demo.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Tractatus Framework Interactive Demo | AI Safety Architecture</title>
-  <link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
+  <link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
   <style>
     .fade-in { animation: fadeIn 0.5s; }
     @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@@ -396,7 +396,7 @@
   </main>
 
 
-  <script src="/js/demos/tractatus-demo.js?v=1759832032"></script>
+  <script src="/js/demos/tractatus-demo.js?v=1759832544"></script>
 
 </body>
 </html>
diff --git a/public/docs-viewer.html b/public/docs-viewer.html
index ecda7f8d..b0ee11db 100644
--- a/public/docs-viewer.html
+++ b/public/docs-viewer.html
@@ -4,7 +4,7 @@
   <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=1759832032">
+  <link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
   <style>
     /* Prose styling for document content */
     .prose h1 { @apply text-3xl font-bold mt-8 mb-4 text-gray-900; }
@@ -56,10 +56,10 @@
   </div>
 
   <!-- Scripts -->
-  <script src="/js/utils/api.js?v=1759832032"></script>
-  <script src="/js/utils/router.js?v=1759832032"></script>
-  <script src="/js/components/document-viewer.js?v=1759832032"></script>
-  <script src="/js/docs-viewer-app.js?v=1759832032"></script>
+  <script src="/js/utils/api.js?v=1759832544"></script>
+  <script src="/js/utils/router.js?v=1759832544"></script>
+  <script src="/js/components/document-viewer.js?v=1759832544"></script>
+  <script src="/js/docs-viewer-app.js?v=1759832544"></script>
 
 </body>
 </html>
diff --git a/public/docs.html b/public/docs.html
index b2547188..bf171e5c 100644
--- a/public/docs.html
+++ b/public/docs.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Framework Documentation | Tractatus AI Safety</title>
-  <link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
+  <link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
   <style>
     html { scroll-behavior: smooth; }
 
@@ -281,7 +281,13 @@
         <div>
           <h1 class="text-2xl font-bold text-gray-900">Framework Documentation</h1>
         </div>
-        <a href="/" class="text-blue-600 hover:text-blue-700 font-medium">← Home</a>
+        <div class="flex items-center space-x-6">
+          <a href="/researcher.html" class="text-gray-600 hover:text-gray-900">Researcher</a>
+          <a href="/implementer.html" class="text-gray-600 hover:text-gray-900">Implementer</a>
+          <a href="/advocate.html" class="text-gray-600 hover:text-gray-900">Advocate</a>
+          <a href="/about.html" class="text-gray-600 hover:text-gray-900">About</a>
+          <a href="/" class="text-blue-600 hover:text-blue-700 font-medium">Home</a>
+        </div>
       </div>
     </div>
   </header>
@@ -324,8 +330,8 @@
   </div>
 
 
-  <script src="/js/components/document-cards.js?v=1759832032"></script>
-  <script src="/js/docs-app.js?v=1759832032"></script>
+  <script src="/js/components/document-cards.js?v=1759832544"></script>
+  <script src="/js/docs-app.js?v=1759832544"></script>
 
 </body>
 </html>
diff --git a/public/implementer.html b/public/implementer.html
index ab2e6594..07b05991 100644
--- a/public/implementer.html
+++ b/public/implementer.html
@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>For Implementers | Tractatus AI Safety Framework</title>
   <meta name="description" content="Integrate Tractatus framework into your AI systems: practical guides, code examples, and step-by-step implementation for production safety.">
-  <link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
+  <link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
 </head>
 <a href="#main-content" class="skip-link">Skip to main content</a>
 <body class="bg-gray-50">
@@ -22,6 +22,7 @@
           <a href="/researcher.html" class="text-gray-600 hover:text-gray-900">Researcher</a>
           <a href="/advocate.html" class="text-gray-600 hover:text-gray-900">Advocate</a>
           <a href="/docs.html" class="text-gray-600 hover:text-gray-900">Documentation</a>
+          <a href="/about.html" class="text-gray-600 hover:text-gray-900">About</a>
           <a href="/" class="text-gray-600 hover:text-gray-900">Home</a>
         </div>
       </div>
diff --git a/public/index.html b/public/index.html
index be1a6876..9b15d18f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Tractatus AI Safety Framework | Architectural Constraints for Human Agency</title>
   <meta name="description" content="World's first production implementation of architectural AI safety constraints. Preserving human agency through structural, not aspirational, guarantees.">
-  <link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
+  <link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
   <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; }
@@ -19,6 +19,24 @@
   <!-- Skip Link for Keyboard Navigation -->
   <a href="#main-content" class="skip-link">Skip to main content</a>
 
+  <!-- Navigation -->
+  <nav class="bg-white border-b border-gray-200">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div class="flex justify-between h-16">
+        <div class="flex items-center">
+          <a href="/" class="text-xl font-bold text-gray-900">Tractatus Framework</a>
+        </div>
+        <div class="flex items-center space-x-6">
+          <a href="/researcher.html" class="text-gray-600 hover:text-gray-900">Researcher</a>
+          <a href="/implementer.html" class="text-gray-600 hover:text-gray-900">Implementer</a>
+          <a href="/advocate.html" class="text-gray-600 hover:text-gray-900">Advocate</a>
+          <a href="/docs.html" class="text-gray-600 hover:text-gray-900">Documentation</a>
+          <a href="/about.html" class="text-gray-600 hover:text-gray-900">About</a>
+        </div>
+      </div>
+    </div>
+  </nav>
+
   <!-- Hero Section -->
   <header role="banner">
   <section class="bg-gradient-to-br from-blue-600 via-blue-700 to-purple-700 text-white">
@@ -273,8 +291,8 @@
         <a href="/demos/tractatus-demo.html" class="inline-block bg-white text-blue-700 px-8 py-3 rounded-lg font-semibold hover:bg-blue-50 transition">
           Interactive Demonstration
         </a>
-        <a href="/api/governance" class="inline-block bg-blue-700 text-white px-8 py-3 rounded-lg font-semibold hover:bg-blue-800 transition">
-          View Live API Status
+        <a href="/demos/27027-demo.html" class="inline-block bg-blue-700 text-white px-8 py-3 rounded-lg font-semibold hover:bg-blue-800 transition">
+          View 27027 Incident
         </a>
       </div>
     </div>
@@ -296,9 +314,11 @@
           <h3 class="text-white font-semibold mb-4">Resources</h3>
           <ul class="space-y-2 text-sm">
             <li><a href="/docs.html" class="hover:text-white transition">Documentation</a></li>
-            <li><a href="/demos/tractatus-demo.html" class="hover:text-white transition">Interactive Demo</a></li>
-            <li><a href="/api" class="hover:text-white transition">API Reference</a></li>
-            <li><a href="/api/governance" class="hover:text-white transition">Framework Status</a></li>
+            <li><a href="/demos/tractatus-demo.html" class="hover:text-white transition">Interactive Demos</a></li>
+            <li><a href="/researcher.html" class="hover:text-white transition">For Researchers</a></li>
+            <li><a href="/implementer.html" class="hover:text-white transition">For Implementers</a></li>
+            <li><a href="/advocate.html" class="hover:text-white transition">For Advocates</a></li>
+            <li><a href="/about.html" class="hover:text-white transition">About & Values</a></li>
           </ul>
         </div>
         <div>
diff --git a/public/researcher.html b/public/researcher.html
index 9e2c1b3f..eb4f8254 100644
--- a/public/researcher.html
+++ b/public/researcher.html
@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>For Researchers | Tractatus AI Safety Framework</title>
   <meta name="description" content="Tractatus framework research: architectural constraints, theoretical foundations, and empirical validation of AI safety through structural guarantees.">
-  <link rel="stylesheet" href="/css/tailwind.css?v=1759832032">
+  <link rel="stylesheet" href="/css/tailwind.css?v=1759832544">
 </head>
 <a href="#main-content" class="skip-link">Skip to main content</a>
 <body class="bg-gray-50">
@@ -22,6 +22,7 @@
           <a href="/implementer.html" class="text-gray-600 hover:text-gray-900">Implementer</a>
           <a href="/advocate.html" class="text-gray-600 hover:text-gray-900">Advocate</a>
           <a href="/docs.html" class="text-gray-600 hover:text-gray-900">Documentation</a>
+          <a href="/about.html" class="text-gray-600 hover:text-gray-900">About</a>
           <a href="/" class="text-gray-600 hover:text-gray-900">Home</a>
         </div>
       </div>
