Pricing page with a working billing toggle and FAQ accordion
One task across 30 published runs. Inspect the scores and outputs together, with each run's execution method shown.
- Task
- WEB-0003
- Domain
- Websites
- Difficulty
- medium
Leading published run: claude-opus-4-8 (low reasoning) at 100.0% composite. Lowest: claude-haiku-4-5 at 0.0%. 30 published runs shown on this task.
How this task was evaluated
Results are ordered by this task's published score. API runs use one prompt and one completion; agent runs use a coding harness with tools and iteration. Inspect the execution method when comparing results.
Objective scores use the benchmark's execution checks. Judge scores use a vision panel's fixed rubric; the published score leaves out a model's own family. Missing values are labelled rather than treated as zero.
Read the brief
Build a single self-contained page as one HTML file (`index.html`) that renders with no build step and no network calls (inline all CSS and JS, no external fonts or scripts). The page combines two interactive parts: - a pricing section with three tiers and a monthly/annual billing toggle implemented as an accessible switch (role="switch" with aria state, id="billing"); clicking the toggle must change every displayed price between its monthly and annual value, and - a FAQ section (id="faq") of at least three question/answer items where each answer is collapsed by default; clicking a question must reveal (make visible) its own answer, and clicking it again may collapse it. The first answer must have id="a1". Use plain, readable, accessible markup.
