diff --git a/src/pages/index.mdx b/src/pages/index.mdx
index 6795e72..d3cf16d 100644
--- a/src/pages/index.mdx
+++ b/src/pages/index.mdx
@@ -1,166 +1,237 @@
 ---
 title: Rug Munch Media
-description: Wyoming-built open-source AI + Web3 tools protecting retail crypto investors.
+description: Wyoming-built open-source Web3 + AI infrastructure. Protecting retail investors.
 hide_table_of_contents: true
 ---
 
 import Link from '@docusaurus/Link';
+import BrowserOnly from '@docusaurus/BrowserOnly';
 
 <div style={{
-  background: 'linear-gradient(180deg, #0A0A0F 0%, #0A1010 40%, #0A0A0F 100%)',
+  background: 'radial-gradient(ellipse 80% 60% at 50% 0%, rgba(0,255,136,0.08) 0%, transparent 60%), radial-gradient(ellipse 40% 30% at 80% 80%, rgba(0,255,136,0.04) 0%, transparent 50%), #0A0A0F',
   minHeight: '100vh',
-  padding: '80px 24px 100px',
+  padding: '80px 24px 120px',
   textAlign: 'center',
   position: 'relative',
-  overflow: 'hidden',
+  overflow: 'hidden'
 }}>
-  <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, background: 'radial-gradient(ellipse at 50% 0%, rgba(0,255,136,0.06) 0%, transparent 70%)', pointerEvents: 'none' }} />
 
-    <div style={{ position: 'relative', zIndex: 1, maxWidth: 800, margin: '0 auto' }}>
-      <img src="/img/logo-full.png" alt="Rug Munch Media" style={{ maxWidth: 400, height: 'auto', marginBottom: 24 }} />
-      <p style={{ fontSize: '1rem', color: '#00FF88', fontWeight: 500, marginBottom: 24 }}>
-      Open-source tools that protect retail crypto investors.
-    </p>
-    <p style={{ fontSize: '0.9rem', color: '#888899', maxWidth: 520, margin: '0 auto 40px', lineHeight: 1.7 }}>
-      We build the scanner that catches rug pulls before you ape, the feed that
-      unifies every social protocol, the wallet engine that works across 55 chains —
-      and we give it all away. Open-source. Self-hostable. No catch.
-    </p>
+<div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, opacity: 0.03, pointerEvents: 'none', backgroundImage: 'linear-gradient(rgba(0,255,136,0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(0,255,136,0.3) 1px, transparent 1px)', backgroundSize: '60px 60px' }} />
 
