fix(ui): make Justine palette visible on marketing + trim rainbow chrome

- Replace blue/purple gradients with ink gradient text and cream/parch CTA surface
- Step badges and transformation icons use primary (ink) fills
- /features page icons unified to text-primary; Lora section titles
- Tree view status colors use semantic tokens instead of blue/green

Made-with: Cursor

marketing/components/transformation.tsx

@@ -7,7 +7,7 @@ export function Transformation() {
       <div className="container mx-auto px-6">
         <div className="mx-auto max-w-[900px] space-y-12">
         <div className="text-center space-y-4">
-          <h2 className="text-3xl font-bold tracking-tight md:text-5xl">
+          <h2 className="font-serif text-3xl font-semibold tracking-tight md:text-5xl">
             {homepage.transformation.title}
           </h2>
           <p className="text-lg text-muted-foreground md:text-xl pt-4 leading-relaxed">
@@ -21,8 +21,8 @@ export function Transformation() {
               key={index}
               className="flex items-start gap-4 rounded-lg border bg-background p-6 shadow-sm"
             >
-              <div className="rounded-full bg-gradient-to-br from-blue-500 to-purple-600 p-2 mt-1">
-                <Sparkles className="h-5 w-5 text-white" />
+              <div className="mt-1 rounded-full bg-primary p-2 text-primary-foreground">
+                <Sparkles className="h-5 w-5" />
               </div>
               <p className="text-lg leading-relaxed font-medium">{outcome}</p>
             </div>