<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Clearance Sale</title></head>
<body style="margin:0;padding:0;background:#f0fdf4;font-family:Arial,sans-serif">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td align="center" style="padding:40px 16px">
<table width="600" cellpadding="0" cellspacing="0" style="background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.07)">
  <tr><td style="background:#16a34a;padding:44px 48px;text-align:center">
    <p style="color:#bbf7d0;margin:0 0 8px;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase">🏷️ Final Clearance</p>
    <h1 style="color:#fff;margin:0;font-size:2.6rem;font-weight:900;line-height:1.1">Everything Must Go!</h1>
    <p style="color:#bbf7d0;margin:12px 0 0;font-size:.95rem">Stock is severely limited — act fast.</p>
  </td></tr>
  <tr><td style="padding:36px 48px">
    <p style="color:#334155;font-size:1rem;line-height:1.7;margin:0 0 28px;text-align:center">
      Hi <strong>{{client_name}}</strong>, we're clearing out inventory at prices we've never offered before.
    </p>
    <table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:28px">
      <tr>
        <td style="padding:0 0 10px">
          <div style="background:#f0fdf4;border-left:4px solid #16a34a;border-radius:0 8px 8px 0;padding:14px 18px;display:flex;align-items:center">
            <div style="flex:1">
              <div style="font-weight:700;color:#1e293b;font-size:.9rem">Premium Bundle</div>
              <div style="color:#64748b;font-size:.8rem;margin-top:2px">Was $199 — limited units left</div>
            </div>
            <div style="color:#16a34a;font-size:1.3rem;font-weight:900;margin-left:16px">$59</div>
          </div>
        </td>
      </tr>
      <tr>
        <td style="padding:0 0 10px">
          <div style="background:#f0fdf4;border-left:4px solid #16a34a;border-radius:0 8px 8px 0;padding:14px 18px">
            <div style="flex:1">
              <div style="font-weight:700;color:#1e293b;font-size:.9rem">Starter Pack</div>
              <div style="color:#64748b;font-size:.8rem;margin-top:2px">Was $99 — almost gone</div>
            </div>
            <div style="color:#16a34a;font-size:1.3rem;font-weight:900;margin-top:4px">$29</div>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <div style="background:#f0fdf4;border-left:4px solid #16a34a;border-radius:0 8px 8px 0;padding:14px 18px">
            <div style="flex:1">
              <div style="font-weight:700;color:#1e293b;font-size:.9rem">Add-on Pack</div>
              <div style="color:#64748b;font-size:.8rem;margin-top:2px">Was $49 — last few</div>
            </div>
            <div style="color:#16a34a;font-size:1.3rem;font-weight:900;margin-top:4px">$9</div>
          </div>
        </td>
      </tr>
    </table>
    <div style="text-align:center">
      <a href="#" style="background:#16a34a;color:#fff;text-decoration:none;padding:15px 42px;border-radius:50px;font-weight:800;font-size:1rem;display:inline-block">
        Grab the Deals →
      </a>
    </div>
  </td></tr>
  <tr><td style="background:#f8fafc;padding:18px 48px;text-align:center;border-top:1px solid #f1f5f9">
    <p style="color:#94a3b8;font-size:.73rem;margin:0"><a href="{{unsubscribe_url}}" style="color:#94a3b8">Unsubscribe</a></p>
  </td></tr>
</table>
</td></tr></table>
</body></html>