# Premium Visual Edition

This checkpoint upgrades the visual shell using the user-provided reference direction while keeping all operational/financial claims data-safe.

## Visual direction

- Institutional dark green + white palette.
- Arabic RTL-first layout.
- Layered 3D CSS scene in the hero and authentication/dashboard surfaces.
- 4K vector farm assets (`3840×2160`) plus raster PNG fallbacks under `apps/web/public/assets`.
- Glass panels, depth, parallax-like transforms, premium card elevation, responsive dashboard previews and mobile dock.
- Reduced-motion fallback for users/devices that request less animation.

## Main screens upgraded

- Public homepage.
- Project detail page.
- User/investor dashboard shell.
- Administration dashboard shell.
- Login shell.
- Loading and 404 states.

## Performance strategy

The UI uses SVG as the primary 4K visual source for performance and sharp scaling. Full 3840×2160 PNG raster fallbacks are also bundled for hosting/CDN or future creative use without depending on remote media. CSS effects are disabled/reduced on smaller screens and under `prefers-reduced-motion`.

## Truthfulness / production data

The reference images contained visual numbers and example data. Those values were **not** copied as production facts. The UI deliberately uses empty states or `DEMO` labels until real data is entered through the system.

## cPanel target

The edition keeps the existing deployment target:

- Subdomain: `invest.azcodehost.com`
- Namecheap cPanel Node.js application.
- `server.cjs` serves Next.js and NestJS from one process.
- cPanel Cron invokes `scripts/cpanel-cron.mjs`.
- `LIVE_INVESTMENT`, `COLLECT_FUNDS`, and `LIVE_PAYMENTS` stay `false` by default.