diff --git a/install/index.html b/install/index.html
index 574c874..51c408f 100644
--- a/install/index.html
+++ b/install/index.html
@@ -1,3 +1,4 @@
+
 <!DOCTYPE html>
 <html lang="en">
 <head>
@@ -487,8 +488,8 @@
           </div>
 
           <!-- Green separator line -->
-          <div id="greenLine" style="padding:0 16px;font-family:'JetBrains Mono',monospace;font-size:13px;color:#22c55e;user-select:none;opacity:0;transition:opacity 0.3s;">
-            <span>-----------------------------------------------------------------------------------------------</span>
+          <div id="greenLine" style="padding:0 16px;font-family:'JetBrains Mono',monospace;font-size:13px;color:#22c55e;user-select:none;opacity:0;transition:opacity 0.3s;overflow:hidden;">
+            <span style="display:block;width:100%;border-bottom:1px dashed #22c55e;line-height:0;height:0;"></span>
           </div>
 
           <!-- Input area -->
@@ -556,36 +557,93 @@
 
   <section id="compatibility">
     <div class="container fade-in">
-      <div class="section-label">//compatibility</div>
-      <h2 class="section-title">Good for Linux users</h2>
-      <p class="section-desc">And kinda for Windows</p>
+      <div class="section-label">// compatibility</div>
+      <h2 class="section-title">Platform support</h2>
+      <p class="section-desc">Built primarily for Linux terminals, with growing support for other platforms.</p>
 
-      <div class="docs-grid">
+      <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;">
 
-        <div class="doc-card">
-          <div class="doc-card-header">
-            <h3>Linux</h3>
+        <!-- Linux -->
+        <div class="feature-card" style="border-color:rgba(34,197,94,0.3);">
+          <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;">
+            <div style="display:flex;align-items:center;gap:12px;">
+              <div class="feature-icon">
+                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#22c55e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><circle cx="9" cy="10" r="1" fill="#22c55e"/><circle cx="15" cy="10" r="1" fill="#22c55e"/></svg>
+              </div>
+              <h3 style="font-size:16px;font-weight:600;">Linux</h3>
+            </div>
+            <span style="font-family:'JetBrains Mono',monospace;font-size:11px;padding:4px 10px;border-radius:999px;background:rgba(34,197,94,0.15);color:#22c55e;border:1px solid rgba(34,197,94,0.25);font-weight:600;">FULLY SUPPORTED</span>
           </div>
-          <div class="doc-card-body">
-            <p>Fully tested for Linux. Works great in terminal environments.</p>
+          <p style="font-size:14px;color:var(--text-dim);line-height:1.6;margin-bottom:16px;">First-class support. All features work out of the box including ANSI colors, readline, and autofill.</p>
+          <div style="display:flex;flex-direction:column;gap:8px;">
+            <div style="display:flex;align-items:center;gap:8px;font-size:13px;">
+              <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="#22c55e" stroke-width="2"><path d="M3 8.5l3.5 3.5L13 4.5"/></svg>
+              <span style="color:var(--text-dim);">Full ANSI color support</span>
+            </div>
+            <div style="display:flex;align-items:center;gap:8px;font-size:13px;">
+              <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="#22c55e" stroke-width="2"><path d="M3 8.5l3.5 3.5L13 4.5"/></svg>
+              <span style="color:var(--text-dim);">Readline & autofill</span>
+            </div>
+            <div style="display:flex;align-items:center;gap:8px;font-size:13px;">
+              <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="#22c55e" stroke-width="2"><path d="M3 8.5l3.5 3.5L13 4.5"/></svg>
+              <span style="color:var(--text-dim);">Tested & verified</span>
+            </div>
           </div>
         </div>
 
