From 8548bb6c7ce44159b75d86c4b001a91b7817ca24 Mon Sep 17 00:00:00 2001
From: RedStar <redstar071@proton.me>
Date: Sun, 18 Oct 2026 22:38:31 +0200
Subject: [PATCH] feat(marketing): lead with evidence and drop unsupported
 claims

The hero now says what Code Zero does and starts from observe mode, and
its terminal is labelled as an illustrative excerpt using a command the
CLI accepts (`zero review --proactive`). The social image dropped the
removed `--mode` flag as well.

The testimonials named people and companies the project cannot back up,
so the section, its copy and its schema are gone. The feature grid uses
typed layout slots instead of ids and icons, the logo strip reads as a
sentence plus a row, and page controls follow the 44 px marketing
density. A header test that clicked an external link now prevents the
navigation instead of opening a real URL.
---
 apps/marketing/README.md                      |  2 +-
 apps/marketing/app/pages/index.vue            |  1 -
 apps/marketing/config/content.ts              | 32 +++-------
 apps/marketing/content.config.ts              |  2 +-
 .../modules/home/components/CallToAction.vue  | 16 +++--
 .../modules/home/components/FeatureGrid.vue   | 37 +++++++----
 .../modules/home/components/Hero.vue          | 64 +++++++++++--------
 .../modules/home/components/LogoCloud.vue     | 14 ++--
 .../modules/home/components/Testimonials.vue  | 40 ------------
 .../modules/shared/components/site/Header.vue | 17 ++---
 apps/marketing/nuxt.config.ts                 |  4 +-
 apps/marketing/public/og-image.svg            | 10 +--
 .../test/nuxt/components/Header.spec.ts       | 13 ++++
 apps/marketing/test/unit/content.test.ts      | 16 +----
 apps/marketing/uno.config.ts                  |  7 +-
 packages/i18n/locales/en/marketing.json       | 31 ++-------
 packages/i18n/locales/it/marketing.json       | 31 ++-------
 packages/i18n/schemas/marketing.schema.json   | 63 ------------------
 packages/ui/DESIGN.md                         |  5 +-
 19 files changed, 138 insertions(+), 267 deletions(-)
 delete mode 100644 apps/marketing/modules/home/components/Testimonials.vue

diff --git a/apps/marketing/README.md b/apps/marketing/README.md
index 6452b2a3..01d63e33 100644
--- a/apps/marketing/README.md
+++ b/apps/marketing/README.md
@@ -126,7 +126,7 @@ Two deliberate exclusions:
 
 Icons reached through a `:name` binding cannot be found by the icon scanner. When a new icon comes
 from `config/content.ts`, add its list to `icon.clientBundle.icons` in `nuxt.config.ts` the way
-`featureCards` and `logoCloud` already are, or it will silently render as an empty box.
+`logoCloud` already is, or it will silently render as an empty box.
 
 ## Adding or editing a legal document
 
diff --git a/apps/marketing/app/pages/index.vue b/apps/marketing/app/pages/index.vue
index fba5ded0..0c24d4a2 100644
--- a/apps/marketing/app/pages/index.vue
+++ b/apps/marketing/app/pages/index.vue
@@ -3,7 +3,6 @@
     <HomeHero />
     <HomeLogoCloud />
     <HomeFeatureGrid />
-    <HomeTestimonials />
     <HomePricingTable />
     <HomeFaq />
     <HomeCallToAction />
diff --git a/apps/marketing/config/content.ts b/apps/marketing/config/content.ts
index 5e98da2c..b51960d4 100644
--- a/apps/marketing/config/content.ts
+++ b/apps/marketing/config/content.ts
@@ -1,6 +1,6 @@
 /**
- * Structure of the landing page: which cards exist, in which order, and which translation key and
- * icon each one carries.
+ * Structure of the landing page: which cards exist, in which order, and which translation key
+ * each one carries.
  *
  * Copy itself lives in `@code-zero/i18n` (`locales/<locale>/marketing.json`) so translators work
  * from one place and Lunaria can report staleness. This file only holds what is not language —
@@ -11,15 +11,7 @@
 export interface FeatureCard {
   /** Key under `marketing.features.items`; also the Vue list key. */
   readonly id: string;