-    <div style={{ display: 'flex', gap: 14, justifyContent: 'center', flexWrap: 'wrap', marginBottom: 60 }}>
-      <Link to="/products/rmi" style={{
-        display: 'inline-block', background: '#00FF88', color: '#0A0A0F', fontWeight: 700,
-        padding: '12px 28px', borderRadius: 6, textDecoration: 'none', fontSize: '0.9rem',
-        fontFamily: 'Inter', letterSpacing: '-0.01em'
-      }}>Rug Munch Intelligence →</Link>
-      <Link to="/about" style={{
-        display: 'inline-block', background: 'transparent', color: '#888899', fontWeight: 500,
-        padding: '12px 28px', borderRadius: 6, border: '1px solid #222233', textDecoration: 'none',
-        fontSize: '0.9rem', fontFamily: 'Inter'
-      }}>Read Our Story</Link>
-    </div>
+<div style={{ position: 'relative', zIndex: 1, maxWidth: 860, margin: '0 auto' }}>
+  <img src="/img/logo-full.png" alt="Rug Munch Media" style={{ maxWidth: 520, width: '100%', height: 'auto', marginBottom: 32 }} />
+  
+  <p style={{ fontSize: '1.1rem', color: '#00FF88', fontWeight: 500, marginBottom: 16, letterSpacing: '-0.01em' }}>
+    Open-source tools that protect retail crypto investors.
+  </p>
+  
+  <p style={{ fontSize: '0.95rem', color: '#888899', maxWidth: 560, margin: '0 auto 44px', lineHeight: 1.7 }}>
+    We build the scanner that catches rug pulls before you ape, the feed that unifies every social protocol, 
+    the wallet engine that works across 55 chains — and we give it all away. Wyoming-built. Self-funded. No VC.
+  </p>
+
+  <div style={{ display: 'flex', gap: 14, justifyContent: 'center', flexWrap: 'wrap' }}>
+    <Link to="/products/rmi" className="rmi-btn rmi-btn--primary">Rug Munch Intelligence →</Link>
+    <Link to="/about" className="rmi-btn rmi-btn--secondary">Read Our Story</Link>
+  </div>
+</div>
+</div>
+
+{/* ── Stats Bar ─────────────────────────────────────────────── */}
+<div style={{ background: '#0A0A0F', borderTop: '1px solid rgba(0,255,136,0.06)', borderBottom: '1px solid rgba(0,255,136,0.06)', padding: '40px 0' }}>
+  <div style={{ maxWidth: 900, margin: '0 auto', display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(140px, 1fr))', gap: 20, padding: '0 24px', textAlign: 'center' }}>
+    {[
+      { value: '6', label: 'Products Shipping' },
+      { value: '17', label: 'Public Repos' },
+      { value: '55', label: 'Chains Supported' },
+      { value: '3', label: 'Months Building' },
+    ].map(s => (
+      <div key={s.label}>
+        <div style={{ fontSize: '2rem', fontWeight: 800, color: '#00FF88', letterSpacing: '-0.02em' }}>{s.value}</div>
+        <div style={{ fontSize: '0.78rem', color: '#888899', marginTop: 4 }}>{s.label}</div>
+      </div>
+    ))}
   </div>
 </div>
 
 {/* ── Products ──────────────────────────────────────────────── */}
-<div style={{ background: '#0A0A0F', padding: '60px 24px 80px', maxWidth: 1000, margin: '0 auto' }}>
+<div style={{ background: '#0A0A0F', padding: '80px 24px', maxWidth: 1100, margin: '0 auto' }}>
 
-<h2 style={{ textAlign: 'center', fontSize: '1.6rem', fontWeight: 700, marginBottom: 6, color: '#E8E8ED' }}>
-  What We Build
+<h2 style={{ textAlign: 'center', fontSize: '1.8rem', fontWeight: 800, marginBottom: 8, color: '#E8E8ED', letterSpacing: '-0.02em' }}>
+  Products
 </h2>
-<p style={{ textAlign: 'center', color: '#888899', fontSize: '0.9rem', maxWidth: 560, margin: '0 auto 48px' }}>
-  Every product protects retail investors. Everything is open-source. Everything runs on your own hardware if you want.
+<p style={{ textAlign: 'center', color: '#888899', fontSize: '0.95rem', maxWidth: 560, margin: '0 auto 52px', lineHeight: 1.6 }}>
+  Every product serves one mission: protect retail investors and make crypto a better place. Open-source. Self-hostable. No vendor lock-in.
 </p>
 
-<div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(280px, 1fr))', gap: 20 }}>
+<div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(280px, 1fr))', gap: 24 }}>
 
-{/* RMI */}
+{/* ── RMI ──────────────────────────────────────────────────── */}
 <Link to="/products/rmi" style={{ textDecoration: 'none' }}>
-<div style={{ background: '#111118', border: '1px solid #00FF88', borderRadius: 12, padding: 28, transition: 'transform 0.2s' }}>
-  <img src="/img/rmi-logo.png" alt="Rug Munch Intelligence" style={{ height: 26, marginBottom: 14 }} />
+<div style={{
+  background: 'linear-gradient(135deg, #111118 0%, #0d1410 100%)',
+  border: '1px solid rgba(0,255,136,0.20)',
+  borderRadius: 14, padding: 32, position: 'relative', overflow: 'hidden',
+  transition: 'all 0.25s cubic-bezier(0.4,0,0.2,1)',
+  boxShadow: '0 4px 24px rgba(0,0,0,0.2)',
+}}>
+  <div style={{ position: 'absolute', top: -20, right: -20, width: 120, height: 120, background: 'radial-gradient(circle, rgba(0,255,136,0.08) 0%, transparent 70%)', borderRadius: '50%' }} />
+  <img src="/img/rmi-logo.png" alt="RMI" style={{ height: 28, marginBottom: 18, position: 'relative' }} />
   <br/>
   <span className="rmi-badge rmi-badge--coming">Delivering Soon</span>
