feat: complete site redesign — black + neon green, terminal aesthetic

- Full color palette swap: #FFD600 → #00FF88 (neon green)
- Terminal-style hero with green-on-black logo
- Product cards with retail-friendly descriptions
- External links to degenfeed.xyz, rugmunch.io, Forgejo
- 'Our Network' section linking all live sites + mirror repos
- Clean MDX homepage replacing complex TSX component
- Green CRM favicon with glow effect

src/css/custom.css

@@ -1,5 +1,5 @@
 /* ── Rug Munch Media — Dark Theme ─────────────────────────────── */
-/* Colors: bg=#0A0A0F, card=#111118, text=#E8E8ED, yellow=#FFD600, green=#00FF88, red=#FF3355 */
+/* Colors: bg=#0A0A0F, card=#111118, text=#E8E8ED, green=#00FF88, alt=#00FF88, red=#FF3355 */
 
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;700&display=swap');
 
@@ -11,7 +11,7 @@
   --rmi-text-primary: #E8E8ED;
   --rmi-text-secondary: #888899;
   --rmi-text-muted: #555566;
-  --rmi-accent-yellow: #FFD600;
+  --rmi-accent-yellow: #00FF88;
   --rmi-accent-green: #00FF88;
   --rmi-accent-red: #FF3355;
   --rmi-accent-blue: #3399FF;
@@ -67,7 +67,7 @@ a {
   transition: color 0.15s ease;
 }
 a:hover {
-  color: var(--rmi-accent-green);
+  color: var(--rmi-accent-yellow);
 }
 
 /* Headings */
@@ -98,7 +98,7 @@ code {
   border: 1px solid var(--rmi-border);
   border-radius: 4px;
   padding: 2px 6px;
-  color: var(--rmi-accent-green);
+  color: var(--rmi-accent-yellow);
 }
 
 /* Cards */
@@ -221,7 +221,7 @@ tbody tr:last-child td {
   position: absolute;
   top: 0; left: 0; right: 0; bottom: 0;
   background:
-    radial-gradient(ellipse at 30% 20%, rgba(255,214,0,0.06) 0%, transparent 50%),
+    radial-gradient(ellipse at 30% 20%, rgba(0,255,136,0.06) 0%, transparent 50%),
     radial-gradient(ellipse at 70% 80%, rgba(0,255,136,0.04) 0%, transparent 50%);
   pointer-events: none;
 }