-  /** Lucide icon name resolved by `@nuxt/icon` from the locally installed collection. */
-  readonly icon: string;
-}
-
-export interface Testimonial {
-  /** Key under `marketing.testimonials.items`. */
-  readonly id: string;
-  /** Initials rendered in the avatar tile; no remote images on a page that must stay fast. */
-  readonly initials: string;
+  readonly layout: 'lead' | 'standard' | 'wide';
 }
 
 export interface FaqEntry {
@@ -48,20 +40,14 @@ export interface PricingPlan {
 export const pricingCurrency = 'USD';
 
 export const featureCards = [
-  { id: 'observe', icon: 'lucide:eye' },
-  { id: 'runner', icon: 'lucide:shield-check' },
-  { id: 'verify', icon: 'lucide:circle-check-big' },
-  { id: 'models', icon: 'lucide:cpu' },
-  { id: 'sandbox', icon: 'lucide:box' },
-  { id: 'policy', icon: 'lucide:scale' },
+  { id: 'observe', layout: 'lead' },
+  { id: 'runner', layout: 'standard' },
+  { id: 'verify', layout: 'standard' },
+  { id: 'models', layout: 'standard' },
+  { id: 'sandbox', layout: 'standard' },
+  { id: 'policy', layout: 'wide' },
 ] as const satisfies readonly FeatureCard[];
 
-export const testimonials = [
-  { id: 'one', initials: 'MC' },
-  { id: 'two', initials: 'JW' },
-  { id: 'three', initials: 'AO' },
-] as const satisfies readonly Testimonial[];
-
 export const faqEntries = [
   { id: 'write' },
   { id: 'models' },
diff --git a/apps/marketing/content.config.ts b/apps/marketing/content.config.ts
index 74c9b88a..0f6db56a 100644
--- a/apps/marketing/content.config.ts
+++ b/apps/marketing/content.config.ts
@@ -14,7 +14,7 @@ const legalSchema = z.object({
 /**
  * Frontmatter every blog post declares. `date` is the publication date (ISO 8601) the listing
  * sorts by; `tag` is a single lowercase category the listing can filter on; `authorInitials`
- * feeds the same initials-tile avatar the testimonials use — this site ships no portrait images.
+ * feeds the initials-tile avatar — this site ships no portrait images.
  */
 const blogSchema = z.object({
   title: z.string(),
diff --git a/apps/marketing/modules/home/components/CallToAction.vue b/apps/marketing/modules/home/components/CallToAction.vue
index 886ddc44..6eb321cc 100644
--- a/apps/marketing/modules/home/components/CallToAction.vue
+++ b/apps/marketing/modules/home/components/CallToAction.vue
@@ -1,15 +1,19 @@
 <template>
   <section class="section-y">
     <div class="shell">
-      <div class="panel border-accent/35 bg-accent/4 px-6 py-12 text-center sm:px-12">
-        <h2 class="m-0 text-headline font-750 tracking-tight">{{ $t('marketing.cta.title') }}</h2>
-        <p class="mx-auto m-0 mt-4 max-w-2xl lede">{{ $t('marketing.cta.subtitle') }}</p>
-        <div class="mt-8 flex flex-wrap items-center justify-center gap-3">
-          <a class="btn btn-accent" :href="dashboardUrl">
+      <div
+        class="panel grid gap-8 border-accent/35 px-6 py-10 sm:px-10 lg:grid-cols-[1fr_auto] lg:items-center lg:gap-12 lg:py-14"
+      >
+        <div>
+          <h2 class="m-0 text-headline font-750 tracking-tight">{{ $t('marketing.cta.title') }}</h2>
+          <p class="m-0 mt-4 max-w-xl lede">{{ $t('marketing.cta.subtitle') }}</p>
+        </div>
+        <div class="flex flex-col gap-3 sm:flex-row lg:flex-col">
+          <a class="btn btn-accent h-11 text-base" :href="dashboardUrl">
             {{ $t('marketing.cta.primary') }}
             <Icon aria-hidden="true" class="h-4 w-4 rtl:scale-x-[-1]" name="lucide:arrow-right" />
           </a>
-          <NuxtLink class="btn btn-subtle" :to="localePath({ path: '/contact' })">
+          <NuxtLink class="btn btn-subtle h-11 text-base" :to="localePath({ path: '/contact' })">
             {{ $t('marketing.cta.secondary') }}
           </NuxtLink>
         </div>
diff --git a/apps/marketing/modules/home/components/FeatureGrid.vue b/apps/marketing/modules/home/components/FeatureGrid.vue
index e4d8b6fe..0dbcbd74 100644
--- a/apps/marketing/modules/home/components/FeatureGrid.vue
+++ b/apps/marketing/modules/home/components/FeatureGrid.vue
@@ -1,25 +1,36 @@
 <template>
-  <section id="features" class="section-y scroll-mt-20">
+  <section id="features" class="section-y scroll-mt-24">
     <div class="shell">
-      <div class="max-w-2xl">
-        <h2 class="m-0 text-headline font-750 tracking-tight">
+      <div class="grid gap-6 lg:grid-cols-2 lg:gap-16">
+        <h2 class="m-0 max-w-xl text-headline font-750 tracking-tight">
           {{ $t('marketing.features.title') }}
         </h2>
-        <p class="m-0 mt-4 lede">{{ $t('marketing.features.subtitle') }}</p>
+        <p class="m-0 max-w-xl lede lg:self-end">{{ $t('marketing.features.subtitle') }}</p>
       </div>
 
-      <ul class="m-0 mt-12 grid list-none gap-4 ps-0 sm:grid-cols-2 lg:grid-cols-3">
-        <li v-for="feature in featureCards" :key="feature.id" class="card">
-          <span
-            class="h-9 w-9 grid place-items-center border border-accent/45 bg-accent/8 text-accent"
-            aria-hidden="true"
+      <ul class="m-0 mt-12 grid list-none gap-x-10 ps-0 sm:grid-cols-2">
+        <li
+          v-for="feature in featureCards"
+          :key="feature.id"
+          class="border-t border-line py-8"
+          :class="
+            feature.layout === 'lead'
+              ? 'col-span-full grid gap-4 bg-panel px-6 sm:grid-cols-2 sm:gap-10 sm:px-8'
+              : feature.layout === 'wide'
+                ? 'sm:col-span-full'
+                : undefined
+          "
+        >
+          <h3
+            class="m-0 text-lg font-700"
+            :class="feature.layout === 'lead' ? 'text-accent' : undefined"
           >
-            <Icon class="h-4.5 w-4.5" :name="feature.icon" />
-          </span>
-          <h3 class="m-0 mt-4 text-base font-700">
             {{ $t(`marketing.features.items.${feature.id}.title`) }}
           </h3>
-          <p class="m-0 mt-2 text-sm text-muted leading-relaxed">
+          <p
+            class="m-0 max-w-2xl text-base text-muted leading-relaxed"
+            :class="feature.layout === 'lead' ? undefined : 'mt-3'"
+          >
             {{ $t(`marketing.features.items.${feature.id}.description`) }}
           </p>
         </li>
diff --git a/apps/marketing/modules/home/components/Hero.vue b/apps/marketing/modules/home/components/Hero.vue
index e6ea6b42..4b095b5e 100644
--- a/apps/marketing/modules/home/components/Hero.vue
+++ b/apps/marketing/modules/home/components/Hero.vue
@@ -1,20 +1,20 @@
 <template>
-  <section class="section-y">
-    <div class="shell grid items-center gap-12 lg:grid-cols-[1.05fr_1fr] lg:gap-16">
-      <div>
-        <p class="m-0 eyebrow">{{ $t('marketing.hero.eyebrow') }}</p>
-        <h1 class="m-0 mt-5 text-display font-750 tracking-tight">
+  <section class="py-16 sm:py-24 lg:py-28">
+    <div class="shell grid items-center gap-12 lg:grid-cols-[1.1fr_1fr] lg:gap-12">
+      <div class="min-w-0">
+        <p class="m-0 text-sm text-accent font-650">{{ $t('marketing.hero.eyebrow') }}</p>
+        <h1 class="m-0 mt-6 max-w-2xl text-display font-750 tracking-tight">
           {{ $t('marketing.hero.title') }}
         </h1>
         <p class="m-0 mt-6 max-w-xl lede">{{ $t('marketing.hero.subtitle') }}</p>
 
-        <div class="mt-8 flex flex-wrap items-center gap-3">
-          <NuxtLink class="btn btn-accent" :to="localePath({ path: '/pricing' })">
+        <div class="mt-8 flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-center">
+          <NuxtLink class="btn btn-accent h-11 text-base" :to="localePath({ path: '/pricing' })">
             {{ $t('marketing.hero.primaryCta') }}
             <Icon aria-hidden="true" class="h-4 w-4 rtl:scale-x-[-1]" name="lucide:arrow-right" />
           </NuxtLink>
           <NuxtLink
-            class="btn btn-subtle"
+            class="btn btn-subtle h-11 text-base"
             :to="links.docs"
             external
             target="_blank"
@@ -24,27 +24,35 @@
           </NuxtLink>
         </div>
 
-        <p class="m-0 mt-5 flex items-center gap-2 text-xs text-muted">
-          <Icon aria-hidden="true" class="h-3.5 w-3.5 text-accent" name="lucide:shield-check" />
+        <p class="m-0 mt-5 text-sm text-muted">
           {{ $t('marketing.hero.note') }}
         </p>
       </div>
 
-      <figure class="m-0">
-        <div class="panel overflow-hidden">
-          <div class="h-9 flex items-center gap-2 border-b border-line px-3.5">
-            <span class="h-2 w-2 rounded-full bg-danger/70" aria-hidden="true" />
-            <span class="h-2 w-2 rounded-full bg-warning/70" aria-hidden="true" />
-            <span class="h-2 w-2 rounded-full bg-accent/70" aria-hidden="true" />
-            <span class="ms-2 mono text-muted">{{ $t('marketing.hero.terminalTitle') }}</span>
+      <figure class="m-0 min-w-0">
+        <div class="panel overflow-hidden border-muted/45">
+          <div class="min-h-12 flex items-center border-b border-line bg-raised px-5">
+            <span class="text-sm text-muted font-650">{{
+              $t('marketing.hero.terminalTitle')
+            }}</span>
           </div>
           <!-- A transcript rather than a screenshot: it stays legible in both themes, needs no
                image request on the critical path, and is readable by a screen reader. -->
-          <pre
-            class="m-0 overflow-x-auto p-4 mono text-ink leading-relaxed"
-          ><code>{{ transcript }}</code></pre>
+          <div
+            class="focus-ring overflow-x-auto p-5 sm:p-6"
+            role="region"
+            :aria-label="$t('marketing.hero.terminalTitle')"
+            tabindex="0"
+          >
+            <p class="m-0 whitespace-nowrap font-mono text-sm text-accent">
+              $ zero review --proactive
+            </p>
+            <pre
+              class="m-0 mt-6 font-mono text-sm text-ink leading-relaxed"
+            ><code>{{ transcript }}</code></pre>
+          </div>
         </div>
-        <figcaption class="mt-3 text-xs text-muted">
+        <figcaption class="mt-4 text-sm text-muted leading-relaxed">
           {{ $t('marketing.hero.terminalCaption') }}
         </figcaption>
       </figure>
@@ -57,13 +65,13 @@ const localePath = useLocalePath();
 
 // Static sample output, not a live run: the marketing site holds no credentials and never calls
 // the runtime. Kept verbatim rather than translated because it is program output, not prose.
-const transcript = `$ zero review --mode observe
-→ mode        observe (read-only)
-→ provider    anthropic/claude-opus-5
-→ checkout    /srv/checkouts/acme-web@4f19c2a
+const transcript = `| Property | Value |
+| --- | --- |
+| Mode | \`observe\` |
 
-✔ reproduced  src/user.ts:42  possible null dereference
-✔ verified    pnpm test -- user.spec.ts  (14 passed)
+### Finding
+No finding was produced.
 
-2 findings · 0 writes · run 3a91f0`;
+### Checks
+No repository-native checks were executed.`;
 </script>
diff --git a/apps/marketing/modules/home/components/LogoCloud.vue b/apps/marketing/modules/home/components/LogoCloud.vue
index 0d54380a..23b8b148 100644
--- a/apps/marketing/modules/home/components/LogoCloud.vue
+++ b/apps/marketing/modules/home/components/LogoCloud.vue
@@ -1,14 +1,14 @@
 <template>
-  <section class="border-y border-line bg-panel/50 py-10">
-    <div class="shell">
-      <h2 class="m-0 text-center eyebrow">{{ $t('marketing.logos.title') }}</h2>
-      <ul
-        class="m-0 mt-6 list-none flex flex-wrap items-center justify-center gap-x-10 gap-y-5 ps-0"
-      >
+  <section class="border-y border-line bg-panel/70 py-8">
+    <div class="shell grid gap-6 lg:grid-cols-[1fr_2fr] lg:items-center lg:gap-12">
+      <h2 class="m-0 text-base text-muted font-500 leading-relaxed">
+        {{ $t('marketing.logos.title') }}
+      </h2>
+      <ul class="m-0 list-none flex flex-wrap items-center gap-x-8 gap-y-4 ps-0 lg:justify-between">
         <li
           v-for="entry in logoCloud"
           :key="entry.id"
-          class="flex items-center gap-2 text-sm text-muted font-650"
+          class="flex items-center gap-2 text-base text-ink font-650"
         >
           <Icon aria-hidden="true" class="h-4.5 w-4.5" :name="entry.icon" />
           {{ entry.label }}
diff --git a/apps/marketing/modules/home/components/Testimonials.vue b/apps/marketing/modules/home/components/Testimonials.vue
deleted file mode 100644
index a718b26c..00000000
--- a/apps/marketing/modules/home/components/Testimonials.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<template>
-  <section class="section-y">
-    <div class="shell">
-      <div class="max-w-2xl">
-        <h2 class="m-0 text-headline font-750 tracking-tight">
-          {{ $t('marketing.testimonials.title') }}
-        </h2>
-        <p class="m-0 mt-4 lede">{{ $t('marketing.testimonials.subtitle') }}</p>
-      </div>
-
-      <ul class="m-0 mt-12 grid list-none gap-4 ps-0 lg:grid-cols-3">
-        <li v-for="entry in testimonials" :key="entry.id" class="panel flex flex-col p-6">
-          <blockquote class="m-0 flex-1 text-sm text-ink leading-relaxed">
-            “{{ $t(`marketing.testimonials.items.${entry.id}.quote`) }}”
-          </blockquote>
-          <figcaption class="mt-6 flex items-center gap-3">
-            <span
-              class="h-9 w-9 grid shrink-0 place-items-center border border-line bg-raised mono text-muted"
-              aria-hidden="true"
-            >
-              {{ entry.initials }}
-            </span>
-            <span class="min-w-0">
-              <span class="block truncate text-sm font-650">
-                {{ $t(`marketing.testimonials.items.${entry.id}.author`) }}
-              </span>
-              <span class="block truncate text-xs text-muted">
-                {{ $t(`marketing.testimonials.items.${entry.id}.role`) }}
-              </span>
-            </span>
-          </figcaption>
-        </li>
-      </ul>
-    </div>
-  </section>
-</template>
-
-<script setup lang="ts">
-import { testimonials } from '~~/config/content.js';
-</script>
diff --git a/apps/marketing/modules/shared/components/site/Header.vue b/apps/marketing/modules/shared/components/site/Header.vue
index b2e87cd7..62eea1c9 100644
--- a/apps/marketing/modules/shared/components/site/Header.vue
+++ b/apps/marketing/modules/shared/components/site/Header.vue
@@ -1,8 +1,8 @@
 <template>
   <header class="sticky top-0 z-40 border-b border-line bg-canvas/85 backdrop-blur">
-    <div class="shell h-16 flex items-center gap-4">
+    <div class="shell h-16 flex items-center gap-2 sm:gap-4">
       <NuxtLink
-        class="focus-ring flex shrink-0 items-center gap-2.5"
+        class="focus-ring min-h-11 flex shrink-0 items-center gap-2.5"
         :to="localePath({ path: '/' })"
         :aria-label="site.name"
       >
@@ -14,7 +14,7 @@
         <NuxtLink
           v-for="link in navigation"
           :key="link.id"
-          class="focus-ring px-2.5 py-2 text-xs text-muted font-600 transition hover:text-ink"
+          class="focus-ring min-h-11 inline-flex items-center px-2.5 text-sm text-muted font-600 transition hover:text-ink"
           :to="link.to"
           :external="link.external"
           :target="link.external ? '_blank' : undefined"
@@ -24,15 +24,15 @@
         </NuxtLink>
       </nav>
 
-      <div class="ms-auto flex items-center gap-2">
+      <div class="ms-auto flex items-center gap-1 sm:gap-2">
         <ClientOnly>
           <ColorModeToggle />
           <template #fallback>
-            <span class="h-9 w-9" aria-hidden="true" />
+            <span class="h-11 w-11" aria-hidden="true" />
           </template>
         </ClientOnly>
         <LocaleSwitcher class="hidden sm:block" />
-        <a class="btn btn-accent btn-sm" :href="dashboardUrl">
+        <a class="btn btn-accent px-3 sm:px-5" :href="dashboardUrl">
           {{ $t('marketing.nav.signIn') }}
         </a>
         <button
@@ -54,14 +54,15 @@
       :aria-label="$t('marketing.nav.aria')"
       class="border-t border-line bg-panel lg:hidden"
     >
-      <ul class="shell m-0 list-none flex flex-col gap-1 py-3 ps-0">
+      <ul class="shell m-0 list-none flex flex-col gap-1 py-4">
         <li v-for="link in navigation" :key="link.id">
           <NuxtLink
-            class="focus-ring block px-1 py-2.5 text-sm text-muted font-600 transition hover:text-ink"
+            class="focus-ring min-h-11 flex items-center px-2 text-base text-muted font-600 transition hover:text-ink"
             :to="link.to"
             :external="link.external"
             :target="link.external ? '_blank' : undefined"
             :rel="link.external ? 'noreferrer' : undefined"
+            @click="menuOpen = false"
           >
             {{ $t(`marketing.nav.${link.id}`) }}
           </NuxtLink>
diff --git a/apps/marketing/nuxt.config.ts b/apps/marketing/nuxt.config.ts
index cdf4962d..4ac71e8a 100644
--- a/apps/marketing/nuxt.config.ts
+++ b/apps/marketing/nuxt.config.ts
@@ -3,7 +3,7 @@ import process from 'node:process';
 import { defaultLocale, i18nLocalesFor, localeCookieName } from '@code-zero/i18n';
 import { defineNuxtConfig } from 'nuxt/config';
 
-import { featureCards, logoCloud } from './config/content.js';
+import { logoCloud } from './config/content.js';
 
 // Only the scopes this app renders: every listed file is deep-merged into the bundle whether or
 // not a key from it is read, so the dashboard's auth/organizations copy has no business being
@@ -75,7 +75,7 @@ export default defineNuxtConfig({
       // The scanner cannot see icons that reach `<Icon>` through a `:name` binding, so the ones
       // that live in `config/content.ts` are listed from that same source. Deriving the list
       // instead of retyping it means adding a card cannot silently ship a missing icon.
-      icons: [...featureCards.map((card) => card.icon), ...logoCloud.map((entry) => entry.icon)],
+      icons: logoCloud.map((entry) => entry.icon),
     },
   },
 
diff --git a/apps/marketing/public/og-image.svg b/apps/marketing/public/og-image.svg
index c4071744..72b85b71 100644
--- a/apps/marketing/public/og-image.svg
+++ b/apps/marketing/public/og-image.svg
@@ -26,12 +26,12 @@
     <path class="ink-s" d="M106.4,76.64A21.76,21.76 0 0 1 128.16,98.4L128.16,125.6A21.76,21.76 0 0 1 84.64,125.6L84.64,98.4A21.76,21.76 0 0 1 106.4,76.64Z" stroke="#f3f7f1" stroke-dasharray="0 25.563 20.546 27.235 20.546 3.345 20.546 27.235 20.546 25.563"/>
   </g>
   <g class="acc" clip-path="url(#cliplogo)" fill="#8ee34a"><rect x="46.4" y="108.195" width="120" height="7.61" transform="rotate(-62 106.4 112)"/></g>
-  <text x="155" y="123" fill="#f3f7f1" font-family="Inter, ui-sans-serif, system-ui, sans-serif" font-size="30" font-weight="700">Code Zero</text>
+  <text x="155" y="123" fill="#f3f7f1" font-family="Geist, ui-sans-serif, system-ui, sans-serif" font-size="30" font-weight="700">Code Zero</text>
 
-  <text x="80" y="300" fill="#f3f7f1" font-family="Inter, ui-sans-serif, system-ui, sans-serif" font-size="66" font-weight="750">The autonomous engineer</text>
-  <text x="80" y="378" fill="#f3f7f1" font-family="Inter, ui-sans-serif, system-ui, sans-serif" font-size="66" font-weight="750">that never merges a guess</text>
+  <text x="80" y="300" fill="#f3f7f1" font-family="Geist, ui-sans-serif, system-ui, sans-serif" font-size="66" font-weight="750">Find the problem.</text>
+  <text x="80" y="378" fill="#f3f7f1" font-family="Geist, ui-sans-serif, system-ui, sans-serif" font-size="66" font-weight="750">Prove the fix.</text>
 
-  <text x="80" y="452" fill="#9fb5a6" font-family="Inter, ui-sans-serif, system-ui, sans-serif" font-size="28">Finds, fixes, and verifies problems in pull requests.</text>
+  <text x="80" y="452" fill="#9fb5a6" font-family="Geist, ui-sans-serif, system-ui, sans-serif" font-size="28">Finds, fixes, and verifies problems in pull requests.</text>
 
-  <text x="80" y="540" fill="#8ee34a" font-family="ui-monospace, SFMono-Regular, Consolas, monospace" font-size="24">$ zero review --mode observe</text>
+  <text x="80" y="540" fill="#8ee34a" font-family="ui-monospace, SFMono-Regular, Consolas, monospace" font-size="24">$ zero review --proactive</text>
 </svg>
diff --git a/apps/marketing/test/nuxt/components/Header.spec.ts b/apps/marketing/test/nuxt/components/Header.spec.ts
index 03ae2077..718db616 100644
--- a/apps/marketing/test/nuxt/components/Header.spec.ts
+++ b/apps/marketing/test/nuxt/components/Header.spec.ts
@@ -32,4 +32,17 @@ describe('SiteHeader', () => {
     expect(toggle.attributes('aria-expanded')).toBe('true');
     expect(toggle.attributes('aria-label')).toBe('Close menu');
   });
+
+  it('closes the mobile menu after following a documentation link', async () => {
+    const wrapper = await mountSuspended(Header);
+    const toggle = wrapper.get('[aria-controls="site-mobile-menu"]');
+    await toggle.trigger('click');
+
+    const docsLink = wrapper.get('#site-mobile-menu a[target="_blank"]');
+    docsLink.element.addEventListener('click', (event) => event.preventDefault(), { once: true });
+    await docsLink.trigger('click');
+
+    expect(toggle.attributes('aria-expanded')).toBe('false');
+    expect(toggle.attributes('aria-label')).toBe('Open menu');
+  });
 });
diff --git a/apps/marketing/test/unit/content.test.ts b/apps/marketing/test/unit/content.test.ts
index 2071c15f..dcaa86bc 100644
--- a/apps/marketing/test/unit/content.test.ts
+++ b/apps/marketing/test/unit/content.test.ts
@@ -5,13 +5,7 @@ import { fileURLToPath } from 'node:url';
 import { locales } from '@code-zero/i18n';
 import { describe, expect, it } from 'vitest';
 
-import {
-  faqEntries,
-  featureCards,
-  logoCloud,
-  pricingPlans,
-  testimonials,
-} from '../../config/content.js';
+import { faqEntries, featureCards, logoCloud, pricingPlans } from '../../config/content.js';
 
 /**
  * The landing page's structure lives in `config/content.ts` while its words live in
@@ -57,12 +51,6 @@ describe.each(localeCodes)('%s dictionary', (locale) => {
     expect(messageAt(messages, `features.items.${id}.description`)).toBeDefined();
   });
 
-  it.each(testimonials.map((entry) => entry.id))('translates the %s testimonial', (id) => {
-    expect(messageAt(messages, `testimonials.items.${id}.quote`)).toBeDefined();
-    expect(messageAt(messages, `testimonials.items.${id}.author`)).toBeDefined();
-    expect(messageAt(messages, `testimonials.items.${id}.role`)).toBeDefined();
-  });
-
   it.each(faqEntries.map((entry) => entry.id))('translates the %s FAQ entry', (id) => {
     expect(messageAt(messages, `faq.items.${id}.question`)).toBeDefined();
     expect(messageAt(messages, `faq.items.${id}.answer`)).toBeDefined();
@@ -82,7 +70,7 @@ describe.each(localeCodes)('%s dictionary', (locale) => {
 
 describe('content structure', () => {
   it('keeps every id unique within its section', () => {
-    for (const section of [featureCards, testimonials, faqEntries, pricingPlans, logoCloud]) {
+    for (const section of [featureCards, faqEntries, pricingPlans, logoCloud]) {
       const ids = section.map((entry) => entry.id);
       expect(new Set(ids).size).toBe(ids.length);
     }
diff --git a/apps/marketing/uno.config.ts b/apps/marketing/uno.config.ts
index fae06ef5..85d094ee 100644
--- a/apps/marketing/uno.config.ts
+++ b/apps/marketing/uno.config.ts
@@ -14,7 +14,12 @@ export default defineCodeZeroUno({
       'btn',
       'focus-ring h-11 inline-flex items-center justify-center gap-2 border px-5 text-sm text-ink font-650 transition disabled:cursor-not-allowed disabled:opacity-60',
     ],
-    ['btn-sm', 'h-9 px-3.5 text-xs'],
+    ['btn-accent', 'btn border-accent bg-accent text-canvas hover:opacity-90'],
+    [
+      'btn-icon',
+      'focus-ring h-11 w-11 grid shrink-0 place-items-center border border-line bg-raised text-ink transition hover:border-muted',
+    ],
+    ['input-field', 'focus-ring h-11 border border-line bg-raised px-3 text-sm text-ink'],
     ['btn-link', 'focus-ring text-sm text-link'],
   ],
 });
diff --git a/packages/i18n/locales/en/marketing.json b/packages/i18n/locales/en/marketing.json
index 43b84466..67509c6d 100644
--- a/packages/i18n/locales/en/marketing.json
+++ b/packages/i18n/locales/en/marketing.json
@@ -15,13 +15,13 @@
     },
     "hero": {
       "eyebrow": "Open source · Apache-2.0",
-      "title": "The autonomous engineer that never merges a guess",
-      "subtitle": "Code Zero reads your pull requests, reproduces the problem, writes the fix, and proves it with a passing run. Observe mode is the default, so nothing touches your repository until you say so.",
+      "title": "Find the problem. Prove the fix.",
+      "subtitle": "Code Zero reviews pull requests, validates findings, and verifies fixes with your repository’s own checks. Start in observe mode: inspect the evidence before allowing changes.",
       "primaryCta": "Start with observe mode",
       "secondaryCta": "Read the docs",
-      "note": "No credit card. Runs on your own infrastructure.",
-      "terminalTitle": "code-zero review",
-      "terminalCaption": "A review run in observe mode: findings only, no writes."
+      "note": "Read-only by default. Self-hosted with your model provider.",
+      "terminalTitle": "Illustrative evidence · observe mode",
+      "terminalCaption": "Representative excerpt, not a recorded run. Observe mode reports findings without changing repository files."
     },
     "logos": {
       "title": "Built on the tooling your pipeline already speaks"
@@ -56,27 +56,6 @@
         }
       }
     },
-    "testimonials": {
-      "title": "What teams do with it",
-      "subtitle": "Code Zero is used where a wrong automated change is expensive.",
-      "items": {
-        "one": {
-          "quote": "We pointed it at a backlog of stale review comments and let it run in observe mode for a week. It surfaced two real null-dereference paths our linters never flagged.",
-          "author": "Maya Chen",
-          "role": "Staff Engineer, Northline"
-        },
-        "two": {
-          "quote": "The part that sold us was the runner boundary. There is one file to read if you want to know everything the agent is allowed to execute.",
-          "author": "Jonas Weber",
-          "role": "Platform Lead, Latticeworks"
-        },
-        "three": {
-          "quote": "It never opens a pull request it cannot back with a green run, which means our reviewers stopped treating agent output as noise.",
-          "author": "Amelia Ortiz",
-          "role": "Head of Engineering, Harbor Studio"
-        }
-      }
-    },
     "pricing": {
       "title": "Run it yourself, or let us run it",
       "subtitle": "The runtime is Apache-2.0 and always will be. Paid tiers cover hosted execution, retention, and support.",
diff --git a/packages/i18n/locales/it/marketing.json b/packages/i18n/locales/it/marketing.json
index bfdfcfb6..ecd57c36 100644
--- a/packages/i18n/locales/it/marketing.json
+++ b/packages/i18n/locales/it/marketing.json
@@ -15,13 +15,13 @@
     },
     "hero": {
       "eyebrow": "Open source · Apache-2.0",
-      "title": "L'ingegnere autonomo che non fa merge di un'ipotesi",
-      "subtitle": "Code Zero legge le tue pull request, riproduce il problema, scrive la correzione e la dimostra con un'esecuzione che passa. La modalità osservazione è il default: finché non lo autorizzi, il repository non viene toccato.",
+      "title": "Trova il problema. Verifica la correzione.",
+      "subtitle": "Code Zero esamina le pull request, valida i risultati e verifica le correzioni con i controlli del tuo repository. Inizia in modalità osservazione: esamina le prove prima di autorizzare le modifiche.",
       "primaryCta": "Inizia in modalità osservazione",
       "secondaryCta": "Leggi la documentazione",
-      "note": "Nessuna carta di credito. Gira sulla tua infrastruttura.",
-      "terminalTitle": "code-zero review",
-      "terminalCaption": "Un'esecuzione in modalità osservazione: solo risultati, nessuna scrittura."
+      "note": "Sola lettura come default. Self-hosted con il tuo provider di modelli.",
+      "terminalTitle": "Esempio illustrativo · modalità osservazione",
+      "terminalCaption": "Estratto rappresentativo, non un’esecuzione registrata. La modalità osservazione riporta i risultati senza modificare i file del repository."
     },
     "logos": {
       "title": "Costruito sugli strumenti che la tua pipeline già usa"
@@ -56,27 +56,6 @@
         }
       }
     },
-    "testimonials": {
-      "title": "Cosa ci fanno i team",
-      "subtitle": "Code Zero viene usato dove una modifica automatica sbagliata costa cara.",
-      "items": {
-        "one": {
-          "quote": "L'abbiamo puntato su un arretrato di commenti di review fermi da mesi, lasciandolo in modalità osservazione per una settimana. Ha fatto emergere due dereferenziazioni null reali che i nostri linter non avevano mai segnalato.",
-          "author": "Maya Chen",
-          "role": "Staff Engineer, Northline"
-        },
-        "two": {
-          "quote": "Ciò che ci ha convinti è il confine runner. C'è un solo file da leggere per sapere tutto quello che l'agente può eseguire.",
-          "author": "Jonas Weber",
-          "role": "Platform Lead, Latticeworks"
-        },
-        "three": {
-          "quote": "Non apre mai una pull request che non sappia sostenere con un'esecuzione verde, e così i nostri revisori hanno smesso di trattare l'output dell'agente come rumore.",
-          "author": "Amelia Ortiz",
-          "role": "Head of Engineering, Harbor Studio"
-        }
-      }
-    },
     "pricing": {
       "title": "Gestiscilo tu, oppure lascialo gestire a noi",
       "subtitle": "Il runtime è Apache-2.0 e lo resterà. I piani a pagamento coprono esecuzione gestita, conservazione dei dati e supporto.",
diff --git a/packages/i18n/schemas/marketing.schema.json b/packages/i18n/schemas/marketing.schema.json
index b007e83d..e98086c9 100644
--- a/packages/i18n/schemas/marketing.schema.json
+++ b/packages/i18n/schemas/marketing.schema.json
@@ -172,69 +172,6 @@
           },
           "additionalProperties": false
         },
-        "testimonials": {
-          "type": "object",
-          "properties": {
-            "title": {
-              "type": "string"
-            },
-            "subtitle": {
-              "type": "string"
-            },
-            "items": {
-              "type": "object",
-              "properties": {
-                "one": {
-                  "type": "object",
-                  "properties": {
-                    "quote": {
-                      "type": "string"
-                    },
-                    "author": {
-                      "type": "string"
-                    },
-                    "role": {
-                      "type": "string"
-                    }
-                  },
-                  "additionalProperties": false
-                },
-                "two": {
-                  "type": "object",
-                  "properties": {
-                    "quote": {
-                      "type": "string"
-                    },
-                    "author": {
-                      "type": "string"
-                    },
-                    "role": {
-                      "type": "string"
-                    }
-                  },
-                  "additionalProperties": false
-                },
-                "three": {
-                  "type": "object",
-                  "properties": {
-                    "quote": {
-                      "type": "string"
-                    },
-                    "author": {
-                      "type": "string"
-                    },
-                    "role": {
-                      "type": "string"
-                    }
-                  },
-                  "additionalProperties": false
-                }
-              },
-              "additionalProperties": false
-            }
-          },
-          "additionalProperties": false
-        },
         "pricing": {
           "type": "object",
           "properties": {
diff --git a/packages/ui/DESIGN.md b/packages/ui/DESIGN.md
index 7b21383b..e9ca932d 100644
--- a/packages/ui/DESIGN.md
+++ b/packages/ui/DESIGN.md
@@ -27,9 +27,10 @@ pull request and say why.
 ## Density
 
 - The dashboard is dense: 36 px controls (`h-9`), `text-xs` body in panels.
-- The marketing site is comfortable: 44 px primary controls (`h-11`), `text-sm` and up.
+- The marketing site is comfortable: 44 px controls (`h-11`), `text-sm` and up. Its primary
+  actions use solid `accent` with `canvas` text; secondary actions keep bordered surfaces.
 - Shared shortcuts (`panel`, `mono`, `focus-ring`, `btn-subtle`, `btn-accent`, `btn-icon`,
-  `input-field`) come from `defineCodeZeroUno`; each app defines its own `btn` height.
+  `input-field`) come from `defineCodeZeroUno`; apps may override control shortcuts for their density and primary-action treatment.
 
 ## Interaction and accessibility