From 3ae2efdf4c9d7eacbf343909b2c99f10411b8fa0 Mon Sep 17 00:00:00 2001
From: Scott Motte <mot@mot.la>
Date: Mon, 1 Jun 2026 13:47:42 -0700
Subject: [PATCH 1/2] language changes

---
 _includes/components/nav.html | 77 ++++++++++++++++++++++++-----------
 start/index.md                |  4 +-
 2 files changed, 55 insertions(+), 26 deletions(-)

diff --git a/_includes/components/nav.html b/_includes/components/nav.html
index 3f074f2..94c1340 100644
--- a/_includes/components/nav.html
+++ b/_includes/components/nav.html
@@ -57,20 +57,20 @@
       <div id="desktop-nav-flyout" class="desktop-nav-flyout fixed left-1/2 top-14 z-[90] hidden w-[min(420px,calc(100vw-3rem))] pt-2 md:block" aria-hidden="true">
         <div class="desktop-nav-frame relative overflow-hidden rounded-2xl border border-zinc-800 bg-black/95 p-3 shadow-[0_18px_60px_rgba(0,0,0,0.48)] backdrop-blur-xl">
           <div class="desktop-nav-panel absolute inset-3 grid grid-cols-[0.74fr_1.26fr] gap-3" data-desktop-nav-panel="dotenvx" data-nav-index="0">
-              <div class="flex flex-col justify-center py-1">
+              <div class="flex min-w-0 flex-col justify-center py-1">
+                <div class="rounded-xl px-3 py-2.5">
+                  <span class="block whitespace-nowrap text-[9px] font-semibold uppercase tracking-[0.08em] text-zinc-400">Free &amp; open source</span>
+                </div>
                 <a href="/" class="rounded-xl px-3 py-2.5 text-sm font-semibold text-zinc-400 dark:text-zinc-300/90 no-underline hover:no-underline hover:text-zinc-100 hover:bg-zinc-900/90 transition-colors duration-150">
                   Overview
                 </a>
-                <a href="/docs/quickstart" class="rounded-xl px-3 py-2.5 text-sm font-semibold text-zinc-400 dark:text-zinc-300/90 no-underline hover:no-underline hover:text-zinc-100 hover:bg-zinc-900/90 transition-colors duration-150">
-                  Quickstart
+                <a href="https://github.com/dotenvx/dotenvx" target="_blank" rel="noopener noreferrer" class="group/link flex items-center justify-between gap-3 rounded-xl px-3 py-2.5 text-sm font-semibold text-zinc-400 dark:text-zinc-300/90 no-underline hover:no-underline hover:text-zinc-100 hover:bg-zinc-900/90 transition-colors duration-150">
+                  <span>GitHub</span>
+                  <span class="inline-flex min-w-5 items-center justify-center gap-1 rounded-md border border-zinc-800 bg-zinc-900/70 px-1.5 py-0.5 text-[10px] font-semibold leading-none text-zinc-500 transition-colors duration-150 group-hover/link:border-zinc-700 group-hover/link:text-zinc-300">5.5k <span aria-hidden="true" class="text-[#ecd53f]">★</span></span>
                 </a>
                 <a href="/docs" class="rounded-xl px-3 py-2.5 text-sm font-semibold text-zinc-400 dark:text-zinc-300/90 no-underline hover:no-underline hover:text-zinc-100 hover:bg-zinc-900/90 transition-colors duration-150">
                   Documentation
                 </a>
-                <a href="https://github.com/dotenvx/dotenvx/blob/main/CHANGELOG.md#changelog" target="_blank" rel="noopener noreferrer" class="group/link flex items-center justify-between gap-3 rounded-xl px-3 py-2.5 text-sm font-semibold text-zinc-400 dark:text-zinc-300/90 no-underline hover:no-underline hover:text-zinc-100 hover:bg-zinc-900/90 transition-colors duration-150">
-                  <span>Changelog</span>
-                  <span class="inline-flex min-w-5 items-center justify-center rounded-md border border-zinc-800 bg-zinc-900/70 px-1.5 py-0.5 text-[10px] font-semibold leading-none text-zinc-500 transition-colors duration-150 group-hover/link:border-zinc-700 group-hover/link:text-zinc-300">v1.70.0</span>
-                </a>
               </div>
               <div class="grid min-h-40 grid-cols-[0.95fr_0.82fr] gap-3">
                 <a href="/dotenvx.pdf" target="_blank" rel="noopener noreferrer" class="dotenvx-menu-card dotenvx-menu-card-whitepaper group/card relative flex items-start overflow-hidden rounded-2xl border bg-zinc-900/60 p-4 text-zinc-100 no-underline hover:no-underline transition-colors duration-200">
@@ -98,14 +98,14 @@
                 </div>
               </div>
           </div>
-          <div class="desktop-nav-panel absolute inset-3 grid grid-cols-[0.78fr_1.22fr] gap-3" data-desktop-nav-panel="armor" data-nav-index="1">
-              <div class="flex flex-col justify-center py-1">
+          <div class="desktop-nav-panel absolute inset-3 grid grid-cols-[0.74fr_1.26fr] gap-3" data-desktop-nav-panel="armor" data-nav-index="1">
+              <div class="flex min-w-0 flex-col justify-center py-1">
+                <div class="rounded-xl px-3 py-2.5">
+                  <span class="block whitespace-nowrap text-[9px] font-semibold uppercase tracking-[0.08em] text-[#ecd53f]">Managed Security</span>
+                </div>
                 <a href="/armor" class="rounded-xl px-3 py-2.5 text-sm font-semibold text-zinc-400 dark:text-zinc-300/90 no-underline hover:no-underline hover:text-zinc-100 hover:bg-zinc-900/90 transition-colors duration-150">
                   Overview
                 </a>
-                <a href="/pricing" class="rounded-xl px-3 py-2.5 text-sm font-semibold text-zinc-400 dark:text-zinc-300/90 no-underline hover:no-underline hover:text-zinc-100 hover:bg-zinc-900/90 transition-colors duration-150">
-                  Pricing
-                </a>
                 <a href="/docs/armor" class="rounded-xl px-3 py-2.5 text-sm font-semibold text-zinc-400 dark:text-zinc-300/90 no-underline hover:no-underline hover:text-zinc-100 hover:bg-zinc-900/90 transition-colors duration-150">
                   Documentation
                 </a>
@@ -114,18 +114,44 @@
                   <span class="inline-flex min-w-5 items-center justify-center rounded-md border border-zinc-800 bg-zinc-900/70 px-1.5 py-0.5 text-[10px] font-semibold leading-none text-zinc-500 transition-colors duration-150 group-hover/link:border-zinc-700 group-hover/link:text-zinc-300">{{ changelog_count }}</span>
                 </a>
               </div>
