<!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:#f4f5f7;font-family:Arial,Helvetica,sans-serif;">
<table width="100%" cellpadding="0" cellspacing="0" style="background:#f4f5f7;padding:40px 0;">
<tr><td align="center">
<table width="600" cellpadding="0" cellspacing="0" style="background:#ffffff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.08);">
  <!-- Header -->
  <tr>
    <td style="background:#1e293b;padding:24px 32px;text-align:center;">
      <img src="cid:biznode_logo" alt="BizNode" style="height:48px;margin-bottom:8px;" />
      <div style="color:#94a3b8;font-size:12px;letter-spacing:1px;">BUSINESS AUTOMATION</div>
    </td>
  </tr>
  <!-- Subject bar -->
  <tr>
    <td style="background:#4f46e5;padding:14px 32px;">
      <h1 style="margin:0;color:#ffffff;font-size:18px;font-weight:600;">{{SUBJECT}}</h1>
    </td>
  </tr>
  <!-- Body -->
  <tr>
    <td style="padding:32px;color:#374151;font-size:15px;line-height:1.7;">
      {{BODY}}
    </td>
  </tr>
  <!-- Footer -->
  <tr>
    <td style="background:#f8fafc;padding:20px 32px;border-top:1px solid #e2e8f0;text-align:center;">
      <p style="margin:0;color:#94a3b8;font-size:12px;">Sent by BizNode &mdash; Your AI Business Assistant</p>
      <p style="margin:4px 0 0;color:#cbd5e1;font-size:11px;">{{BUSINESS_NAME}}</p>
    </td>
  </tr>
</table>
</td></tr>
</table>
</body>
</html>
