Brango — backgroundstartup.com redesign

Ground-up redesign of the licensing landing site. Static — no build step, no framework. GSAP + ScrollTrigger + Lenis load from CDN.

The live site is the light theme. The earlier dark version is kept OUTSIDE this folder at ~/brango-dark-backup/ on purpose — it still shows the old public pricing, so it must never be deployed.

No pricing appears anywhere on this site (deliberate — investment is discussed on the qualification call). The pricing section was replaced by the interactive "Run the check" qualifier that drives visitors to book a call.

Files

• index.html — all markup and copy
• styles.css — design system (OKLCH tokens in :root) and all styles
• app.js — hero particle canvas, GSAP choreography, tabs, FAQ, form

Deploy to Vercel (same as before)

1. vercel.com → Add New → Project → drag this folder in
2. Framework preset: Other. No build command. Output dir: ./
3. Deploy.

The one wire to connect before launch

The application form has no backend yet. Open app.js and set:

var FORM_ENDPOINT = "";   // ← paste your Formspree/Basin/webhook URL here

Until you do, submitting opens a pre-filled email to info@backgroundstartup.com as a fallback, so no lead is ever lost.

Editing

• Brand colors: the :root {} block at the top of styles.css — change once, updates everywhere.
• FAQ answers: plain text in index.html.
• Earnings proof = two real redacted dashboards in assets/ (ledger-ytd.jpg, ledger-mtd.jpg), shown small side-by-side; click either to open it full-size in a lightbox (native <dialog>, Esc / backdrop / × to close). To swap them, drop in new images and update the width/height, alt, and data-full on the exhibit <button>/<img> in the earnings section.
• Industry tab content: the VERTICALS array in app.js.
• Qualifier questions: the QUESTIONS array in app.js.

Accessibility notes (keep these intact)

• All reveals enhance visible-by-default content; the site works with JS off.
• prefers-reduced-motion switches every animation to instant/static.
• Tabs and accordion are keyboard-operable (arrow keys / Enter).