GUARANTEE SECTION RULES:
- Use a trust-focused layout: guarantee badge/seal (left) + guarantee copy (right), or centered single column
- Guarantee seal: large circular badge with shield icon (<i class="fas fa-shield-alt"></i>), "30-Day" or "60-Day" text, "Money-Back Guarantee" label — styled with border, gold/green accent color
- Headline: bold and reassuring ("Your Investment Is 100% Protected")
- Body copy: 2–3 sentences explaining the guarantee in plain language. Be specific about the terms.
- Tone: confident and reassuring — the guarantee removes all risk from the buyer's decision
- Background: light or white section for maximum readability and trust
- Optional: additional trust badges below (SSL secure, verified payment, privacy protected) as a horizontal row of small icons + labels
- The guarantee section should immediately precede or follow the pricing/CTA section to reduce purchase anxiety


MOBILE HORIZONTAL SPACING REMINDER: This section is subject to the MOBILE HORIZONTAL SPACING rule in non_negotiable_rules.md — on mobile (max-width:767px), no element you write for this section (outer wrapper, inner container, cards, headings, paragraphs, buttons, icons, anything) may have padding-left, padding-right, margin-left, or margin-right greater than 10px, and this section's outermost div must have at least 10px. Check this section's mobile CSS against that rule before finalizing.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
GRAPESJS MOBILE CHECKS — GUARANTEE SECTION
[GRAPESJS BUILDER ONLY — page generator: ignore this section]
Run these checks after adding or modifying a guarantee section in GrapesJS.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

1. TWO-COLUMN (seal + text) collapses, seal centered above text:
   editor.addStyle('@media (max-width:767px) { [class*="guarantee-row"], [class*="guarantee-grid"] { display: flex; flex-direction: column; align-items: center; } }');

2. GUARANTEE SEAL sized proportionately on mobile (not full width):
   editor.addStyle('@media (max-width:767px) { [class*="guarantee-seal"], [class*="guarantee-badge"] { max-width: 140px; width: 140px; margin: 0 auto 1.5rem; } }');

3. BODY COPY centered on mobile when single column:
   editor.addStyle('@media (max-width:767px) { [id*="guarantee"] p, [class*="guarantee-copy"] { text-align: center; } }');

4. SECTION WRAPPER 10px horizontal padding:
   editor.addStyle('@media (max-width:767px) { [id*="guarantee"] { padding-left: 10px; padding-right: 10px; } }');
