diff --git a/web/app/flows/flows.module.css b/web/app/flows/flows.module.css index b6890fa8..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); } @@ -88,9 +89,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..f61c4894 100644 --- a/web/app/flows/page.tsx +++ b/web/app/flows/page.tsx @@ -75,7 +75,7 @@ export default function FlowsPage() { return (
- +
@@ -147,9 +147,9 @@ export default function FlowsPage() { -
+
Agents can ignore instructions.
Flows can’t.} preview={} 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 (