docs/superpowers/plans/2026-04-24-cameleer-website.md

@@ -1121,7 +1121,7 @@ import TopographicBg from '../TopographicBg.astro';
       <p class="text-accent font-mono text-xs tracking-[0.25em] uppercase mb-6">
         Observability · Apache Camel
       </p>
-      <h1 class="font-display font-bold text-text mb-6">
+      <h1 class="text-display font-bold text-text mb-6">
         See every route.<br />
         Reach into every flow.
       </h1>
@@ -1262,7 +1262,7 @@ const steps: Step[] = [
   <div class="max-w-content mx-auto px-6 py-20 md:py-24">
     <div class="max-w-2xl mb-16">
       <p class="text-cyan font-mono text-xs tracking-[0.25em] uppercase mb-4">For engineers</p>
-      <h2 class="font-hero font-bold text-text mb-4">How it works</h2>
+      <h2 class="text-hero font-bold text-text mb-4">How it works</h2>
       <p class="text-text-muted text-lg">Three steps. No code changes. Works across Camel 4.x.</p>
     </div>
     <ol class="grid md:grid-cols-3 gap-6 md:gap-8">
@@ -1314,7 +1314,7 @@ git commit -m "Add HowItWorks section — 3-step engineer-facing walkthrough"
   <div class="max-w-content mx-auto px-6 py-20 md:py-24">
     <div class="max-w-2xl mb-16">
       <p class="text-accent font-mono text-xs tracking-[0.25em] uppercase mb-4">Why Cameleer</p>
-      <h2 class="font-hero font-bold text-text mb-4">
+      <h2 class="text-hero font-bold text-text mb-4">
         A purpose-built tool, from the team that has built integration observability before.
       </h2>
     </div>
@@ -1417,7 +1417,7 @@ const tiers: Tier[] = [
   <div class="max-w-content mx-auto px-6 py-20 md:py-24">
     <div class="max-w-2xl mb-12">
       <p class="text-accent font-mono text-xs tracking-[0.25em] uppercase mb-4">Pricing</p>
-      <h2 class="font-hero font-bold text-text mb-4">Start free. Grow when you need to.</h2>
+      <h2 class="text-hero font-bold text-text mb-4">Start free. Grow when you need to.</h2>
       <p class="text-text-muted text-lg">
         No credit card for the trial.
         <a href="/pricing" class="text-accent hover:underline">See full comparison →</a>
@@ -1478,7 +1478,7 @@ import TopographicBg from '../TopographicBg.astro';
 <section class="relative overflow-hidden">
   <TopographicBg opacity={0.18} lines={6} />
   <div class="relative max-w-content mx-auto px-6 py-24 md:py-32 text-center">
-    <h2 class="font-display font-bold text-text mb-6">
+    <h2 class="text-display font-bold text-text mb-6">
       Start seeing your routes.
     </h2>
     <p class="text-lg md:text-xl text-text-muted max-w-prose mx-auto mb-10">
@@ -1631,7 +1631,7 @@ const tiers: FullTier[] = [
       <TopographicBg opacity={0.12} lines={8} />
       <div class="relative max-w-content mx-auto px-6 pt-20 pb-12">
         <p class="text-accent font-mono text-xs tracking-[0.25em] uppercase mb-4">Pricing</p>
-        <h1 class="font-display font-bold text-text mb-6">Priced so engineers can say yes.</h1>
+        <h1 class="text-display font-bold text-text mb-6">Priced so engineers can say yes.</h1>
         <p class="text-lg text-text-muted max-w-prose">
           Start free for 14 days. No credit card required. Move up when you need more apps, longer retention, or enterprise features.
         </p>
@@ -1733,7 +1733,7 @@ const operator = {
 >
   <SiteHeader />
   <main class="max-w-prose mx-auto px-6 py-16 md:py-24">
-    <h1 class="font-hero font-bold text-text mb-8">Imprint</h1>
+    <h1 class="text-hero font-bold text-text mb-8">Imprint</h1>
 
     <section class="mb-10">
       <h2 class="text-lg font-bold text-text mb-3">Information pursuant to § 5 TMG / § 5 DDG</h2>
@@ -1834,7 +1834,7 @@ const lastUpdated = '2026-04-24';
 >
   <SiteHeader />
   <main class="max-w-prose mx-auto px-6 py-16 md:py-24">
-    <h1 class="font-hero font-bold text-text mb-2">Privacy Policy</h1>
+    <h1 class="text-hero font-bold text-text mb-2">Privacy Policy</h1>
     <p class="text-text-faint text-sm mb-10">Last updated: {lastUpdated}</p>
 
     <section class="mb-10">