-  <h3 style={{ fontSize: '1.2rem', fontWeight: 700, margin: '0 0 8px', color: '#E8E8ED' }}>Rug Munch Intelligence</h3>
-  <p style={{ fontSize: '0.85rem', color: '#888899', lineHeight: 1.6, margin: 0 }}>
-    The token scanner that tells you if a contract is a honeypot, rug pull, or slow bleed — BEFORE you invest. Honeypot detection, liquidity analysis, holder concentration, MEV alerts. Free. Forever.
-  </p>
-  <p style={{ fontSize: '0.78rem', color: '#00FF88', marginTop: 12, fontWeight: 500 }}>
-    Learn more →
+  <p style={{ fontSize: '0.88rem', color: '#888899', lineHeight: 1.65, margin: '16px 0 0', position: 'relative' }}>
+    Token scanner and wallet forensics. Honeypot detection, liquidity analysis, holder concentration, MEV alerts. Scan before you ape. Free. Forever.
   </p>
+  <p style={{ fontSize: '0.8rem', color: '#00FF88', marginTop: 16, fontWeight: 600, position: 'relative' }}>Explore RMI →</p>
 </div>
 </Link>
 
-{/* DegenFeed */}
+{/* ── DegenFeed ────────────────────────────────────────────── */}
 <a href="https://degenfeed.xyz" target="_blank" rel="noopener" style={{ textDecoration: 'none' }}>
-<div style={{ background: '#111118', border: '1px solid #222233', borderRadius: 12, padding: 28, transition: 'transform 0.2s' }}>
-  <img src="/img/degenfeed-logo.png" alt="DegenFeed" style={{ height: 26, marginBottom: 14 }} />
+<div style={{
+  background: 'linear-gradient(135deg, #111118 0%, #0d1410 100%)',
+  border: '1px solid #222233',
+  borderRadius: 14, padding: 32, position: 'relative', overflow: 'hidden',
+  transition: 'all 0.25s cubic-bezier(0.4,0,0.2,1)',
+  boxShadow: '0 4px 24px rgba(0,0,0,0.2)',
+}}>
+  <div style={{ position: 'absolute', top: -30, left: -30, width: 140, height: 140, background: 'radial-gradient(circle, rgba(0,255,136,0.05) 0%, transparent 70%)', borderRadius: '50%' }} />
+  <img src="/img/degenfeed-logo.png" alt="DegenFeed" style={{ height: 28, marginBottom: 18, position: 'relative' }} />
   <br/>
   <span className="rmi-badge rmi-badge--live"><span className="rmi-status-live"/>Live ↗</span>
-  <p style={{ fontSize: '0.85rem', color: '#888899', lineHeight: 1.6, margin: 0, marginTop: 14 }}>
-    One feed for every social protocol. Nostr, Farcaster, Bluesky, Mastodon, Lens, Threads, RSS. Post once, reach everyone. Your keys. No algorithm. No platform can deplatform your community.
-  </p>
-  <p style={{ fontSize: '0.78rem', color: '#00FF88', marginTop: 12, fontWeight: 500 }}>
-    degenfeed.xyz ↗
+  <p style={{ fontSize: '0.88rem', color: '#888899', lineHeight: 1.65, margin: '16px 0 0', position: 'relative' }}>
+    One feed for every social protocol. Nostr, Farcaster, Bluesky, Mastodon, Lens, Threads, RSS. Post once, reach everyone. Your keys. No algorithm.
   </p>
+  <p style={{ fontSize: '0.8rem', color: '#00FF88', marginTop: 16, fontWeight: 600, position: 'relative' }}>degenfeed.xyz ↗</p>
 </div>
 </a>
 
