diff --git a/.github/social-preview-brand.svg b/.github/social-preview-brand.svg
deleted file mode 100644
index c9c6bbcc..00000000
--- a/.github/social-preview-brand.svg
+++ /dev/null
@@ -1,22 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="300" height="88" viewBox="0 0 300 88" role="img" aria-label="Clash">
-  <rect width="300" height="88" fill="#08090C"/>
-  <text
-    class="clash-c"
-    x="30"
-    y="69"
-    font-family="Inter, Helvetica Neue, Helvetica, Arial, sans-serif"
-    font-size="56"
-    font-weight="700"
-    letter-spacing="-2"
-    fill="#FF6B50"
-  >C</text>
-  <text
-    x="68"
-    y="69"
-    font-family="Inter, Helvetica Neue, Helvetica, Arial, sans-serif"
-    font-size="56"
-    font-weight="700"
-    letter-spacing="-2"
-    fill="#F5F5F4"
-  >lash</text>
-</svg>
diff --git a/.github/social-preview.png b/.github/social-preview.png
index dc3c4f23..4d1cc82c 100644
Binary files a/.github/social-preview.png and b/.github/social-preview.png differ
diff --git a/apps/desktop/build/icon-1024.png b/apps/desktop/build/icon-1024.png
index 9118e56f..b3eb47ba 100644
Binary files a/apps/desktop/build/icon-1024.png and b/apps/desktop/build/icon-1024.png differ
diff --git a/apps/desktop/build/icon.icns b/apps/desktop/build/icon.icns
index bce48907..45143ca6 100644
Binary files a/apps/desktop/build/icon.icns and b/apps/desktop/build/icon.icns differ
diff --git a/apps/desktop/build/icon.svg b/apps/desktop/build/icon.svg
index 8af796ef..bda8f1db 100644
--- a/apps/desktop/build/icon.svg
+++ b/apps/desktop/build/icon.svg
@@ -1,11 +1,22 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024" role="img" aria-label="Clash C app icon">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024" role="img" aria-label="Clash app icon">
   <rect x="0" y="0" width="1024" height="1024" rx="216" fill="#F7F6F2"/>
-  <path
-    d="M 764 302 C 692 222 596 176 488 176 C 302 176 152 326 152 512 C 152 698 302 848 488 848 C 596 848 692 802 764 722"
-    fill="none"
-    stroke="#FF6B50"
-    stroke-width="144"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-  />
+  <g transform="translate(512 512) scale(0.86) translate(-636 -601)">
+    <path
+      d="M 966 590
+         L 966 350
+         A 98 101 0 0 0 868 249
+         L 388 249
+         A 101 101 0 0 0 287 350
+         L 287 848
+         A 100 99 0 0 0 388 947
+         L 760 947"
+      fill="none"
+      stroke="#171412"
+      stroke-width="52"
+      stroke-linecap="round"
+      stroke-linejoin="round"/>
+    <ellipse cx="532" cy="577" rx="47" ry="82" fill="#171412"/>
+    <ellipse cx="717" cy="577" rx="47" ry="82" fill="#171412"/>
+    <rect x="862" y="622" width="88" height="372" rx="44" ry="44" fill="#FF6B50" transform="rotate(26.06 906 808)"/>
+  </g>
 </svg>
diff --git a/apps/desktop/src/electron-version.test.ts b/apps/desktop/src/electron-version.test.ts
index e04b96f5..eb5ce32a 100644
--- a/apps/desktop/src/electron-version.test.ts
+++ b/apps/desktop/src/electron-version.test.ts
@@ -176,7 +176,7 @@ describe("desktop Electron runtime", () => {
     expect(readFileSync(iconUrl).subarray(0, 4).toString("ascii")).toBe("icns");
   });
 
