feat(marketing): replace nav claw logo with a network mark

Swap the clawmates-mark.png image in the nav (mobile + desktop) for a lucide
Waypoints icon in an ink chip beside the wordmark — reads as a network/mesh of
agents, matching the infrastructure theme. Refresh the @visual baseline.

Co-Authored-By: Claude Opus 4.8 <[email protected]>

frontend/src/components/marketing/Nav.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { Waypoints } from "lucide-react";
 import Link from "next/link";
 import { useState } from "react";
 
@@ -23,12 +24,9 @@ export function MarketingNav() {
         <div className="sm:hidden">
           <nav className="flex w-full items-center justify-between rounded-full border border-[rgba(22,29,39,0.06)] bg-white/95 p-3 shadow-[0_4px_24px_0_rgba(22,29,39,0.04)] backdrop-blur-[11.5px]">
             <Link href="/" aria-label="clawmates" className="flex items-center gap-2 px-2 py-1">
-              {/* eslint-disable-next-line @next/next/no-img-element */}
-              <img
-                src="/images/clawmates-mark.png"
-                alt=""
-                className="h-7 w-auto"
-              />
+              <span className="flex size-7 items-center justify-center rounded-lg bg-marketing-ink text-white">
+                <Waypoints aria-hidden size={16} strokeWidth={2} />
+              </span>
               <span className="text-base font-bold tracking-tight text-marketing-ink">
                 clawmates
               </span>
@@ -102,12 +100,9 @@ export function MarketingNav() {
         {/* Desktop pill */}
         <nav className="hidden w-full items-center justify-between rounded-full border border-solid border-[rgba(22,29,39,0.06)] bg-white/[0.96] p-3 shadow-[0_4px_24px_0_rgba(22,29,39,0.04)] sm:flex">
           <Link href="/" aria-label="clawmates" className="flex h-12 items-center gap-2 pl-2">
-            {/* eslint-disable-next-line @next/next/no-img-element */}
-            <img
-              src="/images/clawmates-mark.png"
-              alt=""
-              className="h-9 w-auto"
-            />
+            <span className="flex size-9 items-center justify-center rounded-lg bg-marketing-ink text-white">
+              <Waypoints aria-hidden size={20} strokeWidth={2} />
+            </span>
             <span className="text-xl font-bold tracking-tight text-marketing-ink">
               clawmates
             </span>