-{/* Pry */}
-<Link to="/products/pry" style={{ textDecoration: 'none' }}>
-<div style={{ background: '#111118', border: '1px solid #222233', borderRadius: 12, padding: 28, transition: 'transform 0.2s' }}>
-  <img src="/img/pry-logo.png" alt="Pry" style={{ height: 26, marginBottom: 14 }} />
+{/* ── Pry ──────────────────────────────────────────────────── */}
+<a href="https://pryscraper.com" target="_blank" rel="noopener" style={{ textDecoration: 'none' }}>
+<div style={{
+  background: 'linear-gradient(135deg, #111118 0%, #0d1410 100%)',
+  border: '1px solid #222233',
+  borderRadius: 14, padding: 32, position: 'relative', overflow: 'hidden',
+  transition: 'all 0.25s cubic-bezier(0.4,0,0.2,1)',
+  boxShadow: '0 4px 24px rgba(0,0,0,0.2)',
+}}>
+  <div style={{ position: 'absolute', bottom: -30, right: -30, width: 120, height: 120, background: 'radial-gradient(circle, rgba(0,255,136,0.05) 0%, transparent 70%)', borderRadius: '50%' }} />
+  <img src="/img/pry-logo.png" alt="Pry" style={{ height: 28, marginBottom: 18, position: 'relative' }} />
   <br/>
-  <span className="rmi-badge rmi-badge--live"><span className="rmi-status-live"/>Live</span>
-  <h3 style={{ fontSize: '1.2rem', fontWeight: 700, margin: '0 0 8px', color: '#E8E8ED' }}>Pry</h3>
-  <p style={{ fontSize: '0.85rem', color: '#888899', lineHeight: 1.6, margin: 0 }}>
-    Open-source web scraping and browser automation. Cloudflare bypass. One `docker run` command. Self-hosted. No monthly SaaS bill. Powers the data pipeline behind RMI.
-  </p>
-  <p style={{ fontSize: '0.78rem', color: '#00FF88', marginTop: 12, fontWeight: 500 }}>
-    Learn more →
+  <span className="rmi-badge rmi-badge--live"><span className="rmi-status-live"/>Live ↗</span>
+  <p style={{ fontSize: '0.88rem', color: '#888899', lineHeight: 1.65, margin: '16px 0 0', position: 'relative' }}>
+    Open-source web scraping and browser automation. Cloudflare bypass. 190+ endpoints. MCP server for AI agents. One docker run. Self-hosted.
   </p>
+  <p style={{ fontSize: '0.8rem', color: '#00FF88', marginTop: 16, fontWeight: 600, position: 'relative' }}>pryscraper.com ↗</p>
 </div>
-</Link>
+</a>
 
-{/* WalletPress */}
-<Link to="/products/walletpress" style={{ textDecoration: 'none' }}>
-<div style={{ background: '#111118', border: '1px solid #222233', borderRadius: 12, padding: 28, transition: 'transform 0.2s' }}>
-  <img src="/img/walletpress-logo.png" alt="WalletPress" style={{ height: 26, marginBottom: 14 }} />
+{/* ── WalletPress ──────────────────────────────────────────── */}
+<a href="https://walletpress.cc" target="_blank" rel="noopener" style={{ textDecoration: 'none' }}>
+<div style={{
+  background: 'linear-gradient(135deg, #111118 0%, #0d1410 100%)',
+  border: '1px solid #222233',
+  borderRadius: 14, padding: 32, position: 'relative', overflow: 'hidden',
+  transition: 'all 0.25s cubic-bezier(0.4,0,0.2,1)',
+  boxShadow: '0 4px 24px rgba(0,0,0,0.2)',
+}}>
+  <div style={{ position: 'absolute', top: -30, left: -30, width: 140, height: 140, background: 'radial-gradient(circle, rgba(0,255,136,0.05) 0%, transparent 70%)', borderRadius: '50%' }} />
+  <img src="/img/walletpress-logo.png" alt="WalletPress" style={{ height: 28, marginBottom: 18, position: 'relative' }} />
   <br/>
