Restyle the landing page as a dark exchange hero (S4.15)

README.md

@@ -159,7 +159,7 @@ Sign-in posts the fields the wallet actually signed — `{message, recipient, no
 
 **Visual identity.** The screens follow one deliberate system rather than a framework default: an achromatic ledger palette where the chrome (borders, buttons, nav) carries no colour and a single brand green is reserved for the one number that matters — money that has actually arrived. Type is Geist (Geist Mono for amounts and addresses, weight 700 for money only), surfaces are flat with a 1px rule instead of shadows, labels are sentence case, controls have a crisp 4px radius (cards 8px), and the dashboard sits in an open-plane sidebar shell that folds to a top bar on a phone. The mark (an arrow descending onto a rule) is `components/ui/mark.tsx`. Tokens live in `app/globals.css` as Tailwind `@theme` roles, so every screen references the role, never a raw colour. The project pfp and favicon are that same mark on the brand green, rendered deterministically from its geometry by `pnpm brand` (`scripts/render-brand.ts` → `public/pfp.png` 1024×1024 and `app/icon.png` 256×256); the hosted page serves the pfp as its Open Graph / Twitter preview image.
 
-The landing page opens _inside the settled state_: the one brand green, enlarged from a single arrived number to a whole hero field, with the receipt — Settle's actual output — as the picture on it and a three-fact proof strip beneath (non-custodial, fee up front, every step on the record). The device is the curated fintech landing (a full brand-colour hero, a tight grotesque statement, a closing field that bookends the page); the colour is Settle's own. The rest of the page is the paper ledger: a numbered how-it-works bar whose last stage is the green "Settled", a working token picker (pick a token, watch the deposit amount follow for a fixed $1,500 invoice), one large statement — "Getting paid shouldn't require a crypto education." — the real pay page and deposit panel with a live QR, and the questions a real invoice raises. The page's pictures are the product's own screens built in HTML, not stock imagery.
+The landing page is set against the dark, crypto-exchange language the human picked as a reference: a near-black ground with one magenta shaft of light behind a centred hero ("Invoice in dollars. Paid in any token."), floating token chips (USDC, USDT, wNEAR, BTC) behind a glass stage that holds the real client-view screen, a chain bar that says where money settles — NEAR, Ethereum, Base, Arbitrum, Solana — and that Bitcoin is refund-only, then the steps, a working token picker (pick a token, watch the deposit amount follow for a fixed $1,500 invoice), three feature cards with mini product visuals, the questions a real invoice raises, and a closing call to action. The magenta is **chrome only**; the one green still means money that has arrived, and the receipt section keeps the light paper ledger — green ink on paper — so the colour continues to carry its meaning. That is done with two class-scoped token sets in `app/globals.css`: `.night` re-declares the colour and radius roles for the marketing page, `.paper` restores the ledger. The page's pictures are the product's own screens built in HTML, not stock imagery.
 
 **Written during the hackathon window.** All of this code was written between 2026-11-03 and the submission deadline (2026-11-14 23:59 UTC), in this repository's public commit history, phase by phase against the tasks in `ROADMAP.md`. No pre-existing project was renamed or re-submitted. The team's other entry, **Stack**, is a separate repository with its own history (rule Q-015).