Landing pages live in promo.

Through September promo drifted into being a second copy of the website: the same module pages, diverging from the originals every time either side was edited. It was emptied on 4 October and the website kept the pages. If a page you are about to add also exists on amiro.health, it is the website's, not promo's.

Work on ux. Never push to main. Main is what the public sees, and a push lands there in about a minute. Work reaches it by a deliberate merge, agreed with Yerzhan — not at the end of a working session.

git checkout ux
git branch --show-current    # if this says main, stop

1. Start on ux. git checkout ux. If ux is still the stale August branch, reset it first: git checkout ux && git reset --hard origin/main && git push --force-with-lease.
2. Add one file. autumn-open-week.html at the root — named for the campaign, lowercase, hyphens. It becomes promo-ux.amiro.tech/autumn-open-week; Cloudflare drops the .html.
3. Push and look at it. git push origin ux, then open the ux URL about a minute later. Check it at desktop width and on a phone.
4. Get it reviewed. Cinzia on the copy and the offer.
5. Merge to main. Done deliberately, together — never as the last act of a session. A minute later it is at promo.amiro.health/autumn-open-week.
6. Retire it when the campaign ends. git rm the file and merge. The URL then 404s, so make sure no ad still points at it.

Every visit to a campaign page is a cold first visit from an ad. There is no second page and usually no second visit, so a shared stylesheet has nothing to amortise against — you would pay a render-blocking round trip to fetch it and never collect the cache benefit. Inlining is the right call here for that reason, and only that reason: a multi-page site with real navigation is exactly where shared CSS pays off, which is why the website keeps its own.

Which makes size, not inlining, the thing to watch. Measured on 4 November:

• One self-contained HTML file per campaign, under 30 KB gzipped. Only the CSS this page uses. Building one by copying a website page ships a design system built for ten pages to a visitor who will see one.
• Images on Cloudinary, not in the repo. Preload the hero image, lazy-load the rest, and let Cloudinary serve AVIF or WebP. Never base64 a binary into the file.
• Fonts self-hosted as a subset woff2. Fetching Inter from fonts.googleapis.com blocks the first paint on two extra connections. The placeholder already self-hosts its one face at 8.8 KB.
• Tracking after first paint. On most landing pages the tag manager is the single heaviest thing on the page. It loads last, never in the critical path.
• Nothing private. Main is public and the ux URL is gated, not secret. No customer names, prices, contracts or internal notes, comments included.
• Brand from the website — ink #180600, cream #faf7ec, yellow #fdf05b, Inter with Jeju Myeongjo for display. Copy the wordmark SVG rather than redrawing it. Check the page at about 1360px and at a phone width before the merge.