Update h1 value prop (#686)

Author: josh-collinsworth

site/src/components/IsometricStack.tsx

@@ -208,7 +208,7 @@ export function IsometricStack({ class: cls = "" }: { class?: string }) {
         role="img"
         aria-label="Cluster of isometric panels: four AI agents above Claw Patrol, four downstream tools below it"
         viewBox={`${xMin} ${yMin} ${TOTAL_W} ${TOTAL_H}`}
-        class="iso-stack-svg block h-full w-auto md:h-auto md:w-full"
+        class="iso-stack-svg block h-full w-auto md:h-auto w-full"
       >
         <style>
           {

site/src/sections/HeroSection.tsx

@@ -12,20 +12,22 @@ export function HeroSection() {
   return (
     <section
       class="iso-stack-host max-w-6xl mx-auto px-6 sm:px-8
-      pt-16 sm:pt-28 pb-16"
+      py-16 sm:py-28"
     >
       <div class="grid md:grid-cols-2 gap-12 md:gap-12 lg:gap-16 items-center w-full">
         <div class="order-2 md:order-1 min-w-0 flex flex-col items-center md:items-start text-center md:text-left relative z-10 bg-linear-to-b from-transparent py-16 via-canvas via-35% to-canvas">
-          <h1 class="text-4xl sm:text-5xl md:text-5xl lg:text-6xl lg:text-[4rem] mb-6 font-display text-balance text-text">
-            {HERO_H1}
+          <h1 class="text-4xl sm:text-5xl md:text-5.5xl lg:text-6xl lg:text-[4rem] mb-6 font-display text-balance text-text leading-none">
+            The missing option between babysitting and{" "}
+            <small style="font-size: 0.9em; font-weight: 450;">YOLO</small> mode
           </h1>
-          <p class="text-sm mb-6 max-w-2xl font-sans font-bold uppercase text-text text-balance">
-            Give agents power. Don't give up control.
+          <p class="text-sm md:text-base mb-6 max-w-2xl font-sans font-bold uppercase text-text text-balance">
+            The security firewall for{" "}
+            <span className="text-rust">any agent</span>
           </p>
           <p class="mb-10 max-w-2xl text-text-muted text-balance">
-            Claw Patrol holds credentials, parses traffic at the wire, and gates
-            actions with rules you write—all while keeping an audit log of
-            everything that happens.
+            Claw Patrol guards credentials, parses traffic at the wire, and
+            gates actions according to rules you author—all while keeping an
+            audit log of everything that happens.
           </p>
           <InstallTerminal />
         </div>

site/src/sections/TestSection.tsx

@@ -95,7 +95,7 @@ export function TestSection() {
             <SectionLabel class="ml-0 mb-4!">Regression tests</SectionLabel>
             <h3 class="text-4xl sm:text-5xl md:text-6xl lg:text-[3.25rem] font-display text-balance mb-6 text-text">
               Test your rules{" "}
-              <span class="text-rust">before you ship them.</span>
+              <span class="text-rust">before you ship them</span>
             </h3>
             <p class="text-base text-text-muted mb-5 max-w-xl">
               Record real actions from the dashboard. Drop the JSON files into a

site/src/sections/VpnSection.tsx

@@ -89,7 +89,7 @@ export function VpnSection() {
             <p class="text-base text-canvas/70 mb-6 text-pretty">
               Prefix any agent command with{" "}
               <code class="font-mono text-canvas">clawpatrol run</code>. Same
-              workflow, every action gated.
+              workflow; every action gated and tracked.
             </p>
             <div class="font-mono text-sm text-canvas/80">
               <span class="text-canvas/40">$</span> clawpatrol run{" "}