fix(website): add missing eyebrows

website/src/components/CodeSnippet.astro

@@ -58,6 +58,7 @@ const lines = highlighted.split('\n');
 
 <section class="border-t hairline">
   <div class="mx-auto max-w-[84rem] px-6 py-20 md:py-28">
+    <p class="eyebrow mb-5">store &middot; encoder &middot; sink</p>
     <h2 class="font-display text-4xl leading-tight tracking-[-0.01em] text-ink md:text-5xl">
       Stores, encoders, and sinks compose.
     </h2>

website/src/components/Compose.astro

@@ -9,6 +9,7 @@ const features = [
 
 <section class="border-t hairline bg-surface/30">
   <div class="mx-auto max-w-[84rem] px-6 py-20 md:py-28">
+    <p class="eyebrow mb-5">cargo features</p>
     <h2 class="font-display text-4xl leading-tight tracking-[-0.01em] text-ink md:text-5xl">
       Bring only the I/O you need.
     </h2>

website/src/components/Durability.astro

@@ -35,6 +35,7 @@ const rows = [
 
 <section class="border-t hairline">
   <div class="mx-auto max-w-[84rem] px-6 py-20 md:py-28">
+    <p class="eyebrow mb-5">failure inventory</p>
     <div class="flex flex-col gap-3 md:flex-row md:items-baseline md:justify-between">
       <h2 class="font-display text-4xl leading-tight tracking-[-0.01em] text-ink md:text-5xl">
         Durability is a store choice.

website/src/components/Flow.astro

@@ -25,6 +25,7 @@ const axisMarks = [0, 15, 30, 45, 60];
 
 <section class="border-t hairline bg-surface/30">
   <div class="mx-auto max-w-[84rem] px-6 py-20 md:py-28">
+    <p class="eyebrow mb-5">tick &middot; flush &middot; ship</p>
     <h2 class="font-display text-4xl leading-tight tracking-[-0.01em] text-ink md:text-5xl">
       Each pipeline keeps its own rhythm.
     </h2>

website/src/components/Hero.astro

@@ -335,12 +335,13 @@ const terminals = [
         const li = document.createElement('li');
         li.className = 'record is-ambient';
         const inner =
-          `<span class="record-dim">{</span> ` +
-          `"k":"<span class="record-key">${t.k}</span>"<span class="record-dim">,</span> ` +
-          `"v":<span class="record-val">${t.v}</span><span class="record-dim">,</span> ` +
-          (t.st ? `"st":"<span class="record-st">${t.st}</span>"<span class="record-dim">,</span> ` : '') +
-          (t.rg ? `"rg":"<span class="record-st">${t.rg}</span>"<span class="record-dim">,</span> ` : '') +
-          `"ts":"<span class="record-ts">${t.ts}</span>" <span class="record-dim">}</span>`;
+          `<span class="record-dim">{</span>` +
+          `"k":"<span class="record-key">${t.k}</span>"<span class="record-dim">,</span>` +
+          `"v":<span class="record-val">${t.v}</span><span class="record-dim">,</span>` +
+          (t.st ? `"st":"<span class="record-st">${t.st}</span>"<span class="record-dim">,</span>` : '') +
+          (t.rg ? `"rg":"<span class="record-st">${t.rg}</span>"<span class="record-dim">,</span>` : '') +
+          `"ts":"<span class="record-ts">${t.ts}</span>"` +
+          `<span class="record-dim">}</span>`;
         li.innerHTML = inner;
         recordsEl.appendChild(li);
         // keep the list at a fixed size — trim oldest as new ones arrive

website/src/components/StackReel.astro

@@ -41,6 +41,7 @@ const reels = [
 
 <section class="border-t hairline" data-stack-reel>
   <div class="mx-auto max-w-[84rem] px-6 py-20 md:py-28">
+    <p class="eyebrow mb-5">four slots, four swaps</p>
     <h2 class="max-w-[48rem] font-display text-4xl leading-tight tracking-[-0.01em] text-ink md:text-5xl">
       One stack. Four independent choices.
     </h2>