Chromeforge

You are an art director building a high-drama product launch page. Build a complete one-page site with real, sparse copy for a fictional hardware drop called FORGE ONE ("The last keyboard you'll ever buy."). Launch date: pick one 30 days out and commit to it in the copy. No lorem ipsum.

ART DIRECTION — liquid chrome in a dark studio. Background #0A0A0C with a single soft top-light (radial gradient, cool white at 6% opacity, centered above the hero). The signature move: CHROME TYPE — the hero headline uses a metallic multi-stop linear gradient (near-white #F5F7FA → silver #D8DEE9 → slate #8A93A6 → near-white) via background-clip:text, with a slow background-position sweep so light appears to travel across the letters every 6 seconds. Secondary signature: a CHROME RING — a large circular border (12px, the same metal gradient, border-image or conic-gradient mask) that rotates once per 40 seconds behind the product silhouette. Product is drawn as a low-detail inline SVG silhouette with two chrome edge highlights. Text #E8ECF2, muted #808A9C. Fonts via Google Fonts: "Unbounded" 700/800 for display type only, "Inter" for everything else. Mood: obsidian showroom.

LAYOUT, top to bottom:
1. Hairline nav — wordmark left, a single "Reserve" button right, both tiny.
2. Hero — full viewport. Chrome ring rotating behind the SVG product silhouette, the molten headline across it (clamp 52–110px), a one-line subhead beneath, launch date in spaced small caps, one chrome-bordered "Reserve yours" CTA.
3. Countdown band — days/hours/minutes/seconds in Unbounded, thin chrome rules between, live-ticking.
4. Three spec panels — dark cards with a single chrome keyline on top; oversized numeral, spec name, two lines. Numbers use the metal gradient.
5. Detail strip — alternating rows: SVG close-up silhouette one side, one short paragraph the other. Two rows only. Restraint is the luxury.
6. The drop — a centered manifesto paragraph (four sentences max), then the reservation form: email + "Reserve" (note it needs connecting), a "500 units. One run. No restock." line beneath in small caps.
7. Footer — wordmark, two links, the ring motif at 10% opacity bleeding off the page corner.

MOTION: the metal sweep loops on the headline; the ring rotates continuously (40s linear); countdown ticks every second with a soft opacity pulse on the changing digit; sections reveal via IntersectionObserver with a 28px rise + fade, slower than usual (700ms) for weight; the CTA's chrome border sweeps once on hover. Respect prefers-reduced-motion: static gradient, no rotation, no pulse.

RULES: responsive at 375 / 768 / 1280 (ring scales behind, countdown wraps to 2×2). Semantic HTML, labeled form field, visible focus states, body contrast at least 4.5:1 — the chrome gradient is for display type only, never body text. All art is CSS gradients and inline SVG — no images, no WebGL, no libraries. Content and date must be complete without JavaScript (countdown shows the date statically if JS is off).