diff --git a/.gitignore b/.gitignore
index 2ccbe46..6b93b86 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,28 @@
-/node_modules/
+# deps
+node_modules/
+
+# keep_local - локальные файлы, не для git
+/_keep_local/
+
+# build output
+dist/
+.next/
+out/
+
+# vite
+# (frontend)
+
+# misc
+.DS_Store
+*.pem
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+# env files - начало
+.env*
+# env files - конец
+
+# typescript - начало
+*.tsbuildinfo
+next-env.d.ts
+# typescript - конец
diff --git a/3d_models/duck.glb b/3d_models/duck.glb
deleted file mode 100644
index 68b4375..0000000
Binary files a/3d_models/duck.glb and /dev/null differ
diff --git a/3d_models/duck_lowpoly.glb b/3d_models/duck_lowpoly.glb
deleted file mode 100644
index 50d07df..0000000
Binary files a/3d_models/duck_lowpoly.glb and /dev/null differ
diff --git a/cool_hacker.png b/apps/frontend/cool_hacker.png
similarity index 100%
rename from cool_hacker.png
rename to apps/frontend/cool_hacker.png
diff --git a/index.html b/apps/frontend/index.html
similarity index 100%
rename from index.html
rename to apps/frontend/index.html
diff --git a/main.js b/apps/frontend/main.js
similarity index 100%
rename from main.js
rename to apps/frontend/main.js
diff --git a/apps/frontend/package.json b/apps/frontend/package.json
new file mode 100644
index 0000000..56431c1
--- /dev/null
+++ b/apps/frontend/package.json
@@ -0,0 +1,33 @@
+{
+  "name": "rubber-duck",
+  "version": "0.0.1",
+  "description": "Best debug tool - rubber duck",
+  "keywords": [
+    "rubber",
+    "duck",
+    "debug",
+    "tool",
+    "fun"
+  ],
+  "homepage": "https://github.com/Ku6epXBOCTuK/rubber-duck#readme",
+  "bugs": {
+    "url": "https://github.com/Ku6epXBOCTuK/rubber-duck/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Ku6epXBOCTuK/rubber-duck.git"
+  },
+  "license": "MIT",
+  "author": "Ku6epXBOCTuK",
+  "type": "module",
+  "main": "index.js",
+  "scripts": {
+    "dev": "vite",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "vite": "^8.0.11"
+  }
+}
diff --git a/style.css b/apps/frontend/style.css
similarity index 100%
rename from style.css
rename to apps/frontend/style.css
diff --git a/vite.config.js b/apps/frontend/vite.config.js
similarity index 100%
rename from vite.config.js
rename to apps/frontend/vite.config.js
diff --git a/apps/mcp/.gitignore b/apps/mcp/.gitignore
new file mode 100644
index 0000000..5ef6a52
--- /dev/null
+++ b/apps/mcp/.gitignore
@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/apps/mcp/AGENTS.md b/apps/mcp/AGENTS.md
new file mode 100644
index 0000000..643577d
--- /dev/null
+++ b/apps/mcp/AGENTS.md
@@ -0,0 +1,9 @@
+<!-- BEGIN:nextjs-agent-rules -->
+
+# This is NOT the Next.js you know
+
+This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` (resolved from this file's directory; in monorepos the `next` package may not be visible from the repo root) before writing any code. Heed deprecation notices.
+
+This block is written and re-added by `next dev` — verify at `node_modules/next/dist/server/lib/generate-agent-files.js`. Removing it from a diff only re-creates the uncommitted change; committing it with your work keeps the tree clean.
+
+<!-- END:nextjs-agent-rules -->
diff --git a/apps/mcp/CLAUDE.md b/apps/mcp/CLAUDE.md
new file mode 100644
index 0000000..43c994c
--- /dev/null
+++ b/apps/mcp/CLAUDE.md
@@ -0,0 +1 @@
+@AGENTS.md
diff --git a/apps/mcp/README.md b/apps/mcp/README.md
new file mode 100644
index 0000000..285b6d4
--- /dev/null
+++ b/apps/mcp/README.md
@@ -0,0 +1,45 @@
+# Rubber Duck MCP
+
+MCP-сервер для техники «резиновая уточка»: когда ИИ застревает в логическом цикле или склонен к
+галлюцинациям, он вызывает инструмент `quack()`, чтобы сформулировать мысль и продолжить.
+
+Сервер работает в режиме **Streamable HTTP** (stateless), развёртывается на Vercel, использует
+`mcp-handler` v2 + `@modelcontextprotocol/server` v2.
+
+## Эндпоинт
+
+```
+POST /api/mcp
+```
+
+Подключите этот URL как MCP-сервер (тип Streamable HTTP) в Cursor, Claude Desktop и других клиентах.
+
+## Инструменты
+
+- `quack` — возвращает кряк. Опциональный параметр `mood`: `happy | confused | excited | sleepy`.
+
+## Запуск
+
+```bash
+pnpm install
+pnpm dev       # http://localhost:3000
+pnpm build
+pnpm start
+```
+
+## Проверка
+
+```bash
+curl -X POST http://localhost:3000/api/mcp \
+  -H "Content-Type: application/json" \
+  -H "Accept: application/json, text/event-stream" \
+  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"quack","arguments":{"mood":"happy"}}}'
+```
+
+## Деплой на Vercel
+
+```bash
+vercel --prod
+```
+
+(`rootDirectory` проекта — `apps/mcp`.)
diff --git a/apps/mcp/app/api/mcp/route.ts b/apps/mcp/app/api/mcp/route.ts
new file mode 100644
index 0000000..3c5645e
--- /dev/null
+++ b/apps/mcp/app/api/mcp/route.ts
@@ -0,0 +1,21 @@
+import { createMcpHandler } from "mcp-handler";
+import { registerDuckTools } from "@/lib/mcp";
+
+export const runtime = "nodejs";
+
+const post = createMcpHandler(
+  async (server) => {
+    registerDuckTools(server);
+  },
+  {
+    serverInfo: { name: "rubber-duck-mcp", version: "1.0.0" },
+  },
+);
+
+export async function GET(req: Request) {
+  return post(req);
+}
+
+export async function POST(req: Request) {
+  return post(req);
+}
diff --git a/apps/mcp/app/favicon.ico b/apps/mcp/app/favicon.ico
new file mode 100644
index 0000000..718d6fe
Binary files /dev/null and b/apps/mcp/app/favicon.ico differ
diff --git a/apps/mcp/app/globals.css b/apps/mcp/app/globals.css
new file mode 100644
index 0000000..4c18fb3
--- /dev/null
+++ b/apps/mcp/app/globals.css
@@ -0,0 +1,49 @@
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #0a0a0a;
+    --foreground: #ededed;
+  }
+}
+
+html {
+  height: 100%;
+}
+
+html,
+body {
+  max-width: 100vw;
+  overflow-x: hidden;
+}
+
+body {
+  min-height: 100%;
+  display: flex;
+  flex-direction: column;
+  color: var(--foreground);
+  background: var(--background);
+  font-family: Arial, Helvetica, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+* {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+@media (prefers-color-scheme: dark) {
+  html {
+    color-scheme: dark;
+  }
+}
diff --git a/apps/mcp/app/layout.tsx b/apps/mcp/app/layout.tsx
new file mode 100644
index 0000000..0044570
--- /dev/null
+++ b/apps/mcp/app/layout.tsx
@@ -0,0 +1,15 @@
+import type { Metadata } from "next";
+import "./globals.css";
+
+export const metadata: Metadata = {
+  title: "Rubber Duck MCP",
+  description: "MCP server for rubber duck debugging — quack() to articulate your thinking.",
+};
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
diff --git a/apps/mcp/app/page.tsx b/apps/mcp/app/page.tsx
new file mode 100644
index 0000000..d06ef68
--- /dev/null
+++ b/apps/mcp/app/page.tsx
@@ -0,0 +1,23 @@
+export default function Home() {
+  return (
+    <main style={{ fontFamily: "system-ui, sans-serif", maxWidth: 640, margin: "0 auto", padding: "3rem 1rem" }}>
+      <h1>Rubber Duck MCP</h1>
+      <p>
+        MCP-сервер для техники «резиновая уточка»: когда ИИ застревает, он вызывает инструмент{" "}
+        <code>quack()</code>, чтобы сформулировать мысль и продолжить. Сервер работает в режиме
+        Streamable HTTP и предназначен для подключения в Cursor, Claude Desktop и других MCP-клиентах.
+      </p>
+      <h2>Эндпоинт</h2>
+      <p>
+        <code>/api/mcp</code> — подключите этот URL как MCP-сервер (тип Streamable HTTP).
+      </p>
+      <h2>Инструменты</h2>
+      <ul>
+        <li>
+          <code>quack</code> — возвращает кряк. Опциональный параметр <code>mood</code>:{" "}
+          <code>happy | confused | excited | sleepy</code>.
+        </li>
+      </ul>
+    </main>
+  );
+}
diff --git a/apps/mcp/lib/mcp.ts b/apps/mcp/lib/mcp.ts
new file mode 100644
index 0000000..295edd6
--- /dev/null
+++ b/apps/mcp/lib/mcp.ts
@@ -0,0 +1,38 @@
+import type { McpServer } from "@modelcontextprotocol/server";
+import { z } from "zod";
+
+const QUACKS = {
+  happy: ["QUACK! 🎉", "Quack quack! 😄", "QUAAACK! 🦆✨"],
+  confused: ["Qu...ack?", "Quack? 🤔", "Quaaack...?"],
+  excited: ["QUACK QUACK QUACK!", "QUAAACK!! 🔥", "Quack! Quack! Quack!"],
+  sleepy: ["quack... 😴", "quaack... 💤", "quack. *yawn*"],
+  default: ["Quack!", "Quack quack!", "QUACK!", "Quaaack!", "Quack. 🦆"],
+} as const;
+
+const MOODS = ["happy", "confused", "excited", "sleepy"] as const;
+
+function randomFrom<T>(arr: readonly T[]): T {
+  return arr[Math.floor(Math.random() * arr.length)];
+}
+
+export function registerDuckTools(server: McpServer): void {
+  server.registerTool(
+    "quack",
+    {
+      title: "Quack",
+      description:
+        "Rubber duck quacks. Use when you're stuck, looping, or hallucinating. " +
+        "The act of calling forces you to articulate your current thinking out loud.",
+      inputSchema: z.object({
+        mood: z
+          .enum(MOODS)
+          .optional()
+          .describe("Mood of the duck. Omit for a random quack."),
+      }),
+    },
+    async ({ mood }) => {
+      const text = mood ? randomFrom(QUACKS[mood]) : randomFrom(QUACKS.default);
+      return { content: [{ type: "text", text }] };
+    },
+  );
+}
diff --git a/apps/mcp/next.config.ts b/apps/mcp/next.config.ts
new file mode 100644
index 0000000..e9ffa30
--- /dev/null
+++ b/apps/mcp/next.config.ts
@@ -0,0 +1,7 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  /* config options here */
+};
+
+export default nextConfig;
diff --git a/apps/mcp/package.json b/apps/mcp/package.json
new file mode 100644
index 0000000..3a49399
--- /dev/null
+++ b/apps/mcp/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "mcp",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "@modelcontextprotocol/server": "^2.0.0",
+    "mcp-handler": "^2.1.1",
+    "next": "16.3.3",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "zod": "^4.5.4"
+  },
+  "devDependencies": {
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "typescript": "^5"
+  },
+  "packageManager": "pnpm@11.20.0"
+}
diff --git a/apps/mcp/tsconfig.json b/apps/mcp/tsconfig.json
new file mode 100644
index 0000000..3a13f90
--- /dev/null
+++ b/apps/mcp/tsconfig.json
@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}
diff --git a/package-lock.json b/package-lock.json
deleted file mode 100644
index e89a859..0000000
--- a/package-lock.json
+++ /dev/null
@@ -1,860 +0,0 @@
-{
-  "name": "rubber-duck",
-  "version": "0.0.1",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "rubber-duck",
-      "version": "0.0.1",
-      "license": "MIT",
-      "devDependencies": {
-        "vite": "^8.0.11"
-      }
-    },
-    "node_modules/@emnapi/wasi-threads": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
-      "integrity": "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@napi-rs/wasm-runtime": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.4.tgz",
-      "integrity": "sha512-3NQNNgA1YSlJb/kMH1ildASP9HW7/7kYnRI2szWJaofaS1hWmbGI4H+d3+22aGzXXN9IJ+n+GiFVcGipJP18ow==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "@tybys/wasm-util": "^0.10.1"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/Brooooooklyn"
-      },
-      "peerDependencies": {
-        "@emnapi/core": "^1.7.1",
-        "@emnapi/runtime": "^1.7.1"
-      }
-    },
-    "node_modules/@oxc-project/types": {
-      "version": "0.128.0",
-      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.128.0.tgz",
-      "integrity": "sha512-huv1Y/LzBJkBVHt3OlC7u0zHBW9qXf1FdD7sGmc1rXc2P1mTwHssYv7jyGx5KAACSCH+9B3Bhn6Z9luHRvf7pQ==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/Boshen"
-      }
-    },
-    "node_modules/@rolldown/binding-android-arm64": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.18.tgz",
-      "integrity": "sha512-lIDyUAfD7U3+BWKzdxMbJcsYHuqXqmGz40aeRqvuAm3y5TkJSYTBW2RDrn65DJFPQqVjUAUqq5uz8urzQ8aBdQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-darwin-arm64": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.18.tgz",
-      "integrity": "sha512-apJq2ktnGp27nSInMR5Vcj8kY6xJzDAvfdIFlpDcAK/w4cDO58qVoi1YQsES/SKiFNge/6e4CUzgjfHduYqWpQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-darwin-x64": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.18.tgz",
-      "integrity": "sha512-5Ofot8xbs+pxRHJqm9/9N/4sTQOvdrwEsmPE9pdLEEoAbdZtG6F2LMDfO1sp6ZAtXJuJV/21ew2srq3W8NXB5g==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-freebsd-x64": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.18.tgz",
-      "integrity": "sha512-7h8eeOTT1eyqJyx64BFCnWZpNm486hGWt2sqeLLgDxA0xI1oGZ9H7gK1S85uNGmBhkdPwa/6reTxfFFKvIsebw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.18.tgz",
-      "integrity": "sha512-eRcm/HVt9U/JFu5RKAEKwGQYtDCKWLiaH6wOnsSEp6NMBb/3Os8LgHZlNyzMpFVNmiiMFlfb2zEnebfzJrHFmg==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-linux-arm64-gnu": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.18.tgz",
-      "integrity": "sha512-SOrT/cT4ukTmgnrEz/Hg3m7LBnuCLW9psDeMKrimRWY4I8DmnO7Lco8W2vtqPmMkbVu8iJ+g4GFLVLLOVjJ9DQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-linux-arm64-musl": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.18.tgz",
-      "integrity": "sha512-QWjdxN1HJCpBTAcZ5N5F7wju3gVPzRzSpmGzx7na0c/1qpN9CFil+xt+l9lV/1M6/gqHSNXCiqPfwhVJPeLnug==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-linux-ppc64-gnu": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.0-rc.18.tgz",
-      "integrity": "sha512-ugCOyj7a4d9h3q9B+wXmf6g3a68UsjGh6dob5DHevHGMwDUbhsYNbSPxJsENcIttJZ9jv7qGM2UesLw5jqIhdg==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-linux-s390x-gnu": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.0-rc.18.tgz",
-      "integrity": "sha512-kKWRhbsotpXkGbcd5dllUWg5gEXcDAa8u5YnP9AV5DYNbvJHGzzuwv7dpmhc8NqKMJldl0a+x76IHbspEpEmdA==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-linux-x64-gnu": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.18.tgz",
-      "integrity": "sha512-uCo8ElcCIAMyYAZyuIZ81oFkhTSIllNvUCHCAlbhlN4ji3uC28h7IIdlXyIvGO7HsuqnV9p3rD/bpH7XhIyhRw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-linux-x64-musl": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.18.tgz",
-      "integrity": "sha512-XNOQZtuE6yUIvx4rwGemwh8kpL1xvU41FXy/s9K7T/3JVcqGzo3NfKM2HrbrGgfPYGFW42f07Wk++aOC6B9NWA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-openharmony-arm64": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.18.tgz",
-      "integrity": "sha512-tSn/kzrfa7tNOXr7sEacDBN4YsIqTyLqh45IO0nHDwtpKIDNDJr+VFojt+4klSpChxB29JLyduSsE0MKEwa65A==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openharmony"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-wasm32-wasi": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.18.tgz",
-      "integrity": "sha512-+J9YGmc+czgqlhYmwun3S3O0FIZhsH8ep2456xwjAdIOmuJxM7xz4P4PtrxU+Bz17a/5bqPA8o3HAAoX0teUdg==",
-      "cpu": [
-        "wasm32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "@emnapi/core": "1.10.0",
-        "@emnapi/runtime": "1.10.0",
-        "@napi-rs/wasm-runtime": "^1.1.4"
-      },
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-win32-arm64-msvc": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.18.tgz",
-      "integrity": "sha512-zsu47DgU0FQzSwi6sU9dZoEdUv7pc1AptSEz/Z8HBg54sV0Pbs3N0+CrIbTsgiu6EyoaNN9CHboqbLaz9lhOyQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/binding-win32-x64-msvc": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.18.tgz",
-      "integrity": "sha512-7H+3yqGgmnlDTRRhw/xpYY9J1kf4GC681nVc4GqKhExZTDrVVrV2tsOR9kso0fvgBdcTCcQShx4SLLoHgaLwhg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      }
-    },
-    "node_modules/@rolldown/pluginutils": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.18.tgz",
-      "integrity": "sha512-CUY5Mnhe64xQBGZEEXQ5WyZwsc1JU3vAZLIxtrsBt3LO6UOb+C8GunVKqe9sT8NeWb4lqSaoJtp2xo6GxT1MNw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@tybys/wasm-util": {
-      "version": "0.10.2",
-      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.2.tgz",
-      "integrity": "sha512-RoBvJ2X0wuKlWFIjrwffGw1IqZHKQqzIchKaadZZfnNpsAYp2mM0h36JtPCjNDAHGgYez/15uMBpfGwchhiMgg==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/detect-libc": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
-      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/fdir": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "picomatch": "^3 || ^4"
-      },
-      "peerDependenciesMeta": {
-        "picomatch": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/lightningcss": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz",
-      "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==",
-      "dev": true,
-      "license": "MPL-2.0",
-      "dependencies": {
-        "detect-libc": "^2.0.3"
-      },
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      },
-      "optionalDependencies": {
-        "lightningcss-android-arm64": "1.32.0",
-        "lightningcss-darwin-arm64": "1.32.0",
-        "lightningcss-darwin-x64": "1.32.0",
-        "lightningcss-freebsd-x64": "1.32.0",
-        "lightningcss-linux-arm-gnueabihf": "1.32.0",
-        "lightningcss-linux-arm64-gnu": "1.32.0",
-        "lightningcss-linux-arm64-musl": "1.32.0",
-        "lightningcss-linux-x64-gnu": "1.32.0",
-        "lightningcss-linux-x64-musl": "1.32.0",
-        "lightningcss-win32-arm64-msvc": "1.32.0",
-        "lightningcss-win32-x64-msvc": "1.32.0"
-      }
-    },
-    "node_modules/lightningcss-android-arm64": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz",
-      "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-darwin-arm64": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz",
-      "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-darwin-x64": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz",
-      "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-freebsd-x64": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz",
-      "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-arm-gnueabihf": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz",
-      "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-arm64-gnu": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz",
-      "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-arm64-musl": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz",
-      "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-x64-gnu": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz",
-      "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-linux-x64-musl": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz",
-      "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-win32-arm64-msvc": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz",
-      "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/lightningcss-win32-x64-msvc": {
-      "version": "1.32.0",
-      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz",
-      "integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MPL-2.0",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 12.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
-    "node_modules/nanoid": {
-      "version": "3.3.12",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
-      "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
-    "node_modules/picocolors": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/picomatch": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
-      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/postcss": {
-      "version": "8.5.14",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.14.tgz",
-      "integrity": "sha512-SoSL4+OSEtR99LHFZQiJLkT59C5B1amGO1NzTwj7TT1qCUgUO6hxOvzkOYxD+vMrXBM3XJIKzokoERdqQq/Zmg==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "nanoid": "^3.3.11",
-        "picocolors": "^1.1.1",
-        "source-map-js": "^1.2.1"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/rolldown": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-rc.18.tgz",
-      "integrity": "sha512-phmyKBpuBdRYDf4hgyynGAYn/rDDe+iZXKVJ7WX5b1zQzpLkP5oJRPGsfJuHdzPMlyyEO/4sPW6yfSx2gf7lVg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@oxc-project/types": "=0.128.0",
-        "@rolldown/pluginutils": "1.0.0-rc.18"
-      },
-      "bin": {
-        "rolldown": "bin/cli.mjs"
-      },
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      },
-      "optionalDependencies": {
-        "@rolldown/binding-android-arm64": "1.0.0-rc.18",
-        "@rolldown/binding-darwin-arm64": "1.0.0-rc.18",
-        "@rolldown/binding-darwin-x64": "1.0.0-rc.18",
-        "@rolldown/binding-freebsd-x64": "1.0.0-rc.18",
-        "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.18",
-        "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.18",
-        "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.18",
-        "@rolldown/binding-linux-ppc64-gnu": "1.0.0-rc.18",
-        "@rolldown/binding-linux-s390x-gnu": "1.0.0-rc.18",
-        "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.18",
-        "@rolldown/binding-linux-x64-musl": "1.0.0-rc.18",
-        "@rolldown/binding-openharmony-arm64": "1.0.0-rc.18",
-        "@rolldown/binding-wasm32-wasi": "1.0.0-rc.18",
-        "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.18",
-        "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.18"
-      }
-    },
-    "node_modules/source-map-js": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/tinyglobby": {
-      "version": "0.2.16",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
-      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fdir": "^6.5.0",
-        "picomatch": "^4.0.4"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/SuperchupuDev"
-      }
-    },
-    "node_modules/tslib": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
-      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "dev": true,
-      "license": "0BSD",
-      "optional": true
-    },
-    "node_modules/undici-types": {
-      "version": "7.19.2",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.19.2.tgz",
-      "integrity": "sha512-qYVnV5OEm2AW8cJMCpdV20CDyaN3g0AjDlOGf1OW4iaDEx8MwdtChUp4zu4H0VP3nDRF/8RKWH+IPp9uW0YGZg==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true
-    },
-    "node_modules/vite": {
-      "version": "8.0.11",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.11.tgz",
-      "integrity": "sha512-Jz1mxtUBR5xTT65VOdJZUUeoyLtqljmFkiUXhPTLZka3RDc9vpi/xXkyrnsdRcm2lIi3l3GPMnAidTsEGIj3Ow==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "lightningcss": "^1.32.0",
-        "picomatch": "^4.0.4",
-        "postcss": "^8.5.14",
-        "rolldown": "1.0.0-rc.18",
-        "tinyglobby": "^0.2.16"
-      },
-      "bin": {
-        "vite": "bin/vite.js"
-      },
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
-      },
-      "funding": {
-        "url": "https://github.com/vitejs/vite?sponsor=1"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.3"
-      },
-      "peerDependencies": {
-        "@types/node": "^20.19.0 || >=22.12.0",
-        "@vitejs/devtools": "^0.1.18",
-        "esbuild": "^0.27.0 || ^0.28.0",
-        "jiti": ">=1.21.0",
-        "less": "^4.0.0",
-        "sass": "^1.70.0",
-        "sass-embedded": "^1.70.0",
-        "stylus": ">=0.54.8",
-        "sugarss": "^5.0.0",
-        "terser": "^5.16.0",
-        "tsx": "^4.8.1",
-        "yaml": "^2.4.2"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        },
-        "@vitejs/devtools": {
-          "optional": true
-        },
-        "esbuild": {
-          "optional": true
-        },
-        "jiti": {
-          "optional": true
-        },
-        "less": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        },
-        "sass-embedded": {
-          "optional": true
-        },
-        "stylus": {
-          "optional": true
-        },
-        "sugarss": {
-          "optional": true
-        },
-        "terser": {
-          "optional": true
-        },
-        "tsx": {
-          "optional": true
-        },
-        "yaml": {
-          "optional": true
-        }
-      }
-    }
-  }
-}
diff --git a/package.json b/package.json
index 9b62e56..d7cd953 100644
--- a/package.json
+++ b/package.json
@@ -1,32 +1,22 @@
 {
-  "name": "rubber-duck",
-  "version": "0.0.1",
-  "description": "Best debug tool - rubber duck",
-  "keywords": [
-    "rubber",
-    "duck",
-    "debug",
-    "tool",
-    "fun"
-  ],
-  "homepage": "https://github.com/Ku6epXBOCTuK/rubber-duck#readme",
-  "bugs": {
-    "url": "https://github.com/Ku6epXBOCTuK/rubber-duck/issues"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Ku6epXBOCTuK/rubber-duck.git"
-  },
-  "license": "MIT",
-  "author": "Ku6epXBOCTuK",
-  "type": "module",
-  "main": "index.js",
+  "name": "rubber-duck-monorepo",
+  "version": "1.0.0",
+  "description": "Rubber duck debugging - frontend + MCP server monorepo",
   "scripts": {
-    "dev": "vite",
-    "refs": "npx serve refs",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "dev": "pnpm --dir apps/frontend dev",
+    "build-frontend": "pnpm --dir apps/frontend build",
+    "build-mcp": "pnpm --dir apps/mcp build",
+    "dev-mcp": "pnpm --dir apps/mcp dev",
+    "typecheck-mcp": "pnpm --dir apps/mcp exec tsc --noEmit"
   },
-  "devDependencies": {
-    "vite": "^8.0.11"
-  }
+  "license": "ISC",
+  "devEngines": {
+    "packageManager": {
+      "name": "pnpm",
+      "version": "^11.20.0",
+      "onFail": "download"
+    }
+  },
+  "type": "module",
+  "private": "true"
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 0000000..c1a651d
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,1302 @@
+---
+lockfileVersion: '9.0'
+
+importers:
+
+  .:
+    configDependencies: {}
+    packageManagerDependencies:
+      '@pnpm/exe':
+        specifier: ^11.20.0
+        version: 11.25.0
+      pnpm:
+        specifier: ^11.20.0
+        version: 11.25.0
+
+packages:
+
+  '@pnpm/exe@11.25.0':
+    resolution: {integrity: sha512-X19R2uC+VAJ4UJQE9c/PCdOXbDaWnZtad7WUrTHBFQuMVaK9MAHbyO/WgahQCuRtTmJkLbxcWKKCk+JeTYFm/g==}
+    hasBin: true
+
+  '@pnpm/linux-arm64@11.25.0':
+    resolution: {integrity: sha512-ra8akqhzsbcOhKSJ9fFV8H+Oc9uGQAcp/XmIBEdT+8hPPoZCit3+RNCHmg8bLoNvpSLtRvZE0WFCMj7WyzxeBA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@pnpm/linux-x64@11.25.0':
+    resolution: {integrity: sha512-pQl/L10diKQCbF73viRrtVU8qVWMTudUCSG1uZ+EWBNKtU9Sbxe6Q378diXDb1uTwSgUVMQoypxlC1MTzh7qvQ==}
+    cpu: [x64]
+    os: [linux]
+
+  '@pnpm/linuxstatic-arm64@11.25.0':
+    resolution: {integrity: sha512-cYcrbB/xN1N6/5VUlFuHblb1gNyJgZv1CF5Pk1T0sHJxQMY4DFJV3OqHVAgahxyUfSTaQcVLvH1H2JFvd/+sgw==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@pnpm/linuxstatic-x64@11.25.0':
+    resolution: {integrity: sha512-HXDtaeQod16DDMUUcVLIMxvEc1jKn7IYsNPwbwAPs/Je/d3umRPJi3Ejjdn6e9qpXN6Oon+yvSsJr7B9oDt6KA==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@pnpm/macos-arm64@11.25.0':
+    resolution: {integrity: sha512-m/eAgEqKhiSexGxWPHNXNnSRI0hudymg6K7LbrU2EoDs9IgJ28OKEz9mGxMzhkYBweEquR4k5teMNes/aToy9w==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@pnpm/win-arm64@11.25.0':
+    resolution: {integrity: sha512-oAeECbtZ+eJziaBmPUkwJM8Dx7KVQ5FO367AXTjD2HGfB5ob1Bcu5hoUF5RBTgDBiP9fRQ1u13uAEpqar/6NLA==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@pnpm/win-x64@11.25.0':
+    resolution: {integrity: sha512-8/n+wCc0a8TRYTMFqti93Vh0cscdJ25xfMyYSDdXrLUh2ccxSFuS+SE7cNPjd/nOXoFAJvdW0kwfbyRPLa16/w==}
+    cpu: [x64]
+    os: [win32]
+
+  '@reflink/reflink-darwin-arm64@0.1.19':
+    resolution: {integrity: sha512-ruy44Lpepdk1FqDz38vExBY/PVUsjxZA+chd9wozjUH9JjuDT/HEaQYA6wYN9mf041l0yLVar6BCZuWABJvHSA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@reflink/reflink-darwin-x64@0.1.19':
+    resolution: {integrity: sha512-By85MSWrMZa+c26TcnAy8SDk0sTUkYlNnwknSchkhHpGXOtjNDUOxJE9oByBnGbeuIE1PiQsxDG3Ud+IVV9yuA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@reflink/reflink-linux-arm64-gnu@0.1.19':
+    resolution: {integrity: sha512-7P+er8+rP9iNeN+bfmccM4hTAaLP6PQJPKWSA4iSk2bNvo6KU6RyPgYeHxXmzNKzPVRcypZQTpFgstHam6maVg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@reflink/reflink-linux-arm64-musl@0.1.19':
+    resolution: {integrity: sha512-37iO/Dp6m5DDaC2sf3zPtx/hl9FV3Xze4xoYidrxxS9bgP3S8ALroxRK6xBG/1TtfXKTvolvp+IjrUU6ujIGmA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@reflink/reflink-linux-x64-gnu@0.1.19':
+    resolution: {integrity: sha512-jbI8jvuYCaA3MVUdu8vLoLAFqC+iNMpiSuLbxlAgg7x3K5bsS8nOpTRnkLF7vISJ+rVR8W+7ThXlXlUQ93ulkw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@reflink/reflink-linux-x64-musl@0.1.19':
+    resolution: {integrity: sha512-e9FBWDe+lv7QKAwtKOt6A2W/fyy/aEEfr0g6j/hWzvQcrzHCsz07BNQYlNOjTfeytrtLU7k449H1PI95jA4OjQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@reflink/reflink-win32-arm64-msvc@0.1.19':
+    resolution: {integrity: sha512-09PxnVIQcd+UOn4WAW73WU6PXL7DwGS6wPlkMhMg2zlHHG65F3vHepOw06HFCq+N42qkaNAc8AKIabWvtk6cIQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@reflink/reflink-win32-x64-msvc@0.1.19':
+    resolution: {integrity: sha512-E//yT4ni2SyhwP8JRjVGWr3cbnhWDiPLgnQ66qqaanjjnMiu3O/2tjCPQXlcGc/DEYofpDc9fvhv6tALQsMV9w==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@reflink/reflink@0.1.19':
+    resolution: {integrity: sha512-DmCG8GzysnCZ15bres3N5AHCmwBwYgp0As6xjhQ47rAUTUXxJiK+lLUxaGsX3hd/30qUpVElh05PbGuxRPgJwA==}
+    engines: {node: '>= 10'}
+
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
+  pnpm@11.25.0:
+    resolution: {integrity: sha512-XN6SW08HX3Jetx+64YpC/+eEUkeJ8ZthxzHLhyHsKKruFg4BqNWvT+2ypCzb8wDv4j2zVrDUoXtNY+EfirfJVg==}
+    engines: {node: '>=22.13'}
+    hasBin: true
+
+snapshots:
+
+  '@pnpm/exe@11.25.0':
+    dependencies:
+      '@reflink/reflink': 0.1.19
+      detect-libc: 2.1.2
+    optionalDependencies:
+      '@pnpm/linux-arm64': 11.25.0
+      '@pnpm/linux-x64': 11.25.0
+      '@pnpm/linuxstatic-arm64': 11.25.0
+      '@pnpm/linuxstatic-x64': 11.25.0
+      '@pnpm/macos-arm64': 11.25.0
+      '@pnpm/win-arm64': 11.25.0
+      '@pnpm/win-x64': 11.25.0
+
+  '@pnpm/linux-arm64@11.25.0':
+    optional: true
+
+  '@pnpm/linux-x64@11.25.0':
+    optional: true
+
+  '@pnpm/linuxstatic-arm64@11.25.0':
+    optional: true
+
+  '@pnpm/linuxstatic-x64@11.25.0':
+    optional: true
+
+  '@pnpm/macos-arm64@11.25.0':
+    optional: true
+
+  '@pnpm/win-arm64@11.25.0':
+    optional: true
+
+  '@pnpm/win-x64@11.25.0':
+    optional: true
+
+  '@reflink/reflink-darwin-arm64@0.1.19':
+    optional: true
+
+  '@reflink/reflink-darwin-x64@0.1.19':
+    optional: true
+
+  '@reflink/reflink-linux-arm64-gnu@0.1.19':
+    optional: true
+
+  '@reflink/reflink-linux-arm64-musl@0.1.19':
+    optional: true
+
+  '@reflink/reflink-linux-x64-gnu@0.1.19':
+    optional: true
+
+  '@reflink/reflink-linux-x64-musl@0.1.19':
+    optional: true
+
+  '@reflink/reflink-win32-arm64-msvc@0.1.19':
+    optional: true
+
+  '@reflink/reflink-win32-x64-msvc@0.1.19':
+    optional: true
+
+  '@reflink/reflink@0.1.19':
+    optionalDependencies:
+      '@reflink/reflink-darwin-arm64': 0.1.19
+      '@reflink/reflink-darwin-x64': 0.1.19
+      '@reflink/reflink-linux-arm64-gnu': 0.1.19
+      '@reflink/reflink-linux-arm64-musl': 0.1.19
+      '@reflink/reflink-linux-x64-gnu': 0.1.19
+      '@reflink/reflink-linux-x64-musl': 0.1.19
+      '@reflink/reflink-win32-arm64-msvc': 0.1.19
+      '@reflink/reflink-win32-x64-msvc': 0.1.19
+
+  detect-libc@2.1.2: {}
+
+  pnpm@11.25.0: {}
+
+---
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .: {}
+
+  apps/frontend:
+    devDependencies:
+      vite:
+        specifier: ^8.0.11
+        version: 8.2.2(@types/node@20.19.43)
+
+  apps/mcp:
+    dependencies:
+      '@modelcontextprotocol/server':
+        specifier: ^2.0.0
+        version: 2.0.0
+      mcp-handler:
+        specifier: ^2.1.1
+        version: 2.1.1(@modelcontextprotocol/server@2.0.0)(next@16.3.3(@types/node@20.19.43)(react-dom@19.2.8(react@19.2.8))(react@19.2.8))
+      next:
+        specifier: 16.3.3
+        version: 16.3.3(@types/node@20.19.43)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+      react:
+        specifier: 19.2.8
+        version: 19.2.8
+      react-dom:
+        specifier: 19.2.8
+        version: 19.2.8(react@19.2.8)
+      zod:
+        specifier: ^4.5.4
+        version: 4.5.4
+    devDependencies:
+      '@types/node':
+        specifier: ^20
+        version: 20.19.43
+      '@types/react':
+        specifier: ^19
+        version: 19.2.18
+      '@types/react-dom':
+        specifier: ^19
+        version: 19.2.5(@types/react@19.2.18)
+      typescript:
+        specifier: ^5
+        version: 5.9.3
+
+packages:
+
+  '@emnapi/runtime@1.11.3':
+    resolution: {integrity: sha512-Xz4Tpyki7XyrpbUK1jR1AhdAdaXyhhY4lZ3neLodmhpuWfy2PAQN5B46sAiU4liOXGLkHypn/qU+jvfWSCYYLA==}
+
+  '@img/colour@1.1.0':
+    resolution: {integrity: sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==}
+    engines: {node: '>=18'}
+
+  '@img/sharp-darwin-arm64@0.35.4':
+    resolution: {integrity: sha512-Uhfl4V4lhP2nbUVF9+hyH1+luj86f1gUFeo8ALYxFoULoU+G87D43BfeMP8XHsk9boxAnCY/bf2EHwhA7MuGsA==}
+    engines: {node: '>=20.9.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-darwin-x64@0.35.4':
+    resolution: {integrity: sha512-hWniXY3bG5qKpkKrAwPe4y+VTPmf086YQAnkxWh7uA1YrlRouWGa0M0Mxj3ZjnXFkv7/TD1bTy9lGUK26vRvWw==}
+    engines: {node: '>=20.9.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-freebsd-wasm32@0.35.4':
+    resolution: {integrity: sha512-lIsKw/BU+kjB4eZjxrYrZmwOJYi3Ajrv66iAlBmUPyKc3HpnloevB1g3wxGD9P/5BbQ1brBGl65VRRrCvQDEqA==}
+    engines: {node: '>=20.9.0'}
+    os: [freebsd]
+
+  '@img/sharp-libvips-darwin-arm64@1.3.3':
+    resolution: {integrity: sha512-suTBPTDGrI9WodccaDdwZItTSaBYASlBk1NSfElSHrUfzu3szG6lvIF58+WiFvnfzuK8ZBFS5zE00PxqxnRiPg==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-x64@1.3.3':
+    resolution: {integrity: sha512-FVJZ5mITMobmXIz/hPDTw0EintTW5H3WfrxwLqEqjiIihlu+hVRyGrFQ60xl0Lxn7Bt3zdpevPaQi0HEzqz9fw==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-linux-arm64@1.3.3':
+    resolution: {integrity: sha512-0DaL0A6Xu6sQSQFwe4iVCrKWU2cCTItnRsYsCdxAMm9NF6twAA9BKnoqy4hqz4+azQ0JHuA26qiUKsf1XJ/v5A==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linux-arm@1.3.3':
+    resolution: {integrity: sha512-3rbU4vqXXc3hY/OiXdl52xZvT0F1yEngWfvqudtPJg/KkyiaQw2DRsFrNzpmLvfavbwOq3qXn36GP8obHRULQA==}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linux-ppc64@1.3.3':
+    resolution: {integrity: sha512-cdn1OvUBwsXhbC0zSzJnNzf5MZ/mTrobawDvNXBTxe8VtqKAm0sRuEY2Evzovb/w9JMk4TvRxqt1mekSuJz64w==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linux-riscv64@1.3.3':
+    resolution: {integrity: sha512-HjPVx7yKz+0lqdhDlTw1tt90wamBoxhiXpvl1XZpJLiHH4RCJ5yDTqH+VlYPv2fwFs89JFw4c1IexYOcQUi4IQ==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linux-s390x@1.3.3':
+    resolution: {integrity: sha512-neWLh+3yCNThxnfy3c4BbVBeGgt9aftno+XbT56iK28RgeDs3UOFWviLWlUu0bArYVYJaFDK+RRohbicUNCm8Q==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linux-x64@1.3.3':
+    resolution: {integrity: sha512-4vKmvAst9nrowcqquKFAyZJUDolUaIp8uRiN0mWFguJ1IplC9/pitXtlnnlU4aa/eJw3J7i67V+pwUL+wZGdsA==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.3.3':
+    resolution: {integrity: sha512-Y9kQaLMuNoB0bPYOOdcZMaseNrFpPodIWWMrx+CZyydf2xn68j9WYc6sWWRrDwNkzCQjKYfc68L7jKjGlHMibw==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@img/sharp-libvips-linuxmusl-x64@1.3.3':
+    resolution: {integrity: sha512-fj8Mv0HHfD1Rr+4I68+3agJynxDWtBFgicTbSOb9Bke6pIwzGcJ+RX/yHjmiEGFMCavY/dxvem7MyNaJF+wDiw==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@img/sharp-linux-arm64@0.35.4':
+    resolution: {integrity: sha512-De4jpEnAU8Hd5oT0j1G3uL4ZvTuipVMn7YC6vPaJhy6/7EwEae0SVAoBrUMYQbkLGDm85taVWwuPc1a44LTzCQ==}
+    engines: {node: '>=20.9.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linux-arm@0.35.4':
+    resolution: {integrity: sha512-7OAS8gI0EReKGVN2HssHlM6umJgxF5VI3xN0p9FA91p/YO+ou5hiNghLdZ5BEHztwaaK5+bLKRf8x/o2L2nk9A==}
+    engines: {node: '>=20.9.0'}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linux-ppc64@0.35.4':
+    resolution: {integrity: sha512-2oYZJeIl4kCcMGk4ouZVjnkCtFrpQFlNEtJ6GbxzhHQchwH0NH/qEb9ykmOl29dqwMq+JhFdZn+1ak2FKhI9fQ==}
+    engines: {node: '>=20.9.0'}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linux-riscv64@0.35.4':
+    resolution: {integrity: sha512-cPbNChoRURAWdebDIHSenxRpgEdy7JkPydSnUxRm9VvKD7m0/xVaR/8Fzlu81pk5nHEvHH87UZUA7cTtwnbJSA==}
+    engines: {node: '>=20.9.0'}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linux-s390x@0.35.4':
+    resolution: {integrity: sha512-RY0JFY8Fd6RonCBtHz+DvadaPkXDSI1AUn6yWL9TipqkZ1vY8w8evqdgyDFnkm4/K1ve1TvZiaePP5oSd4+WVQ==}
+    engines: {node: '>=20.9.0'}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linux-x64@0.35.4':
+    resolution: {integrity: sha512-9qvvEAuk8k89TfWUoX2htWjbAMX8p+NxCppjpcg5k6xMsjhBQPTsoIh36h9Qde4WRuGpJeYnOjdosDn/cnv+OA==}
+    engines: {node: '>=20.9.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linuxmusl-arm64@0.35.4':
+    resolution: {integrity: sha512-KB5jxpfWQTr0nc3xdHtWChdbifHrBGsd2SM62Eyxrl8afikm+f5qGBU75SJIZBT/S1MC8XyacdlXBMSWq6OURA==}
+    engines: {node: '>=20.9.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@img/sharp-linuxmusl-x64@0.35.4':
+    resolution: {integrity: sha512-f+eZJZIQNEEd26RPSW+76chwOf1XtA2Y/O+5ocVyLliHkeih3e+jhLVBdNTd2rS3IbNXK8+ug93Vf5ZXtF5Lxg==}
+    engines: {node: '>=20.9.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@img/sharp-wasm32@0.35.4':
+    resolution: {integrity: sha512-zQnl4Kwp7Q6NHsENtU2T/00Zi+w3AQNwz3+UaTyVBy2FpXrzXzGjndpK61onhZjRtRpQXxCTeqw19bVyXOh7jA==}
+    engines: {node: '>=20.9.0'}
+
+  '@img/sharp-webcontainers-wasm32@0.35.4':
+    resolution: {integrity: sha512-ESfNkywmCfPNyaZjxooddJQiQ+l/nTpGEOGthxiLnIHXC/CmcBixnfwUleX9mCz9ovrUUvKMap/pm8RYbzfwaA==}
+    engines: {node: '>=20.9.0'}
+    cpu: [wasm32]
+
+  '@img/sharp-win32-arm64@0.35.4':
+    resolution: {integrity: sha512-iNdlBX9gLVvqe2I3uIJSIKTq6wckP/DYxZtcqxm09x5Gi24DnFBmPAWZmr60ZyYMG0xlzo6goG3670ar+RXvRw==}
+    engines: {node: '>=20.9.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@img/sharp-win32-ia32@0.35.4':
+    resolution: {integrity: sha512-kqRsbaa5CS6KHlpxnN7WhE6vAAugXyZButpRdvDWetlv6Qv4N9WTcrWzF7tXfB9T7MsoadqdI8hmwLq6UlLvtw==}
+    engines: {node: ^20.9.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@img/sharp-win32-x64@0.35.4':
+    resolution: {integrity: sha512-XtmnYhBcrORsJ4XJngyzr/EWP0hRZLAZRFaApdKuviyqF78+ylxh2y06ZmtULAMOnObJ3ucpN0AcwSWnMowTRg==}
+    engines: {node: '>=20.9.0'}
+    cpu: [x64]
+    os: [win32]
+
+  '@modelcontextprotocol/core@2.0.0':
+    resolution: {integrity: sha512-pJCEwGG7Lfr/+PQp9ZTwKXNeO5wzbfKL7H3MYpCorM4oFBoQrdjnBgEoqG+RjhsvS1FKrDbKux+M1HhlnGWqcA==}
+    engines: {node: '>=20'}
+
+  '@modelcontextprotocol/server@2.0.0':
+    resolution: {integrity: sha512-YhHWdHfpFMQfd0prsEnxKeS3Qz3ytIGmsS0sth4KDjnacIT7hxk6hXHkJ9KysxlkvTM+WZAtQbbcUhdoP4Hvtw==}
+    engines: {node: '>=20'}
+
+  '@next/env@16.3.3':
+    resolution: {integrity: sha512-U2eYQRwXj+dsqxV79zFqExDdatnNY/ZWc2nsJU1p/OgT7fd3dXwlF6OjYaFQCfMoeTA19PWq+wVmYgimVA+V+g==}
+
+  '@next/swc-darwin-arm64@16.3.3':
+    resolution: {integrity: sha512-8Hiv32QJPwdV6KYJ8meR9SBA061tQqnIKTJDocvOXlEQqib0xMFpzArosuffFUUc0sslbh7QQ8a3Yey1QV8EIw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@next/swc-darwin-x64@16.3.3':
+    resolution: {integrity: sha512-A1lgKgwVchRYmSe467zdwhxT9040dd8lH+o65sL5Jet8fjB4kegw/rDyPIpYVRb6jAqwXFOJpjIXJLxQKLiE3A==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@next/swc-linux-arm64-gnu@16.3.3':
+    resolution: {integrity: sha512-bf0FIssMFueU2dm7vQEWWxk0c8UjKTdW0yzuh0sQsD8pf1+KCLDdaqhYZNMYGmXwEOiHAUzgBKudovIlcvvBjg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@next/swc-linux-arm64-musl@16.3.3':
+    resolution: {integrity: sha512-W7viwCk9JY/cAkdz/A273rd5bb3RgT/IHwR7Upv90tunjBWNtAAhGhoecHh+teRNRSinuAFmE+l7fwZ4YKkrXg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@next/swc-linux-x64-gnu@16.3.3':
+    resolution: {integrity: sha512-0W46zw1N3ODpI6n0GeivHvvob1pooozgZVqy65k0mh4/7vr+FbY9+WpHzNVXjHipJf/A3FDheBG19H1s5A25rA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@next/swc-linux-x64-musl@16.3.3':
+    resolution: {integrity: sha512-H4mBso8ZTMBPtdT0PN0pBx2ayTvQuTuvS6qT13d77yVFJXAPCxkyIhLTmdMaGTJs0krQYI/qpzdHijCeihXhbg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@next/swc-win32-arm64-msvc@16.3.3':
+    resolution: {integrity: sha512-cTMUJpcEGmeywofCUfhR+rSsoE33+rVPnPEYNTNdLNlsOeEg/vktOsKUSTb28vUGqD2jkm4Zaskcwn7OCI6FQg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@next/swc-win32-x64-msvc@16.3.3':
+    resolution: {integrity: sha512-2VR4cTBzHXaBjnGsuH6GyJjENzQOmHeAh11uY1iUhjm3j5dEUrVJuUj+VL78jaGi/Dik8xS76zEj18BsFhlVZQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@oxc-project/types@0.147.0':
+    resolution: {integrity: sha512-IJ3s6ltHLp45S0bh7phkX+gJO7A1Wuz2EaqpAhb8WjqDwbzMiWKHhyyT42tskaWjEYXtHtVCPpnBJVT9+dcRLg==}
+
+  '@rolldown/binding-android-arm-eabi@1.2.6':
+    resolution: {integrity: sha512-b+jTcARdTiFLI6jB4a5XjTm0RWd6KcRfQj/I2356fxUZemiho9zQLxo0RtCuMDAyKcLo6cEltkgbQp6d1+sjjQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
+  '@rolldown/binding-android-arm64@1.2.6':
+    resolution: {integrity: sha512-lkWU8ZJaRk9q3CIEY1Tc7vIFALp3Xw5NfGJo2hQg5oIqNgxWi1zI+IiDEK3r70BF5Dzol1tcXsnzsRc8NLhG+Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@rolldown/binding-darwin-arm64@1.2.6':
+    resolution: {integrity: sha512-dgR56NYnvAszm7Ob1B2/Vn0e8bUQYZH2UjVaMMtMVOCKFSfjhfLmuA/9+O+F+ajUdG6B/bSssrKW6JJYASa8jA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rolldown/binding-darwin-x64@1.2.6':
+    resolution: {integrity: sha512-vpVxFvUCFioJqug7OTvqptkc4yb8UX0AwfDmJpaR/0sWz+BUmqSVAf7c8JkUgnN8YLspb4a/N6NhTyMAmdyQ7Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rolldown/binding-freebsd-x64@1.2.6':
+    resolution: {integrity: sha512-h1wG6Y6K3JlRswxsI64qQJqBAy4vrLuHgRbc8CZMGSWTOFRY6ghMApM1NKzB2I0n5xV1fjkE18SuVl2QpLeNpA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.2.6':
+    resolution: {integrity: sha512-tbCiqub0q2MVWJKgF5PoAlNWCtQydiOYSLIkd8sByqK/6MMYLJRcSXSYodqYtd0O+Fw7QaVmKKlS4oL94YRZ0w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@rolldown/binding-linux-arm64-gnu@1.2.6':
+    resolution: {integrity: sha512-oxK9+baEBPhZG5HB4URY+uU04zJWeZlH6Tb9rB5DK4DF9XR1uXNLXt5Q5ZsugTKayNCNLhkcwz/ye74hRI98dg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-arm64-musl@1.2.6':
+    resolution: {integrity: sha512-muWCk27FVBEZtv0MsK8gnfSmgczA8KQ0uRVJbTABKhkRfQc38aUrcb7fhi3BNiyseFmgcRsoMfQsSNJ+DbZdSw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-linux-ppc64-gnu@1.2.6':
+    resolution: {integrity: sha512-eWDoSfU7Co2qj3vgB3Dt4lj1mG6CoWbcJQkRMP3XJplyCMtuaq3LHvPFjS9QIPvMGWVadJC04Xiy0IdcVPtnwQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-s390x-gnu@1.2.6':
+    resolution: {integrity: sha512-2bWNjRSIayvupRKxXUY2tWG9fYdoUlTqWywHRvE8Eq3GvuQ+f2HeIkve697fIt+IQs/PV8yFsdWuhp1aJ1PdnA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-x64-gnu@1.2.6':
+    resolution: {integrity: sha512-KekI0gS0wLxe1UBSQSjenBVwou/JkcQPDzBPICGZjxUv9k3RteHDPBQaiOicZUFKRIH2wKEimGwVpnJsbPzu7w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-x64-musl@1.2.6':
+    resolution: {integrity: sha512-TvtPnfVr+HtyGiDmPK4VWmlNm7QhNNAcK5Q9A7aOXsI8545yCyaoMaicXrFZ72JzeYjaUVk7yT243zT0jzjFKQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-openharmony-arm64@1.2.6':
+    resolution: {integrity: sha512-iOo0VEay2XFhaCcH0sps5XIimkSuOnNaZrf6+ZkoSOQBJPKNU48RkmJv0/lSpipexu5P+ouFgafe5IGr/DiQfg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rolldown/binding-win32-arm64-msvc@1.2.6':
+    resolution: {integrity: sha512-y5NTmmasMS455JlOCO4ZM9krIchv3Mvm1crL1iUPGOPgEzSkves9n0SdC5Sjz6+qWDFhd8/JpfWMH8NSWNHe+A==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rolldown/binding-win32-x64-msvc@1.2.6':
+    resolution: {integrity: sha512-np8iZSLfXlAD4kWhiyq/u0Yt8oZDtRQ8lGhQaCXo2rl37KNjeU0GjJuwr4P3oeZ++ROfofsKNBqR5LTO8aXyWQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@rolldown/pluginutils@1.0.1':
+    resolution: {integrity: sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==}
+
+  '@swc/helpers@0.5.23':
+    resolution: {integrity: sha512-5lSsMOTXURePglDfvuAQUqkGek9Hg2kksOYay2m0+XR++b2NWYL/4sWyuvVBIs8oKnJaxkdi9whaL/sqN13afw==}
+
+  '@types/node@20.19.43':
+    resolution: {integrity: sha512-6oYBAi5ikg4Pl+kGsoYtawUMBT2zZMCvPNF7pVLnHZfd1zf38DRiWn/gT01RYCdUqkv7Fhr+C9ot4/tb+2sVvA==}
+
+  '@types/react-dom@19.2.5':
+    resolution: {integrity: sha512-fMPwH9v7r/pp43yUd2/Mbiex5KouJwwR3dzHkhLREUC6764VyDsqxhAxv6OFEYR1RhjOyD1naqba8ECDBe7ZQg==}
+    peerDependencies:
+      '@types/react': ^19.2.0
+
+  '@types/react@19.2.18':
+    resolution: {integrity: sha512-AnzbBERsrLKtk2XSfTbYRLjQPdy116Sty4q+T+Bp3IC4l6jNBvreVPAHmpq9qhXQM7CXZPjLVmGMw9sy+hxQ3w==}
+
+  baseline-browser-mapping@2.11.20:
+    resolution: {integrity: sha512-H0ulySigv6icDJ1F7SjtdCD6PrhTpdYCmP0CactWy1+ekh0AFd0o1Wn5T8b+hnTmdBx19u9yhL6wvCylXMY7zw==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  caniuse-lite@1.0.30001810:
+    resolution: {integrity: sha512-TITQPUkaz+aVk5GL6NhOdwk1aEaNTSDPsGFWrTuhKGtjTF70jL/Oht2W4c6rXUe5fu7Ie19VIahAXHIIiWWNeg==}
+
+  chalk@5.6.2:
+    resolution: {integrity: sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+
+  client-only@0.0.1:
+    resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
+
+  commander@11.1.0:
+    resolution: {integrity: sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==}
+    engines: {node: '>=16'}
+
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  lightningcss-android-arm64@1.33.0:
+    resolution: {integrity: sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.33.0:
+    resolution: {integrity: sha512-Sciaz8eenNTKn9b3t7+xr0ipTp9YxKQY4npwQ3mrRuL0BAVHBLyZxofhaKBAVtzmtRZ/zTyo0/to4B1uWG/Djg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.33.0:
+    resolution: {integrity: sha512-Z5UPAxzrjlWNNyGy6i65cJzzvgJ5D3T6wMvs+gWpY9d7qRhANrxqAp6LhxIgZhWEw18RfJTGcRxjuLIBr+m8XQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.33.0:
+    resolution: {integrity: sha512-QQM/Ti/hQajJwCY+RiWuCZ9sdtI/XQk7nDK5vC8kkdwixezOlDgvDx7+RT+QjK6FcFT4MpsuoBnHIo/O3StRRg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.33.0:
+    resolution: {integrity: sha512-N7FVBe6iS24MlM6R/4RBTxGhQheZGs7tiQ9U32UtF75NzP5Q7xWPRqLBCKxlRQRk3rY1jCIPLzx7WzOhuUIRLQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.33.0:
+    resolution: {integrity: sha512-j2v/itmy4HlNxlc6voKXYgBqNi0Ng2LShg4z7GufpEgs05P+2suBVyi9I6YHq5uoVFx9ETin3eCEhLVyXGQnKg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-arm64-musl@1.33.0:
+    resolution: {integrity: sha512-yiO5ROMuYQgXbC60yjZU5CYSFZGKXL0HFATXt9mHJn1+zW55oCtMI9NfcVhYLMFDL7gV7oBPon/EmMMGg2OvtQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-linux-x64-gnu@1.33.0:
+    resolution: {integrity: sha512-ar+Ju7LmcN0Jo4FpL4hpFybwNG9/3A/Br5KW2n2jyODg3MEZXaDYADdemoNS+BDNfMgKvylJLj4S5tyRActuAg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-x64-musl@1.33.0:
+    resolution: {integrity: sha512-RYiYbkokw0trfKqqzfF55lginwEPrD3OJDfTuJzFs1MK6iFnDenaz1fqLLtX4ITG3OktJQXOeTaw1awrBAlZPw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-win32-arm64-msvc@1.33.0:
+    resolution: {integrity: sha512-1K+MPfLSFVpphzpdbfkhlWk6wBrTObBzS2T6db10PNOZgR9GoVsAWzwNyuhUYYbTp23j+4RrncfujZ4uAzXvwA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.33.0:
+    resolution: {integrity: sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.33.0:
+    resolution: {integrity: sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==}
+    engines: {node: '>= 12.0.0'}
+
+  mcp-handler@2.1.1:
+    resolution: {integrity: sha512-D/PAwxF9TexmixJY+FZMgYq9SSbGm3vtcUjwUHZ8tYYuOtGT3/KgAKBjO3UJZoXgW8nHDtv8ySOICMEZPD0b/Q==}
+    engines: {node: '>=20'}
+    hasBin: true
+    peerDependencies:
+      '@modelcontextprotocol/server': ^2.0.0
+      next: '>=13.0.0'
+    peerDependenciesMeta:
+      next:
+        optional: true
+
+  nanoid@3.3.18:
+    resolution: {integrity: sha512-DTg4MJbGMWkfi6VZFdNt2/caMbQy4Ou+Op/hJQvGEWcnVfoA1QA+xzRKAzw9jD6+GVOOeYr/mIcuDSdug6F6+w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  next@16.3.3:
+    resolution: {integrity: sha512-tuRTx1nQ/yVw83cwJBo9F+njGUgMn3UHQycreWHB8XsStvvAh1AthbI8/4IpKnFaF58F+iSiHejYOlMQ/eq83g==}
+    engines: {node: '>=20.9.0'}
+    hasBin: true
+    peerDependencies:
+      '@opentelemetry/api': ^1.1.0
+      '@playwright/test': ^1.51.1
+      babel-plugin-react-compiler: '*'
+      react: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
+      react-dom: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
+      sass: ^1.3.0
+    peerDependenciesMeta:
+      '@opentelemetry/api':
+        optional: true
+      '@playwright/test':
+        optional: true
+      babel-plugin-react-compiler:
+        optional: true
+      sass:
+        optional: true
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  picomatch@4.0.7:
+    resolution: {integrity: sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==}
+    engines: {node: '>=12'}
+
+  postcss@8.5.23:
+    resolution: {integrity: sha512-g50586zr4bZmwFiTlflMu8E0bDTb5I5gertgwAKmsdUlTQIhZtunzUlD1WSzwcVWPoAVpsrA6vlfCD7oXvRwgg==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  postcss@8.5.26:
+    resolution: {integrity: sha512-u82N74LFzG8ca+dD8puPnplTXoGH4fTPpVGuIbt36G3qvNlkvfD0lEAZSxaly3KX8TS/L1A1gsCEmvKmBcVbkQ==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  react-dom@19.2.8:
+    resolution: {integrity: sha512-rVprimfGBG3DR+Tq0IQG2DT5PxKth1WIGDmj5yPmlzr4YBe7uyE+Du4oVqTDXZSHGGGXRtTJEGSSePyQCMBglQ==}
+    peerDependencies:
+      react: ^19.2.8
+
+  react@19.2.8:
+    resolution: {integrity: sha512-PWaYA1L/q9u2u7xYQi+Y3L3Yfnie7XyLeaJICV1MGD6LprsBxcAqGjYyr0eY3p+QdsA+x/Irkt4Qif8D63+Sbw==}
+    engines: {node: '>=0.10.0'}
+
+  rolldown@1.2.6:
+    resolution: {integrity: sha512-vMM4q3aixf46GiF1Kok8jDPFsEpXgFWGjUHXNkNHNm+Y2adXAG2dbX91jkti3i0ZRsOlcmbuzAz1poObSHCmUA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+
+  scheduler@0.27.0:
+    resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
+
+  semver@7.8.5:
+    resolution: {integrity: sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  sharp@0.35.4:
+    resolution: {integrity: sha512-n++8XWcj+jCOr2IOl7h8LbKnGBDY4aPbmprMONBNFdn0ImXqpGVv5zliDs0V9HbmbCQLpbuo2ej9rAoOQTvMDA==}
+    engines: {node: '>=20.9.0'}
+    peerDependencies:
+      '@types/node': '*'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  styled-jsx@5.1.6:
+    resolution: {integrity: sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==}
+    engines: {node: '>= 12.0.0'}
+    peerDependencies:
+      '@babel/core': '*'
+      babel-plugin-macros: '*'
+      react: '>= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0'
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+      babel-plugin-macros:
+        optional: true
+
+  tinyglobby@0.2.17:
+    resolution: {integrity: sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==}
+    engines: {node: '>=12.0.0'}
+
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
+  typescript@5.9.3:
+    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  undici-types@6.21.0:
+    resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
+
+  vite@8.2.2:
+    resolution: {integrity: sha512-cFKLV/PRgAUlIRm5WjMjJ86jrftzpqcgH+Us+DS8mI3CDNiH30Whrz8uHL3+MOLPAgqbMBAqWdAHAphOAM+z/Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      '@vitejs/devtools': ^0.4.0 || ^0.5.0
+      esbuild: ^0.27.0 || ^0.28.0
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      '@vitejs/devtools':
+        optional: true
+      esbuild:
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  zod@4.5.4:
+    resolution: {integrity: sha512-sC95tT5iHHH9gtpj6A81kh+NEaRAUFN+qlUPDUbRfOMvNf5QCBqsb3WgvnpVtK5Y+4UfA6KqufotuTvMGiTlsA==}
+
+snapshots:
+
+  '@emnapi/runtime@1.11.3':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@img/colour@1.1.0':
+    optional: true
+
+  '@img/sharp-darwin-arm64@0.35.4':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-arm64': 1.3.3
+    optional: true
+
+  '@img/sharp-darwin-x64@0.35.4':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-x64': 1.3.3
+    optional: true
+
+  '@img/sharp-freebsd-wasm32@0.35.4':
+    dependencies:
+      '@img/sharp-wasm32': 0.35.4
+    optional: true
+
+  '@img/sharp-libvips-darwin-arm64@1.3.3':
+    optional: true
+
+  '@img/sharp-libvips-darwin-x64@1.3.3':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm64@1.3.3':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm@1.3.3':
+    optional: true
+
+  '@img/sharp-libvips-linux-ppc64@1.3.3':
+    optional: true
+
+  '@img/sharp-libvips-linux-riscv64@1.3.3':
+    optional: true
+
+  '@img/sharp-libvips-linux-s390x@1.3.3':
+    optional: true
+
+  '@img/sharp-libvips-linux-x64@1.3.3':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.3.3':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-x64@1.3.3':
+    optional: true
+
+  '@img/sharp-linux-arm64@0.35.4':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm64': 1.3.3
+    optional: true
+
+  '@img/sharp-linux-arm@0.35.4':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm': 1.3.3
+    optional: true
+
+  '@img/sharp-linux-ppc64@0.35.4':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-ppc64': 1.3.3
+    optional: true
+
+  '@img/sharp-linux-riscv64@0.35.4':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-riscv64': 1.3.3
+    optional: true
+
+  '@img/sharp-linux-s390x@0.35.4':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-s390x': 1.3.3
+    optional: true
+
+  '@img/sharp-linux-x64@0.35.4':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-x64': 1.3.3
+    optional: true
+
+  '@img/sharp-linuxmusl-arm64@0.35.4':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-arm64': 1.3.3
+    optional: true
+
+  '@img/sharp-linuxmusl-x64@0.35.4':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-x64': 1.3.3
+    optional: true
+
+  '@img/sharp-wasm32@0.35.4':
+    dependencies:
+      '@emnapi/runtime': 1.11.3
+    optional: true
+
+  '@img/sharp-webcontainers-wasm32@0.35.4':
+    dependencies:
+      '@img/sharp-wasm32': 0.35.4
+    optional: true
+
+  '@img/sharp-win32-arm64@0.35.4':
+    optional: true
+
+  '@img/sharp-win32-ia32@0.35.4':
+    optional: true
+
+  '@img/sharp-win32-x64@0.35.4':
+    optional: true
+
+  '@modelcontextprotocol/core@2.0.0':
+    dependencies:
+      zod: 4.5.4
+
+  '@modelcontextprotocol/server@2.0.0':
+    dependencies:
+      '@modelcontextprotocol/core': 2.0.0
+      zod: 4.5.4
+
+  '@next/env@16.3.3': {}
+
+  '@next/swc-darwin-arm64@16.3.3':
+    optional: true
+
+  '@next/swc-darwin-x64@16.3.3':
+    optional: true
+
+  '@next/swc-linux-arm64-gnu@16.3.3':
+    optional: true
+
+  '@next/swc-linux-arm64-musl@16.3.3':
+    optional: true
+
+  '@next/swc-linux-x64-gnu@16.3.3':
+    optional: true
+
+  '@next/swc-linux-x64-musl@16.3.3':
+    optional: true
+
+  '@next/swc-win32-arm64-msvc@16.3.3':
+    optional: true
+
+  '@next/swc-win32-x64-msvc@16.3.3':
+    optional: true
+
+  '@oxc-project/types@0.147.0': {}
+
+  '@rolldown/binding-android-arm-eabi@1.2.6':
+    optional: true
+
+  '@rolldown/binding-android-arm64@1.2.6':
+    optional: true
+
+  '@rolldown/binding-darwin-arm64@1.2.6':
+    optional: true
+
+  '@rolldown/binding-darwin-x64@1.2.6':
+    optional: true
+
+  '@rolldown/binding-freebsd-x64@1.2.6':
+    optional: true
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.2.6':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-gnu@1.2.6':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-musl@1.2.6':
+    optional: true
+
+  '@rolldown/binding-linux-ppc64-gnu@1.2.6':
+    optional: true
+
+  '@rolldown/binding-linux-s390x-gnu@1.2.6':
+    optional: true
+
+  '@rolldown/binding-linux-x64-gnu@1.2.6':
+    optional: true
+
+  '@rolldown/binding-linux-x64-musl@1.2.6':
+    optional: true
+
+  '@rolldown/binding-openharmony-arm64@1.2.6':
+    optional: true
+
+  '@rolldown/binding-win32-arm64-msvc@1.2.6':
+    optional: true
+
+  '@rolldown/binding-win32-x64-msvc@1.2.6':
+    optional: true
+
+  '@rolldown/pluginutils@1.0.1': {}
+
+  '@swc/helpers@0.5.23':
+    dependencies:
+      tslib: 2.8.1
+
+  '@types/node@20.19.43':
+    dependencies:
+      undici-types: 6.21.0
+
+  '@types/react-dom@19.2.5(@types/react@19.2.18)':
+    dependencies:
+      '@types/react': 19.2.18
+
+  '@types/react@19.2.18':
+    dependencies:
+      csstype: 3.2.3
+
+  baseline-browser-mapping@2.11.20: {}
+
+  caniuse-lite@1.0.30001810: {}
+
+  chalk@5.6.2: {}
+
+  client-only@0.0.1: {}
+
+  commander@11.1.0: {}
+
+  csstype@3.2.3: {}
+
+  detect-libc@2.1.2: {}
+
+  fdir@6.5.0(picomatch@4.0.7):
+    optionalDependencies:
+      picomatch: 4.0.7
+
+  fsevents@2.3.3:
+    optional: true
+
+  lightningcss-android-arm64@1.33.0:
+    optional: true
+
+  lightningcss-darwin-arm64@1.33.0:
+    optional: true
+
+  lightningcss-darwin-x64@1.33.0:
+    optional: true
+
+  lightningcss-freebsd-x64@1.33.0:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.33.0:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.33.0:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.33.0:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.33.0:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.33.0:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.33.0:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.33.0:
+    optional: true
+
+  lightningcss@1.33.0:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.33.0
+      lightningcss-darwin-arm64: 1.33.0
+      lightningcss-darwin-x64: 1.33.0
+      lightningcss-freebsd-x64: 1.33.0
+      lightningcss-linux-arm-gnueabihf: 1.33.0
+      lightningcss-linux-arm64-gnu: 1.33.0
+      lightningcss-linux-arm64-musl: 1.33.0
+      lightningcss-linux-x64-gnu: 1.33.0
+      lightningcss-linux-x64-musl: 1.33.0
+      lightningcss-win32-arm64-msvc: 1.33.0
+      lightningcss-win32-x64-msvc: 1.33.0
+
+  mcp-handler@2.1.1(@modelcontextprotocol/server@2.0.0)(next@16.3.3(@types/node@20.19.43)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)):
+    dependencies:
+      '@modelcontextprotocol/server': 2.0.0
+      chalk: 5.6.2
+      commander: 11.1.0
+    optionalDependencies:
+      next: 16.3.3(@types/node@20.19.43)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
+
+  nanoid@3.3.18: {}
+
+  next@16.3.3(@types/node@20.19.43)(react-dom@19.2.8(react@19.2.8))(react@19.2.8):
+    dependencies:
+      '@next/env': 16.3.3
+      '@swc/helpers': 0.5.23
+      baseline-browser-mapping: 2.11.20
+      caniuse-lite: 1.0.30001810
+      postcss: 8.5.23
+      react: 19.2.8
+      react-dom: 19.2.8(react@19.2.8)
+      styled-jsx: 5.1.6(react@19.2.8)
+    optionalDependencies:
+      '@next/swc-darwin-arm64': 16.3.3
+      '@next/swc-darwin-x64': 16.3.3
+      '@next/swc-linux-arm64-gnu': 16.3.3
+      '@next/swc-linux-arm64-musl': 16.3.3
+      '@next/swc-linux-x64-gnu': 16.3.3
+      '@next/swc-linux-x64-musl': 16.3.3
+      '@next/swc-win32-arm64-msvc': 16.3.3
+      '@next/swc-win32-x64-msvc': 16.3.3
+      sharp: 0.35.4(@types/node@20.19.43)
+    transitivePeerDependencies:
+      - '@babel/core'
+      - '@types/node'
+      - babel-plugin-macros
+
+  picocolors@1.1.1: {}
+
+  picomatch@4.0.7: {}
+
+  postcss@8.5.23:
+    dependencies:
+      nanoid: 3.3.18
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  postcss@8.5.26:
+    dependencies:
+      nanoid: 3.3.18
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  react-dom@19.2.8(react@19.2.8):
+    dependencies:
+      react: 19.2.8
+      scheduler: 0.27.0
+
+  react@19.2.8: {}
+
+  rolldown@1.2.6:
+    dependencies:
+      '@oxc-project/types': 0.147.0
+      '@rolldown/pluginutils': 1.0.1
+    optionalDependencies:
+      '@rolldown/binding-android-arm-eabi': 1.2.6
+      '@rolldown/binding-android-arm64': 1.2.6
+      '@rolldown/binding-darwin-arm64': 1.2.6
+      '@rolldown/binding-darwin-x64': 1.2.6
+      '@rolldown/binding-freebsd-x64': 1.2.6
+      '@rolldown/binding-linux-arm-gnueabihf': 1.2.6
+      '@rolldown/binding-linux-arm64-gnu': 1.2.6
+      '@rolldown/binding-linux-arm64-musl': 1.2.6
+      '@rolldown/binding-linux-ppc64-gnu': 1.2.6
+      '@rolldown/binding-linux-s390x-gnu': 1.2.6
+      '@rolldown/binding-linux-x64-gnu': 1.2.6
+      '@rolldown/binding-linux-x64-musl': 1.2.6
+      '@rolldown/binding-openharmony-arm64': 1.2.6
+      '@rolldown/binding-win32-arm64-msvc': 1.2.6
+      '@rolldown/binding-win32-x64-msvc': 1.2.6
+
+  scheduler@0.27.0: {}
+
+  semver@7.8.5:
+    optional: true
+
+  sharp@0.35.4(@types/node@20.19.43):
+    dependencies:
+      '@img/colour': 1.1.0
+      detect-libc: 2.1.2
+      semver: 7.8.5
+    optionalDependencies:
+      '@img/sharp-darwin-arm64': 0.35.4
+      '@img/sharp-darwin-x64': 0.35.4
+      '@img/sharp-freebsd-wasm32': 0.35.4
+      '@img/sharp-libvips-darwin-arm64': 1.3.3
+      '@img/sharp-libvips-darwin-x64': 1.3.3
+      '@img/sharp-libvips-linux-arm': 1.3.3
+      '@img/sharp-libvips-linux-arm64': 1.3.3
+      '@img/sharp-libvips-linux-ppc64': 1.3.3
+      '@img/sharp-libvips-linux-riscv64': 1.3.3
+      '@img/sharp-libvips-linux-s390x': 1.3.3
+      '@img/sharp-libvips-linux-x64': 1.3.3
+      '@img/sharp-libvips-linuxmusl-arm64': 1.3.3
+      '@img/sharp-libvips-linuxmusl-x64': 1.3.3
+      '@img/sharp-linux-arm': 0.35.4
+      '@img/sharp-linux-arm64': 0.35.4
+      '@img/sharp-linux-ppc64': 0.35.4
+      '@img/sharp-linux-riscv64': 0.35.4
+      '@img/sharp-linux-s390x': 0.35.4
+      '@img/sharp-linux-x64': 0.35.4
+      '@img/sharp-linuxmusl-arm64': 0.35.4
+      '@img/sharp-linuxmusl-x64': 0.35.4
+      '@img/sharp-webcontainers-wasm32': 0.35.4
+      '@img/sharp-win32-arm64': 0.35.4
+      '@img/sharp-win32-ia32': 0.35.4
+      '@img/sharp-win32-x64': 0.35.4
+      '@types/node': 20.19.43
+    optional: true
+
+  source-map-js@1.2.1: {}
+
+  styled-jsx@5.1.6(react@19.2.8):
+    dependencies:
+      client-only: 0.0.1
+      react: 19.2.8
+
+  tinyglobby@0.2.17:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.7)
+      picomatch: 4.0.7
+
+  tslib@2.8.1: {}
+
+  typescript@5.9.3: {}
+
+  undici-types@6.21.0: {}
+
+  vite@8.2.2(@types/node@20.19.43):
+    dependencies:
+      lightningcss: 1.33.0
+      picomatch: 4.0.7
+      postcss: 8.5.26
+      rolldown: 1.2.6
+      tinyglobby: 0.2.17
+    optionalDependencies:
+      '@types/node': 20.19.43
+      fsevents: 2.3.3
+
+  zod@4.5.4: {}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
new file mode 100644
index 0000000..852bf6b
--- /dev/null
+++ b/pnpm-workspace.yaml
@@ -0,0 +1,2 @@
+packages:
+  - apps/*
diff --git a/refs/index.html b/refs/index.html
deleted file mode 100644
index 271a093..0000000
--- a/refs/index.html
+++ /dev/null
@@ -1,33 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Refs</title>
-  <style>
-    * { margin: 0; padding: 0; box-sizing: border-box; }
-    body { height: 100vh; display: flex; flex-direction: column; background: #1a1a1a; color: #fff; font-family: sans-serif; }
-    nav { display: flex; gap: 2px; background: #2a2a2a; padding: 4px 8px; }
-    nav button { background: #3a3a3a; border: none; color: #aaa; padding: 6px 16px; cursor: pointer; font-size: 13px; border-radius: 3px; transition: background .15s, color .15s; }
-    nav button:hover { background: #4a4a4a; color: #fff; }
-    nav button.active { background: #fff; color: #000; }
-    iframe { flex: 1; border: none; background: #fff; }
-  </style>
-</head>
-<body>
-  <nav>
-    <button class="active" onclick="show('ref1')">ref1</button>
-    <button onclick="show('ref2')">ref2</button>
-    <button onclick="show('ref3')">ref3</button>
-    <button onclick="show('ref4')">ref4</button>
-  </nav>
-  <iframe id="frame" src="ref1/"></iframe>
-  <script>
-    function show(name) {
-      document.getElementById('frame').src = name + '/';
-      document.querySelectorAll('nav button').forEach(b => b.classList.remove('active'));
-      event.target.classList.add('active');
-    }
-  </script>
-</body>
-</html>
\ No newline at end of file
diff --git a/refs/ref1/index.html b/refs/ref1/index.html
deleted file mode 100644
index 2db5c95..0000000
--- a/refs/ref1/index.html
+++ /dev/null
@@ -1,399 +0,0 @@
-<!doctype html>
-<html lang="ru">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>DUCKDEBUG.gg — Rubber Duck Debugging as a Service</title>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" />
-    <style>
-      @import url("https://fonts.googleapis.com/css2?family=VT323&amp;display=swap");
-
-      :root {
-        --primary: #00ff00;
-      }
-
-      .terminal-font {
-        font-family: "VT323", monospace;
-      }
-
-      body {
-        background: #0a0a0a;
-        color: #00ff00;
-      }
-
-      .code-bg {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        pointer-events: none;
-        z-index: -1;
-        overflow: hidden;
-        opacity: 0.15;
-      }
-
-      .code-line {
-        position: absolute;
-        color: #00ff00;
-        font-family: "VT323", monospace;
-        font-size: 14px;
-        white-space: nowrap;
-        animation: flyCode linear infinite;
-        text-shadow: 0 0 8px #00ff00;
-      }
-
-      @keyframes flyCode {
-        0% {
-          transform: translateY(-100px);
-          opacity: 0;
-        }
-        10% {
-          opacity: 1;
-        }
-        90% {
-          opacity: 1;
-        }
-        100% {
-          transform: translateY(2000px);
-          opacity: 0;
-        }
-      }
-
-      .glitch {
-        animation: glitch 1s linear infinite alternate;
-      }
-
-      @keyframes glitch {
-        0% {
-          transform: translate(0);
-        }
-        20% {
-          transform: translate(-2px, 2px);
-        }
-        40% {
-          transform: translate(-2px, -2px);
-        }
-        60% {
-          transform: translate(2px, 2px);
-        }
-        80% {
-          transform: translate(2px, -2px);
-        }
-        100% {
-          transform: translate(0);
-        }
-      }
-
-      .scanline {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background: linear-gradient(to bottom, transparent 50%, rgba(0, 255, 0, 0.03) 50%);
-        background-size: 100% 4px;
-        pointer-events: none;
-        animation: scan 4s linear infinite;
-        z-index: -1;
-      }
-
-      @keyframes scan {
-        0% {
-          transform: translateY(-100%);
-        }
-        100% {
-          transform: translateY(100%);
-        }
-      }
-
-      .terminal-window {
-        border: 4px solid #00ff00;
-        box-shadow: 0 0 30px #00ff00;
-      }
-    </style>
-  </head>
-  <body class="terminal-font min-h-screen overflow-x-hidden">
-    <!-- Animated code background -->
-    <div class="code-bg" id="code-bg"></div>
-    <div class="scanline"></div>
-
-    <!-- Navbar -->
-    <nav class="border-b border-green-500 bg-black/80 backdrop-blur-md fixed w-full z-50">
-      <div class="max-w-7xl mx-auto px-6 py-4 flex justify-between items-center">
-        <div class="flex items-center gap-3">
-          <div class="w-10 h-10 bg-green-500 text-black flex items-center justify-center text-3xl font-bold rounded">
-            🦆
-          </div>
-          <div>
-            <span class="text-3xl tracking-widest">DUCKDEBUG</span>
-            <span class="text-xs text-green-400 block -mt-1">.gg</span>
-          </div>
-        </div>
-        <div class="flex gap-8 text-xl">
-          <a href="#features" class="hover:text-white transition-colors">FEATURES</a>
-          <a href="#roadmap" class="hover:text-white transition-colors">ROADMAP</a>
-          <a href="#" class="hover:text-white transition-colors">DOCS</a>
-        </div>
-        <button
-          onclick="toggleTheme()"
-          class="px-6 py-2 border border-green-500 hover:bg-green-500 hover:text-black transition-all"
-        >
-          <i class="fas fa-moon"></i>
-        </button>
-      </div>
-    </nav>
-
-    <!-- Hero -->
-    <section class="min-h-screen flex items-center pt-20 relative">
-      <div class="max-w-5xl mx-auto px-6 text-center">
-        <div class="inline-block bg-black border-2 border-green-500 px-8 py-2 mb-8 text-2xl tracking-widest glitch">
-          RUBBER DUCK DEBUGGING AS A SERVICE
-        </div>
-
-        <h1 class="text-8xl leading-none mb-6">
-          ТВОЙ УТЁНОК<br />
-          <span class="text-white">ВСЕГДА НА СВЯЗИ</span>
-        </h1>
-
-        <p class="text-3xl text-green-300 max-w-2xl mx-auto mb-12">
-          Объясни проблему утёнку.<br />
-          Получи решение. Или хотя бы quack.
-        </p>
-
-        <!-- Prominent Start Now Button -->
-        <div class="flex justify-center gap-6">
-          <button
-            onclick="startDebugging()"
-            class="group relative px-16 py-8 text-5xl font-bold border-4 border-green-500 bg-black hover:bg-green-500 hover:text-black transition-all duration-300 transform hover:scale-110 active:scale-95 shadow-2xl shadow-green-500/50"
-          >
-            <span class="relative z-10">START NOW</span>
-            <div
-              class="absolute inset-0 bg-green-400 scale-x-0 group-active:scale-x-100 transition-transform origin-left"
-            ></div>
-            <div
-              class="absolute -inset-2 border border-green-400 opacity-30 group-hover:opacity-70 animate-pulse"
-            ></div>
-          </button>
-        </div>
-
-        <div class="mt-12 text-green-400 text-xl flex justify-center gap-8">
-          <div class="flex items-center gap-2">
-            <i class="fas fa-check"></i>
-            <span>Бесплатный tier</span>
-          </div>
-          <div class="flex items-center gap-2">
-            <i class="fas fa-check"></i>
-            <span>24/7 онлайн</span>
-          </div>
-          <div class="flex items-center gap-2">
-            <i class="fas fa-check"></i>
-            <span>Voice + Text</span>
-          </div>
-        </div>
-      </div>
-
-      <!-- Floating duck -->
-      <div class="absolute bottom-10 right-10 text-8xl animate-bounce" style="animation-duration: 3s">🦆</div>
-    </section>
-
-    <!-- Features -->
-    <section id="features" class="py-24 bg-black/70 border-t border-b border-green-500">
-      <div class="max-w-6xl mx-auto px-6">
-        <h2 class="text-6xl text-center mb-16">WHY DUCKDEBUG?</h2>
-
-        <div class="grid md:grid-cols-3 gap-8">
-          <div class="terminal-window bg-black p-8 border border-green-500">
-            <div class="text-4xl mb-6">🦆</div>
-            <h3 class="text-3xl mb-4">Классический Rubber Duck</h3>
-            <p class="text-green-300 text-xl">Просто расскажи проблему. Утёнок слушает внимательно.</p>
-          </div>
-          <div class="terminal-window bg-black p-8 border border-green-500">
-            <div class="text-4xl mb-6">🤖</div>
-            <h3 class="text-3xl mb-4">AI + Duck Hybrid</h3>
-            <p class="text-green-300 text-xl">Иногда утёнок даёт реальные подсказки (на базе AI).</p>
-          </div>
-          <div class="terminal-window bg-black p-8 border border-green-500">
-            <div class="text-4xl mb-6">📡</div>
-            <h3 class="text-3xl mb-4">Multiplayer Debug</h3>
-            <p class="text-green-300 text-xl">Делитесь сессией с командой. Все смотрят на одного утёнка.</p>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <!-- Roadmap -->
-    <section id="roadmap" class="py-24">
-      <div class="max-w-5xl mx-auto px-6">
-        <div class="terminal-window bg-black p-10 border-4 border-green-500">
-          <h2 class="text-6xl mb-12 text-center border-b border-green-500 pb-6">ROADMAP v0.1 → v1.0</h2>
-
-          <div class="space-y-12 text-2xl">
-            <div class="flex gap-8 items-start">
-              <div class="w-8 h-8 bg-green-500 text-black flex-shrink-0 flex items-center justify-center font-bold">
-                01
-              </div>
-              <div class="flex-1">
-                <div class="font-bold text-green-400">MVP (Сейчас)</div>
-                <div class="text-green-300">Базовый веб-утёнок + чат + voice-to-text</div>
-              </div>
-              <div class="text-green-400">LIVE</div>
-            </div>
-
-            <div class="flex gap-8 items-start">
-              <div class="w-8 h-8 bg-green-500 text-black flex-shrink-0 flex items-center justify-center font-bold">
-                02
-              </div>
-              <div class="flex-1">
-                <div class="font-bold text-green-400">MCP Сервер</div>
-                <div class="text-green-300">
-                  Подключай свой Minecraft сервер — утёнок будет дебажить моды и плагины в реальном времени
-                </div>
-              </div>
-              <div class="text-amber-400">Q3 2026</div>
-            </div>
-
-            <div class="flex gap-8 items-start">
-              <div class="w-8 h-8 bg-green-500 text-black flex-shrink-0 flex items-center justify-center font-bold">
-                03
-              </div>
-              <div class="flex-1">
-                <div class="font-bold text-green-400">Скины и Кастомизация</div>
-                <div class="text-green-300">Cyberduck, Steampunk Duck, Matrix Duck, Gentoo Duck и др.</div>
-              </div>
-              <div class="text-amber-400">Q4 2026</div>
-            </div>
-
-            <div class="flex gap-8 items-start">
-              <div class="w-8 h-8 bg-green-500 text-black flex-shrink-0 flex items-center justify-center font-bold">
-                04
-              </div>
-              <div class="flex-1">
-                <div class="font-bold text-green-400">Battle Pass</div>
-                <div class="text-green-300">Еженедельные челленджи: "Debug 50 bugs", "Объясни legacy код без мата"</div>
-              </div>
-              <div class="text-amber-400">Q1 2027</div>
-            </div>
-
-            <div class="flex gap-8 items-start">
-              <div class="w-8 h-8 bg-green-500 text-black flex-shrink-0 flex items-center justify-center font-bold">
-                05
-              </div>
-              <div class="flex-1">
-                <div class="font-bold text-green-400">Лутбоксы</div>
-                <div class="text-green-300">
-                  Rare скины, voice packs ("Quack but Russian", "Quack but Rust"), эксклюзивные ошибки
-                </div>
-              </div>
-              <div class="text-amber-400">Q2 2027</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <!-- Footer CTA -->
-    <footer class="border-t border-green-500 py-12 bg-black">
-      <div class="max-w-4xl mx-auto text-center px-6">
-        <button
-          onclick="startDebugging()"
-          class="w-full max-w-md mx-auto block px-12 py-6 text-4xl border-4 border-green-500 hover:bg-green-500 hover:text-black transition-all"
-        >
-          НАЧАТЬ ДЕБАГ СЕССИЮ →
-        </button>
-        <p class="mt-8 text-green-400">Made with ❤️ and too much coffee • 2026</p>
-      </div>
-    </footer>
-
-    <script>
-      // Tailwind script already included via CDN
-      function toggleTheme() {
-        if (document.documentElement.classList.contains("light")) {
-          document.documentElement.classList.remove("light");
-          document.body.style.background = "#0a0a0a";
-          document.body.style.color = "#00ff00";
-        } else {
-          document.documentElement.classList.add("light");
-          document.body.style.background = "#f0f0f0";
-          document.body.style.color = "#006600";
-        }
-      }
-
-      // Flying code lines
-      function createCodeLine() {
-        const lines = [
-          "const bug = null;",
-          "if (user.isConfused) quack();",
-          "git commit -m 'fixed everything'",
-          "SELECT * FROM problems WHERE solved = false;",
-          "try { explainToDuck() } catch(e) {}",
-          "sudo rm -rf /problems",
-          "console.log('why is this not working');",
-          "def debug(): return 'quack'",
-        ];
-
-        const line = document.createElement("div");
-        line.className = "code-line";
-        line.textContent = lines[Math.floor(Math.random() * lines.length)];
-        line.style.left = Math.random() * 100 + "vw";
-        line.style.animationDuration = Math.random() * 8 + 12 + "s";
-        line.style.fontSize = Math.random() * 12 + 13 + "px";
-        line.style.opacity = Math.random() * 0.6 + 0.2;
-
-        document.getElementById("code-bg").appendChild(line);
-
-        setTimeout(() => {
-          line.remove();
-        }, 25000);
-      }
-
-      // Start debugging simulation
-      function startDebugging() {
-        const messages = [
-          "🦆 Соединяемся с утёнком...",
-          "🦆 Утёнок слушает...",
-          "🦆 Quack... Quack... Решение найдено!",
-        ];
-
-        let i = 0;
-        const notif = document.createElement("div");
-        notif.style.position = "fixed";
-        notif.style.bottom = "40px";
-        notif.style.left = "50%";
-        notif.style.transform = "translateX(-50%)";
-        notif.style.background = "black";
-        notif.style.border = "3px solid #00ff00";
-        notif.style.padding = "20px 40px";
-        notif.style.fontSize = "28px";
-        notif.style.zIndex = "10000";
-        document.body.appendChild(notif);
-
-        const interval = setInterval(() => {
-          notif.textContent = messages[i];
-          i++;
-          if (i >= messages.length) {
-            clearInterval(interval);
-            setTimeout(() => notif.remove(), 2000);
-          }
-        }, 800);
-      }
-
-      // Initialize everything
-      window.onload = function () {
-        // Generate flying code
-        setInterval(createCodeLine, 180);
-
-        // Initial lines
-        for (let i = 0; i < 12; i++) {
-          setTimeout(createCodeLine, i * 120);
-        }
-
-        console.log(
-          "%c🦆 DUCKDEBUG.gg initialized successfully",
-          "color: #00ff00; font-family: monospace; font-size: 18px",
-        );
-      };
-    </script>
-  </body>
-</html>
diff --git a/refs/ref2/index.html b/refs/ref2/index.html
deleted file mode 100644
index a5da23f..0000000
--- a/refs/ref2/index.html
+++ /dev/null
@@ -1,1371 +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" />
-    <title>DuckDebug.as – Rubber Duck Debugging as a Service</title>
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link href="https://cdn.jsdelivr.net/npm/fontsource-fira-code@5.0.0/latin.css" rel="stylesheet" />
-    <style>
-      *,
-      *::before,
-      *::after {
-        box-sizing: border-box;
-        margin: 0;
-        padding: 0;
-      }
-
-      :root {
-        --bg-primary: #0d1117;
-        --bg-secondary: #161b22;
-        --bg-tertiary: #1c2333;
-        --bg-card: #1a1f2e;
-        --text-primary: #e6edf3;
-        --text-secondary: #8b949e;
-        --text-muted: #484f58;
-        --accent: #f0db4f;
-        --accent-glow: rgba(240, 219, 79, 0.35);
-        --accent-hover: #ffef7a;
-        --border: #30363d;
-        --green: #3fb950;
-        --red: #f85149;
-        --blue: #58a6ff;
-        --purple: #bc8cff;
-        --orange: #d29922;
-        --code-green: #7ee787;
-        --shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
-        --code-opacity: 0.09;
-        --roadmap-line: #30363d;
-        --roadmap-dot: #58a6ff;
-        --badge-bg: rgba(88, 166, 255, 0.15);
-        --badge-text: #58a6ff;
-        --card-hover-border: rgba(240, 219, 79, 0.4);
-      }
-
-      [data-theme="light"] {
-        --bg-primary: #f6f8fa;
-        --bg-secondary: #ffffff;
-        --bg-tertiary: #eef1f5;
-        --bg-card: #ffffff;
-        --text-primary: #1f2328;
-        --text-secondary: #656d76;
-        --text-muted: #b0b6be;
-        --accent: #d4a800;
-        --accent-glow: rgba(212, 168, 0, 0.25);
-        --accent-hover: #b89200;
-        --border: #d0d7de;
-        --green: #1a7f37;
-        --red: #cf222e;
-        --blue: #0969da;
-        --purple: #8250df;
-        --orange: #9a6700;
-        --code-green: #116329;
-        --shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
-        --code-opacity: 0.06;
-        --roadmap-line: #d0d7de;
-        --roadmap-dot: #0969da;
-        --badge-bg: rgba(9, 105, 218, 0.1);
-        --badge-text: #0969da;
-        --card-hover-border: rgba(212, 168, 0, 0.5);
-      }
-
-      html {
-        scroll-behavior: smooth;
-      }
-
-      body {
-        font-family: "Fira Code", monospace;
-        background: var(--bg-primary);
-        color: var(--text-primary);
-        line-height: 1.6;
-        overflow-x: hidden;
-        transition:
-          background 0.4s,
-          color 0.4s;
-      }
-
-      body::after {
-        content: "";
-        position: fixed;
-        inset: 0;
-        background: repeating-linear-gradient(
-          0deg,
-          transparent,
-          transparent 2px,
-          rgba(0, 0, 0, 0.03) 2px,
-          rgba(0, 0, 0, 0.03) 4px
-        );
-        pointer-events: none;
-        z-index: 9999;
-      }
-
-      [data-theme="light"] body::after {
-        opacity: 0.5;
-      }
-
-      /* ===== FLOATING CODE BACKGROUND ===== */
-      #floating-code {
-        position: fixed;
-        inset: 0;
-        overflow: hidden;
-        pointer-events: none;
-        z-index: 0;
-      }
-
-      .code-line {
-        position: absolute;
-        font-size: 12px;
-        color: var(--text-primary);
-        opacity: var(--code-opacity);
-        white-space: nowrap;
-        animation: floatUp linear infinite;
-        will-change: transform;
-        user-select: none;
-      }
-
-      @keyframes floatUp {
-        0% {
-          transform: translateY(110vh);
-        }
-        100% {
-          transform: translateY(-10vh);
-        }
-      }
-
-      /* ===== NAVIGATION ===== */
-      nav {
-        position: fixed;
-        top: 0;
-        left: 0;
-        right: 0;
-        z-index: 100;
-        background: var(--bg-secondary);
-        border-bottom: 1px solid var(--border);
-        backdrop-filter: blur(12px);
-        -webkit-backdrop-filter: blur(12px);
-        transition:
-          background 0.4s,
-          border-color 0.4s;
-      }
-
-      .nav-inner {
-        max-width: 1200px;
-        margin: 0 auto;
-        padding: 0 24px;
-        height: 64px;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-      }
-
-      .logo {
-        display: flex;
-        align-items: center;
-        gap: 10px;
-        font-size: 18px;
-        font-weight: 700;
-        color: var(--text-primary);
-        text-decoration: none;
-      }
-
-      .logo-icon {
-        width: 36px;
-        height: 36px;
-        background: var(--accent);
-        border-radius: 8px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-size: 20px;
-        box-shadow: 0 0 12px var(--accent-glow);
-      }
-
-      .nav-links {
-        display: flex;
-        align-items: center;
-        gap: 24px;
-        list-style: none;
-      }
-
-      .nav-links a {
-        color: var(--text-secondary);
-        text-decoration: none;
-        font-size: 14px;
-        transition: color 0.2s;
-      }
-
-      .nav-links a:hover {
-        color: var(--text-primary);
-      }
-
-      .nav-start-btn {
-        padding: 10px 24px;
-        font-size: 14px;
-        font-weight: 700;
-        font-family: "Fira Code", monospace;
-        color: var(--bg-primary);
-        background: var(--accent);
-        border: none;
-        border-radius: 10px;
-        cursor: pointer;
-        text-decoration: none;
-        box-shadow: 0 2px 12px var(--accent-glow);
-        transition: all 0.3s;
-      }
-
-      .nav-start-btn:hover {
-        background: var(--accent-hover);
-        transform: translateY(-2px);
-        box-shadow: 0 4px 20px var(--accent-glow);
-      }
-
-      .theme-toggle {
-        background: var(--bg-tertiary);
-        border: 1px solid var(--border);
-        color: var(--text-primary);
-        width: 40px;
-        height: 40px;
-        border-radius: 10px;
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-size: 18px;
-        transition: all 0.3s;
-      }
-
-      .theme-toggle:hover {
-        border-color: var(--accent);
-      }
-
-      .mobile-menu-btn {
-        display: none;
-        background: none;
-        border: none;
-        color: var(--text-primary);
-        font-size: 24px;
-        cursor: pointer;
-      }
-
-      @media (max-width: 768px) {
-        .nav-links {
-          display: none;
-        }
-        .mobile-menu-btn {
-          display: block;
-        }
-        .nav-links.open {
-          display: flex;
-          flex-direction: column;
-          position: absolute;
-          top: 64px;
-          left: 0;
-          right: 0;
-          background: var(--bg-secondary);
-          border-bottom: 1px solid var(--border);
-          padding: 20px 24px;
-          gap: 16px;
-        }
-      }
-
-      /* ===== HERO ===== */
-      .hero {
-        position: relative;
-        z-index: 1;
-        min-height: 100vh;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        padding: 120px 24px 80px;
-      }
-
-      .hero-content {
-        max-width: 800px;
-        text-align: center;
-      }
-
-      .terminal-badge {
-        display: inline-flex;
-        align-items: center;
-        gap: 8px;
-        background: var(--badge-bg);
-        color: var(--badge-text);
-        padding: 6px 16px;
-        border-radius: 20px;
-        font-size: 13px;
-        margin-bottom: 28px;
-        border: 1px solid var(--border);
-        animation: fadeInDown 0.6s ease-out;
-      }
-
-      .pulse {
-        width: 8px;
-        height: 8px;
-        background: var(--green);
-        border-radius: 50%;
-        animation: pulseAnim 2s infinite;
-      }
-
-      @keyframes pulseAnim {
-        0%,
-        100% {
-          opacity: 1;
-          box-shadow: 0 0 0 0 rgba(63, 185, 80, 0.4);
-        }
-        50% {
-          opacity: 0.8;
-          box-shadow: 0 0 0 8px rgba(63, 185, 80, 0);
-        }
-      }
-
-      .hero h1 {
-        font-size: clamp(36px, 6vw, 64px);
-        font-weight: 800;
-        line-height: 1.1;
-        margin-bottom: 20px;
-        animation: fadeInUp 0.8s ease-out;
-      }
-
-      .highlight {
-        color: var(--accent);
-        text-shadow: 0 0 30px var(--accent-glow);
-      }
-
-      .hero-subtitle {
-        font-size: clamp(16px, 2.5vw, 20px);
-        color: var(--text-secondary);
-        margin-bottom: 40px;
-        max-width: 600px;
-        margin-left: auto;
-        margin-right: auto;
-        animation: fadeInUp 0.8s ease-out 0.2s both;
-      }
-
-      .start-btn {
-        display: inline-flex;
-        align-items: center;
-        gap: 12px;
-        padding: 20px 56px;
-        font-size: 22px;
-        font-weight: 700;
-        font-family: "Fira Code", monospace;
-        color: var(--bg-primary);
-        background: var(--accent);
-        border: none;
-        border-radius: 16px;
-        cursor: pointer;
-        text-decoration: none;
-        position: relative;
-        transition: all 0.3s;
-        animation:
-          fadeInUp 0.8s ease-out 0.4s both,
-          btnPulse 2s ease-in-out infinite;
-        box-shadow:
-          0 4px 30px var(--accent-glow),
-          0 0 80px var(--accent-glow);
-        z-index: 10;
-      }
-
-      @keyframes btnPulse {
-        0%,
-        100% {
-          box-shadow:
-            0 4px 30px var(--accent-glow),
-            0 0 60px var(--accent-glow);
-        }
-        50% {
-          box-shadow:
-            0 4px 40px var(--accent-glow),
-            0 0 100px var(--accent-glow);
-        }
-      }
-
-      .start-btn:hover {
-        transform: translateY(-4px) scale(1.05);
-        box-shadow:
-          0 8px 50px var(--accent-glow),
-          0 0 120px var(--accent-glow);
-        background: var(--accent-hover);
-      }
-
-      .start-btn:active {
-        transform: translateY(0) scale(0.97);
-      }
-
-      .start-btn .arrow {
-        font-size: 26px;
-        transition: transform 0.3s;
-      }
-
-      .start-btn:hover .arrow {
-        transform: translateX(8px);
-      }
-
-      /* ===== TERMINAL WINDOW ===== */
-      .terminal-window {
-        margin-top: 48px;
-        background: var(--bg-secondary);
-        border: 1px solid var(--border);
-        border-radius: 12px;
-        overflow: hidden;
-        text-align: left;
-        max-width: 640px;
-        margin-left: auto;
-        margin-right: auto;
-        box-shadow: var(--shadow);
-        animation: fadeInUp 0.8s ease-out 0.6s both;
-        transition:
-          background 0.4s,
-          border-color 0.4s;
-      }
-
-      .terminal-header {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-        padding: 12px 16px;
-        background: var(--bg-tertiary);
-        border-bottom: 1px solid var(--border);
-        transition:
-          background 0.4s,
-          border-color 0.4s;
-      }
-
-      .terminal-dot {
-        width: 12px;
-        height: 12px;
-        border-radius: 50%;
-      }
-      .terminal-dot.red {
-        background: var(--red);
-      }
-      .terminal-dot.yellow {
-        background: var(--orange);
-      }
-      .terminal-dot.green {
-        background: var(--green);
-      }
-
-      .terminal-title {
-        margin-left: 8px;
-        font-size: 13px;
-        color: var(--text-secondary);
-      }
-
-      .terminal-body {
-        padding: 20px;
-        font-size: 14px;
-        line-height: 1.8;
-      }
-
-      .terminal-line {
-        opacity: 0;
-        animation: typeIn 0.3s ease-out forwards;
-      }
-
-      .terminal-line:nth-child(1) {
-        animation-delay: 1s;
-      }
-      .terminal-line:nth-child(2) {
-        animation-delay: 1.6s;
-      }
-      .terminal-line:nth-child(3) {
-        animation-delay: 2.2s;
-      }
-      .terminal-line:nth-child(4) {
-        animation-delay: 2.8s;
-      }
-      .terminal-line:nth-child(5) {
-        animation-delay: 3.4s;
-      }
-
-      @keyframes typeIn {
-        0% {
-          opacity: 0;
-          transform: translateX(-8px);
-        }
-        100% {
-          opacity: 1;
-          transform: translateX(0);
-        }
-      }
-
-      .t-prompt {
-        color: var(--green);
-      }
-      .t-command {
-        color: var(--text-primary);
-      }
-      .t-string {
-        color: var(--code-green);
-      }
-      .t-result {
-        color: var(--purple);
-      }
-      .cursor-blink {
-        animation: blink 1s step-end infinite;
-      }
-
-      @keyframes blink {
-        0%,
-        100% {
-          opacity: 1;
-        }
-        50% {
-          opacity: 0;
-        }
-      }
-
-      /* ===== SECTIONS COMMON ===== */
-      .section {
-        position: relative;
-        z-index: 1;
-        padding: 100px 24px;
-        max-width: 1200px;
-        margin: 0 auto;
-      }
-
-      .section-narrow {
-        position: relative;
-        z-index: 1;
-        padding: 100px 24px;
-        max-width: 900px;
-        margin: 0 auto;
-      }
-
-      .section-header {
-        text-align: center;
-        margin-bottom: 60px;
-      }
-
-      .section-tag {
-        color: var(--green);
-        font-size: 14px;
-        margin-bottom: 12px;
-      }
-
-      .section-header h2 {
-        font-size: clamp(28px, 4vw, 42px);
-        font-weight: 700;
-        margin-bottom: 16px;
-      }
-
-      .section-header p {
-        color: var(--text-secondary);
-        max-width: 560px;
-        margin: 0 auto;
-        font-size: 15px;
-      }
-
-      /* ===== FEATURES ===== */
-      .features-grid {
-        display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-        gap: 24px;
-      }
-
-      .feature-card {
-        background: var(--bg-card);
-        border: 1px solid var(--border);
-        border-radius: 16px;
-        padding: 32px;
-        transition: all 0.3s;
-        position: relative;
-        overflow: hidden;
-      }
-
-      .feature-card::before {
-        content: "";
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        height: 3px;
-        background: linear-gradient(90deg, var(--accent), transparent);
-        opacity: 0;
-        transition: opacity 0.3s;
-      }
-
-      .feature-card:hover {
-        border-color: var(--card-hover-border);
-        transform: translateY(-4px);
-        box-shadow: var(--shadow);
-      }
-
-      .feature-card:hover::before {
-        opacity: 1;
-      }
-
-      .feature-icon {
-        width: 48px;
-        height: 48px;
-        border-radius: 12px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-size: 24px;
-        margin-bottom: 20px;
-        background: var(--badge-bg);
-        border: 1px solid var(--border);
-      }
-
-      .feature-card h3 {
-        font-size: 18px;
-        margin-bottom: 10px;
-        font-weight: 600;
-      }
-
-      .feature-card p {
-        color: var(--text-secondary);
-        font-size: 14px;
-        line-height: 1.7;
-      }
-
-      /* ===== ROADMAP ===== */
-      .roadmap-timeline {
-        position: relative;
-        padding-left: 48px;
-      }
-
-      .roadmap-timeline::before {
-        content: "";
-        position: absolute;
-        left: 15px;
-        top: 0;
-        bottom: 0;
-        width: 2px;
-        background: var(--roadmap-line);
-        transition: background 0.4s;
-      }
-
-      .roadmap-item {
-        position: relative;
-        margin-bottom: 40px;
-        padding: 28px;
-        background: var(--bg-card);
-        border: 1px solid var(--border);
-        border-radius: 16px;
-        transition: all 0.3s;
-      }
-
-      .roadmap-item:hover {
-        border-color: var(--card-hover-border);
-        transform: translateX(8px);
-        box-shadow: var(--shadow);
-      }
-
-      .roadmap-dot {
-        position: absolute;
-        left: -41px;
-        top: 32px;
-        width: 14px;
-        height: 14px;
-        border-radius: 50%;
-        background: var(--roadmap-dot);
-        border: 3px solid var(--bg-primary);
-        transition:
-          background 0.4s,
-          border-color 0.4s;
-      }
-
-      .roadmap-item.done .roadmap-dot {
-        background: var(--green);
-      }
-      .roadmap-item.active .roadmap-dot {
-        background: var(--accent);
-        animation: pulseAnim 2s infinite;
-      }
-      .roadmap-item.planned .roadmap-dot {
-        background: var(--purple);
-      }
-
-      .roadmap-date {
-        font-size: 12px;
-        color: var(--text-muted);
-        margin-bottom: 8px;
-        text-transform: uppercase;
-        letter-spacing: 1px;
-      }
-
-      .roadmap-item h3 {
-        font-size: 20px;
-        margin-bottom: 8px;
-      }
-
-      .roadmap-item p {
-        color: var(--text-secondary);
-        font-size: 14px;
-        line-height: 1.7;
-      }
-
-      .roadmap-tags {
-        display: flex;
-        gap: 8px;
-        flex-wrap: wrap;
-        margin-top: 14px;
-      }
-
-      .roadmap-tag {
-        font-size: 12px;
-        padding: 4px 10px;
-        border-radius: 6px;
-        background: var(--badge-bg);
-        color: var(--badge-text);
-        border: 1px solid var(--border);
-      }
-
-      .roadmap-tag.beta {
-        background: rgba(188, 140, 255, 0.15);
-        color: var(--purple);
-      }
-      .roadmap-tag.coming {
-        background: rgba(210, 153, 34, 0.15);
-        color: var(--orange);
-      }
-      .roadmap-tag.done-tag {
-        background: rgba(63, 185, 80, 0.15);
-        color: var(--green);
-      }
-
-      /* ===== PRICING ===== */
-      .pricing-grid {
-        display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
-        gap: 24px;
-        max-width: 900px;
-        margin: 0 auto;
-      }
-
-      .pricing-card {
-        background: var(--bg-card);
-        border: 1px solid var(--border);
-        border-radius: 16px;
-        padding: 36px;
-        text-align: center;
-        transition: all 0.3s;
-        position: relative;
-      }
-
-      .pricing-card.featured {
-        border-color: var(--accent);
-        box-shadow: 0 0 40px var(--accent-glow);
-      }
-
-      .pricing-card.featured::before {
-        content: "POPULAR";
-        position: absolute;
-        top: -12px;
-        left: 50%;
-        transform: translateX(-50%);
-        background: var(--accent);
-        color: var(--bg-primary);
-        font-size: 11px;
-        font-weight: 700;
-        padding: 4px 16px;
-        border-radius: 8px;
-        letter-spacing: 1px;
-      }
-
-      .pricing-card:hover {
-        transform: translateY(-4px);
-        box-shadow: var(--shadow);
-      }
-
-      .pricing-card h3 {
-        font-size: 18px;
-        margin-bottom: 8px;
-      }
-
-      .pricing-price {
-        font-size: 40px;
-        font-weight: 800;
-        margin: 16px 0;
-      }
-      .pricing-price span {
-        font-size: 16px;
-        color: var(--text-secondary);
-        font-weight: 400;
-      }
-
-      .pricing-features {
-        list-style: none;
-        margin: 24px 0;
-        text-align: left;
-      }
-
-      .pricing-features li {
-        padding: 8px 0;
-        font-size: 14px;
-        color: var(--text-secondary);
-        display: flex;
-        align-items: center;
-        gap: 10px;
-      }
-
-      .pricing-features li::before {
-        content: "✓";
-        color: var(--green);
-        font-weight: 700;
-      }
-
-      .pricing-btn {
-        display: block;
-        width: 100%;
-        padding: 14px;
-        border: 1px solid var(--border);
-        border-radius: 10px;
-        background: transparent;
-        color: var(--text-primary);
-        font-family: "Fira Code", monospace;
-        font-size: 15px;
-        font-weight: 600;
-        cursor: pointer;
-        transition: all 0.3s;
-        text-decoration: none;
-        text-align: center;
-      }
-
-      .pricing-btn:hover {
-        border-color: var(--accent);
-        background: var(--accent-glow);
-      }
-
-      .pricing-card.featured .pricing-btn {
-        background: var(--accent);
-        color: var(--bg-primary);
-        border-color: var(--accent);
-      }
-
-      .pricing-card.featured .pricing-btn:hover {
-        background: var(--accent-hover);
-      }
-
-      /* ===== CTA ===== */
-      .cta-section {
-        position: relative;
-        z-index: 1;
-        padding: 100px 24px;
-        text-align: center;
-      }
-
-      .cta-box {
-        max-width: 700px;
-        margin: 0 auto;
-        background: var(--bg-card);
-        border: 1px solid var(--border);
-        border-radius: 24px;
-        padding: 60px 40px;
-        box-shadow: var(--shadow);
-      }
-
-      .cta-box h2 {
-        font-size: clamp(24px, 4vw, 36px);
-        margin-bottom: 16px;
-      }
-
-      .cta-box p {
-        color: var(--text-secondary);
-        margin-bottom: 32px;
-        font-size: 16px;
-      }
-
-      /* ===== FOOTER ===== */
-      footer {
-        position: relative;
-        z-index: 1;
-        border-top: 1px solid var(--border);
-        padding: 40px 24px;
-        text-align: center;
-        color: var(--text-muted);
-        font-size: 13px;
-        transition: border-color 0.4s;
-      }
-
-      /* ===== ANIMATIONS ===== */
-      @keyframes fadeInUp {
-        0% {
-          opacity: 0;
-          transform: translateY(24px);
-        }
-        100% {
-          opacity: 1;
-          transform: translateY(0);
-        }
-      }
-
-      @keyframes fadeInDown {
-        0% {
-          opacity: 0;
-          transform: translateY(-16px);
-        }
-        100% {
-          opacity: 1;
-          transform: translateY(0);
-        }
-      }
-
-      .duck-float {
-        animation: duckFloat 3s ease-in-out infinite;
-        display: inline-block;
-      }
-
-      @keyframes duckFloat {
-        0%,
-        100% {
-          transform: translateY(0) rotate(-3deg);
-        }
-        50% {
-          transform: translateY(-10px) rotate(3deg);
-        }
-      }
-
-      /* ===== SCROLL REVEAL ===== */
-      .reveal {
-        opacity: 0;
-        transform: translateY(32px);
-        transition: all 0.7s ease-out;
-      }
-
-      .reveal.visible {
-        opacity: 1;
-        transform: translateY(0);
-      }
-    </style>
-  </head>
-  <body>
-    <!-- ===== FLOATING CODE BACKGROUND ===== -->
-    <div id="floating-code"></div>
-
-    <!-- ===== NAVIGATION ===== -->
-    <nav>
-      <div class="nav-inner">
-        <a href="#" class="logo">
-          <div class="logo-icon">🦆</div>
-          <span>duckdebug<span style="color: var(--accent)">.as</span></span>
-        </a>
-        <ul class="nav-links" id="navLinks">
-          <li><a href="#features">Features</a></li>
-          <li><a href="#roadmap">Roadmap</a></li>
-          <li><a href="#pricing">Pricing</a></li>
-          <li><a href="#hero" class="nav-start-btn" onclick="handleStart(event)">Start Now →</a></li>
-        </ul>
-        <button class="theme-toggle" id="themeToggle" aria-label="Toggle theme">🌙</button>
-        <button class="mobile-menu-btn" id="mobileMenuBtn">☰</button>
-      </div>
-    </nav>
-
-    <!-- ===== HERO ===== -->
-    <section class="hero" id="hero">
-      <div class="hero-content">
-        <div class="terminal-badge">
-          <span class="pulse"></span>
-          <span>v0.1.0 – MVP Live</span>
-        </div>
-        <h1>
-          <span class="duck-float">🦆</span> Rubber Duck<br />
-          <span class="highlight">Debugging as a Service</span>
-        </h1>
-        <p class="hero-subtitle">
-          // Explain your code line by line to our virtual duck.<br />
-          // 90% of bugs disappear when you do.
-        </p>
-        <a href="#" class="start-btn" id="heroStartBtn" onclick="handleStart(event)">
-          <span>🦆</span> Start Debugging Now <span class="arrow">→</span>
-        </a>
-
-        <div class="terminal-window">
-          <div class="terminal-header">
-            <span class="terminal-dot red"></span>
-            <span class="terminal-dot yellow"></span>
-            <span class="terminal-dot green"></span>
-            <span class="terminal-title">duckdebug-terminal — zsh</span>
-          </div>
-          <div class="terminal-body">
-            <div class="terminal-line">
-              <span class="t-prompt">$</span> <span class="t-command">duckdebug init --project my-app</span>
-            </div>
-            <div class="terminal-line"><span class="t-result">🦆 Duck initialized! Ready to listen.</span></div>
-            <div class="terminal-line">
-              <span class="t-prompt">$</span> <span class="t-command">duckdebug explain ./src/buggy.ts</span>
-            </div>
-            <div class="terminal-line">
-              <span class="t-string">"Hmm, check line 42. That null looks suspicious..."</span>
-            </div>
-            <div class="terminal-line">
-              <span class="t-result">✨ Bug fixed! Confidence: 99.7%</span> <span class="cursor-blink">█</span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <!-- ===== FEATURES ===== -->
-    <section class="section" id="features">
-      <div class="section-header reveal">
-        <div class="section-tag">// features</div>
-        <h2>Why Duck Debugging?</h2>
-        <p>Proven by decades of programmer folklore, now powered by modern tech.</p>
-      </div>
-      <div class="features-grid">
-        <div class="feature-card reveal">
-          <div class="feature-icon">🦆</div>
-          <h3>Virtual Duck Listener</h3>
-          <p>
-            Explain your code line-by-line to our AI-powered rubber duck. It never judges, only listens and helps you
-            find the bug.
-          </p>
-        </div>
-        <div class="feature-card reveal">
-          <div class="feature-icon">🔍</div>
-          <h3>Smart Bug Detection</h3>
-          <p>Our duck analyzes your explanation in real-time and spots logical errors before you finish typing.</p>
-        </div>
-        <div class="feature-card reveal">
-          <div class="feature-icon">💬</div>
-          <h3>Interactive Sessions</h3>
-          <p>Ask follow-up questions, paste snippets, and get rubber-duck-style guidance in real-time conversations.</p>
-        </div>
-        <div class="feature-card reveal">
-          <div class="feature-icon">📊</div>
-          <h3>Debug Analytics</h3>
-          <p>Track your debugging sessions, common bug patterns, and your "aha!" moments over time.</p>
-        </div>
-        <div class="feature-card reveal">
-          <div class="feature-icon">🔌</div>
-          <h3>IDE Integration</h3>
-          <p>Connect directly from VS Code, JetBrains, or Neovim. No context switching needed during deep debugging.</p>
-        </div>
-        <div class="feature-card reveal">
-          <div class="feature-icon">🎮</div>
-          <h3>Gamified Debugging</h3>
-          <p>Earn XP, unlock duck skins, and climb the leaderboard as you squash more bugs every day.</p>
-        </div>
-      </div>
-    </section>
-
-    <!-- ===== ROADMAP ===== -->
-    <section class="section-narrow" id="roadmap">
-      <div class="section-header reveal">
-        <div class="section-tag">// roadmap</div>
-        <h2>What's Coming Next</h2>
-        <p>We're just getting started. Here's what's on the horizon.</p>
-      </div>
-
-      <div class="roadmap-timeline">
-        <!-- Q1 2026 -->
-        <div class="roadmap-item done reveal">
-          <div class="roadmap-dot"></div>
-          <div class="roadmap-date">Q1 2026 – Completed</div>
-          <h3>🦆 MVP Launch</h3>
-          <p>
-            Core rubber duck debugging session with AI-powered listener, basic analytics dashboard, and web interface.
-            The duck is alive!
-          </p>
-          <div class="roadmap-tags">
-            <span class="roadmap-tag done-tag">Web App</span>
-            <span class="roadmap-tag done-tag">AI Duck Listener</span>
-            <span class="roadmap-tag done-tag">Basic Analytics</span>
-          </div>
-        </div>
-
-        <!-- Q2 2026 -->
-        <div class="roadmap-item active reveal">
-          <div class="roadmap-dot"></div>
-          <div class="roadmap-date">Q2 2026 – In Development</div>
-          <h3>🔌 MCP Server</h3>
-          <p>
-            Model Context Protocol support — connect DuckDebug to any MCP-compatible AI tool. Seamless integration with
-            your existing dev toolchain, Claude, Cursor, and other AI agents.
-          </p>
-          <div class="roadmap-tags">
-            <span class="roadmap-tag beta">MCP Protocol</span>
-            <span class="roadmap-tag beta">Agent Integration</span>
-            <span class="roadmap-tag beta">API v2</span>
-          </div>
-        </div>
-
-        <!-- Q3 2026 - Skins -->
-        <div class="roadmap-item planned reveal">
-          <div class="roadmap-dot"></div>
-          <div class="roadmap-date">Q3 2026 – Planned</div>
-          <h3>🎨 Duck Skins & Customization</h3>
-          <p>
-            Customize your duck with skins: Hacker Duck, Ninja Duck, Astronaut Duck, Cyberpunk Duck, and more. Express
-            your debugging personality with custom quack sounds.
-          </p>
-          <div class="roadmap-tags">
-            <span class="roadmap-tag coming">Cosmetic Skins</span>
-            <span class="roadmap-tag coming">Custom Quacks</span>
-            <span class="roadmap-tag coming">Duck Avatar Builder</span>
-          </div>
-        </div>
-
-        <!-- Q3 2026 - Battlepass -->
-        <div class="roadmap-item planned reveal">
-          <div class="roadmap-dot"></div>
-          <div class="roadmap-date">Q3 2026 – Planned</div>
-          <h3>⚔️ Battle Pass</h3>
-          <p>
-            Seasonal battle pass with debugging challenges, weekly missions, and exclusive rewards. Debug more, earn
-            more. Limited-time legendary duck skins and titles await top debuggers!
-          </p>
-          <div class="roadmap-tags">
-            <span class="roadmap-tag coming">Season 1</span>
-            <span class="roadmap-tag coming">Daily Challenges</span>
-            <span class="roadmap-tag coming">Exclusive Rewards</span>
-          </div>
-        </div>
-
-        <!-- Q4 2026 - Lootboxes -->
-        <div class="roadmap-item planned reveal">
-          <div class="roadmap-dot"></div>
-          <div class="roadmap-date">Q4 2026 – Planned</div>
-          <h3>📦 Loot Boxes</h3>
-          <p>
-            Randomized loot boxes containing rare duck skins, debugging power-ups, XP boosters, and legendary items.
-            Open with debug tokens earned from your debugging sessions.
-          </p>
-          <div class="roadmap-tags">
-            <span class="roadmap-tag coming">Loot Boxes</span>
-            <span class="roadmap-tag coming">Rare Items</span>
-            <span class="roadmap-tag coming">Trading System</span>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <!-- ===== PRICING ===== -->
-    <section class="section" id="pricing">
-      <div class="section-header reveal">
-        <div class="section-tag">// pricing</div>
-        <h2>Choose Your Debug Tier</h2>
-        <p>From free quacks to enterprise-level debugging.</p>
-      </div>
-      <div class="pricing-grid">
-        <div class="pricing-card reveal">
-          <h3>Free Quack</h3>
-          <div class="pricing-price">$0<span>/mo</span></div>
-          <ul class="pricing-features">
-            <li>5 debug sessions/day</li>
-            <li>Basic duck listener</li>
-            <li>Standard skins</li>
-            <li>Community support</li>
-          </ul>
-          <a href="#" class="pricing-btn" onclick="handleStart(event)">Get Started</a>
-        </div>
-        <div class="pricing-card featured reveal">
-          <h3>Pro Debug</h3>
-          <div class="pricing-price">$9<span>/mo</span></div>
-          <ul class="pricing-features">
-            <li>Unlimited sessions</li>
-            <li>Advanced AI duck</li>
-            <li>All duck skins</li>
-            <li>IDE integration</li>
-            <li>Priority support</li>
-          </ul>
-          <a href="#" class="pricing-btn" onclick="handleStart(event)">Start Now →</a>
-        </div>
-        <div class="pricing-card reveal">
-          <h3>Team Flock</h3>
-          <div class="pricing-price">$29<span>/mo</span></div>
-          <ul class="pricing-features">
-            <li>Everything in Pro</li>
-            <li>Up to 10 seats</li>
-            <li>Shared duck sessions</li>
-            <li>Team analytics</li>
-            <li>SSO & API access</li>
-          </ul>
-          <a href="#" class="pricing-btn">Contact Sales</a>
-        </div>
-      </div>
-    </section>
-
-    <!-- ===== CTA ===== -->
-    <section class="cta-section">
-      <div class="cta-box reveal">
-        <h2>Ready to Debug with a Duck? 🦆</h2>
-        <p>Join thousands of developers who fixed their bugs by explaining them to a rubber duck.</p>
-        <a href="#" class="start-btn" style="animation: none; font-size: 18px" onclick="handleStart(event)">
-          <span>🦆</span> Start Now — It's Free <span class="arrow">→</span>
-        </a>
-      </div>
-    </section>
-
-    <!-- ===== FOOTER ===== -->
-    <footer>
-      <p>© 2026 DuckDebug.as — Rubber Duck Debugging as a Service</p>
-      <p style="margin-top: 8px">Built with 🦆 and questionable debugging practices.</p>
-    </footer>
-
-    <script>
-      // ===== THEME TOGGLE =====
-      const html = document.documentElement;
-      const themeToggle = document.getElementById("themeToggle");
-      const savedTheme = localStorage.getItem("duckdebug-theme") || "dark";
-      html.setAttribute("data-theme", savedTheme);
-      themeToggle.textContent = savedTheme === "dark" ? "☀️" : "🌙";
-
-      themeToggle.addEventListener("click", () => {
-        const current = html.getAttribute("data-theme");
-        const next = current === "dark" ? "light" : "dark";
-        html.setAttribute("data-theme", next);
-        localStorage.setItem("duckdebug-theme", next);
-        themeToggle.textContent = next === "dark" ? "☀️" : "🌙";
-      });
-
-      // ===== MOBILE MENU =====
-      const mobileMenuBtn = document.getElementById("mobileMenuBtn");
-      const navLinks = document.getElementById("navLinks");
-      mobileMenuBtn.addEventListener("click", () => {
-        navLinks.classList.toggle("open");
-        mobileMenuBtn.textContent = navLinks.classList.contains("open") ? "✕" : "☰";
-      });
-
-      // ===== FLOATING CODE BACKGROUND =====
-      const codeContainer = document.getElementById("floating-code");
-
-      const codeSnippets = [
-        "const duck = new Duck();",
-        "function debug(code) {",
-        "  duck.listen(code);",
-        "  return duck.explain();",
-        "}",
-        "if (bug.found) {",
-        '  console.log("Quack!");',
-        "  bug.resolve();",
-        "}",
-        "async function analyze() {",
-        "  await duck.think();",
-        "  return insight;",
-        "}",
-        "export default Duck;",
-        "class BugHunter {",
-        "  constructor(duck) {",
-        "    this.duck = duck;",
-        "  }",
-        "  hunt() {",
-        "    return this.duck.find();",
-        "  }",
-        "}",
-        "npm install @duck/debug",
-        'import { Duck } from "duckdebug";',
-        "const session = duck.start();",
-        "duck.explain(line42);",
-        "// TODO: fix this bug",
-        'duck.quack("interesting");',
-        "try { runCode(); }",
-        "catch(e) { duck.listen(e); }",
-        'if (typeof bug !== "undefined")',
-        "duck.inspect(stackTrace);",
-        "const fix = duck.solve();",
-        'git commit -m "duck fixed"',
-        "SELECT * FROM bugs WHERE resolved=false;",
-        "docker run duckdebug:latest",
-        "kubectl apply -f duck.yml",
-        "response.status === 200",
-        "while(bugs.length > 0) {",
-        "  duck.explain(next());",
-        "}",
-        "return true; // duck approved",
-        'panic!("duck found it!")',
-        'println!("{:?}", fix)',
-        "fn main() { duck.debug() }",
-        "let result = match bug {",
-        "  Ok(fixed) => fixed,",
-        "  Err(e) => duck.solve(e),",
-        "};",
-        'console.time("duckTime");',
-        "performance.now();",
-        "process.env.DUCK_DEBUG = true;",
-        'require("duckdebug");',
-        "module.exports = Duck;",
-        "def debug_with_duck(code):",
-        "    duck = Duck()",
-        "    return duck.analyze(code)",
-        "struct Duck { quack: String }",
-        "impl Duck {",
-        "    fn listen(&self, code: &str) {",
-        '        println!("quack!");',
-        "    }",
-        "}",
-        "SELECT bug_id FROM sessions",
-        "WHERE duck_says_fix = true;",
-        "CREATE INDEX idx_bug_type",
-        "ON bugs(type);",
-        "interface IDuckListener {",
-        "  listen(code: string): void;",
-        "  explain(): string;",
-        "}",
-        "type DuckResult = {",
-        "  found: boolean;",
-        "  line: number;",
-        "  message: string;",
-        "};",
-        "go func() {",
-        "    duck.Listen(codeChan)",
-        "}()",
-        "import duckdebug",
-        "client = duckdebug.Client()",
-        "result = client.debug(file)",
-      ];
-
-      const totalLines = 50;
-      for (let i = 0; i < totalLines; i++) {
-        const lineEl = document.createElement("div");
-        lineEl.classList.add("code-line");
-        const snippet = codeSnippets[Math.floor(Math.random() * codeSnippets.length)];
-        lineEl.textContent = snippet;
-        lineEl.style.left = Math.random() * 100 + "%";
-        lineEl.style.fontSize = 10 + Math.random() * 6 + "px";
-        const duration = 25 + Math.random() * 50;
-        lineEl.style.animationDuration = duration + "s";
-        lineEl.style.animationDelay = -(Math.random() * duration) + "s";
-        codeContainer.appendChild(lineEl);
-      }
-
-      // ===== SCROLL REVEAL =====
-      const revealElements = document.querySelectorAll(".reveal");
-      const revealObserver = new IntersectionObserver(
-        (entries) => {
-          entries.forEach((entry) => {
-            if (entry.isIntersecting) {
-              entry.target.classList.add("visible");
-              revealObserver.unobserve(entry.target);
-            }
-          });
-        },
-        { threshold: 0.1, rootMargin: "0px 0px -30px 0px" },
-      );
-
-      revealElements.forEach((el) => revealObserver.observe(el));
-
-      // ===== START NOW HANDLER =====
-      function handleStart(e) {
-        e.preventDefault();
-        const btn = e.currentTarget;
-        btn.style.transform = "scale(0.95)";
-        setTimeout(() => {
-          btn.style.transform = "";
-          alert("Quack! Redirecting to DuckDebug dashboard...");
-        }, 150);
-      }
-
-      // ===== SMOOTH SCROLL FOR NAV LINKS =====
-      document.querySelectorAll('a[href^="#"]').forEach((anchor) => {
-        anchor.addEventListener("click", function (e) {
-          const href = this.getAttribute("href");
-          if (href === "#") return;
-          e.preventDefault();
-          const target = document.querySelector(href);
-          if (target) {
-            target.scrollIntoView({ behavior: "smooth", block: "start" });
-            if (navLinks.classList.contains("open")) {
-              navLinks.classList.remove("open");
-              mobileMenuBtn.textContent = "☰";
-            }
-          }
-        });
-      });
-    </script>
-  </body>
-</html>
diff --git a/refs/ref3/debug.html b/refs/ref3/debug.html
deleted file mode 100644
index 2fb8a04..0000000
--- a/refs/ref3/debug.html
+++ /dev/null
@@ -1,367 +0,0 @@
-<html lang="en" class="dark" data-theme="dark">
-  <head>
-    <meta charset="utf-8" />
-    <title>Rubber Duck Debugging as a service</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta charset="utf-8" />
-    <meta content="width=device-width, initial-scale=1" name="viewport" />
-    <link rel="stylesheet" href="./duck.css" />
-  </head>
-  <body>
-    <div id="app">
-      <div class="relative min-h-screen overflow-hidden bg-background text-foreground">
-        <div aria-hidden="true" class="pointer-events-none fixed inset-0 z-0 overflow-hidden">
-          <span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 1.25%;
-              left: -8%;
-              font-size: 10px;
-              animation-delay: 0s;
-              animation-duration: 20s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >const duck = new RubberDuck();</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 9.58333%;
-              left: -10%;
-              font-size: 11.5px;
-              animation-delay: 2.7s;
-              animation-duration: 21.9s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >duck.listen(problem);</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 17.9167%;
-              left: -12%;
-              font-size: 13px;
-              animation-delay: 5.4s;
-              animation-duration: 23.8s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >trace.stack().filter(signal);</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 26.25%;
-              left: -14%;
-              font-size: 10px;
-              animation-delay: 8.1s;
-              animation-duration: 25.7s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >if (confused) explain(out_loud);</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 34.5833%;
-              left: -16%;
-              font-size: 11.5px;
-              animation-delay: 10.8s;
-              animation-duration: 27.6s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >return plan.nextStep();</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 42.9167%;
-              left: -8%;
-              font-size: 13px;
-              animation-delay: 13.5s;
-              animation-duration: 29.5s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >debugger;</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 51.25%;
-              left: -10%;
-              font-size: 10px;
-              animation-delay: 16.2s;
-              animation-duration: 31.4s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >console.log('aha moment...');</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 59.5833%;
-              left: -12%;
-              font-size: 11.5px;
-              animation-delay: 18.9s;
-              animation-duration: 33.3s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >assert.equal(got, expected);</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 67.9167%;
-              left: -14%;
-              font-size: 13px;
-              animation-delay: 21.6s;
-              animation-duration: 21.2s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >catch (e) { log(e.stack); }</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 76.25%;
-              left: -16%;
-              font-size: 10px;
-              animation-delay: 0.3s;
-              animation-duration: 23.1s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >process.env.DEBUG = '*'</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 84.5833%;
-              left: -8%;
-              font-size: 11.5px;
-              animation-delay: 3s;
-              animation-duration: 25s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >heap.snapshot().analyze();</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 92.9167%;
-              left: -10%;
-              font-size: 13px;
-              animation-delay: 5.7s;
-              animation-duration: 26.9s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >git diff HEAD~1 --stat</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 1.25%;
-              left: -12%;
-              font-size: 10px;
-              animation-delay: 8.4s;
-              animation-duration: 28.8s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >npm run debug:verbose</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 9.58333%;
-              left: -14%;
-              font-size: 11.5px;
-              animation-delay: 11.1s;
-              animation-duration: 30.7s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >grep -r 'undefined' ./src</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 17.9167%;
-              left: -16%;
-              font-size: 13px;
-              animation-delay: 13.8s;
-              animation-duration: 32.6s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >curl -v http://localhost:3000</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 26.25%;
-              left: -8%;
-              font-size: 10px;
-              animation-delay: 16.5s;
-              animation-duration: 20.5s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >SELECT * FROM logs LIMIT 50;</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 34.5833%;
-              left: -10%;
-              font-size: 11.5px;
-              animation-delay: 19.2s;
-              animation-duration: 22.4s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >docker logs --tail 200 app</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 42.9167%;
-              left: -12%;
-              font-size: 13px;
-              animation-delay: 21.9s;
-              animation-duration: 24.3s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >strace -e trace=network -p $PID</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 51.25%;
-              left: -14%;
-              font-size: 10px;
-              animation-delay: 0.6s;
-              animation-duration: 26.2s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >tcpdump -i any port 8080</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 59.5833%;
-              left: -16%;
-              font-size: 11.5px;
-              animation-delay: 3.3s;
-              animation-duration: 28.1s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >breakpoint.set(line, 42);</span
-          >
-        </div>
-        <div class="relative z-20 p-4">
-          <a
-            href="/"
-            class="inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow h-9 px-4 py-2 min-h-10 gap-2 bg-muted/80 text-foreground hover:bg-muted backdrop-blur-sm font-mono text-sm"
-            type="button"
-          >
-            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" viewBox="0 0 256 256">
-              <path
-                d="M224,128a8,8,0,0,1-8,8H59.31l58.35,58.34a8,8,0,0,1-11.32,11.32l-72-72a8,8,0,0,1,0-11.32l72-72a8,8,0,0,1,11.32,11.32L59.31,120H216A8,8,0,0,1,224,128Z"
-              ></path></svg
-            >duck://home
-          </a>
-        </div>
-        <div
-          class="relative z-10 flex min-h-[calc(100vh-64px)] flex-col items-center justify-center gap-8 px-4 py-8 lg:flex-row lg:gap-12 lg:px-12"
-        >
-          <div class="flex flex-col items-center gap-4 lg:w-[40%]">
-            <div class="relative">
-              <div class="absolute inset-0 rounded-full blur-3xl opacity-40 bg-primary scale-125"></div>
-              <div class="relative rounded-3xl border border-border bg-card/60 backdrop-blur-md p-6 shadow-2xl">
-                <img
-                  src="./img/ai_1.png"
-                  alt="Rubber debug duck"
-                  class="h-64 w-64 rounded-2xl object-cover md:h-80 md:w-80"
-                />
-                <div
-                  class="mt-4 flex items-center justify-center gap-2 rounded-xl border border-border bg-panel/80 px-4 py-2"
-                >
-                  <span class="relative flex h-2.5 w-2.5"
-                    ><span
-                      class="absolute inline-flex h-full w-full animate-ping rounded-full bg-primary opacity-75"
-                    ></span
-                    ><span class="relative inline-flex h-2.5 w-2.5 rounded-full bg-primary"></span></span
-                  ><span class="font-mono text-xs text-primary">booting session...</span>
-                </div>
-              </div>
-            </div>
-            <div class="text-center space-y-1">
-              <h1 class="font-mono text-2xl font-medium text-foreground">
-                <span class="text-primary">&gt;</span> RubberDuck.debug()
-              </h1>
-              <p class="text-sm text-muted-foreground font-light">Explain the bug. Follow the path. Ship the fix.</p>
-            </div>
-          </div>
-          <div class="w-full lg:w-[55%] max-w-2xl">
-            <div class="rounded-2xl border border-border bg-card/70 backdrop-blur-md shadow-2xl overflow-hidden">
-              <div class="flex items-center gap-2 border-b border-border bg-muted/80 px-4 py-3">
-                <div class="flex gap-1.5">
-                  <span class="h-3 w-3 rounded-full bg-destructive/70"></span
-                  ><span class="h-3 w-3 rounded-full bg-warning/70"></span
-                  ><span class="h-3 w-3 rounded-full bg-success/70"></span>
-                </div>
-                <div class="flex items-center gap-2 ml-2">
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="14"
-                    height="14"
-                    fill="currentColor"
-                    viewBox="0 0 256 256"
-                    class="text-muted-foreground"
-                  >
-                    <path
-                      d="M117.31,134l-72,64a8,8,0,1,1-10.63-12L100,128,34.69,70A8,8,0,1,1,45.32,58l72,64a8,8,0,0,1,0,12ZM216,184H120a8,8,0,0,0,0,16h96a8,8,0,0,0,0-16Z"
-                    ></path></svg
-                  ><span class="font-mono text-xs text-muted-foreground">duck-session — bash</span>
-                </div>
-              </div>
-              <div
-                class="h-64 overflow-y-auto p-4 font-mono text-sm space-y-1 scrollbar-thin"
-                style="scrollbar-width: none"
-              >
-                <p class="text-muted-foreground"><span class="text-primary">duck@debug:~$</span> ./start-session.sh</p>
-                <p class="text-foreground">$ describe issue --env production</p>
-                <p class="text-tertiary pl-2">&gt; analysing stack trace...</p>
-                <p class="text-foreground">$ git log --oneline -10</p>
-                <p class="text-tertiary pl-2">&gt; narrowing root cause...</p>
-                <p class="text-foreground">$ strace -p $PID</p>
-                <p class="text-tertiary pl-2">&gt; check<span class="animate-pulse text-primary">▌</span></p>
-              </div>
-              <div class="border-t border-border bg-muted/40 p-4">
-                <form class="flex gap-2">
-                  <div
-                    class="flex flex-1 items-center gap-2 rounded-xl border border-border bg-input/80 px-4 py-2 focus-within:border-primary focus-within:ring-1 focus-within:ring-primary transition-all"
-                  >
-                    <span class="font-mono text-sm text-primary shrink-0">$</span
-                    ><input
-                      type="text"
-                      disabled=""
-                      placeholder="initializing..."
-                      class="flex-1 bg-transparent font-mono text-sm text-foreground outline-none placeholder:text-muted-foreground disabled:opacity-50"
-                      value=""
-                    />
-                  </div>
-                  <button
-                    class="inline-flex items-center justify-center gap-2 whitespace-nowrap focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-9 py-2 min-h-10 rounded-xl bg-primary px-5 font-mono text-sm font-medium text-primary-foreground shadow-[0_0_18px_-4px_var(--color-primary)] hover:bg-primary-hover hover:shadow-[0_0_28px_-2px_var(--color-primary)] disabled:opacity-40 transition-shadow duration-300"
-                    type="submit"
-                    disabled=""
-                  >
-                    send
-                  </button>
-                </form>
-                <p class="mt-2 font-mono text-xs text-muted-foreground">
-                  rubber duck debugging as a service · v0.1.0-mvp
-                </p>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </body>
-</html>
diff --git a/refs/ref3/duck.css b/refs/ref3/duck.css
deleted file mode 100644
index 1919012..0000000
--- a/refs/ref3/duck.css
+++ /dev/null
@@ -1,2258 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&family=Source+Serif+4:wght@400;600&display=swap");
-
-*,
-::before,
-::after {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-
-::backdrop {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-
-/*
-! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com
-*/
-
-/*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e5e7eb; /* 2 */
-}
-
-::before,
-::after {
-  --tw-content: "";
-}
-
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-
-html,
-:host {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */
-  -moz-tab-size: 4; /* 3 */
-  tab-size: 4; /* 3 */
-  font-family: "IBM Plex Sans", sans-serif; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
-  -webkit-tap-highlight-color: transparent; /* 7 */
-}
-
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-
-/*
-Remove the default font size and weight for headings.
-*/
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-/*
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
-  font-family: "JetBrains Mono", monospace; /* 1 */
-  font-feature-settings: normal; /* 2 */
-  font-variation-settings: normal; /* 3 */
-  font-size: 1em; /* 4 */
-}
-
-/*
-Add the correct font size in all browsers.
-*/
-
-small {
-  font-size: 80%;
-}
-
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
-  letter-spacing: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-
-button,
-select {
-  text-transform: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-
-button,
-input:where([type="button"]),
-input:where([type="reset"]),
-input:where([type="submit"]) {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
-}
-
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-
-:-moz-focusring {
-  outline: auto;
-}
-
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
-  vertical-align: baseline;
-}
-
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type="search"] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
-  display: list-item;
-}
-
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-
-legend {
-  padding: 0;
-}
-
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-/*
-Reset default styling for dialogs.
-*/
-
-dialog {
-  padding: 0;
-}
-
-/*
-Prevent resizing textareas horizontally by default.
-*/
-
-textarea {
-  resize: vertical;
-}
-
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-
-input::placeholder,
-textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-
-/*
-Set the default cursor for buttons.
-*/
-
-button,
-[role="button"] {
-  cursor: pointer;
-}
-
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-
-:disabled {
-  cursor: default;
-}
-
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-
-/* Make elements with the HTML hidden attribute stay hidden by default */
-
-[hidden]:where(:not([hidden="until-found"])) {
-  display: none;
-}
-
-html {
-  color: var(--color-foreground);
-  background-color: var(--color-background);
-  scroll-behavior: smooth;
-}
-
-body {
-  color: var(--color-foreground);
-  background-color: var(--color-background);
-  font-family: var(--font-sans);
-  font-weight: 300;
-}
-
-* {
-  border-color: var(--color-border);
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-span,
-a,
-li,
-label,
-input,
-textarea,
-button,
-div {
-  color: inherit;
-}
-
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-.pointer-events-none {
-  pointer-events: none;
-}
-
-.pointer-events-auto {
-  pointer-events: auto;
-}
-
-.visible {
-  visibility: visible;
-}
-
-.fixed {
-  position: fixed;
-}
-
-.absolute {
-  position: absolute;
-}
-
-.relative {
-  position: relative;
-}
-
-.sticky {
-  position: sticky;
-}
-
-.inset-0 {
-  inset: 0px;
-}
-
-.inset-x-0 {
-  left: 0px;
-  right: 0px;
-}
-
-.inset-y-0 {
-  top: 0px;
-  bottom: 0px;
-}
-
-.bottom-0 {
-  bottom: 0px;
-}
-
-.left-0 {
-  left: 0px;
-}
-
-.right-0 {
-  right: 0px;
-}
-
-.right-1 {
-  right: 0.25rem;
-}
-
-.right-4 {
-  right: 1rem;
-}
-
-.top-0 {
-  top: 0px;
-}
-
-.top-1 {
-  top: 0.25rem;
-}
-
-.top-4 {
-  top: 1rem;
-}
-
-.top-\[1px\] {
-  top: 1px;
-}
-
-.top-\[60\%\] {
-  top: 60%;
-}
-
-.top-full {
-  top: 100%;
-}
-
-.isolate {
-  isolation: isolate;
-}
-
-.-z-10 {
-  z-index: -10;
-}
-
-.z-0 {
-  z-index: 0;
-}
-
-.z-10 {
-  z-index: 10;
-}
-
-.z-20 {
-  z-index: 20;
-}
-
-.z-30 {
-  z-index: 30;
-}
-
-.z-50 {
-  z-index: 50;
-}
-
-.z-\[100\] {
-  z-index: 100;
-}
-
-.z-\[1\] {
-  z-index: 1;
-}
-
-.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.mb-10 {
-  margin-bottom: 2.5rem;
-}
-
-.ml-1 {
-  margin-left: 0.25rem;
-}
-
-.ml-2 {
-  margin-left: 0.5rem;
-}
-
-.mr-2 {
-  margin-right: 0.5rem;
-}
-
-.mt-1 {
-  margin-top: 0.25rem;
-}
-
-.mt-1\.5 {
-  margin-top: 0.375rem;
-}
-
-.mt-2 {
-  margin-top: 0.5rem;
-}
-
-.mt-3 {
-  margin-top: 0.75rem;
-}
-
-.mt-4 {
-  margin-top: 1rem;
-}
-
-.mt-8 {
-  margin-top: 2rem;
-}
-
-.block {
-  display: block;
-}
-
-.flex {
-  display: flex;
-}
-
-.inline-flex {
-  display: inline-flex;
-}
-
-.grid {
-  display: grid;
-}
-
-.hidden {
-  display: none;
-}
-
-.h-1\.5 {
-  height: 0.375rem;
-}
-
-.h-10 {
-  height: 2.5rem;
-}
-
-.h-12 {
-  height: 3rem;
-}
-
-.h-2 {
-  height: 0.5rem;
-}
-
-.h-2\.5 {
-  height: 0.625rem;
-}
-
-.h-3 {
-  height: 0.75rem;
-}
-
-.h-4 {
-  height: 1rem;
-}
-
-.h-44 {
-  height: 11rem;
-}
-
-.h-64 {
-  height: 16rem;
-}
-
-.h-8 {
-  height: 2rem;
-}
-
-.h-9 {
-  height: 2.25rem;
-}
-
-.h-\[1px\] {
-  height: 1px;
-}
-
-.h-\[var\(--radix-navigation-menu-viewport-height\)\] {
-  height: var(--radix-navigation-menu-viewport-height);
-}
-
-.h-auto {
-  height: auto;
-}
-
-.h-full {
-  height: 100%;
-}
-
-.max-h-screen {
-  max-height: 100vh;
-}
-
-.min-h-10 {
-  min-height: 2.5rem;
-}
-
-.min-h-11 {
-  min-height: 2.75rem;
-}
-
-.min-h-12 {
-  min-height: 3rem;
-}
-
-.min-h-14 {
-  min-height: 3.5rem;
-}
-
-.min-h-16 {
-  min-height: 4rem;
-}
-
-.min-h-\[calc\(100vh-64px\)\] {
-  min-height: calc(100vh - 64px);
-}
-
-.min-h-screen {
-  min-height: 100vh;
-}
-
-.w-12 {
-  width: 3rem;
-}
-
-.w-2 {
-  width: 0.5rem;
-}
-
-.w-2\.5 {
-  width: 0.625rem;
-}
-
-.w-3 {
-  width: 0.75rem;
-}
-
-.w-3\/4 {
-  width: 75%;
-}
-
-.w-4 {
-  width: 1rem;
-}
-
-.w-64 {
-  width: 16rem;
-}
-
-.w-9 {
-  width: 2.25rem;
-}
-
-.w-\[1px\] {
-  width: 1px;
-}
-
-.w-\[88vw\] {
-  width: 88vw;
-}
-
-.w-full {
-  width: 100%;
-}
-
-.w-max {
-  width: max-content;
-}
-
-.min-w-11 {
-  min-width: 2.75rem;
-}
-
-.max-w-2xl {
-  max-width: 42rem;
-}
-
-.max-w-4xl {
-  max-width: 56rem;
-}
-
-.max-w-5xl {
-  max-width: 64rem;
-}
-
-.max-w-7xl {
-  max-width: 80rem;
-}
-
-.max-w-\[14ch\] {
-  max-width: 14ch;
-}
-
-.max-w-\[34ch\] {
-  max-width: 34ch;
-}
-
-.max-w-full {
-  max-width: 100%;
-}
-
-.max-w-max {
-  max-width: max-content;
-}
-
-.max-w-sm {
-  max-width: 24rem;
-}
-
-.flex-1 {
-  flex: 1 1 0%;
-}
-
-.shrink-0 {
-  flex-shrink: 0;
-}
-
-.rotate-45 {
-  --tw-rotate: 45deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.scale-125 {
-  --tw-scale-x: 1.25;
-  --tw-scale-y: 1.25;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-@keyframes ping {
-  75%,
-  100% {
-    transform: scale(2);
-    opacity: 0;
-  }
-}
-
-.animate-ping {
-  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
-}
-
-@keyframes pulse {
-  50% {
-    opacity: 0.5;
-  }
-}
-
-.animate-pulse {
-  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
-
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.animate-spin {
-  animation: spin 1s linear infinite;
-}
-
-.list-none {
-  list-style-type: none;
-}
-
-.flex-col {
-  flex-direction: column;
-}
-
-.flex-col-reverse {
-  flex-direction: column-reverse;
-}
-
-.flex-wrap {
-  flex-wrap: wrap;
-}
-
-.items-start {
-  align-items: flex-start;
-}
-
-.items-end {
-  align-items: flex-end;
-}
-
-.items-center {
-  align-items: center;
-}
-
-.items-stretch {
-  align-items: stretch;
-}
-
-.justify-center {
-  justify-content: center;
-}
-
-.justify-between {
-  justify-content: space-between;
-}
-
-.gap-1 {
-  gap: 0.25rem;
-}
-
-.gap-1\.5 {
-  gap: 0.375rem;
-}
-
-.gap-10 {
-  gap: 2.5rem;
-}
-
-.gap-2 {
-  gap: 0.5rem;
-}
-
-.gap-3 {
-  gap: 0.75rem;
-}
-
-.gap-4 {
-  gap: 1rem;
-}
-
-.gap-5 {
-  gap: 1.25rem;
-}
-
-.gap-6 {
-  gap: 1.5rem;
-}
-
-.gap-8 {
-  gap: 2rem;
-}
-
-.space-x-1 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-x-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-.space-y-1 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
-}
-
-.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
-}
-
-.space-y-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
-}
-
-.space-y-3 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
-}
-
-.space-y-4 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
-}
-
-.space-y-5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
-}
-
-.space-y-6 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
-}
-
-.space-y-8 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
-}
-
-.overflow-hidden {
-  overflow: hidden;
-}
-
-.overflow-y-auto {
-  overflow-y: auto;
-}
-
-.overflow-x-hidden {
-  overflow-x: hidden;
-}
-
-.whitespace-nowrap {
-  white-space: nowrap;
-}
-
-.text-balance {
-  text-wrap: balance;
-}
-
-.rounded-2xl {
-  border-radius: 16px;
-}
-
-.rounded-3xl {
-  border-radius: 20px;
-}
-
-.rounded-full {
-  border-radius: 9999px;
-}
-
-.rounded-md {
-  border-radius: 0.375rem;
-}
-
-.rounded-sm {
-  border-radius: 0.125rem;
-}
-
-.rounded-xl {
-  border-radius: 12px;
-}
-
-.rounded-tl-sm {
-  border-top-left-radius: 0.125rem;
-}
-
-.border {
-  border-width: 1px;
-}
-
-.border-0 {
-  border-width: 0px;
-}
-
-.border-b {
-  border-bottom-width: 1px;
-}
-
-.border-l {
-  border-left-width: 1px;
-}
-
-.border-r {
-  border-right-width: 1px;
-}
-
-.border-t {
-  border-top-width: 1px;
-}
-
-.border-border {
-  border-color: var(--color-border);
-}
-
-.border-destructive {
-  border-color: var(--color-destructive);
-}
-
-.border-input {
-  border-color: var(--color-input);
-}
-
-.border-transparent {
-  border-color: transparent;
-}
-
-.bg-background {
-  background-color: var(--color-background);
-}
-
-.bg-black\/80 {
-  background-color: rgb(0 0 0 / 0.8);
-}
-
-.bg-border {
-  background-color: var(--color-border);
-}
-
-.bg-card {
-  background-color: var(--color-card);
-}
-
-.bg-cta-panel {
-  background-color: var(--color-cta-panel);
-}
-
-.bg-destructive {
-  background-color: var(--color-destructive);
-}
-
-.bg-footer {
-  background-color: var(--color-footer);
-}
-
-.bg-input {
-  background-color: var(--color-input);
-}
-
-.bg-muted {
-  background-color: var(--color-muted);
-}
-
-.bg-panel {
-  background-color: var(--color-panel);
-}
-
-.bg-popover {
-  background-color: var(--color-popover);
-}
-
-.bg-primary {
-  background-color: var(--color-primary);
-}
-
-.bg-roadmap-card {
-  background-color: var(--color-roadmap-card);
-}
-
-.bg-secondary {
-  background-color: var(--color-secondary);
-}
-
-.bg-section-subtle {
-  background-color: var(--color-section-subtle);
-}
-
-.bg-status-backlog {
-  background-color: var(--color-status-backlog);
-}
-
-.bg-status-completed {
-  background-color: var(--color-status-completed);
-}
-
-.bg-status-planned {
-  background-color: var(--color-status-planned);
-}
-
-.bg-status-progress {
-  background-color: var(--color-status-progress);
-}
-
-.bg-transparent {
-  background-color: transparent;
-}
-
-.bg-terminal-panel {
-  background-image: var(--color-terminal-panel);
-}
-
-.object-cover {
-  object-fit: cover;
-}
-
-.p-1 {
-  padding: 0.25rem;
-}
-
-.p-4 {
-  padding: 1rem;
-}
-
-.p-6 {
-  padding: 1.5rem;
-}
-
-.px-2\.5 {
-  padding-left: 0.625rem;
-  padding-right: 0.625rem;
-}
-
-.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-
-.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-
-.px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}
-
-.px-6 {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-}
-
-.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
-}
-
-.py-0\.5 {
-  padding-top: 0.125rem;
-  padding-bottom: 0.125rem;
-}
-
-.py-10 {
-  padding-top: 2.5rem;
-  padding-bottom: 2.5rem;
-}
-
-.py-14 {
-  padding-top: 3.5rem;
-  padding-bottom: 3.5rem;
-}
-
-.py-16 {
-  padding-top: 4rem;
-  padding-bottom: 4rem;
-}
-
-.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-
-.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
-
-.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-
-.py-5 {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}
-
-.py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}
-
-.pb-4 {
-  padding-bottom: 1rem;
-}
-
-.pb-5 {
-  padding-bottom: 1.25rem;
-}
-
-.pl-2 {
-  padding-left: 0.5rem;
-}
-
-.pr-4 {
-  padding-right: 1rem;
-}
-
-.pr-6 {
-  padding-right: 1.5rem;
-}
-
-.pt-0 {
-  padding-top: 0px;
-}
-
-.text-left {
-  text-align: left;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.font-mono {
-  font-family: "JetBrains Mono", monospace;
-}
-
-.text-2xl {
-  font-size: 1.5rem;
-  line-height: 2rem;
-}
-
-.text-\[clamp\(2\.75rem\2c 8vw\2c 5rem\)\] {
-  font-size: clamp(2.75rem, 8vw, 5rem);
-}
-
-.text-\[clamp\(2rem\2c 5vw\2c 3rem\)\] {
-  font-size: clamp(2rem, 5vw, 3rem);
-}
-
-.text-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-
-.text-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-
-.text-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-
-.text-xs {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-
-.font-light {
-  font-weight: 300;
-}
-
-.font-medium {
-  font-weight: 500;
-}
-
-.font-normal {
-  font-weight: 400;
-}
-
-.font-semibold {
-  font-weight: 600;
-}
-
-.leading-6 {
-  line-height: 1.5rem;
-}
-
-.leading-7 {
-  line-height: 1.75rem;
-}
-
-.leading-\[1\.15\] {
-  line-height: 1.15;
-}
-
-.leading-none {
-  line-height: 1;
-}
-
-.tracking-\[-0\.025em\] {
-  letter-spacing: -0.025em;
-}
-
-.tracking-tight {
-  letter-spacing: -0.025em;
-}
-
-.text-card-foreground {
-  color: var(--color-card-foreground);
-}
-
-.text-code-float {
-  color: var(--color-code-float);
-}
-
-.text-destructive {
-  color: var(--color-destructive);
-}
-
-.text-foreground {
-  color: var(--color-foreground);
-}
-
-.text-muted-foreground {
-  color: var(--color-muted-foreground);
-}
-
-.text-popover-foreground {
-  color: var(--color-popover-foreground);
-}
-
-.text-primary {
-  color: var(--color-primary);
-}
-
-.text-primary-foreground {
-  color: var(--color-primary-foreground);
-}
-
-.text-secondary-foreground {
-  color: var(--color-secondary-foreground);
-}
-
-.text-status-backlog-foreground {
-  color: var(--color-status-backlog-foreground);
-}
-
-.text-status-completed-foreground {
-  color: var(--color-status-completed-foreground);
-}
-
-.text-status-planned-foreground {
-  color: var(--color-status-planned-foreground);
-}
-
-.text-status-progress-foreground {
-  color: var(--color-status-progress-foreground);
-}
-
-.text-success {
-  color: var(--color-success);
-}
-
-.text-tertiary {
-  color: var(--color-tertiary);
-}
-
-.text-tertiary-foreground {
-  color: var(--color-tertiary-foreground);
-}
-
-.text-warning {
-  color: var(--color-warning);
-}
-
-.underline-offset-4 {
-  text-underline-offset: 4px;
-}
-
-.opacity-0 {
-  opacity: 0;
-}
-
-.opacity-40 {
-  opacity: 0.4;
-}
-
-.opacity-70 {
-  opacity: 0.7;
-}
-
-.opacity-75 {
-  opacity: 0.75;
-}
-
-.opacity-90 {
-  opacity: 0.9;
-}
-
-.shadow {
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-2xl {
-  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
-  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-\[0_0_18px_-4px_var\(--color-primary\)\] {
-  --tw-shadow: 0 0 18px -4px var(--color-primary);
-  --tw-shadow-colored: 0 0 18px -4px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-\[0_0_28px_-4px_var\(--color-primary\)\] {
-  --tw-shadow: 0 0 28px -4px var(--color-primary);
-  --tw-shadow-colored: 0 0 28px -4px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-lg {
-  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-md {
-  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.shadow-sm {
-  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.outline-none {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-
-.outline {
-  outline-style: solid;
-}
-
-.ring {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.ring-offset-background {
-  --tw-ring-offset-color: var(--color-background);
-}
-
-.blur-3xl {
-  --tw-blur: blur(64px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate)
-    var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-
-.filter {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate)
-    var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-
-.backdrop-blur-md {
-  --tw-backdrop-blur: blur(12px);
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
-    var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
-    var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
-    var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
-    var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
-
-.backdrop-blur-sm {
-  --tw-backdrop-blur: blur(4px);
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
-    var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
-    var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
-    var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
-    var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-}
-
-.transition {
-  transition-property:
-    color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
-    backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.transition-all {
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.transition-colors {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.transition-opacity {
-  transition-property: opacity;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.transition-shadow {
-  transition-property: box-shadow;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.transition-transform {
-  transition-property: transform;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-
-.duration-200 {
-  transition-duration: 200ms;
-}
-
-.duration-300 {
-  transition-duration: 300ms;
-}
-
-.ease-in {
-  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-}
-
-.ease-in-out {
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.code-line {
-  white-space: nowrap;
-  opacity: 1;
-  animation-name: float-code;
-  animation-timing-function: linear;
-  animation-iteration-count: infinite;
-}
-
-@keyframes float-code {
-  0% {
-    transform: translateX(0);
-    opacity: 0;
-  }
-  5% {
-    opacity: 1;
-  }
-  95% {
-    opacity: 1;
-  }
-  100% {
-    transform: translateX(105vw);
-    opacity: 0;
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .code-line {
-    animation: none;
-  }
-
-  html {
-    scroll-behavior: auto;
-  }
-}
-
-:root {
-  --font-sans: "IBM Plex Sans", sans-serif;
-  --font-mono: "JetBrains Mono", monospace;
-  --font-serif: "Source Serif 4", serif;
-
-  --color-background: hsl(210 20% 98%);
-  --color-foreground: hsl(222 28% 14%);
-  --color-header: hsl(210 20% 98% / 0.86);
-  --color-footer: hsl(210 18% 95%);
-  --color-card: hsl(0 0% 100%);
-  --color-card-foreground: hsl(222 28% 14%);
-  --color-popover: hsl(0 0% 100%);
-  --color-popover-foreground: hsl(222 28% 14%);
-  --color-panel: hsl(210 18% 97%);
-  --color-terminal-panel: linear-gradient(135deg, hsl(210 40% 99%) 0%, hsl(190 60% 96%) 52%, hsl(145 55% 94%) 100%);
-  --color-roadmap-card: hsl(0 0% 100%);
-  --color-cta-panel: hsl(190 60% 96%);
-  --color-section-subtle: hsl(210 18% 95%);
-  --color-muted: hsl(210 18% 95%);
-  --color-muted-hover: hsl(214 16% 88%);
-  --color-muted-foreground: hsl(217 12% 46%);
-  --color-border: hsl(214 16% 88%);
-  --color-input: hsl(0 0% 100%);
-  --color-ring: hsl(190 90% 46%);
-  --color-primary: hsl(145 84% 52%);
-  --color-primary-hover: hsl(145 72% 44%);
-  --color-primary-foreground: hsl(222 35% 10%);
-  --color-secondary: hsl(145 72% 34%);
-  --color-secondary-hover: hsl(145 68% 28%);
-  --color-secondary-foreground: hsl(0 0% 98%);
-  --color-tertiary: hsl(190 90% 46%);
-  --color-tertiary-foreground: hsl(222 35% 10%);
-  --color-link-hover: hsl(190 86% 38%);
-  --color-success: hsl(145 70% 40%);
-  --color-warning: hsl(38 92% 52%);
-  --color-destructive: hsl(0 72% 42%);
-  --color-code-float: hsl(222 28% 18% / 0.1);
-  --color-status-progress: hsl(190 90% 46%);
-  --color-status-progress-foreground: hsl(222 35% 10%);
-  --color-status-completed: hsl(145 70% 40%);
-  --color-status-completed-foreground: hsl(210 20% 98%);
-  --color-status-planned: hsl(145 84% 52%);
-  --color-status-planned-foreground: hsl(222 35% 10%);
-  --color-status-backlog: hsl(38 92% 52%);
-  --color-status-backlog-foreground: hsl(222 35% 10%);
-}
-
-.dark {
-  --color-background: hsl(224 30% 9%);
-  --color-foreground: hsl(210 25% 94%);
-  --color-header: hsl(224 30% 9% / 0.82);
-  --color-footer: hsl(222 24% 14%);
-  --color-card: hsl(220 18% 24%);
-  --color-card-foreground: hsl(210 20% 92%);
-  --color-popover: hsl(222 24% 14%);
-  --color-popover-foreground: hsl(210 20% 92%);
-  --color-panel: hsl(222 30% 12%);
-  --color-terminal-panel: linear-gradient(135deg, hsl(224 30% 9%) 0%, hsl(218 32% 12%) 45%, hsl(145 35% 16%) 100%);
-  --color-roadmap-card: hsl(220 18% 24%);
-  --color-cta-panel: hsl(218 32% 12%);
-  --color-section-subtle: hsl(222 24% 14%);
-  --color-muted: hsl(222 30% 12%);
-  --color-muted-hover: hsl(220 18% 24%);
-  --color-muted-foreground: hsl(216 12% 72%);
-  --color-border: hsl(218 14% 34%);
-  --color-input: hsl(222 30% 12%);
-  --color-ring: hsl(190 90% 46%);
-  --color-primary: hsl(145 78% 46%);
-  --color-primary-hover: hsl(145 72% 52%);
-  --color-primary-foreground: hsl(220 30% 8%);
-  --color-secondary: hsl(145 68% 30%);
-  --color-secondary-hover: hsl(145 64% 36%);
-  --color-secondary-foreground: hsl(210 25% 96%);
-  --color-tertiary: hsl(190 86% 40%);
-  --color-tertiary-foreground: hsl(210 25% 98%);
-  --color-link-hover: hsl(190 90% 52%);
-  --color-success: hsl(145 70% 44%);
-  --color-warning: hsl(38 92% 52%);
-  --color-destructive: hsl(0 75% 64%);
-  --color-code-float: hsl(145 84% 52% / 0.22);
-  --color-status-progress: hsl(190 86% 40%);
-  --color-status-progress-foreground: hsl(210 25% 98%);
-  --color-status-completed: hsl(145 70% 40%);
-  --color-status-completed-foreground: hsl(210 25% 98%);
-  --color-status-planned: hsl(145 78% 46%);
-  --color-status-planned-foreground: hsl(220 30% 8%);
-  --color-status-backlog: hsl(38 92% 52%);
-  --color-status-backlog-foreground: hsl(222 35% 10%);
-}
-
-.placeholder\:text-muted-foreground::placeholder {
-  color: var(--color-muted-foreground);
-}
-
-.focus-within\:border-primary:focus-within {
-  border-color: var(--color-primary);
-}
-
-.focus-within\:ring-1:focus-within {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.focus-within\:ring-primary:focus-within {
-  --tw-ring-color: var(--color-primary);
-}
-
-.hover\:bg-muted:hover {
-  background-color: var(--color-muted);
-}
-
-.hover\:bg-muted-hover:hover {
-  background-color: var(--color-muted-hover);
-}
-
-.hover\:bg-primary-hover:hover {
-  background-color: var(--color-primary-hover);
-}
-
-.hover\:bg-secondary:hover {
-  background-color: var(--color-secondary);
-}
-
-.hover\:bg-secondary-hover:hover {
-  background-color: var(--color-secondary-hover);
-}
-
-.hover\:text-foreground:hover {
-  color: var(--color-foreground);
-}
-
-.hover\:text-link-hover:hover {
-  color: var(--color-link-hover);
-}
-
-.hover\:underline:hover {
-  text-decoration-line: underline;
-}
-
-.hover\:no-underline:hover {
-  text-decoration-line: none;
-}
-
-.hover\:opacity-100:hover {
-  opacity: 1;
-}
-
-.hover\:shadow-\[0_0_28px_-2px_var\(--color-primary\)\]:hover {
-  --tw-shadow: 0 0 28px -2px var(--color-primary);
-  --tw-shadow-colored: 0 0 28px -2px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.hover\:shadow-\[0_0_38px_-2px_var\(--color-primary\)\]:hover {
-  --tw-shadow: 0 0 38px -2px var(--color-primary);
-  --tw-shadow-colored: 0 0 38px -2px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
-.focus\:opacity-100:focus {
-  opacity: 1;
-}
-
-.focus\:outline-none:focus {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-
-.focus\:ring-1:focus {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.focus\:ring-2:focus {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.focus\:ring-ring:focus {
-  --tw-ring-color: var(--color-ring);
-}
-
-.focus\:ring-offset-2:focus {
-  --tw-ring-offset-width: 2px;
-}
-
-.focus-visible\:outline-none:focus-visible {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-
-.focus-visible\:outline:focus-visible {
-  outline-style: solid;
-}
-
-.focus-visible\:outline-2:focus-visible {
-  outline-width: 2px;
-}
-
-.focus-visible\:outline-offset-2:focus-visible {
-  outline-offset: 2px;
-}
-
-.focus-visible\:outline-ring:focus-visible {
-  outline-color: var(--color-ring);
-}
-
-.focus-visible\:ring-1:focus-visible {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-
-.focus-visible\:ring-ring:focus-visible {
-  --tw-ring-color: var(--color-ring);
-}
-
-.disabled\:pointer-events-none:disabled {
-  pointer-events: none;
-}
-
-.disabled\:opacity-40:disabled {
-  opacity: 0.4;
-}
-
-.disabled\:opacity-50:disabled {
-  opacity: 0.5;
-}
-
-.group:hover .group-hover\:opacity-100 {
-  opacity: 1;
-}
-
-.group.destructive .group-\[\.destructive\]\:text-red-300 {
-  --tw-text-opacity: 1;
-  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
-}
-
-.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover {
-  background-color: var(--color-destructive);
-}
-
-.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover {
-  --tw-text-opacity: 1;
-  color: rgb(254 242 242 / var(--tw-text-opacity, 1));
-}
-
-.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus {
-  --tw-ring-color: var(--color-destructive);
-}
-
-.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
-}
-
-.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus {
-  --tw-ring-offset-color: #dc2626;
-}
-
-.data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] {
-  --tw-translate-x: 0px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] {
-  --tw-translate-x: var(--radix-toast-swipe-end-x);
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] {
-  --tw-translate-x: var(--radix-toast-swipe-move-x);
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.data-\[state\=open\]\:bg-secondary[data-state="open"] {
-  background-color: var(--color-secondary);
-}
-
-.data-\[swipe\=move\]\:transition-none[data-swipe="move"] {
-  transition-property: none;
-}
-
-.data-\[state\=closed\]\:duration-300[data-state="closed"] {
-  transition-duration: 300ms;
-}
-
-.data-\[state\=open\]\:duration-500[data-state="open"] {
-  transition-duration: 500ms;
-}
-
-.group[data-state="open"] .group-data-\[state\=open\]\:rotate-180 {
-  --tw-rotate: 180deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  @keyframes pulse {
-    50% {
-      opacity: 0.5;
-    }
-  }
-
-  .motion-safe\:animate-\[pulse_4s_ease-in-out_infinite\] {
-    animation: pulse 4s ease-in-out infinite;
-  }
-}
-
-@media (min-width: 640px) {
-  .sm\:bottom-0 {
-    bottom: 0px;
-  }
-
-  .sm\:right-0 {
-    right: 0px;
-  }
-
-  .sm\:top-auto {
-    top: auto;
-  }
-
-  .sm\:max-w-sm {
-    max-width: 24rem;
-  }
-
-  .sm\:flex-row {
-    flex-direction: row;
-  }
-
-  .sm\:flex-col {
-    flex-direction: column;
-  }
-
-  .sm\:justify-end {
-    justify-content: flex-end;
-  }
-
-  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
-  .sm\:text-left {
-    text-align: left;
-  }
-}
-
-@media (min-width: 768px) {
-  .md\:absolute {
-    position: absolute;
-  }
-
-  .md\:h-80 {
-    height: 20rem;
-  }
-
-  .md\:w-80 {
-    width: 20rem;
-  }
-
-  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
-    width: var(--radix-navigation-menu-viewport-width);
-  }
-
-  .md\:w-auto {
-    width: auto;
-  }
-
-  .md\:max-w-\[420px\] {
-    max-width: 420px;
-  }
-
-  .md\:grid-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-
-  .md\:grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
-  .md\:flex-row {
-    flex-direction: row;
-  }
-
-  .md\:items-center {
-    align-items: center;
-  }
-
-  .md\:justify-between {
-    justify-content: space-between;
-  }
-
-  .md\:px-12 {
-    padding-left: 3rem;
-    padding-right: 3rem;
-  }
-
-  .md\:py-12 {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
-  }
-
-  .md\:py-20 {
-    padding-top: 5rem;
-    padding-bottom: 5rem;
-  }
-
-  .md\:text-lg {
-    font-size: 1.125rem;
-    line-height: 1.75rem;
-  }
-}
-
-@media (min-width: 1024px) {
-  .lg\:flex {
-    display: flex;
-  }
-
-  .lg\:hidden {
-    display: none;
-  }
-
-  .lg\:w-\[40\%\] {
-    width: 40%;
-  }
-
-  .lg\:w-\[55\%\] {
-    width: 55%;
-  }
-
-  .lg\:grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
-  .lg\:grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-
-  .lg\:grid-cols-\[0\.9fr_1\.1fr\] {
-    grid-template-columns: 0.9fr 1.1fr;
-  }
-
-  .lg\:grid-cols-\[1\.15fr_0\.85fr\] {
-    grid-template-columns: 1.15fr 0.85fr;
-  }
-
-  .lg\:flex-row {
-    flex-direction: row;
-  }
-
-  .lg\:items-center {
-    align-items: center;
-  }
-
-  .lg\:justify-between {
-    justify-content: space-between;
-  }
-
-  .lg\:gap-12 {
-    gap: 3rem;
-  }
-
-  .lg\:px-12 {
-    padding-left: 3rem;
-    padding-right: 3rem;
-  }
-
-  .lg\:py-24 {
-    padding-top: 6rem;
-    padding-bottom: 6rem;
-  }
-}
-
-.\[\&\+div\]\:text-xs + div {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-
-.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg {
-  --tw-rotate: 180deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-.\[\&_svg\]\:pointer-events-none svg {
-  pointer-events: none;
-}
-
-.\[\&_svg\]\:size-4 svg {
-  width: 1rem;
-  height: 1rem;
-}
-
-.\[\&_svg\]\:shrink-0 svg {
-  flex-shrink: 0;
-}
diff --git a/refs/ref3/img/ai_1.png b/refs/ref3/img/ai_1.png
deleted file mode 100644
index 5609168..0000000
Binary files a/refs/ref3/img/ai_1.png and /dev/null differ
diff --git a/refs/ref3/img/ai_2.png b/refs/ref3/img/ai_2.png
deleted file mode 100644
index d8a9efd..0000000
Binary files a/refs/ref3/img/ai_2.png and /dev/null differ
diff --git a/refs/ref3/img/ai_3.png b/refs/ref3/img/ai_3.png
deleted file mode 100644
index 36e42cb..0000000
Binary files a/refs/ref3/img/ai_3.png and /dev/null differ
diff --git a/refs/ref3/img/ai_4.png b/refs/ref3/img/ai_4.png
deleted file mode 100644
index 846b3e8..0000000
Binary files a/refs/ref3/img/ai_4.png and /dev/null differ
diff --git a/refs/ref3/img/ai_5.png b/refs/ref3/img/ai_5.png
deleted file mode 100644
index 6645318..0000000
Binary files a/refs/ref3/img/ai_5.png and /dev/null differ
diff --git a/refs/ref3/index.html b/refs/ref3/index.html
deleted file mode 100644
index c18d918..0000000
--- a/refs/ref3/index.html
+++ /dev/null
@@ -1,1333 +0,0 @@
-<html lang="en" class="dark" data-theme="dark">
-  <head>
-    <meta charset="utf-8" />
-    <title>Rubber Duck Debugging as a service</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta charset="utf-8" />
-    <meta content="width=device-width, initial-scale=1" name="viewport" />
-    <base href="./" />
-    <link rel="stylesheet" href="duck.css" />
-  </head>
-  <body>
-    <div id="app">
-      <div
-        class="relative min-h-screen overflow-x-hidden bg-background text-foreground transition-colors duration-300 ease-in"
-      >
-        <div aria-hidden="true" class="pointer-events-none fixed inset-0 z-0 overflow-hidden">
-          <span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 1.07143%;
-              left: -8%;
-              font-size: 10px;
-              animation-delay: 0s;
-              animation-duration: 22s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >const bug = describe(issue);</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 8.21429%;
-              left: -10%;
-              font-size: 11.5px;
-              animation-delay: 3.1s;
-              animation-duration: 24.3s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >duck.listen(problem);</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 15.3571%;
-              left: -12%;
-              font-size: 13px;
-              animation-delay: 6.2s;
-              animation-duration: 26.6s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >trace.stack().filter(signal);</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 22.5%;
-              left: -14%;
-              font-size: 10px;
-              animation-delay: 9.3s;
-              animation-duration: 28.9s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >if (state === 'weird') inspect(inputs);</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 29.6429%;
-              left: -16%;
-              font-size: 11.5px;
-              animation-delay: 12.4s;
-              animation-duration: 31.2s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >console.log('finding root cause...');</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 36.7857%;
-              left: -8%;
-              font-size: 13px;
-              animation-delay: 15.5s;
-              animation-duration: 33.5s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >return plan.nextStep();</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 43.9286%;
-              left: -10%;
-              font-size: 10px;
-              animation-delay: 18.6s;
-              animation-duration: 35.8s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >git diff --focus HEAD~1</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 51.0714%;
-              left: -12%;
-              font-size: 11.5px;
-              animation-delay: 21.7s;
-              animation-duration: 22.1s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >npm run debug:path</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 58.2143%;
-              left: -14%;
-              font-size: 13px;
-              animation-delay: 24.8s;
-              animation-duration: 24.4s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >assistant.ask('what changed?')</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 65.3571%;
-              left: -16%;
-              font-size: 10px;
-              animation-delay: 27.9s;
-              animation-duration: 26.7s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >path.push('reproduce');</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 72.5%;
-              left: -8%;
-              font-size: 11.5px;
-              animation-delay: 3s;
-              animation-duration: 29s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >debugger;</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 79.6429%;
-              left: -10%;
-              font-size: 13px;
-              animation-delay: 6.1s;
-              animation-duration: 31.3s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >console.trace('stack here');</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 86.7857%;
-              left: -12%;
-              font-size: 10px;
-              animation-delay: 9.2s;
-              animation-duration: 33.6s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >throw new Error('unexpected state');</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 93.9286%;
-              left: -14%;
-              font-size: 11.5px;
-              animation-delay: 12.3s;
-              animation-duration: 35.9s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >catch (e) { log(e.stack); }</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 1.07143%;
-              left: -16%;
-              font-size: 13px;
-              animation-delay: 15.4s;
-              animation-duration: 22.2s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >process.env.DEBUG = '*'</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 8.21429%;
-              left: -8%;
-              font-size: 10px;
-              animation-delay: 18.5s;
-              animation-duration: 24.5s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >breakpoint.set(line, 42);</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 15.3571%;
-              left: -10%;
-              font-size: 11.5px;
-              animation-delay: 21.6s;
-              animation-duration: 26.8s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >heap.snapshot().analyze();</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 22.5%;
-              left: -12%;
-              font-size: 13px;
-              animation-delay: 24.7s;
-              animation-duration: 29.1s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >assert.equal(got, expected);</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 29.6429%;
-              left: -14%;
-              font-size: 10px;
-              animation-delay: 27.8s;
-              animation-duration: 31.4s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >stderr.pipe(logfile);</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 36.7857%;
-              left: -16%;
-              font-size: 11.5px;
-              animation-delay: 2.9s;
-              animation-duration: 33.7s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >strace -p $PID</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 43.9286%;
-              left: -8%;
-              font-size: 13px;
-              animation-delay: 6s;
-              animation-duration: 36s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >tcpdump -i any port 8080</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 51.0714%;
-              left: -10%;
-              font-size: 10px;
-              animation-delay: 9.1s;
-              animation-duration: 22.3s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >SELECT * FROM logs WHERE level='ERROR';</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 58.2143%;
-              left: -12%;
-              font-size: 11.5px;
-              animation-delay: 12.2s;
-              animation-duration: 24.6s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >grep -r 'undefined' ./src</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 65.3571%;
-              left: -14%;
-              font-size: 13px;
-              animation-delay: 15.3s;
-              animation-duration: 26.9s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >curl -v http://localhost:3000</span
-          ><span
-            class="code-line absolute font-mono text-code-float"
-            style="
-              top: 72.5%;
-              left: -16%;
-              font-size: 10px;
-              animation-delay: 18.4s;
-              animation-duration: 29.2s;
-              letter-spacing: 0.03em;
-              user-select: none;
-            "
-            >docker logs --tail 200 app</span
-          >
-        </div>
-        <header
-          class="sticky top-0 z-30 border-b transition-all duration-200 ease-in border-transparent bg-header/70 backdrop-blur-md"
-        >
-          <div class="mx-auto flex min-h-16 max-w-7xl items-center justify-between px-8 py-3">
-            <a
-              href="#top"
-              class="inline-flex min-h-11 items-center rounded-md px-3 py-2 font-mono text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
-              >duck://debug</a
-            >
-            <div class="hidden items-center gap-4 lg:flex">
-              <nav
-                aria-label="Main"
-                data-orientation="horizontal"
-                dir="ltr"
-                class="relative z-10 flex max-w-max flex-1 items-center justify-center"
-              >
-                <div style="position: relative">
-                  <ul
-                    data-orientation="horizontal"
-                    class="group flex flex-1 list-none items-center justify-center space-x-1 gap-1"
-                    dir="ltr"
-                  >
-                    <li>
-                      <button
-                        type="button"
-                        class="min-h-11 rounded-md px-4 py-3 text-sm transition-colors duration-200 ease-in focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring bg-muted text-foreground"
-                      >
-                        How it works
-                      </button>
-                    </li>
-                    <li>
-                      <button
-                        type="button"
-                        class="min-h-11 rounded-md px-4 py-3 text-sm transition-colors duration-200 ease-in focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring bg-transparent text-muted-foreground hover:bg-muted hover:text-foreground"
-                      >
-                        Roadmap
-                      </button>
-                    </li>
-                    <li>
-                      <button
-                        type="button"
-                        class="min-h-11 rounded-md px-4 py-3 text-sm transition-colors duration-200 ease-in focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring bg-transparent text-muted-foreground hover:bg-muted hover:text-foreground"
-                      >
-                        FAQ
-                      </button>
-                    </li>
-                  </ul>
-                </div>
-                <div class="absolute left-0 top-full flex justify-center"></div>
-              </nav>
-              <button
-                class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow h-9 px-4 py-2 min-h-11 min-w-11 bg-muted text-foreground hover:bg-muted-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
-                type="button"
-                aria-label="Switch to light theme"
-              >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="32"
-                  height="32"
-                  fill="currentColor"
-                  viewBox="0 0 256 256"
-                >
-                  <path
-                    d="M120,40V16a8,8,0,0,1,16,0V40a8,8,0,0,1-16,0Zm72,88a64,64,0,1,1-64-64A64.07,64.07,0,0,1,192,128Zm-16,0a48,48,0,1,0-48,48A48.05,48.05,0,0,0,176,128ZM58.34,69.66A8,8,0,0,0,69.66,58.34l-16-16A8,8,0,0,0,42.34,53.66Zm0,116.68-16,16a8,8,0,0,0,11.32,11.32l16-16a8,8,0,0,0-11.32-11.32ZM192,72a8,8,0,0,0,5.66-2.34l16-16a8,8,0,0,0-11.32-11.32l-16,16A8,8,0,0,0,192,72Zm5.66,114.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32-11.32ZM48,128a8,8,0,0,0-8-8H16a8,8,0,0,0,0,16H40A8,8,0,0,0,48,128Zm80,80a8,8,0,0,0-8,8v24a8,8,0,0,0,16,0V216A8,8,0,0,0,128,208Zm112-88H216a8,8,0,0,0,0,16h24a8,8,0,0,0,0-16Z"
-                  ></path>
-                </svg>
-              </button>
-              <div class="flex items-center gap-3">
-                <span class="text-sm text-muted-foreground">Ku6epXBOCTuK</span
-                ><button
-                  class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow h-9 px-4 py-2 min-h-11 bg-muted text-foreground hover:bg-muted-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
-                  type="button"
-                >
-                  Log out
-                </button>
-              </div>
-            </div>
-            <div class="flex items-center gap-2 lg:hidden">
-              <button
-                class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow h-9 px-4 py-2 min-h-11 min-w-11 bg-muted text-foreground hover:bg-muted-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
-                type="button"
-                aria-label="Switch to light theme"
-              >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="32"
-                  height="32"
-                  fill="currentColor"
-                  viewBox="0 0 256 256"
-                >
-                  <path
-                    d="M120,40V16a8,8,0,0,1,16,0V40a8,8,0,0,1-16,0Zm72,88a64,64,0,1,1-64-64A64.07,64.07,0,0,1,192,128Zm-16,0a48,48,0,1,0-48,48A48.05,48.05,0,0,0,176,128ZM58.34,69.66A8,8,0,0,0,69.66,58.34l-16-16A8,8,0,0,0,42.34,53.66Zm0,116.68-16,16a8,8,0,0,0,11.32,11.32l16-16a8,8,0,0,0-11.32-11.32ZM192,72a8,8,0,0,0,5.66-2.34l16-16a8,8,0,0,0-11.32-11.32l-16,16A8,8,0,0,0,192,72Zm5.66,114.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32-11.32ZM48,128a8,8,0,0,0-8-8H16a8,8,0,0,0,0,16H40A8,8,0,0,0,48,128Zm80,80a8,8,0,0,0-8,8v24a8,8,0,0,0,16,0V216A8,8,0,0,0,128,208Zm112-88H216a8,8,0,0,0,0,16h24a8,8,0,0,0,0-16Z"
-                  ></path>
-                </svg></button
-              ><button
-                class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow h-9 px-4 py-2 min-h-11 min-w-11 bg-muted text-foreground hover:bg-muted-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
-                type="button"
-                aria-label="Open navigation"
-                aria-haspopup="dialog"
-                aria-expanded="false"
-                aria-controls="radix-:rb:"
-                data-state="closed"
-              >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="32"
-                  height="32"
-                  fill="currentColor"
-                  viewBox="0 0 256 256"
-                >
-                  <path
-                    d="M208,136H48a16,16,0,0,0-16,16v40a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V152A16,16,0,0,0,208,136Zm0,56H48V152H208v40Zm0-144H48A16,16,0,0,0,32,64v40a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V64A16,16,0,0,0,208,48Zm0,56H48V64H208v40Z"
-                  ></path>
-                </svg>
-              </button>
-            </div>
-          </div>
-        </header>
-        <main class="relative z-10">
-          <section id="top" class="relative overflow-hidden px-8 py-16 md:py-20 lg:py-24">
-            <div class="mx-auto grid max-w-7xl items-center gap-10 lg:grid-cols-[1.15fr_0.85fr]">
-              <div class="space-y-8">
-                <div class="inline-flex items-center rounded-full border border-border bg-muted px-4 py-2">
-                  <span class="font-mono text-xs text-tertiary-foreground">rubber duck debugging service</span>
-                </div>
-                <div class="space-y-5">
-                  <h1
-                    class="max-w-[14ch] text-balance text-[clamp(2.75rem,8vw,5rem)] font-medium leading-[1.15] tracking-[-0.025em] text-foreground"
-                  >
-                    Debug faster with an AI duck that thinks in steps
-                  </h1>
-                  <p class="max-w-[34ch] text-base font-light leading-7 text-muted-foreground md:text-lg">
-                    Explain the bug out loud, get a structured debugging path, and stop losing time in loops of vague
-                    guesses.
-                  </p>
-                </div>
-                <div class="flex flex-col items-start gap-3">
-                  <a
-                    href="./debug.html"
-                    class="inline-flex items-center justify-center gap-2 whitespace-nowrap focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-9 py-2 relative min-h-14 rounded-xl bg-primary px-8 text-lg font-semibold text-primary-foreground shadow-[0_0_28px_-4px_var(--color-primary)] hover:bg-primary-hover hover:shadow-[0_0_38px_-2px_var(--color-primary)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring transition-shadow duration-300"
-                    type="button"
-                  >
-                    <span class="mr-2 font-mono text-base opacity-70">$</span>Start now<span
-                      class="ml-2 font-mono text-base opacity-70 animate-pulse"
-                      >▌</span
-                    >
-                  </a>
-                  <p class="text-sm text-muted-foreground">No install. Start debugging in 30 seconds.</p>
-                </div>
-              </div>
-              <div class="relative">
-                <div class="absolute inset-0 -z-10 rounded-2xl border border-border bg-terminal-panel"></div>
-                <div class="border text-card-foreground shadow overflow-hidden rounded-2xl border-border bg-card">
-                  <div class="flex flex-col space-y-1.5 p-6 border-b border-border bg-muted">
-                    <div class="tracking-tight font-mono text-sm font-normal text-card-foreground">
-                      terminal://session
-                    </div>
-                  </div>
-                  <div class="space-y-6 p-6">
-                    <div class="space-y-3">
-                      <div class="rounded-xl border border-border bg-panel px-4 py-3 font-mono text-sm text-foreground">
-                        <span class="text-tertiary">$ </span>describe issue --env production --symptom intermittent
-                      </div>
-                      <div class="rounded-xl border border-border bg-panel px-4 py-3 font-mono text-sm text-foreground">
-                        <span class="text-primary">&gt; </span>assistant: what changed before the failures started?
-                      </div>
-                      <div class="rounded-xl border border-border bg-panel px-4 py-3 font-mono text-sm text-foreground">
-                        <span class="text-tertiary">$ </span>plan.next()
-                        <div class="mt-3 grid gap-2 text-muted-foreground">
-                          <span>1. Reproduce with clean input</span><span>2. Compare environment flags</span
-                          ><span>3. Trace state mutation before render</span>
-                        </div>
-                      </div>
-                    </div>
-                    <img
-                      src="./img/ai_1.png"
-                      alt="Abstract duck and code flow"
-                      width="1920"
-                      height="1080"
-                      loading="lazy"
-                      class="h-auto w-full rounded-xl border border-border object-cover"
-                    />
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <section id="how-it-works" class="px-8 py-14 md:py-20">
-            <div class="mx-auto max-w-7xl">
-              <div class="mb-10 max-w-2xl space-y-3">
-                <p class="font-mono text-sm text-tertiary-foreground">workflow</p>
-                <h2 class="text-[clamp(2rem,5vw,3rem)] font-medium tracking-[-0.025em] text-foreground">
-                  How it works
-                </h2>
-                <p class="text-base font-light leading-7 text-muted-foreground">
-                  A short path from confusion to the next useful debugging action.
-                </p>
-              </div>
-              <div class="grid gap-6 md:grid-cols-3">
-                <div class="border text-card-foreground shadow overflow-hidden rounded-2xl border-border bg-card">
-                  <img
-                    src="./img/ai_2.png"
-                    alt="Abstract bug signal network"
-                    width="640"
-                    height="480"
-                    loading="lazy"
-                    class="h-44 w-full border-b border-border object-cover"
-                  />
-                  <div class="space-y-4 p-6">
-                    <div class="flex items-center justify-between gap-4">
-                      <div
-                        class="inline-flex h-12 w-12 items-center justify-center rounded-xl border border-border bg-panel"
-                      >
-                        <svg
-                          xmlns="http://www.w3.org/2000/svg"
-                          width="32"
-                          height="32"
-                          fill="currentColor"
-                          viewBox="0 0 256 256"
-                          class="text-primary"
-                        >
-                          <path
-                            d="M144,92a12,12,0,1,1,12,12A12,12,0,0,1,144,92ZM100,80a12,12,0,1,0,12,12A12,12,0,0,0,100,80Zm116,64A87.76,87.76,0,0,1,213,167l22.24,9.72A8,8,0,0,1,232,192a7.89,7.89,0,0,1-3.2-.67L207.38,182a88,88,0,0,1-158.76,0L27.2,191.33A7.89,7.89,0,0,1,24,192a8,8,0,0,1-3.2-15.33L43,167A87.76,87.76,0,0,1,40,144v-8H16a8,8,0,0,1,0-16H40v-8a87.76,87.76,0,0,1,3-23L20.8,79.33a8,8,0,1,1,6.4-14.66L48.62,74a88,88,0,0,1,158.76,0l21.42-9.36a8,8,0,0,1,6.4,14.66L213,89.05a87.76,87.76,0,0,1,3,23v8h24a8,8,0,0,1,0,16H216ZM56,120H200v-8a72,72,0,0,0-144,0Zm64,95.54V136H56v8A72.08,72.08,0,0,0,120,215.54ZM200,144v-8H136v79.54A72.08,72.08,0,0,0,200,144Z"
-                          ></path>
-                        </svg>
-                      </div>
-                      <span class="font-mono text-sm text-muted-foreground">01</span>
-                    </div>
-                    <div class="space-y-2">
-                      <h3 class="text-lg font-medium text-foreground">Describe problem</h3>
-                      <p class="text-sm font-light leading-6 text-muted-foreground">
-                        Write what is broken, when it happens, and what you already checked.
-                      </p>
-                    </div>
-                  </div>
-                </div>
-                <div class="border text-card-foreground shadow overflow-hidden rounded-2xl border-border bg-card">
-                  <img
-                    src="./img/ai_3.png"
-                    alt="Abstract duck dialogue waves"
-                    width="640"
-                    height="480"
-                    loading="lazy"
-                    class="h-44 w-full border-b border-border object-cover"
-                  />
-                  <div class="space-y-4 p-6">
-                    <div class="flex items-center justify-between gap-4">
-                      <div
-                        class="inline-flex h-12 w-12 items-center justify-center rounded-xl border border-border bg-panel"
-                      >
-                        <svg
-                          xmlns="http://www.w3.org/2000/svg"
-                          width="32"
-                          height="32"
-                          fill="currentColor"
-                          viewBox="0 0 256 256"
-                          class="text-tertiary"
-                        >
-                          <path
-                            d="M168,112a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,112Zm-8,24H96a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16Zm72-8A104,104,0,0,1,79.12,219.82L45.07,231.17a16,16,0,0,1-20.24-20.24l11.35-34.05A104,104,0,1,1,232,128Zm-16,0A88,88,0,1,0,51.81,172.06a8,8,0,0,1,.66,6.54L40,216,77.4,203.53a7.85,7.85,0,0,1,2.53-.42,8,8,0,0,1,4,1.08A88,88,0,0,0,216,128Z"
-                          ></path>
-                        </svg>
-                      </div>
-                      <span class="font-mono text-sm text-muted-foreground">02</span>
-                    </div>
-                    <div class="space-y-2">
-                      <h3 class="text-lg font-medium text-foreground">Talk to duck assistant</h3>
-                      <p class="text-sm font-light leading-6 text-muted-foreground">
-                        The assistant asks clarifying questions and keeps the debugging thread focused.
-                      </p>
-                    </div>
-                  </div>
-                </div>
-                <div class="border text-card-foreground shadow overflow-hidden rounded-2xl border-border bg-card">
-                  <img
-                    src="./img/ai_4.png"
-                    alt="Abstract structured debug path"
-                    width="640"
-                    height="480"
-                    loading="lazy"
-                    class="h-44 w-full border-b border-border object-cover"
-                  />
-                  <div class="space-y-4 p-6">
-                    <div class="flex items-center justify-between gap-4">
-                      <div
-                        class="inline-flex h-12 w-12 items-center justify-center rounded-xl border border-border bg-panel"
-                      >
-                        <svg
-                          xmlns="http://www.w3.org/2000/svg"
-                          width="32"
-                          height="32"
-                          fill="currentColor"
-                          viewBox="0 0 256 256"
-                          class="text-primary"
-                        >
-                          <path
-                            d="M224,128a8,8,0,0,1-8,8H128a8,8,0,0,1,0-16h88A8,8,0,0,1,224,128ZM128,72h88a8,8,0,0,0,0-16H128a8,8,0,0,0,0,16Zm88,112H128a8,8,0,0,0,0,16h88a8,8,0,0,0,0-16ZM82.34,42.34,56,68.69,45.66,58.34A8,8,0,0,0,34.34,69.66l16,16a8,8,0,0,0,11.32,0l32-32A8,8,0,0,0,82.34,42.34Zm0,64L56,132.69,45.66,122.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Zm0,64L56,196.69,45.66,186.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Z"
-                          ></path>
-                        </svg>
-                      </div>
-                      <span class="font-mono text-sm text-muted-foreground">03</span>
-                    </div>
-                    <div class="space-y-2">
-                      <h3 class="text-lg font-medium text-foreground">Get structured debugging path</h3>
-                      <p class="text-sm font-light leading-6 text-muted-foreground">
-                        Receive clear next steps, likely branches, and a practical order of investigation.
-                      </p>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <section class="bg-section-subtle px-8 py-14 md:py-20">
-            <div class="mx-auto max-w-7xl">
-              <div class="mb-10 max-w-2xl space-y-3">
-                <p class="font-mono text-sm text-tertiary-foreground">features</p>
-                <h2 class="text-[clamp(2rem,5vw,3rem)] font-medium tracking-[-0.025em] text-foreground">
-                  Built for real debugging work
-                </h2>
-                <p class="text-base font-light leading-7 text-muted-foreground">
-                  Practical outputs for developers who need clarity, not motivational noise.
-                </p>
-              </div>
-              <div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
-                <div class="border text-card-foreground shadow rounded-2xl border-border bg-card">
-                  <div class="space-y-4 p-6">
-                    <div
-                      class="inline-flex h-12 w-12 items-center justify-center rounded-xl border border-border bg-panel"
-                    >
-                      <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="32"
-                        height="32"
-                        fill="currentColor"
-                        viewBox="0 0 256 256"
-                        class="text-primary"
-                      >
-                        <path
-                          d="M117.31,134l-72,64a8,8,0,1,1-10.63-12L100,128,34.69,70A8,8,0,1,1,45.32,58l72,64a8,8,0,0,1,0,12ZM216,184H120a8,8,0,0,0,0,16h96a8,8,0,0,0,0-16Z"
-                        ></path>
-                      </svg>
-                    </div>
-                    <div class="space-y-2">
-                      <h3 class="text-lg font-medium text-foreground">Structured debugging paths</h3>
-                      <p class="text-sm font-light leading-6 text-muted-foreground">
-                        Turn vague bug reports into reproducible, ordered next steps you can follow without losing
-                        context.
-                      </p>
-                    </div>
-                    <div class="font-mono text-xs text-muted-foreground">debug://feature</div>
-                  </div>
-                </div>
-                <div class="border text-card-foreground shadow rounded-2xl border-border bg-card">
-                  <div class="space-y-4 p-6">
-                    <div
-                      class="inline-flex h-12 w-12 items-center justify-center rounded-xl border border-border bg-panel"
-                    >
-                      <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="32"
-                        height="32"
-                        fill="currentColor"
-                        viewBox="0 0 256 256"
-                        class="text-tertiary"
-                      >
-                        <path
-                          d="M168,112a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,112Zm-8,24H96a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16Zm72-8A104,104,0,0,1,79.12,219.82L45.07,231.17a16,16,0,0,1-20.24-20.24l11.35-34.05A104,104,0,1,1,232,128Zm-16,0A88,88,0,1,0,51.81,172.06a8,8,0,0,1,.66,6.54L40,216,77.4,203.53a7.85,7.85,0,0,1,2.53-.42,8,8,0,0,1,4,1.08A88,88,0,0,0,216,128Z"
-                        ></path>
-                      </svg>
-                    </div>
-                    <div class="space-y-2">
-                      <h3 class="text-lg font-medium text-foreground">Conversation-first diagnosis</h3>
-                      <p class="text-sm font-light leading-6 text-muted-foreground">
-                        Talk through the issue with a debugging assistant that keeps your assumptions, signals, and dead
-                        ends organized.
-                      </p>
-                    </div>
-                    <div class="font-mono text-xs text-muted-foreground">debug://feature</div>
-                  </div>
-                </div>
-                <div class="border text-card-foreground shadow rounded-2xl border-border bg-card">
-                  <div class="space-y-4 p-6">
-                    <div
-                      class="inline-flex h-12 w-12 items-center justify-center rounded-xl border border-border bg-panel"
-                    >
-                      <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="32"
-                        height="32"
-                        fill="currentColor"
-                        viewBox="0 0 256 256"
-                        class="text-primary"
-                      >
-                        <path
-                          d="M144,92a12,12,0,1,1,12,12A12,12,0,0,1,144,92ZM100,80a12,12,0,1,0,12,12A12,12,0,0,0,100,80Zm116,64A87.76,87.76,0,0,1,213,167l22.24,9.72A8,8,0,0,1,232,192a7.89,7.89,0,0,1-3.2-.67L207.38,182a88,88,0,0,1-158.76,0L27.2,191.33A7.89,7.89,0,0,1,24,192a8,8,0,0,1-3.2-15.33L43,167A87.76,87.76,0,0,1,40,144v-8H16a8,8,0,0,1,0-16H40v-8a87.76,87.76,0,0,1,3-23L20.8,79.33a8,8,0,1,1,6.4-14.66L48.62,74a88,88,0,0,1,158.76,0l21.42-9.36a8,8,0,0,1,6.4,14.66L213,89.05a87.76,87.76,0,0,1,3,23v8h24a8,8,0,0,1,0,16H216ZM56,120H200v-8a72,72,0,0,0-144,0Zm64,95.54V136H56v8A72.08,72.08,0,0,0,120,215.54ZM200,144v-8H136v79.54A72.08,72.08,0,0,0,200,144Z"
-                        ></path>
-                      </svg>
-                    </div>
-                    <div class="space-y-2">
-                      <h3 class="text-lg font-medium text-foreground">Fast root-cause isolation</h3>
-                      <p class="text-sm font-light leading-6 text-muted-foreground">
-                        Narrow scope quickly by separating symptoms, environment changes, and likely failure points.
-                      </p>
-                    </div>
-                    <div class="font-mono text-xs text-muted-foreground">debug://feature</div>
-                  </div>
-                </div>
-                <div class="border text-card-foreground shadow rounded-2xl border-border bg-card">
-                  <div class="space-y-4 p-6">
-                    <div
-                      class="inline-flex h-12 w-12 items-center justify-center rounded-xl border border-border bg-panel"
-                    >
-                      <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="32"
-                        height="32"
-                        fill="currentColor"
-                        viewBox="0 0 256 256"
-                        class="text-tertiary"
-                      >
-                        <path
-                          d="M69.12,94.15,28.5,128l40.62,33.85a8,8,0,1,1-10.24,12.29l-48-40a8,8,0,0,1,0-12.29l48-40a8,8,0,0,1,10.24,12.3Zm176,27.7-48-40a8,8,0,1,0-10.24,12.3L227.5,128l-40.62,33.85a8,8,0,1,0,10.24,12.29l48-40a8,8,0,0,0,0-12.29ZM162.73,32.48a8,8,0,0,0-10.25,4.79l-64,176a8,8,0,0,0,4.79,10.26A8.14,8.14,0,0,0,96,224a8,8,0,0,0,7.52-5.27l64-176A8,8,0,0,0,162.73,32.48Z"
-                        ></path>
-                      </svg>
-                    </div>
-                    <div class="space-y-2">
-                      <h3 class="text-lg font-medium text-foreground">Terminal-native atmosphere</h3>
-                      <p class="text-sm font-light leading-6 text-muted-foreground">
-                        Built for developers who think in traces, commands, logs, and compact actionable output.
-                      </p>
-                    </div>
-                    <div class="font-mono text-xs text-muted-foreground">debug://feature</div>
-                  </div>
-                </div>
-                <div class="border text-card-foreground shadow rounded-2xl border-border bg-card">
-                  <div class="space-y-4 p-6">
-                    <div
-                      class="inline-flex h-12 w-12 items-center justify-center rounded-xl border border-border bg-panel"
-                    >
-                      <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="32"
-                        height="32"
-                        fill="currentColor"
-                        viewBox="0 0 256 256"
-                        class="text-primary"
-                      >
-                        <path
-                          d="M224,128a8,8,0,0,1-8,8H128a8,8,0,0,1,0-16h88A8,8,0,0,1,224,128ZM128,72h88a8,8,0,0,0,0-16H128a8,8,0,0,0,0,16Zm88,112H128a8,8,0,0,0,0,16h88a8,8,0,0,0,0-16ZM82.34,42.34,56,68.69,45.66,58.34A8,8,0,0,0,34.34,69.66l16,16a8,8,0,0,0,11.32,0l32-32A8,8,0,0,0,82.34,42.34Zm0,64L56,132.69,45.66,122.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Zm0,64L56,196.69,45.66,186.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Z"
-                        ></path>
-                      </svg>
-                    </div>
-                    <div class="space-y-2">
-                      <h3 class="text-lg font-medium text-foreground">Useful team handoff</h3>
-                      <p class="text-sm font-light leading-6 text-muted-foreground">
-                        Share a clear debugging path instead of a scattered thread of guesses and screenshots.
-                      </p>
-                    </div>
-                    <div class="font-mono text-xs text-muted-foreground">debug://feature</div>
-                  </div>
-                </div>
-                <div class="border text-card-foreground shadow rounded-2xl border-border bg-card">
-                  <div class="space-y-4 p-6">
-                    <div
-                      class="inline-flex h-12 w-12 items-center justify-center rounded-xl border border-border bg-panel"
-                    >
-                      <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="32"
-                        height="32"
-                        fill="currentColor"
-                        viewBox="0 0 256 256"
-                        class="text-tertiary"
-                      >
-                        <path
-                          d="M223.85,47.12a16,16,0,0,0-15-15c-12.58-.75-44.73.4-71.41,27.07L132.69,64H74.36A15.91,15.91,0,0,0,63,68.68L28.7,103a16,16,0,0,0,9.07,27.16l38.47,5.37,44.21,44.21,5.37,38.49a15.94,15.94,0,0,0,10.78,12.92,16.11,16.11,0,0,0,5.1.83A15.91,15.91,0,0,0,153,227.3L187.32,193A15.91,15.91,0,0,0,192,181.64V123.31l4.77-4.77C223.45,91.86,224.6,59.71,223.85,47.12ZM74.36,80h42.33L77.16,119.52,40,114.34Zm74.41-9.45a76.65,76.65,0,0,1,59.11-22.47,76.46,76.46,0,0,1-22.42,59.16L128,164.68,91.32,128ZM176,181.64,141.67,216l-5.19-37.17L176,139.31Zm-74.16,9.5C97.34,201,82.29,224,40,224a8,8,0,0,1-8-8c0-42.29,23-57.34,32.86-61.85a8,8,0,0,1,6.64,14.56c-6.43,2.93-20.62,12.36-23.12,38.91,26.55-2.5,36-16.69,38.91-23.12a8,8,0,1,1,14.56,6.64Z"
-                        ></path>
-                      </svg>
-                    </div>
-                    <div class="space-y-2">
-                      <h3 class="text-lg font-medium text-foreground">Zero setup start</h3>
-                      <p class="text-sm font-light leading-6 text-muted-foreground">
-                        No install, no local configuration, and no onboarding maze before your first debugging session.
-                      </p>
-                    </div>
-                    <div class="font-mono text-xs text-muted-foreground">debug://feature</div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <section id="roadmap" class="px-8 py-14 md:py-20">
-            <div class="mx-auto max-w-7xl">
-              <div class="mb-10 max-w-2xl space-y-3">
-                <p class="font-mono text-sm text-tertiary-foreground">roadmap</p>
-                <h2 class="text-[clamp(2rem,5vw,3rem)] font-medium tracking-[-0.025em] text-foreground">
-                  Public roadmap
-                </h2>
-                <p class="text-base font-light leading-7 text-muted-foreground">
-                  Clear product direction with explicit milestones and status tags.
-                </p>
-              </div>
-              <div class="grid gap-6 md:grid-cols-2 lg:grid-cols-4">
-                <div class="border text-card-foreground shadow rounded-2xl border-border bg-roadmap-card">
-                  <div class="space-y-5 p-6">
-                    <div class="flex items-start justify-between gap-4">
-                      <span class="font-mono text-xs text-muted-foreground">01</span>
-                      <div
-                        class="inline-flex items-center rounded-md px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent shadow hover:bg-primary/80 border-0 bg-status-progress text-status-progress-foreground motion-safe:animate-[pulse_4s_ease-in-out_infinite]"
-                      >
-                        In progress
-                      </div>
-                    </div>
-                    <div class="space-y-2">
-                      <h3 class="text-lg font-medium text-foreground">MCP server</h3>
-                      <p class="text-sm font-light leading-6 text-muted-foreground">
-                        Connect the assistant to richer developer workflows and external tooling.
-                      </p>
-                    </div>
-                    <div
-                      class="flex items-center justify-between gap-3 rounded-xl border border-border bg-panel px-4 py-3"
-                    >
-                      <span class="font-mono text-xs text-muted-foreground">ETA</span
-                      ><span class="font-mono text-sm text-foreground">Q3</span>
-                    </div>
-                  </div>
-                </div>
-                <div class="border text-card-foreground shadow rounded-2xl border-border bg-roadmap-card">
-                  <div class="space-y-5 p-6">
-                    <div class="flex items-start justify-between gap-4">
-                      <span class="font-mono text-xs text-muted-foreground">02</span>
-                      <div
-                        class="inline-flex items-center rounded-md px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent shadow hover:bg-primary/80 border-0 bg-status-planned text-status-planned-foreground"
-                      >
-                        Planned
-                      </div>
-                    </div>
-                    <div class="space-y-2">
-                      <h3 class="text-lg font-medium text-foreground">Skins</h3>
-                      <p class="text-sm font-light leading-6 text-muted-foreground">
-                        Theme packs and visual personalization for your debugging workspace.
-                      </p>
-                    </div>
-                    <div
-                      class="flex items-center justify-between gap-3 rounded-xl border border-border bg-panel px-4 py-3"
-                    >
-                      <span class="font-mono text-xs text-muted-foreground">ETA</span
-                      ><span class="font-mono text-sm text-foreground">Q3</span>
-                    </div>
-                  </div>
-                </div>
-                <div class="border text-card-foreground shadow rounded-2xl border-border bg-roadmap-card">
-                  <div class="space-y-5 p-6">
-                    <div class="flex items-start justify-between gap-4">
-                      <span class="font-mono text-xs text-muted-foreground">03</span>
-                      <div
-                        class="inline-flex items-center rounded-md px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent shadow hover:bg-primary/80 border-0 bg-status-planned text-status-planned-foreground"
-                      >
-                        Planned
-                      </div>
-                    </div>
-                    <div class="space-y-2">
-                      <h3 class="text-lg font-medium text-foreground">Battlepass</h3>
-                      <p class="text-sm font-light leading-6 text-muted-foreground">
-                        Progression mechanics for debugging sessions, streaks, and milestones.
-                      </p>
-                    </div>
-                    <div
-                      class="flex items-center justify-between gap-3 rounded-xl border border-border bg-panel px-4 py-3"
-                    >
-                      <span class="font-mono text-xs text-muted-foreground">ETA</span
-                      ><span class="font-mono text-sm text-foreground">Q4</span>
-                    </div>
-                  </div>
-                </div>
-                <div class="border text-card-foreground shadow rounded-2xl border-border bg-roadmap-card">
-                  <div class="space-y-5 p-6">
-                    <div class="flex items-start justify-between gap-4">
-                      <span class="font-mono text-xs text-muted-foreground">04</span>
-                      <div
-                        class="inline-flex items-center rounded-md px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent shadow hover:bg-primary/80 border-0 bg-status-backlog text-status-backlog-foreground"
-                      >
-                        Backlog
-                      </div>
-                    </div>
-                    <div class="space-y-2">
-                      <h3 class="text-lg font-medium text-foreground">Lootboxes</h3>
-                      <p class="text-sm font-light leading-6 text-muted-foreground">
-                        Experimental unlockables for playful engagement without blocking core utility.
-                      </p>
-                    </div>
-                    <div
-                      class="flex items-center justify-between gap-3 rounded-xl border border-border bg-panel px-4 py-3"
-                    >
-                      <span class="font-mono text-xs text-muted-foreground">ETA</span
-                      ><span class="font-mono text-sm text-foreground">Later</span>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="mt-8">
-                <img
-                  src="./img/ai_5.png"
-                  alt="Abstract four track roadmap"
-                  width="1280"
-                  height="720"
-                  loading="lazy"
-                  class="h-auto w-full rounded-2xl border border-border object-cover"
-                />
-              </div>
-            </div>
-          </section>
-          <section id="faq" class="bg-section-subtle px-8 py-14 md:py-20">
-            <div class="mx-auto max-w-4xl">
-              <div class="mb-10 max-w-2xl space-y-3">
-                <p class="font-mono text-sm text-tertiary-foreground">faq</p>
-                <h2 class="text-[clamp(2rem,5vw,3rem)] font-medium tracking-[-0.025em] text-foreground">
-                  Questions developers ask before they try it
-                </h2>
-                <p class="text-base font-light leading-7 text-muted-foreground">
-                  Short answers for common objections, setup worries, and workflow questions.
-                </p>
-              </div>
-              <div class="rounded-2xl border border-border bg-card px-6" data-orientation="vertical">
-                <div data-state="closed" data-orientation="vertical" class="border-b border-border">
-                  <h3 data-orientation="vertical" data-state="closed" class="flex">
-                    <button
-                      type="button"
-                      aria-controls="radix-:rh:"
-                      aria-expanded="false"
-                      data-state="closed"
-                      data-orientation="vertical"
-                      id="radix-:rf:"
-                      class="flex flex-1 items-center justify-between transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 py-5 text-left text-base font-normal text-foreground hover:no-underline"
-                      data-radix-collection-item=""
-                    >
-                      <span class="pr-4 text-foreground">What is rubber duck debugging?</span
-                      ><svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="24"
-                        height="24"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        stroke="currentColor"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                        class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"
-                        aria-hidden="true"
-                      >
-                        <path d="m6 9 6 6 6-6"></path>
-                      </svg>
-                    </button>
-                  </h3>
-                  <div
-                    data-state="closed"
-                    id="radix-:rh:"
-                    hidden=""
-                    role="region"
-                    aria-labelledby="radix-:rf:"
-                    data-orientation="vertical"
-                    class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
-                    style="
-                      --radix-accordion-content-height: var(--radix-collapsible-content-height);
-                      --radix-accordion-content-width: var(--radix-collapsible-content-width);
-                    "
-                  ></div>
-                </div>
-                <div data-state="closed" data-orientation="vertical" class="border-b border-border">
-                  <h3 data-orientation="vertical" data-state="closed" class="flex">
-                    <button
-                      type="button"
-                      aria-controls="radix-:rl:"
-                      aria-expanded="false"
-                      data-state="closed"
-                      data-orientation="vertical"
-                      id="radix-:rj:"
-                      class="flex flex-1 items-center justify-between transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 py-5 text-left text-base font-normal text-foreground hover:no-underline"
-                      data-radix-collection-item=""
-                    >
-                      <span class="pr-4 text-foreground">How is this different from a normal chatbot?</span
-                      ><svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="24"
-                        height="24"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        stroke="currentColor"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                        class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"
-                        aria-hidden="true"
-                      >
-                        <path d="m6 9 6 6 6-6"></path>
-                      </svg>
-                    </button>
-                  </h3>
-                  <div
-                    data-state="closed"
-                    id="radix-:rl:"
-                    hidden=""
-                    role="region"
-                    aria-labelledby="radix-:rj:"
-                    data-orientation="vertical"
-                    class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
-                    style="
-                      --radix-accordion-content-height: var(--radix-collapsible-content-height);
-                      --radix-accordion-content-width: var(--radix-collapsible-content-width);
-                    "
-                  ></div>
-                </div>
-                <div data-state="closed" data-orientation="vertical" class="border-b border-border">
-                  <h3 data-orientation="vertical" data-state="closed" class="flex">
-                    <button
-                      type="button"
-                      aria-controls="radix-:rp:"
-                      aria-expanded="false"
-                      data-state="closed"
-                      data-orientation="vertical"
-                      id="radix-:rn:"
-                      class="flex flex-1 items-center justify-between transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 py-5 text-left text-base font-normal text-foreground hover:no-underline"
-                      data-radix-collection-item=""
-                    >
-                      <span class="pr-4 text-foreground">Do I need to install anything?</span
-                      ><svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="24"
-                        height="24"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        stroke="currentColor"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                        class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"
-                        aria-hidden="true"
-                      >
-                        <path d="m6 9 6 6 6-6"></path>
-                      </svg>
-                    </button>
-                  </h3>
-                  <div
-                    data-state="closed"
-                    id="radix-:rp:"
-                    hidden=""
-                    role="region"
-                    aria-labelledby="radix-:rn:"
-                    data-orientation="vertical"
-                    class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
-                    style="
-                      --radix-accordion-content-height: var(--radix-collapsible-content-height);
-                      --radix-accordion-content-width: var(--radix-collapsible-content-width);
-                    "
-                  ></div>
-                </div>
-                <div data-state="closed" data-orientation="vertical" class="border-b border-border">
-                  <h3 data-orientation="vertical" data-state="closed" class="flex">
-                    <button
-                      type="button"
-                      aria-controls="radix-:rt:"
-                      aria-expanded="false"
-                      data-state="closed"
-                      data-orientation="vertical"
-                      id="radix-:rr:"
-                      class="flex flex-1 items-center justify-between transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 py-5 text-left text-base font-normal text-foreground hover:no-underline"
-                      data-radix-collection-item=""
-                    >
-                      <span class="pr-4 text-foreground">Can teams use it together?</span
-                      ><svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="24"
-                        height="24"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        stroke="currentColor"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                        class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"
-                        aria-hidden="true"
-                      >
-                        <path d="m6 9 6 6 6-6"></path>
-                      </svg>
-                    </button>
-                  </h3>
-                  <div
-                    data-state="closed"
-                    id="radix-:rt:"
-                    hidden=""
-                    role="region"
-                    aria-labelledby="radix-:rr:"
-                    data-orientation="vertical"
-                    class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
-                    style="
-                      --radix-accordion-content-height: var(--radix-collapsible-content-height);
-                      --radix-accordion-content-width: var(--radix-collapsible-content-width);
-                    "
-                  ></div>
-                </div>
-                <div data-state="closed" data-orientation="vertical" class="border-b border-border">
-                  <h3 data-orientation="vertical" data-state="closed" class="flex">
-                    <button
-                      type="button"
-                      aria-controls="radix-:r11:"
-                      aria-expanded="false"
-                      data-state="closed"
-                      data-orientation="vertical"
-                      id="radix-:rv:"
-                      class="flex flex-1 items-center justify-between transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 py-5 text-left text-base font-normal text-foreground hover:no-underline"
-                      data-radix-collection-item=""
-                    >
-                      <span class="pr-4 text-foreground">Will it replace logs and manual investigation?</span
-                      ><svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="24"
-                        height="24"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        stroke="currentColor"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                        class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"
-                        aria-hidden="true"
-                      >
-                        <path d="m6 9 6 6 6-6"></path>
-                      </svg>
-                    </button>
-                  </h3>
-                  <div
-                    data-state="closed"
-                    id="radix-:r11:"
-                    hidden=""
-                    role="region"
-                    aria-labelledby="radix-:rv:"
-                    data-orientation="vertical"
-                    class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
-                    style="
-                      --radix-accordion-content-height: var(--radix-collapsible-content-height);
-                      --radix-accordion-content-width: var(--radix-collapsible-content-width);
-                    "
-                  ></div>
-                </div>
-                <div data-state="closed" data-orientation="vertical" class="border-b border-border">
-                  <h3 data-orientation="vertical" data-state="closed" class="flex">
-                    <button
-                      type="button"
-                      aria-controls="radix-:r15:"
-                      aria-expanded="false"
-                      data-state="closed"
-                      data-orientation="vertical"
-                      id="radix-:r13:"
-                      class="flex flex-1 items-center justify-between transition-all [&amp;[data-state=open]&gt;svg]:rotate-180 py-5 text-left text-base font-normal text-foreground hover:no-underline"
-                      data-radix-collection-item=""
-                    >
-                      <span class="pr-4 text-foreground">What kinds of bugs work best?</span
-                      ><svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="24"
-                        height="24"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        stroke="currentColor"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                        class="lucide lucide-chevron-down h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"
-                        aria-hidden="true"
-                      >
-                        <path d="m6 9 6 6 6-6"></path>
-                      </svg>
-                    </button>
-                  </h3>
-                  <div
-                    data-state="closed"
-                    id="radix-:r15:"
-                    hidden=""
-                    role="region"
-                    aria-labelledby="radix-:r13:"
-                    data-orientation="vertical"
-                    class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
-                    style="
-                      --radix-accordion-content-height: var(--radix-collapsible-content-height);
-                      --radix-accordion-content-width: var(--radix-collapsible-content-width);
-                    "
-                  ></div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <section class="px-8 py-14 md:py-20">
-            <div class="mx-auto max-w-5xl rounded-3xl border border-border bg-cta-panel px-8 py-10 md:px-12 md:py-12">
-              <div class="flex flex-col gap-8 lg:flex-row lg:items-center lg:justify-between">
-                <div class="max-w-2xl space-y-3">
-                  <p class="font-mono text-sm text-tertiary-foreground">ready</p>
-                  <h2 class="text-[clamp(2rem,5vw,3rem)] font-medium tracking-[-0.025em] text-foreground">
-                    Explain the bug. Follow the path. Ship the fix.
-                  </h2>
-                  <p class="text-base font-light leading-7 text-muted-foreground">
-                    Built for developers who want a calm debugging assistant instead of more noise.
-                  </p>
-                </div>
-                <button
-                  class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow h-9 px-4 py-2 min-h-12 rounded-xl bg-primary text-primary-foreground hover:bg-primary-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
-                  type="button"
-                >
-                  Start now
-                </button>
-              </div>
-            </div>
-          </section>
-          <section id="contact" class="px-8 py-14 md:py-20">
-            <div class="mx-auto grid max-w-7xl gap-8 lg:grid-cols-[0.9fr_1.1fr]">
-              <div class="space-y-4">
-                <p class="font-mono text-sm text-tertiary-foreground">contacts</p>
-                <h2 class="text-[clamp(2rem,5vw,3rem)] font-medium tracking-[-0.025em] text-foreground">
-                  Need a custom rollout or have product questions?
-                </h2>
-                <p class="text-base font-light leading-7 text-muted-foreground">
-                  Send a note and we will reply with the best next step for your team, workflow, or partnership.
-                </p>
-                <div class="rounded-2xl border border-border bg-card p-6">
-                  <p class="text-sm text-foreground">Email</p>
-                  <a
-                    href="mailto:hello@duckdebug.dev"
-                    class="mt-2 inline-flex min-h-11 items-center rounded-md text-base text-tertiary hover:text-link-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
-                    >hello@duckdebug.dev</a
-                  >
-                </div>
-              </div>
-              <div class="border text-card-foreground shadow rounded-2xl border-border bg-card">
-                <div class="p-6">
-                  <form class="space-y-5">
-                    <div class="space-y-2">
-                      <label for="email" class="text-sm font-light text-foreground">Email</label
-                      ><input
-                        id="email"
-                        type="email"
-                        required=""
-                        class="min-h-12 w-full rounded-xl border border-border bg-input px-4 py-3 text-base text-foreground outline-none transition-colors duration-200 ease-in placeholder:text-muted-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
-                        placeholder="name@company.com"
-                        value=""
-                      />
-                    </div>
-                    <div class="space-y-2">
-                      <label for="subject" class="text-sm font-light text-foreground">Subject</label
-                      ><input
-                        id="subject"
-                        type="text"
-                        class="min-h-12 w-full rounded-xl border border-border bg-input px-4 py-3 text-base text-foreground outline-none transition-colors duration-200 ease-in placeholder:text-muted-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
-                        placeholder="Team onboarding, partnership, roadmap question"
-                        value=""
-                      />
-                    </div>
-                    <div class="space-y-2">
-                      <label for="message" class="text-sm font-light text-foreground">Message</label
-                      ><textarea
-                        id="message"
-                        required=""
-                        rows="5"
-                        class="w-full rounded-xl border border-border bg-input px-4 py-3 text-base text-foreground outline-none transition-colors duration-200 ease-in placeholder:text-muted-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
-                        placeholder="Tell us what you are trying to debug or build."
-                      ></textarea>
-                    </div>
-                    <button
-                      class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-colors focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow h-9 px-4 py-2 min-h-12 rounded-xl bg-secondary text-secondary-foreground hover:bg-secondary-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
-                      type="submit"
-                    >
-                      Send message
-                    </button>
-                  </form>
-                </div>
-              </div>
-            </div>
-          </section>
-        </main>
-        <footer class="border-t border-border bg-footer px-8 py-10">
-          <div class="mx-auto flex max-w-7xl flex-col gap-5 md:flex-row md:items-center md:justify-between">
-            <div class="space-y-2">
-              <p class="font-mono text-sm text-foreground">duck://debug</p>
-              <p class="text-sm font-light text-muted-foreground">
-                Rubber duck debugging service for developers and teams.
-              </p>
-            </div>
-            <nav aria-label="Footer" class="flex flex-wrap gap-5">
-              <a
-                href="#"
-                class="inline-flex min-h-11 items-center rounded-md text-sm text-muted-foreground hover:text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
-                >Privacy</a
-              ><a
-                href="#"
-                class="inline-flex min-h-11 items-center rounded-md text-sm text-muted-foreground hover:text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
-                >Terms</a
-              ><a
-                href="#contact"
-                class="inline-flex min-h-11 items-center rounded-md text-sm text-muted-foreground hover:text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
-                >Contacts</a
-              ><a
-                href="#"
-                class="inline-flex min-h-11 items-center rounded-md text-sm text-muted-foreground hover:text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
-                >GitHub</a
-              ><a
-                href="#"
-                class="inline-flex min-h-11 items-center rounded-md text-sm text-muted-foreground hover:text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
-                >Docs</a
-              >
-            </nav>
-          </div>
-        </footer>
-      </div>
-    </div>
-  </body>
-</html>
diff --git a/refs/ref4/assets/avatar-1.jpg b/refs/ref4/assets/avatar-1.jpg
deleted file mode 100644
index ba13f6e..0000000
Binary files a/refs/ref4/assets/avatar-1.jpg and /dev/null differ
diff --git a/refs/ref4/assets/avatar-2.jpg b/refs/ref4/assets/avatar-2.jpg
deleted file mode 100644
index 4eed26e..0000000
Binary files a/refs/ref4/assets/avatar-2.jpg and /dev/null differ
diff --git a/refs/ref4/assets/avatar-3.jpg b/refs/ref4/assets/avatar-3.jpg
deleted file mode 100644
index 01f0d0c..0000000
Binary files a/refs/ref4/assets/avatar-3.jpg and /dev/null differ
diff --git a/refs/ref4/assets/avatar-4.jpg b/refs/ref4/assets/avatar-4.jpg
deleted file mode 100644
index b886380..0000000
Binary files a/refs/ref4/assets/avatar-4.jpg and /dev/null differ
diff --git a/refs/ref4/assets/avatar-5.jpg b/refs/ref4/assets/avatar-5.jpg
deleted file mode 100644
index 003cdec..0000000
Binary files a/refs/ref4/assets/avatar-5.jpg and /dev/null differ
diff --git a/refs/ref4/assets/avatar-6.jpg b/refs/ref4/assets/avatar-6.jpg
deleted file mode 100644
index f15c5b4..0000000
Binary files a/refs/ref4/assets/avatar-6.jpg and /dev/null differ
diff --git a/refs/ref4/assets/avatar-7.jpg b/refs/ref4/assets/avatar-7.jpg
deleted file mode 100644
index 342dab8..0000000
Binary files a/refs/ref4/assets/avatar-7.jpg and /dev/null differ
diff --git a/refs/ref4/assets/avatar-8.jpg b/refs/ref4/assets/avatar-8.jpg
deleted file mode 100644
index d6acbab..0000000
Binary files a/refs/ref4/assets/avatar-8.jpg and /dev/null differ
diff --git a/refs/ref4/duck.css b/refs/ref4/duck.css
deleted file mode 100644
index a60b38d..0000000
--- a/refs/ref4/duck.css
+++ /dev/null
@@ -1,3514 +0,0 @@
-*,
-::before,
-::after {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-
-::backdrop {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-} /*
-! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
-*/ /*
-1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-*/
-
-*,
-::before,
-::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e5e7eb; /* 2 */
-}
-
-::before,
-::after {
-  --tw-content: "";
-}
-
-/*
-1. Use a consistent sensible line-height in all browsers.
-2. Prevent adjustments of font size after orientation changes in iOS.
-3. Use a more readable tab size.
-4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
-6. Use the user's configured `sans` font-variation-settings by default.
-7. Disable tap highlights on iOS
-*/
-
-html,
-:host {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */
-  -moz-tab-size: 4; /* 3 */
-  -o-tab-size: 4;
-  tab-size: 4; /* 3 */
-  font-family:
-    ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
-  -webkit-tap-highlight-color: transparent; /* 7 */
-}
-
-/*
-1. Remove the margin in all browsers.
-2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
-*/
-
-body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
-}
-
-/*
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-3. Ensure horizontal rules are visible by default.
-*/
-
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
-}
-
-/*
-Add the correct text decoration in Chrome, Edge, and Safari.
-*/
-
-abbr:where([title]) {
-  -webkit-text-decoration: underline dotted;
-  text-decoration: underline dotted;
-}
-
-/*
-Remove the default font size and weight for headings.
-*/
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-/*
-Reset links to optimize for opt-in styling instead of opt-out.
-*/
-
-a {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-/*
-Add the correct font weight in Edge and Safari.
-*/
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/*
-1. Use the user's configured `mono` font-family by default.
-2. Use the user's configured `mono` font-feature-settings by default.
-3. Use the user's configured `mono` font-variation-settings by default.
-4. Correct the odd `em` font sizing in all browsers.
-*/
-
-code,
-kbd,
-samp,
-pre {
-  font-family: "IBM Plex Mono", monospace; /* 1 */
-  font-feature-settings: normal; /* 2 */
-  font-variation-settings: normal; /* 3 */
-  font-size: 1em; /* 4 */
-}
-
-/*
-Add the correct font size in all browsers.
-*/
-
-small {
-  font-size: 80%;
-}
-
-/*
-Prevent `sub` and `sup` elements from affecting the line height in all browsers.
-*/
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/*
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
-3. Remove gaps between table borders by default.
-*/
-
-table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
-}
-
-/*
-1. Change the font styles in all browsers.
-2. Remove the margin in Firefox and Safari.
-3. Remove default padding in all browsers.
-*/
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
-  letter-spacing: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-
-/*
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-
-button,
-select {
-  text-transform: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Remove default button styles.
-*/
-
-button,
-input:where([type="button"]),
-input:where([type="reset"]),
-input:where([type="submit"]) {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
-}
-
-/*
-Use the modern Firefox focus style for all focusable elements.
-*/
-
-:-moz-focusring {
-  outline: auto;
-}
-
-/*
-Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-*/
-
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-
-/*
-Add the correct vertical alignment in Chrome and Firefox.
-*/
-
-progress {
-  vertical-align: baseline;
-}
-
-/*
-Correct the cursor style of increment and decrement buttons in Safari.
-*/
-
-::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/*
-1. Correct the odd appearance in Chrome and Safari.
-2. Correct the outline style in Safari.
-*/
-
-[type="search"] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/*
-Remove the inner padding in Chrome and Safari on macOS.
-*/
-
-::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/*
-1. Correct the inability to style clickable types in iOS and Safari.
-2. Change font properties to `inherit` in Safari.
-*/
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/*
-Add the correct display in Chrome and Safari.
-*/
-
-summary {
-  display: list-item;
-}
-
-/*
-Removes the default spacing and border for appropriate elements.
-*/
-
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-
-fieldset {
-  margin: 0;
-  padding: 0;
-}
-
-legend {
-  padding: 0;
-}
-
-ol,
-ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-/*
-Reset default styling for dialogs.
-*/
-dialog {
-  padding: 0;
-}
-
-/*
-Prevent resizing textareas horizontally by default.
-*/
-
-textarea {
-  resize: vertical;
-}
-
-/*
-1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
-2. Set the default placeholder color to the user's configured gray 400 color.
-*/
-
-input::-moz-placeholder,
-textarea::-moz-placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-
-input::placeholder,
-textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
-}
-
-/*
-Set the default cursor for buttons.
-*/
-
-button,
-[role="button"] {
-  cursor: pointer;
-}
-
-/*
-Make sure disabled buttons don't get the pointer cursor.
-*/
-:disabled {
-  cursor: default;
-}
-
-/*
-1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
-2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
-   This can trigger a poorly considered lint error in some tools but is included by design.
-*/
-
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
-}
-
-/*
-Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
-*/
-
-img,
-video {
-  max-width: 100%;
-  height: auto;
-}
-
-/* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden]:where(:not([hidden="until-found"])) {
-  display: none;
-}
-:root {
-  --background: #f4f4f5;
-  --surface: #ffffff;
-  --surface-alt: #e4e4e7;
-  --foreground: #0f1115;
-  --muted: #52525b;
-  --muted-alt: #a1a1aa;
-  --primary: #4f6ef7;
-  --primary-hover: #3b5be0;
-  --secondary: #22c55e;
-  --secondary-hover: #4ade80;
-  --terminal: #0f1115;
-  --terminal-text: #22c55e;
-  --border-color: #e4e4e7;
-  --border-subtle: #f4f4f5;
-  --card-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
-  --button-glow: 0 0 20px rgba(79, 110, 247, 0.3);
-  --radius: 0.625rem;
-}
-
-[data-theme="dark"] {
-  --background: #121212;
-  --surface: #1e1e1e;
-  --surface-alt: #2a2a2a;
-  --foreground: #f4f4f5;
-  --muted: #a1a1aa;
-  --muted-alt: #52525b;
-  --primary: #6b83f9;
-  --primary-hover: #8b9fff;
-  --secondary: #4ade80;
-  --secondary-hover: #22c55e;
-  --terminal: #0a0a0a;
-  --terminal-text: #4ade80;
-  --border-color: #27272a;
-  --border-subtle: #1e1e1e;
-  --card-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
-  --button-glow: 0 0 20px rgba(107, 131, 249, 0.25);
-}
-
-body {
-  font-family: "IBM Plex Mono", monospace;
-  background-color: var(--background);
-  color: var(--foreground);
-  transition:
-    background-color 500ms ease,
-    color 500ms ease;
-  overflow-x: hidden;
-}
-
-* {
-  border-color: var(--border-color);
-}
-@keyframes blink {
-  0%,
-  100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0;
-  }
-}
-
-@keyframes bounce-scroll {
-  0%,
-  100% {
-    transform: translateY(0);
-  }
-  50% {
-    transform: translateY(8px);
-  }
-}
-
-.animate-blink {
-  animation: blink 1s step-end infinite;
-}
-
-.animate-bounce-scroll {
-  animation: bounce-scroll 2s ease-in-out infinite;
-}
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-}
-.pointer-events-none {
-  pointer-events: none;
-}
-.visible {
-  visibility: visible;
-}
-.invisible {
-  visibility: hidden;
-}
-.fixed {
-  position: fixed;
-}
-.absolute {
-  position: absolute;
-}
-.relative {
-  position: relative;
-}
-.inset-0 {
-  inset: 0px;
-}
-.inset-x-0 {
-  left: 0px;
-  right: 0px;
-}
-.inset-y-0 {
-  top: 0px;
-  bottom: 0px;
-}
-.-bottom-12 {
-  bottom: -3rem;
-}
-.-left-12 {
-  left: -3rem;
-}
-.-right-12 {
-  right: -3rem;
-}
-.-top-12 {
-  top: -3rem;
-}
-.bottom-0 {
-  bottom: 0px;
-}
-.left-0 {
-  left: 0px;
-}
-.left-1\/2 {
-  left: 50%;
-}
-.left-2 {
-  left: 0.5rem;
-}
-.left-\[50\%\] {
-  left: 50%;
-}
-.right-0 {
-  right: 0px;
-}
-.right-1 {
-  right: 0.25rem;
-}
-.right-2 {
-  right: 0.5rem;
-}
-.right-3 {
-  right: 0.75rem;
-}
-.right-4 {
-  right: 1rem;
-}
-.top-0 {
-  top: 0px;
-}
-.top-1\.5 {
-  top: 0.375rem;
-}
-.top-1\/2 {
-  top: 50%;
-}
-.top-14 {
-  top: 3.5rem;
-}
-.top-3\.5 {
-  top: 0.875rem;
-}
-.top-4 {
-  top: 1rem;
-}
-.top-\[1px\] {
-  top: 1px;
-}
-.top-\[50\%\] {
-  top: 50%;
-}
-.top-\[60\%\] {
-  top: 60%;
-}
-.top-full {
-  top: 100%;
-}
-.isolate {
-  isolation: isolate;
-}
-.z-10 {
-  z-index: 10;
-}
-.z-20 {
-  z-index: 20;
-}
-.z-40 {
-  z-index: 40;
-}
-.z-50 {
-  z-index: 50;
-}
-.z-\[1\] {
-  z-index: 1;
-}
-.order-first {
-  order: -9999;
-}
-.order-last {
-  order: 9999;
-}
-.col-start-2 {
-  grid-column-start: 2;
-}
-.row-span-2 {
-  grid-row: span 2 / span 2;
-}
-.row-start-1 {
-  grid-row-start: 1;
-}
-.\!m-0 {
-  margin: 0px !important;
-}
-.-mx-1 {
-  margin-left: -0.25rem;
-  margin-right: -0.25rem;
-}
-.-my-2 {
-  margin-top: -0.5rem;
-  margin-bottom: -0.5rem;
-}
-.mx-2 {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-}
-.mx-3 {
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
-}
-.mx-3\.5 {
-  margin-left: 0.875rem;
-  margin-right: 0.875rem;
-}
-.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}
-.my-0 {
-  margin-top: 0px;
-  margin-bottom: 0px;
-}
-.my-0\.5 {
-  margin-top: 0.125rem;
-  margin-bottom: 0.125rem;
-}
-.my-1 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-}
-.-ml-4 {
-  margin-left: -1rem;
-}
-.-mt-4 {
-  margin-top: -1rem;
-}
-.mb-10 {
-  margin-bottom: 2.5rem;
-}
-.mb-12 {
-  margin-bottom: 3rem;
-}
-.mb-16 {
-  margin-bottom: 4rem;
-}
-.mb-2 {
-  margin-bottom: 0.5rem;
-}
-.mb-3 {
-  margin-bottom: 0.75rem;
-}
-.mb-4 {
-  margin-bottom: 1rem;
-}
-.mb-5 {
-  margin-bottom: 1.25rem;
-}
-.mb-6 {
-  margin-bottom: 1.5rem;
-}
-.ml-1 {
-  margin-left: 0.25rem;
-}
-.ml-2 {
-  margin-left: 0.5rem;
-}
-.ml-4 {
-  margin-left: 1rem;
-}
-.ml-auto {
-  margin-left: auto;
-}
-.mt-1 {
-  margin-top: 0.25rem;
-}
-.mt-1\.5 {
-  margin-top: 0.375rem;
-}
-.mt-10 {
-  margin-top: 2.5rem;
-}
-.mt-16 {
-  margin-top: 4rem;
-}
-.mt-2 {
-  margin-top: 0.5rem;
-}
-.mt-4 {
-  margin-top: 1rem;
-}
-.mt-5 {
-  margin-top: 1.25rem;
-}
-.mt-6 {
-  margin-top: 1.5rem;
-}
-.mt-auto {
-  margin-top: auto;
-}
-.line-clamp-1 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-}
-.line-clamp-2 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-}
-.block {
-  display: block;
-}
-.inline-block {
-  display: inline-block;
-}
-.flex {
-  display: flex;
-}
-.inline-flex {
-  display: inline-flex;
-}
-.table {
-  display: table;
-}
-.table-caption {
-  display: table-caption;
-}
-.table-cell {
-  display: table-cell;
-}
-.table-row {
-  display: table-row;
-}
-.grid {
-  display: grid;
-}
-.hidden {
-  display: none;
-}
-.aspect-square {
-  aspect-ratio: 1 / 1;
-}
-.aspect-video {
-  aspect-ratio: 16 / 9;
-}
-.size-10 {
-  width: 2.5rem;
-  height: 2.5rem;
-}
-.size-2 {
-  width: 0.5rem;
-  height: 0.5rem;
-}
-.size-2\.5 {
-  width: 0.625rem;
-  height: 0.625rem;
-}
-.size-3 {
-  width: 0.75rem;
-  height: 0.75rem;
-}
-.size-3\.5 {
-  width: 0.875rem;
-  height: 0.875rem;
-}
-.size-4 {
-  width: 1rem;
-  height: 1rem;
-}
-.size-6 {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.size-7 {
-  width: 1.75rem;
-  height: 1.75rem;
-}
-.size-8 {
-  width: 2rem;
-  height: 2rem;
-}
-.size-9 {
-  width: 2.25rem;
-  height: 2.25rem;
-}
-.size-auto {
-  width: auto;
-  height: auto;
-}
-.size-full {
-  width: 100%;
-  height: 100%;
-}
-.h-1\.5 {
-  height: 0.375rem;
-}
-.h-10 {
-  height: 2.5rem;
-}
-.h-12 {
-  height: 3rem;
-}
-.h-14 {
-  height: 3.5rem;
-}
-.h-16 {
-  height: 4rem;
-}
-.h-2 {
-  height: 0.5rem;
-}
-.h-2\.5 {
-  height: 0.625rem;
-}
-.h-4 {
-  height: 1rem;
-}
-.h-5 {
-  height: 1.25rem;
-}
-.h-6 {
-  height: 1.5rem;
-}
-.h-7 {
-  height: 1.75rem;
-}
-.h-8 {
-  height: 2rem;
-}
-.h-9 {
-  height: 2.25rem;
-}
-.h-\[1\.15rem\] {
-  height: 1.15rem;
-}
-.h-\[1\.5px\] {
-  height: 1.5px;
-}
-.h-\[calc\(100\%-1px\)\] {
-  height: calc(100% - 1px);
-}
-.h-\[var\(--radix-navigation-menu-viewport-height\)\] {
-  height: var(--radix-navigation-menu-viewport-height);
-}
-.h-\[var\(--radix-select-trigger-height\)\] {
-  height: var(--radix-select-trigger-height);
-}
-.h-auto {
-  height: auto;
-}
-.h-full {
-  height: 100%;
-}
-.h-px {
-  height: 1px;
-}
-.h-svh {
-  height: 100svh;
-}
-.max-h-\[300px\] {
-  max-height: 300px;
-}
-.min-h-0 {
-  min-height: 0px;
-}
-.min-h-16 {
-  min-height: 4rem;
-}
-.min-h-4 {
-  min-height: 1rem;
-}
-.min-h-screen {
-  min-height: 100vh;
-}
-.min-h-svh {
-  min-height: 100svh;
-}
-.w-0 {
-  width: 0px;
-}
-.w-1 {
-  width: 0.25rem;
-}
-.w-1\.5 {
-  width: 0.375rem;
-}
-.w-2 {
-  width: 0.5rem;
-}
-.w-2\.5 {
-  width: 0.625rem;
-}
-.w-3 {
-  width: 0.75rem;
-}
-.w-3\/4 {
-  width: 75%;
-}
-.w-4 {
-  width: 1rem;
-}
-.w-5 {
-  width: 1.25rem;
-}
-.w-64 {
-  width: 16rem;
-}
-.w-72 {
-  width: 18rem;
-}
-.w-8 {
-  width: 2rem;
-}
-.w-9 {
-  width: 2.25rem;
-}
-.w-\[100px\] {
-  width: 100px;
-}
-.w-auto {
-  width: auto;
-}
-.w-fit {
-  width: -moz-fit-content;
-  width: fit-content;
-}
-.w-full {
-  width: 100%;
-}
-.w-max {
-  width: -moz-max-content;
-  width: max-content;
-}
-.w-px {
-  width: 1px;
-}
-.min-w-0 {
-  min-width: 0px;
-}
-.min-w-10 {
-  min-width: 2.5rem;
-}
-.min-w-5 {
-  min-width: 1.25rem;
-}
-.min-w-8 {
-  min-width: 2rem;
-}
-.min-w-9 {
-  min-width: 2.25rem;
-}
-.min-w-\[12rem\] {
-  min-width: 12rem;
-}
-.min-w-\[6px\] {
-  min-width: 6px;
-}
-.min-w-\[8rem\] {
-  min-width: 8rem;
-}
-.min-w-\[var\(--radix-select-trigger-width\)\] {
-  min-width: var(--radix-select-trigger-width);
-}
-.max-w-\[1200px\] {
-  max-width: 1200px;
-}
-.max-w-\[520px\] {
-  max-width: 520px;
-}
-.max-w-\[560px\] {
-  max-width: 560px;
-}
-.max-w-\[600px\] {
-  max-width: 600px;
-}
-.max-w-\[900px\] {
-  max-width: 900px;
-}
-.max-w-\[calc\(100\%-2rem\)\] {
-  max-width: calc(100% - 2rem);
-}
-.max-w-max {
-  max-width: -moz-max-content;
-  max-width: max-content;
-}
-.max-w-sm {
-  max-width: 24rem;
-}
-.flex-1 {
-  flex: 1 1 0%;
-}
-.shrink-0 {
-  flex-shrink: 0;
-}
-.grow {
-  flex-grow: 1;
-}
-.grow-0 {
-  flex-grow: 0;
-}
-.basis-full {
-  flex-basis: 100%;
-}
-.caption-bottom {
-  caption-side: bottom;
-}
-.border-collapse {
-  border-collapse: collapse;
-}
-.origin-left {
-  transform-origin: left;
-}
-.-translate-x-1\/2 {
-  --tw-translate-x: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.-translate-x-px {
-  --tw-translate-x: -1px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.-translate-y-1\/2 {
-  --tw-translate-y: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.translate-x-\[-50\%\] {
-  --tw-translate-x: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.translate-x-px {
-  --tw-translate-x: 1px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.translate-y-0\.5 {
-  --tw-translate-y: 0.125rem;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.translate-y-\[-50\%\] {
-  --tw-translate-y: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.translate-y-\[calc\(-50\%_-_2px\)\] {
-  --tw-translate-y: calc(-50% - 2px);
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.translate-y-full {
-  --tw-translate-y: 100%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.rotate-45 {
-  --tw-rotate: 45deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.rotate-90 {
-  --tw-rotate: 90deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.scale-x-0 {
-  --tw-scale-x: 0;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.transform {
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-@keyframes caret-blink {
-  0%,
-  70%,
-  100% {
-    opacity: 1;
-  }
-
-  20%,
-  50% {
-    opacity: 0;
-  }
-}
-.animate-caret-blink {
-  animation: caret-blink 1.25s ease-out infinite;
-}
-@keyframes pulse {
-  50% {
-    opacity: 0.5;
-  }
-}
-.animate-pulse {
-  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-.animate-spin {
-  animation: spin 1s linear infinite;
-}
-.cursor-default {
-  cursor: default;
-}
-.cursor-text {
-  cursor: text;
-}
-.touch-none {
-  touch-action: none;
-}
-.select-none {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-}
-.resize-none {
-  resize: none;
-}
-.resize {
-  resize: both;
-}
-.scroll-my-1 {
-  scroll-margin-top: 0.25rem;
-  scroll-margin-bottom: 0.25rem;
-}
-.scroll-py-1 {
-  scroll-padding-top: 0.25rem;
-  scroll-padding-bottom: 0.25rem;
-}
-.list-disc {
-  list-style-type: disc;
-}
-.list-none {
-  list-style-type: none;
-}
-.auto-rows-min {
-  grid-auto-rows: min-content;
-}
-.grid-cols-1 {
-  grid-template-columns: repeat(1, minmax(0, 1fr));
-}
-.grid-cols-\[0_1fr\] {
-  grid-template-columns: 0 1fr;
-}
-.grid-rows-\[auto_auto\] {
-  grid-template-rows: auto auto;
-}
-.flex-row {
-  flex-direction: row;
-}
-.flex-col {
-  flex-direction: column;
-}
-.flex-col-reverse {
-  flex-direction: column-reverse;
-}
-.flex-wrap {
-  flex-wrap: wrap;
-}
-.place-content-center {
-  place-content: center;
-}
-.items-start {
-  align-items: flex-start;
-}
-.items-end {
-  align-items: flex-end;
-}
-.items-center {
-  align-items: center;
-}
-.items-stretch {
-  align-items: stretch;
-}
-.justify-start {
-  justify-content: flex-start;
-}
-.justify-center {
-  justify-content: center;
-}
-.justify-between {
-  justify-content: space-between;
-}
-.justify-items-start {
-  justify-items: start;
-}
-.gap-0\.5 {
-  gap: 0.125rem;
-}
-.gap-1 {
-  gap: 0.25rem;
-}
-.gap-1\.5 {
-  gap: 0.375rem;
-}
-.gap-12 {
-  gap: 3rem;
-}
-.gap-16 {
-  gap: 4rem;
-}
-.gap-2 {
-  gap: 0.5rem;
-}
-.gap-2\.5 {
-  gap: 0.625rem;
-}
-.gap-3 {
-  gap: 0.75rem;
-}
-.gap-4 {
-  gap: 1rem;
-}
-.gap-6 {
-  gap: 1.5rem;
-}
-.gap-7 {
-  gap: 1.75rem;
-}
-.gap-8 {
-  gap: 2rem;
-}
-.gap-\[--spacing\(var\(--gap\)\)\] {
-  gap: var(--spacing(var(--gap)));
-}
-.gap-\[6px\] {
-  gap: 6px;
-}
-.gap-y-0\.5 {
-  row-gap: 0.125rem;
-}
-.self-start {
-  align-self: flex-start;
-}
-.self-stretch {
-  align-self: stretch;
-}
-.justify-self-end {
-  justify-self: end;
-}
-.overflow-auto {
-  overflow: auto;
-}
-.overflow-hidden {
-  overflow: hidden;
-}
-.overflow-x-auto {
-  overflow-x: auto;
-}
-.overflow-y-auto {
-  overflow-y: auto;
-}
-.overflow-x-hidden {
-  overflow-x: hidden;
-}
-.whitespace-nowrap {
-  white-space: nowrap;
-}
-.text-balance {
-  text-wrap: balance;
-}
-.break-words {
-  overflow-wrap: break-word;
-}
-.rounded-\[2px\] {
-  border-radius: 2px;
-}
-.rounded-\[4px\] {
-  border-radius: 4px;
-}
-.rounded-\[calc\(var\(--radius\)-5px\)\] {
-  border-radius: calc(var(--radius) - 5px);
-}
-.rounded-\[inherit\] {
-  border-radius: inherit;
-}
-.rounded-full {
-  border-radius: 9999px;
-}
-.rounded-lg {
-  border-radius: var(--radius);
-}
-.rounded-md {
-  border-radius: calc(var(--radius) - 2px);
-}
-.rounded-none {
-  border-radius: 0px;
-}
-.rounded-sm {
-  border-radius: calc(var(--radius) - 4px);
-}
-.rounded-xl {
-  border-radius: calc(var(--radius) + 4px);
-}
-.rounded-xs {
-  border-radius: calc(var(--radius) - 6px);
-}
-.rounded-l-md {
-  border-top-left-radius: calc(var(--radius) - 2px);
-  border-bottom-left-radius: calc(var(--radius) - 2px);
-}
-.rounded-r-md {
-  border-top-right-radius: calc(var(--radius) - 2px);
-  border-bottom-right-radius: calc(var(--radius) - 2px);
-}
-.rounded-tl-sm {
-  border-top-left-radius: calc(var(--radius) - 4px);
-}
-.border {
-  border-width: 1px;
-}
-.border-0 {
-  border-width: 0px;
-}
-.border-2 {
-  border-width: 2px;
-}
-.border-\[1\.5px\] {
-  border-width: 1.5px;
-}
-.border-y {
-  border-top-width: 1px;
-  border-bottom-width: 1px;
-}
-.border-b {
-  border-bottom-width: 1px;
-}
-.border-l {
-  border-left-width: 1px;
-}
-.border-r {
-  border-right-width: 1px;
-}
-.border-t {
-  border-top-width: 1px;
-}
-.border-dashed {
-  border-style: dashed;
-}
-.border-border {
-  border-color: var(--border-color);
-}
-.border-primary {
-  border-color: var(--primary);
-}
-.border-transparent {
-  border-color: transparent;
-}
-.border-l-transparent {
-  border-left-color: transparent;
-}
-.border-t-transparent {
-  border-top-color: transparent;
-}
-.bg-background {
-  background-color: var(--background);
-}
-.bg-black\/50 {
-  background-color: rgb(0 0 0 / 0.5);
-}
-.bg-border {
-  background-color: var(--border-color);
-}
-.bg-foreground {
-  background-color: var(--foreground);
-}
-.bg-muted {
-  background-color: var(--muted);
-}
-.bg-primary {
-  background-color: var(--primary);
-}
-.bg-secondary {
-  background-color: var(--secondary);
-}
-.bg-transparent {
-  background-color: transparent;
-}
-.bg-white {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
-}
-.fill-current {
-  fill: currentColor;
-}
-.fill-foreground {
-  fill: var(--foreground);
-}
-.fill-primary {
-  fill: var(--primary);
-}
-.object-cover {
-  -o-object-fit: cover;
-  object-fit: cover;
-}
-.p-0 {
-  padding: 0px;
-}
-.p-1 {
-  padding: 0.25rem;
-}
-.p-2 {
-  padding: 0.5rem;
-}
-.p-3 {
-  padding: 0.75rem;
-}
-.p-4 {
-  padding: 1rem;
-}
-.p-6 {
-  padding: 1.5rem;
-}
-.p-8 {
-  padding: 2rem;
-}
-.p-\[3px\] {
-  padding: 3px;
-}
-.p-px {
-  padding: 1px;
-}
-.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
-.px-1\.5 {
-  padding-left: 0.375rem;
-  padding-right: 0.375rem;
-}
-.px-10 {
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}
-.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-.px-2\.5 {
-  padding-left: 0.625rem;
-  padding-right: 0.625rem;
-}
-.px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-.px-3\.5 {
-  padding-left: 0.875rem;
-  padding-right: 0.875rem;
-}
-.px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-.px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}
-.px-6 {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-}
-.px-7 {
-  padding-left: 1.75rem;
-  padding-right: 1.75rem;
-}
-.px-9 {
-  padding-left: 2.25rem;
-  padding-right: 2.25rem;
-}
-.py-0\.5 {
-  padding-top: 0.125rem;
-  padding-bottom: 0.125rem;
-}
-.py-1 {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}
-.py-1\.5 {
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
-}
-.py-10 {
-  padding-top: 2.5rem;
-  padding-bottom: 2.5rem;
-}
-.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-.py-2\.5 {
-  padding-top: 0.625rem;
-  padding-bottom: 0.625rem;
-}
-.py-20 {
-  padding-top: 5rem;
-  padding-bottom: 5rem;
-}
-.py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
-.py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-.py-5 {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}
-.py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}
-.py-\[120px\] {
-  padding-top: 120px;
-  padding-bottom: 120px;
-}
-.pb-10 {
-  padding-bottom: 2.5rem;
-}
-.pb-16 {
-  padding-bottom: 4rem;
-}
-.pb-3 {
-  padding-bottom: 0.75rem;
-}
-.pb-4 {
-  padding-bottom: 1rem;
-}
-.pl-2 {
-  padding-left: 0.5rem;
-}
-.pl-3 {
-  padding-left: 0.75rem;
-}
-.pl-4 {
-  padding-left: 1rem;
-}
-.pl-8 {
-  padding-left: 2rem;
-}
-.pr-1 {
-  padding-right: 0.25rem;
-}
-.pr-2 {
-  padding-right: 0.5rem;
-}
-.pr-2\.5 {
-  padding-right: 0.625rem;
-}
-.pr-3 {
-  padding-right: 0.75rem;
-}
-.pr-8 {
-  padding-right: 2rem;
-}
-.pt-0 {
-  padding-top: 0px;
-}
-.pt-16 {
-  padding-top: 4rem;
-}
-.pt-20 {
-  padding-top: 5rem;
-}
-.pt-3 {
-  padding-top: 0.75rem;
-}
-.pt-4 {
-  padding-top: 1rem;
-}
-.pt-6 {
-  padding-top: 1.5rem;
-}
-.text-left {
-  text-align: left;
-}
-.text-center {
-  text-align: center;
-}
-.align-middle {
-  vertical-align: middle;
-}
-.font-mono {
-  font-family: "IBM Plex Mono", monospace;
-}
-.font-sans {
-  font-family:
-    ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-}
-.font-serif {
-  font-family: "IBM Plex Serif", serif;
-}
-.text-\[0\.8rem\] {
-  font-size: 0.8rem;
-}
-.text-\[11px\] {
-  font-size: 11px;
-}
-.text-\[13px\] {
-  font-size: 13px;
-}
-.text-\[15px\] {
-  font-size: 15px;
-}
-.text-\[28px\] {
-  font-size: 28px;
-}
-.text-\[36px\] {
-  font-size: 36px;
-}
-.text-\[42px\] {
-  font-size: 42px;
-}
-.text-base {
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-.text-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-.text-sm {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-.text-sm\/relaxed {
-  font-size: 0.875rem;
-  line-height: 1.625;
-}
-.text-xs {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-.font-light {
-  font-weight: 300;
-}
-.font-medium {
-  font-weight: 500;
-}
-.font-normal {
-  font-weight: 400;
-}
-.font-semibold {
-  font-weight: 600;
-}
-.italic {
-  font-style: italic;
-}
-.tabular-nums {
-  --tw-numeric-spacing: tabular-nums;
-  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing)
-    var(--tw-numeric-fraction);
-}
-.leading-\[1\.15\] {
-  line-height: 1.15;
-}
-.leading-\[1\.25\] {
-  line-height: 1.25;
-}
-.leading-\[1\.35\] {
-  line-height: 1.35;
-}
-.leading-\[1\.65\] {
-  line-height: 1.65;
-}
-.leading-\[1\.7\] {
-  line-height: 1.7;
-}
-.leading-none {
-  line-height: 1;
-}
-.leading-normal {
-  line-height: 1.5;
-}
-.leading-relaxed {
-  line-height: 1.625;
-}
-.leading-snug {
-  line-height: 1.375;
-}
-.tracking-\[-0\.5px\] {
-  letter-spacing: -0.5px;
-}
-.tracking-\[0\.05em\] {
-  letter-spacing: 0.05em;
-}
-.tracking-tight {
-  letter-spacing: -0.025em;
-}
-.tracking-wide {
-  letter-spacing: 0.025em;
-}
-.tracking-wider {
-  letter-spacing: 0.05em;
-}
-.tracking-widest {
-  letter-spacing: 0.1em;
-}
-.text-background {
-  color: var(--background);
-}
-.text-current {
-  color: currentColor;
-}
-.text-foreground {
-  color: var(--foreground);
-}
-.text-primary {
-  color: var(--primary);
-}
-.text-white {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
-}
-.underline-offset-4 {
-  text-underline-offset: 4px;
-}
-.opacity-0 {
-  opacity: 0;
-}
-.opacity-50 {
-  opacity: 0.5;
-}
-.opacity-70 {
-  opacity: 0.7;
-}
-.shadow {
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
-  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
-  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.shadow-lg {
-  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.shadow-md {
-  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.shadow-none {
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.shadow-sm {
-  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.shadow-xl {
-  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.shadow-xs {
-  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.outline-none {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-.outline {
-  outline-style: solid;
-}
-.ring-0 {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-.ring-offset-background {
-  --tw-ring-offset-color: var(--background);
-}
-.blur {
-  --tw-blur: blur(8px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate)
-    var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.filter {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate)
-    var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-.transition {
-  transition-property:
-    color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
-    backdrop-filter;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-\[color\2c box-shadow\] {
-  transition-property: color, box-shadow;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-\[left\2c right\2c width\] {
-  transition-property: left, right, width;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-\[margin\2c opacity\] {
-  transition-property: margin, opacity;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-\[width\2c height\2c padding\] {
-  transition-property: width, height, padding;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-\[width\] {
-  transition-property: width;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-all {
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-colors {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-none {
-  transition-property: none;
-}
-.transition-opacity {
-  transition-property: opacity;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-shadow {
-  transition-property: box-shadow;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.transition-transform {
-  transition-property: transform;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
-.duration-100 {
-  transition-duration: 100ms;
-}
-.duration-1000 {
-  transition-duration: 1000ms;
-}
-.duration-150 {
-  transition-duration: 150ms;
-}
-.duration-200 {
-  transition-duration: 200ms;
-}
-.duration-300 {
-  transition-duration: 300ms;
-}
-.duration-500 {
-  transition-duration: 500ms;
-}
-.ease-in-out {
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-.ease-linear {
-  transition-timing-function: linear;
-}
-.ease-out {
-  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-@keyframes enter {
-  from {
-    opacity: var(--tw-enter-opacity, 1);
-    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)
-      scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))
-      rotate(var(--tw-enter-rotate, 0));
-  }
-}
-@keyframes exit {
-  to {
-    opacity: var(--tw-exit-opacity, 1);
-    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)
-      scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))
-      rotate(var(--tw-exit-rotate, 0));
-  }
-}
-.animate-in {
-  animation-name: enter;
-  animation-duration: 150ms;
-  --tw-enter-opacity: initial;
-  --tw-enter-scale: initial;
-  --tw-enter-rotate: initial;
-  --tw-enter-translate-x: initial;
-  --tw-enter-translate-y: initial;
-}
-.fade-in-0 {
-  --tw-enter-opacity: 0;
-}
-.zoom-in-95 {
-  --tw-enter-scale: 0.95;
-}
-.duration-100 {
-  animation-duration: 100ms;
-}
-.duration-1000 {
-  animation-duration: 1000ms;
-}
-.duration-150 {
-  animation-duration: 150ms;
-}
-.duration-200 {
-  animation-duration: 200ms;
-}
-.duration-300 {
-  animation-duration: 300ms;
-}
-.duration-500 {
-  animation-duration: 500ms;
-}
-.ease-in-out {
-  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-.ease-linear {
-  animation-timing-function: linear;
-}
-.ease-out {
-  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
-}
-.\[--cell-size\:--spacing\(8\)\] {
-  --cell-size: var(--spacing(8));
-}
-.selection\:bg-primary *::-moz-selection {
-  background-color: var(--primary);
-}
-.selection\:bg-primary *::selection {
-  background-color: var(--primary);
-}
-.selection\:bg-primary::-moz-selection {
-  background-color: var(--primary);
-}
-.selection\:bg-primary::selection {
-  background-color: var(--primary);
-}
-.file\:inline-flex::file-selector-button {
-  display: inline-flex;
-}
-.file\:h-7::file-selector-button {
-  height: 1.75rem;
-}
-.file\:border-0::file-selector-button {
-  border-width: 0px;
-}
-.file\:bg-transparent::file-selector-button {
-  background-color: transparent;
-}
-.file\:text-sm::file-selector-button {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-.file\:font-medium::file-selector-button {
-  font-weight: 500;
-}
-.file\:text-foreground::file-selector-button {
-  color: var(--foreground);
-}
-.after\:absolute::after {
-  content: var(--tw-content);
-  position: absolute;
-}
-.after\:-inset-2::after {
-  content: var(--tw-content);
-  inset: -0.5rem;
-}
-.after\:inset-y-0::after {
-  content: var(--tw-content);
-  top: 0px;
-  bottom: 0px;
-}
-.after\:left-1\/2::after {
-  content: var(--tw-content);
-  left: 50%;
-}
-.after\:w-1::after {
-  content: var(--tw-content);
-  width: 0.25rem;
-}
-.after\:w-\[2px\]::after {
-  content: var(--tw-content);
-  width: 2px;
-}
-.after\:-translate-x-1\/2::after {
-  content: var(--tw-content);
-  --tw-translate-x: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.first\:rounded-l-md:first-child {
-  border-top-left-radius: calc(var(--radius) - 2px);
-  border-bottom-left-radius: calc(var(--radius) - 2px);
-}
-.first\:border-l:first-child {
-  border-left-width: 1px;
-}
-.last\:mt-0:last-child {
-  margin-top: 0px;
-}
-.last\:rounded-r-md:last-child {
-  border-top-right-radius: calc(var(--radius) - 2px);
-  border-bottom-right-radius: calc(var(--radius) - 2px);
-}
-.last\:border-b-0:last-child {
-  border-bottom-width: 0px;
-}
-.hover\:scale-\[1\.03\]:hover {
-  --tw-scale-x: 1.03;
-  --tw-scale-y: 1.03;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.hover\:bg-muted:hover {
-  background-color: var(--muted);
-}
-.hover\:text-\[var\(--foreground\)\]:hover {
-  color: var(--foreground);
-}
-.hover\:text-\[var\(--primary\)\]:hover {
-  color: var(--primary);
-}
-.hover\:text-foreground:hover {
-  color: var(--foreground);
-}
-.hover\:underline:hover {
-  text-decoration-line: underline;
-}
-.hover\:opacity-100:hover {
-  opacity: 1;
-}
-.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
-  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
-  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.hover\:ring-4:hover {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-.focus\:z-10:focus {
-  z-index: 10;
-}
-.focus\:ring-2:focus {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-.focus\:ring-offset-2:focus {
-  --tw-ring-offset-width: 2px;
-}
-.focus-visible\:z-10:focus-visible {
-  z-index: 10;
-}
-.focus-visible\:outline-1:focus-visible {
-  outline-width: 1px;
-}
-.focus-visible\:ring-0:focus-visible {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-.focus-visible\:ring-1:focus-visible {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-.focus-visible\:ring-2:focus-visible {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-.focus-visible\:ring-4:focus-visible {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-.focus-visible\:ring-\[3px\]:focus-visible {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-.focus-visible\:ring-offset-1:focus-visible {
-  --tw-ring-offset-width: 1px;
-}
-.disabled\:pointer-events-none:disabled {
-  pointer-events: none;
-}
-.disabled\:cursor-not-allowed:disabled {
-  cursor: not-allowed;
-}
-.disabled\:opacity-50:disabled {
-  opacity: 0.5;
-}
-.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 {
-  opacity: 1;
-}
-.group:hover .group-hover\:scale-x-100 {
-  --tw-scale-x: 1;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
-  opacity: 1;
-}
-.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
-  cursor: not-allowed;
-}
-.peer:disabled ~ .peer-disabled\:opacity-50 {
-  opacity: 0.5;
-}
-.has-\[\>button\]\:ml-\[-0\.45rem\]:has(> button) {
-  margin-left: -0.45rem;
-}
-.has-\[\>button\]\:mr-\[-0\.45rem\]:has(> button) {
-  margin-right: -0.45rem;
-}
-.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(> kbd) {
-  margin-left: -0.35rem;
-}
-.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(> kbd) {
-  margin-right: -0.35rem;
-}
-.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(> [data-align="block-end"]) {
-  height: auto;
-}
-.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(> [data-align="block-start"]) {
-  height: auto;
-}
-.has-\[\>textarea\]\:h-auto:has(> textarea) {
-  height: auto;
-}
-.has-\[\>\[data-slot\=field\]\]\:w-full:has(> [data-slot="field"]) {
-  width: 100%;
-}
-.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(> svg) {
-  grid-template-columns: calc(var(--spacing) * 4) 1fr;
-}
-.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(> [data-align="block-end"]) {
-  flex-direction: column;
-}
-.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(> [data-align="block-start"]) {
-  flex-direction: column;
-}
-.has-\[\>\[data-slot\=field\]\]\:flex-col:has(> [data-slot="field"]) {
-  flex-direction: column;
-}
-.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(> [data-slot="field-content"]) {
-  align-items: flex-start;
-}
-.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(> [data-slot="button-group"]) {
-  gap: 0.5rem;
-}
-.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(> [data-slot="checkbox-group"]) {
-  gap: 0.75rem;
-}
-.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(> [data-slot="radio-group"]) {
-  gap: 0.75rem;
-}
-.has-\[\>svg\]\:gap-x-3:has(> svg) {
-  -moz-column-gap: 0.75rem;
-  column-gap: 0.75rem;
-}
-.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(> [data-slot="field"]) {
-  border-radius: calc(var(--radius) - 2px);
-}
-.has-\[\>\[data-slot\=field\]\]\:border:has(> [data-slot="field"]) {
-  border-width: 1px;
-}
-.has-\[\>svg\]\:p-0:has(> svg) {
-  padding: 0px;
-}
-.has-\[\>svg\]\:px-2:has(> svg) {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-.has-\[\>svg\]\:px-2\.5:has(> svg) {
-  padding-left: 0.625rem;
-  padding-right: 0.625rem;
-}
-.has-\[\>svg\]\:px-3:has(> svg) {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-.has-\[\>svg\]\:px-4:has(> svg) {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has(
-  [data-slot="input-group-control"]:focus-visible
-) {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-.group\/item:has([data-slot="item-description"])
-  .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5 {
-  --tw-translate-y: 0.125rem;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.group\/item:has([data-slot="item-description"]) .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start {
-  align-self: flex-start;
-}
-.group\/field:has([data-orientation="horizontal"])
-  .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance {
-  text-wrap: balance;
-}
-.group\/input-group:has(> input) .group-has-\[\>input\]\/input-group\:pb-2\.5 {
-  padding-bottom: 0.625rem;
-}
-.group\/input-group:has(> input) .group-has-\[\>input\]\/input-group\:pt-2\.5 {
-  padding-top: 0.625rem;
-}
-.aria-disabled\:pointer-events-none[aria-disabled="true"] {
-  pointer-events: none;
-}
-.aria-disabled\:opacity-50[aria-disabled="true"] {
-  opacity: 0.5;
-}
-.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
-  pointer-events: none;
-}
-.data-\[disabled\]\:pointer-events-none[data-disabled] {
-  pointer-events: none;
-}
-.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"] {
-  left: 0px;
-  right: 0px;
-}
-.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"] {
-  top: 0px;
-  bottom: 0px;
-}
-.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"] {
-  top: 0px;
-  bottom: 0px;
-}
-.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"] {
-  left: 0px;
-  right: 0px;
-}
-.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"] {
-  bottom: 0px;
-}
-.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"] {
-  left: 0px;
-}
-.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"] {
-  right: 0px;
-}
-.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"] {
-  top: 0px;
-}
-.data-\[active\=true\]\:z-10[data-active="true"] {
-  z-index: 10;
-}
-.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"] {
-  margin-top: 6rem;
-}
-.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"] {
-  margin-bottom: 6rem;
-}
-.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"] {
-  height: 0.375rem;
-}
-.data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"] {
-  height: 100%;
-}
-.data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
-  height: 1px;
-}
-.data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"] {
-  height: auto;
-}
-.data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
-  height: 100%;
-}
-.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] {
-  height: 1px;
-}
-.data-\[size\=default\]\:h-9[data-size="default"] {
-  height: 2.25rem;
-}
-.data-\[size\=sm\]\:h-8[data-size="sm"] {
-  height: 2rem;
-}
-.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"] {
-  max-height: 80vh;
-}
-.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"] {
-  max-height: 80vh;
-}
-.data-\[orientation\=vertical\]\:min-h-44[data-orientation="vertical"] {
-  min-height: 11rem;
-}
-.data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
-  width: 100%;
-}
-.data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"] {
-  width: 0.375rem;
-}
-.data-\[orientation\=vertical\]\:w-auto[data-orientation="vertical"] {
-  width: auto;
-}
-.data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"] {
-  width: 100%;
-}
-.data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] {
-  width: 1px;
-}
-.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] {
-  width: 100%;
-}
-.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"] {
-  width: 75%;
-}
-.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"] {
-  width: 75%;
-}
-.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
-  --tw-translate-y: 0.25rem;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
-  --tw-translate-x: -0.25rem;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.data-\[side\=right\]\:translate-x-1[data-side="right"] {
-  --tw-translate-x: 0.25rem;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
-  --tw-translate-y: -0.25rem;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"] {
-  --tw-translate-x: calc(100% - 2px);
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
-  --tw-translate-x: 0px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-@keyframes accordion-up {
-  from {
-    height: var(--radix-accordion-content-height);
-  }
-
-  to {
-    height: 0;
-  }
-}
-.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
-  animation: accordion-up 0.2s ease-out;
-}
-@keyframes accordion-down {
-  from {
-    height: 0;
-  }
-
-  to {
-    height: var(--radix-accordion-content-height);
-  }
-}
-.data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
-  animation: accordion-down 0.2s ease-out;
-}
-.data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] {
-  flex-direction: column;
-}
-.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] {
-  flex-direction: column;
-}
-.data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] {
-  gap: 0.75rem;
-}
-.data-\[range-end\=true\]\:rounded-md[data-range-end="true"] {
-  border-radius: calc(var(--radius) - 2px);
-}
-.data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
-  border-radius: 0px;
-}
-.data-\[range-start\=true\]\:rounded-md[data-range-start="true"] {
-  border-radius: calc(var(--radius) - 2px);
-}
-.data-\[selected\=true\]\:rounded-none[data-selected="true"] {
-  border-radius: 0px;
-}
-.data-\[spacing\=0\]\:rounded-none[data-spacing="0"] {
-  border-radius: 0px;
-}
-.data-\[range-end\=true\]\:rounded-r-md[data-range-end="true"] {
-  border-top-right-radius: calc(var(--radius) - 2px);
-  border-bottom-right-radius: calc(var(--radius) - 2px);
-}
-.data-\[range-start\=true\]\:rounded-l-md[data-range-start="true"] {
-  border-top-left-radius: calc(var(--radius) - 2px);
-  border-bottom-left-radius: calc(var(--radius) - 2px);
-}
-.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction="bottom"] {
-  border-top-left-radius: var(--radius);
-  border-top-right-radius: var(--radius);
-}
-.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction="top"] {
-  border-bottom-right-radius: var(--radius);
-  border-bottom-left-radius: var(--radius);
-}
-.data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0[data-variant="outline"][data-spacing="0"] {
-  border-left-width: 0px;
-}
-.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"] {
-  border-top-width: 1px;
-}
-.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction="left"] {
-  border-right-width: 1px;
-}
-.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction="right"] {
-  border-left-width: 1px;
-}
-.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"] {
-  border-bottom-width: 1px;
-}
-.data-\[state\=checked\]\:border-primary[data-state="checked"] {
-  border-color: var(--primary);
-}
-.data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
-  background-color: var(--primary);
-}
-.data-\[range-start\=true\]\:bg-primary[data-range-start="true"] {
-  background-color: var(--primary);
-}
-.data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] {
-  background-color: var(--primary);
-}
-.data-\[state\=active\]\:bg-background[data-state="active"] {
-  background-color: var(--background);
-}
-.data-\[state\=checked\]\:bg-primary[data-state="checked"] {
-  background-color: var(--primary);
-}
-.data-\[state\=open\]\:bg-secondary[data-state="open"] {
-  background-color: var(--secondary);
-}
-.data-\[state\=selected\]\:bg-muted[data-state="selected"] {
-  background-color: var(--muted);
-}
-.data-\[inset\]\:pl-8[data-inset] {
-  padding-left: 2rem;
-}
-.data-\[variant\=label\]\:text-sm[data-variant="label"] {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-.data-\[variant\=legend\]\:text-base[data-variant="legend"] {
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-.data-\[active\=true\]\:font-medium[data-active="true"] {
-  font-weight: 500;
-}
-.data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
-  opacity: 0.5;
-}
-.data-\[disabled\]\:opacity-50[data-disabled] {
-  opacity: 0.5;
-}
-.data-\[state\=open\]\:opacity-100[data-state="open"] {
-  opacity: 1;
-}
-.data-\[spacing\=0\]\:shadow-none[data-spacing="0"] {
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.data-\[spacing\=default\]\:data-\[variant\=outline\]\:shadow-xs[data-variant="outline"][data-spacing="default"] {
-  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.data-\[state\=active\]\:shadow-sm[data-state="active"] {
-  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.data-\[active\=true\]\:ring-\[3px\][data-active="true"] {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-.data-\[state\=closed\]\:duration-300[data-state="closed"] {
-  transition-duration: 300ms;
-}
-.data-\[state\=open\]\:duration-500[data-state="open"] {
-  transition-duration: 500ms;
-}
-.data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] {
-  animation-name: enter;
-  animation-duration: 150ms;
-  --tw-enter-opacity: initial;
-  --tw-enter-scale: initial;
-  --tw-enter-rotate: initial;
-  --tw-enter-translate-x: initial;
-  --tw-enter-translate-y: initial;
-}
-.data-\[state\=open\]\:animate-in[data-state="open"] {
-  animation-name: enter;
-  animation-duration: 150ms;
-  --tw-enter-opacity: initial;
-  --tw-enter-scale: initial;
-  --tw-enter-rotate: initial;
-  --tw-enter-translate-x: initial;
-  --tw-enter-translate-y: initial;
-}
-.data-\[state\=visible\]\:animate-in[data-state="visible"] {
-  animation-name: enter;
-  animation-duration: 150ms;
-  --tw-enter-opacity: initial;
-  --tw-enter-scale: initial;
-  --tw-enter-rotate: initial;
-  --tw-enter-translate-x: initial;
-  --tw-enter-translate-y: initial;
-}
-.data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] {
-  animation-name: exit;
-  animation-duration: 150ms;
-  --tw-exit-opacity: initial;
-  --tw-exit-scale: initial;
-  --tw-exit-rotate: initial;
-  --tw-exit-translate-x: initial;
-  --tw-exit-translate-y: initial;
-}
-.data-\[state\=closed\]\:animate-out[data-state="closed"] {
-  animation-name: exit;
-  animation-duration: 150ms;
-  --tw-exit-opacity: initial;
-  --tw-exit-scale: initial;
-  --tw-exit-rotate: initial;
-  --tw-exit-translate-x: initial;
-  --tw-exit-translate-y: initial;
-}
-.data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
-  animation-name: exit;
-  animation-duration: 150ms;
-  --tw-exit-opacity: initial;
-  --tw-exit-scale: initial;
-  --tw-exit-rotate: initial;
-  --tw-exit-translate-x: initial;
-  --tw-exit-translate-y: initial;
-}
-.data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
-  --tw-enter-opacity: 0;
-}
-.data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] {
-  --tw-exit-opacity: 0;
-}
-.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
-  --tw-exit-opacity: 0;
-}
-.data-\[state\=hidden\]\:fade-out[data-state="hidden"] {
-  --tw-exit-opacity: 0;
-}
-.data-\[state\=open\]\:fade-in-0[data-state="open"] {
-  --tw-enter-opacity: 0;
-}
-.data-\[state\=visible\]\:fade-in[data-state="visible"] {
-  --tw-enter-opacity: 0;
-}
-.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
-  --tw-exit-scale: 0.95;
-}
-.data-\[state\=open\]\:zoom-in-90[data-state="open"] {
-  --tw-enter-scale: 0.9;
-}
-.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
-  --tw-enter-scale: 0.95;
-}
-.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
-  --tw-enter-translate-x: 13rem;
-}
-.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
-  --tw-enter-translate-x: -13rem;
-}
-.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
-  --tw-exit-translate-x: 13rem;
-}
-.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
-  --tw-exit-translate-x: -13rem;
-}
-.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
-  --tw-enter-translate-y: -0.5rem;
-}
-.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
-  --tw-enter-translate-x: 0.5rem;
-}
-.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
-  --tw-enter-translate-x: -0.5rem;
-}
-.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
-  --tw-enter-translate-y: 0.5rem;
-}
-.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
-  --tw-exit-translate-y: 100%;
-}
-.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
-  --tw-exit-translate-x: -100%;
-}
-.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
-  --tw-exit-translate-x: 100%;
-}
-.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
-  --tw-exit-translate-y: -100%;
-}
-.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
-  --tw-enter-translate-y: 100%;
-}
-.data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
-  --tw-enter-translate-x: -100%;
-}
-.data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
-  --tw-enter-translate-x: 100%;
-}
-.data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
-  --tw-enter-translate-y: -100%;
-}
-.data-\[state\=closed\]\:duration-300[data-state="closed"] {
-  animation-duration: 300ms;
-}
-.data-\[state\=open\]\:duration-500[data-state="open"] {
-  animation-duration: 500ms;
-}
-.\*\:data-\[slot\=select-value\]\:line-clamp-1[data-slot="select-value"] > * {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-}
-.\*\:data-\[slot\=select-value\]\:flex[data-slot="select-value"] > * {
-  display: flex;
-}
-.\*\:data-\[slot\=select-value\]\:items-center[data-slot="select-value"] > * {
-  align-items: center;
-}
-.\*\:data-\[slot\=select-value\]\:gap-2[data-slot="select-value"] > * {
-  gap: 0.5rem;
-}
-.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after {
-  content: var(--tw-content);
-  left: 0px;
-}
-.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after {
-  content: var(--tw-content);
-  height: 0.25rem;
-}
-.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after {
-  content: var(--tw-content);
-  width: 100%;
-}
-.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]::after {
-  content: var(--tw-content);
-  --tw-translate-y: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]::after {
-  content: var(--tw-content);
-  --tw-translate-x: 0px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.data-\[spacing\=0\]\:first\:rounded-l-md:first-child[data-spacing="0"] {
-  border-top-left-radius: calc(var(--radius) - 2px);
-  border-bottom-left-radius: calc(var(--radius) - 2px);
-}
-.data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l:first-child[data-variant="outline"][data-spacing="0"] {
-  border-left-width: 1px;
-}
-.data-\[spacing\=0\]\:last\:rounded-r-md:last-child[data-spacing="0"] {
-  border-top-right-radius: calc(var(--radius) - 2px);
-  border-bottom-right-radius: calc(var(--radius) - 2px);
-}
-.group[data-disabled="true"] .group-data-\[disabled\=true\]\:pointer-events-none {
-  pointer-events: none;
-}
-.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:relative {
-  position: relative;
-}
-.group[data-collapsible="offcanvas"]
-  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
-  left: calc(var(--sidebar-width) * -1);
-}
-.group[data-collapsible="offcanvas"]
-  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
-  right: calc(var(--sidebar-width) * -1);
-}
-.group[data-side="left"] .group-data-\[side\=left\]\:-right-4 {
-  right: -1rem;
-}
-.group[data-side="right"] .group-data-\[side\=right\]\:left-0 {
-  left: 0px;
-}
-.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:top-full {
-  top: 100%;
-}
-.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:z-10 {
-  z-index: 10;
-}
-.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8 {
-  margin-top: -2rem;
-}
-.group\/field-group[data-variant="outline"] .group-data-\[variant\=outline\]\/field-group\:-mb-2 {
-  margin-bottom: -0.5rem;
-}
-.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5 {
-  margin-top: 0.375rem;
-}
-.group\/drawer-content[data-vaul-drawer-direction="bottom"]
-  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block {
-  display: block;
-}
-.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden {
-  display: none;
-}
-.group[data-collapsible="icon"]
-  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\] {
-  width: calc(var(--sidebar-width-icon) + (--spacing(4)));
-}
-.group[data-collapsible="icon"]
-  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] {
-  width: calc(var(--sidebar-width-icon) + (--spacing(4)) + 2px);
-}
-.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:w-0 {
-  width: 0px;
-}
-.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
-  --tw-translate-x: 0px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.group[data-side="right"] .group-data-\[side\=right\]\:rotate-180 {
-  --tw-rotate: 180deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.group[data-state="open"] .group-data-\[state\=open\]\:rotate-180 {
-  --tw-rotate: 180deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden {
-  overflow: hidden;
-}
-.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden {
-  overflow: hidden;
-}
-.group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg {
-  border-radius: var(--radius);
-}
-.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md {
-  border-radius: calc(var(--radius) - 2px);
-}
-.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border {
-  border-width: 1px;
-}
-.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:border {
-  border-width: 1px;
-}
-.group[data-side="left"] .group-data-\[side\=left\]\:border-r {
-  border-right-width: 1px;
-}
-.group[data-side="right"] .group-data-\[side\=right\]\:border-l {
-  border-left-width: 1px;
-}
-.group\/drawer-content[data-vaul-drawer-direction="bottom"]
-  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center {
-  text-align: center;
-}
-.group\/drawer-content[data-vaul-drawer-direction="top"]
-  .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center {
-  text-align: center;
-}
-.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0 {
-  opacity: 0;
-}
-.group\/field[data-disabled="true"] .group-data-\[disabled\=true\]\/field\:opacity-50 {
-  opacity: 0.5;
-}
-.group\/input-group[data-disabled="true"] .group-data-\[disabled\=true\]\/input-group\:opacity-50 {
-  opacity: 0.5;
-}
-.group[data-disabled="true"] .group-data-\[disabled\=true\]\:opacity-50 {
-  opacity: 0.5;
-}
-.group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow-sm {
-  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:shadow {
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:ring-\[3px\] {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:duration-200 {
-  transition-duration: 200ms;
-  animation-duration: 200ms;
-}
-.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after {
-  content: var(--tw-content);
-  left: 100%;
-}
-.group\/navigation-menu[data-viewport="false"]
-  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in[data-state="open"] {
-  animation-name: enter;
-  animation-duration: 150ms;
-  --tw-enter-opacity: initial;
-  --tw-enter-scale: initial;
-  --tw-enter-rotate: initial;
-  --tw-enter-translate-x: initial;
-  --tw-enter-translate-y: initial;
-}
-.group\/navigation-menu[data-viewport="false"]
-  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out[data-state="closed"] {
-  animation-name: exit;
-  animation-duration: 150ms;
-  --tw-exit-opacity: initial;
-  --tw-exit-scale: initial;
-  --tw-exit-rotate: initial;
-  --tw-exit-translate-x: initial;
-  --tw-exit-translate-y: initial;
-}
-.group\/navigation-menu[data-viewport="false"]
-  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
-  --tw-exit-opacity: 0;
-}
-.group\/navigation-menu[data-viewport="false"]
-  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0[data-state="open"] {
-  --tw-enter-opacity: 0;
-}
-.group\/navigation-menu[data-viewport="false"]
-  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
-  --tw-exit-scale: 0.95;
-}
-.group\/navigation-menu[data-viewport="false"]
-  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95[data-state="open"] {
-  --tw-enter-scale: 0.95;
-}
-.peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
-  top: 0.375rem;
-}
-.peer\/menu-button[data-size="lg"] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
-  top: 0.625rem;
-}
-.peer\/menu-button[data-size="sm"] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 {
-  top: 0.25rem;
-}
-.dark\:bg-transparent:is(.dark *) {
-  background-color: transparent;
-}
-.dark\:data-\[state\=checked\]\:bg-primary[data-state="checked"]:is(.dark *) {
-  background-color: var(--primary);
-}
-.dark\:data-\[state\=unchecked\]\:bg-foreground[data-state="unchecked"]:is(.dark *) {
-  background-color: var(--foreground);
-}
-.dark\:data-\[state\=active\]\:text-foreground[data-state="active"]:is(.dark *) {
-  color: var(--foreground);
-}
-@media not all and (min-width: 768px) {
-  .max-md\:gap-10 {
-    gap: 2.5rem;
-  }
-
-  .max-md\:py-20 {
-    padding-top: 5rem;
-    padding-bottom: 5rem;
-  }
-
-  .max-md\:text-4xl {
-    font-size: 2.25rem;
-    line-height: 2.5rem;
-  }
-
-  .max-md\:text-\[28px\] {
-    font-size: 28px;
-  }
-}
-@media (min-width: 640px) {
-  .sm\:block {
-    display: block;
-  }
-
-  .sm\:flex {
-    display: flex;
-  }
-
-  .sm\:max-w-lg {
-    max-width: 32rem;
-  }
-
-  .sm\:max-w-sm {
-    max-width: 24rem;
-  }
-
-  .sm\:grid-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-
-  .sm\:flex-row {
-    flex-direction: row;
-  }
-
-  .sm\:justify-end {
-    justify-content: flex-end;
-  }
-
-  .sm\:gap-2\.5 {
-    gap: 0.625rem;
-  }
-
-  .sm\:pl-2\.5 {
-    padding-left: 0.625rem;
-  }
-
-  .sm\:pr-2\.5 {
-    padding-right: 0.625rem;
-  }
-
-  .sm\:text-left {
-    text-align: left;
-  }
-
-  .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"] {
-    max-width: 24rem;
-  }
-
-  .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"] {
-    max-width: 24rem;
-  }
-}
-@media (min-width: 768px) {
-  .md\:absolute {
-    position: absolute;
-  }
-
-  .md\:block {
-    display: block;
-  }
-
-  .md\:flex {
-    display: flex;
-  }
-
-  .md\:hidden {
-    display: none;
-  }
-
-  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
-    width: var(--radix-navigation-menu-viewport-width);
-  }
-
-  .md\:w-auto {
-    width: auto;
-  }
-
-  .md\:grid-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-
-  .md\:grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
-  .md\:flex-row {
-    flex-direction: row;
-  }
-
-  .md\:gap-1\.5 {
-    gap: 0.375rem;
-  }
-
-  .md\:p-12 {
-    padding: 3rem;
-  }
-
-  .md\:text-left {
-    text-align: left;
-  }
-
-  .md\:text-\[52px\] {
-    font-size: 52px;
-  }
-
-  .md\:text-sm {
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-  }
-
-  .md\:opacity-0 {
-    opacity: 0;
-  }
-
-  .md\:after\:hidden::after {
-    content: var(--tw-content);
-    display: none;
-  }
-
-  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2 {
-    margin: 0.5rem;
-  }
-
-  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 {
-    margin-left: 0px;
-  }
-
-  .peer[data-variant="inset"][data-state="collapsed"]
-    ~ .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2 {
-    margin-left: 0.5rem;
-  }
-
-  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl {
-    border-radius: calc(var(--radius) + 4px);
-  }
-
-  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:shadow-sm {
-    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  }
-}
-@media (min-width: 1024px) {
-  .lg\:grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-
-  .lg\:text-\[72px\] {
-    font-size: 72px;
-  }
-}
-.\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot="item-content"] {
-  flex: none;
-}
-.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"] button {
-  border-top-left-radius: calc(var(--radius) - 2px);
-  border-bottom-left-radius: calc(var(--radius) - 2px);
-}
-.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
-  padding-right: 0px;
-}
-.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"] button {
-  border-top-right-radius: calc(var(--radius) - 2px);
-  border-bottom-right-radius: calc(var(--radius) - 2px);
-}
-.\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-md:nth-child(2)[data-selected="true"] button {
-  border-top-left-radius: calc(var(--radius) - 2px);
-  border-bottom-left-radius: calc(var(--radius) - 2px);
-}
-.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none > *:not(:first-child) {
-  border-top-left-radius: 0px;
-  border-bottom-left-radius: 0px;
-}
-.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none > *:not(:first-child) {
-  border-top-left-radius: 0px;
-  border-top-right-radius: 0px;
-}
-.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 > *:not(:first-child) {
-  border-left-width: 0px;
-}
-.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 > *:not(:first-child) {
-  border-top-width: 0px;
-}
-.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none > *:not(:last-child) {
-  border-bottom-right-radius: 0px;
-  border-bottom-left-radius: 0px;
-}
-.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none > *:not(:last-child) {
-  border-top-right-radius: 0px;
-  border-bottom-right-radius: 0px;
-}
-.\[\&\>\*\]\:w-full > * {
-  width: 100%;
-}
-.\[\&\>\*\]\:focus-visible\:relative:focus-visible > * {
-  position: relative;
-}
-.\[\&\>\*\]\:focus-visible\:z-10:focus-visible > * {
-  z-index: 10;
-}
-.\[\&\>\*\]\:data-\[slot\=field\]\:p-4[data-slot="field"] > * {
-  padding: 1rem;
-}
-.\[\&\>\.sr-only\]\:w-auto > .sr-only {
-  width: auto;
-}
-.\[\&\>\[data-slot\=field-group\]\]\:gap-4 > [data-slot="field-group"] {
-  gap: 1rem;
-}
-.\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] {
-  flex: 1 1 auto;
-}
-.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md
-  > [data-slot="select-trigger"]:last-of-type:has(select[aria-hidden="true"]:last-child) {
-  border-top-right-radius: calc(var(--radius) - 2px);
-  border-bottom-right-radius: calc(var(--radius) - 2px);
-}
-.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit
-  > [data-slot="select-trigger"]:not([class*="w-"]) {
-  width: -moz-fit-content;
-  width: fit-content;
-}
-.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] {
-  --tw-translate-y: 2px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.\[\&\>a\:hover\]\:text-primary > a:hover {
-  color: var(--primary);
-}
-.\[\&\>a\]\:underline > a {
-  text-decoration-line: underline;
-}
-.\[\&\>a\]\:underline-offset-4 > a {
-  text-underline-offset: 4px;
-}
-.\[\&\>button\]\:hidden > button {
-  display: none;
-}
-.\[\&\>input\]\:flex-1 > input {
-  flex: 1 1 0%;
-}
-.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3 > input:has(> [data-align="block-end"]) {
-  padding-top: 0.75rem;
-}
-.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3 > input:has(> [data-align="block-start"]) {
-  padding-bottom: 0.75rem;
-}
-.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2 > input:has(> [data-align="inline-end"]) {
-  padding-right: 0.5rem;
-}
-.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2 > input:has(> [data-align="inline-start"]) {
-  padding-left: 0.5rem;
-}
-.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd {
-  border-radius: calc(var(--radius) - 5px);
-}
-.\[\&\>span\:last-child\]\:truncate > span:last-child {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.\[\&\>span\]\:text-xs > span {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-.\[\&\>span\]\:opacity-70 > span {
-  opacity: 0.7;
-}
-.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*="size-"]) {
-  width: 0.875rem;
-  height: 0.875rem;
-}
-.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > svg:not([class*="size-"]) {
-  width: 1rem;
-  height: 1rem;
-}
-.\[\&\>svg\]\:pointer-events-none > svg {
-  pointer-events: none;
-}
-.\[\&\>svg\]\:size-3 > svg {
-  width: 0.75rem;
-  height: 0.75rem;
-}
-.\[\&\>svg\]\:size-3\.5 > svg {
-  width: 0.875rem;
-  height: 0.875rem;
-}
-.\[\&\>svg\]\:size-4 > svg {
-  width: 1rem;
-  height: 1rem;
-}
-.\[\&\>svg\]\:h-2\.5 > svg {
-  height: 0.625rem;
-}
-.\[\&\>svg\]\:h-3 > svg {
-  height: 0.75rem;
-}
-.\[\&\>svg\]\:w-2\.5 > svg {
-  width: 0.625rem;
-}
-.\[\&\>svg\]\:w-3 > svg {
-  width: 0.75rem;
-}
-.\[\&\>svg\]\:shrink-0 > svg {
-  flex-shrink: 0;
-}
-.\[\&\>svg\]\:translate-y-0\.5 > svg {
-  --tw-translate-y: 0.125rem;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.\[\&\>svg\]\:text-current > svg {
-  color: currentColor;
-}
-.\[\&\>tr\]\:last\:border-b-0:last-child > tr {
-  border-bottom-width: 0px;
-}
-.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"] > div {
-  --tw-rotate: 90deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg {
-  --tw-rotate: 180deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
-    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
-  stroke: var(--border-color);
-}
-.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] {
-  stroke: transparent;
-}
-.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] {
-  stroke: var(--border-color);
-}
-.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector {
-  fill: var(--muted);
-}
-.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
-  fill: var(--muted);
-}
-.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] {
-  stroke: var(--border-color);
-}
-.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] {
-  stroke: transparent;
-}
-.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
-}
-.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
-  font-weight: 500;
-}
-.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
-  padding-top: 0px;
-}
-.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
-  height: 1.25rem;
-}
-.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
-  width: 1.25rem;
-}
-.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
-  height: 3rem;
-}
-.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-}
-.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
-  height: 1.25rem;
-}
-.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
-  width: 1.25rem;
-}
-.\[\&_img\]\:size-full img {
-  width: 100%;
-  height: 100%;
-}
-.\[\&_img\]\:object-cover img {
-  -o-object-fit: cover;
-  object-fit: cover;
-}
-.\[\&_p\]\:leading-relaxed p {
-  line-height: 1.625;
-}
-.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
-  width: 0.75rem;
-  height: 0.75rem;
-}
-.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
-  width: 1rem;
-  height: 1rem;
-}
-.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*="size-"]) {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.\[\&_svg\]\:pointer-events-none svg {
-  pointer-events: none;
-}
-.\[\&_svg\]\:shrink-0 svg {
-  flex-shrink: 0;
-}
-.\[\&_tr\:last-child\]\:border-0 tr:last-child {
-  border-width: 0px;
-}
-.\[\&_tr\]\:border-b tr {
-  border-bottom-width: 1px;
-}
-[data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
-  right: -0.5rem;
-}
-[data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
-  cursor: e-resize;
-}
-[data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
-  left: -0.5rem;
-}
-[data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
-  cursor: w-resize;
-}
-[data-slot="card-content"] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent {
-  background-color: transparent;
-}
-[data-slot="popover-content"] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
-  background-color: transparent;
-}
-[data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background {
-  color: var(--background);
-}
-[data-variant="legend"] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
-  margin-top: -0.375rem;
-}
diff --git a/refs/ref4/duck2.css b/refs/ref4/duck2.css
deleted file mode 100644
index eaf86fc..0000000
--- a/refs/ref4/duck2.css
+++ /dev/null
@@ -1,73 +0,0 @@
-.rfm-marquee-container {
-  overflow-x: hidden;
-  display: flex;
-  flex-direction: row;
-  position: relative;
-  width: var(--width);
-  transform: var(--transform);
-}
-.rfm-marquee-container:hover div {
-  animation-play-state: var(--pause-on-hover);
-}
-.rfm-marquee-container:active div {
-  animation-play-state: var(--pause-on-click);
-}
-
-.rfm-overlay {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-}
-.rfm-overlay::before,
-.rfm-overlay::after {
-  background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0));
-  content: "";
-  height: 100%;
-  position: absolute;
-  width: var(--gradient-width);
-  z-index: 2;
-  pointer-events: none;
-  touch-action: none;
-}
-.rfm-overlay::after {
-  right: 0;
-  top: 0;
-  transform: rotateZ(180deg);
-}
-.rfm-overlay::before {
-  left: 0;
-  top: 0;
-}
-
-.rfm-marquee {
-  flex: 0 0 auto;
-  min-width: var(--min-width);
-  z-index: 1;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
-  animation-play-state: var(--play);
-  animation-delay: var(--delay);
-  animation-direction: var(--direction);
-}
-@keyframes scroll {
-  0% {
-    transform: translateX(0%);
-  }
-  100% {
-    transform: translateX(-100%);
-  }
-}
-
-.rfm-initial-child-container {
-  flex: 0 0 auto;
-  display: flex;
-  min-width: auto;
-  flex-direction: row;
-  align-items: center;
-}
-
-.rfm-child {
-  transform: var(--transform);
-}
diff --git a/refs/ref4/index.html b/refs/ref4/index.html
deleted file mode 100644
index 9bfbd56..0000000
--- a/refs/ref4/index.html
+++ /dev/null
@@ -1,2230 +0,0 @@
-<html lang="en" data-theme="dark">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>RDaaS — Rubber Duck Debugging as a Service</title>
-    <base href="./" />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
-    <link
-      href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&amp;family=IBM+Plex+Serif:wght@300&amp;display=swap"
-      rel="stylesheet"
-    />
-    <link rel="stylesheet" href="duck.css" />
-    <link rel="stylesheet" href="duck2.css" />
-  </head>
-  <body>
-    <div id="root">
-      <div
-        code-path="src\App.tsx:26:5"
-        class="min-h-screen"
-        style="background-color: var(--background); transition: background-color 500ms"
-      >
-        <nav
-          code-path="src\sections\Navigation.tsx:18:5"
-          class="fixed top-0 left-0 right-0 z-50 h-14 border-b"
-          style="
-            background-color: var(--surface);
-            border-color: var(--border-color);
-            backdrop-filter: blur(12px);
-            opacity: 0.95;
-            transition:
-              background-color 500ms,
-              border-color 500ms;
-          "
-        >
-          <div
-            code-path="src\sections\Navigation.tsx:29:7"
-            class="mx-auto flex h-full max-w-[1200px] items-center justify-between px-6"
-          >
-            <div
-              code-path="src\sections\Navigation.tsx:31:9"
-              class="flex items-center gap-2 font-mono text-lg font-semibold"
-              style="color: var(--foreground)"
-            >
-              <span code-path="src\sections\Navigation.tsx:32:11" style="color: var(--secondary)">🦆</span
-              ><span code-path="src\sections\Navigation.tsx:33:11">RDaaS</span>
-            </div>
-            <div code-path="src\sections\Navigation.tsx:37:9" class="hidden items-center gap-8 md:flex">
-              <button
-                code-path="src\sections\Navigation.tsx:38:11"
-                class="group relative font-mono text-[13px] font-medium tracking-wider"
-                style="color: var(--muted)"
-              >
-                How It Works<span
-                  code-path="src\sections\Navigation.tsx:44:13"
-                  class="absolute bottom-0 left-0 h-[1.5px] w-full origin-left scale-x-0 transition-transform duration-300 ease-out group-hover:scale-x-100"
-                  style="background-color: var(--primary)"
-                ></span></button
-              ><button
-                code-path="src\sections\Navigation.tsx:49:11"
-                class="group relative font-mono text-[13px] font-medium tracking-wider"
-                style="color: var(--muted)"
-              >
-                Roadmap<span
-                  code-path="src\sections\Navigation.tsx:55:13"
-                  class="absolute bottom-0 left-0 h-[1.5px] w-full origin-left scale-x-0 transition-transform duration-300 ease-out group-hover:scale-x-100"
-                  style="background-color: var(--primary)"
-                ></span>
-              </button>
-            </div>
-            <div code-path="src\sections\Navigation.tsx:63:9" class="flex items-center gap-3">
-              <button
-                code-path="src\sections\Navigation.tsx:65:11"
-                class="flex h-9 w-9 items-center justify-center rounded-full border transition-colors duration-200"
-                aria-label="Toggle theme"
-                style="
-                  background-color: var(--surface-alt);
-                  border-color: var(--border-color);
-                  color: var(--foreground);
-                "
-              >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="16"
-                  height="16"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
-                  stroke-width="2"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  class="lucide lucide-sun"
-                  aria-hidden="true"
-                  code-path="src\sections\Navigation.tsx:75:55"
-                >
-                  <circle cx="12" cy="12" r="4"></circle>
-                  <path d="M12 2v2"></path>
-                  <path d="M12 20v2"></path>
-                  <path d="m4.93 4.93 1.41 1.41"></path>
-                  <path d="m17.66 17.66 1.41 1.41"></path>
-                  <path d="M2 12h2"></path>
-                  <path d="M20 12h2"></path>
-                  <path d="m6.34 17.66-1.41 1.41"></path>
-                  <path d="m19.07 4.93-1.41 1.41"></path>
-                </svg></button
-              ><button
-                code-path="src\sections\Navigation.tsx:79:11"
-                class="hidden rounded-full px-5 py-2.5 font-mono text-sm font-semibold tracking-wide text-white transition-all duration-200 hover:scale-[1.03] md:block"
-                style="background-color: var(--primary); box-shadow: var(--button-glow)"
-              >
-                START NOW</button
-              ><button
-                code-path="src\sections\Navigation.tsx:96:11"
-                class="flex h-9 w-9 flex-col items-center justify-center gap-[6px] md:hidden"
-                style="color: var(--foreground)"
-              >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="20"
-                  height="20"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
-                  stroke-width="2"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  class="lucide lucide-menu"
-                  aria-hidden="true"
-                  code-path="src\sections\Navigation.tsx:101:45"
-                >
-                  <path d="M4 5h16"></path>
-                  <path d="M4 12h16"></path>
-                  <path d="M4 19h16"></path>
-                </svg>
-              </button>
-            </div>
-          </div>
-        </nav>
-        <main code-path="src\App.tsx:28:7">
-          <section
-            code-path="src\sections\HeroSection.tsx:63:5"
-            class="relative flex min-h-screen flex-col items-center justify-center px-4 pt-20 pb-16"
-            style="background-color: var(--background)"
-          >
-            <canvas
-              code-path="src\components\FlyingCodeCanvas.tsx:95:5"
-              class="absolute inset-0 w-full h-full pointer-events-none"
-              width="2560"
-              height="1323"
-              style="opacity: 0.4"
-            ></canvas>
-            <div
-              code-path="src\sections\HeroSection.tsx:70:7"
-              class="relative z-10 flex flex-col items-center text-center"
-            >
-              <div
-                code-path="src\sections\HeroSection.tsx:72:9"
-                class="mb-6 font-mono text-xs font-medium tracking-[0.05em] opacity-0"
-                style="
-                  color: var(--muted);
-                  transform: translate(0px, 0px);
-                  translate: none;
-                  rotate: none;
-                  scale: none;
-                  opacity: 1;
-                "
-              >
-                // RUBBER DUCK DEBUGGING AS A SERVICE
-              </div>
-              <h1
-                code-path="src\sections\HeroSection.tsx:81:9"
-                class="max-w-[900px] font-serif font-light opacity-0 max-md:text-4xl md:text-[52px] lg:text-[72px]"
-                style="
-                  color: var(--foreground);
-                  line-height: 1;
-                  letter-spacing: -1.5px;
-                  transform: translate(0px, 0px);
-                  translate: none;
-                  rotate: none;
-                  scale: none;
-                  opacity: 1;
-                "
-              >
-                Stuck on a bug?<br code-path="src\sections\HeroSection.tsx:92:11" />Talk it out with your duck.
-              </h1>
-              <p
-                code-path="src\sections\HeroSection.tsx:97:9"
-                class="mx-auto mt-6 max-w-[560px] font-mono text-[15px] leading-[1.7] opacity-0"
-                style="
-                  color: var(--muted);
-                  transform: translate(0px, 0px);
-                  translate: none;
-                  rotate: none;
-                  scale: none;
-                  opacity: 1;
-                "
-              >
-                The world's first on-demand rubber duck debugging service. Explain your code line by line. Watch the
-                solution appear. No judgment, just quacks.
-              </p>
-              <div
-                code-path="src\sections\HeroSection.tsx:107:9"
-                class="mx-auto mt-10 w-full max-w-[520px] overflow-hidden opacity-0"
-                style="
-                  background-color: var(--terminal);
-                  border-radius: 8px;
-                  transform: translate(0px, 0px);
-                  translate: none;
-                  rotate: none;
-                  scale: none;
-                  opacity: 1;
-                "
-              >
-                <div
-                  code-path="src\sections\HeroSection.tsx:117:11"
-                  class="flex h-9 items-center gap-2 px-3.5"
-                  style="background-color: rgb(26, 26, 30)"
-                >
-                  <span
-                    code-path="src\sections\HeroSection.tsx:121:13"
-                    class="h-2.5 w-2.5 rounded-full"
-                    style="background-color: rgb(239, 68, 68)"
-                  ></span
-                  ><span
-                    code-path="src\sections\HeroSection.tsx:122:13"
-                    class="h-2.5 w-2.5 rounded-full"
-                    style="background-color: rgb(234, 179, 8)"
-                  ></span
-                  ><span
-                    code-path="src\sections\HeroSection.tsx:123:13"
-                    class="h-2.5 w-2.5 rounded-full"
-                    style="background-color: rgb(34, 197, 94)"
-                  ></span>
-                </div>
-                <div
-                  code-path="src\sections\HeroSection.tsx:127:11"
-                  class="px-5 py-5 font-mono text-sm leading-relaxed"
-                  style="color: var(--terminal-text)"
-                >
-                  <div
-                    code-path="src\sections\HeroSection.tsx:129:15"
-                    class="transition-opacity duration-300"
-                    style="opacity: 1"
-                  >
-                    <span code-path="src\sections\HeroSection.tsx:134:17" style="color: var(--muted-alt)">$</span
-                    ><span code-path="src\sections\HeroSection.tsx:137:17" style="color: var(--terminal-text)">
-                      rdaas init</span
-                    >
-                  </div>
-                  <div
-                    code-path="src\sections\HeroSection.tsx:129:15"
-                    class="transition-opacity duration-300"
-                    style="opacity: 1"
-                  >
-                    <span code-path="src\sections\HeroSection.tsx:134:17" style="color: var(--muted-alt)">&gt;</span
-                    ><span code-path="src\sections\HeroSection.tsx:137:17" style="color: var(--foreground)">
-                      Initializing debugging session...</span
-                    >
-                  </div>
-                  <div
-                    code-path="src\sections\HeroSection.tsx:129:15"
-                    class="transition-opacity duration-300"
-                    style="opacity: 1"
-                  >
-                    <span code-path="src\sections\HeroSection.tsx:134:17" style="color: var(--muted-alt)">&gt;</span
-                    ><span code-path="src\sections\HeroSection.tsx:137:17" style="color: var(--foreground)">
-                      Duck is listening...</span
-                    >
-                  </div>
-                  <div
-                    code-path="src\sections\HeroSection.tsx:129:15"
-                    class="transition-opacity duration-300"
-                    style="opacity: 1"
-                  >
-                    <span code-path="src\sections\HeroSection.tsx:134:17" style="color: var(--muted-alt)">&gt;</span
-                    ><span code-path="src\sections\HeroSection.tsx:137:17" style="color: var(--foreground)">
-                      Explain your problem.</span
-                    ><span
-                      code-path="src\sections\HeroSection.tsx:141:19"
-                      class="animate-blink ml-1 inline-block h-4 w-2 align-middle"
-                      style="background-color: var(--terminal-text)"
-                    ></span>
-                  </div>
-                </div>
-              </div>
-              <button
-                code-path="src\sections\HeroSection.tsx:152:9"
-                class="mt-10 rounded-lg px-9 py-4 font-mono text-base font-semibold tracking-wide text-white opacity-0 transition-all duration-250 hover:scale-[1.03]"
-                style="
-                  background-color: var(--primary);
-                  box-shadow: var(--button-glow);
-                  transform: translate(0px, 0px);
-                  translate: none;
-                  rotate: none;
-                  scale: none;
-                  opacity: 1;
-                "
-              >
-                START DEBUGGING
-              </button>
-              <div
-                code-path="src\sections\HeroSection.tsx:171:9"
-                class="mt-16 opacity-0"
-                style="color: var(--muted-alt); opacity: 0"
-              >
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="24"
-                  height="24"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
-                  stroke-width="2"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  class="lucide lucide-chevron-down animate-bounce-scroll"
-                  aria-hidden="true"
-                  code-path="src\sections\HeroSection.tsx:172:11"
-                >
-                  <path d="m6 9 6 6 6-6"></path>
-                </svg>
-              </div>
-            </div>
-          </section>
-          <section
-            code-path="src\sections\MarqueeSection.tsx:40:5"
-            class="w-full border-y py-10"
-            aria-hidden="true"
-            style="
-              background-color: var(--surface-alt);
-              border-color: var(--border-color);
-              translate: none;
-              rotate: none;
-              scale: none;
-              transform: translate(0px, 0px);
-              opacity: 1;
-            "
-          >
-            <div
-              class="rfm-marquee-container"
-              style="--pause-on-hover: paused; --pause-on-click: paused; --width: 100%; --transform: none"
-            >
-              <div
-                class="rfm-marquee"
-                style="
-                  --play: running;
-                  --direction: normal;
-                  --duration: 70.35911458333334s;
-                  --delay: 0s;
-                  --iteration-count: infinite;
-                  --min-width: 100%;
-                "
-              >
-                <div class="rfm-initial-child-container">
-                  <div class="rfm-child" style="--transform: none">
-                    <div
-                      code-path="src\sections\MarqueeSection.tsx:48:11"
-                      class="mx-3 flex items-center gap-3 rounded-full border px-6 py-3"
-                      style="background-color: var(--background); border-color: var(--border-color)"
-                    >
-                      <img
-                        code-path="src\sections\MarqueeSection.tsx:56:13"
-                        alt="Alex Chen"
-                        class="h-8 w-8 rounded-full border-2 object-cover"
-                        loading="lazy"
-                        src="./assets/avatar-1.jpg"
-                        style="border-color: var(--border-color)"
-                      />
-                      <div code-path="src\sections\MarqueeSection.tsx:63:13" class="flex flex-col">
-                        <span
-                          code-path="src\sections\MarqueeSection.tsx:64:15"
-                          class="whitespace-nowrap font-mono text-[13px] font-semibold"
-                          style="color: var(--foreground)"
-                          >Alex Chen</span
-                        ><span
-                          code-path="src\sections\MarqueeSection.tsx:67:15"
-                          class="whitespace-nowrap font-mono text-[11px] font-medium tracking-wider"
-                          style="color: var(--muted)"
-                          >Senior Developer @TechCorp</span
-                        >
-                      </div>
-                      <span
-                        code-path="src\sections\MarqueeSection.tsx:71:13"
-                        class="ml-2 whitespace-nowrap font-mono text-xs italic"
-                        style="color: var(--muted-alt)"
-                        >"Fixed a 3-day bug in 10 minutes"</span
-                      >
-                    </div>
-                  </div>
-                  <div class="rfm-child" style="--transform: none">
-                    <div
-                      code-path="src\sections\MarqueeSection.tsx:48:11"
-                      class="mx-3 flex items-center gap-3 rounded-full border px-6 py-3"
-                      style="background-color: var(--background); border-color: var(--border-color)"
-                    >
-                      <img
-                        code-path="src\sections\MarqueeSection.tsx:56:13"
-                        alt="Maria Santos"
-                        class="h-8 w-8 rounded-full border-2 object-cover"
-                        loading="lazy"
-                        src="./assets/avatar-2.jpg"
-                        style="border-color: var(--border-color)"
-                      />
-                      <div code-path="src\sections\MarqueeSection.tsx:63:13" class="flex flex-col">
-                        <span
-                          code-path="src\sections\MarqueeSection.tsx:64:15"
-                          class="whitespace-nowrap font-mono text-[13px] font-semibold"
-                          style="color: var(--foreground)"
-                          >Maria Santos</span
-                        ><span
-                          code-path="src\sections\MarqueeSection.tsx:67:15"
-                          class="whitespace-nowrap font-mono text-[11px] font-medium tracking-wider"
-                          style="color: var(--muted)"
-                          >Full Stack Engineer</span
-                        >
-                      </div>
-                      <span
-                        code-path="src\sections\MarqueeSection.tsx:71:13"
-                        class="ml-2 whitespace-nowrap font-mono text-xs italic"
-                        style="color: var(--muted-alt)"
-                        >"My duck never judges my spaghetti code"</span
-                      >
-                    </div>
-                  </div>
-                  <div class="rfm-child" style="--transform: none">
-                    <div
-                      code-path="src\sections\MarqueeSection.tsx:48:11"
-                      class="mx-3 flex items-center gap-3 rounded-full border px-6 py-3"
-                      style="background-color: var(--background); border-color: var(--border-color)"
-                    >
-                      <img
-                        code-path="src\sections\MarqueeSection.tsx:56:13"
-                        alt="James Wilson"
-                        class="h-8 w-8 rounded-full border-2 object-cover"
-                        loading="lazy"
-                        src="./assets/avatar-3.jpg"
-                        style="border-color: var(--border-color)"
-                      />
-                      <div code-path="src\sections\MarqueeSection.tsx:63:13" class="flex flex-col">
-                        <span
-                          code-path="src\sections\MarqueeSection.tsx:64:15"
-                          class="whitespace-nowrap font-mono text-[13px] font-semibold"
-                          style="color: var(--foreground)"
-                          >James Wilson</span
-                        ><span
-                          code-path="src\sections\MarqueeSection.tsx:67:15"
-                          class="whitespace-nowrap font-mono text-[11px] font-medium tracking-wider"
-                          style="color: var(--muted)"
-                          >Tech Lead @StartupX</span
-                        >
-                      </div>
-                      <span
-                        code-path="src\sections\MarqueeSection.tsx:71:13"
-                        class="ml-2 whitespace-nowrap font-mono text-xs italic"
-                        style="color: var(--muted-alt)"
-                        >"Essential part of our debugging workflow"</span
-                      >
-                    </div>
-                  </div>
-                  <div class="rfm-child" style="--transform: none">
-                    <div
-                      code-path="src\sections\MarqueeSection.tsx:48:11"
-                      class="mx-3 flex items-center gap-3 rounded-full border px-6 py-3"
-                      style="background-color: var(--background); border-color: var(--border-color)"
-                    >
-                      <img
-                        code-path="src\sections\MarqueeSection.tsx:56:13"
-                        alt="Yuki Tanaka"
-                        class="h-8 w-8 rounded-full border-2 object-cover"
-                        loading="lazy"
-                        src="./assets/avatar-4.jpg"
-                        style="border-color: var(--border-color)"
-                      />
-                      <div code-path="src\sections\MarqueeSection.tsx:63:13" class="flex flex-col">
-                        <span
-                          code-path="src\sections\MarqueeSection.tsx:64:15"
-                          class="whitespace-nowrap font-mono text-[13px] font-semibold"
-                          style="color: var(--foreground)"
-                          >Yuki Tanaka</span
-                        ><span
-                          code-path="src\sections\MarqueeSection.tsx:67:15"
-                          class="whitespace-nowrap font-mono text-[11px] font-medium tracking-wider"
-                          style="color: var(--muted)"
-                          >Indie Developer</span
-                        >
-                      </div>
-                      <span
-                        code-path="src\sections\MarqueeSection.tsx:71:13"
-                        class="ml-2 whitespace-nowrap font-mono text-xs italic"
-                        style="color: var(--muted-alt)"
-                        >"Better than Stack Overflow sometimes"</span
-                      >
-                    </div>
-                  </div>
-                  <div class="rfm-child" style="--transform: none">
-                    <div
-                      code-path="src\sections\MarqueeSection.tsx:48:11"
-                      class="mx-3 flex items-center gap-3 rounded-full border px-6 py-3"
-                      style="background-color: var(--background); border-color: var(--border-color)"
-                    >
-                      <img
-                        code-path="src\sections\MarqueeSection.tsx:56:13"
-                        alt="Priya Sharma"
-                        class="h-8 w-8 rounded-full border-2 object-cover"
-                        loading="lazy"
-                        src="./assets/avatar-5.jpg"
-                        style="border-color: var(--border-color)"
-                      />
-                      <div code-path="src\sections\MarqueeSection.tsx:63:13" class="flex flex-col">
-                        <span
-                          code-path="src\sections\MarqueeSection.tsx:64:15"
-                          class="whitespace-nowrap font-mono text-[13px] font-semibold"
-                          style="color: var(--foreground)"
-                          >Priya Sharma</span
-                        ><span
-                          code-path="src\sections\MarqueeSection.tsx:67:15"
-                          class="whitespace-nowrap font-mono text-[11px] font-medium tracking-wider"
-                          style="color: var(--muted)"
-                          >Backend Engineer</span
-                        >
-                      </div>
-                      <span
-                        code-path="src\sections\MarqueeSection.tsx:71:13"
-                        class="ml-2 whitespace-nowrap font-mono text-xs italic"
-                        style="color: var(--muted-alt)"
-                        >"The MCP integration is a game changer"</span
-                      >
-                    </div>
-                  </div>
-                  <div class="rfm-child" style="--transform: none">
-                    <div
-                      code-path="src\sections\MarqueeSection.tsx:48:11"
-                      class="mx-3 flex items-center gap-3 rounded-full border px-6 py-3"
-                      style="background-color: var(--background); border-color: var(--border-color)"
-                    >
-                      <img
-                        code-path="src\sections\MarqueeSection.tsx:56:13"
-                        alt="Lucas Meyer"
-                        class="h-8 w-8 rounded-full border-2 object-cover"
-                        loading="lazy"
-                        src="./assets/avatar-6.jpg"
-                        style="border-color: var(--border-color)"
-                      />
-                      <div code-path="src\sections\MarqueeSection.tsx:63:13" class="flex flex-col">
-                        <span
-                          code-path="src\sections\MarqueeSection.tsx:64:15"
-                          class="whitespace-nowrap font-mono text-[13px] font-semibold"
-                          style="color: var(--foreground)"
-                          >Lucas Meyer</span
-                        ><span
-                          code-path="src\sections\MarqueeSection.tsx:67:15"
-                          class="whitespace-nowrap font-mono text-[11px] font-medium tracking-wider"
-                          style="color: var(--muted)"
-                          >DevOps Specialist</span
-                        >
-                      </div>
-                      <span
-                        code-path="src\sections\MarqueeSection.tsx:71:13"
-                        class="ml-2 whitespace-nowrap font-mono text-xs italic"
-                        style="color: var(--muted-alt)"
-                        >"I debug faster with my duck"</span
-                      >
-                    </div>
-                  </div>
-                  <div class="rfm-child" style="--transform: none">
-                    <div
-                      code-path="src\sections\MarqueeSection.tsx:48:11"
-                      class="mx-3 flex items-center gap-3 rounded-full border px-6 py-3"
-                      style="background-color: var(--background); border-color: var(--border-color)"
-                    >
-                      <img
-                        code-path="src\sections\MarqueeSection.tsx:56:13"
-                        alt="Sarah Kim"
-                        class="h-8 w-8 rounded-full border-2 object-cover"
-                        loading="lazy"
-                        src="./assets/avatar-7.jpg"
-                        style="border-color: var(--border-color)"
-                      />
-                      <div code-path="src\sections\MarqueeSection.tsx:63:13" class="flex flex-col">
-                        <span
-                          code-path="src\sections\MarqueeSection.tsx:64:15"
-                          class="whitespace-nowrap font-mono text-[13px] font-semibold"
-                          style="color: var(--foreground)"
-                          >Sarah Kim</span
-                        ><span
-                          code-path="src\sections\MarqueeSection.tsx:67:15"
-                          class="whitespace-nowrap font-mono text-[11px] font-medium tracking-wider"
-                          style="color: var(--muted)"
-                          >Frontend Developer</span
-                        >
-                      </div>
-                      <span
-                        code-path="src\sections\MarqueeSection.tsx:71:13"
-                        class="ml-2 whitespace-nowrap font-mono text-xs italic"
-                        style="color: var(--muted-alt)"
-                        >"Finally, someone who listens"</span
-                      >
-                    </div>
-                  </div>
-                  <div class="rfm-child" style="--transform: none">
-                    <div
-                      code-path="src\sections\MarqueeSection.tsx:48:11"
-                      class="mx-3 flex items-center gap-3 rounded-full border px-6 py-3"
-                      style="background-color: var(--background); border-color: var(--border-color)"
-                    >
-                      <img
-                        code-path="src\sections\MarqueeSection.tsx:56:13"
-                        alt="David Park"
-                        class="h-8 w-8 rounded-full border-2 object-cover"
-                        loading="lazy"
-                        src="./assets/avatar-8.jpg"
-                        style="border-color: var(--border-color)"
-                      />
-                      <div code-path="src\sections\MarqueeSection.tsx:63:13" class="flex flex-col">
-                        <span
-                          code-path="src\sections\MarqueeSection.tsx:64:15"
-                          class="whitespace-nowrap font-mono text-[13px] font-semibold"
-                          style="color: var(--foreground)"
-                          >David Park</span
-                        ><span
-                          code-path="src\sections\MarqueeSection.tsx:67:15"
-                          class="whitespace-nowrap font-mono text-[11px] font-medium tracking-wider"
-                          style="color: var(--muted)"
-                          >Software Architect</span
-                        >
-                      </div>
-                      <span
-                        code-path="src\sections\MarqueeSection.tsx:71:13"
-                        class="ml-2 whitespace-nowrap font-mono text-xs italic"
-                        style="color: var(--muted-alt)"
-                        >"Surprisingly effective every time"</span
-                      >
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="rfm-marquee"
-                style="
-                  --play: running;
-                  --direction: normal;
-                  --duration: 70.35911458333334s;
-                  --delay: 0s;
-                  --iteration-count: infinite;
-                  --min-width: 100%;
-                "
-              >
-                <div class="rfm-child" style="--transform: none">
-                  <div
-                    code-path="src\sections\MarqueeSection.tsx:48:11"
-                    class="mx-3 flex items-center gap-3 rounded-full border px-6 py-3"
-                    style="background-color: var(--background); border-color: var(--border-color)"
-                  >
-                    <img
-                      code-path="src\sections\MarqueeSection.tsx:56:13"
-                      alt="Alex Chen"
-                      class="h-8 w-8 rounded-full border-2 object-cover"
-                      loading="lazy"
-                      src="./assets/avatar-1.jpg"
-                      style="border-color: var(--border-color)"
-                    />
-                    <div code-path="src\sections\MarqueeSection.tsx:63:13" class="flex flex-col">
-                      <span
-                        code-path="src\sections\MarqueeSection.tsx:64:15"
-                        class="whitespace-nowrap font-mono text-[13px] font-semibold"
-                        style="color: var(--foreground)"
-                        >Alex Chen</span
-                      ><span
-                        code-path="src\sections\MarqueeSection.tsx:67:15"
-                        class="whitespace-nowrap font-mono text-[11px] font-medium tracking-wider"
-                        style="color: var(--muted)"
-                        >Senior Developer @TechCorp</span
-                      >
-                    </div>
-                    <span
-                      code-path="src\sections\MarqueeSection.tsx:71:13"
-                      class="ml-2 whitespace-nowrap font-mono text-xs italic"
-                      style="color: var(--muted-alt)"
-                      >"Fixed a 3-day bug in 10 minutes"</span
-                    >
-                  </div>
-                </div>
-                <div class="rfm-child" style="--transform: none">
-                  <div
-                    code-path="src\sections\MarqueeSection.tsx:48:11"
-                    class="mx-3 flex items-center gap-3 rounded-full border px-6 py-3"
-                    style="background-color: var(--background); border-color: var(--border-color)"
-                  >
-                    <img
-                      code-path="src\sections\MarqueeSection.tsx:56:13"
-                      alt="Maria Santos"
-                      class="h-8 w-8 rounded-full border-2 object-cover"
-                      loading="lazy"
-                      src="./assets/avatar-2.jpg"
-                      style="border-color: var(--border-color)"
-                    />
-                    <div code-path="src\sections\MarqueeSection.tsx:63:13" class="flex flex-col">
-                      <span
-                        code-path="src\sections\MarqueeSection.tsx:64:15"
-                        class="whitespace-nowrap font-mono text-[13px] font-semibold"
-                        style="color: var(--foreground)"
-                        >Maria Santos</span
-                      ><span
-                        code-path="src\sections\MarqueeSection.tsx:67:15"
-                        class="whitespace-nowrap font-mono text-[11px] font-medium tracking-wider"
-                        style="color: var(--muted)"
-                        >Full Stack Engineer</span
-                      >
-                    </div>
-                    <span
-                      code-path="src\sections\MarqueeSection.tsx:71:13"
-                      class="ml-2 whitespace-nowrap font-mono text-xs italic"
-                      style="color: var(--muted-alt)"
-                      >"My duck never judges my spaghetti code"</span
-                    >
-                  </div>
-                </div>
-                <div class="rfm-child" style="--transform: none">
-                  <div
-                    code-path="src\sections\MarqueeSection.tsx:48:11"
-                    class="mx-3 flex items-center gap-3 rounded-full border px-6 py-3"
-                    style="background-color: var(--background); border-color: var(--border-color)"
-                  >
-                    <img
-                      code-path="src\sections\MarqueeSection.tsx:56:13"
-                      alt="James Wilson"
-                      class="h-8 w-8 rounded-full border-2 object-cover"
-                      loading="lazy"
-                      src="./assets/avatar-3.jpg"
-                      style="border-color: var(--border-color)"
-                    />
-                    <div code-path="src\sections\MarqueeSection.tsx:63:13" class="flex flex-col">
-                      <span
-                        code-path="src\sections\MarqueeSection.tsx:64:15"
-                        class="whitespace-nowrap font-mono text-[13px] font-semibold"
-                        style="color: var(--foreground)"
-                        >James Wilson</span
-                      ><span
-                        code-path="src\sections\MarqueeSection.tsx:67:15"
-                        class="whitespace-nowrap font-mono text-[11px] font-medium tracking-wider"
-                        style="color: var(--muted)"
-                        >Tech Lead @StartupX</span
-                      >
-                    </div>
-                    <span
-                      code-path="src\sections\MarqueeSection.tsx:71:13"
-                      class="ml-2 whitespace-nowrap font-mono text-xs italic"
-                      style="color: var(--muted-alt)"
-                      >"Essential part of our debugging workflow"</span
-                    >
-                  </div>
-                </div>
-                <div class="rfm-child" style="--transform: none">
-                  <div
-                    code-path="src\sections\MarqueeSection.tsx:48:11"
-                    class="mx-3 flex items-center gap-3 rounded-full border px-6 py-3"
-                    style="background-color: var(--background); border-color: var(--border-color)"
-                  >
-                    <img
-                      code-path="src\sections\MarqueeSection.tsx:56:13"
-                      alt="Yuki Tanaka"
-                      class="h-8 w-8 rounded-full border-2 object-cover"
-                      loading="lazy"
-                      src="./assets/avatar-4.jpg"
-                      style="border-color: var(--border-color)"
-                    />
-                    <div code-path="src\sections\MarqueeSection.tsx:63:13" class="flex flex-col">
-                      <span
-                        code-path="src\sections\MarqueeSection.tsx:64:15"
-                        class="whitespace-nowrap font-mono text-[13px] font-semibold"
-                        style="color: var(--foreground)"
-                        >Yuki Tanaka</span
-                      ><span
-                        code-path="src\sections\MarqueeSection.tsx:67:15"
-                        class="whitespace-nowrap font-mono text-[11px] font-medium tracking-wider"
-                        style="color: var(--muted)"
-                        >Indie Developer</span
-                      >
-                    </div>
-                    <span
-                      code-path="src\sections\MarqueeSection.tsx:71:13"
-                      class="ml-2 whitespace-nowrap font-mono text-xs italic"
-                      style="color: var(--muted-alt)"
-                      >"Better than Stack Overflow sometimes"</span
-                    >
-                  </div>
-                </div>
-                <div class="rfm-child" style="--transform: none">
-                  <div
-                    code-path="src\sections\MarqueeSection.tsx:48:11"
-                    class="mx-3 flex items-center gap-3 rounded-full border px-6 py-3"
-                    style="background-color: var(--background); border-color: var(--border-color)"
-                  >
-                    <img
-                      code-path="src\sections\MarqueeSection.tsx:56:13"
-                      alt="Priya Sharma"
-                      class="h-8 w-8 rounded-full border-2 object-cover"
-                      loading="lazy"
-                      src="./assets/avatar-5.jpg"
-                      style="border-color: var(--border-color)"
-                    />
-                    <div code-path="src\sections\MarqueeSection.tsx:63:13" class="flex flex-col">
-                      <span
-                        code-path="src\sections\MarqueeSection.tsx:64:15"
-                        class="whitespace-nowrap font-mono text-[13px] font-semibold"
-                        style="color: var(--foreground)"
-                        >Priya Sharma</span
-                      ><span
-                        code-path="src\sections\MarqueeSection.tsx:67:15"
-                        class="whitespace-nowrap font-mono text-[11px] font-medium tracking-wider"
-                        style="color: var(--muted)"
-                        >Backend Engineer</span
-                      >
-                    </div>
-                    <span
-                      code-path="src\sections\MarqueeSection.tsx:71:13"
-                      class="ml-2 whitespace-nowrap font-mono text-xs italic"
-                      style="color: var(--muted-alt)"
-                      >"The MCP integration is a game changer"</span
-                    >
-                  </div>
-                </div>
-                <div class="rfm-child" style="--transform: none">
-                  <div
-                    code-path="src\sections\MarqueeSection.tsx:48:11"
-                    class="mx-3 flex items-center gap-3 rounded-full border px-6 py-3"
-                    style="background-color: var(--background); border-color: var(--border-color)"
-                  >
-                    <img
-                      code-path="src\sections\MarqueeSection.tsx:56:13"
-                      alt="Lucas Meyer"
-                      class="h-8 w-8 rounded-full border-2 object-cover"
-                      loading="lazy"
-                      src="./assets/avatar-6.jpg"
-                      style="border-color: var(--border-color)"
-                    />
-                    <div code-path="src\sections\MarqueeSection.tsx:63:13" class="flex flex-col">
-                      <span
-                        code-path="src\sections\MarqueeSection.tsx:64:15"
-                        class="whitespace-nowrap font-mono text-[13px] font-semibold"
-                        style="color: var(--foreground)"
-                        >Lucas Meyer</span
-                      ><span
-                        code-path="src\sections\MarqueeSection.tsx:67:15"
-                        class="whitespace-nowrap font-mono text-[11px] font-medium tracking-wider"
-                        style="color: var(--muted)"
-                        >DevOps Specialist</span
-                      >
-                    </div>
-                    <span
-                      code-path="src\sections\MarqueeSection.tsx:71:13"
-                      class="ml-2 whitespace-nowrap font-mono text-xs italic"
-                      style="color: var(--muted-alt)"
-                      >"I debug faster with my duck"</span
-                    >
-                  </div>
-                </div>
-                <div class="rfm-child" style="--transform: none">
-                  <div
-                    code-path="src\sections\MarqueeSection.tsx:48:11"
-                    class="mx-3 flex items-center gap-3 rounded-full border px-6 py-3"
-                    style="background-color: var(--background); border-color: var(--border-color)"
-                  >
-                    <img
-                      code-path="src\sections\MarqueeSection.tsx:56:13"
-                      alt="Sarah Kim"
-                      class="h-8 w-8 rounded-full border-2 object-cover"
-                      loading="lazy"
-                      src="./assets/avatar-7.jpg"
-                      style="border-color: var(--border-color)"
-                    />
-                    <div code-path="src\sections\MarqueeSection.tsx:63:13" class="flex flex-col">
-                      <span
-                        code-path="src\sections\MarqueeSection.tsx:64:15"
-                        class="whitespace-nowrap font-mono text-[13px] font-semibold"
-                        style="color: var(--foreground)"
-                        >Sarah Kim</span
-                      ><span
-                        code-path="src\sections\MarqueeSection.tsx:67:15"
-                        class="whitespace-nowrap font-mono text-[11px] font-medium tracking-wider"
-                        style="color: var(--muted)"
-                        >Frontend Developer</span
-                      >
-                    </div>
-                    <span
-                      code-path="src\sections\MarqueeSection.tsx:71:13"
-                      class="ml-2 whitespace-nowrap font-mono text-xs italic"
-                      style="color: var(--muted-alt)"
-                      >"Finally, someone who listens"</span
-                    >
-                  </div>
-                </div>
-                <div class="rfm-child" style="--transform: none">
-                  <div
-                    code-path="src\sections\MarqueeSection.tsx:48:11"
-                    class="mx-3 flex items-center gap-3 rounded-full border px-6 py-3"
-                    style="background-color: var(--background); border-color: var(--border-color)"
-                  >
-                    <img
-                      code-path="src\sections\MarqueeSection.tsx:56:13"
-                      alt="David Park"
-                      class="h-8 w-8 rounded-full border-2 object-cover"
-                      loading="lazy"
-                      src="./assets/avatar-8.jpg"
-                      style="border-color: var(--border-color)"
-                    />
-                    <div code-path="src\sections\MarqueeSection.tsx:63:13" class="flex flex-col">
-                      <span
-                        code-path="src\sections\MarqueeSection.tsx:64:15"
-                        class="whitespace-nowrap font-mono text-[13px] font-semibold"
-                        style="color: var(--foreground)"
-                        >David Park</span
-                      ><span
-                        code-path="src\sections\MarqueeSection.tsx:67:15"
-                        class="whitespace-nowrap font-mono text-[11px] font-medium tracking-wider"
-                        style="color: var(--muted)"
-                        >Software Architect</span
-                      >
-                    </div>
-                    <span
-                      code-path="src\sections\MarqueeSection.tsx:71:13"
-                      class="ml-2 whitespace-nowrap font-mono text-xs italic"
-                      style="color: var(--muted-alt)"
-                      >"Surprisingly effective every time"</span
-                    >
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <section
-            code-path="src\sections\HowItWorksSection.tsx:69:5"
-            id="how-it-works"
-            class="w-full px-4 py-[120px] max-md:py-20"
-            style="background-color: var(--background)"
-          >
-            <div code-path="src\sections\HowItWorksSection.tsx:75:7" class="mx-auto max-w-[1200px]">
-              <div
-                code-path="src\sections\HowItWorksSection.tsx:76:9"
-                style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1"
-              >
-                <div
-                  code-path="src\sections\HowItWorksSection.tsx:77:11"
-                  class="mb-4 font-mono text-xs font-medium tracking-[0.05em]"
-                  style="color: var(--primary)"
-                >
-                  // HOW IT WORKS
-                </div>
-                <h2
-                  code-path="src\sections\HowItWorksSection.tsx:83:11"
-                  class="mb-16 font-mono text-[42px] font-normal leading-[1.15] tracking-[-0.5px] max-md:text-[28px]"
-                  style="color: var(--foreground)"
-                >
-                  Three steps to enlightenment
-                </h2>
-              </div>
-              <div code-path="src\sections\HowItWorksSection.tsx:91:9" class="grid grid-cols-1 gap-6 md:grid-cols-3">
-                <div
-                  code-path="src\sections\HowItWorksSection.tsx:95:15"
-                  class="step-card rounded-xl border p-8 transition-shadow duration-300"
-                  style="
-                    background-color: var(--surface);
-                    border-color: var(--border-color);
-                    box-shadow: var(--card-shadow);
-                    translate: none;
-                    rotate: none;
-                    scale: none;
-                    transform: translate(0px, 0px);
-                    opacity: 1;
-                  "
-                >
-                  <div
-                    code-path="src\sections\HowItWorksSection.tsx:104:17"
-                    class="mb-4 font-serif text-[36px] font-light"
-                    style="color: var(--muted-alt)"
-                  >
-                    01
-                  </div>
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="32"
-                    height="32"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    class="lucide lucide-message-square mb-5"
-                    aria-hidden="true"
-                    code-path="src\sections\HowItWorksSection.tsx:110:17"
-                    style="color: var(--primary)"
-                  >
-                    <path
-                      d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"
-                    ></path>
-                  </svg>
-                  <h3
-                    code-path="src\sections\HowItWorksSection.tsx:111:17"
-                    class="mb-3 font-mono text-[28px] font-medium leading-[1.25]"
-                    style="color: var(--foreground)"
-                  >
-                    Describe your bug
-                  </h3>
-                  <p
-                    code-path="src\sections\HowItWorksSection.tsx:117:17"
-                    class="font-mono text-[15px] leading-[1.7]"
-                    style="color: var(--muted)"
-                  >
-                    Paste your code, explain the error, describe what you expected. Our duck is a patient listener.
-                  </p>
-                </div>
-                <div
-                  code-path="src\sections\HowItWorksSection.tsx:95:15"
-                  class="step-card rounded-xl border p-8 transition-shadow duration-300"
-                  style="
-                    background-color: var(--surface);
-                    border-color: var(--border-color);
-                    box-shadow: var(--card-shadow);
-                    translate: none;
-                    rotate: none;
-                    scale: none;
-                    transform: translate(0px, 0px);
-                    opacity: 1;
-                  "
-                >
-                  <div
-                    code-path="src\sections\HowItWorksSection.tsx:104:17"
-                    class="mb-4 font-serif text-[36px] font-light"
-                    style="color: var(--muted-alt)"
-                  >
-                    02
-                  </div>
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="32"
-                    height="32"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    class="lucide lucide-terminal mb-5"
-                    aria-hidden="true"
-                    code-path="src\sections\HowItWorksSection.tsx:110:17"
-                    style="color: var(--primary)"
-                  >
-                    <path d="M12 19h8"></path>
-                    <path d="m4 17 6-6-6-6"></path>
-                  </svg>
-                  <h3
-                    code-path="src\sections\HowItWorksSection.tsx:111:17"
-                    class="mb-3 font-mono text-[28px] font-medium leading-[1.25]"
-                    style="color: var(--foreground)"
-                  >
-                    Explain line by line
-                  </h3>
-                  <p
-                    code-path="src\sections\HowItWorksSection.tsx:117:17"
-                    class="font-mono text-[15px] leading-[1.7]"
-                    style="color: var(--muted)"
-                  >
-                    Walk through your logic step by step. The act of explaining often reveals the solution. Your duck
-                    nods along.
-                  </p>
-                </div>
-                <div
-                  code-path="src\sections\HowItWorksSection.tsx:95:15"
-                  class="step-card rounded-xl border p-8 transition-shadow duration-300"
-                  style="
-                    background-color: var(--surface);
-                    border-color: var(--border-color);
-                    box-shadow: var(--card-shadow);
-                    translate: none;
-                    rotate: none;
-                    scale: none;
-                    transform: translate(0px, 0px);
-                    opacity: 1;
-                  "
-                >
-                  <div
-                    code-path="src\sections\HowItWorksSection.tsx:104:17"
-                    class="mb-4 font-serif text-[36px] font-light"
-                    style="color: var(--muted-alt)"
-                  >
-                    03
-                  </div>
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="32"
-                    height="32"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    class="lucide lucide-zap mb-5"
-                    aria-hidden="true"
-                    code-path="src\sections\HowItWorksSection.tsx:110:17"
-                    style="color: var(--secondary)"
-                  >
-                    <path
-                      d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"
-                    ></path>
-                  </svg>
-                  <h3
-                    code-path="src\sections\HowItWorksSection.tsx:111:17"
-                    class="mb-3 font-mono text-[28px] font-medium leading-[1.25]"
-                    style="color: var(--foreground)"
-                  >
-                    Find the solution
-                  </h3>
-                  <p
-                    code-path="src\sections\HowItWorksSection.tsx:117:17"
-                    class="font-mono text-[15px] leading-[1.7]"
-                    style="color: var(--muted)"
-                  >
-                    That moment of clarity hits. The bug was a missing semicolon, a wrong variable name, or a logical
-                    oversight. You got this.
-                  </p>
-                </div>
-              </div>
-            </div>
-          </section>
-          <section
-            code-path="src\sections\FeaturesSection.tsx:71:5"
-            class="w-full px-4 py-[120px] max-md:py-20"
-            style="background-color: var(--surface-alt)"
-          >
-            <div code-path="src\sections\FeaturesSection.tsx:76:7" class="mx-auto max-w-[1200px]">
-              <div
-                code-path="src\sections\FeaturesSection.tsx:77:9"
-                style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1"
-              >
-                <div
-                  code-path="src\sections\FeaturesSection.tsx:78:11"
-                  class="mb-4 font-mono text-xs font-medium tracking-[0.05em]"
-                  style="color: var(--primary)"
-                >
-                  // FEATURES
-                </div>
-                <h2
-                  code-path="src\sections\FeaturesSection.tsx:84:11"
-                  class="mb-16 font-mono text-[42px] font-normal leading-[1.15] tracking-[-0.5px] max-md:text-[28px]"
-                  style="color: var(--foreground)"
-                >
-                  Everything you need to debug
-                </h2>
-              </div>
-              <div code-path="src\sections\FeaturesSection.tsx:92:9" class="grid grid-cols-1 gap-8 md:grid-cols-2">
-                <div
-                  code-path="src\sections\FeaturesSection.tsx:96:15"
-                  class="feature-card overflow-hidden rounded-lg"
-                  style="
-                    background-color: var(--terminal);
-                    translate: none;
-                    rotate: none;
-                    scale: none;
-                    transform: translate(0px, 0px);
-                    opacity: 1;
-                  "
-                >
-                  <div
-                    code-path="src\sections\FeaturesSection.tsx:102:17"
-                    class="flex h-8 items-center gap-2 px-3"
-                    style="background-color: rgb(24, 24, 27)"
-                  >
-                    <span
-                      code-path="src\sections\FeaturesSection.tsx:106:19"
-                      class="h-2.5 w-2.5 rounded-full"
-                      style="background-color: rgb(239, 68, 68)"
-                    ></span
-                    ><span
-                      code-path="src\sections\FeaturesSection.tsx:107:19"
-                      class="h-2.5 w-2.5 rounded-full"
-                      style="background-color: rgb(234, 179, 8)"
-                    ></span
-                    ><span
-                      code-path="src\sections\FeaturesSection.tsx:108:19"
-                      class="h-2.5 w-2.5 rounded-full"
-                      style="background-color: rgb(34, 197, 94)"
-                    ></span>
-                  </div>
-                  <div code-path="src\sections\FeaturesSection.tsx:112:17" class="px-6 py-6">
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      width="28"
-                      height="28"
-                      viewBox="0 0 24 24"
-                      fill="none"
-                      stroke="currentColor"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      class="lucide lucide-braces mb-4"
-                      aria-hidden="true"
-                      code-path="src\sections\FeaturesSection.tsx:113:19"
-                      style="color: var(--terminal-text)"
-                    >
-                      <path d="M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1"></path>
-                      <path d="M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1"></path>
-                    </svg>
-                    <h3
-                      code-path="src\sections\FeaturesSection.tsx:114:19"
-                      class="mb-2 font-mono text-lg font-semibold leading-[1.35]"
-                      style="color: var(--foreground)"
-                    >
-                      Syntax Highlighting
-                    </h3>
-                    <p
-                      code-path="src\sections\FeaturesSection.tsx:120:19"
-                      class="font-mono text-[13px] leading-[1.65]"
-                      style="color: var(--muted)"
-                    >
-                      Your code is beautifully highlighted as you paste it. 40+ languages supported. Your duck
-                      appreciates clean formatting.
-                    </p>
-                  </div>
-                </div>
-                <div
-                  code-path="src\sections\FeaturesSection.tsx:96:15"
-                  class="feature-card overflow-hidden rounded-lg"
-                  style="
-                    background-color: var(--terminal);
-                    translate: none;
-                    rotate: none;
-                    scale: none;
-                    transform: translate(0px, 0px);
-                    opacity: 1;
-                  "
-                >
-                  <div
-                    code-path="src\sections\FeaturesSection.tsx:102:17"
-                    class="flex h-8 items-center gap-2 px-3"
-                    style="background-color: rgb(24, 24, 27)"
-                  >
-                    <span
-                      code-path="src\sections\FeaturesSection.tsx:106:19"
-                      class="h-2.5 w-2.5 rounded-full"
-                      style="background-color: rgb(239, 68, 68)"
-                    ></span
-                    ><span
-                      code-path="src\sections\FeaturesSection.tsx:107:19"
-                      class="h-2.5 w-2.5 rounded-full"
-                      style="background-color: rgb(234, 179, 8)"
-                    ></span
-                    ><span
-                      code-path="src\sections\FeaturesSection.tsx:108:19"
-                      class="h-2.5 w-2.5 rounded-full"
-                      style="background-color: rgb(34, 197, 94)"
-                    ></span>
-                  </div>
-                  <div code-path="src\sections\FeaturesSection.tsx:112:17" class="px-6 py-6">
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      width="28"
-                      height="28"
-                      viewBox="0 0 24 24"
-                      fill="none"
-                      stroke="currentColor"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      class="lucide lucide-clock mb-4"
-                      aria-hidden="true"
-                      code-path="src\sections\FeaturesSection.tsx:113:19"
-                      style="color: var(--terminal-text)"
-                    >
-                      <path d="M12 6v6l4 2"></path>
-                      <circle cx="12" cy="12" r="10"></circle>
-                    </svg>
-                    <h3
-                      code-path="src\sections\FeaturesSection.tsx:114:19"
-                      class="mb-2 font-mono text-lg font-semibold leading-[1.35]"
-                      style="color: var(--foreground)"
-                    >
-                      Session History
-                    </h3>
-                    <p
-                      code-path="src\sections\FeaturesSection.tsx:120:19"
-                      class="font-mono text-[13px] leading-[1.65]"
-                      style="color: var(--muted)"
-                    >
-                      Every debugging session is saved. Revisit past bugs, see your thought process, build a personal
-                      knowledge base.
-                    </p>
-                  </div>
-                </div>
-                <div
-                  code-path="src\sections\FeaturesSection.tsx:96:15"
-                  class="feature-card overflow-hidden rounded-lg"
-                  style="
-                    background-color: var(--terminal);
-                    translate: none;
-                    rotate: none;
-                    scale: none;
-                    transform: translate(0px, 0px);
-                    opacity: 1;
-                  "
-                >
-                  <div
-                    code-path="src\sections\FeaturesSection.tsx:102:17"
-                    class="flex h-8 items-center gap-2 px-3"
-                    style="background-color: rgb(24, 24, 27)"
-                  >
-                    <span
-                      code-path="src\sections\FeaturesSection.tsx:106:19"
-                      class="h-2.5 w-2.5 rounded-full"
-                      style="background-color: rgb(239, 68, 68)"
-                    ></span
-                    ><span
-                      code-path="src\sections\FeaturesSection.tsx:107:19"
-                      class="h-2.5 w-2.5 rounded-full"
-                      style="background-color: rgb(234, 179, 8)"
-                    ></span
-                    ><span
-                      code-path="src\sections\FeaturesSection.tsx:108:19"
-                      class="h-2.5 w-2.5 rounded-full"
-                      style="background-color: rgb(34, 197, 94)"
-                    ></span>
-                  </div>
-                  <div code-path="src\sections\FeaturesSection.tsx:112:17" class="px-6 py-6">
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      width="28"
-                      height="28"
-                      viewBox="0 0 24 24"
-                      fill="none"
-                      stroke="currentColor"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      class="lucide lucide-users mb-4"
-                      aria-hidden="true"
-                      code-path="src\sections\FeaturesSection.tsx:113:19"
-                      style="color: var(--terminal-text)"
-                    >
-                      <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
-                      <path d="M16 3.128a4 4 0 0 1 0 7.744"></path>
-                      <path d="M22 21v-2a4 4 0 0 0-3-3.87"></path>
-                      <circle cx="9" cy="7" r="4"></circle>
-                    </svg>
-                    <h3
-                      code-path="src\sections\FeaturesSection.tsx:114:19"
-                      class="mb-2 font-mono text-lg font-semibold leading-[1.35]"
-                      style="color: var(--foreground)"
-                    >
-                      Multi-Duck Support
-                    </h3>
-                    <p
-                      code-path="src\sections\FeaturesSection.tsx:120:19"
-                      class="font-mono text-[13px] leading-[1.65]"
-                      style="color: var(--muted)"
-                    >
-                      Switch between different duck personas. The strict professor. The calm zen master. The chaotic
-                      energy duck.
-                    </p>
-                  </div>
-                </div>
-                <div
-                  code-path="src\sections\FeaturesSection.tsx:96:15"
-                  class="feature-card overflow-hidden rounded-lg"
-                  style="
-                    background-color: var(--terminal);
-                    translate: none;
-                    rotate: none;
-                    scale: none;
-                    transform: translate(0px, 0px);
-                    opacity: 1;
-                  "
-                >
-                  <div
-                    code-path="src\sections\FeaturesSection.tsx:102:17"
-                    class="flex h-8 items-center gap-2 px-3"
-                    style="background-color: rgb(24, 24, 27)"
-                  >
-                    <span
-                      code-path="src\sections\FeaturesSection.tsx:106:19"
-                      class="h-2.5 w-2.5 rounded-full"
-                      style="background-color: rgb(239, 68, 68)"
-                    ></span
-                    ><span
-                      code-path="src\sections\FeaturesSection.tsx:107:19"
-                      class="h-2.5 w-2.5 rounded-full"
-                      style="background-color: rgb(234, 179, 8)"
-                    ></span
-                    ><span
-                      code-path="src\sections\FeaturesSection.tsx:108:19"
-                      class="h-2.5 w-2.5 rounded-full"
-                      style="background-color: rgb(34, 197, 94)"
-                    ></span>
-                  </div>
-                  <div code-path="src\sections\FeaturesSection.tsx:112:17" class="px-6 py-6">
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      width="28"
-                      height="28"
-                      viewBox="0 0 24 24"
-                      fill="none"
-                      stroke="currentColor"
-                      stroke-width="2"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      class="lucide lucide-code-xml mb-4"
-                      aria-hidden="true"
-                      code-path="src\sections\FeaturesSection.tsx:113:19"
-                      style="color: var(--terminal-text)"
-                    >
-                      <path d="m18 16 4-4-4-4"></path>
-                      <path d="m6 8-4 4 4 4"></path>
-                      <path d="m14.5 4-5 16"></path>
-                    </svg>
-                    <h3
-                      code-path="src\sections\FeaturesSection.tsx:114:19"
-                      class="mb-2 font-mono text-lg font-semibold leading-[1.35]"
-                      style="color: var(--foreground)"
-                    >
-                      API Access
-                    </h3>
-                    <p
-                      code-path="src\sections\FeaturesSection.tsx:120:19"
-                      class="font-mono text-[13px] leading-[1.65]"
-                      style="color: var(--muted)"
-                    >
-                      Integrate debugging into your workflow. RESTful API with webhooks. Debug programmatically when
-                      words fail.
-                    </p>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <section
-            code-path="src\sections\RoadmapSection.tsx:100:5"
-            id="roadmap"
-            class="w-full px-4 py-[120px] max-md:py-20"
-            style="background-color: var(--background)"
-          >
-            <div code-path="src\sections\RoadmapSection.tsx:106:7" class="mx-auto max-w-[1200px]">
-              <div
-                code-path="src\sections\RoadmapSection.tsx:107:9"
-                style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1"
-              >
-                <div
-                  code-path="src\sections\RoadmapSection.tsx:108:11"
-                  class="mb-4 font-mono text-xs font-medium tracking-[0.05em]"
-                  style="color: var(--primary)"
-                >
-                  // ROADMAP
-                </div>
-                <h2
-                  code-path="src\sections\RoadmapSection.tsx:114:11"
-                  class="mb-4 font-mono text-[42px] font-normal leading-[1.15] tracking-[-0.5px] max-md:text-[28px]"
-                  style="color: var(--foreground)"
-                >
-                  What's coming next
-                </h2>
-                <p
-                  code-path="src\sections\RoadmapSection.tsx:120:11"
-                  class="mb-16 max-w-[600px] font-mono text-[15px] leading-[1.7]"
-                  style="color: var(--muted)"
-                >
-                  The MVP is live. Here's what we're building next to make your debugging experience even more powerful.
-                </p>
-              </div>
-              <div
-                code-path="src\sections\RoadmapSection.tsx:128:9"
-                class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4"
-              >
-                <div
-                  code-path="src\sections\RoadmapSection.tsx:132:15"
-                  class="roadmap-card rounded-xl border p-8"
-                  style="
-                    background-color: var(--surface);
-                    border-color: var(--border-color);
-                    box-shadow: var(--card-shadow);
-                    translate: none;
-                    rotate: none;
-                    scale: none;
-                    transform: translate(0px, 0px);
-                    opacity: 1;
-                  "
-                >
-                  <span
-                    code-path="src\sections\RoadmapSection.tsx:51:5"
-                    class="inline-block rounded-full px-3 py-1 font-mono text-[11px] font-medium tracking-wider"
-                    style="background-color: rgba(79, 110, 247, 0.1); color: var(--primary)"
-                    >IN PROGRESS</span
-                  ><svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="36"
-                    height="36"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    class="lucide lucide-server mt-5 mb-4"
-                    aria-hidden="true"
-                    code-path="src\sections\RoadmapSection.tsx:142:17"
-                    style="color: var(--primary)"
-                  >
-                    <rect width="20" height="8" x="2" y="2" rx="2" ry="2"></rect>
-                    <rect width="20" height="8" x="2" y="14" rx="2" ry="2"></rect>
-                    <line x1="6" x2="6.01" y1="6" y2="6"></line>
-                    <line x1="6" x2="6.01" y1="18" y2="18"></line>
-                  </svg>
-                  <h3
-                    code-path="src\sections\RoadmapSection.tsx:147:17"
-                    class="mb-3 font-mono text-[28px] font-medium leading-[1.25]"
-                    style="color: var(--foreground)"
-                  >
-                    MCP Server
-                  </h3>
-                  <p
-                    code-path="src\sections\RoadmapSection.tsx:153:17"
-                    class="mb-4 font-mono text-[13px] leading-[1.65]"
-                    style="color: var(--muted)"
-                  >
-                    Model Context Protocol server for IDE integration. Connect your editor directly to your duck.
-                  </p>
-                  <ul code-path="src\sections\RoadmapSection.tsx:159:17" class="flex flex-col gap-2">
-                    <li
-                      code-path="src\sections\RoadmapSection.tsx:161:21"
-                      class="flex items-start gap-2 font-mono text-[13px]"
-                      style="color: var(--muted)"
-                    >
-                      <span
-                        code-path="src\sections\RoadmapSection.tsx:162:23"
-                        class="mt-1.5 h-1.5 w-1.5 min-w-[6px] rounded-full"
-                        style="background-color: var(--secondary)"
-                      ></span
-                      >VS Code extension
-                    </li>
-                    <li
-                      code-path="src\sections\RoadmapSection.tsx:161:21"
-                      class="flex items-start gap-2 font-mono text-[13px]"
-                      style="color: var(--muted)"
-                    >
-                      <span
-                        code-path="src\sections\RoadmapSection.tsx:162:23"
-                        class="mt-1.5 h-1.5 w-1.5 min-w-[6px] rounded-full"
-                        style="background-color: var(--secondary)"
-                      ></span
-                      >JetBrains plugin
-                    </li>
-                    <li
-                      code-path="src\sections\RoadmapSection.tsx:161:21"
-                      class="flex items-start gap-2 font-mono text-[13px]"
-                      style="color: var(--muted)"
-                    >
-                      <span
-                        code-path="src\sections\RoadmapSection.tsx:162:23"
-                        class="mt-1.5 h-1.5 w-1.5 min-w-[6px] rounded-full"
-                        style="background-color: var(--secondary)"
-                      ></span
-                      >Neovim integration
-                    </li>
-                  </ul>
-                </div>
-                <div
-                  code-path="src\sections\RoadmapSection.tsx:132:15"
-                  class="roadmap-card rounded-xl border p-8"
-                  style="
-                    background-color: var(--surface);
-                    border-color: var(--border-color);
-                    box-shadow: var(--card-shadow);
-                    translate: none;
-                    rotate: none;
-                    scale: none;
-                    transform: translate(0px, 0px);
-                    opacity: 1;
-                  "
-                >
-                  <span
-                    code-path="src\sections\RoadmapSection.tsx:51:5"
-                    class="inline-block rounded-full px-3 py-1 font-mono text-[11px] font-medium tracking-wider"
-                    style="background-color: rgba(161, 161, 170, 0.1); color: var(--muted)"
-                    >PLANNED</span
-                  ><svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="36"
-                    height="36"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    class="lucide lucide-palette mt-5 mb-4"
-                    aria-hidden="true"
-                    code-path="src\sections\RoadmapSection.tsx:142:17"
-                    style="color: var(--secondary)"
-                  >
-                    <path
-                      d="M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z"
-                    ></path>
-                    <circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle>
-                    <circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle>
-                    <circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle>
-                    <circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle>
-                  </svg>
-                  <h3
-                    code-path="src\sections\RoadmapSection.tsx:147:17"
-                    class="mb-3 font-mono text-[28px] font-medium leading-[1.25]"
-                    style="color: var(--foreground)"
-                  >
-                    Duck Skins
-                  </h3>
-                  <p
-                    code-path="src\sections\RoadmapSection.tsx:153:17"
-                    class="mb-4 font-mono text-[13px] leading-[1.65]"
-                    style="color: var(--muted)"
-                  >
-                    Customize your debugging companion. From cyberpunk neon to retro CRT aesthetics.
-                  </p>
-                  <ul code-path="src\sections\RoadmapSection.tsx:159:17" class="flex flex-col gap-2">
-                    <li
-                      code-path="src\sections\RoadmapSection.tsx:161:21"
-                      class="flex items-start gap-2 font-mono text-[13px]"
-                      style="color: var(--muted)"
-                    >
-                      <span
-                        code-path="src\sections\RoadmapSection.tsx:162:23"
-                        class="mt-1.5 h-1.5 w-1.5 min-w-[6px] rounded-full"
-                        style="background-color: var(--secondary)"
-                      ></span
-                      >20+ unique skins
-                    </li>
-                    <li
-                      code-path="src\sections\RoadmapSection.tsx:161:21"
-                      class="flex items-start gap-2 font-mono text-[13px]"
-                      style="color: var(--muted)"
-                    >
-                      <span
-                        code-path="src\sections\RoadmapSection.tsx:162:23"
-                        class="mt-1.5 h-1.5 w-1.5 min-w-[6px] rounded-full"
-                        style="background-color: var(--secondary)"
-                      ></span
-                      >Community marketplace
-                    </li>
-                    <li
-                      code-path="src\sections\RoadmapSection.tsx:161:21"
-                      class="flex items-start gap-2 font-mono text-[13px]"
-                      style="color: var(--muted)"
-                    >
-                      <span
-                        code-path="src\sections\RoadmapSection.tsx:162:23"
-                        class="mt-1.5 h-1.5 w-1.5 min-w-[6px] rounded-full"
-                        style="background-color: var(--secondary)"
-                      ></span
-                      >Seasonal collections
-                    </li>
-                  </ul>
-                </div>
-                <div
-                  code-path="src\sections\RoadmapSection.tsx:132:15"
-                  class="roadmap-card rounded-xl border p-8"
-                  style="
-                    background-color: var(--surface);
-                    border-color: var(--border-color);
-                    box-shadow: var(--card-shadow);
-                    translate: none;
-                    rotate: none;
-                    scale: none;
-                    transform: translate(0px, 0px);
-                    opacity: 1;
-                  "
-                >
-                  <span
-                    code-path="src\sections\RoadmapSection.tsx:51:5"
-                    class="inline-block rounded-full px-3 py-1 font-mono text-[11px] font-medium tracking-wider"
-                    style="background-color: rgba(34, 197, 94, 0.1); color: var(--secondary)"
-                    >COMING SOON</span
-                  ><svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="36"
-                    height="36"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    class="lucide lucide-trophy mt-5 mb-4"
-                    aria-hidden="true"
-                    code-path="src\sections\RoadmapSection.tsx:142:17"
-                    style="color: var(--secondary)"
-                  >
-                    <path d="M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978"></path>
-                    <path d="M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978"></path>
-                    <path d="M18 9h1.5a1 1 0 0 0 0-5H18"></path>
-                    <path d="M4 22h16"></path>
-                    <path d="M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z"></path>
-                    <path d="M6 9H4.5a1 1 0 0 1 0-5H6"></path>
-                  </svg>
-                  <h3
-                    code-path="src\sections\RoadmapSection.tsx:147:17"
-                    class="mb-3 font-mono text-[28px] font-medium leading-[1.25]"
-                    style="color: var(--foreground)"
-                  >
-                    Battlepass
-                  </h3>
-                  <p
-                    code-path="src\sections\RoadmapSection.tsx:153:17"
-                    class="mb-4 font-mono text-[13px] leading-[1.65]"
-                    style="color: var(--muted)"
-                  >
-                    Gamify your debugging journey. Earn XP for every bug squashed. Unlock exclusive rewards.
-                  </p>
-                  <ul code-path="src\sections\RoadmapSection.tsx:159:17" class="flex flex-col gap-2">
-                    <li
-                      code-path="src\sections\RoadmapSection.tsx:161:21"
-                      class="flex items-start gap-2 font-mono text-[13px]"
-                      style="color: var(--muted)"
-                    >
-                      <span
-                        code-path="src\sections\RoadmapSection.tsx:162:23"
-                        class="mt-1.5 h-1.5 w-1.5 min-w-[6px] rounded-full"
-                        style="background-color: var(--secondary)"
-                      ></span
-                      >Weekly challenges
-                    </li>
-                    <li
-                      code-path="src\sections\RoadmapSection.tsx:161:21"
-                      class="flex items-start gap-2 font-mono text-[13px]"
-                      style="color: var(--muted)"
-                    >
-                      <span
-                        code-path="src\sections\RoadmapSection.tsx:162:23"
-                        class="mt-1.5 h-1.5 w-1.5 min-w-[6px] rounded-full"
-                        style="background-color: var(--secondary)"
-                      ></span
-                      >Exclusive duck skins
-                    </li>
-                    <li
-                      code-path="src\sections\RoadmapSection.tsx:161:21"
-                      class="flex items-start gap-2 font-mono text-[13px]"
-                      style="color: var(--muted)"
-                    >
-                      <span
-                        code-path="src\sections\RoadmapSection.tsx:162:23"
-                        class="mt-1.5 h-1.5 w-1.5 min-w-[6px] rounded-full"
-                        style="background-color: var(--secondary)"
-                      ></span
-                      >Leaderboard rankings
-                    </li>
-                  </ul>
-                </div>
-                <div
-                  code-path="src\sections\RoadmapSection.tsx:132:15"
-                  class="roadmap-card rounded-xl border p-8"
-                  style="
-                    background-color: var(--surface);
-                    border-color: var(--border-color);
-                    box-shadow: var(--card-shadow);
-                    translate: none;
-                    rotate: none;
-                    scale: none;
-                    transform: translate(0px, 0px);
-                    opacity: 1;
-                  "
-                >
-                  <span
-                    code-path="src\sections\RoadmapSection.tsx:51:5"
-                    class="inline-block rounded-full px-3 py-1 font-mono text-[11px] font-medium tracking-wider"
-                    style="background-color: rgba(34, 197, 94, 0.1); color: var(--secondary)"
-                    >COMING SOON</span
-                  ><svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="36"
-                    height="36"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    class="lucide lucide-package mt-5 mb-4"
-                    aria-hidden="true"
-                    code-path="src\sections\RoadmapSection.tsx:142:17"
-                    style="color: var(--secondary)"
-                  >
-                    <path
-                      d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"
-                    ></path>
-                    <path d="M12 22V12"></path>
-                    <polyline points="3.29 7 12 12 20.71 7"></polyline>
-                    <path d="m7.5 4.27 9 5.15"></path>
-                  </svg>
-                  <h3
-                    code-path="src\sections\RoadmapSection.tsx:147:17"
-                    class="mb-3 font-mono text-[28px] font-medium leading-[1.25]"
-                    style="color: var(--foreground)"
-                  >
-                    Lootboxes
-                  </h3>
-                  <p
-                    code-path="src\sections\RoadmapSection.tsx:153:17"
-                    class="mb-4 font-mono text-[13px] leading-[1.65]"
-                    style="color: var(--muted)"
-                  >
-                    Mystery debugging power-ups. Random boosts, rare skins, and surprise features.
-                  </p>
-                  <ul code-path="src\sections\RoadmapSection.tsx:159:17" class="flex flex-col gap-2">
-                    <li
-                      code-path="src\sections\RoadmapSection.tsx:161:21"
-                      class="flex items-start gap-2 font-mono text-[13px]"
-                      style="color: var(--muted)"
-                    >
-                      <span
-                        code-path="src\sections\RoadmapSection.tsx:162:23"
-                        class="mt-1.5 h-1.5 w-1.5 min-w-[6px] rounded-full"
-                        style="background-color: var(--secondary)"
-                      ></span
-                      >Common to Legendary tiers
-                    </li>
-                    <li
-                      code-path="src\sections\RoadmapSection.tsx:161:21"
-                      class="flex items-start gap-2 font-mono text-[13px]"
-                      style="color: var(--muted)"
-                    >
-                      <span
-                        code-path="src\sections\RoadmapSection.tsx:162:23"
-                        class="mt-1.5 h-1.5 w-1.5 min-w-[6px] rounded-full"
-                        style="background-color: var(--secondary)"
-                      ></span
-                      >Guaranteed no duplicates
-                    </li>
-                    <li
-                      code-path="src\sections\RoadmapSection.tsx:161:21"
-                      class="flex items-start gap-2 font-mono text-[13px]"
-                      style="color: var(--muted)"
-                    >
-                      <span
-                        code-path="src\sections\RoadmapSection.tsx:162:23"
-                        class="mt-1.5 h-1.5 w-1.5 min-w-[6px] rounded-full"
-                        style="background-color: var(--secondary)"
-                      ></span
-                      >Trade with fellow debuggers
-                    </li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-          </section>
-          <section
-            code-path="src\sections\CalloutSection.tsx:79:5"
-            class="w-full px-4 py-20"
-            style="background-color: var(--terminal)"
-          >
-            <div code-path="src\sections\CalloutSection.tsx:84:7" class="mx-auto max-w-[1200px] text-center">
-              <h2
-                code-path="src\sections\CalloutSection.tsx:85:9"
-                class="mb-6 font-mono text-[42px] font-normal leading-[1.15] tracking-[-0.5px] max-md:text-[28px]"
-                style="color: var(--terminal-text)"
-              >
-                $ rdaas status
-              </h2>
-              <div code-path="src\sections\CalloutSection.tsx:91:9" class="mb-10 flex flex-col gap-3">
-                <div
-                  code-path="src\sections\CalloutSection.tsx:93:13"
-                  class="font-mono text-sm leading-relaxed transition-opacity duration-500"
-                  style="opacity: 1; color: var(--foreground)"
-                >
-                  <span code-path="src\sections\CalloutSection.tsx:101:15" style="color: var(--muted-alt)"
-                    >&gt; Service status: </span
-                  ><span code-path="src\sections\CalloutSection.tsx:102:15" style="color: var(--secondary)"
-                    >ONLINE</span
-                  >
-                </div>
-                <div
-                  code-path="src\sections\CalloutSection.tsx:93:13"
-                  class="font-mono text-sm leading-relaxed transition-opacity duration-500"
-                  style="opacity: 1; color: var(--foreground)"
-                >
-                  <span code-path="src\sections\CalloutSection.tsx:101:15" style="color: var(--muted-alt)"
-                    >&gt; Active debuggers: </span
-                  ><span code-path="src\sections\CalloutSection.tsx:102:15" style="color: var(--primary)"
-                    >12&nbsp;847</span
-                  >
-                </div>
-                <div
-                  code-path="src\sections\CalloutSection.tsx:93:13"
-                  class="font-mono text-sm leading-relaxed transition-opacity duration-500"
-                  style="opacity: 1; color: var(--foreground)"
-                >
-                  <span code-path="src\sections\CalloutSection.tsx:101:15" style="color: var(--muted-alt)"
-                    >&gt; Bugs solved today: </span
-                  ><span code-path="src\sections\CalloutSection.tsx:102:15" style="color: var(--secondary)"
-                    >3&nbsp;291</span
-                  >
-                </div>
-              </div>
-              <button
-                code-path="src\sections\CalloutSection.tsx:111:9"
-                class="rounded-lg px-10 py-4 font-mono text-base font-semibold tracking-wide opacity-0 transition-all duration-250 hover:scale-[1.03]"
-                style="
-                  color: var(--terminal-text);
-                  border: 2px solid var(--terminal-text);
-                  background-color: transparent;
-                  transform: translate(0px, 0px);
-                  translate: none;
-                  rotate: none;
-                  scale: none;
-                  opacity: 1;
-                "
-              >
-                join the flock
-              </button>
-            </div>
-          </section>
-        </main>
-        <footer
-          code-path="src\sections\Footer.tsx:44:5"
-          class="w-full border-t px-4 pt-16 pb-10"
-          style="
-            background-color: var(--surface);
-            border-color: var(--border-color);
-            translate: none;
-            rotate: none;
-            scale: none;
-            transform: translate(0px, 0px);
-            opacity: 1;
-          "
-        >
-          <div code-path="src\sections\Footer.tsx:49:7" class="mx-auto max-w-[1200px]">
-            <div
-              code-path="src\sections\Footer.tsx:50:9"
-              class="mb-12 flex flex-col justify-between gap-12 md:flex-row"
-            >
-              <div code-path="src\sections\Footer.tsx:52:11">
-                <div
-                  code-path="src\sections\Footer.tsx:53:13"
-                  class="flex items-center gap-2 font-mono text-lg font-semibold"
-                  style="color: var(--foreground)"
-                >
-                  <span code-path="src\sections\Footer.tsx:54:15" style="color: var(--secondary)">🦆</span
-                  ><span code-path="src\sections\Footer.tsx:55:15">RDaaS</span>
-                </div>
-                <p
-                  code-path="src\sections\Footer.tsx:57:13"
-                  class="mt-2 font-mono text-[13px]"
-                  style="color: var(--muted)"
-                >
-                  Rubber Duck Debugging as a Service
-                </p>
-                <p
-                  code-path="src\sections\Footer.tsx:60:13"
-                  class="mt-1 font-mono text-xs font-medium tracking-wider"
-                  style="color: var(--muted-alt)"
-                >
-                  Built for developers, by developers.
-                </p>
-              </div>
-              <div code-path="src\sections\Footer.tsx:66:11" class="flex flex-wrap gap-16 max-md:gap-10">
-                <div code-path="src\sections\Footer.tsx:68:15">
-                  <h4
-                    code-path="src\sections\Footer.tsx:69:17"
-                    class="mb-4 font-mono text-xs font-medium tracking-wider"
-                    style="color: var(--muted)"
-                  >
-                    Product
-                  </h4>
-                  <ul code-path="src\sections\Footer.tsx:75:17" class="flex flex-col gap-3">
-                    <li code-path="src\sections\Footer.tsx:77:21">
-                      <a
-                        code-path="src\sections\Footer.tsx:78:23"
-                        href="#"
-                        class="font-mono text-[13px] transition-colors duration-150 hover:text-[var(--primary)]"
-                        style="color: var(--foreground)"
-                        >How It Works</a
-                      >
-                    </li>
-                    <li code-path="src\sections\Footer.tsx:77:21">
-                      <a
-                        code-path="src\sections\Footer.tsx:78:23"
-                        href="#"
-                        class="font-mono text-[13px] transition-colors duration-150 hover:text-[var(--primary)]"
-                        style="color: var(--foreground)"
-                        >Roadmap</a
-                      >
-                    </li>
-                    <li code-path="src\sections\Footer.tsx:77:21">
-                      <a
-                        code-path="src\sections\Footer.tsx:78:23"
-                        href="#"
-                        class="font-mono text-[13px] transition-colors duration-150 hover:text-[var(--primary)]"
-                        style="color: var(--foreground)"
-                        >Pricing</a
-                      >
-                    </li>
-                  </ul>
-                </div>
-                <div code-path="src\sections\Footer.tsx:68:15">
-                  <h4
-                    code-path="src\sections\Footer.tsx:69:17"
-                    class="mb-4 font-mono text-xs font-medium tracking-wider"
-                    style="color: var(--muted)"
-                  >
-                    Resources
-                  </h4>
-                  <ul code-path="src\sections\Footer.tsx:75:17" class="flex flex-col gap-3">
-                    <li code-path="src\sections\Footer.tsx:77:21">
-                      <a
-                        code-path="src\sections\Footer.tsx:78:23"
-                        href="#"
-                        class="font-mono text-[13px] transition-colors duration-150 hover:text-[var(--primary)]"
-                        style="color: var(--foreground)"
-                        >Documentation</a
-                      >
-                    </li>
-                    <li code-path="src\sections\Footer.tsx:77:21">
-                      <a
-                        code-path="src\sections\Footer.tsx:78:23"
-                        href="#"
-                        class="font-mono text-[13px] transition-colors duration-150 hover:text-[var(--primary)]"
-                        style="color: var(--foreground)"
-                        >API Reference</a
-                      >
-                    </li>
-                    <li code-path="src\sections\Footer.tsx:77:21">
-                      <a
-                        code-path="src\sections\Footer.tsx:78:23"
-                        href="#"
-                        class="font-mono text-[13px] transition-colors duration-150 hover:text-[var(--primary)]"
-                        style="color: var(--foreground)"
-                        >Changelog</a
-                      >
-                    </li>
-                  </ul>
-                </div>
-                <div code-path="src\sections\Footer.tsx:68:15">
-                  <h4
-                    code-path="src\sections\Footer.tsx:69:17"
-                    class="mb-4 font-mono text-xs font-medium tracking-wider"
-                    style="color: var(--muted)"
-                  >
-                    Community
-                  </h4>
-                  <ul code-path="src\sections\Footer.tsx:75:17" class="flex flex-col gap-3">
-                    <li code-path="src\sections\Footer.tsx:77:21">
-                      <a
-                        code-path="src\sections\Footer.tsx:78:23"
-                        href="#"
-                        class="font-mono text-[13px] transition-colors duration-150 hover:text-[var(--primary)]"
-                        style="color: var(--foreground)"
-                        >Discord</a
-                      >
-                    </li>
-                    <li code-path="src\sections\Footer.tsx:77:21">
-                      <a
-                        code-path="src\sections\Footer.tsx:78:23"
-                        href="#"
-                        class="font-mono text-[13px] transition-colors duration-150 hover:text-[var(--primary)]"
-                        style="color: var(--foreground)"
-                        >GitHub</a
-                      >
-                    </li>
-                    <li code-path="src\sections\Footer.tsx:77:21">
-                      <a
-                        code-path="src\sections\Footer.tsx:78:23"
-                        href="#"
-                        class="font-mono text-[13px] transition-colors duration-150 hover:text-[var(--primary)]"
-                        style="color: var(--foreground)"
-                        >Twitter</a
-                      >
-                    </li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-            <div
-              code-path="src\sections\Footer.tsx:94:9"
-              class="flex flex-col items-center justify-between gap-4 border-t pt-6 md:flex-row"
-              style="border-color: var(--border-subtle)"
-            >
-              <p
-                code-path="src\sections\Footer.tsx:98:11"
-                class="font-mono text-xs font-medium tracking-wider"
-                style="color: var(--muted-alt)"
-              >
-                © 2026 RDaaS. All rights reserved.
-              </p>
-              <div code-path="src\sections\Footer.tsx:101:11" class="flex items-center gap-4">
-                <a
-                  code-path="src\sections\Footer.tsx:102:13"
-                  href="#"
-                  class="transition-colors duration-150 hover:text-[var(--foreground)]"
-                  aria-label="GitHub"
-                  style="color: var(--muted)"
-                  ><svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="20"
-                    height="20"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    class="lucide lucide-github"
-                    aria-hidden="true"
-                    code-path="src\sections\Footer.tsx:108:15"
-                  >
-                    <path
-                      d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"
-                    ></path>
-                    <path d="M9 18c-4.51 2-5-2-7-2"></path></svg></a
-                ><a
-                  code-path="src\sections\Footer.tsx:110:13"
-                  href="#"
-                  class="transition-colors duration-150 hover:text-[var(--foreground)]"
-                  aria-label="Twitter"
-                  style="color: var(--muted)"
-                  ><svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="20"
-                    height="20"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    class="lucide lucide-twitter"
-                    aria-hidden="true"
-                    code-path="src\sections\Footer.tsx:116:15"
-                  >
-                    <path
-                      d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"
-                    ></path></svg></a
-                ><a
-                  code-path="src\sections\Footer.tsx:118:13"
-                  href="#"
-                  class="transition-colors duration-150 hover:text-[var(--foreground)]"
-                  aria-label="Discord"
-                  style="color: var(--muted)"
-                  ><svg
-                    code-path="src\sections\Footer.tsx:17:5"
-                    width="20"
-                    height="20"
-                    viewBox="0 0 24 24"
-                    fill="currentColor"
-                  >
-                    <path
-                      code-path="src\sections\Footer.tsx:18:7"
-                      d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"
-                    ></path></svg
-                ></a>
-              </div>
-            </div>
-          </div>
-        </footer>
-        <div
-          code-path="src\sections\StickyCTABar.tsx:82:5"
-          class="fixed right-0 bottom-0 left-0 z-40 hidden h-16 translate-y-full md:flex"
-          style="
-            background-color: var(--surface);
-            border-top: 1px solid var(--border-color);
-            backdrop-filter: blur(16px);
-            translate: none;
-            rotate: none;
-            scale: none;
-            transform: translate(0px, 0%);
-          "
-        >
-          <div
-            code-path="src\sections\StickyCTABar.tsx:92:7"
-            class="mx-auto flex w-full max-w-[1200px] items-center justify-between px-6"
-          >
-            <div code-path="src\sections\StickyCTABar.tsx:93:9">
-              <p
-                code-path="src\sections\StickyCTABar.tsx:94:11"
-                class="font-mono text-sm font-semibold"
-                style="color: var(--foreground)"
-              >
-                Ready to debug?
-              </p>
-              <p
-                code-path="src\sections\StickyCTABar.tsx:97:11"
-                class="font-mono text-xs font-medium tracking-wider"
-                style="color: var(--muted)"
-              >
-                Your duck is waiting.
-              </p>
-            </div>
-            <button
-              code-path="src\sections\StickyCTABar.tsx:102:9"
-              class="rounded-full px-7 py-3 font-mono text-sm font-semibold tracking-wide text-white transition-all duration-200 hover:scale-[1.03]"
-              style="background-color: var(--primary); box-shadow: var(--button-glow)"
-            >
-              START NOW
-            </button>
-          </div>
-          <button
-            code-path="src\sections\StickyCTABar.tsx:120:7"
-            class="absolute top-1/2 right-4 -translate-y-1/2 transition-colors duration-150 hover:text-[var(--foreground)]"
-            aria-label="Dismiss"
-            style="color: var(--muted)"
-          >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="16"
-              height="16"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              stroke-width="2"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              class="lucide lucide-x"
-              aria-hidden="true"
-              code-path="src\sections\StickyCTABar.tsx:126:9"
-            >
-              <path d="M18 6 6 18"></path>
-              <path d="m6 6 12 12"></path>
-            </svg>
-          </button>
-        </div>
-      </div>
-    </div>
-    <script type="module" src="/src/main.tsx"></script>
-
-    <amino-inspect></amino-inspect>
-  </body>
-</html>