# Fully green UZIA look + a more visible hero photo

## 1. Green logo

The uploaded UZIA wordmark is bright orange and appears in the header, footer and app shell, so it reads as the dominant brand colour. I'll produce a green version of the same wordmark (emerald green letters, transparent background) and swap it in everywhere the logo is used. The orange original stays in the project untouched.

## 2. Remove the remaining orange from the palette

The theme is already green, but three things still push warm orange into every page:

- The hero/header gradient (`--gradient-sunset`) ends in a warm yellow-orange stop.
- The "ember" gradient used on card top-bars, buttons and gradient text runs green → gold.
- Terracotta is used as a full accent colour (badges, motif stripes, chart series).

Changes, all in the design tokens so every page updates at once:

- Sunset gradient becomes deep forest → emerald → light lime, no warm stop.
- Ember gradient becomes emerald → bright lime green.
- Terracotta retired from the motif stripes and chart palette, replaced with deeper/lighter greens.
- Gold kept, but only as a small accent for eyebrow labels, badge details and stat numbers — and shifted slightly cooler (a green-leaning ochre) so it sits inside the green family instead of fighting it.
- Anywhere a component uses gold or terracotta as a large surface (buttons, big fills), switch it to primary/secondary green.

## 3. Home page hero photo more visible

Currently the photo sits at 40% opacity under a 70%-opaque gradient, so it's barely readable. New treatment:

- Photo at full opacity.
- Replace the flat gradient wash with a soft green tint plus a left-to-right dark-green scrim, so the headline side stays high-contrast while the right side of the image shows clearly.
- Lighter motif overlay, and a subtle slow zoom on load so the image feels alive.
- Contrast re-checked on mobile, where text sits directly over the image.

## Technical notes

- New asset: green UZIA wordmark PNG (generated from the existing logo, transparent background), referenced from `site-header.tsx`, `site-footer.tsx` and `app-shell.tsx`.
- `src/styles.css`: retune `--gradient-sunset`, `--gradient-ember`, `--gold`, `--terracotta`, `--chart-*`, and the `motif-divider` / `motif-chevron` utilities to green-only.
- `src/routes/index.tsx`: hero image opacity, scrim layers, motion; plus swap any large gold fills (e.g. the CTA button) to green tokens.
- Sweep `src/routes` and `src/components` for `text-gold` / `bg-gold` / `terracotta` usage and reduce it to small accents only.
- No database, pricing or gating logic touched.
