Update Agent 0 section: match website theme and use slashed zero symbol

Author: Your Name

index.html

@@ -858,31 +858,36 @@ <h3 style="font-size: 1.2rem; margin-bottom: 1rem; color: var(--text-primary);">
         </div>
     </section>
 
-    <!-- Agent Zero Announcement -->
-    <section style="background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); padding: 3rem 2rem; margin: 0 auto; max-width: 1200px;">
-        <div style="max-width: 900px; margin: 0 auto; text-align: center;">
-            <h2 style="color: #fff; font-size: 2rem; margin-bottom: 1rem; font-weight: 600;">
-                🚀 Introducing Agent Zero
+    <!-- Agent 0 Announcement -->
+    <section style="padding: 4rem 2rem; max-width: 1200px; margin: 0 auto;">
+        <div style="max-width: 900px; margin: 0 auto;">
+            <h2 style="font-size: 2.5rem; margin-bottom: 1rem; color: var(--text-primary); display: flex; align-items: center; gap: 0.75rem; justify-content: center;">
+                <span class="icon">
+                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" style="width: 2rem; height: 2rem; display: inline-block; vertical-align: middle; color: var(--accent);">
+                        <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
+                    </svg>
+                </span>
+                Introducing Agent <span style="position: relative; display: inline-block; font-family: 'Courier New', monospace;">0<span style="position: absolute; top: 50%; left: 0; right: 0; height: 2px; background: var(--accent); transform: translateY(-50%) rotate(-45deg); pointer-events: none;"></span></span>
             </h2>
-            <p style="color: #e0e7ff; font-size: 1.2rem; margin-bottom: 2rem; line-height: 1.6;">
-                Your AI coding assistant just got smarter. Agent Zero is PersistenceAI's proprietary intelligent enhancement layer that learns from every session, continuously improving code quality, reducing errors, and speeding up your workflow.
+            <p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 2rem; line-height: 1.8; text-align: center;">
+                Your AI coding assistant just got smarter. Agent <span style="position: relative; display: inline-block; font-family: 'Courier New', monospace;">0<span style="position: absolute; top: 50%; left: 0; right: 0; height: 1.5px; background: var(--accent); transform: translateY(-50%) rotate(-45deg); pointer-events: none;"></span></span> is PersistenceAI's proprietary intelligent enhancement layer that learns from every session, continuously improving code quality, reducing errors, and speeding up your workflow.
             </p>
-            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1.5rem; margin: 2rem 0; max-width: 800px; margin-left: auto; margin-right: auto;">
-                <div style="background: rgba(255,255,255,0.1); padding: 1.5rem; border-radius: 8px; backdrop-filter: blur(10px);">
-                    <div style="font-size: 2rem; margin-bottom: 0.5rem; font-weight: bold; color: #fff;">+30%</div>
-                    <div style="color: #cbd5e1; font-size: 0.9rem;">Code Quality</div>
+            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; margin: 2rem 0;">
+                <div class="feature-card" style="text-align: center; padding: 2rem;">
+                    <div style="font-size: 2.5rem; margin-bottom: 0.5rem; font-weight: bold; color: var(--accent);">+30%</div>
+                    <div style="color: var(--text-secondary); font-size: 1rem;">Code Quality</div>
                 </div>
-                <div style="background: rgba(255,255,255,0.1); padding: 1.5rem; border-radius: 8px; backdrop-filter: blur(10px);">
-                    <div style="font-size: 2rem; margin-bottom: 0.5rem; font-weight: bold; color: #fff;">-70%</div>
-                    <div style="color: #cbd5e1; font-size: 0.9rem;">Errors</div>
+                <div class="feature-card" style="text-align: center; padding: 2rem;">
+                    <div style="font-size: 2.5rem; margin-bottom: 0.5rem; font-weight: bold; color: var(--accent);">-70%</div>
+                    <div style="color: var(--text-secondary); font-size: 1rem;">Errors</div>
                 </div>
-                <div style="background: rgba(255,255,255,0.1); padding: 1.5rem; border-radius: 8px; backdrop-filter: blur(10px);">
-                    <div style="font-size: 2rem; margin-bottom: 0.5rem; font-weight: bold; color: #fff;">+35%</div>
-                    <div style="color: #cbd5e1; font-size: 0.9rem;">Faster Tasks</div>
+                <div class="feature-card" style="text-align: center; padding: 2rem;">
+                    <div style="font-size: 2.5rem; margin-bottom: 0.5rem; font-weight: bold; color: var(--accent);">+35%</div>
+                    <div style="color: var(--text-secondary); font-size: 1rem;">Faster Tasks</div>
                 </div>
             </div>
-            <p style="color: #cbd5e1; font-size: 0.95rem; margin-top: 1.5rem; margin-bottom: 0;">
-                Pre-configured and enabled by default. No setup required. <a href="https://github.com/Persistence-AI" target="_blank" rel="noopener" style="color: #fff; text-decoration: underline; font-weight: 600;">Learn more on GitHub →</a>
+            <p style="font-size: 1rem; color: var(--text-secondary); margin-top: 2rem; text-align: center;">
+                Pre-configured and enabled by default. No setup required. <a href="https://github.com/Persistence-AI" target="_blank" rel="noopener" style="color: var(--accent); text-decoration: none; font-weight: 600;">Learn more on GitHub →</a>
             </p>
         </div>
     </section>