Act as a growth-minded front-end engineer. Build a lead magnet signup for {{business_name}}, offering a free resource to {{target_audience}}. Style: {{visual_style}}. Stack: {{tech_stack}}; use the email service the project already has, or ask me. Show what they get: a cover image, the title, format and length ("12-page PDF checklist"), and 3 things inside. Real copy, no "ultimate guide" hype. The form: - email with a visible label, type email, autocomplete="email"; optional first name - an unticked checkbox for ongoing marketing emails, separate from getting the resource, with how often and what ("Monthly tips. Unsubscribe anytime.") - the resource doesn't depend on ticking it; link the privacy policy - spam: a honeypot plus Cloudflare Turnstile in invisible mode, rate limiting on the server On the server: validate again, store the consent choice with timestamp, wording version and page, and keep keys server-side. States: - invalid email: inline error on blur, linked with aria-describedby - submitting: button disabled with a spinner and "Sending" - success: show the download link right away, also send it by email, and move focus to the success heading - already signed up: resend the link, no error tone - server error: keep the typed email, offer Retry Layout: 360: stacked, preview above the form, inputs 48px tall at 16px text; 768 and 1280: preview 5 columns, form 7, inside the page flow, not a popup. Padding 40 / 56 / 72px. Motion: success panel fades in 200ms; none under prefers-reduced-motion. Avoid: pre-ticked boxes, "No thanks, I don't like money" opt-outs, exit-intent popups on phones, fake download counts.