Match the marketing homepage and About page to the latest Figma: black hero CTA, spaces in word-split headings, redesigned feature grid, and cited About statistics.

Co-authored-by: Cursor <cursoragent@cursor.com>

stories/sections/FeatureGrid.stories.js

@@ -8,12 +8,12 @@ export default {
     docs: {
       description: {
         component: `
-Feature grid for the home marketing section (Figma 18847:22410).
+Feature grid for the home marketing section (Figma 18632:10668).
 
-- **Layout**: 2×2 on mobile, 1×4 on tablet, horizontal lockup + grid on desktop
+- **Layout**: stacked cards on mobile, 2×2 from tablet, horizontal lockup + grid on desktop
 - **Shell**: \`surface/default/secondary\` content block with responsive spacing tokens
 - **ContentLockup**: Feature variant — 18/22 title & 14/20 subtitle (mobile), 24/32 title & 16/24 subtitle (640px+), 16/24 link
-- **Mini tiles**: Invert-brand surfaces (royal, lime, rust, teal), 138px panel height, 48px icons
+- **Cards**: Invert-brand surfaces (lavender, lime, rust, teal) with title, description, and 40px icons
         `,
       },
     },
@@ -36,15 +36,15 @@ Feature grid for the home marketing section (Figma 18847:22410).
 
 export const Default = {
   args: {
-    title: "We've got your back, every step of the way",
+    title: "Tools for the parts that get hard",
     subtitle:
-      "Use our toolkit to improve, document, and evolve your organization.",
+      "Every group runs into the same knots. CommunityRule gives you a way through, and a written record of what you decided.",
   },
   parameters: {
     docs: {
       description: {
         story: `
-Default FeatureGrid — responsive breakpoint layout with Figma styling (invert-brand tiles, secondary surface, updated lockup typography).
+Default FeatureGrid — responsive breakpoint layout with Figma styling (invert-brand cards, secondary surface, updated lockup copy).
         `,
       },
     },