-  <span className="rmi-badge rmi-badge--live"><span className="rmi-status-live"/>Live</span>
-  <h3 style={{ fontSize: '1.2rem', fontWeight: 700, margin: '0 0 8px', color: '#E8E8ED' }}>WalletPress</h3>
-  <p style={{ fontSize: '0.85rem', color: '#888899', lineHeight: 1.6, margin: 0 }}>
-    Multi-chain wallet generation and management across 55 blockchains. BIP39 standard. AES-256 vault. MCP tools for AI agents. WordPress plugin. Your keys, your infrastructure.
+  <span className="rmi-badge rmi-badge--live"><span className="rmi-status-live"/>Live ↗</span>
+  <p style={{ fontSize: '0.88rem', color: '#888899', lineHeight: 1.65, margin: '16px 0 0', position: 'relative' }}>
+    Multi-chain wallet generation across 55 blockchains. BIP39 standard. AES-256 vault. MCP tools for AI agents. WordPress plugin. Your keys, your infra.
   </p>
-  <p style={{ fontSize: '0.78rem', color: '#00FF88', marginTop: 12, fontWeight: 500 }}>
+  <p style={{ fontSize: '0.8rem', color: '#00FF88', marginTop: 16, fontWeight: 600, position: 'relative' }}>walletpress.cc ↗</p>
+</div>
+</a>
+</div>
+
+{/* ── $CRM v2 ───────────────────────────────────────────────── */}
+<div style={{
+  marginTop: 48,
+  background: 'linear-gradient(135deg, rgba(0,255,136,0.04), rgba(0,0,0,0.3))',
+  border: '1px solid rgba(0,255,136,0.12)',
+  borderRadius: 16, padding: 48, textAlign: 'center',
+  boxShadow: '0 4px 32px rgba(0,0,0,0.3)',
+}}>
+  <p style={{ fontSize: '0.7rem', fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.14em', color: '#00FF88', marginBottom: 10 }}>
+    In Development
+  </p>
+  <h3 style={{ fontSize: '1.6rem', fontWeight: 800, marginBottom: 12, color: '#E8E8ED', letterSpacing: '-0.02em' }}>
+    $CRM v2 — The DAO
+  </h3>
+  <p style={{ color: '#888899', maxWidth: 540, margin: '0 auto 24px', lineHeight: 1.7, fontSize: '0.95rem' }}>
+    Community-governed DAO. Wyoming DAO LLC. Anti-manipulation mechanics built into the contract. 
+    Treasury funding the tools above. $CRM v1 holders on Solana and $cryptorugmunch holders on Zora — 
+    bridge details with DAO launch.
+  </p>
+  <Link to="/products/crm" style={{ display: 'inline-block', color: '#00FF88', fontSize: '0.88rem', fontWeight: 600, textDecoration: 'none' }}>
     Learn more →
-  </p>
-</div>
-</Link>
-
+  </Link>
 </div>
 
-{/* $CRM v2 Banner */}
-<div style={{ background: 'linear-gradient(135deg, rgba(0,255,136,0.05), rgba(0,0,0,0.3))', border: '1px solid #222233', borderRadius: 16, padding: 44, marginTop: 40, textAlign: 'center' }}>
-  <p style={{ fontSize: '0.7rem', fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.12em', color: '#00FF88', marginBottom: 8 }}>In Development</p>
-  <h3 style={{ fontSize: '1.4rem', fontWeight: 700, marginBottom: 10, color: '#E8E8ED' }}>$CRM v2 — The DAO</h3>
-  <p style={{ color: '#888899', maxWidth: 500, margin: '0 auto 20px', lineHeight: 1.6, fontSize: '0.9rem' }}>
-    Community-governed DAO. Wyoming DAO LLC. Anti-manipulation mechanics. Treasury funding the tools above. $CRM v1 holders on Solana and $cryptorugmunch holders on Zora — bridge details with DAO launch.
-  </p>
-  <Link to="/products/crm" style={{ display: 'inline-block', color: '#00FF88', fontSize: '0.85rem', fontWeight: 600, textDecoration: 'none' }}>Learn more →</Link>
-</div>
-
-{/* ── Our Sites ────────────────────────────────────────────── */}
-<div style={{ marginTop: 60 }}>
-  <h2 style={{ textAlign: 'center', fontSize: '1.6rem', fontWeight: 700, marginBottom: 6, color: '#E8E8ED' }}>
-    Our Network
+{/* ── Our Network ───────────────────────────────────────────── */}
+<div style={{ marginTop: 72 }}>
+  <h2 style={{ textAlign: 'center', fontSize: '1.8rem', fontWeight: 800, marginBottom: 8, color: '#E8E8ED', letterSpacing: '-0.02em' }}>
+    Network
   </h2>
-  <p style={{ textAlign: 'center', color: '#888899', fontSize: '0.9rem', maxWidth: 500, margin: '0 auto 40px' }}>
-    See what we're building across the web.
+  <p style={{ textAlign: 'center', color: '#888899', fontSize: '0.95rem', maxWidth: 480, margin: '0 auto 44px' }}>
+    Our code lives on our own git, mirrored to three backup hosts. No single point of failure.
   </p>
 
-  <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 16 }}>
+  <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(200px, 1fr))', gap: 16 }}>
 
     <a href="https://git.rugmunch.io/RugMunchMedia" target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'none' }}>
