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