iop/scripts/fixtures/agent-comparison-benchmark/prompt.md

Build a polished, responsive product card for the fictional product described in brief/reference.txt.

Requirements:

• Create exactly these implementation files at the workspace root: index.html, styles.css, and script.js.
• Use both provided local images, assets/aurora-grid.svg and assets/orbit-rings.svg, as visible <img> content with meaningful alt text.
• Compose one compact card with a small product header, one hero area, and one primary CTA using the supplied copy. Do not add feature, workflow, testimonial, pricing, or footer sections.
• Provide one tiny keyboard-accessible toggle in script.js for the supplied status detail; the detail must remain readable when JavaScript is unavailable.
• Support the supplied desktop and mobile viewports without horizontal overflow, clipped primary content, or overlapping controls.
• Use semantic HTML, visible focus states, sufficient text/background contrast, a logical heading order, and labels for interactive controls.
• Do not use external network assets, frameworks, package managers, build tools, inline data URLs, or generated replacements for the provided images.
• Do not add credentials, private endpoints, analytics, trackers, or production data.

Finish only after all three required files exist and the page can be served as static files from the workspace root.