Point color, radius, stroke, focus, and type tokens at the Figma scale so later sections use the same values.

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

app/(marketing)/page.tsx

@@ -13,14 +13,14 @@ export const metadata: Metadata = routeMetadata("/");
 // Code split below-the-fold components to reduce initial bundle size
 const LogoWall = dynamic(() => import("../components/sections/LogoWall"), {
   loading: () => (
-    <section className="py-[var(--spacing-scale-032)] min-h-[200px]" />
+    <section className="py-[var(--space-800)] min-h-[200px]" />
   ),
   ssr: true,
 });
 
 const CardSteps = dynamic(() => import("../components/sections/CardSteps"), {
   loading: () => (
-    <section className="py-[var(--spacing-scale-032)] min-h-[300px]" />
+    <section className="py-[var(--space-800)] min-h-[300px]" />
   ),
   ssr: true,
 });
@@ -29,7 +29,7 @@ const FeatureGrid = dynamic(
   () => import("../components/sections/FeatureGrid"),
   {
     loading: () => (
-      <section className="py-[var(--spacing-scale-032)] min-h-[500px]" />
+      <section className="py-[var(--space-800)] min-h-[500px]" />
     ),
     ssr: true,
   },
@@ -37,7 +37,7 @@ const FeatureGrid = dynamic(
 
 const QuoteBlock = dynamic(() => import("../components/sections/QuoteBlock"), {
   loading: () => (
-    <section className="py-[var(--spacing-scale-032)] min-h-[300px]" />
+    <section className="py-[var(--space-800)] min-h-[300px]" />
   ),
   ssr: true,
 });
@@ -102,7 +102,7 @@ export default function Page() {
       <CardSteps {...cardStepsData} />
       <Suspense
         fallback={
-          <section className="py-[var(--spacing-scale-032)] min-h-[400px]" />
+          <section className="py-[var(--space-800)] min-h-[400px]" />
         }
       >
         <MarketingRuleStackSection />