feat(brand): chemistry rebrand across panel + marketing

The logged-in panel is now Catalyst Console (by Corrosion); the marketing site
keeps Corrosion as the platform/company and introduces the lexicon.

- Wordmark: panel/auth Logo lockup -> 'Catalyst' / 'by Corrosion'; the shared
  C-core house mark (CorrosionMark) is untouched. Marketing nav/footer keep the
  'Corrosion' wordmark.
- Titles: panel routes -> '{View} · Catalyst'; auth -> Catalyst; document.title
  fallback + index.html -> 'Catalyst Console'. Marketing titles stay '— Corrosion'.
- Host agent user-facing copy -> 're-Agent' across panel + marketing (the
  binary filename / CDN URLs / config paths / domains are UNCHANGED — that's the
  separate infra/binary-rename sprint; 'Download re-Agent' fetching
  corrosion-host-agent-* is the intended intermediate state).
- Deploy-recipe 'blueprint/template' -> 'Formula/Formulae' in marketing + roadmap;
  Rust in-game 'blueprint wipe' kept (game term).
- docs/BRANDING.md added (Oracle review + locked lexicon).

vue-tsc + vite green; rendered clean both faces (Catalyst panel / Corrosion
marketing), 0 console errors.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

frontend/src/components/ds/brand/Logo.vue

@@ -1,15 +1,15 @@
 <script setup lang="ts">
 /**
- * Logo — Corrosion brand lockup.
- * Composes the CorrosionMark SVG + Oxanium wordmark + optional tagline.
+ * Logo — Catalyst brand lockup.
+ * Composes the CorrosionMark SVG + Oxanium wordmark "Catalyst" + optional tagline.
  *
  * The mark renders in `currentColor`, so set `color: var(--accent)` on a
  * parent (or pass `markColor`) to theme it per active game.
  *
  * Props mirror Logo.jsx exactly:
  *   size       — base px size; drives mark em-size + wordmark scaling
- *   wordmark   — show the "Corrosion" text (default true)
- *   tagline    — false | true (→ "Management Panel") | custom string
+ *   wordmark   — show the "Catalyst" text (default true)
+ *   tagline    — false | true (→ "by Corrosion") | custom string
  *   glow       — accent drop-shadow for marketing / login hero use
  *   markColor  — force a fixed color on the mark (bypasses currentColor theming)
  */
@@ -35,7 +35,7 @@ const glowFilter = computed(() =>
   props.glow ? `drop-shadow(0 0 ${props.size * 0.5}px var(--accent-glow))` : 'none'
 )
 const tagText = computed(() =>
-  typeof props.tagline === 'string' ? props.tagline : 'Management Panel'
+  typeof props.tagline === 'string' ? props.tagline : 'by Corrosion'
 )
 </script>
 
@@ -70,7 +70,7 @@ const tagText = computed(() =>
           color: 'var(--text-primary)',
           lineHeight: 1,
         }"
-      >Corrosion</span>
+      >Catalyst</span>
       <span
         v-if="tagline"
         :style="{

frontend/src/components/layout/DashboardLayout.vue

@@ -126,7 +126,7 @@ const agentLabel = computed(() => {
 })
 // One host → its hostname; multiple → fleet count.
 const agentName = computed(() =>
-  hostCount.value === 1 ? (realHosts.value[0]?.hostname ?? 'Host agent') : `${hostCount.value} hosts`,
+  hostCount.value === 1 ? (realHosts.value[0]?.hostname ?? 're-Agent') : `${hostCount.value} hosts`,
 )
 
 const agentMetaLine = computed(() => {
@@ -231,9 +231,9 @@ const themeIcon = computed(() => theme.value === 'dark' ? 'sun' : 'moon')
         <div v-else class="agent agent--empty">
           <div class="agent__row">
             <StatusDot tone="offline" />
-            <span class="agent__name agent__name--muted">No host agent connected</span>
+            <span class="agent__name agent__name--muted">No re-Agent connected</span>
           </div>
-          <div class="agent__meta">Install the Corrosion host agent from the Server page</div>
+          <div class="agent__meta">Install re-Agent from the Server page</div>
         </div>
         <!-- User / logout row -->
         <div class="side__user">
@@ -272,7 +272,7 @@ const themeIcon = computed(() => theme.value === 'dark' ? 'sun' : 'moon')
 
         <!-- Breadcrumb -->
         <div class="top__crumbs">
-          <span class="crumb">Corrosion</span>
+          <span class="crumb">Catalyst</span>
           <span class="crumb__sep">/</span>
           <span class="crumb crumb--cluster">{{ serverName }}</span>
         </div>