-        <div class="doc-card">
-          <div class="doc-card-header">
-            <h3>Windows</h3>
+        <!-- Windows -->
+        <div class="feature-card" style="border-color:rgba(234,179,8,0.3);">
+          <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;">
+            <div style="display:flex;align-items:center;gap:12px;">
+              <div class="feature-icon" style="background:rgba(234,179,8,0.15);">
+                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#eab308" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="8" height="8" rx="1"/><rect x="13" y="3" width="8" height="8" rx="1"/><rect x="3" y="13" width="8" height="8" rx="1"/><rect x="13" y="13" width="8" height="8" rx="1"/></svg>
+              </div>
+              <h3 style="font-size:16px;font-weight:600;">Windows</h3>
+            </div>
+            <span style="font-family:'JetBrains Mono',monospace;font-size:11px;padding:4px 10px;border-radius:999px;background:rgba(234,179,8,0.15);color:#eab308;border:1px solid rgba(234,179,8,0.25);font-weight:600;">PARTIAL</span>
           </div>
-          <div class="doc-card-body">
-            <p>Mostly compatible, but requires changes to the Readline and autofill function.</p>
+          <p style="font-size:14px;color:var(--text-dim);line-height:1.6;margin-bottom:16px;">Works with modifications. The readline module and autofill function need to be adjusted for Windows compatibility.</p>
+          <div style="display:flex;flex-direction:column;gap:8px;">
+            <div style="display:flex;align-items:center;gap:8px;font-size:13px;">
+              <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="#22c55e" stroke-width="2"><path d="M3 8.5l3.5 3.5L13 4.5"/></svg>
+              <span style="color:var(--text-dim);">Core chat functionality</span>
+            </div>
+            <div style="display:flex;align-items:center;gap:8px;font-size:13px;">
+              <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="#eab308" stroke-width="2"><path d="M8 3v6M8 12v1"/></svg>
+              <span style="color:var(--text-dim);">Readline needs <a href="https://ben.de-roo.org/install/Windows" class="green-link" style="color:#eab308;">pyreadline3</a></span>
+            </div>
+            <div style="display:flex;align-items:center;gap:8px;font-size:13px;">
+              <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="#eab308" stroke-width="2"><path d="M8 3v6M8 12v1"/></svg>
+              <span style="color:var(--text-dim);">Autofill needs adjustment</span>
+            </div>
           </div>
         </div>
 
-        <div class="doc-card">
-          <div class="doc-card-header">
-            <h3>macOS</h3>
+        <!-- macOS -->
+        <div class="feature-card" style="border-color:rgba(100,116,139,0.3);">
+          <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;">
+            <div style="display:flex;align-items:center;gap:12px;">
+              <div class="feature-icon" style="background:rgba(100,116,139,0.15);">
+                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/><path d="M9 9h6v6H9z"/></svg>
+              </div>
+              <h3 style="font-size:16px;font-weight:600;">macOS</h3>
+            </div>
+            <span style="font-family:'JetBrains Mono',monospace;font-size:11px;padding:4px 10px;border-radius:999px;background:rgba(100,116,139,0.15);color:#94a3b8;border:1px solid rgba(100,116,139,0.25);font-weight:600;">UNTESTED</span>
           </div>
-          <div class="doc-card-body">
-            <p>Not tested due to not having a mac (I am broke) </p>
+          <p style="font-size:14px;color:var(--text-dim);line-height:1.6;margin-bottom:16px;">Should work since macOS has a Unix-based terminal, but it hasn't been tested yet. Community feedback is welcome!</p>
+          <div style="display:flex;flex-direction:column;gap:8px;">
+            <div style="display:flex;align-items:center;gap:8px;font-size:13px;">
+              <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="#64748b" stroke-width="2"><path d="M8 3v6M8 12v1"/></svg>
+              <span style="color:var(--text-dim);">Likely compatible (Unix-based)</span>
+            </div>
+            <div style="display:flex;align-items:center;gap:8px;font-size:13px;">
+              <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="#64748b" stroke-width="2"><path d="M8 3v6M8 12v1"/></svg>
+              <span style="color:var(--text-dim);">Needs community testing</span>
+            </div>
+            <div style="display:flex;align-items:center;gap:8px;font-size:13px;">
+              <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="#64748b" stroke-width="2"><path d="M8 3v6M8 12v1"/></svg>
+              <span style="color:var(--text-dim);">Open an issue to report results</span>
+            </div>
           </div>
         </div>
 
