dotenvx · motdotla · Jun 2, 2026 · Jun 1, 2026 · Jun 2, 2026
diff --git 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
@@ -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
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -5,15 +5,15 @@
     "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"
     }
   },
   "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
@@ -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
@@ -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
@@ -22,11 +22,11 @@ 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">
-            <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>
@@ -38,14 +38,14 @@ 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">
-              <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>
-Original file line number
+Diff line change
@@ Expand Up / @@ -17,7 +17,7 @@ They are plain text files: @@
     ```
     # dotenvx
-    > Secrets for agents
+    > a secure dotenv–from the creator of `dotenv`
     ## Docs
@@ Expand Down @@