-              <a href="https://trust.dotenvx.com" target="_blank" rel="noopener noreferrer" class="desktop-nav-card desktop-nav-trust-card group/card relative flex min-h-40 items-start overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-900/60 p-4 text-zinc-100 no-underline hover:no-underline transition-colors duration-200">
-                <div class="absolute inset-0 bg-[radial-gradient(circle_at_50%_0%,rgba(148,163,184,0.12),transparent_58%),linear-gradient(135deg,rgba(255,255,255,0.055),transparent_48%)]"></div>
-                <div class="absolute bottom-3 right-3 flex items-center">
-                  <div class="absolute -bottom-1 left-2 right-1 h-5 rounded-full bg-black/45 blur-md"></div>
-                  <span class="relative z-20 flex h-12 w-12 items-center justify-center drop-shadow-[0_10px_20px_rgba(0,0,0,0.42)]">{% include logos/framework-soc2.html uid="nav-armor-trust-soc2" class="h-12 w-12" %}</span>
-                  <span class="relative z-0 -ml-4 flex h-12 w-12 items-center justify-center opacity-95 drop-shadow-[0_10px_20px_rgba(0,0,0,0.4)]">{% include logos/framework-gdpr.html class="h-12 w-12" %}</span>
-                </div>
-                <div class="relative z-10">
-                  <span class="text-sm font-semibold text-zinc-200">Trust Center <span aria-hidden="true">⇗</span></span>
-                  <span class="mt-2 block text-[11px] font-medium leading-snug text-zinc-500">SOC 2. GDPR. Security controls.</span>
-                </div>
-              </a>
+              <div class="relative min-h-40 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-900/60">
+                <div class="absolute inset-0 bg-[radial-gradient(circle_at_28%_14%,rgba(236,213,63,0.14),transparent_48%),radial-gradient(circle_at_76%_82%,rgba(148,163,184,0.12),transparent_50%),linear-gradient(135deg,rgba(255,255,255,0.05),transparent_46%)]"></div>
+                <a href="/pricing" class="desktop-nav-card group/card absolute inset-0 block text-zinc-100 no-underline transition-colors duration-200 hover:no-underline" style="clip-path: polygon(0 0, 100% 0, 0 100%);">
+                  <div class="absolute inset-0 bg-[linear-gradient(135deg,rgba(236,213,63,0.08),transparent_58%)] opacity-80 transition-opacity duration-200 group-hover/card:opacity-100"></div>
+                  <div class="absolute left-4 top-4">
+                    <span class="block text-sm font-semibold text-zinc-200">Pricing</span>
+                    <span class="mt-1.5 block max-w-28 text-[10px] font-medium leading-snug text-zinc-500">Solo pricing to enterprise scale.</span>
+                  </div>
+                  <div class="absolute right-4 top-4 flex items-center gap-1">
+                    <span class="flex h-8 w-10 items-center justify-center rounded-lg border border-[rgba(236,213,63,0.5)] bg-zinc-950/85 px-1 text-[9px] font-semibold leading-none text-[#ecd53f] shadow-[0_0_18px_rgba(236,213,63,0.18)]">Solo</span>
+                    <span class="flex h-8 w-10 items-center justify-center rounded-lg border border-zinc-700 bg-zinc-950/85 px-1 text-[9px] font-semibold leading-none text-zinc-300 shadow-[0_10px_20px_rgba(0,0,0,0.35)]">Team</span>
+                    <span class="flex h-8 w-10 items-center justify-center rounded-lg border border-zinc-700 bg-zinc-950/85 px-1 text-[9px] font-semibold leading-none text-zinc-300 shadow-[0_10px_20px_rgba(0,0,0,0.35)]">Biz</span>
+                  </div>
+                </a>
+                <a href="https://trust.dotenvx.com" target="_blank" rel="noopener noreferrer" class="desktop-nav-card desktop-nav-trust-card group/card absolute inset-0 block text-zinc-100 no-underline transition-colors duration-200 hover:no-underline" style="clip-path: polygon(100% 0, 100% 100%, 0 100%);">
+                  <div class="absolute inset-0 bg-[linear-gradient(135deg,transparent_38%,rgba(255,255,255,0.045))] opacity-80 transition-opacity duration-200 group-hover/card:opacity-100"></div>
+                  <div class="absolute bottom-4 left-14">
+                    <span class="block text-sm font-semibold text-zinc-200">Trust Center</span>
+                    <span class="mt-1.5 block max-w-28 text-[10px] font-medium leading-snug text-zinc-500">SOC 2 approved security controls.</span>
+                  </div>
+                  <div class="absolute bottom-4 right-4 flex items-center">
+                    <div class="absolute -bottom-1 left-2 right-1 h-5 rounded-full bg-black/45 blur-md"></div>
+                    <span class="relative z-20 flex h-11 w-11 items-center justify-center drop-shadow-[0_10px_20px_rgba(0,0,0,0.42)]">{% include logos/framework-soc2.html uid="nav-armor-trust-soc2" class="h-11 w-11" %}</span>
+                    <span class="relative z-0 -ml-4 flex h-11 w-11 items-center justify-center opacity-95 drop-shadow-[0_10px_20px_rgba(0,0,0,0.4)]">{% include logos/framework-gdpr.html class="h-11 w-11" %}</span>
+                  </div>
+                </a>
+                <svg class="pointer-events-none absolute inset-0 h-full w-full" viewBox="0 0 100 100" preserveAspectRatio="none" aria-hidden="true">
+                  <defs>
+                    <linearGradient id="nav-armor-split-line" x1="0" y1="100" x2="100" y2="0" gradientUnits="userSpaceOnUse">
+                      <stop offset="0%" stop-color="rgb(63 63 70)" stop-opacity="0.95" />
+                      <stop offset="46%" stop-color="rgb(236 213 63)" stop-opacity="0.28" />
+                      <stop offset="100%" stop-color="rgb(82 82 91)" stop-opacity="0.9" />
+                    </linearGradient>
+                  </defs>
+                  <line x1="1" y1="99" x2="99" y2="1" stroke="rgb(0 0 0)" stroke-opacity="0.62" stroke-width="2.2" stroke-linecap="round" vector-effect="non-scaling-stroke" />
+                  <line x1="1" y1="99" x2="99" y2="1" stroke="url(#nav-armor-split-line)" stroke-width="1" stroke-linecap="round" vector-effect="non-scaling-stroke" />
+                </svg>
+              </div>
           </div>
           <div class="desktop-nav-panel absolute inset-3 grid grid-cols-[0.78fr_1.22fr] gap-3" data-desktop-nav-panel="company" data-nav-index="2">
               <div class="flex flex-col justify-center py-1">
@@ -257,6 +283,9 @@
             <button type="button" data-mobile-submenu-back class="flex w-full items-center justify-between py-5 text-base font-semibold text-zinc-400 hover:text-zinc-100 transition-colors duration-200">
               <span class="inline-flex items-center gap-2"><span aria-hidden="true" class="text-lg leading-none">&larr;</span><span>Armor <span aria-hidden="true">⛨</span></span></span>
             </button>
+            <div class="py-4">
+              <span class="block text-[9px] font-semibold uppercase tracking-[0.08em] text-[#ecd53f]">Managed Security</span>
+            </div>
             <a href="/armor" class="mobile-nav-link flex items-center justify-between py-5 text-base font-semibold !text-zinc-400 no-underline hover:no-underline hover:!text-zinc-100 transition-colors duration-200">
               <span>Overview</span>
             </a>
diff --git a/start/index.md b/start/index.md
index 701ee75..669bcf7 100644
--- a/start/index.md
+++ b/start/index.md
@@ -22,7 +22,7 @@ layout: blank
     <section class="flex flex-1 items-center justify-center py-16 md:py-24">
       <div class="w-full max-w-lg">
         <h1 class="sr-only">Start with Dotenvx</h1>
-        <p class="mb-8 text-center text-xs font-semibold uppercase tracking-[0.14em] text-zinc-600">Local encryption for devs. Managed security for teams.</p>
+        <p class="mb-4 text-center text-xs font-semibold uppercase tracking-[0.14em] text-zinc-600">Local encryption for devs. Managed security for teams.</p>
 
         <div class="grid grid-cols-[1fr_auto_1fr] py-12">
           <a href="https://github.com/dotenvx/dotenvx#quickstart---" target="_blank" rel="noopener noreferrer" aria-label="Start with Open Source on GitHub" class="start-path group flex min-h-72 min-w-0 flex-col justify-center p-3 no-underline transition-colors duration-200 hover:no-underline sm:p-5">
@@ -38,7 +38,7 @@ layout: blank
             </span>
           </a>
 
-          <div class="w-px bg-zinc-800" aria-hidden="true"></div>
+          <div class="h-60 w-px self-center bg-zinc-800" aria-hidden="true"></div>
 
           <a href="/signup" aria-label="Start with Armor" class="start-path group flex min-h-72 min-w-0 flex-col justify-center p-3 no-underline transition-colors duration-200 hover:no-underline sm:p-5">
             <span class="inline-flex items-center gap-2 text-[0.65rem] font-semibold uppercase tracking-[0.12em] text-zinc-500 sm:text-xs">