-      <div style={{ background: '#111118', border: '1px solid #00FF88', borderRadius: 10, padding: 20, textAlign: 'center' }}>
-        <div style={{ fontSize: '1.3rem', marginBottom: 6, color: '#00FF88' }}>⊞</div>
-        <div style={{ fontSize: '0.85rem', fontWeight: 600, color: '#E8E8ED', marginBottom: 3 }}>Our Git</div>
-        <div style={{ fontSize: '0.72rem', color: '#555566' }}>All source code. 17 repos.</div>
+      <div style={{
+        background: '#111118', border: '1px solid rgba(0,255,136,0.25)', borderRadius: 12, padding: 24, textAlign: 'center',
+        transition: 'all 0.2s',
+      }}>
+        <div style={{ fontSize: '1.5rem', marginBottom: 10, color: '#00FF88' }}>⊞</div>
+        <div style={{ fontSize: '0.9rem', fontWeight: 700, color: '#E8E8ED', marginBottom: 4 }}>Our Git</div>
+        <div style={{ fontSize: '0.73rem', color: '#555566' }}>All source code. 17 repos.</div>
       </div>
     </a>
 
     {[
-      { name: 'DegenFeed', url: 'https://degenfeed.xyz', desc: 'Social aggregator live site', icon: '◇' },
-      { name: 'rugmunch.io', url: 'https://rugmunch.io', desc: 'Rug Munch Intelligence portal', icon: '◎' },
-      { name: 'Telegram Bot', url: 'https://t.me/rugmunchbot', desc: 'Scan tokens from Telegram', icon: '✈' },
-      { name: 'GitLab Mirror', url: 'https://gitlab.com/cryptorugmuncher', desc: 'External mirror', icon: '⎔' },
-      { name: 'Codeberg Mirror', url: 'https://codeberg.org/cryptorugmunch', desc: 'External mirror', icon: '⛰' },
-      { name: 'Radicle P2P', url: 'https://radicle.network/nodes/iris.radicle.network/rad:z4WHF6sDhmfqQvmigQSPYezNgy9c6', desc: 'Decentralized backup', icon: '⬡' },
+      { name: 'GitLab Mirror', url: 'https://gitlab.com/cryptorugmuncher', icon: '⎔' },
+      { name: 'Codeberg Mirror', url: 'https://codeberg.org/cryptorugmunch', icon: '⛰' },
+      { name: 'Radicle P2P', url: 'https://radicle.network/nodes/iris.radicle.network/rad:z4WHF6sDhmfqQvmigQSPYezNgy9c6', icon: '⬡' },
     ].map(site => (
       <a key={site.name} href={site.url} target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'none' }}>
-        <div style={{ background: '#111118', border: '1px solid #222233', borderRadius: 10, padding: 20, textAlign: 'center' }}>
-          <div style={{ fontSize: '1.3rem', marginBottom: 6, color: '#00FF88' }}>{site.icon}</div>
-          <div style={{ fontSize: '0.85rem', fontWeight: 600, color: '#E8E8ED', marginBottom: 3 }}>{site.name}</div>
-          <div style={{ fontSize: '0.72rem', color: '#555566' }}>{site.desc}</div>
+        <div style={{
+          background: '#111118', border: '1px solid #222233', borderRadius: 12, padding: 24, textAlign: 'center',
+          transition: 'all 0.2s',
+        }}>
+          <div style={{ fontSize: '1.3rem', marginBottom: 10, color: '#00FF88' }}>{site.icon}</div>
+          <div style={{ fontSize: '0.85rem', fontWeight: 600, color: '#E8E8ED', marginBottom: 4 }}>{site.name}</div>
+          <div style={{ fontSize: '0.7rem', color: '#555566' }}>Decentralized backup</div>
+        </div>
+      </a>
+    ))}
+  </div>
+</div>
+
+{/* ── Live Sites ────────────────────────────────────────────── */}
+<div style={{ marginTop: 72 }}>
+  <h2 style={{ textAlign: 'center', fontSize: '1.8rem', fontWeight: 800, marginBottom: 44, color: '#E8E8ED', letterSpacing: '-0.02em' }}>
+    Live
+  </h2>
+  <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))', gap: 16 }}>
+    {[
+      { name: 'DegenFeed', url: 'https://degenfeed.xyz', desc: 'Social aggregator' },
+      { name: 'Pry', url: 'https://pryscraper.com', desc: 'Web intelligence' },
+      { name: 'WalletPress', url: 'https://walletpress.cc', desc: 'Wallet engine' },
+      { name: 'Telegram Bot', url: 'https://t.me/rugmunchbot', desc: 'Scan tokens' },
+    ].map(site => (
+      <a key={site.name} href={site.url} target="_blank" rel="noopener noreferrer" style={{ textDecoration: 'none' }}>
+        <div style={{
+          background: '#111118', border: '1px solid #222233', borderRadius: 12, padding: 22, textAlign: 'center',
+          transition: 'all 0.2s',
+        }}>
+          <div style={{ fontSize: '0.9rem', fontWeight: 700, color: '#E8E8ED', marginBottom: 4 }}>{site.name}</div>
+          <div style={{ fontSize: '0.73rem', color: '#555566' }}>{site.desc}</div>
+          <div style={{ fontSize: '0.7rem', color: '#00FF88', marginTop: 8, fontWeight: 600 }}>{new URL(site.url).hostname}</div>
         </div>
       </a>
     ))}
