PAGE TYPE: Opt-in / Lead Capture Page
CONVERSION GOAL: Capture name and email address in exchange for a free lead magnet.

COPYWRITING FRAMEWORK:
- Headline must clearly state WHAT the visitor will get and WHY they should want it.
- Use a sub-headline to reinforce the benefit and add urgency or specificity.
- Bullet points listing exactly what they will discover, learn, or receive (3–5 bullets).
- The form should feel frictionless — ask for name + email only.
- CTA button copy must be specific and benefit-driven, e.g. "Send Me the Free Guide", "Get Instant Access".
- Add a brief privacy note below the form: "100% spam-free. Unsubscribe anytime."
- Optional: short social proof element (e.g. "Join 12,000+ {niche} professionals").

DESIGN REQUIREMENTS:
- This is a focused, distraction-free page — no navigation links, no footer links.
- Center the entire page around the opt-in form.
- Use a two-column layout on desktop: copy/bullets on the left, form on the right (or stacked on mobile). CRITICAL: Because this is a 2-column layout, the h1 heading in the left column MUST use font-size: clamp(35px, 4vw, 50px) — NEVER var(--text-hero) or any size above 50px. The heading competes for space with the form column.
- Show a mockup image of the lead magnet (eBook cover, checklist, video thumbnail).
- Form should be visually prominent with a bright CTA button.
- Keep the page short — above the fold conversion is the priority.
- This is a {niche} lead capture page — the lead magnet copy must feel relevant and valuable to that niche.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
GRAPESJS MOBILE CHECKS — OPT-IN PAGE
[GRAPESJS BUILDER ONLY — page generator: ignore this section]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
- 2-column (copy left, form right) must collapse to single column at max-width:1024px (form column can't fit below that)
- editor.addStyle('@media (max-width:1024px) { .hero__inner--split { grid-template-columns: 1fr !important; } }');
- Lead magnet image: width:100%; max-width:100%; height:auto on mobile
- H1 in left column: clamp(35px,4vw,50px) on desktop; never exceeds 50px even at desktop
- See forms.md mobile checks for form-specific rules
- No navigation links on this page type — verify no nav on mobile either