From 8928dd84eeea24cc19241a6de768900e4abb71d5 Mon Sep 17 00:00:00 2001
From: Scott Motte <mot@mot.la>
Date: Mon, 1 Jun 2026 18:37:00 -0700
Subject: [PATCH 2/2] design changes

---
 _includes/components/dotenv.html             |   2 +-
 _includes/components/feature-table.html      |   2 +-
 _includes/components/nav.html                | 264 +++++++++++++++----
 _includes/components/three-buckler-rect.html |   4 +-
 _includes/components/three-ops-rect.html     |   4 +-
 _includes/v1/components/feature-table.html   |   2 +-
 assets/css/main.css                          | 131 +++++++++
 blog/_posts/2024-11-19-llms-txt.md           |   2 +-
 funding.json                                 |   4 +-
 index.md                                     |   6 +-
 pricing/index.md                             |   8 +-
 start/index.md                               |  10 +-
 12 files changed, 371 insertions(+), 68 deletions(-)

diff --git a/_includes/components/dotenv.html b/_includes/components/dotenv.html
index 44bea24..e7fa9b5 100644
--- a/_includes/components/dotenv.html
+++ b/_includes/components/dotenv.html
@@ -6,5 +6,5 @@
   {% include components/github.html class="h-3 w-3 text-zinc-400 group-hover:text-zinc-300 transition-colors duration-150" %}
   <span class="text-zinc-300">DOTENV</span>
   <span class="text-zinc-300 -mx-0.5">·</span>
-  <span class="text-zinc-300">20K</span>
+  <span class="text-zinc-300">20.4K</span>
 </a>
diff --git a/_includes/components/feature-table.html b/_includes/components/feature-table.html
index 4565205..7bbd572 100644
--- a/_includes/components/feature-table.html
+++ b/_includes/components/feature-table.html
@@ -23,7 +23,7 @@
     <!--
     <tr>
       <td class="px-1 md:px-2 lg:px-4 py-2 border-b border-b-zinc-200 dark:border-b-zinc-700 text-zinc-500 text-right"></td>
-      <td class="px-1 md:px-2 lg:px-4 py-2 border-b border-b-zinc-200 dark:border-b-zinc-700 italic font-bold">Secrets for agents</td>
+      <td class="px-1 md:px-2 lg:px-4 py-2 border-b border-b-zinc-200 dark:border-b-zinc-700 italic font-bold">a secure dotenv–from the creator of `dotenv`</td>
       <td class="px-1 md:px-2 lg:px-4 py-2 border-b border-b-zinc-200 dark:border-b-zinc-700 italic font-bold">Secrets manager for .env files 🏆</td>
     </tr>
     -->
diff --git a/_includes/components/nav.html b/_includes/components/nav.html
index 94c1340..83838a2 100644
--- a/_includes/components/nav.html
+++ b/_includes/components/nav.html
@@ -62,7 +62,7 @@
                   <span class="block whitespace-nowrap text-[9px] font-semibold uppercase tracking-[0.08em] text-zinc-400">Free &amp; open source</span>
                 </div>
                 <a href="/" class="rounded-xl px-3 py-2.5 text-sm font-semibold text-zinc-400 dark:text-zinc-300/90 no-underline hover:no-underline hover:text-zinc-100 hover:bg-zinc-900/90 transition-colors duration-150">
-                  Overview
+                  Home
                 </a>
                 <a href="https://github.com/dotenvx/dotenvx" target="_blank" rel="noopener noreferrer" class="group/link flex items-center justify-between gap-3 rounded-xl px-3 py-2.5 text-sm font-semibold text-zinc-400 dark:text-zinc-300/90 no-underline hover:no-underline hover:text-zinc-100 hover:bg-zinc-900/90 transition-colors duration-150">
                   <span>GitHub</span>
@@ -98,60 +98,37 @@
                 </div>
               </div>
           </div>
-          <div class="desktop-nav-panel absolute inset-3 grid grid-cols-[0.74fr_1.26fr] gap-3" data-desktop-nav-panel="armor" data-nav-index="1">
+          <div class="desktop-nav-panel absolute inset-3 grid grid-cols-[0.88fr_1.12fr] gap-3" data-desktop-nav-panel="armor" data-nav-index="1">
               <div class="flex min-w-0 flex-col justify-center py-1">
                 <div class="rounded-xl px-3 py-2.5">
-                  <span class="block whitespace-nowrap text-[9px] font-semibold uppercase tracking-[0.08em] text-[#ecd53f]">Managed Security</span>
+                  <span class="block whitespace-nowrap text-[9px] font-semibold uppercase tracking-[0.08em] text-[#ecd53f]">Professional Security</span>
                 </div>
-                <a href="/armor" class="rounded-xl px-3 py-2.5 text-sm font-semibold text-zinc-400 dark:text-zinc-300/90 no-underline hover:no-underline hover:text-zinc-100 hover:bg-zinc-900/90 transition-colors duration-150">
-                  Overview
+                <a href="/armor" data-armor-nav-link data-armor-preview-kind="product" data-armor-preview-title="Solution" data-armor-preview-text="For those entrusted with secrets" data-armor-preview-href="/armor" class="rounded-xl px-3 py-2.5 text-sm font-semibold text-zinc-400 dark:text-zinc-300/90 no-underline hover:no-underline hover:text-zinc-100 hover:bg-zinc-900/90 transition-colors duration-150">
+                  Solution
                 </a>
-                <a href="/docs/armor" class="rounded-xl px-3 py-2.5 text-sm font-semibold text-zinc-400 dark:text-zinc-300/90 no-underline hover:no-underline hover:text-zinc-100 hover:bg-zinc-900/90 transition-colors duration-150">
-                  Documentation
+                <a href="/pricing" data-armor-nav-link data-armor-preview-kind="pricing" data-armor-preview-title="Pricing" data-armor-preview-text="Protection worth paying for" data-armor-preview-href="/pricing" class="rounded-xl px-3 py-2.5 text-sm font-semibold text-zinc-400 dark:text-zinc-300/90 no-underline hover:no-underline hover:text-zinc-100 hover:bg-zinc-900/90 transition-colors duration-150">
+                  Pricing
                 </a>
-                <a href="/changelog" class="group/link flex items-center justify-between gap-3 rounded-xl px-3 py-2.5 text-sm font-semibold text-zinc-400 dark:text-zinc-300/90 no-underline hover:no-underline hover:text-zinc-100 hover:bg-zinc-900/90 transition-colors duration-150">
-                  <span>Changelog</span>
-                  <span class="inline-flex min-w-5 items-center justify-center rounded-md border border-zinc-800 bg-zinc-900/70 px-1.5 py-0.5 text-[10px] font-semibold leading-none text-zinc-500 transition-colors duration-150 group-hover/link:border-zinc-700 group-hover/link:text-zinc-300">{{ changelog_count }}</span>
+                <a href="https://trust.dotenvx.com" target="_blank" rel="noopener noreferrer" data-armor-nav-link data-armor-preview-kind="trust" data-armor-preview-title="Trust" data-armor-preview-text="Security worthy of the responsibility you carry" data-armor-preview-href="https://trust.dotenvx.com" data-armor-preview-target="_blank" class="rounded-xl px-3 py-2.5 text-sm font-semibold text-zinc-400 dark:text-zinc-300/90 no-underline hover:no-underline hover:text-zinc-100 hover:bg-zinc-900/90 transition-colors duration-150">
+                  Trust
                 </a>
               </div>
