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/who-its-for.tsx

@@ -7,7 +7,7 @@ export function WhoItsFor() {
       <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.whoItsFor.title}
           </h2>
           <p className="text-2xl font-semibold text-muted-foreground md:text-3xl">