Website: mark the open beta in the header, hero, and download section

Three targeted markings (no site-wide banner), all linking to the new /feature-status page:

- Header: a small "Beta" pill next to the Cmdr wordmark, always visible on every page.
- Hero: a "Now in open beta" eyebrow above the headline, in the existing blur-in stagger rhythm (step 1).
- Download section: an expectation-setting line ("solid for daily use, and your feedback shapes what's next") right where users commit to installing; previously the section noted Windows/Linux status but said nothing about the macOS build being beta.

Copy is draft for David's review.

Author: vdavid

apps/website/src/components/Download.astro

@@ -12,9 +12,16 @@ import NewsletterInlineWrapper from './NewsletterInlineWrapper.astro'
 
     <div class="relative mx-auto max-w-4xl text-center">
         <h2 class="mb-4 text-3xl font-bold md:text-4xl lg:text-5xl">Get Cmdr now!</h2>
-        <p class="mb-10 text-lg text-[var(--color-text-secondary)]">
+        <p class="mb-3 text-lg text-[var(--color-text-secondary)]">
             Free forever for personal use. No signup, no account needed.
         </p>
+        <p class="mb-10 text-sm text-[var(--color-text-tertiary)]">
+            Cmdr is in open beta: solid for daily use, and your feedback shapes what's next. See the <a
+                href="/feature-status"
+                class="text-[var(--color-accent-text)] underline underline-offset-2 hover:text-[var(--color-accent-hover)]"
+                >feature status</a
+            >.
+        </p>
 
         <!-- Download card -->
         <div

apps/website/src/components/Header.astro

@@ -18,22 +18,31 @@ const navLinks = [
     transition:persist
 >
     <nav class="mx-auto flex h-16 max-w-6xl items-center justify-between px-6">
-        <!-- Logo -->
-        <a
-            href="/"
-            class="flex items-center gap-2 text-xl font-semibold transition-opacity hover:opacity-80"
-            aria-label="Cmdr home"
-        >
-            <img
-                src="/logo-32.webp"
-                srcset="/logo-32.webp 1x, /logo-64.webp 2x"
-                alt=""
-                width="32"
-                height="32"
-                class="h-6 w-6"
-            />
-            <span>Cmdr</span>
-        </a>
+        <!-- Logo + beta pill (separate links: nesting them would be invalid HTML) -->
+        <div class="flex items-center gap-2.5">
+            <a
+                href="/"
+                class="flex items-center gap-2 text-xl font-semibold transition-opacity hover:opacity-80"
+                aria-label="Cmdr home"
+            >
+                <img
+                    src="/logo-32.webp"
+                    srcset="/logo-32.webp 1x, /logo-64.webp 2x"
+                    alt=""
+                    width="32"
+                    height="32"
+                    class="h-6 w-6"
+                />
+                <span>Cmdr</span>
+            </a>
+            <a
+                href="/feature-status"
+                class="rounded-full bg-[var(--color-accent)]/15 px-2 py-0.5 text-xs font-medium text-[var(--color-accent-text)] transition-colors hover:bg-[var(--color-accent)]/25"
+                title="Cmdr is in open beta. See what's solid and what's rough."
+            >
+                Beta
+            </a>
+        </div>
 
         <!-- Desktop navigation -->
         <div class="hidden items-center gap-8 md:flex">

apps/website/src/components/Hero.astro

@@ -18,6 +18,15 @@ const currentYear = new Date().getFullYear()
     </div>
 
     <div class="hero-content relative z-10 pt-16 text-left md:pt-24">
+        <!-- Open-beta eyebrow - Step 1 -->
+        <a
+            href="/feature-status"
+            class="animate-blur-in stagger-1 mb-5 inline-flex items-center gap-2 rounded-full border border-[var(--color-accent)]/30 bg-[var(--color-accent)]/10 px-3 py-1 text-sm font-medium text-[var(--color-accent-text)] transition-colors hover:bg-[var(--color-accent)]/20"
+        >
+            Now in open beta
+            <span aria-hidden="true">&rarr;</span>
+        </a>
+
         <!-- Headline - Steps 2 & 3 -->
         <h1 class="mb-6 text-3xl font-bold leading-tight tracking-tight md:text-4xl lg:text-6xl">
             <span class="animate-blur-in stagger-2 inline-block">Finally, a file manager</span>