Style tweaks for onboarding wizard step 1

- Set animation panel (right half) background to #1d1d1d
- Add more margin above Company name form label
- Make form labels white when input is focused or has value
  using Tailwind group/focus-within pattern

Co-Authored-By: Paperclip <noreply@paperclip.ing>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

ui/src/components/OnboardingWizard.tsx

@@ -593,8 +593,8 @@ export function OnboardingWizard() {
                       </p>
                     </div>
                   </div>
-                  <div>
+                  <div className="mt-3 group">
-                    <label className="text-xs text-muted-foreground mb-1 block">
+                    <label className={cn("text-xs mb-1 block transition-colors", companyName.trim() ? "text-foreground" : "text-muted-foreground group-focus-within:text-foreground")}>
                       Company name
                     </label>
                     <input
@@ -605,8 +605,8 @@ export function OnboardingWizard() {
                       autoFocus
                     />
                   </div>
-                  <div>
+                  <div className="group">
-                    <label className="text-xs text-muted-foreground mb-1 block">
+                    <label className={cn("text-xs mb-1 block transition-colors", companyGoal.trim() ? "text-foreground" : "text-muted-foreground group-focus-within:text-foreground")}>
                       Mission / goal (optional)
                     </label>
                     <textarea
@@ -1185,7 +1185,7 @@ export function OnboardingWizard() {
           </div>
 
           {/* Right half — ASCII art (hidden on mobile) */}
-          <div className="hidden md:block w-1/2 overflow-hidden">
+          <div className="hidden md:block w-1/2 overflow-hidden bg-[#1d1d1d]">
             <AsciiArtAnimation />
           </div>
         </div>