diff --git a/THEME_AND_BRANDING.md b/THEME_AND_BRANDING.md
index f94ffaf..379c65d 100644
--- a/THEME_AND_BRANDING.md
+++ b/THEME_AND_BRANDING.md
@@ -376,6 +376,40 @@ colors: {
 
 ---
 
+## Brand Marks
+
+The brewery's primary brand mark is the **hoppy turtle** — a monochrome
+line-art anchor/turtle/hop mark. The stacked wordmark is secondary and is
+not used at icon sizes.
+
+### Mark inventory (`public/`)
+
+| File | Artwork | Used for |
+| --- | --- | --- |
+| `brand/hoppy-turtle-{black,white}-1600.png` | Full mark, 1600px master | Large placements only — never icons or email headers |
+| `brand/email-mark-{black,white}.png` | Same mark, 600×503 | Site UI (`components/brand-mark.tsx`), outbound trade email header (black variant) |
+| `brand/avatar-{light,dark}-512.png` | Circular badge on solid bg | App-icon source (apple-touch-icon, android-chrome) |
+| `brand/avatar-transparent-{black,white}-512.png` | Circular badge, transparent | Small admin/UI badges (trade timeline outbound avatar) |
+| `favicon.ico`, `favicon-{16x16,32x32}{,-dark}.png`, `favicon-48x48.png`, `favicon.svg` | Circular badge raster set | Browser favicons — the SVG adapts to dark browser chrome via `prefers-color-scheme` |
+
+### Rules
+
+* **Monochrome only.** Black artwork on light surfaces, white artwork on
+  dark surfaces. Never recolor, invert with CSS filters, or place color
+  variants.
+* **Tiny contexts use the circular badge** (`avatar-*`, `favicon-*`),
+  never the full mark or wordmark — the linework collapses below ~32px.
+* Site UI uses `components/brand-mark.tsx` (`tone="black"|"white"`,
+  `decorative` when adjacent text already names the brand).
+* Email uses absolute URLs on the canonical site origin — relative paths
+  never resolve inside a mail client.
+* App icons are `purpose: "any"`; no maskable assets exist yet (the badge
+  ring would clip in the safe zone) — a dedicated maskable asset is a
+  possible follow-up.
+* BIMI (the turtle in the inbox sender column) is a future
+  email-infrastructure task — it needs a VMC + DNS work and is not
+  implemented.
+
 ## Success Criteria
 The theme is correct when:
 * The site is calm and readable
diff --git a/app/layout.tsx b/app/layout.tsx
index 06d38b5..f4442d4 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -105,8 +105,35 @@ export const metadata: Metadata = {
   },
   icons: {
     icon: [
-      { url: "/favicon-16x16.png", sizes: "16x16", type: "image/png" },
-      { url: "/favicon-32x32.png", sizes: "32x32", type: "image/png" },
+      // SVG first — the circular badge mark adapts to light/dark browser
+      // chrome internally via prefers-color-scheme. PNG fallbacks below
+      // carry explicit media hints for browsers that ignore the SVG.
+      { url: "/favicon.svg", type: "image/svg+xml" },
+      {
+        url: "/favicon-16x16.png",
+        sizes: "16x16",
+        type: "image/png",
+        media: "(prefers-color-scheme: light)",
+      },
+      {
+        url: "/favicon-16x16-dark.png",
+        sizes: "16x16",
+        type: "image/png",
+        media: "(prefers-color-scheme: dark)",
+      },
+      {
+        url: "/favicon-32x32.png",
+        sizes: "32x32",
+        type: "image/png",
+        media: "(prefers-color-scheme: light)",
+      },
+      {
+        url: "/favicon-32x32-dark.png",
+        sizes: "32x32",
+        type: "image/png",
+        media: "(prefers-color-scheme: dark)",
+      },
+      { url: "/favicon-48x48.png", sizes: "48x48", type: "image/png" },
       { url: "/favicon.ico" },
     ],
     apple: "/apple-touch-icon.png",
diff --git a/components/admin-trade-workspace.tsx b/components/admin-trade-workspace.tsx
index 1b5cdad..2c41ab6 100644
--- a/components/admin-trade-workspace.tsx
+++ b/components/admin-trade-workspace.tsx
@@ -51,6 +51,7 @@ import {
   type TradeLeadView,
 } from "@/lib/trade-leads-admin-common";
 import {
+  splitQuotedEmailText,
   TRADE_EMAIL_BODY_MAX,
   TRADE_EMAIL_SUBJECT_MAX,
   type TradeLeadCommunicationView,
@@ -1340,12 +1341,28 @@ export function AdminTradeWorkspace({ user }: { user: AdminPanelUser }) {
                       const comm = commId
                         ? communicationsById.get(commId)
                         : undefined;
+                      const isOutboundEmail =
+                        comm?.direction === "outbound";
                       return (
                         <li key={activity.id} className="flex gap-2.5 text-sm">
-                          <ActivityIcon
-                            className={`mt-0.5 h-4 w-4 shrink-0 ${iconMeta.className}`}
-                            aria-hidden="true"
-                          />
+                          {isOutboundEmail ? (
+                            // Outbound DDB mail gets the brand avatar so it
+                            // reads as "from us" at a glance; inbound +
+                            // system activity keep the generic icons.
+                            // eslint-disable-next-line @next/next/no-img-element -- static 16px mark; Image adds no benefit here
+                            <img
+                              src="/brand/avatar-transparent-black-512.png"
+                              alt=""
+                              width={16}
+                              height={16}
+                              className="mt-0.5 h-4 w-4 shrink-0"
+                            />
+                          ) : (
+                            <ActivityIcon
+                              className={`mt-0.5 h-4 w-4 shrink-0 ${iconMeta.className}`}
+                              aria-hidden="true"
+                            />
+                          )}
                           <div className="min-w-0">
                             <p className="text-xs text-muted-foreground">
                               {formatAdminDateTime(activity.createdAt)}
@@ -1366,45 +1383,15 @@ export function AdminTradeWorkspace({ user }: { user: AdminPanelUser }) {
                               {comm?.direction === "outbound" && (
                                 <DeliveryBadge state={comm.deliveryState} />
                               )}
-                              {comm?.direction === "outbound" &&
-                                (comm.deliveryState === "queued" ||
-                                  comm.deliveryState === "failed") &&
-                                comm.subject &&
-                                comm.textBody && (
-                                  <Button
-                                    type="button"
-                                    variant="ghost"
-                                    size="sm"
-                                    className="h-6 px-2 text-xs"
-                                    disabled={saving === `retry-${comm.id}`}
-                                    onClick={() => retryEmail(comm)}
-                                  >
-                                    {saving === `retry-${comm.id}`
-                                      ? "Resending…"
-                                      : "Resend"}
-                                  </Button>
-                                )}
-                              {comm?.direction === "inbound" &&
-                                detail.lead.email && (
-                                  <Button
-                                    type="button"
-                                    variant="ghost"
-                                    size="sm"
-                                    className="h-6 px-2 text-xs"
-                                    onClick={() =>
-                                      openComposer({
-                                        subject: replySubject(comm.subject),
-                                        replyToCommunicationId: comm.id,
-                                      })
-                                    }
-                                  >
-                                    Reply
-                                  </Button>
-                                )}
                             </div>
                             {comm && (
                               <div className="mt-1 rounded-md border border-stone bg-stone/10 p-2 text-muted-foreground">
-                                <p className="text-xs">
+                                {comm.subject && (
+                                  <p className="text-xs font-medium text-ink">
+                                    {comm.subject}
+                                  </p>
+                                )}
+                                <p className="mt-0.5 text-xs">
                                   {comm.direction === "inbound"
                                     ? `From ${comm.from ?? "unknown sender"}`
                                     : `To ${comm.to.join(", ") || "unknown"}`}
@@ -1415,12 +1402,83 @@ export function AdminTradeWorkspace({ user }: { user: AdminPanelUser }) {
                                       } (not stored)`
                                     : ""}
                                 </p>
-                                {comm.textBody && (
-                                  <p className="mt-1 whitespace-pre-wrap text-xs">
-                                    {comm.textBody}
-                                    {comm.truncated ? " …" : ""}
-                                  </p>
-                                )}
+                                {comm.textBody &&
+                                  (() => {
+                                    // Inbound mail usually quotes our
+                                    // earlier message — the reply text stays
+                                    // primary while the quote collapses.
+                                    const body =
+                                      comm.direction === "inbound"
+                                        ? splitQuotedEmailText(comm.textBody)
+                                        : { fresh: comm.textBody, quoted: null };
+                                    return (
+                                      <>
+                                        <p className="mt-1 whitespace-pre-wrap text-xs">
+                                          {body.fresh}
+                                          {comm.truncated ? " …" : ""}
+                                        </p>
+                                        {body.quoted && (
+                                          <details className="mt-1">
+                                            <summary className="cursor-pointer text-[11px] text-muted-foreground/80 hover:text-muted-foreground">
+                                              Quoted history
+                                            </summary>
+                                            <p className="mt-1 whitespace-pre-wrap border-l-2 border-stone pl-2 text-[11px] text-muted-foreground/80">
+                                              {body.quoted}
+                                            </p>
+                                          </details>
+                                        )}
+                                      </>
+                                    );
+                                  })()}
+                                {(comm.direction === "outbound" &&
+                                  (comm.deliveryState === "queued" ||
+                                    comm.deliveryState === "failed") &&
+                                  comm.subject &&
+                                  comm.textBody) ||
+                                (comm.direction === "inbound" &&
+                                  detail.lead.email) ? (
+                                  <div className="mt-2 flex gap-1 border-t border-stone/60 pt-2">
+                                    {comm.direction === "outbound" &&
+                                      (comm.deliveryState === "queued" ||
+                                        comm.deliveryState === "failed") &&
+                                      comm.subject &&
+                                      comm.textBody && (
+                                        <Button
+                                          type="button"
+                                          variant="ghost"
+                                          size="sm"
+                                          className="h-6 px-2 text-xs"
+                                          disabled={
+                                            saving === `retry-${comm.id}`
+                                          }
+                                          onClick={() => retryEmail(comm)}
+                                        >
+                                          {saving === `retry-${comm.id}`
+                                            ? "Resending…"
+                                            : "Resend"}
+                                        </Button>
+                                      )}
+                                    {comm.direction === "inbound" &&
+                                      detail.lead.email && (
+                                        <Button
+                                          type="button"
+                                          variant="ghost"
+                                          size="sm"
+                                          className="h-6 px-2 text-xs"
+                                          onClick={() =>
+                                            openComposer({
+                                              subject: replySubject(
+                                                comm.subject
+                                              ),
+                                              replyToCommunicationId: comm.id,
+                                            })
+                                          }
+                                        >
+                                          Reply
+                                        </Button>
+                                      )}
+                                  </div>
+                                ) : null}
                               </div>
                             )}
                             {!isNote && activity.body && (
diff --git a/components/brand-mark.tsx b/components/brand-mark.tsx
new file mode 100644
index 0000000..00da8b6
--- /dev/null
+++ b/components/brand-mark.tsx
@@ -0,0 +1,46 @@
+import Image from "next/image";
+
+// Deep Dive Brewing hoppy turtle — the primary brand mark. Monochrome
+// only: the black file for light surfaces, the white file for dark
+// surfaces. Never recolor; the two supplied assets are the whole palette.
+// See THEME_AND_BRANDING.md.
+const MARKS = {
+  black: "/brand/email-mark-black.png",
+  white: "/brand/email-mark-white.png",
+} as const;
+
+// Natural size of the supplied mark files — next/image keeps the 600:503
+// aspect so any rendered width stays undistorted.
+const MARK_WIDTH = 600;
+const MARK_HEIGHT = 503;
+
+export interface BrandMarkProps {
+  // Which artwork file: "black" on light backgrounds, "white" on dark.
+  tone: "black" | "white";
+  // Rendered width in CSS pixels; height follows the mark's aspect ratio.
+  size?: number;
+  // True when adjacent text already names the brand — renders alt="" so
+  // the mark is skipped by assistive tech instead of doubling the name.
+  decorative?: boolean;
+  className?: string;
+}
+
+export function BrandMark({
+  tone,
+  size = 32,
+  decorative = false,
+  className,
+}: BrandMarkProps) {
+  return (
+    <Image
+      src={MARKS[tone]}
+      width={MARK_WIDTH}
+      height={MARK_HEIGHT}
+      sizes={`${size}px`}
+      alt={decorative ? "" : "Deep Dive Brewing Co"}
+      aria-hidden={decorative || undefined}
+      className={className}
+      style={{ width: size, height: "auto" }}
+    />
+  );
+}
diff --git a/components/site-footer.tsx b/components/site-footer.tsx
index 6790b86..43ebc4f 100644
--- a/components/site-footer.tsx
+++ b/components/site-footer.tsx
@@ -1,4 +1,5 @@
 import Link from "next/link";
+import { BrandMark } from "@/components/brand-mark";
 import { ConsentSettingsLink } from "@/components/consent-settings-link";
 import { SOCIAL_URLS } from "@/lib/site";
 
@@ -8,7 +9,10 @@ export function SiteFooter() {
       <div className="mx-auto max-w-300 px-6 py-12 md:py-16">
         <div className="grid gap-8 sm:grid-cols-2 lg:grid-cols-4">
           <div>
-            <p className="font-semibold text-ink">Deep Dive Brewing Co</p>
+            <p className="flex items-center gap-2.5 font-semibold text-ink">
+              <BrandMark tone="black" size={32} decorative />
+              Deep Dive Brewing Co
+            </p>
             <p className="mt-2 text-sm text-muted-foreground">
               Craft beer, brewed on Saba.
             </p>
diff --git a/components/site-header-default.tsx b/components/site-header-default.tsx
index 84aa657..afd9ce4 100644
--- a/components/site-header-default.tsx
+++ b/components/site-header-default.tsx
@@ -1,4 +1,5 @@
 import Link from "next/link";
+import { BrandMark } from "@/components/brand-mark";
 import { MobileMenu } from "@/components/mobile-menu";
 
 const navLinks = [
@@ -15,8 +16,9 @@ export function SiteHeaderDefault() {
       <div className="mx-auto flex max-w-300 items-center justify-between px-6 py-4">
         <Link
           href="/"
-          className="rounded-sm text-xl font-semibold tracking-tight text-ink"
+          className="flex items-center gap-2.5 rounded-sm text-xl font-semibold tracking-tight text-ink"
         >
+          <BrandMark tone="black" size={30} decorative />
           Deep Dive Brewing Co
         </Link>
         <nav aria-label="Main" className="hidden items-center gap-8 md:flex">
diff --git a/components/site-header.tsx b/components/site-header.tsx
index 7fc2a18..ba61175 100644
--- a/components/site-header.tsx
+++ b/components/site-header.tsx
@@ -1,4 +1,5 @@
 import Link from "next/link";
+import { BrandMark } from "@/components/brand-mark";
 import { MobileMenu } from "@/components/mobile-menu";
 
 const navLinks = [
@@ -15,8 +16,9 @@ export function SiteHeader() {
       <div className="mx-auto flex max-w-300 items-center justify-between px-6 py-4">
         <Link
           href="/"
-          className="rounded-sm text-xl font-semibold tracking-tight text-paper focus-visible:outline-paper"
+          className="flex items-center gap-2.5 rounded-sm text-xl font-semibold tracking-tight text-paper focus-visible:outline-paper"
         >
+          <BrandMark tone="white" size={30} decorative />
           Deep Dive Brewing Co
         </Link>
         <nav aria-label="Main" className="hidden items-center gap-8 md:flex">
diff --git a/docs/TECHNICAL.md b/docs/TECHNICAL.md
index 511d82d..3cc376e 100644
--- a/docs/TECHNICAL.md
+++ b/docs/TECHNICAL.md
@@ -645,7 +645,16 @@ Email is a channel on the lead, not a separate inbox:
   refused once the previous attempt is past the window (a `failed` send —
   provider-rejected, never dispatched — stays resendable). A post-send
   Firestore failure returns the communication id so the client retries the
-  same recorded send rather than composing a duplicate.
+  same recorded send rather than composing a duplicate. The HTML part is a
+  branded shell (`buildTradeLeadOutboundHtml` in
+  `lib/trade-leads-email-common.ts`): hoppy-turtle mark + white card around
+  the staff-written body + a compact footer — table layout and inline
+  styles only. The mark resolves to an absolute URL on `siteUrl`
+  (`/brand/email-mark-black.png`); the plain-text part is sent unchanged.
+  The rendered HTML is persisted on the communication (`htmlBody`) so a
+  resend replays the identical provider payload under the same idempotency
+  key; records written before branded mail fall back to the legacy
+  plain-text-derived HTML.
 - **Inbound routing** — each lead owns `replyToken`, an 8-char token from an
   unambiguous alphabet, forming `<token>@<TRADE_REPLY_DOMAIN>` (default
   `reply.deepdivebrewing.com`). Replies to app-sent mail and staff-forwarded
diff --git a/lib/trade-leads-email-common.ts b/lib/trade-leads-email-common.ts
index 841fa1f..0a5c56e 100644
--- a/lib/trade-leads-email-common.ts
+++ b/lib/trade-leads-email-common.ts
@@ -285,6 +285,120 @@ export function plainTextToHtml(text: string): string {
     .join("");
 }
 
+// --- Outbound branding ---
+//
+// Customer-facing mail is wrapped in a light branded shell: the hoppy
+// turtle mark (the primary brand mark), a clean white card for the
+// staff-written body, and a compact footer. Table-based layout and inline
+// styles only — no external fonts, background images, or scripts — so it
+// renders consistently across Gmail, Outlook, and mobile clients.
+//
+// The mark is served from the public site origin (`lib/site.ts` siteUrl) —
+// email clients need absolute URLs; relative paths never resolve outside
+// the browser. `/brand/email-mark-black.png` is the light-background
+// variant; the white variant exists for dark surfaces only if a future
+// template needs it.
+export const TRADE_EMAIL_MARK_PATH = "/brand/email-mark-black.png";
+
+export function buildTradeLeadOutboundHtml(options: {
+  // Escaped/paragraph-wrapped body produced by plainTextToHtml — the
+  // staff-composed message is never altered, only presented.
+  bodyHtml: string;
+  // Absolute URL of the brand mark image (site origin + TRADE_EMAIL_MARK_PATH).
+  markUrl: string;
+  // Absolute site URL for the footer link.
+  siteUrl: string;
+}): string {
+  const { bodyHtml, markUrl, siteUrl } = options;
+  const home = escapeHtml(siteUrl.replace(/^https?:\/\//, ""));
+  return `<div style="margin:0;padding:24px 16px;background-color:#fafaf8;font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;">
+  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
+    <tr>
+      <td align="center">
+        <table role="presentation" width="560" cellpadding="0" cellspacing="0" border="0" style="width:560px;max-width:100%;">
+          <tr>
+            <td style="padding:0 0 16px 4px;">
+              <img src="${escapeHtml(markUrl)}" width="64" height="54" alt="Deep Dive Brewing Co" style="display:block;border:0;outline:none;" />
+            </td>
+          </tr>
+          <tr>
+            <td style="background-color:#ffffff;border:1px solid #e6e7e3;border-radius:8px;padding:24px;font-size:15px;line-height:1.6;color:#0b0f14;">
+              ${bodyHtml}
+            </td>
+          </tr>
+          <tr>
+            <td style="padding:16px 4px 0;font-size:12px;line-height:1.5;color:#737373;">
+              Deep Dive Brewing Co &middot; Saba, Dutch Caribbean<br />
+              <a href="${escapeHtml(siteUrl)}" style="color:#334e68;">${home}</a>
+            </td>
+          </tr>
+        </table>
+      </td>
+    </tr>
+  </table>
+</div>`;
+}
+
+// --- Quoted-reply display split ---
+//
+// Inbound mail is stored as plain text and frequently carries the quoted
+// thread below the new content ("On … wrote:", `>` lines, Outlook's
+// "From:/Sent:" header block, or an "Original Message" separator). For the
+// admin timeline we split that off so the quoted history renders
+// de-emphasized instead of dominating the card. Conservative: a marker on
+// line 0, or one that leaves no fresh text, disables the split entirely so
+// real message content is never hidden.
+const QUOTED_LINE = /^>/;
+const QUOTED_WROTE = /^On\s.{1,200}wrote:\s*$/i;
+const QUOTED_SEPARATOR =
+  /^[-–—=]{2,}\s*(Original Message|Forwarded message|Forwarded)\s*[-–—=]*\s*$/i;
+// Outlook-style header block: a "From:" line whose next non-empty line is
+// Sent:/Date:/To:/Subject:.
+const QUOTED_HEADER_BLOCK = /^From:\s+\S/;
+
+export function splitQuotedEmailText(text: string): {
+  fresh: string;
+  quoted: string | null;
+} {
+  const lines = text.split("\n");
+  let cut = -1;
+  let cutByAngleLine = false;
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
+    if (QUOTED_LINE.test(line)) {
+      cut = i;
+      cutByAngleLine = true;
+      break;
+    }
+    if (QUOTED_WROTE.test(line.trim()) || QUOTED_SEPARATOR.test(line.trim())) {
+      cut = i;
+      break;
+    }
+    if (QUOTED_HEADER_BLOCK.test(line.trim())) {
+      const nextNonEmpty = lines
+        .slice(i + 1, i + 4)
+        .find((l) => l.trim().length > 0);
+      if (nextNonEmpty && /^(Sent|Date|To|Subject):/i.test(nextNonEmpty.trim())) {
+        cut = i;
+        break;
+      }
+    }
+  }
+  if (cut <= 0) return { fresh: text, quoted: null };
+  // `>` quoting is line-scoped: when plain text resumes after the quoted
+  // run the reply is interleaved ("Hi\n> quote\nnew instructions"). Leave
+  // the message expanded rather than fold post-quote content into history.
+  if (
+    cutByAngleLine &&
+    lines.slice(cut + 1).some((l) => l.trim().length > 0 && !QUOTED_LINE.test(l))
+  ) {
+    return { fresh: text, quoted: null };
+  }
+  const fresh = lines.slice(0, cut).join("\n").replace(/\s+$/, "");
+  if (!fresh) return { fresh: text, quoted: null };
+  return { fresh, quoted: lines.slice(cut).join("\n") };
+}
+
 export function escapeHtml(input: string): string {
   return input
     .replaceAll("&", "&amp;")
@@ -322,6 +436,11 @@ export interface TradeLeadCommunicationRecord {
   cc?: string[];
   subject: string;
   textBody: string;
+  // Rendered HTML part, persisted at compose time so a resend replays the
+  // identical provider payload under the same idempotency key. Absent on
+  // records written before branded outbound mail — those resend with the
+  // legacy plain-text-derived HTML to keep the payload stable.
+  htmlBody?: string;
   truncated?: boolean;
   attachments?: TradeLeadAttachmentMeta[];
   provider: "resend";
diff --git a/lib/trade-leads-email.ts b/lib/trade-leads-email.ts
index 417b978..bf8d9b7 100644
--- a/lib/trade-leads-email.ts
+++ b/lib/trade-leads-email.ts
@@ -19,6 +19,7 @@ import {
   TradeLeadNotFoundError,
 } from "@/lib/trade-leads-admin-common";
 import {
+  buildTradeLeadOutboundHtml,
   deliveryStateForEvent,
   emailPreview,
   escapeHtml,
@@ -35,6 +36,7 @@ import {
   retryWithinIdempotencyWindow,
   senderDomain,
   shouldAdvanceDeliveryState,
+  TRADE_EMAIL_MARK_PATH,
   TRADE_EMAIL_MAX_ATTACHMENTS,
   TRADE_LEAD_COMMUNICATIONS_SUBCOLLECTION,
   truncateEmailBody,
@@ -76,6 +78,9 @@ interface PreparedSend {
   threadId: string;
   subject: string;
   textBody: string;
+  // Rendered at compose time and stored on the communication so a resend
+  // replays the identical provider payload under the same idempotency key.
+  htmlBody: string;
   // The stored communication already carries a provider id — a previous
   // attempt reached Resend, so the retry must not dispatch a second copy.
   alreadySent: boolean;
@@ -142,6 +147,11 @@ async function prepareOutboundEmail(
       .doc();
     const now = new Date();
     const messageId = outboundMessageId(commRef.id, senderDomain(from));
+    const htmlBody = buildTradeLeadOutboundHtml({
+      bodyHtml: plainTextToHtml(message.body),
+      markUrl: `${siteUrl}${TRADE_EMAIL_MARK_PATH}`,
+      siteUrl,
+    });
 
     // Reply threading: resolve the referenced communication and seed
     // In-Reply-To/References + threadId from it. Any other message starts a
@@ -185,6 +195,7 @@ async function prepareOutboundEmail(
       to: [to],
       subject: message.subject,
       textBody: message.body,
+      htmlBody,
       provider: "resend",
       messageId,
       ...(inReplyTo ? { inReplyTo } : {}),
@@ -242,6 +253,7 @@ async function prepareOutboundEmail(
       threadId,
       subject: message.subject,
       textBody: message.body,
+      htmlBody,
       alreadySent: false,
     };
   });
@@ -278,6 +290,13 @@ async function prepareRetrySend(
   const to = asStringArray(comm.to)[0] ?? "";
   const priorSubject = typeof comm.subject === "string" ? comm.subject : "";
   const priorBody = typeof comm.textBody === "string" ? comm.textBody : "";
+  // The resend must replay the exact payload first bound to the
+  // idempotency key: reuse the stored render when present, and fall back
+  // to the legacy unbranded HTML for pre-branding records.
+  const priorHtmlBody =
+    typeof comm.htmlBody === "string" && comm.htmlBody
+      ? comm.htmlBody
+      : plainTextToHtml(priorBody);
   const priorProviderId =
     typeof comm.providerEmailId === "string" ? comm.providerEmailId : "";
   const priorMessageId =
@@ -299,6 +318,7 @@ async function prepareRetrySend(
       threadId: priorThreadId,
       subject: priorSubject,
       textBody: priorBody,
+      htmlBody: priorHtmlBody,
       alreadySent: true,
     };
   }
@@ -368,6 +388,7 @@ async function prepareRetrySend(
     threadId: priorThreadId,
     subject: priorSubject,
     textBody: priorBody,
+    htmlBody: priorHtmlBody,
     alreadySent: false,
   };
 }
@@ -415,7 +436,7 @@ export async function sendLeadEmail(
         replyTo: prepared.replyTo,
         subject: prepared.subject,
         text: prepared.textBody,
-        html: plainTextToHtml(prepared.textBody),
+        html: prepared.htmlBody,
         headers: prepared.headers,
       },
       { idempotencyKey: prepared.communicationId }
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
index 56b4864..e78a448 100644
Binary files a/public/android-chrome-192x192.png and b/public/android-chrome-192x192.png differ
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
index 7ab72d5..f09d2e4 100644
Binary files a/public/android-chrome-512x512.png and b/public/android-chrome-512x512.png differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
index d40b5eb..553f640 100644
Binary files a/public/apple-touch-icon.png and b/public/apple-touch-icon.png differ
diff --git a/public/brand/avatar-dark-512.png b/public/brand/avatar-dark-512.png
new file mode 100644
index 0000000..b469cc9
Binary files /dev/null and b/public/brand/avatar-dark-512.png differ
diff --git a/public/brand/avatar-light-512.png b/public/brand/avatar-light-512.png
new file mode 100644
index 0000000..4ff5280
Binary files /dev/null and b/public/brand/avatar-light-512.png differ
diff --git a/public/brand/avatar-transparent-black-512.png b/public/brand/avatar-transparent-black-512.png
new file mode 100644
index 0000000..a5632ba
Binary files /dev/null and b/public/brand/avatar-transparent-black-512.png differ
diff --git a/public/brand/avatar-transparent-white-512.png b/public/brand/avatar-transparent-white-512.png
new file mode 100644
index 0000000..1bcd94f
Binary files /dev/null and b/public/brand/avatar-transparent-white-512.png differ
diff --git a/public/brand/email-mark-black.png b/public/brand/email-mark-black.png
new file mode 100644
index 0000000..86905f4
Binary files /dev/null and b/public/brand/email-mark-black.png differ
diff --git a/public/brand/email-mark-white.png b/public/brand/email-mark-white.png
new file mode 100644
index 0000000..bdfbe8e
Binary files /dev/null and b/public/brand/email-mark-white.png differ
diff --git a/public/brand/hoppy-turtle-black-1600.png b/public/brand/hoppy-turtle-black-1600.png
new file mode 100644
index 0000000..20d6ca9
Binary files /dev/null and b/public/brand/hoppy-turtle-black-1600.png differ
diff --git a/public/brand/hoppy-turtle-white-1600.png b/public/brand/hoppy-turtle-white-1600.png
new file mode 100644
index 0000000..11fd462
Binary files /dev/null and b/public/brand/hoppy-turtle-white-1600.png differ
diff --git a/public/favicon-16x16-dark.png b/public/favicon-16x16-dark.png
new file mode 100644
index 0000000..8653eca
Binary files /dev/null and b/public/favicon-16x16-dark.png differ
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
index 0fa71cd..3c83ed1 100644
Binary files a/public/favicon-16x16.png and b/public/favicon-16x16.png differ
diff --git a/public/favicon-32x32-dark.png b/public/favicon-32x32-dark.png
new file mode 100644
index 0000000..8357df7
Binary files /dev/null and b/public/favicon-32x32-dark.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
index 81a2b68..89d92cc 100644
Binary files a/public/favicon-32x32.png and b/public/favicon-32x32.png differ
diff --git a/public/favicon-48x48.png b/public/favicon-48x48.png
new file mode 100644
index 0000000..8c3d119
Binary files /dev/null and b/public/favicon-48x48.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
index a017632..4288227 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..e441c0f
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,6 @@
+<?xml version='1.0' encoding='utf-8'?>
+<ns0:svg xmlns:ns0="http://www.w3.org/2000/svg" version="1.1" width="300" height="300" viewBox="0 0 300 300"><ns0:style>:root{color:#000}@media (prefers-color-scheme:dark){:root{color:#fff}}</ns0:style><ns0:circle cx="150" cy="150" r="137" fill="none" stroke="currentColor" stroke-width="16" /><ns0:g transform="translate(-20.13333,15.27619) scale(0.419048)"><ns0:path id="path1" d="m 0,0 v -85.701 c 0,-3.072 2.401,-5.562 5.365,-5.562 2.961,0 5.362,2.49 5.362,5.562 v 84.976 c 0.248,0.056 0.497,0.106 0.738,0.202 0.51,0.198 51.211,19.172 88.173,-25.307 23.323,-28.067 17.383,-53.274 12.829,-64.317 l -33.744,32.178 c -2.177,2.08 -5.574,1.933 -7.577,-0.326 -2.005,-2.262 -1.863,-5.781 0.314,-7.859 l 33.132,-31.598 c -6.201,-2.857 -14.751,-6.026 -21.451,-6.026 -8.432,0 -17.766,1.576 -23.069,2.632 15.149,32.865 1.615,58.18 0.899,59.468 -1.472,2.661 -4.749,3.587 -7.32,2.056 -2.57,-1.529 -3.458,-4.929 -1.983,-7.594 0.178,-0.317 17.187,-32.149 -14.571,-69.575 -13.862,-16.33 -25.777,-22.382 -30.618,-24.326 -4.823,1.934 -16.744,7.984 -30.612,24.326 -31.495,37.114 -15.301,68.23 -14.563,69.594 1.461,2.662 0.571,6.049 -1.992,7.575 -2.568,1.529 -5.848,0.609 -7.322,-2.056 -0.712,-1.288 -14.25,-26.604 0.899,-59.47 -5.294,-1.056 -14.613,-2.63 -23.064,-2.63 -7.034,0 -15.61,3.32 -21.449,6.031 l 33.123,31.593 c 2.181,2.078 2.324,5.597 0.316,7.859 -2.003,2.259 -5.395,2.406 -7.579,0.326 l -33.698,-32.139 c -4.477,11.094 -10.347,36.443 12.787,64.278 C -52.961,14.742 -8.807,2.898 0,0 m -94.803,-18.567 c -34.654,-41.703 -12.904,-79.978 -10.805,-83.438 v -0.003 c 0.089,-0.149 0.147,-0.239 0.158,-0.255 0.059,-0.089 0.14,-0.158 0.202,-0.244 0.101,-0.134 0.18,-0.276 0.29,-0.403 0.057,-0.061 0.123,-0.102 0.18,-0.159 0.121,-0.128 0.25,-0.241 0.386,-0.355 0.181,-0.154 0.365,-0.296 0.559,-0.423 0.065,-0.042 0.118,-0.099 0.186,-0.141 0.762,-0.445 18.82,-10.915 33.472,-10.915 11.775,0 24.591,2.666 28.589,3.566 2.618,-4.189 5.72,-8.466 9.399,-12.804 13.882,-16.356 26.263,-23.594 33.083,-26.627 C 0.332,-151.648 0,-152.703 0,-153.839 v -39.399 c 0,-3.073 2.401,-5.562 5.365,-5.562 2.961,0 5.362,2.489 5.362,5.562 v 39.399 c 0,0.626 -0.121,1.217 -0.305,1.78 0.472,0.303 0.898,0.678 1.261,1.12 6.737,2.933 19.329,10.137 33.466,26.798 3.678,4.338 6.785,8.615 9.401,12.804 3.996,-0.9 16.811,-3.566 28.591,-3.566 14.65,0 32.705,10.47 33.466,10.915 0.069,0.04 0.122,0.098 0.185,0.14 0.196,0.127 0.387,0.271 0.569,0.428 0.13,0.111 0.259,0.223 0.38,0.346 0.058,0.059 0.123,0.102 0.181,0.164 0.111,0.129 0.193,0.272 0.29,0.408 0.067,0.084 0.144,0.152 0.204,0.239 0.011,0.016 0.063,0.104 0.153,0.25 0,0.005 0.005,0.007 0.007,0.011 2.107,3.479 23.835,41.745 -10.812,83.435 C 85.931,7.709 59.903,14.069 41.912,14.776 22.534,15.538 8.306,10.127 7.711,9.896 7.258,9.719 6.856,9.472 6.48,9.193 6.107,9.472 5.705,9.719 5.252,9.896 5.156,9.934 4.694,10.109 3.917,10.371 3.785,11.063 3.526,11.744 3.126,12.368 2.972,12.606 -12.091,36.436 -7.476,58.614 -5.375,68.715 0.652,77.056 10.441,83.406 32.76,97.877 49.847,90.217 58.396,78.227 66.203,67.281 68.286,50.565 58.256,41.54 49.267,33.454 39.834,31.123 31.697,34.973 24.983,38.148 20.113,45.22 20.113,51.788 c 0,6.066 3.241,9.154 5.956,10.675 3.972,2.222 9.235,2.356 12.249,0.307 2.478,-1.687 5.804,-0.967 7.425,1.6 1.625,2.569 0.934,6.017 -1.542,7.702 -6.362,4.326 -15.696,4.4 -23.228,0.18 C 13.609,68.127 9.387,60.668 9.387,51.788 9.387,40.903 16.729,29.827 27.242,24.853 39.249,19.172 53.119,22.189 65.285,33.137 80.006,46.383 77.728,69.829 67.021,84.843 56.138,100.102 33.296,111.352 4.756,92.836 -7.583,84.834 -15.226,74.11 -17.963,60.962 c -3.87,-18.61 3.19,-37.296 8.08,-47.314 -5.347,0.843 -11.849,1.415 -19.066,1.128 -17.989,-0.707 -44.018,-7.067 -65.854,-33.343" style="fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(1.3333333,0,0,-1.3333333,397.19013,216.02147)" clip-path="url(#clipPath2)" />
+    <ns0:path id="path5" d="m 0,0 c -1.055,2.868 -4.15,4.309 -6.92,3.215 -2.768,-1.095 -4.156,-4.308 -3.101,-7.179 0.312,-0.847 7.807,-20.918 23.812,-35.565 15.944,-14.588 26.627,-17.751 27.073,-17.88 0.474,-0.134 0.953,-0.197 1.421,-0.197 0.486,0 0.96,0.083 1.419,0.216 l 8.394,-14.242 c 1.01,-1.717 2.772,-2.663 4.582,-2.663 0.954,0 1.916,0.264 2.79,0.818 2.527,1.601 3.326,5.025 1.78,7.646 l -9.833,16.687 c -8.809,14.953 -6.274,30.927 -3.98,39.119 0.825,2.948 -0.809,6.037 -3.651,6.895 -2.848,0.855 -5.827,-0.841 -6.65,-3.792 -2.217,-7.914 -4.589,-21.849 0.042,-36.577 -3.961,2.31 -9.536,6.132 -16.289,12.312 C 6.972,-18.454 0.119,-0.316 0,0" style="fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(1.3333333,0,0,-1.3333333,275.73373,377.70507)" clip-path="url(#clipPath6)" />
+    <ns0:path id="path7" d="m 0,0 c 0.874,-0.554 1.841,-0.818 2.794,-0.818 1.807,0 3.572,0.949 4.581,2.663 l 8.389,14.239 c 0.459,-0.13 0.933,-0.216 1.419,-0.216 0.47,0 0.949,0.065 1.423,0.2 0.449,0.129 11.131,3.292 27.074,17.88 16.007,14.647 23.505,34.718 23.816,35.565 1.055,2.871 -0.336,6.084 -3.105,7.179 -2.769,1.094 -5.864,-0.347 -6.918,-3.219 C 59.404,73.291 52.625,55.141 38.581,42.29 31.826,36.107 26.249,32.284 22.293,29.974 c 4.631,14.73 2.263,28.667 0.044,36.581 -0.826,2.953 -3.808,4.642 -6.648,3.792 C 12.845,69.489 11.208,66.4 12.034,63.452 14.329,55.26 16.866,39.285 8.054,24.333 L -1.779,7.646 C -3.323,5.024 -2.526,1.601 0,0" style="fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(1.3333333,0,0,-1.3333333,456.63413,475.67453)" clip-path="url(#clipPath8)" />
+    <ns0:path id="path9" d="m 0,0 c -2.944,0.427 -5.648,-1.69 -6.062,-4.731 -2.477,-18.238 -13.874,-30.669 -19.994,-37.35 -3.952,-4.311 -16.127,-10.682 -25.151,-14.798 l -3.879,6.882 c -0.944,1.681 -2.674,2.725 -4.55,2.754 -1.865,0.081 -3.635,-0.963 -4.628,-2.614 -0.084,-0.133 -8.168,-13.441 -19.177,-22.824 l -4.891,-4.168 -1.401,16.45 c 0.325,0.291 0.615,0.627 0.87,1 3.433,1.568 8.182,3.951 12.433,6.856 7.445,5.088 15.171,12.545 15.496,12.86 2.166,2.098 2.285,5.617 0.259,7.862 -2.02,2.246 -5.415,2.368 -7.579,0.27 -0.074,-0.07 -7.383,-7.125 -14.081,-11.704 -4.121,-2.817 -8.979,-5.145 -12.024,-6.488 -3.041,1.339 -7.883,3.662 -12.021,6.488 -6.676,4.565 -14.007,11.634 -14.081,11.705 -2.166,2.094 -5.558,1.976 -7.579,-0.273 -2.021,-2.245 -1.905,-5.764 0.259,-7.86 0.327,-0.315 8.053,-7.772 15.498,-12.86 3.939,-2.693 8.313,-4.938 11.667,-6.503 l 1.617,-18.98 -6.274,5.345 c -11.008,9.383 -19.094,22.691 -19.173,22.82 -0.993,1.655 -2.715,2.623 -4.629,2.62 -1.878,-0.029 -3.607,-1.074 -4.553,-2.757 l -3.878,-6.881 c -9.026,4.116 -21.201,10.487 -25.15,14.799 -6.12,6.681 -17.517,19.114 -19.995,37.349 -0.413,3.041 -3.124,5.165 -6.059,4.731 -2.935,-0.428 -4.977,-3.243 -4.565,-6.284 2.957,-21.762 16.388,-36.418 22.842,-43.459 7.724,-8.429 30.575,-18.231 33.153,-19.318 2.474,-1.051 5.308,-0.047 6.656,2.344 l 2.041,3.626 c 3.812,-5.21 9.576,-12.284 16.498,-18.184 l 11.864,-10.109 c 0.998,-0.853 2.206,-1.266 3.401,-1.266 0.852,0 1.696,0.229 2.463,0.642 0.766,-0.413 1.61,-0.642 2.462,-0.642 1.2,0 2.404,0.413 3.403,1.266 l 11.865,10.109 c 6.919,5.9 12.688,12.974 16.497,18.184 l 2.043,-3.629 c 1.345,-2.388 4.183,-3.392 6.654,-2.341 2.581,1.087 25.432,10.891 33.154,19.318 6.451,7.04 19.884,21.692 22.839,43.459 C 4.978,-3.243 2.93,-0.428 0,0" style="fill:currentColor;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(1.3333333,0,0,-1.3333333,531.64067,439.75453)" clip-path="url(#clipPath10)" />
+    </ns0:g></ns0:svg>
\ No newline at end of file
diff --git a/public/site.webmanifest b/public/site.webmanifest
index 988f7f5..76dd1cb 100644
--- a/public/site.webmanifest
+++ b/public/site.webmanifest
@@ -1 +1,24 @@
-{"name":"Deep Dive Brewing Co","short_name":"Deep Dive","description":"Deep Dive Brewing Co craft beer on Saba.","start_url":"/","display":"standalone","background_color":"#ffffff","theme_color":"#0B0F14","lang":"en","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}]}
\ No newline at end of file
+{
+  "name": "Deep Dive Brewing Co",
+  "short_name": "Deep Dive",
+  "description": "Deep Dive Brewing Co craft beer on Saba.",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#0B0F14",
+  "lang": "en",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any"
+    }
+  ]
+}
diff --git a/tests/brand-assets.test.ts b/tests/brand-assets.test.ts
new file mode 100644
index 0000000..09ed49a
--- /dev/null
+++ b/tests/brand-assets.test.ts
@@ -0,0 +1,102 @@
+import { describe, it } from "node:test";
+import assert from "node:assert";
+import fs from "node:fs";
+import path from "node:path";
+
+// Brand-asset wiring checks (hoppy turtle brand system): every icon path
+// referenced by metadata/manifest/code must resolve to a real file under
+// public/ — a stale reference ships a broken favicon or a broken email logo.
+const PUBLIC_DIR = path.join(process.cwd(), "public");
+
+function publicExists(urlPath: string): boolean {
+  return fs.existsSync(path.join(PUBLIC_DIR, urlPath.replace(/^\//, "")));
+}
+
+function readRepoFile(rel: string): string {
+  return fs.readFileSync(path.join(process.cwd(), rel), "utf8");
+}
+
+describe("favicon + app icon wiring", () => {
+  const layoutSource = readRepoFile(path.join("app", "layout.tsx"));
+
+  it("every icon URL in layout metadata exists under public/", () => {
+    const urls = [...layoutSource.matchAll(/url: "(\/[^"]+)"/g)].map(
+      (m) => m[1]
+    );
+    assert.ok(urls.length > 0, "expected icon entries in layout.tsx");
+    for (const url of urls) {
+      assert.ok(publicExists(url), `icon file missing: ${url}`);
+    }
+  });
+
+  it("wires the SVG badge plus light/dark PNG fallbacks", () => {
+    assert.ok(layoutSource.includes('"/favicon.svg"'));
+    for (const file of [
+      "/favicon-16x16.png",
+      "/favicon-16x16-dark.png",
+      "/favicon-32x32.png",
+      "/favicon-32x32-dark.png",
+      "/favicon-48x48.png",
+      "/favicon.ico",
+      "/apple-touch-icon.png",
+    ]) {
+      assert.ok(
+        layoutSource.includes(`"${file}"`),
+        `layout.tsx does not reference ${file}`
+      );
+    }
+    assert.ok(
+      layoutSource.includes("(prefers-color-scheme: dark)"),
+      "dark-scheme icon media hints missing"
+    );
+  });
+
+  it("manifest icons exist and declare PNG type + a purpose", () => {
+    const manifest = JSON.parse(readRepoFile("public/site.webmanifest"));
+    assert.ok(Array.isArray(manifest.icons) && manifest.icons.length >= 2);
+    const sizes = new Set<string>();
+    for (const icon of manifest.icons) {
+      assert.ok(
+        publicExists(icon.src),
+        `manifest icon missing: ${icon.src}`
+      );
+      assert.strictEqual(icon.type, "image/png");
+      assert.ok(icon.purpose, `manifest icon ${icon.src} lacks a purpose`);
+      sizes.add(icon.sizes);
+    }
+    assert.ok(sizes.has("192x192") && sizes.has("512x512"));
+  });
+});
+
+describe("brand mark assets", () => {
+  it("ships the monochrome mark set used by UI and email", () => {
+    for (const file of [
+      "/brand/email-mark-black.png",
+      "/brand/email-mark-white.png",
+      "/brand/avatar-transparent-black-512.png",
+      "/brand/avatar-light-512.png",
+      "/brand/avatar-dark-512.png",
+      "/brand/hoppy-turtle-black-1600.png",
+      "/brand/hoppy-turtle-white-1600.png",
+    ]) {
+      assert.ok(publicExists(file), `brand asset missing: ${file}`);
+    }
+  });
+
+  it("every /brand/* path referenced in code resolves to a real file", () => {
+    const sources = [
+      readRepoFile(path.join("components", "brand-mark.tsx")),
+      readRepoFile(path.join("components", "admin-trade-workspace.tsx")),
+      readRepoFile(path.join("lib", "trade-leads-email-common.ts")),
+    ].join("\n");
+    const urls = new Set(
+      [...sources.matchAll(/(\/brand\/[\w.-]+\.(?:png|svg|webp|jpg))/g)].map(
+        (m) => m[1]
+      )
+    );
+    assert.ok(urls.size > 0, "expected /brand/ references in code");
+    for (const url of urls) {
+      assert.ok(publicExists(url), `referenced brand asset missing: ${url}`);
+    }
+  });
+});
diff --git a/tests/lib/trade-leads-email.test.ts b/tests/lib/trade-leads-email.test.ts
index e58ae8e..4190f1e 100644
--- a/tests/lib/trade-leads-email.test.ts
+++ b/tests/lib/trade-leads-email.test.ts
@@ -1,6 +1,7 @@
 import { describe, it } from "node:test";
 import assert from "node:assert";
 import {
+  buildTradeLeadOutboundHtml,
   deliveryStateForEvent,
   emailPreview,
   escapeHtml,
@@ -18,6 +19,8 @@ import {
   senderDomain,
   serializeTradeLeadCommunication,
   shouldAdvanceDeliveryState,
+  splitQuotedEmailText,
+  TRADE_EMAIL_MARK_PATH,
   TRADE_EMAIL_BODY_MAX,
   TRADE_EMAIL_PREVIEW_LENGTH,
   TRADE_EMAIL_RESEND_WINDOW_MS,
@@ -457,3 +460,106 @@ describe("subcollection naming", () => {
     );
   });
 });
+
+describe("buildTradeLeadOutboundHtml", () => {
+  const html = buildTradeLeadOutboundHtml({
+    bodyHtml: plainTextToHtml("Thanks for reaching out.\n\nPrice list attached."),
+    markUrl: `https://deepdivebrewing.com${TRADE_EMAIL_MARK_PATH}`,
+    siteUrl: "https://deepdivebrewing.com",
+  });
+
+  it("embeds the absolute brand-mark URL", () => {
+    assert.ok(
+      html.includes(`src="https://deepdivebrewing.com${TRADE_EMAIL_MARK_PATH}"`),
+      "expected the hoppy turtle mark as an absolute URL"
+    );
+    assert.ok(html.includes('alt="Deep Dive Brewing Co"'));
+  });
+
+  it("carries the staff body inside the card unchanged", () => {
+    assert.ok(html.includes("<p>Thanks for reaching out.</p>"));
+    assert.ok(html.includes("<p>Price list attached.</p>"));
+  });
+
+  it("has a brand footer with the site link", () => {
+    assert.ok(html.includes("Deep Dive Brewing Co &middot; Saba"));
+    assert.ok(html.includes('href="https://deepdivebrewing.com"'));
+  });
+
+  it("escapes the mark URL and keeps email-safe markup", () => {
+    const evil = buildTradeLeadOutboundHtml({
+      bodyHtml: "<p>x</p>",
+      markUrl: 'https://x.test/"><script>alert(1)</script>',
+      siteUrl: "https://deepdivebrewing.com",
+    });
+    assert.ok(!evil.includes("<script"));
+    // Inline styles + tables only — no external fonts or scripts.
+    assert.ok(!html.includes("@import") && !html.includes("<link"));
+  });
+});
+
+describe("splitQuotedEmailText", () => {
+  it("splits a reply above a '>' quoted block", () => {
+    const { fresh, quoted } = splitQuotedEmailText(
+      "Yes, two cases works.\n\nOn Mon, Oct 6, Chad wrote:\n> here is the price list"
+    );
+    assert.strictEqual(fresh, "Yes, two cases works.");
+    assert.ok(quoted?.includes("> here is the price list"));
+  });
+
+  it("splits an 'Original Message' separator", () => {
+    const { fresh, quoted } = splitQuotedEmailText(
+      "Confirmed.\n\n-----Original Message-----\nFrom: Chad\nSent: Monday"
+    );
+    assert.strictEqual(fresh, "Confirmed.");
+    assert.ok(quoted?.includes("Original Message"));
+  });
+
+  it("splits an Outlook From:/Sent: header block", () => {
+    const { fresh, quoted } = splitQuotedEmailText(
+      "Sounds good.\n\nFrom: chad@deepdivebrewing.com\nSent: Monday\nTo: sam@harbour.example"
+    );
+    assert.strictEqual(fresh, "Sounds good.");
+    assert.ok(quoted?.startsWith("From:"));
+  });
+
+  it("does not split a bare From: line that is not a header block", () => {
+    const { fresh, quoted } = splitQuotedEmailText(
+      "Prices start From: $20 per case\n\nLet me know."
+    );
+    assert.strictEqual(quoted, null);
+    assert.ok(fresh.includes("From: $20"));
+  });
+
+  it("splits a reply above a bare '>' quoted tail", () => {
+    const { fresh, quoted } = splitQuotedEmailText(
+      "Done.\n\n> original question\n> second line"
+    );
+    assert.strictEqual(fresh, "Done.");
+    assert.ok(quoted?.includes("> original question"));
+  });
+
+  it("keeps an interleaved reply expanded — post-quote text is new content", () => {
+    const { fresh, quoted } = splitQuotedEmailText(
+      "Hi\n> Can you ship Monday?\nPlease ship Tuesday instead"
+    );
+    assert.strictEqual(quoted, null);
+    assert.ok(fresh.includes("Please ship Tuesday instead"));
+  });
+
+  it("never hides the whole message — marker on line 0 keeps everything", () => {
+    const { fresh, quoted } = splitQuotedEmailText(
+      "> forwarded content only"
+    );
+    assert.strictEqual(quoted, null);
+    assert.ok(fresh.includes("forwarded content only"));
+  });
+
+  it("returns the full body when nothing is quoted", () => {
+    const { fresh, quoted } = splitQuotedEmailText(
+      "Hello\n\nNo quotes here."
+    );
+    assert.strictEqual(quoted, null);
+    assert.strictEqual(fresh, "Hello\n\nNo quotes here.");
+  });
+});