@@ -271,7 +271,7 @@ tbody tr:last-child td {
 .rmi-product-card:hover {
   border-color: var(--rmi-accent-yellow);
   transform: translateY(-3px);
-  box-shadow: 0 8px 32px rgba(255,214,0,0.06);
+  box-shadow: 0 8px 32px rgba(0,255,136,0.06);
 }
 
 .rmi-product-card--coming-soon {
@@ -298,15 +298,15 @@ tbody tr:last-child td {
 }
 
 .rmi-badge--live {
-  background: rgba(0,255,136,0.12);
+  background: rgba(0,255,136,0.08);
-  color: var(--rmi-accent-green);
+  color: var(--rmi-accent-yellow);
-  border: 1px solid rgba(0,255,136,0.25);
+  border: 1px solid rgba(0,255,136,0.20);
 }
 
 .rmi-badge--coming {
-  background: rgba(255,214,0,0.12);
+  background: rgba(0,255,136,0.08);
   color: var(--rmi-accent-yellow);
-  border: 1px solid rgba(255,214,0,0.25);
+  border: 1px solid rgba(0,255,136,0.20);
 }
 
 .rmi-product-card p {
@@ -411,7 +411,7 @@ tbody tr:last-child td {
   display: inline-block;
   width: 8px;
   height: 8px;
-  background: var(--rmi-accent-green);
+  background: var(--rmi-accent-yellow);
   border-radius: 50%;
   margin-right: 6px;
   animation: pulse-green 2s ease-in-out infinite;

src/pages/index.mdx

@@ -0,0 +1,188 @@
+---
+title: Rug Munch Media
+description: Wyoming-built open-source AI + Web3 tools protecting retail crypto investors.
+hide_table_of_contents: true
+---
+
+import Link from '@docusaurus/Link';
+
+<div style={{
+  background: 'linear-gradient(180deg, #0A0A0F 0%, #0A1010 40%, #0A0A0F 100%)',
+  minHeight: '100vh',
+  padding: '80px 24px 100px',
+  textAlign: 'center',
+  position: 'relative',
+  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' }}>
+    <p style={{ fontFamily: '"JetBrains Mono", monospace', fontSize: '0.8rem', color: 'rgba(0,255,136,0.4)', marginBottom: 8 }}>
+      cryptorugmunch@wyoming:~$
+    </p>
+    <h1 style={{ fontSize: '3rem', fontWeight: 800, letterSpacing: '-0.03em', margin: '0 0 8px', color: '#E8E8ED' }}>
+      RUG MUNCH MEDIA
+    </h1>
+    <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={{ 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>
+</div>
+
+{/* ── Products ──────────────────────────────────────────────── */}
+<div style={{ background: '#0A0A0F', padding: '60px 24px 80px', maxWidth: 1000, margin: '0 auto' }}>
+
+<h2 style={{ textAlign: 'center', fontSize: '1.6rem', fontWeight: 700, marginBottom: 6, color: '#E8E8ED' }}>
+  What We Build
+</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>
+
+<div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(280px, 1fr))', gap: 20 }}>
+
+{/* RMI */}
+<Link to="/products/rmi" style={{ textDecoration: 'none' }}>
+<div style={{ background: '#111118', border: '1px solid #00FF88', borderRadius: 12, padding: 28, transition: 'transform 0.2s' }}>
+  <div style={{ display: 'inline-block', background: 'rgba(0,255,136,0.10)', color: '#00FF88', fontSize: '0.65rem', fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.1em', padding: '3px 10px', borderRadius: 4, marginBottom: 12, border: '1px solid rgba(0,255,136,0.20)' }}>
+    Delivering Soon
+  </div>
+  <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>
+</div>
+</Link>
+
+{/* 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' }}>
+  <div style={{ display: 'inline-block', background: 'rgba(0,255,136,0.10)', color: '#00FF88', fontSize: '0.65rem', fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.1em', padding: '3px 10px', borderRadius: 4, marginBottom: 12, border: '1px solid rgba(0,255,136,0.20)' }}>
+    Live ↗
+  </div>
+  <h3 style={{ fontSize: '1.2rem', fontWeight: 700, margin: '0 0 8px', color: '#E8E8ED' }}>DegenFeed</h3>
+  <p style={{ fontSize: '0.85rem', color: '#888899', lineHeight: 1.6, margin: 0 }}>
+    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>
+</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' }}>
+  <div style={{ display: 'inline-block', background: 'rgba(0,255,136,0.10)', color: '#00FF88', fontSize: '0.65rem', fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.1em', padding: '3px 10px', borderRadius: 4, marginBottom: 12, border: '1px solid rgba(0,255,136,0.20)' }}>
+    Live
+  </div>
+  <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 →
+  </p>
+</div>
+</Link>
+
+{/* WalletPress */}
+<Link to="/products/walletpress" style={{ textDecoration: 'none' }}>
+<div style={{ background: '#111118', border: '1px solid #222233', borderRadius: 12, padding: 28, transition: 'transform 0.2s' }}>
+  <div style={{ display: 'inline-block', background: 'rgba(0,255,136,0.10)', color: '#00FF88', fontSize: '0.65rem', fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.1em', padding: '3px 10px', borderRadius: 4, marginBottom: 12, border: '1px solid rgba(0,255,136,0.20)' }}>
+    Live
+  </div>
+  <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.
+  </p>
+  <p style={{ fontSize: '0.78rem', color: '#00FF88', marginTop: 12, fontWeight: 500 }}>
+    Learn more →
+  </p>
+</div>
+</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
+  </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>
+
+  <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 16 }}>
+    {[
+      { name: 'Forgejo', url: 'https://git.rugmunch.io/RugMunchMedia', desc: 'All source code. Every commit.', icon: '⊞' },
+      { 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 git mirror', icon: '⎔' },
+      { name: 'Codeberg Mirror', url: 'https://codeberg.org/cryptorugmunch', desc: 'External git mirror', 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',
+          transition: 'border-color 0.15s'
+        }}>
+          <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>
+      </a>
+    ))}
+  </div>
+</div>
+
+{/* ── Footer ────────────────────────────────────────────────── */}
+<div style={{ marginTop: 80, paddingTop: 40, borderTop: '1px solid #222233', textAlign: 'center' }}>
+  <p style={{ fontSize: '0.78rem', color: '#555566', marginBottom: 6 }}>
+    Rug Munch Media LLC · Cheyenne, Wyoming
+  </p>
+  <p style={{ fontSize: '0.72rem', color: '#444455', marginBottom: 12 }}>
+    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' }}>
+    <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>
+  </div>
+</div>
+
+</div>

src/pages/index.tsx

@@ -1,252 +0,0 @@
-import Layout from '@theme/Layout';
-import Link from '@docusaurus/Link';
-import BrowserOnly from '@docusaurus/BrowserOnly';
-
-function AnimatedBackground() {
-  return (
-    <div style={{
-      position: 'absolute',
-      top: 0, left: 0, right: 0, bottom: 0,
-      background: `
-        radial-gradient(ellipse at 20% 30%, rgba(255,214,0,0.04) 0%, transparent 50%),
-        radial-gradient(ellipse at 80% 70%, rgba(0,255,136,0.03) 0%, transparent 50%),
-        radial-gradient(ellipse at 50% 50%, rgba(51,153,255,0.02) 0%, transparent 60%)
-      `,
-      pointerEvents: 'none',
-      overflow: 'hidden',
-    }}>
-      <div style={{
-        position: 'absolute',
-        top: '15%', left: '10%',
-        width: '4px', height: '4px',
-        background: '#FFD600',
-        borderRadius: '50%',
-        opacity: 0.6,
-        animation: 'pulse-green 3s ease-in-out infinite',
-      }} />
-      <div style={{
-        position: 'absolute',
-        top: '25%', right: '20%',
-        width: '3px', height: '3px',
-        background: '#00FF88',
-        borderRadius: '50%',
-        opacity: 0.5,
-        animation: 'pulse-green 4s ease-in-out infinite 1s',
-      }} />
-      <div style={{
-        position: 'absolute',
-        bottom: '30%', left: '30%',
-        width: '3px', height: '3px',
-        background: '#FFD600',
-        borderRadius: '50%',
-        opacity: 0.4,
-        animation: 'pulse-green 3.5s ease-in-out infinite 0.5s',
-      }} />
-      <div style={{
-        position: 'absolute',
-        top: '40%', left: '70%',
-        width: '2px', height: '2px',
-        background: '#3399FF',
-        borderRadius: '50%',
-        opacity: 0.4,
-        animation: 'pulse-green 5s ease-in-out infinite 2s',
-      }} />
-      <div style={{
-        position: 'absolute',
-        bottom: '20%', right: '15%',
-        width: '3px', height: '3px',
-        background: '#00FF88',
-        borderRadius: '50%',
-        opacity: 0.3,
-        animation: 'pulse-green 4.5s ease-in-out infinite 0.8s',
-      }} />
-    </div>
-  );
-}
-
-const products = [
-  {
-    title: 'Rug Munch Intelligence',
-    status: 'coming',
-    statusText: 'Delivering Soon',
-    desc: 'Token risk scanner and wallet forensics platform. Honeypot detection, liquidity analysis, holder concentration, MEV alerts, wallet labeling. Scan before you ape.',
-    link: '/products/rmi',
-  },
-  {
-    title: 'DegenFeed',
-    status: 'live',
-    statusText: 'Live',
-    desc: 'One feed for every social protocol. Nostr, Farcaster, Bluesky, Mastodon, Lens, Threads, RSS. Post once, reach everyone. Your keys, your feed. No single platform controls your community.',
-    link: '/products/degenfeed',
-  },
-  {
-    title: 'Pry',
-    status: 'live',
-    statusText: 'Live',
-    desc: 'Open-source web scraping and browser automation. Cloudflare bypass. One docker run command. Self-hosted. No monthly SaaS bill. No vendor lock-in. Your data, your infra.',
-    link: '/products/pry',
-  },
-  {
-    title: 'WalletPress',
-    status: 'live',
-    statusText: 'Live',
-    desc: 'Non-custodial crypto payment infrastructure for WordPress. x402 protocol. No middleman taking 2%. Wallet to wallet. Accept crypto on your terms.',
-    link: '/products/walletpress',
-  },
-];
-
-const repos = [
-  { name: 'rmi-backend', desc: 'FastAPI + SQLAlchemy + Redis' },
-  { name: 'rmi-frontend', desc: 'React 19 + Vite + Tailwind' },
-  { name: 'degenfeed-web', desc: 'Next.js multi-protocol aggregator' },
-  { name: 'pryscraper', desc: 'Python CLI + API' },
-  { name: 'walletpress', desc: 'Python + WordPress plugin' },
-  { name: 'fleet-infra', desc: 'Nginx, systemd, compose' },
-  { name: 'fleet-template', desc: 'Scaffold for new repos' },
-  { name: 'standards', desc: 'Fleet docs + conventions' },
-];
-
-export default function Home() {
-  return (
-    <Layout description="Rug Munch Media LLC — Wyoming-built open-source AI + Web3 infrastructure. Protecting retail investors.">
-      {/* Hero */}
-      <header className="rmi-hero">
-        <BrowserOnly>{() => <AnimatedBackground />}</BrowserOnly>
-        <div style={{ position: 'relative', zIndex: 1, padding: '0 24px' }}>
-          <p style={{
-            fontSize: '0.85rem',
-            fontWeight: 600,
-            textTransform: 'uppercase',
-            letterSpacing: '0.15em',
-            color: 'var(--rmi-accent-yellow)',
-            marginBottom: 16,
-          }}>
-            Wyoming · Self-Funded · Open-Source
-          </p>
-          <h1 className="rmi-hero-title">
-            Protecting Retail Investors
-          </h1>
-          <h2 className="rmi-hero-subtitle">
-            RUG MUNCH MEDIA
-          </h2>
-          <p className="rmi-hero-tagline">
-            We build open-source AI and Web3 tools that protect retail investors,
-            unify decentralized social media, and make crypto a better place to be.
-          </p>
-          <div style={{ marginTop: 40, display: 'flex', gap: 16, justifyContent: 'center', flexWrap: 'wrap' }}>
-            <Link to="/products/rmi" className="rmi-btn rmi-btn--primary">
-              Explore RMI →
-            </Link>
-            <Link to="/about" className="rmi-btn rmi-btn--secondary">
-              Read Our Story
-            </Link>
-          </div>
-        </div>
-      </header>
-
-      <main style={{ maxWidth: 1100, margin: '0 auto', padding: '0 24px 80px' }}>
-
-        {/* Products */}
-        <section style={{ marginTop: 60 }}>
-          <h2 style={{ textAlign: 'center', marginBottom: 8 }}>Our Products</h2>
-          <p style={{
-            textAlign: 'center',
-            color: 'var(--rmi-text-secondary)',
-            maxWidth: 600,
-            margin: '0 auto 40px',
-            fontSize: '1rem',
-            lineHeight: 1.6,
-          }}>
-            Every tool we build serves one mission: protect retail investors and make
-            crypto a better place. Open-source. Self-hostable. No vendor lock-in.
-          </p>
-          <div className="rmi-grid">
-            {products.map((p) => (
-              <Link to={p.link} key={p.title} style={{ textDecoration: 'none' }}>
-                <div className={`rmi-product-card ${p.status === 'coming' ? 'rmi-product-card--coming-soon' : ''}`}>
-                  <span className={`rmi-badge rmi-badge--${p.status === 'live' ? 'live' : 'coming'}`}>
-                    {p.status === 'live' && <span className="rmi-status-live" />}
-                    {p.statusText}
-                  </span>
-                  <h3>{p.title}</h3>
-                  <p>{p.desc}</p>
-                  <span className="rmi-btn rmi-btn--ghost">
-                    {p.title} →
-                  </span>
-                </div>
-              </Link>
-            ))}
-          </div>
-        </section>
-
-        {/* $CRM v2 */}
-        <section style={{
-          marginTop: 60,
-          background: 'linear-gradient(135deg, rgba(255,214,0,0.06), rgba(0,255,136,0.03))',
-          border: '1px solid var(--rmi-border)',
-          borderRadius: 16,
-          padding: 48,
-          textAlign: 'center',
-        }}>
-          <p style={{
-            fontSize: '0.8rem',
-            fontWeight: 700,
-            textTransform: 'uppercase',
-            letterSpacing: '0.12em',
-            color: 'var(--rmi-accent-yellow)',
-            marginBottom: 12,
-          }}>In Development</p>
-          <h2 style={{ fontSize: '2rem', marginBottom: 12 }}>$CRM v2 — The DAO</h2>
-          <p style={{
-            color: 'var(--rmi-text-secondary)',
-            maxWidth: 600,
-            margin: '0 auto 20px',
-            lineHeight: 1.7,
-          }}>
-            Not a token relaunch. A community-governed DAO. Wyoming DAO LLC. Anti-manipulation
-            mechanics. Treasury funding the tools that protect retail investors. $CRM v1 holders
-            on Solana and $cryptorugmunch holders on Zora — early believers get a seat.
-          </p>
-          <Link to="/products/crm" className="rmi-btn rmi-btn--secondary">
-            Learn More
-          </Link>
-        </section>
-
-        {/* Build With Us */}
-        <section style={{ marginTop: 60 }}>
-          <h2 style={{ textAlign: 'center', marginBottom: 8 }}>Built in the Open</h2>
-          <p style={{
-            textAlign: 'center',
-            color: 'var(--rmi-text-secondary)',
-            maxWidth: 600,
-            margin: '0 auto 32px',
-          }}>
-            Every line of code is public. Audit it. Fork it. Run your own. Four-way decentralized
-            backup across Forgejo, GitLab, Codeberg, and Radicle P2P.
-          </p>
-          <div className="rmi-grid">
-            {repos.map((r) => (
-              <a
-                key={r.name}
-                href={`https://git.rugmunch.io/RugMunchMedia/${r.name}`}
-                target="_blank"
-                rel="noopener noreferrer"
-                className="rmi-repo-link"
-                style={{ textDecoration: 'none', display: 'block' }}
-              >
-                <h4 style={{ color: 'var(--rmi-text-primary)', marginBottom: 4 }}>{r.name}</h4>
-                <span>{r.desc}</span>
-              </a>
-            ))}
-          </div>
-          <div style={{ textAlign: 'center', marginTop: 32 }}>
-            <Link to="/build" className="rmi-btn rmi-btn--primary">
-              Build With Us →
-            </Link>
-          </div>
-        </section>
-
-      </main>
-    </Layout>
-  );
-}