Match the 3 Nov color ramps and size-based strokes, and replace leftover palette hex with tokens.

Drop Cookies Settings from the footer, link the Home features that already have pages, and give leftover routes their own descriptions.

tests/components/FeatureGrid.test.tsx

@@ -47,22 +47,32 @@ describe("FeatureGrid (behavioral tests)", () => {
     ).not.toBeInTheDocument();
   });
 
-  it("renders all four feature cards as static tiles", () => {
+  it("links the two features that have pages and leaves the others as tiles", () => {
     render(<FeatureGrid title="Test" subtitle="Test" />);
     expect(screen.getByText("Choose how you decide")).toBeInTheDocument();
-    expect(screen.getByText("Name your values")).toBeInTheDocument();
-    expect(screen.getByText("Define membership")).toBeInTheDocument();
     expect(screen.getByText("Plan for conflict")).toBeInTheDocument();
     expect(
-      screen.queryByRole("link", { name: "Choose how you decide" }),
+      screen.queryByRole("link", { name: /Choose how you decide/ }),
     ).not.toBeInTheDocument();
+    expect(
+      screen.queryByRole("link", { name: /Plan for conflict/ }),
+    ).not.toBeInTheDocument();
+    expect(
+      screen.getByRole("link", { name: /Name your values/ }),
+    ).toHaveAttribute("href", "/how-it-works");
+    expect(
+      screen.getByRole("link", { name: /Define membership/ }),
+    ).toHaveAttribute(
+      "href",
+      "/blog/integrating-new-members-without-dilution",
+    );
   });
 
-  it("sends Explore the patterns to the Learn page", () => {
+  it("sends Explore the patterns to the templates page", () => {
     render(<FeatureGrid title="Test" subtitle="Test" />);
     expect(
       screen.getByRole("link", { name: "Explore the patterns" }),
-    ).toHaveAttribute("href", "/learn");
+    ).toHaveAttribute("href", "/templates");
   });
 
   it("does not apply a focus ring to the entire grid shell", () => {

tests/components/Footer.test.tsx

@@ -110,7 +110,7 @@ describe("Footer (behavioral tests)", () => {
     expect(screen.queryByText(/all right reserved/i)).not.toBeInTheDocument();
   });
 
-  it("renders legal links to privacy, terms, and cookies pages", () => {
+  it("renders legal links to privacy and terms pages", () => {
     render(<Footer />);
     expect(
       screen.getAllByRole("link", { name: "Privacy Policy" })[0],
@@ -119,7 +119,7 @@ describe("Footer (behavioral tests)", () => {
       screen.getAllByRole("link", { name: "Terms of Service" })[0],
     ).toHaveAttribute("href", "/terms");
     expect(
-      screen.getAllByRole("link", { name: "Cookies Settings" })[0],
-    ).toHaveAttribute("href", "/cookies");
+      screen.queryByRole("link", { name: "Cookies Settings" }),
+    ).not.toBeInTheDocument();
   });
 });

tests/components/Upload.test.tsx

@@ -37,7 +37,7 @@ describe("Upload (behavioral tests)", () => {
     render(<Upload label="Upload" />);
     const button = screen.getByRole("button", { name: /upload/i });
     expect(button).toHaveClass(
-      "bg-[var(--color-surface-invert-primary,white)]",
+      "bg-[var(--color-surface-invert-primary)]",
     );
   });
 
@@ -45,7 +45,7 @@ describe("Upload (behavioral tests)", () => {
     render(<Upload label="Upload" active={false} />);
     const button = screen.getByRole("button", { name: /upload/i });
     expect(button).toHaveClass(
-      "bg-[var(--color-surface-default-secondary,#141414)]",
+      "bg-[var(--color-surface-default-secondary)]",
     );
   });
 
@@ -95,7 +95,7 @@ describe("Upload (behavioral tests)", () => {
     );
     const descriptionContainer = descriptionText.parentElement;
     expect(descriptionContainer).toHaveClass(
-      "text-[color:var(--color-content-default-primary,white)]",
+      "text-[color:var(--color-content-default-primary)]",
     );
   });
 
@@ -106,7 +106,7 @@ describe("Upload (behavioral tests)", () => {
     );
     const descriptionContainer = descriptionText.parentElement;
     expect(descriptionContainer).toHaveClass(
-      "text-[color:var(--color-content-default-tertiary,#b4b4b4)]",
+      "text-[color:var(--color-content-default-tertiary)]",
     );
   });
 });