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/emotional-hook.tsx

@@ -5,10 +5,10 @@ export function EmotionalHook() {
     <section className="w-full py-16 md:py-24">
       <div className="container mx-auto px-6">
         <div className="mx-auto max-w-[800px] 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.emotionalHook.title}
         </h2>
-        <p className="text-4xl font-bold tracking-tight md:text-6xl bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
+        <p className="vibn-gradient-text font-serif text-4xl font-semibold tracking-tight md:text-6xl">
           {homepage.emotionalHook.subtitle}
         </p>
         <p className="text-lg text-muted-foreground md:text-xl pt-4 leading-relaxed">