npm - agentgui - Versions diffs - 1.0.689 → 1.0.691 - Mend

agentgui 1.0.689 → 1.0.691

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1023) hide show

package/docs/index.html DELETED Viewed

@@ -1,254 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" data-theme="dark">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta name="description" content="AgentGUI - Multi-agent GUI for Claude Code, Gemini CLI, OpenCode and more. Real-time streaming, dark mode, voice, and SQLite persistence.">
-  <title>AgentGUI - Multi-Agent GUI for AI Coding Assistants</title>
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/rippleui@1.12.1/dist/css/styles.css"/>
-  <script src="https://cdn.tailwindcss.com"></script>
-  <style>
-    .hero-gradient { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
-    .screenshot-item { transition: transform 0.3s ease, box-shadow 0.3s ease; }
-    .screenshot-item:hover { transform: translateY(-4px); box-shadow: 0 16px 48px rgba(0,0,0,0.4); }
-    pre, code { font-family: 'Courier New', monospace; }
-    .arch-diagram { background: #0f172a; border: 1px solid #1e293b; border-radius: 12px; padding: 1.5rem; overflow-x: auto; color: #94a3b8; font-size: 0.8rem; line-height: 1.6; }
-  nav { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
-  #site-nav { background: rgba(20, 10, 45, 0.88); border-color: rgba(118, 75, 162, 0.4); }
-  #site-nav.light { background: rgba(232, 225, 255, 0.92); border-color: rgba(102, 126, 234, 0.3); }
-  </style>
-</head>
-<body class="bg-base-1 text-content1">
-  <!-- Nav -->
-  <nav id="site-nav" class="border-b px-6 py-3 flex items-center justify-between" style="background:rgba(20,10,45,0.88);border-color:rgba(118,75,162,0.4)">
-    <span class="font-bold text-lg">AgentGUI</span>
-    <div class="flex items-center gap-3">
-      <a href="https://github.com/AnEntrypoint/agentgui" class="btn btn-sm btn-ghost">GitHub</a>
-      <a href="https://www.npmjs.com/package/agentgui" class="btn btn-sm btn-ghost">npm</a>
-      <button id="theme-toggle" onclick="toggleTheme()" class="btn btn-sm btn-ghost" title="Toggle theme">
-        <svg id="icon-sun" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" style="display:none"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>
-        <svg id="icon-moon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>
-      </button>
-    </div>
-  </nav>
-  <script>
-    function toggleTheme() {
-      const html = document.documentElement;
-      const isDark = html.getAttribute('data-theme') === 'dark';
-      html.setAttribute('data-theme', isDark ? 'light' : 'dark');
-      document.getElementById('icon-sun').style.display = isDark ? 'block' : 'none';
-      document.getElementById('icon-moon').style.display = isDark ? 'none' : 'block';
-      const nav = document.getElementById('site-nav');
-      if (isDark) {
-        nav.style.background = '#ddd6fe';
-        nav.style.borderColor = 'rgba(102,126,234,0.3)';
-      } else {
-        nav.style.background = 'rgba(20,10,45,0.88)';
-        nav.style.borderColor = 'rgba(118,75,162,0.4)';
-      }
-    }
-  </script>
-  <!-- Hero -->
-  <section class="hero-gradient text-white py-24 px-4 text-center">
-    <div class="max-w-3xl mx-auto">
-      <h1 class="text-5xl font-bold mb-4">AgentGUI</h1>
-      <p class="text-xl text-white/80 mb-6">Multi-agent GUI for Claude Code, Gemini CLI, OpenCode &amp; more.<br>Real-time streaming, dark mode, voice, and SQLite persistence.</p>
-      <div class="flex flex-wrap justify-center gap-2 mb-8">
-        <img src="https://img.shields.io/npm/v/agentgui?color=brightgreen" alt="npm version">
-        <img src="https://img.shields.io/npm/dw/agentgui?color=brightgreen" alt="weekly downloads">
-        <img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="license">
-      </div>
-      <div class="flex flex-wrap justify-center gap-3">
-        <a href="https://github.com/AnEntrypoint/agentgui" class="btn btn-primary btn-lg btn-rounded">View on GitHub</a>
-        <a href="https://www.npmjs.com/package/agentgui" class="btn btn-ghost btn-lg btn-rounded border border-white/30">npm Package</a>
-      </div>
-    </div>
-  </section>
-  <!-- Quick Start -->
-  <section class="py-16 px-4 text-center">
-    <div class="max-w-2xl mx-auto">
-      <h2 class="text-3xl font-bold mb-2">Get Started in Seconds</h2>
-      <p class="text-content3 mb-6">No installation required. Run with npx and start coding with AI agents instantly.</p>
-      <div class="relative bg-[#0f172a] rounded-xl p-6 text-left border border-[#1e293b]">
-        <button class="btn btn-sm btn-ghost absolute top-3 right-3 text-content3" onclick="navigator.clipboard.writeText('npx agentgui');this.textContent='Copied!';setTimeout(()=>this.textContent='Copy',2000)">Copy</button>
-        <pre class="text-green-400 text-lg">$ npx agentgui</pre>
-      </div>
-      <p class="text-content3 mt-3 text-sm">Server starts at <code class="text-blue-400">http://localhost:3000/gm/</code></p>
-    </div>
-  </section>
-  <!-- Why AgentGUI -->
-  <section class="py-16 px-4 bg-base-2">
-    <div class="max-w-5xl mx-auto">
-      <h2 class="text-3xl font-bold text-center mb-2">Why AgentGUI?</h2>
-      <p class="text-content3 text-center mb-10">Stop juggling multiple terminal windows. One interface for all your AI agents.</p>
-      <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
-        <div class="card p-6">
-          <h3 class="font-bold text-lg mb-2">📊 Compare Side-by-Side</h3>
-          <p class="text-content3">Test the same prompt across Claude Code, Gemini CLI, OpenCode, and others to find the best approach.</p>
-        </div>
-        <div class="card p-6">
-          <h3 class="font-bold text-lg mb-2">💾 Never Lose Context</h3>
-          <p class="text-content3">Every conversation, file change, and terminal output is automatically saved. Resume exactly where you left off.</p>
-        </div>
-        <div class="card p-6">
-          <h3 class="font-bold text-lg mb-2">👁️ See Everything</h3>
-          <p class="text-content3">Watch streaming responses, file changes, and tool calls in real-time instead of parsing raw JSON.</p>
-        </div>
-      </div>
-    </div>
-  </section>
-  <!-- Features -->
-  <section class="py-16 px-4">
-    <div class="max-w-5xl mx-auto">
-      <h2 class="text-3xl font-bold text-center mb-2">Features</h2>
-      <p class="text-content3 text-center mb-10">Everything you need to work with multiple AI coding agents in one place.</p>
-      <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
-        <div class="card p-6">
-          <div class="text-4xl mb-3">🤖</div>
-          <h3 class="font-bold text-lg mb-2">Multi-Agent Support</h3>
-          <p class="text-content3">Auto-discovers 14 AI coding agents: Claude Code, Gemini CLI, OpenCode, Kilo, Goose, Cline, Codex, Kiro, and more.</p>
-        </div>
-        <div class="card p-6">
-          <div class="text-4xl mb-3">⚡</div>
-          <h3 class="font-bold text-lg mb-2">Real-Time Streaming</h3>
-          <p class="text-content3">WebSocket-based streaming for instant responses. Watch your agent work live with execution visualization.</p>
-        </div>
-        <div class="card p-6">
-          <div class="text-4xl mb-3">💾</div>
-          <h3 class="font-bold text-lg mb-2">Persistent Storage</h3>
-          <p class="text-content3">SQLite WAL mode stores all conversations, sessions, and execution history. Resume where you left off.</p>
-        </div>
-        <div class="card p-6">
-          <div class="text-4xl mb-3">📁</div>
-          <h3 class="font-bold text-lg mb-2">File Management</h3>
-          <p class="text-content3">Integrated file browser with drag-and-drop uploads. Direct file editing and context-aware operations.</p>
-        </div>
-        <div class="card p-6">
-          <div class="text-4xl mb-3">🎤</div>
-          <h3 class="font-bold text-lg mb-2">Voice I/O</h3>
-          <p class="text-content3">Built-in speech-to-text and text-to-speech via Hugging Face Whisper. No API keys required.</p>
-        </div>
-        <div class="card p-6">
-          <div class="text-4xl mb-3">🔧</div>
-          <h3 class="font-bold text-lg mb-2">Developer Friendly</h3>
-          <p class="text-content3">Hot reload, REST API, WebSocket endpoints, and extensible plugin system for custom agents.</p>
-        </div>
-      </div>
-    </div>
-  </section>
-  <!-- Screenshots -->
-  <section class="py-16 px-4 bg-base-2">
-    <div class="max-w-6xl mx-auto">
-      <h2 class="text-3xl font-bold text-center mb-2">Screenshots</h2>
-      <p class="text-content3 text-center mb-10">See AgentGUI in action</p>
-      <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-        <div class="screenshot-item rounded-xl overflow-hidden border border-base-3">
-          <img src="screenshot-light.png" alt="Light Mode" class="w-full">
-          <div class="bg-base-3 text-center py-2 px-3 text-sm font-semibold">Welcome Screen · Light Mode</div>
-        </div>
-        <div class="screenshot-item rounded-xl overflow-hidden border border-base-3">
-          <img src="screenshot-dark.png" alt="Dark Mode" class="w-full">
-          <div class="bg-base-3 text-center py-2 px-3 text-sm font-semibold">Welcome Screen · Dark Mode</div>
-        </div>
-        <div class="screenshot-item rounded-xl overflow-hidden border border-base-3">
-          <img src="screenshot-dark-conversation.png" alt="Live Streaming" class="w-full">
-          <div class="bg-base-3 text-center py-2 px-3 text-sm font-semibold">Live Agent Streaming</div>
-        </div>
-      </div>
-      <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-4">
-        <div class="screenshot-item rounded-xl overflow-hidden border border-base-3">
-          <img src="screenshot-conversation.png" alt="Tool Use & Code Output" class="w-full">
-          <div class="bg-base-3 text-center py-2 px-3 text-sm font-semibold">Tool Use &amp; Code Output</div>
-        </div>
-        <div class="screenshot-item rounded-xl overflow-hidden border border-base-3">
-          <img src="screenshot-tools.png" alt="Tools & Extensions" class="w-full">
-          <div class="bg-base-3 text-center py-2 px-3 text-sm font-semibold">Tools &amp; Extensions Manager</div>
-        </div>
-      </div>
-    </div>
-  </section>
-  <!-- Use Cases -->
-  <section class="py-16 px-4">
-    <div class="max-w-5xl mx-auto">
-      <h2 class="text-3xl font-bold text-center mb-2">Use Cases</h2>
-      <p class="text-content3 text-center mb-10">Practical scenarios where AgentGUI shines</p>
-      <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
-        <div class="card p-6">
-          <h3 class="font-bold text-lg mb-2">Multi-Agent Comparison</h3>
-          <p class="text-content3">Run the same task through different agents to compare approaches, code quality, and execution speed.</p>
-        </div>
-        <div class="card p-6">
-          <h3 class="font-bold text-lg mb-2">Long-Running Projects</h3>
-          <p class="text-content3">Build complex features across multiple sessions without losing context or conversation history.</p>
-        </div>
-        <div class="card p-6">
-          <h3 class="font-bold text-lg mb-2">Team Collaboration</h3>
-          <p class="text-content3">Share conversation URLs and working directories for pair programming with AI agents.</p>
-        </div>
-        <div class="card p-6">
-          <h3 class="font-bold text-lg mb-2">Agent Development</h3>
-          <p class="text-content3">Test and debug custom agents with full visibility into streaming events and tool calls.</p>
-        </div>
-        <div class="card p-6">
-          <h3 class="font-bold text-lg mb-2">Offline Speech</h3>
-          <p class="text-content3">Use local speech-to-text and text-to-speech without API costs or internet dependency.</p>
-        </div>
-        <div class="card p-6">
-          <h3 class="font-bold text-lg mb-2">Code Review</h3>
-          <p class="text-content3">Review AI-generated changes in a visual view with file browser and conversation history.</p>
-        </div>
-      </div>
-    </div>
-  </section>
-  <!-- Installation -->
-  <section class="py-16 px-4">
-    <div class="max-w-2xl mx-auto">
-      <h2 class="text-3xl font-bold text-center mb-10">Installation Options</h2>
-      <h3 class="font-semibold text-lg mb-3">Quick Start (Recommended)</h3>
-      <div class="relative bg-[#0f172a] rounded-xl p-5 border border-[#1e293b] mb-8">
-        <button class="btn btn-sm btn-ghost absolute top-3 right-3 text-content3" onclick="navigator.clipboard.writeText('npx agentgui');this.textContent='Copied!';setTimeout(()=>this.textContent='Copy',2000)">Copy</button>
-        <pre class="text-green-400">$ npx agentgui</pre>
-      </div>
-      <h3 class="font-semibold text-lg mb-3">Manual Installation</h3>
-      <div class="relative bg-[#0f172a] rounded-xl p-5 border border-[#1e293b] mb-8">
-        <button class="btn btn-sm btn-ghost absolute top-3 right-3 text-content3" onclick="navigator.clipboard.writeText('git clone https://github.com/AnEntrypoint/agentgui.git\ncd agentgui\nnpm install\nnpm run dev');this.textContent='Copied!';setTimeout(()=>this.textContent='Copy',2000)">Copy</button>
-        <pre class="text-green-400">$ git clone https://github.com/AnEntrypoint/agentgui.git
-$ cd agentgui
-$ npm install
-$ npm run dev</pre>
-      </div>
-      <h3 class="font-semibold text-lg mb-3">System Requirements</h3>
-      <div class="card p-5 space-y-2">
-        <div class="flex items-center gap-2"><span class="badge badge-success badge-sm">✓</span> <span class="text-content2">Node.js 18+ (LTS recommended)</span></div>
-        <div class="flex items-center gap-2"><span class="badge badge-success badge-sm">✓</span> <span class="text-content2">npm or bun package manager</span></div>
-        <div class="flex items-center gap-2"><span class="badge badge-success badge-sm">✓</span> <span class="text-content2">At least one AI coding agent (Claude Code, Gemini CLI, etc.)</span></div>
-      </div>
-    </div>
-  </section>
-  <!-- Footer -->
-  <footer class="bg-base-2 border-t border-base-3 py-10 px-4 text-center">
-    <div class="max-w-4xl mx-auto">
-      <div class="flex flex-wrap justify-center gap-6 mb-4">
-        <a href="https://github.com/AnEntrypoint/agentgui" class="text-content2 hover:text-content1 transition-colors">GitHub</a>
-        <a href="https://www.npmjs.com/package/agentgui" class="text-content2 hover:text-content1 transition-colors">npm</a>
-        <a href="https://github.com/AnEntrypoint/agentgui/issues" class="text-content2 hover:text-content1 transition-colors">Issues</a>
-        <a href="https://github.com/AnEntrypoint/agentgui#readme" class="text-content2 hover:text-content1 transition-colors">Documentation</a>
-      </div>
-      <p class="text-content3 text-sm">MIT License © 2025 AnEntrypoint · Made with ❤️ by AnEntrypoint</p>
-    </div>
-  </footer>
-</body>
-</html>

package/docs/screenshot-conversation.png DELETED Viewed

Binary file

package/docs/screenshot-dark-conversation.png DELETED Viewed

Binary file

package/docs/screenshot-dark.png DELETED Viewed

Binary file

package/docs/screenshot-files.png DELETED Viewed

Binary file

package/docs/screenshot-light.png DELETED Viewed

Binary file

package/docs/screenshot-terminal.png DELETED Viewed

Binary file

package/docs/screenshot-tools.png DELETED Viewed

Binary file

package/docs/script.js DELETED Viewed

@@ -1,38 +0,0 @@
-document.addEventListener('DOMContentLoaded', async () => {
-    const statsElement = document.getElementById('weekly-downloads');
-    try {
-        const response = await fetch('stats.json');
-        if (!response.ok) {
-            throw new Error(`HTTP ${response.status}`);
-        }
-        const data = await response.json();
-        const count = data.downloads ?? data.weeklyDownloads ?? 0;
-        statsElement.textContent = formatNumber(count);
-    } catch (error) {
-        console.warn('Failed to load stats:', error);
-        statsElement.textContent = 'N/A';
-    }
-});
-function formatNumber(num) {
-    if (num >= 1000000) {
-        return (num / 1000000).toFixed(1) + 'M';
-    }
-    if (num >= 1000) {
-        return (num / 1000).toFixed(1) + 'K';
-    }
-    return num.toLocaleString();
-}
-function copyCode(button) {
-    const codeBlock = button.parentElement;
-    const code = codeBlock.querySelector('code').textContent;
-    navigator.clipboard.writeText(code).then(() => {
-        const originalText = button.textContent;
-        button.textContent = 'Copied!';
-        setTimeout(() => {
-            button.textContent = originalText;
-        }, 2000);
-    });
-}

package/docs/stats.json DELETED Viewed

@@ -1,4 +0,0 @@
-{
-  "downloads": 18380,
-  "lastUpdated": "2026-02-26T12:52:28.883Z"
-}

package/docs/styles.css DELETED Viewed

@@ -1,301 +0,0 @@
-:root {
-    --primary: #6366f1;
-    --primary-dark: #4f46e5;
-    --secondary: #10b981;
-    --bg: #0f172a;
-    --bg-card: #1e293b;
-    --text: #f1f5f9;
-    --text-muted: #94a3b8;
-    --border: #334155;
-    --gradient: linear-gradient(135deg, #6366f1, #8b5cf6);
-}
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-body {
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-    background: var(--bg);
-    color: var(--text);
-    line-height: 1.6;
-    min-height: 100vh;
-}
-.container {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 2rem;
-}
-header {
-    text-align: center;
-    padding: 3rem 0;
-    border-bottom: 1px solid var(--border);
-    margin-bottom: 3rem;
-}
-.logo {
-    margin-bottom: 1rem;
-}
-.logo svg {
-    filter: drop-shadow(0 4px 6px rgba(99, 102, 241, 0.3));
-}
-h1 {
-    font-size: 3rem;
-    font-weight: 800;
-    background: var(--gradient);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-    margin-bottom: 0.5rem;
-}
-.subtitle {
-    font-size: 1.25rem;
-    color: var(--text-muted);
-    margin-bottom: 2rem;
-}
-.stats {
-    display: inline-flex;
-    gap: 2rem;
-    padding: 1.5rem 2rem;
-    background: var(--bg-card);
-    border: 1px solid var(--border);
-    border-radius: 12px;
-    margin: 2rem 0;
-}
-.stat-item {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-.stat-value {
-    font-size: 2.5rem;
-    font-weight: 700;
-    color: var(--primary);
-    line-height: 1;
-}
-.stat-label {
-    font-size: 0.875rem;
-    color: var(--text-muted);
-    margin-top: 0.5rem;
-}
-.cta-buttons {
-    display: flex;
-    gap: 1rem;
-    justify-content: center;
-    flex-wrap: wrap;
-    margin: 2rem 0;
-}
-.btn {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.5rem;
-    padding: 0.875rem 1.75rem;
-    border-radius: 8px;
-    font-weight: 600;
-    text-decoration: none;
-    transition: all 0.2s;
-    border: none;
-    cursor: pointer;
-    font-size: 1rem;
-}
-.btn-primary {
-    background: var(--gradient);
-    color: white;
-    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
-}
-.btn-primary:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 6px 16px rgba(99, 102, 241, 0.4);
-}
-.btn-secondary {
-    background: var(--bg-card);
-    color: var(--text);
-    border: 1px solid var(--border);
-}
-.btn-secondary:hover {
-    border-color: var(--primary);
-    color: var(--primary);
-}
-section {
-    margin: 4rem 0;
-}
-h2 {
-    font-size: 2rem;
-    margin-bottom: 2rem;
-    text-align: center;
-    color: var(--text);
-}
-.feature-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-    gap: 1.5rem;
-}
-.feature-card {
-    background: var(--bg-card);
-    border: 1px solid var(--border);
-    border-radius: 12px;
-    padding: 1.5rem;
-    transition: transform 0.2s, border-color 0.2s;
-}
-.feature-card:hover {
-    transform: translateY(-4px);
-    border-color: var(--primary);
-}
-.feature-icon {
-    font-size: 2.5rem;
-    margin-bottom: 1rem;
-}
-.feature-card h3 {
-    font-size: 1.25rem;
-    margin-bottom: 0.5rem;
-    color: var(--text);
-}
-.feature-card p {
-    color: var(--text-muted);
-    font-size: 0.95rem;
-}
-.quick-start {
-    background: var(--bg-card);
-    border: 1px solid var(--border);
-    border-radius: 12px;
-    padding: 2rem;
-    text-align: center;
-}
-.code-block {
-    position: relative;
-    background: var(--bg);
-    border: 1px solid var(--border);
-    border-radius: 8px;
-    padding: 1.25rem;
-    margin: 1.5rem auto;
-    max-width: 600px;
-    font-family: 'Fira Code', 'Consolas', monospace;
-    font-size: 1rem;
-}
-.code-block code {
-    color: var(--secondary);
-    word-break: break-all;
-}
-.copy-btn {
-    position: absolute;
-    top: 0.5rem;
-    right: 0.5rem;
-    background: var(--border);
-    color: var(--text-muted);
-    border: none;
-    padding: 0.25rem 0.75rem;
-    border-radius: 4px;
-    font-size: 0.75rem;
-    cursor: pointer;
-    transition: all 0.2s;
-}
-.copy-btn:hover {
-    background: var(--primary);
-    color: white;
-}
-.note {
-    color: var(--text-muted);
-    margin-top: 1rem;
-}
-.note code {
-    background: var(--bg);
-    padding: 0.125rem 0.375rem;
-    border-radius: 4px;
-    font-family: 'Fira Code', 'Consolas', monospace;
-    color: var(--secondary);
-}
-.note a {
-    color: var(--primary);
-    text-decoration: none;
-}
-.note a:hover {
-    text-decoration: underline;
-}
-footer {
-    text-align: center;
-    padding-top: 3rem;
-    border-top: 1px solid var(--border);
-    margin-top: 4rem;
-    color: var(--text-muted);
-}
-.footer-links {
-    margin-top: 0.5rem;
-}
-.footer-links a {
-    color: var(--text-muted);
-    text-decoration: none;
-    margin: 0 0.5rem;
-    transition: color 0.2s;
-}
-.footer-links a:hover {
-    color: var(--primary);
-}
-@media (max-width: 768px) {
-    h1 {
-        font-size: 2rem;
-    }
-    .stats {
-        flex-direction: column;
-        gap: 1rem;
-        padding: 1rem;
-    }
-    .stat-value {
-        font-size: 2rem;
-    }
-    .cta-buttons {
-        flex-direction: column;
-        align-items: center;
-    }
-    .btn {
-        width: 100%;
-        max-width: 300px;
-        justify-content: center;
-    }
-    .feature-grid {
-        grid-template-columns: 1fr;
-    }
-}