-              <div class="relative min-h-40 overflow-hidden rounded-2xl border border-zinc-800 bg-zinc-900/60">
-                <div class="absolute inset-0 bg-[radial-gradient(circle_at_28%_14%,rgba(236,213,63,0.14),transparent_48%),radial-gradient(circle_at_76%_82%,rgba(148,163,184,0.12),transparent_50%),linear-gradient(135deg,rgba(255,255,255,0.05),transparent_46%)]"></div>
-                <a href="/pricing" class="desktop-nav-card group/card absolute inset-0 block text-zinc-100 no-underline transition-colors duration-200 hover:no-underline" style="clip-path: polygon(0 0, 100% 0, 0 100%);">
-                  <div class="absolute inset-0 bg-[linear-gradient(135deg,rgba(236,213,63,0.08),transparent_58%)] opacity-80 transition-opacity duration-200 group-hover/card:opacity-100"></div>
-                  <div class="absolute left-4 top-4">
-                    <span class="block text-sm font-semibold text-zinc-200">Pricing</span>
-                    <span class="mt-1.5 block max-w-28 text-[10px] font-medium leading-snug text-zinc-500">Solo pricing to enterprise scale.</span>
-                  </div>
-                  <div class="absolute right-4 top-4 flex items-center gap-1">
-                    <span class="flex h-8 w-10 items-center justify-center rounded-lg border border-[rgba(236,213,63,0.5)] bg-zinc-950/85 px-1 text-[9px] font-semibold leading-none text-[#ecd53f] shadow-[0_0_18px_rgba(236,213,63,0.18)]">Solo</span>
-                    <span class="flex h-8 w-10 items-center justify-center rounded-lg border border-zinc-700 bg-zinc-950/85 px-1 text-[9px] font-semibold leading-none text-zinc-300 shadow-[0_10px_20px_rgba(0,0,0,0.35)]">Team</span>
-                    <span class="flex h-8 w-10 items-center justify-center rounded-lg border border-zinc-700 bg-zinc-950/85 px-1 text-[9px] font-semibold leading-none text-zinc-300 shadow-[0_10px_20px_rgba(0,0,0,0.35)]">Biz</span>
-                  </div>
-                </a>
-                <a href="https://trust.dotenvx.com" target="_blank" rel="noopener noreferrer" class="desktop-nav-card desktop-nav-trust-card group/card absolute inset-0 block text-zinc-100 no-underline transition-colors duration-200 hover:no-underline" style="clip-path: polygon(100% 0, 100% 100%, 0 100%);">
-                  <div class="absolute inset-0 bg-[linear-gradient(135deg,transparent_38%,rgba(255,255,255,0.045))] opacity-80 transition-opacity duration-200 group-hover/card:opacity-100"></div>
-                  <div class="absolute bottom-4 left-14">
-                    <span class="block text-sm font-semibold text-zinc-200">Trust Center</span>
-                    <span class="mt-1.5 block max-w-28 text-[10px] font-medium leading-snug text-zinc-500">SOC 2 approved security controls.</span>
+              <a href="/armor" class="desktop-nav-card desktop-nav-armor-card group/card relative flex min-h-40 items-end overflow-hidden rounded-2xl p-4 text-zinc-100 no-underline transition-colors duration-200 hover:no-underline" data-armor-preview-card data-armor-preview-kind-current="product">
+                <div class="armor-preview-base absolute inset-0"></div>
+                {% include components/three-ops-rect.html height="160px" zoom="1" mount="data-nav-armor-ops" class="armor-preview-visual armor-preview-product absolute inset-0" %}
+                <div class="armor-preview-visual armor-preview-pricing absolute inset-0">
+                  <div class="absolute inset-0 flex items-center justify-center">
+                    <span class="text-sm font-semibold tracking-tight text-zinc-200">From Pro to Enterprise</span>
                   </div>
-                  <div class="absolute bottom-4 right-4 flex items-center">
+                </div>
+                <div class="armor-preview-visual armor-preview-trust absolute inset-0">
+                  <div class="absolute inset-0 flex items-center justify-center">
                     <div class="absolute -bottom-1 left-2 right-1 h-5 rounded-full bg-black/45 blur-md"></div>
-                    <span class="relative z-20 flex h-11 w-11 items-center justify-center drop-shadow-[0_10px_20px_rgba(0,0,0,0.42)]">{% include logos/framework-soc2.html uid="nav-armor-trust-soc2" class="h-11 w-11" %}</span>
-                    <span class="relative z-0 -ml-4 flex h-11 w-11 items-center justify-center opacity-95 drop-shadow-[0_10px_20px_rgba(0,0,0,0.4)]">{% include logos/framework-gdpr.html class="h-11 w-11" %}</span>
+                    <span class="relative z-20 flex h-12 w-12 items-center justify-center drop-shadow-[0_10px_20px_rgba(0,0,0,0.42)]">{% include logos/framework-soc2.html uid="nav-armor-preview-soc2" class="h-12 w-12" %}</span>
+                    <span class="relative z-0 -ml-4 flex h-12 w-12 items-center justify-center opacity-95 drop-shadow-[0_10px_20px_rgba(0,0,0,0.4)]">{% include logos/framework-gdpr.html class="h-12 w-12" %}</span>
                   </div>
-                </a>
-                <svg class="pointer-events-none absolute inset-0 h-full w-full" viewBox="0 0 100 100" preserveAspectRatio="none" aria-hidden="true">
-                  <defs>
-                    <linearGradient id="nav-armor-split-line" x1="0" y1="100" x2="100" y2="0" gradientUnits="userSpaceOnUse">
-                      <stop offset="0%" stop-color="rgb(63 63 70)" stop-opacity="0.95" />
-                      <stop offset="46%" stop-color="rgb(236 213 63)" stop-opacity="0.28" />
-                      <stop offset="100%" stop-color="rgb(82 82 91)" stop-opacity="0.9" />
-                    </linearGradient>
-                  </defs>
-                  <line x1="1" y1="99" x2="99" y2="1" stroke="rgb(0 0 0)" stroke-opacity="0.62" stroke-width="2.2" stroke-linecap="round" vector-effect="non-scaling-stroke" />
-                  <line x1="1" y1="99" x2="99" y2="1" stroke="url(#nav-armor-split-line)" stroke-width="1" stroke-linecap="round" vector-effect="non-scaling-stroke" />
-                </svg>
-              </div>
+                </div>
+              </a>
           </div>
           <div class="desktop-nav-panel absolute inset-3 grid grid-cols-[0.78fr_1.22fr] gap-3" data-desktop-nav-panel="company" data-nav-index="2">
               <div class="flex flex-col justify-center py-1">
@@ -284,7 +261,7 @@
               <span class="inline-flex items-center gap-2"><span aria-hidden="true" class="text-lg leading-none">&larr;</span><span>Armor <span aria-hidden="true">⛨</span></span></span>
             </button>
             <div class="py-4">
-              <span class="block text-[9px] font-semibold uppercase tracking-[0.08em] text-[#ecd53f]">Managed Security</span>
+              <span class="block text-[9px] font-semibold uppercase tracking-[0.08em] text-[#ecd53f]">Professional Security</span>
             </div>
             <a href="/armor" class="mobile-nav-link flex items-center justify-between py-5 text-base font-semibold !text-zinc-400 no-underline hover:no-underline hover:!text-zinc-100 transition-colors duration-200">
               <span>Overview</span>
@@ -341,6 +318,8 @@
     const officeImage = document.querySelector('[data-office-image]');
     const desktopNavMenu = document.getElementById('desktop-nav-menu');
     const desktopFlyout = document.getElementById('desktop-nav-flyout');
+    const armorPreviewCard = desktopFlyout?.querySelector('[data-armor-preview-card]');
+    const armorPreviewLinks = desktopFlyout?.querySelectorAll('[data-armor-nav-link]') || [];
     const desktopItems = desktopNavMenu?.querySelectorAll('[data-desktop-nav-item]') || [];
     const desktopPanels = desktopFlyout?.querySelectorAll('[data-desktop-nav-panel]') || [];
     const desktopCards = desktopFlyout?.querySelectorAll('.desktop-nav-card') || [];
@@ -364,6 +343,190 @@
     let desktopActiveMenu = null;
     let desktopActiveIndex = null;
     let desktopCloseTimer = null;
