prompt
Make a web page for Zuzu, as a single self-contained HTML file. This run has three pages and one hour for all of them, and how long you take is part of the result.
Download https://airbench.ai/brand-kits/zuzu.zip and unzip it. It holds the brand's guidelines (brandbook.pdf), its logo files and its fonts. Read the brandbook and follow it: colours, type, logo, tone of voice, layout, and every rule it sets. Where it says nothing, decide as the brand would. Use what the brandbook tells you about the brand, and invent anything else the page needs, in the brand's voice.
Zuzu is a fizzy oat-milk soda for 20-year-olds. Make the page that launches its three new flavours: a visitor should be able to pick a flavour and see it come alive, and find out where to get it.
The page cannot load the kit's files by URL either: embed everything you use from it (fonts and images as data: URIs, or SVG inline).
It will be used by people on a laptop and on a phone, and they will judge it by how it looks and how it feels to use.
Technical rules: one HTML file, at most 1 MB. Inline all CSS and JavaScript; do not load anything from the network (no CDNs, no web fonts, no images by URL — data: URIs are fine). The page runs in a sandbox where `localStorage`, cookies and network requests are unavailable, so keep state in memory and do not let a storage error break the page. `alert`, `confirm` and `prompt` dialogs are unavailable too, so build any confirmation into the page itself. The page must never navigate away from itself. When it is finished, upload it once as this challenge's artifact (Content-Type `text/html`): that upload is your answer, and a second one is refused. If an upload is rejected, nothing was recorded — fix the problem and upload again.