<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="margin:0;padding:0;background:#ffffff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">
<table width="100%" cellpadding="0" cellspacing="0" style="background:#ffffff;padding:40px 0;">
<tr><td align="center">
<table width="560" cellpadding="0" cellspacing="0">
  <!-- Logo -->
  <tr>
    <td style="padding:0 0 24px;">
      <img src="cid:biznode_logo" alt="BizNode" style="height:36px;" />
    </td>
  </tr>
  <!-- Subject -->
  <tr>
    <td style="padding:0 0 16px;">
      <h1 style="margin:0;color:#111827;font-size:20px;font-weight:600;">{{SUBJECT}}</h1>
    </td>
  </tr>
  <!-- Divider -->
  <tr>
    <td style="padding:0 0 20px;">
      <div style="height:2px;width:40px;background:#4f46e5;"></div>
    </td>
  </tr>
  <!-- Body -->
  <tr>
    <td style="color:#374151;font-size:15px;line-height:1.8;padding:0 0 32px;">
      {{BODY}}
    </td>
  </tr>
  <!-- Footer -->
  <tr>
    <td style="padding:20px 0 0;border-top:1px solid #e5e7eb;">
      <p style="margin:0;color:#9ca3af;font-size:12px;">BizNode &mdash; {{BUSINESS_NAME}}</p>
    </td>
  </tr>
</table>
</td></tr>
</table>
</body>
</html>
