From c86116c0067bbec81d6441baabec5db4ad0eccdf Mon Sep 17 00:00:00 2001
From: Will Washburn <will.washburn@gmail.com>
Date: Mon, 14 Sep 2026 07:16:38 -0700
Subject: [PATCH 1/3] Refine Flows headline typography and workflow copy

---
 web/app/flows/flows.module.css           | 8 +++++---
 web/app/flows/page.tsx                   | 4 ++--
 web/components/home/MessagingFeature.tsx | 2 +-
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/web/app/flows/flows.module.css b/web/app/flows/flows.module.css
index b6890fa8..97e00b4a 100644
--- a/web/app/flows/flows.module.css
+++ b/web/app/flows/flows.module.css
@@ -88,9 +88,11 @@
 
 .hero h1 {
   max-width: 22ch;
-  font-size: clamp(2.25rem, 4.5vw, 3.8rem);
-  line-height: 1.12;
-  letter-spacing: -0.035em;
+  font-size: clamp(2.25rem, 4.5vw, 4.2rem);
+  font-weight: 500;
+  line-height: 1.05;
+  letter-spacing: -0.03em;
+  opacity: 1;
 }
 
 .headlineLine {
diff --git a/web/app/flows/page.tsx b/web/app/flows/page.tsx
index d09f5dea..3338b1cb 100644
--- a/web/app/flows/page.tsx
+++ b/web/app/flows/page.tsx
@@ -147,9 +147,9 @@ export default function FlowsPage() {
 
         <WaveBreak />
 
-        <section className={s.workflowSection} aria-label="Skills make suggestions. Flows enforce steps.">
+        <section className={s.workflowSection} aria-label="Agents can ignore instructions. Flows can’t.">
           <MessagingFeature
-            title="Skills make suggestions. Flows enforce steps."
+            title={<>Agents can ignore instructions.<br />Flows can’t.</>}
             preview={<FlowGatePreview />}
             items={[
               'Require files, run scripts, and check results before the next step starts.',
diff --git a/web/components/home/MessagingFeature.tsx b/web/components/home/MessagingFeature.tsx
index 67dd4518..44e83b37 100644
--- a/web/components/home/MessagingFeature.tsx
+++ b/web/components/home/MessagingFeature.tsx
@@ -15,7 +15,7 @@ export function MessagingFeature({
   items = DEFAULT_ITEMS,
   description,
   preview,
-}: { title?: string; items?: readonly string[]; description?: string; preview?: ReactNode } = {}) {
+}: { title?: ReactNode; items?: readonly string[]; description?: string; preview?: ReactNode } = {}) {
   return (
     <FadeIn direction="up" delay={0} className={`${s.featureCol} ${s.messagingFeature}`}>
       <div className={s.featurePreview}>

From 96c99e953189c9afe0d8b610d49033fdb3b68c60 Mon Sep 17 00:00:00 2001
From: Will Washburn <will.washburn@gmail.com>
Date: Mon, 14 Sep 2026 07:17:45 -0700
Subject: [PATCH 2/3] Keep Flows navigation sticky while scrolling

---
 web/app/flows/flows.module.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/app/flows/flows.module.css b/web/app/flows/flows.module.css
index 97e00b4a..b3fb109d 100644
--- a/web/app/flows/flows.module.css
+++ b/web/app/flows/flows.module.css
@@ -16,7 +16,8 @@
   --flows-band-dark: #0b1c2a;
   --flows-band-deep: #081723;
   min-height: 100vh;
-  overflow-x: hidden;
+  /* Clip decoration without creating a scroll container for the sticky nav. */
+  overflow-x: clip;
   background: linear-gradient(180deg, #10273a 0%, #0d2638 38%, #0b1c2a 100%);
   color: var(--flows-text);
 }

From 89cbab51cb1483109978e72a9d7c77cb609e850e Mon Sep 17 00:00:00 2001
From: Will Washburn <will.washburn@gmail.com>
Date: Mon, 14 Sep 2026 07:18:27 -0700
Subject: [PATCH 3/3] Show Docs and Blog links in Flows navigation

---
 web/app/flows/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/app/flows/page.tsx b/web/app/flows/page.tsx
index 3338b1cb..f61c4894 100644
--- a/web/app/flows/page.tsx
+++ b/web/app/flows/page.tsx
@@ -75,7 +75,7 @@ export default function FlowsPage() {
 
   return (
     <div className={s.page}>
-      <SiteNav actions={navGetStartedLink} mobileMenuContent={mobileGetStartedLink} hideLinks />
+      <SiteNav actions={navGetStartedLink} mobileMenuContent={mobileGetStartedLink} />
 
       <main className={s.main}>
         <section className={s.hero}>