-  it("uses a full-size centered Clash C desktop icon source", () => {
+  it("uses a full-size centered desktop icon source", () => {
     const iconSvg = readFileSync(
       new URL("../build/icon.svg", import.meta.url),
       "utf8",
@@ -184,9 +184,9 @@ describe("desktop Electron runtime", () => {
 
     expect(iconSvg).toContain('viewBox="0 0 1024 1024"');
     expect(iconSvg).toContain('rx="216"');
-    expect(iconSvg).toContain('aria-label="Clash C app icon"');
-    expect(iconSvg).toContain('stroke="#FF6B50"');
-    expect(iconSvg).not.toMatch(/<ellipse|agent|face/i);
+    expect(iconSvg).toContain(
+      "translate(512 512) scale(0.86) translate(-636 -601)",
+    );
   });
 
   it("injects the desktop runtime mode into the renderer", () => {
diff --git a/apps/web/app/agent-logo-contract.test.ts b/apps/web/app/agent-logo-contract.test.ts
new file mode 100644
index 00000000..a2701fc5
--- /dev/null
+++ b/apps/web/app/agent-logo-contract.test.ts
@@ -0,0 +1,43 @@
+import { readFileSync } from "node:fs";
+import { join } from "node:path";
+import { describe, expect, it } from "vitest";
+
+const repoRoot = join(import.meta.dirname, "../../..");
+
+const readRepoFile = (path: string) =>
+  readFileSync(join(repoRoot, path), "utf8");
+
+describe("Clash agent logo contract", () => {
+  it("uses the chatbot avatar for the packaged desktop application", () => {
+    const source = readRepoFile("apps/desktop/build/icon.svg");
+
+    expect(source).toContain('aria-label="Clash app icon"');
+    expect(source.match(/<ellipse/g)).toHaveLength(2);
+    expect(source).toContain('stroke="#171412"');
+    expect(source).toContain('fill="#FF6B50"');
+    expect(source).not.toContain("Clash C app icon");
+  });
+
+  it("uses the chatbot avatar across browser and product logo surfaces", () => {
+    const favicon = readRepoFile("apps/web/public/favicon.svg");
+    const mark = readRepoFile("apps/web/public/brand/logo-mark.svg");
+    const html = readRepoFile("apps/web/index.html");
+    const consumers = [
+      "apps/web/app/root.tsx",
+      "apps/web/app/routes/login.tsx",
+      "packages/web-ui/src/components/ProjectsClient.tsx",
+      "packages/web-ui/src/components/SettingsClient.tsx",
+      "packages/web-ui/src/components/TopNavigation.tsx",
+    ]
+      .map(readRepoFile)
+      .join("\n");
+
+    expect(favicon).toBe(mark);
+    expect(mark.match(/<ellipse/g)).toHaveLength(2);
+    expect(mark).toContain("#FF6B50");
+    expect(html).toContain('href="/favicon.svg"');
+    expect(html).not.toContain('href="/favicon-c.svg"');
+    expect(consumers).toContain("/brand/logo-mark.svg");
+    expect(consumers).not.toContain("/brand/logo-c");
+  });
+});
diff --git a/apps/web/app/brand-assets.test.ts b/apps/web/app/brand-assets.test.ts
deleted file mode 100644
index aea88bd9..00000000
--- a/apps/web/app/brand-assets.test.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import { readFileSync } from "node:fs";
-import { join } from "node:path";
-import { describe, expect, it } from "vitest";
-
-const repoRoot = join(import.meta.dirname, "../../..");
-
-describe("Clash brand assets", () => {
-  it("uses the theme-colored Clash C for the browser tab favicon", () => {
-    const favicon = readFileSync(
-      join(repoRoot, "apps/web/public/favicon-c.svg"),
-      "utf8",
-    );
-    const mark = readFileSync(
-      join(repoRoot, "apps/web/public/brand/logo-mark.svg"),
-      "utf8",
-    );
-    const html = readFileSync(join(repoRoot, "apps/web/index.html"), "utf8");
-
-    expect(favicon).toBe(mark);
-    expect(favicon).toContain("#FF6B50");
-    expect(favicon).toContain('aria-label="Clash C"');
-    expect(favicon).not.toMatch(/<ellipse|Clash agent|logo-mark-animated/);
-    expect(html).toContain('href="/favicon-c.svg"');
-  });
-
-  it("keeps the editable social preview brand source on the same Clash C wordmark", () => {
-    const source = readFileSync(
-      join(repoRoot, ".github/social-preview-brand.svg"),
-      "utf8",
-    );
-
-    expect(source).toContain('aria-label="Clash"');
-    expect(source).toContain('class="clash-c"');
-    expect(source).toContain('fill="#FF6B50"');
-    expect(source).toContain(">C</text>");
-    expect(source).toContain(">lash</text>");
-    expect(source).not.toMatch(/<ellipse|agent|face/i);
-  });
-
-  it("uses the Clash C for the packaged desktop application icon", () => {
-    const source = readFileSync(
-      join(repoRoot, "apps/desktop/build/icon.svg"),
-      "utf8",
-    );
-
-    expect(source).toContain('aria-label="Clash C app icon"');
-    expect(source).toContain("#FF6B50");
-    expect(source).not.toMatch(/<ellipse|agent|face/i);
-  });
-
-  it("uses cache-busted Clash C assets on product logo surfaces", () => {
-    const consumers = [
-      "apps/web/app/root.tsx",
-      "apps/web/app/routes/login.tsx",
-      "packages/web-ui/src/components/ProjectsClient.tsx",
-      "packages/web-ui/src/components/SettingsClient.tsx",
-      "packages/web-ui/src/components/TopNavigation.tsx",
-    ]
-      .map((path) => readFileSync(join(repoRoot, path), "utf8"))
-      .join("\n");
-
-    expect(consumers).toContain("/brand/logo-c.svg");
-    expect(consumers).toContain("/brand/logo-c-animated.svg");
-    expect(consumers).toContain("/brand/logo-c-error.svg");
-    expect(consumers).not.toContain("/brand/logo-mark");
-  });
-});
diff --git a/apps/web/app/root-route-primitives.test.ts b/apps/web/app/root-route-primitives.test.ts
index 311bff64..e5daacd8 100644
--- a/apps/web/app/root-route-primitives.test.ts
+++ b/apps/web/app/root-route-primitives.test.ts
@@ -60,24 +60,6 @@ describe("root route primitives", () => {
     expect(sitemap).not.toContain("/login");
   });
 
-  it("publishes cache-busted Clash C install icons", () => {
-    const html = readFileSync(
-      new URL("../index.html", import.meta.url),
-      "utf8",
-    );
-    const webManifest = JSON.parse(
-      readFileSync(new URL("../public/site.webmanifest", import.meta.url), "utf8"),
-    ) as { icons?: Array<{ src?: string }> };
-
-    expect(html).toContain('href="/favicon-c.svg"');
-    expect(html).toContain('href="/apple-touch-icon-c.png"');
-    expect(webManifest.icons?.map((icon) => icon.src)).toEqual([
-      "/icon-c-192.png",
-      "/icon-c-512.png",
-      "/maskable-icon-c-512.png",
-    ]);
-  });
-
   it("keeps the desktop runtime callout legible in dark mode", () => {
     const css = readFileSync(new URL("./globals.css", import.meta.url), "utf8");
 
diff --git a/apps/web/app/root.tsx b/apps/web/app/root.tsx
index c78dbe7d..181a4d10 100644
--- a/apps/web/app/root.tsx
+++ b/apps/web/app/root.tsx
@@ -92,7 +92,7 @@ export function ErrorBoundary() {
 
       <section className="relative w-full max-w-xl">
         <div className="mb-8 flex items-center gap-3">
-          <img src="/brand/logo-c-error.svg" alt="Clash" className="h-11 w-11" />
+          <img src="/brand/logo-mark-error.svg" alt="Clash" className="h-11 w-11" />
           <div>
             <p className="text-xs font-semibold uppercase tracking-[0.18em] text-brand">Route paused</p>
             <h1 className="font-display text-3xl font-bold tracking-tight sm:text-4xl">
diff --git a/apps/web/app/routes/login.tsx b/apps/web/app/routes/login.tsx
index badafdfd..f42aea8f 100644
--- a/apps/web/app/routes/login.tsx
+++ b/apps/web/app/routes/login.tsx
@@ -178,13 +178,13 @@ export default function LoginRoute() {
             >
               <span className="relative block h-10 w-10">
                 <img
-                  src="/brand/logo-c.svg"
+                  src="/brand/logo-mark.svg"
                   alt=""
                   className="h-10 w-10 object-contain dark:hidden"
                   draggable={false}
                 />
                 <img
-                  src="/brand/logo-c.svg"
+                  src="/brand/logo-mark-dark.svg"
                   alt=""
                   className="hidden h-10 w-10 object-contain dark:block"
                   draggable={false}
diff --git a/apps/web/app/theme-contract.test.ts b/apps/web/app/theme-contract.test.ts
index cb8d3cea..9748be62 100644
--- a/apps/web/app/theme-contract.test.ts
+++ b/apps/web/app/theme-contract.test.ts
@@ -304,7 +304,7 @@ describe("application theme contract", () => {
     expect(css).toMatch(
       /\.dark \.clash-copilot-launcher \.clash-agent-motion__pen\s*\{[\s\S]*?fill: #ff6b50/,
     );
-    expect(topNavigation).toContain('/brand/logo-c.svg');
+    expect(topNavigation).toContain('/brand/logo-mark-dark.svg');
     expect(topNavigation).not.toContain("dark:grayscale");
   });
 
@@ -333,7 +333,7 @@ describe("application theme contract", () => {
     expect(login).toContain("dark:text-neutral-50");
     expect(login).toContain("dark:text-neutral-100");
     expect(login).toContain("dark:placeholder:text-neutral-500");
-    expect(login).toContain('/brand/logo-c.svg');
+    expect(login).toContain('/brand/logo-mark-dark.svg');
   });
 
   it("exposes Appearance as a real persisted settings section", () => {
diff --git a/apps/web/index.html b/apps/web/index.html
index 188c151b..2695d8fe 100644
--- a/apps/web/index.html
+++ b/apps/web/index.html
@@ -2,9 +2,8 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/favicon-c.svg" />
-    <link rel="alternate icon" type="image/svg+xml" href="/favicon.svg" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-c.png" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
     <link rel="manifest" href="/site.webmanifest" />
     <link rel="canonical" href="https://clash.video/" />
     <meta
diff --git a/apps/web/public/_headers b/apps/web/public/_headers
index a6244344..4d525b13 100644
--- a/apps/web/public/_headers
+++ b/apps/web/public/_headers
@@ -17,33 +17,18 @@
 /favicon.svg
   Cache-Control: public, max-age=86400
 
-/favicon-c.svg
-  Cache-Control: public, max-age=86400
-
 /apple-touch-icon.png
   Cache-Control: public, max-age=86400
 
-/apple-touch-icon-c.png
-  Cache-Control: public, max-age=86400
-
 /icon-192.png
   Cache-Control: public, max-age=86400
 
-/icon-c-192.png
-  Cache-Control: public, max-age=86400
-
 /icon-512.png
   Cache-Control: public, max-age=86400
 
-/icon-c-512.png
-  Cache-Control: public, max-age=86400
-
 /maskable-icon-512.png
   Cache-Control: public, max-age=86400
 
-/maskable-icon-c-512.png
-  Cache-Control: public, max-age=86400
-
 /og-image.png
   Cache-Control: public, max-age=86400
 
diff --git a/apps/web/public/apple-touch-icon-c.png b/apps/web/public/apple-touch-icon-c.png
deleted file mode 100644
index 86b887b2..00000000
Binary files a/apps/web/public/apple-touch-icon-c.png and /dev/null differ
diff --git a/apps/web/public/apple-touch-icon.png b/apps/web/public/apple-touch-icon.png
index 86b887b2..fc4e7c95 100644
Binary files a/apps/web/public/apple-touch-icon.png and b/apps/web/public/apple-touch-icon.png differ
diff --git a/apps/web/public/brand/logo-c-animated.svg b/apps/web/public/brand/logo-c-animated.svg
deleted file mode 100644
index 9cdf8bd4..00000000
--- a/apps/web/public/brand/logo-c-animated.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash C">
-  <path
-    d="M 382 151 C 346 111 298 88 244 88 C 151 88 76 163 76 256 C 76 349 151 424 244 424 C 298 424 346 401 382 361"
-    fill="none"
-    stroke="#FF6B50"
-    stroke-width="72"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    pathLength="1"
-    stroke-dasharray="1"
-  >
-    <animate
-      attributeName="stroke-dashoffset"
-      values="1;0;0"
-      keyTimes="0;0.55;1"
-      dur="1.6s"
-      repeatCount="indefinite"
-    />
-  </path>
-</svg>
diff --git a/apps/web/public/brand/logo-c-error.svg b/apps/web/public/brand/logo-c-error.svg
deleted file mode 100644
index 84c5da91..00000000
--- a/apps/web/public/brand/logo-c-error.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash C">
-  <path
-    d="M 382 151 C 346 111 298 88 244 88 C 151 88 76 163 76 256 C 76 349 151 424 244 424 C 298 424 346 401 382 361"
-    fill="none"
-    stroke="#FF6B50"
-    stroke-width="72"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-  />
-</svg>
diff --git a/apps/web/public/brand/logo-c.svg b/apps/web/public/brand/logo-c.svg
deleted file mode 100644
index 84c5da91..00000000
--- a/apps/web/public/brand/logo-c.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash C">
-  <path
-    d="M 382 151 C 346 111 298 88 244 88 C 151 88 76 163 76 256 C 76 349 151 424 244 424 C 298 424 346 401 382 361"
-    fill="none"
-    stroke="#FF6B50"
-    stroke-width="72"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-  />
-</svg>
diff --git a/apps/web/public/brand/logo-lockup-horizontal.svg b/apps/web/public/brand/logo-lockup-horizontal.svg
index 79d76cad..d482fa16 100644
--- a/apps/web/public/brand/logo-lockup-horizontal.svg
+++ b/apps/web/public/brand/logo-lockup-horizontal.svg
@@ -1,10 +1,31 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 96" role="img" aria-label="Clash">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 96" role="img" aria-label="Clash logo">
+  <g transform="scale(0.1875)">
+    <g transform="translate(256 256) scale(0.58) translate(-627 -627)">
+      <path
+        d="M 966 590
+           L 966 350
+           A 98 101 0 0 0 868 249
+           L 388 249
+           A 101 101 0 0 0 287 350
+           L 287 848
+           A 100 99 0 0 0 388 947
+           L 760 947"
+        fill="none"
+        stroke="#171412"
+        stroke-width="52"
+        stroke-linecap="round"
+        stroke-linejoin="round"/>
+      <ellipse cx="532" cy="577" rx="47" ry="82" fill="#171412"/>
+      <ellipse cx="717" cy="577" rx="47" ry="82" fill="#171412"/>
+      <rect x="862" y="622" width="88" height="372" rx="44" ry="44" fill="#FF6B50" transform="rotate(26.06 906 808)"/>
+    </g>
+  </g>
   <text
-    x="12"
-    y="68"
+    x="104"
+    y="62"
+    fill="#070B1F"
     font-family="Space Grotesk, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif"
-    font-size="64"
-    font-weight="700"
-    letter-spacing="-2"
-  ><tspan fill="#FF6B50">C</tspan><tspan fill="#070B1F">lash</tspan></text>
+    font-size="42"
+    font-weight="650"
+  >Clash</text>
 </svg>
diff --git a/apps/web/public/brand/logo-mark-animated.svg b/apps/web/public/brand/logo-mark-animated.svg
index 9cdf8bd4..5afad8c1 100644
--- a/apps/web/public/brand/logo-mark-animated.svg
+++ b/apps/web/public/brand/logo-mark-animated.svg
@@ -1,20 +1,100 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash C">
-  <path
-    d="M 382 151 C 346 111 298 88 244 88 C 151 88 76 163 76 256 C 76 349 151 424 244 424 C 298 424 346 401 382 361"
-    fill="none"
-    stroke="#FF6B50"
-    stroke-width="72"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    pathLength="1"
-    stroke-dasharray="1"
-  >
-    <animate
-      attributeName="stroke-dashoffset"
-      values="1;0;0"
-      keyTimes="0;0.55;1"
-      dur="1.6s"
-      repeatCount="indefinite"
-    />
-  </path>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1254 1254" width="1254" height="1254" role="img" aria-label="Clash agent thinking mark">
+  <style>
+    :root {
+      --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
+      --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
+    }
+    .frame {
+      transform-origin: 626px 626px;
+      animation: settle 4200ms var(--ease-out-quart) infinite;
+    }
+    .gaze {
+      animation: gaze 4200ms var(--ease-out-quart) infinite;
+    }
+    .eye {
+      fill: #171412;
+      animation: blink 4200ms var(--ease-out-quint) infinite;
+    }
+    .eye-left { transform-origin: 532px 577px; }
+    .eye-right { transform-origin: 717px 577px; }
+    .pen {
+      transform-origin: 902px 805px;
+      animation: pen-think 4200ms var(--ease-out-quart) infinite;
+    }
+    .pen-body { fill: #FF6B50; }
+    .thought-mark {
+      fill: none;
+      stroke: #FF6B50;
+      stroke-width: 14;
+      stroke-linecap: round;
+      stroke-dasharray: 1 74;
+      stroke-dashoffset: 0;
+      opacity: 0;
+      animation: thought-ping 4200ms var(--ease-out-quint) infinite;
+    }
+    @keyframes settle {
+      0%, 100% { transform: translateY(0); }
+      42% { transform: translateY(-2px); }
+      68% { transform: translateY(1px); }
+    }
+    @keyframes gaze {
+      0%, 15% { transform: translateX(0); }
+      27%, 42% { transform: translateX(-16px); }
+      54%, 66% { transform: translateX(12px); }
+      78%, 100% { transform: translateX(0); }
+    }
+    @keyframes blink {
+      0%, 31%, 35%, 69%, 73%, 100% { transform: scaleY(1); }
+      33%, 71% { transform: scaleY(0.55); }
+    }
+    @keyframes pen-think {
+      0%, 100% { transform: translate(0, 0) rotate(0deg); }
+      18% { transform: translate(-2px, -9px) rotate(-2deg); }
+      34% { transform: translate(8px, -18px) rotate(5deg); }
+      47% { transform: translate(2px, -7px) rotate(1deg); }
+      56% { transform: translate(-6px, 9px) rotate(-4deg); }
+      64% { transform: translate(0, 0) rotate(0deg); }
+      80% { transform: translate(5px, -11px) rotate(3deg); }
+    }
+    @keyframes thought-ping {
+      0%, 38%, 100% {
+        opacity: 0;
+        stroke-dashoffset: 0;
+        transform: scale(0.92);
+      }
+      45% { opacity: 0.78; }
+      62% {
+        opacity: 0;
+        stroke-dashoffset: -74;
+        transform: scale(1.05);
+      }
+    }
+    @media (prefers-reduced-motion: reduce) {
+      .frame, .gaze, .eye, .pen, .thought-mark { animation: none; }
+    }
+  </style>
+  <g class="frame">
+    <path
+      d="M 966 590
+         L 966 350
+         A 98 101 0 0 0 868 249
+         L 388 249
+         A 101 101 0 0 0 287 350
+         L 287 848
+         A 100 99 0 0 0 388 947
+         L 760 947"
+      fill="none"
+      stroke="#171412"
+      stroke-width="40"
+      stroke-linecap="round"
+      stroke-linejoin="round"/>
+    <g class="gaze">
+      <ellipse class="eye eye-left" cx="532" cy="577" rx="41.5" ry="75.5"/>
+      <ellipse class="eye eye-right" cx="717" cy="577" rx="41.5" ry="75.5"/>
+    </g>
+    <path class="thought-mark" d="M 823 905 Q 835 884 850 858"/>
+    <g class="pen">
+      <rect class="pen-body" x="866" y="629" width="72" height="351" rx="36" ry="36" transform="rotate(26.06 902 805)"/>
+    </g>
+  </g>
 </svg>
diff --git a/apps/web/public/brand/logo-mark-dark.svg b/apps/web/public/brand/logo-mark-dark.svg
index 84c5da91..d8f7a2f5 100644
--- a/apps/web/public/brand/logo-mark-dark.svg
+++ b/apps/web/public/brand/logo-mark-dark.svg
@@ -1,10 +1,20 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash C">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash logo">
+  <rect x="34" y="34" width="444" height="444" rx="126" fill="#242424" stroke="#3A3A3A" stroke-width="8"/>
   <path
-    d="M 382 151 C 346 111 298 88 244 88 C 151 88 76 163 76 256 C 76 349 151 424 244 424 C 298 424 346 401 382 361"
+    d="M 394 232
+       L 394 151
+       A 42 43 0 0 0 352 108
+       L 160 108
+       A 43 43 0 0 0 117 151
+       L 117 350
+       A 43 42 0 0 0 160 392
+       L 309 392"
     fill="none"
-    stroke="#FF6B50"
-    stroke-width="72"
+    stroke="#A3A3A3"
+    stroke-width="24"
     stroke-linecap="round"
-    stroke-linejoin="round"
-  />
+    stroke-linejoin="round"/>
+  <ellipse cx="218" cy="242" rx="19" ry="34" fill="#A3A3A3"/>
+  <ellipse cx="294" cy="242" rx="19" ry="34" fill="#A3A3A3"/>
+  <rect x="350" y="268" width="39" height="157" rx="19.5" fill="#FF6B50" transform="rotate(26.06 369.5 346.5)"/>
 </svg>
diff --git a/apps/web/public/brand/logo-mark-error.svg b/apps/web/public/brand/logo-mark-error.svg
index 84c5da91..a498e061 100644
--- a/apps/web/public/brand/logo-mark-error.svg
+++ b/apps/web/public/brand/logo-mark-error.svg
@@ -1,10 +1,23 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash C">
-  <path
-    d="M 382 151 C 346 111 298 88 244 88 C 151 88 76 163 76 256 C 76 349 151 424 244 424 C 298 424 346 401 382 361"
-    fill="none"
-    stroke="#FF6B50"
-    stroke-width="72"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-  />
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash error logo">
+  <g transform="translate(256 256) scale(0.58) translate(-627 -627)">
+    <path
+      d="M 966 590
+         L 966 350
+         A 98 101 0 0 0 868 249
+         L 388 249
+         A 101 101 0 0 0 287 350
+         L 287 848
+         A 100 99 0 0 0 388 947
+         L 760 947"
+      fill="none"
+      stroke="#171412"
+      stroke-width="52"
+      stroke-linecap="round"
+      stroke-linejoin="round"/>
+    <path d="M 492 537 L 572 617" fill="none" stroke="#171412" stroke-width="42" stroke-linecap="round"/>
+    <path d="M 572 537 L 492 617" fill="none" stroke="#171412" stroke-width="42" stroke-linecap="round"/>
+    <path d="M 677 537 L 757 617" fill="none" stroke="#171412" stroke-width="42" stroke-linecap="round"/>
+    <path d="M 757 537 L 677 617" fill="none" stroke="#171412" stroke-width="42" stroke-linecap="round"/>
+    <rect x="862" y="622" width="88" height="372" rx="44" ry="44" fill="#FF6B50" transform="rotate(26.06 906 808)"/>
+  </g>
 </svg>
diff --git a/apps/web/public/brand/logo-mark.svg b/apps/web/public/brand/logo-mark.svg
index 84c5da91..2561f53a 100644
--- a/apps/web/public/brand/logo-mark.svg
+++ b/apps/web/public/brand/logo-mark.svg
@@ -1,10 +1,21 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash C">
-  <path
-    d="M 382 151 C 346 111 298 88 244 88 C 151 88 76 163 76 256 C 76 349 151 424 244 424 C 298 424 346 401 382 361"
-    fill="none"
-    stroke="#FF6B50"
-    stroke-width="72"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-  />
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash logo">
+  <g transform="translate(256 256) scale(0.58) translate(-627 -627)">
+    <path
+      d="M 966 590
+         L 966 350
+         A 98 101 0 0 0 868 249
+         L 388 249
+         A 101 101 0 0 0 287 350
+         L 287 848
+         A 100 99 0 0 0 388 947
+         L 760 947"
+      fill="none"
+      stroke="#171412"
+      stroke-width="52"
+      stroke-linecap="round"
+      stroke-linejoin="round"/>
+    <ellipse cx="532" cy="577" rx="47" ry="82" fill="#171412"/>
+    <ellipse cx="717" cy="577" rx="47" ry="82" fill="#171412"/>
+    <rect x="862" y="622" width="88" height="372" rx="44" ry="44" fill="#FF6B50" transform="rotate(26.06 906 808)"/>
+  </g>
 </svg>
diff --git a/apps/web/public/favicon-c.svg b/apps/web/public/favicon-c.svg
deleted file mode 100644
index 84c5da91..00000000
--- a/apps/web/public/favicon-c.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash C">
-  <path
-    d="M 382 151 C 346 111 298 88 244 88 C 151 88 76 163 76 256 C 76 349 151 424 244 424 C 298 424 346 401 382 361"
-    fill="none"
-    stroke="#FF6B50"
-    stroke-width="72"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-  />
-</svg>
diff --git a/apps/web/public/favicon.svg b/apps/web/public/favicon.svg
index 84c5da91..2561f53a 100644
--- a/apps/web/public/favicon.svg
+++ b/apps/web/public/favicon.svg
@@ -1,10 +1,21 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash C">
-  <path
-    d="M 382 151 C 346 111 298 88 244 88 C 151 88 76 163 76 256 C 76 349 151 424 244 424 C 298 424 346 401 382 361"
-    fill="none"
-    stroke="#FF6B50"
-    stroke-width="72"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-  />
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-label="Clash logo">
+  <g transform="translate(256 256) scale(0.58) translate(-627 -627)">
+    <path
+      d="M 966 590
+         L 966 350
+         A 98 101 0 0 0 868 249
+         L 388 249
+         A 101 101 0 0 0 287 350
+         L 287 848
+         A 100 99 0 0 0 388 947
+         L 760 947"
+      fill="none"
+      stroke="#171412"
+      stroke-width="52"
+      stroke-linecap="round"
+      stroke-linejoin="round"/>
+    <ellipse cx="532" cy="577" rx="47" ry="82" fill="#171412"/>
+    <ellipse cx="717" cy="577" rx="47" ry="82" fill="#171412"/>
+    <rect x="862" y="622" width="88" height="372" rx="44" ry="44" fill="#FF6B50" transform="rotate(26.06 906 808)"/>
+  </g>
 </svg>
diff --git a/apps/web/public/icon-192.png b/apps/web/public/icon-192.png
index fe1292f2..b53d2012 100644
Binary files a/apps/web/public/icon-192.png and b/apps/web/public/icon-192.png differ
diff --git a/apps/web/public/icon-512.png b/apps/web/public/icon-512.png
index ae3369ca..3e6383e1 100644
Binary files a/apps/web/public/icon-512.png and b/apps/web/public/icon-512.png differ
diff --git a/apps/web/public/icon-c-192.png b/apps/web/public/icon-c-192.png
deleted file mode 100644
index fe1292f2..00000000
Binary files a/apps/web/public/icon-c-192.png and /dev/null differ
diff --git a/apps/web/public/icon-c-512.png b/apps/web/public/icon-c-512.png
deleted file mode 100644
index ae3369ca..00000000
Binary files a/apps/web/public/icon-c-512.png and /dev/null differ
diff --git a/apps/web/public/maskable-icon-512.png b/apps/web/public/maskable-icon-512.png
index ae3369ca..3e6383e1 100644
Binary files a/apps/web/public/maskable-icon-512.png and b/apps/web/public/maskable-icon-512.png differ
diff --git a/apps/web/public/maskable-icon-c-512.png b/apps/web/public/maskable-icon-c-512.png
deleted file mode 100644
index ae3369ca..00000000
Binary files a/apps/web/public/maskable-icon-c-512.png and /dev/null differ
diff --git a/apps/web/public/og-image.png b/apps/web/public/og-image.png
index 995f5a1f..cb36c9b7 100644
Binary files a/apps/web/public/og-image.png and b/apps/web/public/og-image.png differ
diff --git a/apps/web/public/site.webmanifest b/apps/web/public/site.webmanifest
index 4c5ecdb4..a3201f4c 100644
--- a/apps/web/public/site.webmanifest
+++ b/apps/web/public/site.webmanifest
@@ -8,17 +8,17 @@
   "theme_color": "#FF6B50",
   "icons": [
     {
-      "src": "/icon-c-192.png",
+      "src": "/icon-192.png",
       "sizes": "192x192",
       "type": "image/png"
     },
     {
-      "src": "/icon-c-512.png",
+      "src": "/icon-512.png",
       "sizes": "512x512",
       "type": "image/png"
     },
     {
-      "src": "/maskable-icon-c-512.png",
+      "src": "/maskable-icon-512.png",
       "sizes": "512x512",
       "type": "image/png",
       "purpose": "maskable"
diff --git a/packages/web-ui/src/components/ProjectsClient.tsx b/packages/web-ui/src/components/ProjectsClient.tsx
index 0eb2f871..c16f188e 100644
--- a/packages/web-ui/src/components/ProjectsClient.tsx
+++ b/packages/web-ui/src/components/ProjectsClient.tsx
@@ -47,7 +47,7 @@ export default function ProjectsClient({ projects }: ProjectsClientProps) {
                                 <strong>First cut, open frame</strong>
                             </div>
                             <div className="clash-projects-empty-node clash-projects-empty-node--agent">
-                                <img src="/brand/logo-c-animated.svg" alt="" draggable={false} />
+                                <img src="/brand/logo-mark-animated.svg" alt="" draggable={false} />
                                 <strong>Agent pass</strong>
                             </div>
                             <div className="clash-projects-empty-node clash-projects-empty-node--shot">
diff --git a/packages/web-ui/src/components/SettingsClient.tsx b/packages/web-ui/src/components/SettingsClient.tsx
index 2f6bf3e8..f3de0d7b 100644
--- a/packages/web-ui/src/components/SettingsClient.tsx
+++ b/packages/web-ui/src/components/SettingsClient.tsx
@@ -2355,7 +2355,7 @@ function modelCardBrand(model: ModelCatalogEntryInfo['model']): ModelBrand {
         return { id: 'recraft', label: 'Recraft', src: '/brand/models/recraft.svg' };
     }
     if (/(clash mock|mock image|mock text)/.test(identity)) {
-        return { id: 'clash', label: 'Clash', src: '/brand/logo-c.svg' };
+        return { id: 'clash', label: 'Clash', src: '/brand/logo-mark.svg' };
     }
     if (/(nano-banana|gemini|veo|google)/.test(identity)) {
         return { id: 'google', label: 'Google', src: '/brand/providers/google.svg' };
@@ -2392,7 +2392,7 @@ function modelCardBrand(model: ModelCatalogEntryInfo['model']): ModelBrand {
     }
     if (/(local|mlx|whisper|kokoro|piper)/.test(identity)) {
         if (/(local agent)/.test(identity)) {
-            return { id: 'clash', label: 'Clash', src: '/brand/logo-c.svg' };
+            return { id: 'clash', label: 'Clash', src: '/brand/logo-mark.svg' };
         }
         return { id: 'local', label: 'Local' };
     }
diff --git a/packages/web-ui/src/components/TopNavigation.desktop.test.tsx b/packages/web-ui/src/components/TopNavigation.desktop.test.tsx
index 10baf8f1..fa23a92b 100644
--- a/packages/web-ui/src/components/TopNavigation.desktop.test.tsx
+++ b/packages/web-ui/src/components/TopNavigation.desktop.test.tsx
@@ -177,7 +177,7 @@ describe("TopNavigation desktop chrome", () => {
     const home = await screen.findByRole("button", { name: "Clash home" });
     const logos = Array.from(home.querySelectorAll("img"));
     expect(logos.map((logo) => logo.getAttribute("src"))).toEqual(
-      expect.arrayContaining(["/brand/logo-c.svg"]),
+      expect.arrayContaining(["/icon-192.png", "/brand/logo-mark-dark.svg"]),
     );
     expect(logos.some((logo) => logo.className.includes("dark:block"))).toBe(true);
     expect(logos.every((logo) => !logo.className.includes("dark:grayscale"))).toBe(true);
diff --git a/packages/web-ui/src/components/TopNavigation.tsx b/packages/web-ui/src/components/TopNavigation.tsx
index c7e554b6..849fd6d9 100644
--- a/packages/web-ui/src/components/TopNavigation.tsx
+++ b/packages/web-ui/src/components/TopNavigation.tsx
@@ -347,13 +347,13 @@ export default function TopNavigation() {
                   icon={
                     <span className="relative block h-11 w-11 transition-transform duration-150 group-hover:scale-105">
                       <img
-                        src="/brand/logo-c.svg"
+                        src="/icon-192.png"
                         alt=""
                         className="h-11 w-11 object-contain dark:hidden"
                         draggable={false}
                       />
                       <img
-                        src="/brand/logo-c.svg"
+                        src="/brand/logo-mark-dark.svg"
                         alt=""
                         className="hidden h-11 w-11 object-contain dark:block"
                         draggable={false}
@@ -418,13 +418,13 @@ export default function TopNavigation() {
           <Link to="/" className="group flex h-12 w-12 items-center justify-center" aria-label="Clash home">
             <span className="relative block h-11 w-11 transition-transform duration-150 group-hover:scale-105">
               <img
-                src="/brand/logo-c.svg"
+                src="/icon-192.png"
                 alt=""
                 className="h-11 w-11 object-contain dark:hidden"
                 draggable={false}
               />
               <img
-                src="/brand/logo-c.svg"
+                src="/brand/logo-mark-dark.svg"
                 alt=""
                 className="hidden h-11 w-11 object-contain dark:block"
                 draggable={false}
diff --git a/packages/web-ui/src/components/landing/ClashWordmark.tsx b/packages/web-ui/src/components/landing/ClashWordmark.tsx
index ff9fc7f3..80936baf 100644
--- a/packages/web-ui/src/components/landing/ClashWordmark.tsx
+++ b/packages/web-ui/src/components/landing/ClashWordmark.tsx
@@ -9,14 +9,23 @@ export default function ClashWordmark({
     <span
       role="img"
       aria-label="Clash"
-      className={`inline-flex items-baseline font-display font-semibold leading-none tracking-tight text-slate-950 dark:text-slate-50 ${className}`}
+      className={`inline-flex items-center gap-[0.3em] font-display font-semibold leading-none tracking-tight text-slate-950 dark:text-slate-50 ${className}`}
     >
-      <span aria-hidden="true" className="clash-wordmark-c text-brand">
-        C
-      </span>
-      <span aria-hidden="true" className="clash-wordmark-rest">
-        lash
-      </span>
+      <img
+        src="/brand/logo-mark.svg"
+        alt=""
+        aria-hidden="true"
+        className="h-[1.15em] w-[1.15em] shrink-0 object-contain dark:hidden"
+        draggable={false}
+      />
+      <img
+        src="/brand/logo-mark-dark.svg"
+        alt=""
+        aria-hidden="true"
+        className="hidden h-[1.15em] w-[1.15em] shrink-0 object-contain dark:block"
+        draggable={false}
+      />
+      <span aria-hidden="true">Clash</span>
     </span>
   );
 }
diff --git a/packages/web-ui/src/components/landing/LandingNav.test.tsx b/packages/web-ui/src/components/landing/LandingNav.test.tsx
index 0cbd4830..98f1bd40 100644
--- a/packages/web-ui/src/components/landing/LandingNav.test.tsx
+++ b/packages/web-ui/src/components/landing/LandingNav.test.tsx
@@ -32,17 +32,16 @@ describe("LandingNav", () => {
     expect(headerSurface?.className).toContain("clash-control-surface");
   });
 
-  it("uses the Clash wordmark with a brand-colored C", () => {
+  it("uses the current Clash agent logo", () => {
     const { container, getByLabelText } = render(<LandingNav />);
 
     expect(getByLabelText("Clash")).toBeTruthy();
-    const c = container.querySelector(".clash-wordmark-c");
-    expect(c).toBeTruthy();
-    expect(c?.className).toContain("text-brand");
-    expect(c?.textContent).toBe("C");
-    expect(container.querySelector(".clash-wordmark-rest")?.textContent).toBe(
-      "lash",
-    );
-    expect(container.querySelector('img[src*="/brand/logo-mark"]')).toBeNull();
+    expect(
+      container.querySelector('img[src="/brand/logo-mark.svg"]'),
+    ).toBeTruthy();
+    expect(
+      container.querySelector('img[src="/brand/logo-mark-dark.svg"]'),
+    ).toBeTruthy();
+    expect(container.querySelector(".clash-wordmark-slash")).toBeNull();
   });
 });
diff --git a/packages/web-ui/src/components/visualLanguage.test.tsx b/packages/web-ui/src/components/visualLanguage.test.tsx
index 9c65f5a1..21be1ba5 100644
--- a/packages/web-ui/src/components/visualLanguage.test.tsx
+++ b/packages/web-ui/src/components/visualLanguage.test.tsx
@@ -284,6 +284,14 @@ describe("visual language surfaces", () => {
     expect(source).toMatch(/clash-node-badge-draft/);
   });
 
+  it("uses the transparent Clash mark for the browser tab favicon", () => {
+    const favicon = readFileSync(join(process.cwd(), "apps/web/public/favicon.svg"), "utf8");
+    const mark = readFileSync(join(process.cwd(), "apps/web/public/brand/logo-mark.svg"), "utf8");
+
+    expect(favicon).toBe(mark);
+    expect(favicon).not.toMatch(/<rect\s+width="512"\s+height="512"|fill="#F7F6F2"|fill="#FBFAF7"/);
+  });
+
   it("keeps inline canvas node primary actions on Clash node surfaces instead of generic black buttons", () => {
     const source = [
       "packages/web-ui/src/components/nodes/TextNode.tsx",
@@ -509,7 +517,7 @@ describe("visual language surfaces", () => {
     expect(source).toMatch(/clash-hero-stage/);
     expect(source).toMatch(/clash-hero-prompt/);
     expect(source).not.toMatch(/lg:pl-(12|16)|xl:pl-(12|16)/);
-    expect(source).toMatch(/\/brand\/logo-c-animated\.svg/);
+    expect(source).toMatch(/\/brand\/logo-mark-animated\.svg/);
     expect(source).toMatch(/clash-dashboard-shell/);
     expect(source).toMatch(/clash-projects-empty-workbench/);
     expect(source).toMatch(/clash-projects-empty-canvas/);
@@ -715,7 +723,7 @@ describe("visual language surfaces", () => {
     expect(source).toMatch(/error\.code/);
     expect(source).toMatch(/Reload/);
     expect(source).toMatch(/Go home/);
-    expect(source).toMatch(/\/brand\/logo-c-error\.svg/);
+    expect(source).toMatch(/\/brand\/logo-mark-error\.svg/);
     expect(errorMark).toMatch(/aria-label="Clash error logo"/);
     expect(errorMark.match(/stroke-linecap="round"/g)?.length).toBeGreaterThanOrEqual(5);
   });