diff --git a/public/index.html b/public/index.html
index 2f294d05..40133846 100644
--- a/public/index.html
+++ b/public/index.html
@@ -110,6 +110,36 @@
   <!-- Main Content -->
   <main id="main-content" role="main">
 
+  <!-- What's New: Agent Lightning Integration -->
+  <section class="bg-gradient-to-r from-purple-600 to-indigo-600 text-white py-12 border-b-4 border-purple-800">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div class="flex flex-col md:flex-row items-center gap-6">
+        <div class="flex-shrink-0 text-6xl">⚡</div>
+        <div class="flex-1 text-center md:text-left">
+          <div class="inline-block bg-purple-800 text-purple-200 px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wide mb-2">
+            New Integration
+          </div>
+          <h2 class="text-3xl font-bold mb-2">Agent Lightning Integration</h2>
+          <p class="text-lg text-purple-100 mb-4">
+            Governance + Performance: Tractatus now integrates with Microsoft's Agent Lightning framework for reinforcement learning optimization while maintaining architectural constraints.
+          </p>
+          <div class="flex flex-col sm:flex-row gap-3 justify-center md:justify-start">
+            <a href="/integrations/agent-lightning.html"
+               class="inline-block bg-white text-purple-700 px-6 py-3 rounded-lg font-semibold hover:bg-purple-50 transition-all shadow-lg hover:shadow-xl">
+              Learn More →
+            </a>
+            <a href="https://discord.gg/2QH69Rtd"
+               target="_blank"
+               rel="noopener noreferrer"
+               class="inline-block bg-purple-800 text-white px-6 py-3 rounded-lg font-semibold hover:bg-purple-900 transition-all border-2 border-purple-400">
+              Join AL Discord →
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
   <!-- Built on Living Systems Principles -->
   <section class="bg-gradient-to-br from-purple-50 via-blue-50 to-teal-50 py-16 border-y border-gray-200">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
diff --git a/public/js/components/navbar.js b/public/js/components/navbar.js
index e0adf9f3..fd3e9604 100644
--- a/public/js/components/navbar.js
+++ b/public/js/components/navbar.js
@@ -87,6 +87,10 @@ class TractatusNavbar {
                   <span class="text-sm">💼 Leader</span>
                 </a>
               </div>
+              <a href="/integrations/agent-lightning.html" class="block px-3 py-2.5 text-gray-700 hover:bg-purple-50 hover:text-purple-700 rounded-lg transition">
+                <span class="text-sm font-semibold">⚡ Agent Lightning Integration</span>
+                <span class="block text-xs text-gray-500 mt-0.5">Governance + Performance</span>
+              </a>
               <a href="/docs.html" class="block px-3 py-2.5 text-gray-700 hover:bg-blue-50 hover:text-blue-700 rounded-lg transition">
                 <span class="text-sm font-semibold">📚 Documentation</span>
               </a>