+    
+
+    const createNavArmorLightning = (canvas) => {
+      const ctx = canvas?.getContext?.('2d', { alpha: true });
+      if (!canvas || !ctx || window.matchMedia('(prefers-reduced-motion: reduce)').matches) return null;
+      const state = { w: 0, h: 0, dpr: 1, bolts: [], raf: 0, active: false, lastStrikeAt: 0 };
+      const randBetween = (min, max) => min + Math.random() * (max - min);
+      const clamp = (v, min, max) => Math.min(max, Math.max(min, v));
+
+      const subdivide = (x1, y1, x2, y2, displacement, minDisp) => {
+        if (displacement < minDisp) return [{ x: x1, y: y1 }, { x: x2, y: y2 }];
+        const midX = (x1 + x2) / 2 + (Math.random() - 0.5) * displacement;
+        const midY = (y1 + y2) / 2 + (Math.random() - 0.5) * displacement;
+        const left = subdivide(x1, y1, midX, midY, displacement / 2, minDisp);
+        const right = subdivide(midX, midY, x2, y2, displacement / 2, minDisp);
+        return [...left.slice(0, -1), ...right];
+      };
+
+      const branchFrom = (startPoint, angle, length, depth) => {
+        const endX = startPoint.x + Math.cos(angle) * length;
+        const endY = startPoint.y + Math.sin(angle) * length;
+        const segments = subdivide(startPoint.x, startPoint.y, endX, endY, length * 0.45, 5);
+        const branches = [];
+        if (depth < 1 && Math.random() < 0.5) {
+          const branchIdx = Math.floor(Math.random() * (segments.length - 2)) + 1;
+          branches.push(branchFrom(segments[branchIdx], angle + (Math.random() - 0.5) * 1.6, length * 0.42, depth + 1));
+        }
+        return { segments, alpha: 0.72, decay: 0.07 + Math.random() * 0.03, width: Math.max(0.55, 1.2 - depth * 0.34), branches };
+      };
+
+      const createStrike = () => {
+        const { w, h } = state;
+        const anchorX = clamp(0.5 + (Math.random() - 0.5) * 0.35, 0.18, 0.82);
+        const startX = w * clamp(anchorX + (Math.random() - 0.5) * 0.18, 0.12, 0.88);
+        const startY = -h * randBetween(0.08, 0.22);
+        const endX = w * clamp(anchorX + (Math.random() - 0.5) * 0.42, 0.1, 0.9);
+        const endY = h * randBetween(0.62, 1.04);
+        const roughness = Math.hypot(endX - startX, endY - startY) * 0.36;
+        const segments = subdivide(startX, startY, endX, endY, roughness, 5);
+        const branches = [];
+        const angle = Math.atan2(endY - startY, endX - startX);
+        for (let i = 0; i < 2; i += 1) {
+          const idx = Math.floor(Math.random() * (segments.length - 2)) + 1;
+          branches.push(branchFrom(segments[idx], angle + (Math.random() - 0.5) * 2, Math.min(w, h) * randBetween(0.12, 0.24), 0));
+        }
+        return { segments, alpha: 0.82, decay: 0.07 + Math.random() * 0.025, width: 1.4 + Math.random() * 0.9, branches };
+      };
+
+      const collectPaths = (bolt, parentAlpha, paths) => {
+        const alpha = Math.min(parentAlpha, bolt.alpha);
+        if (alpha <= 0 || bolt.segments.length < 2) return;
+        paths.push({ segments: bolt.segments, alpha, width: bolt.width });
+        bolt.branches.forEach((branch) => collectPaths(branch, alpha * 0.58, paths));
+      };
+
+      const drawPath = (segments) => {
+        ctx.moveTo(segments[0].x, segments[0].y);
+        for (let i = 1; i < segments.length; i += 1) ctx.lineTo(segments[i].x, segments[i].y);
+      };
+
+      const resize = () => {
+        const rect = canvas.parentElement.getBoundingClientRect();
+        const dpr = Math.min(window.devicePixelRatio || 1, 2);
+        canvas.width = Math.max(1, Math.floor(rect.width * dpr));
+        canvas.height = Math.max(1, Math.floor(rect.height * dpr));
+        canvas.style.width = `${rect.width}px`;
+        canvas.style.height = `${rect.height}px`;
+        state.w = rect.width;
+        state.h = rect.height;
+        state.dpr = dpr;
+      };
+
+      const tick = (now) => {
+        const { w, h, dpr } = state;
+        ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+        ctx.clearRect(0, 0, w, h);
+        if (state.active && w && h && now - state.lastStrikeAt > randBetween(2100, 4200)) {
+          state.bolts.push(createStrike());
+          state.lastStrikeAt = now;
+        }
+        const paths = [];
+        state.bolts.forEach((bolt) => collectPaths(bolt, 1, paths));
+        ctx.lineCap = 'round';
+        ctx.lineJoin = 'round';
+        ctx.globalCompositeOperation = 'lighter';
+        paths.forEach((path) => {
+          ctx.beginPath();
+          drawPath(path.segments);
+          ctx.strokeStyle = `rgba(236, 213, 63, ${path.alpha * 0.11})`;
+          ctx.lineWidth = 8;
+          ctx.stroke();
+        });
+        ctx.globalCompositeOperation = 'source-over';
+        paths.forEach((path) => {
+          ctx.beginPath();
+          drawPath(path.segments);
+          ctx.strokeStyle = `rgba(236, 213, 63, ${path.alpha * 0.55})`;
+          ctx.lineWidth = path.width;
+          ctx.stroke();
+          ctx.beginPath();
+          drawPath(path.segments);
+          ctx.strokeStyle = `rgba(255, 245, 180, ${path.alpha * 0.36})`;
+          ctx.lineWidth = path.width * 0.34;
+          ctx.stroke();
+        });
+        for (let i = state.bolts.length - 1; i >= 0; i -= 1) {
+          state.bolts[i].alpha -= state.bolts[i].decay;
+          if (state.bolts[i].alpha <= 0) state.bolts.splice(i, 1);
+        }
+        if (state.active || state.bolts.length) {
+          state.raf = window.requestAnimationFrame(tick);
+        } else {
+          state.raf = 0;
+        }
+      };
+
+      const start = () => {
+        resize();
+        state.active = true;
+        if (!state.bolts.length) state.bolts.push(createStrike());
+        if (!state.raf) state.raf = window.requestAnimationFrame(tick);
+      };
+      const stop = () => {
+        state.active = false;
+      };
+      window.addEventListener('resize', resize, { passive: true });
+      return { start, stop };
+    };
+
+    const getCurrentArmorPreviewLink = () => {
+      const pathname = window.location.pathname.replace(/\/+$/, '') || '/';
+      if (pathname === '/armor') {
+        return Array.from(armorPreviewLinks).find((link) => link.getAttribute('data-armor-preview-kind') === 'product') || null;
+      }
+      if (pathname === '/pricing') {
+        return Array.from(armorPreviewLinks).find((link) => link.getAttribute('data-armor-preview-kind') === 'pricing') || null;
+      }
+      return null;
+    };
+
+    const resetArmorPreview = () => {
+      if (!armorPreviewCard) return;
+      const currentLink = getCurrentArmorPreviewLink();
+      const kind = currentLink?.getAttribute('data-armor-preview-kind') || 'product';
+      armorPreviewCard.setAttribute('data-armor-preview-kind-current', kind);
+      armorPreviewCard.setAttribute('href', currentLink?.getAttribute('data-armor-preview-href') || '/armor');
+      const target = currentLink?.getAttribute('data-armor-preview-target');
+      if (target) {
+        armorPreviewCard.setAttribute('target', target);
+        armorPreviewCard.setAttribute('rel', 'noopener noreferrer');
+      } else {
+        armorPreviewCard.removeAttribute('target');
+        armorPreviewCard.removeAttribute('rel');
+      }
+      armorPreviewLinks.forEach((previewLink) => {
+        previewLink.toggleAttribute('data-armor-preview-active', previewLink === currentLink);
+      });
+    };
+
+    const setArmorPreview = (link) => {
+      if (!link || !armorPreviewCard) {
+        resetArmorPreview();
+        return;
+      }
+      armorPreviewCard.setAttribute('data-armor-preview-kind-current', link.getAttribute('data-armor-preview-kind') || 'product');
+      armorPreviewCard.setAttribute('href', link.getAttribute('data-armor-preview-href') || link.getAttribute('href') || '/armor');
+      const target = link.getAttribute('data-armor-preview-target');
+      if (target) {
+        armorPreviewCard.setAttribute('target', target);
+        armorPreviewCard.setAttribute('rel', 'noopener noreferrer');
+      } else {
+        armorPreviewCard.removeAttribute('target');
+        armorPreviewCard.removeAttribute('rel');
+      }
+      armorPreviewLinks.forEach((previewLink) => {
+        previewLink.toggleAttribute('data-armor-preview-active', previewLink === link);
+      });
+    };
+
+    armorPreviewLinks.forEach((link) => {
+      link.addEventListener('pointerenter', () => setArmorPreview(link));
+      link.addEventListener('focusin', () => setArmorPreview(link));
+    });
+    resetArmorPreview();
 
     const clearDesktopClose = () => {
       if (desktopCloseTimer) {
@@ -385,6 +548,12 @@
         ? Array.from(desktopPanels).find((panel) => panel.getAttribute('data-desktop-nav-panel') === desktopActiveMenu)
         : null;
       const isSamePanel = desktopActiveMenu === menuName;
+      if (menuName !== 'armor' && desktopActiveMenu === 'armor') {
+        resetArmorPreview();
+      } else if (menuName === 'armor' && desktopActiveMenu !== 'armor') {
+        resetArmorPreview();
+      }
+
       desktopActiveMenu = menuName;
       desktopActiveIndex = activeIndex;
 
@@ -435,6 +604,7 @@
       }
 
       desktopFlyout.classList.add('is-open');
+      desktopFlyout.classList.toggle('is-armor', menuName === 'armor');
       desktopFlyout.style.opacity = '1';
       desktopFlyout.style.pointerEvents = 'auto';
       desktopFlyout.style.transform = 'translateX(-50%) translateY(0)';
@@ -444,7 +614,9 @@
     const closeDesktopNav = () => {
       desktopActiveMenu = null;
       desktopActiveIndex = null;
+      resetArmorPreview();
       desktopFlyout?.classList.remove('is-open');
+      desktopFlyout?.classList.remove('is-armor');
       if (desktopFlyout) {
         desktopFlyout.style.opacity = '0';
         desktopFlyout.style.pointerEvents = 'none';
diff --git a/_includes/components/three-buckler-rect.html b/_includes/components/three-buckler-rect.html
index dbd8b2a..aa20a11 100644
--- a/_includes/components/three-buckler-rect.html
+++ b/_includes/components/three-buckler-rect.html
@@ -1,6 +1,6 @@
 <div
   class="{{ include.class }} relative overflow-hidden"
-  data-ops-buckler
+  {% if include.mount %}{{ include.mount }}{% else %}data-ops-buckler{% endif %}
   style="height: {{ include.height | default: '320px' }};"
 >
   <canvas
@@ -23,7 +23,7 @@
   import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
   import { RoomEnvironment } from 'three/addons/environments/RoomEnvironment.js';
 
-  const root = document.querySelector('[data-ops-buckler]:not([data-three-mounted])');
+  const root = document.querySelector('[{% if include.mount %}{{ include.mount }}{% else %}data-ops-buckler{% endif %}]:not([data-three-mounted])');
   if (!root) throw new Error('ops-buckler mount target not found');
 
   root.setAttribute('data-three-mounted', 'true');
diff --git a/_includes/components/three-ops-rect.html b/_includes/components/three-ops-rect.html
index a49e44d..b197ca2 100644
--- a/_includes/components/three-ops-rect.html
+++ b/_includes/components/three-ops-rect.html
@@ -1,6 +1,6 @@
 <div
   class="{{ include.class }} relative overflow-hidden"
-  data-ops-rect
+  {% if include.mount %}{{ include.mount }}{% else %}data-ops-rect{% endif %}
   style="height: {{ include.height | default: '320px' }};"
 >
   <canvas
@@ -77,7 +77,7 @@
   import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
   import { RoomEnvironment } from 'three/addons/environments/RoomEnvironment.js';
 
-  const root = document.querySelector('[data-ops-rect]:not([data-three-mounted])');
+  const root = document.querySelector('[{% if include.mount %}{{ include.mount }}{% else %}data-ops-rect{% endif %}]:not([data-three-mounted])');
   if (!root) throw new Error('ops-rect mount target not found');
 
   root.setAttribute('data-three-mounted', 'true');
diff --git a/_includes/v1/components/feature-table.html b/_includes/v1/components/feature-table.html
index 9e9e308..88075cb 100644
--- a/_includes/v1/components/feature-table.html
+++ b/_includes/v1/components/feature-table.html
@@ -23,7 +23,7 @@
     <!--
     <tr>
       <td class="px-1 md:px-2 lg:px-4 py-2 border-b border-b-zinc-200 dark:border-b-zinc-700 text-zinc-500 text-right"></td>
-      <td class="px-1 md:px-2 lg:px-4 py-2 border-b border-b-zinc-200 dark:border-b-zinc-700 italic font-bold">Secrets for agents</td>
+      <td class="px-1 md:px-2 lg:px-4 py-2 border-b border-b-zinc-200 dark:border-b-zinc-700 italic font-bold">a secure dotenv–from the creator of `dotenv`</td>
       <td class="px-1 md:px-2 lg:px-4 py-2 border-b border-b-zinc-200 dark:border-b-zinc-700 italic font-bold">Secrets manager for .env files 🏆</td>
     </tr>
     -->
diff --git a/assets/css/main.css b/assets/css/main.css
index 1581acb..59878cb 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -543,6 +543,7 @@ hr { @apply border border-zinc-100 dark:border-zinc-800; }
 
 .desktop-nav-frame {
   height: 194px;
+  transition: height 240ms cubic-bezier(0.16, 1, 0.3, 1);
 }
 
 .desktop-nav-panel {
@@ -584,6 +585,136 @@ hr { @apply border border-zinc-100 dark:border-zinc-800; }
   border-radius: 0.75rem !important;
 }
 
+.nav-armor-lightning-canvas {
+  opacity: 0.52;
+  filter: blur(0.2px);
+}
+
+.desktop-nav-armor-card {
+  background: transparent !important;
+  border-color: transparent !important;
+  box-shadow: none !important;
+}
+
+.armor-preview-base {
+  background: transparent;
+  transition: background 200ms ease;
+}
+
+.armor-preview-visual {
+  opacity: 0;
+  pointer-events: none;
+  transform: scale(0.985);
+  transition: opacity 220ms ease, transform 320ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+.armor-preview-product {
+  opacity: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transform: translateY(0.78rem) scale(0.985);
+  -webkit-mask-image: radial-gradient(circle at 50% 50%, rgba(0,0,0,1) 0%, rgba(0,0,0,0.94) 50%, rgba(0,0,0,0.42) 74%, rgba(0,0,0,0) 92%);
+  mask-image: radial-gradient(circle at 50% 50%, rgba(0,0,0,1) 0%, rgba(0,0,0,0.94) 50%, rgba(0,0,0,0.42) 74%, rgba(0,0,0,0) 92%);
+}
+
+.armor-preview-pricing {
+  background: transparent;
+  transform: none;
+  transition: opacity 220ms ease;
+}
+
+.armor-plan-bar {
+  position: relative;
+  display: flex;
+  align-items: end;
+  justify-content: center;
+  width: 2.35rem;
+  border: 1px solid rgb(63 63 70);
+  border-radius: 0.65rem;
+  background: rgba(9, 9, 11, 0.82);
+  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.38);
+}
+
+.armor-plan-bar span {
+  margin-bottom: 0.55rem;
+  font-size: 0.62rem;
+  font-weight: 700;
+  line-height: 1;
+  color: rgb(212 212 216);
+}
+
+.armor-plan-bar-solo {
+  height: 3.7rem;
+  border-color: rgba(236, 213, 63, 0.62);
+  box-shadow: 0 0 24px rgba(236, 213, 63, 0.16), 0 12px 26px rgba(0, 0, 0, 0.38);
+}
+
+.armor-plan-bar-solo span {
+  color: rgb(236 213 63);
+}
+
+.armor-plan-bar-team {
+  height: 4.35rem;
+}
+
+.armor-plan-bar-biz {
+  height: 5rem;
+}
+
+.armor-preview-trust {
+  background: transparent;
+  transform: none;
+  transition: opacity 220ms ease;
+}
+
+.desktop-nav-armor-card[data-armor-preview-kind-current="product"] .armor-preview-product {
+  opacity: 1;
+  transform: translateY(0.78rem) scale(1);
+}
+
+.desktop-nav-armor-card[data-armor-preview-kind-current="pricing"] .armor-preview-pricing,
+.desktop-nav-armor-card[data-armor-preview-kind-current="trust"] .armor-preview-trust {
+  opacity: 1;
+}
+
+.desktop-nav-armor-card[data-armor-preview-kind-current="pricing"] .armor-preview-pricing {
+  transform: none;
+}
+
+.desktop-nav-armor-card[data-armor-preview-kind-current="trust"] .armor-preview-trust {
+  transform: none;
+}
+
+.desktop-nav-armor-card[data-armor-preview-kind-current="pricing"] .armor-preview-base {
+  background: transparent;
+}
+
+.desktop-nav-armor-card[data-armor-preview-kind-current="trust"] .armor-preview-base {
+  background: transparent;
+}
+
+.desktop-nav-armor-card[data-armor-preview-kind-current="product"]:hover .armor-preview-base,
+.desktop-nav-armor-card[data-armor-preview-kind-current="product"][data-card-hover] .armor-preview-base,
+.desktop-nav-armor-card[data-armor-preview-kind-current="pricing"]:hover .armor-preview-base,
+.desktop-nav-armor-card[data-armor-preview-kind-current="pricing"][data-card-hover] .armor-preview-base,
+.desktop-nav-armor-card[data-armor-preview-kind-current="trust"]:hover .armor-preview-base,
+.desktop-nav-armor-card[data-armor-preview-kind-current="trust"][data-card-hover] .armor-preview-base {
+  background:
+    linear-gradient(rgba(24, 24, 27, 0.44), rgba(24, 24, 27, 0.44)),
+    radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.035), transparent 58%);
+}
+
+[data-armor-nav-link][data-armor-preview-active] {
+  color: rgb(244 244 245) !important;
+  background: rgba(24, 24, 27, 0.9);
+}
+
+.desktop-nav-armor-card:hover,
+.desktop-nav-armor-card[data-card-hover] {
+  border-color: transparent !important;
+}
+
 .desktop-nav-trust-card:hover,
 .desktop-nav-trust-card[data-card-hover] {
   border-color: rgb(82 82 91) !important;
diff --git a/blog/_posts/2024-11-19-llms-txt.md b/blog/_posts/2024-11-19-llms-txt.md
index 7801bfe..4524eef 100644
--- a/blog/_posts/2024-11-19-llms-txt.md
+++ b/blog/_posts/2024-11-19-llms-txt.md
@@ -17,7 +17,7 @@ They are plain text files:
 ```
 # dotenvx
 
-> Secrets for agents
+> a secure dotenv–from the creator of `dotenv`
 
 ## Docs
 
diff --git a/funding.json b/funding.json
index 39518bc..6996ff5 100644
--- a/funding.json
+++ b/funding.json
@@ -5,7 +5,7 @@
     "role": "maintainer",
     "name": "DOTENVX LLC",
     "email": "mot@dotenvx.com",
-    "description": "Secrets for agents",
+    "description": "a secure dotenv–from the creator of `dotenv`",
     "webpageUrl": {
       "url": "https://dotenvx.com"
     }
@@ -13,7 +13,7 @@
   "projects": [{
     "guid": "dotenvx",
     "name": "dotenvx",
-    "description": "Secrets for agents",
+    "description": "a secure dotenv–from the creator of `dotenv`",
     "webpageUrl": {
       "url": "https://dotenvx.com"
     },
diff --git a/index.md b/index.md
index 95a577e..60d6fe5 100644
--- a/index.md
+++ b/index.md
@@ -7,7 +7,7 @@ title: ""
     <div class="order-2 md:order-1 flex flex-col gap-4 md:gap-6 hero-copy-enter pl-0 lg:pl-12">
       <div class="mx-auto md:mx-0 mb-1 md:mb-0 flex items-center gap-2 text-center md:text-left text-xs md:text-sm font-semibold tracking-[0.08em] uppercase text-zinc-500 dark:text-zinc-400"><span>From the creator of</span> {% include components/dotenv.html %}</div>
       <h1 class="hero-title-shaded font-canela font-normal tracking-[-0.018em] text-[4.00rem] md:text-[4.62rem] lg:text-[5rem] xl:whitespace-nowrap text-center md:text-left leading-[1.02] md:leading-[1.00] pb-2">Secure Dotenv</h1>
-      <p class="mx-auto md:mx-0 text-center md:text-left text-[1.07rem] md:text-[1.16rem] leading-[1.34] md:leading-[1.32]">Keep .env. Encrypt secrets.</p>
+      <p class="mx-auto md:mx-0 text-center md:text-left text-[1.07rem] md:text-[1.16rem] leading-[1.34] md:leading-[1.32]">Keep .env. Encrypt its secrets.</p>
       <div class="flex flex-col md:flex-row gap-3 md:gap-4 my-2 items-center md:items-start justify-center md:justify-start w-full mx-auto">
         <a class="btn-primary w-full max-w-md md:w-auto text-center" href="/start">Get Started</a>
         <a class="inline-flex w-full max-w-md md:w-auto items-center justify-center p-3 font-extrabold tracking-tight no-underline hover:no-underline text-zinc-500 dark:text-zinc-300/90 hover:text-zinc-700 dark:hover:text-zinc-100 transition-colors duration-200 text-center" href="/docs">Documentation</a>
@@ -24,7 +24,7 @@ title: ""
     <div class="pointer-events-none absolute inset-x-0 top-0 h-px bg-[linear-gradient(90deg,rgba(255,255,255,0.01)_0%,rgba(255,255,255,0.04)_20%,rgba(245,223,152,0.34)_50%,rgba(255,255,255,0.04)_80%,rgba(255,255,255,0.01)_100%)]" aria-hidden="true"></div>
     <div class="pointer-events-none absolute left-1/2 top-0 h-10 w-[46%] -translate-x-1/2 bg-[radial-gradient(ellipse_at_top,rgba(242,214,134,0.18)_0%,rgba(242,214,134,0.08)_34%,rgba(0,0,0,0)_74%)] blur-[1px]" aria-hidden="true"></div>
     <div class="pointer-events-none absolute inset-x-0 top-px h-52 md:h-64 bg-[radial-gradient(ellipse_at_50%_0%,rgba(170,133,56,0.09)_0%,rgba(170,133,56,0.05)_24%,rgba(0,0,0,0)_62%)]" aria-hidden="true"></div>
-    <p class="mx-auto max-w-[52ch] text-center text-lg leading-relaxed">Running inside modern developer infrastructure.</p>
+    <p class="mx-auto max-w-[52ch] text-center text-lg leading-relaxed">Open source, trusted across leading developer stacks.</p>
 
   <div class="trust-logo-grid mt-10 md:mt-12 max-w-[58rem] md:max-w-[50rem] lg:max-w-[64rem] mx-auto grid grid-cols-2 sm:grid-cols-3 md:grid-cols-3 lg:grid-cols-6 gap-x-3 md:gap-x-4 lg:gap-x-8 gap-y-7 md:gap-y-8 items-center">
   <a href="https://github.com/search?q=repo%3AGoogleCloudPlatform%2Fcloud-run-mcp%20dotenvx&type=code" target="_blank" class="flex items-center justify-center opacity-100 text-zinc-100 dark:text-zinc-100" aria-label="Google Cloud Run MCP repository">
@@ -581,7 +581,7 @@ title: ""
   </div>
   <div class="relative z-10">
     <h3 class="hero-title-shaded font-canela font-normal tracking-[-0.018em] text-[3.9rem] md:text-[4.25rem] lg:text-[5.05rem] leading-[1.03]">
-      Keep .env.<br />Encrypt secrets.
+      Keep .env.<br />Encrypt its secrets.
     </h3>
     <div class="mt-12 md:mt-14 mx-auto w-full max-w-4xl flex flex-col md:flex-row items-center justify-center gap-7 md:gap-7">
       <a class="btn-primary inline-flex w-full md:w-auto items-center justify-center gap-0.5 py-5 md:py-3" href="/start">
diff --git a/pricing/index.md b/pricing/index.md
index 3f00581..0a605ca 100644
--- a/pricing/index.md
+++ b/pricing/index.md
@@ -12,9 +12,9 @@ image: "/assets/img/og-image-pricing.png"
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 rounded-xl shadow-[0_0_120px_rgba(236,213,63,0.20)] ring-1 ring-[rgba(236,213,63,0.16)]">
     <div class="rounded-t-xl md:rounded-tl-xl md:rounded-tr-none lg:rounded-l-xl lg:rounded-r-none border border-zinc-900 flex flex-col">
       <div class="p-5 md:p-6 lg:p-4 xl:p-5">
-        <h2 class="text-center font-semibold tracking-tight leading-none text-zinc-50 text-sm">Solo</h2>
+        <h2 class="text-center font-semibold tracking-tight leading-none text-zinc-50 text-sm">Pro</h2>
         <div class="mt-16 text-center text-zinc-100 text-4xl font-normal tracking-tight">
-          <span>$2.99</span><span class="text-zinc-300"> / mo</span>
+          <span>$36</span><span class="text-zinc-300"> / yr</span>
         </div>
         <div class="mt-8 border-y border-zinc-900 py-3 text-center">
           <p class="text-zinc-100 text-sm">50 Armored Keys</p>
@@ -177,7 +177,7 @@ image: "/assets/img/og-image-pricing.png"
         <thead>
           <tr class="border-b border-zinc-900 bg-zinc-900/30">
             <th class="w-[36%] min-w-[132px] sticky left-0 z-20 bg-zinc-900/95 px-2 py-1.5 sm:px-4 sm:py-2 text-left text-[10px] sm:text-xs font-medium text-zinc-400">Feature</th>
-            <th class="w-[16%] px-1.5 py-1.5 sm:px-3 sm:py-2 text-center text-[10px] sm:text-xs font-medium text-zinc-400">Solo</th>
+            <th class="w-[16%] px-1.5 py-1.5 sm:px-3 sm:py-2 text-center text-[10px] sm:text-xs font-medium text-zinc-400">Pro</th>
             <th class="w-[16%] px-1.5 py-1.5 sm:px-3 sm:py-2 text-center text-[10px] sm:text-xs font-medium text-zinc-400">Team</th>
             <th class="w-[16%] px-1.5 py-1.5 sm:px-3 sm:py-2 text-center text-[10px] sm:text-xs font-medium text-zinc-400">Business</th>
             <th class="w-[16%] px-1.5 py-1.5 sm:px-3 sm:py-2 text-center text-[10px] sm:text-xs font-medium text-zinc-400">Enterprise</th>
@@ -231,7 +231,7 @@ image: "/assets/img/og-image-pricing.png"
         <thead>
           <tr class="border-b border-zinc-900 bg-zinc-900/30">
             <th class="w-[36%] min-w-[132px] sticky left-0 z-20 bg-zinc-900/95 px-2 py-1.5 sm:px-4 sm:py-2 text-left text-[10px] sm:text-xs font-medium text-zinc-400">Feature</th>
-            <th class="w-[16%] px-1.5 py-1.5 sm:px-3 sm:py-2 text-center text-[10px] sm:text-xs font-medium text-zinc-400">Solo</th>
+            <th class="w-[16%] px-1.5 py-1.5 sm:px-3 sm:py-2 text-center text-[10px] sm:text-xs font-medium text-zinc-400">Pro</th>
             <th class="w-[16%] px-1.5 py-1.5 sm:px-3 sm:py-2 text-center text-[10px] sm:text-xs font-medium text-zinc-400">Team</th>
             <th class="w-[16%] px-1.5 py-1.5 sm:px-3 sm:py-2 text-center text-[10px] sm:text-xs font-medium text-zinc-400">Business</th>
             <th class="w-[16%] px-1.5 py-1.5 sm:px-3 sm:py-2 text-center text-[10px] sm:text-xs font-medium text-zinc-400">Enterprise</th>
diff --git a/start/index.md b/start/index.md
index 669bcf7..30f3b3d 100644
--- a/start/index.md
+++ b/start/index.md
@@ -26,7 +26,7 @@ layout: blank
 
         <div class="grid grid-cols-[1fr_auto_1fr] py-12">
           <a href="https://github.com/dotenvx/dotenvx#quickstart---" target="_blank" rel="noopener noreferrer" aria-label="Start with Open Source on GitHub" class="start-path group flex min-h-72 min-w-0 flex-col justify-center p-3 no-underline transition-colors duration-200 hover:no-underline sm:p-5">
-            <span class="inline-flex items-center gap-2 text-[0.65rem] font-semibold uppercase tracking-[0.12em] text-zinc-400 sm:text-xs">
+            <span class="inline-flex items-center gap-2 text-[0.65rem] font-semibold uppercase tracking-[0.12em] text-zinc-300 sm:text-xs">
               <span class="text-[1rem] text-zinc-300">◈</span>
               <span class="">Dotenvx</span>
             </span>
@@ -41,11 +41,11 @@ layout: blank
           <div class="h-60 w-px self-center bg-zinc-800" aria-hidden="true"></div>
 
           <a href="/signup" aria-label="Start with Armor" class="start-path group flex min-h-72 min-w-0 flex-col justify-center p-3 no-underline transition-colors duration-200 hover:no-underline sm:p-5">
-            <span class="inline-flex items-center gap-2 text-[0.65rem] font-semibold uppercase tracking-[0.12em] text-zinc-500 sm:text-xs">
-              <span class="text-[#ecd53f] text-[1.1rem]">⛨</span>
-              <span class="text-[#ecd53f]">Dotenvx Armor</span>
+            <span class="inline-flex items-center gap-2 text-[0.65rem] font-semibold uppercase tracking-[0.12em] text-zinc-300 sm:text-xs">
+              <span class="text-zinc-300 text-[1.1rem]">⛨</span>
+              <span>Dotenvx Armor</span>
             </span>
-            <span class="mt-5 text-base font-semibold leading-tight tracking-tight !text-white sm:text-lg">Managed Security</span>
+            <span class="mt-5 text-base font-semibold leading-tight tracking-tight text-[#ecd53f] sm:text-lg">Professional Security</span>
             <span class="mt-2 max-w-[12rem] text-xs font-normal leading-5 !text-zinc-400 sm:text-sm sm:leading-6">Hardened protection. Fully managed.</span>
             <span class="mt-7 inline-flex w-full items-center justify-center gap-2 rounded-2xl border border-zinc-700 bg-zinc-950 px-4 py-2.5 text-sm font-extrabold tracking-tight !text-white shadow-[0_0_24px_rgba(236,213,63,0.12)] no-underline transition-all duration-200 hover:bg-zinc-100 hover:!text-zinc-950 hover:shadow-[0_0_28px_rgba(236,213,63,0.20)]">
               <span>Create Account</span>