@@ -168,20 +239,21 @@ import Link from '@docusaurus/Link';
 </div>
 
 {/* ── Footer ────────────────────────────────────────────────── */}
-<div style={{ marginTop: 80, paddingTop: 40, borderTop: '1px solid #222233', textAlign: 'center' }}>
-  <p style={{ fontSize: '0.78rem', color: '#555566', marginBottom: 6 }}>
+<div style={{ marginTop: 80, paddingTop: 36, borderTop: '1px solid rgba(0,255,136,0.06)', textAlign: 'center' }}>
+  <p style={{ fontSize: '0.82rem', color: '#555566', marginBottom: 6 }}>
     Rug Munch Media LLC · Cheyenne, Wyoming
   </p>
-  <p style={{ fontSize: '0.72rem', color: '#444455', marginBottom: 12 }}>
+  <p style={{ fontSize: '0.74rem', color: '#444455', marginBottom: 14 }}>
     Open-source AI + Web3 infrastructure. Built in Wyoming. Deployed globally.
   </p>
-  <div style={{ fontSize: '0.72rem', display: 'flex', gap: 16, justifyContent: 'center', flexWrap: 'wrap', color: '#555566' }}>
+  <div style={{ fontSize: '0.74rem', display: 'flex', gap: 18, justifyContent: 'center', flexWrap: 'wrap', color: '#555566' }}>
     <Link to="/terms">Terms</Link>
     <Link to="/privacy">Privacy</Link>
     <Link to="/legal">Legal</Link>
     <Link to="/security">Security</Link>
     <a href="https://x.com/cryptorugmunch" target="_blank" rel="noopener">X</a>
-    <a href="https://git.rugmunch.io/RugMunchMedia" target="_blank" rel="noopener">Forgejo</a>
+    <a href="https://git.rugmunch.io/RugMunchMedia" target="_blank" rel="noopener">Git</a>
+    <a href="https://degenfeed.xyz" target="_blank" rel="noopener">DegenFeed</a>
   </div>
 </div>