<!-- Policy Update -->
<h1 class="email-title">Important Policy Update</h1>

<div style="text-align: center; margin: 20px 0">
  <div
    style="
      display: inline-block;
      width: 80px;
      height: 80px;
      background-color: #dbeafe;
      border-radius: 50%;
      text-align: center;
      line-height: 80px;
      font-size: 40px;
    "
  >
    📋
  </div>
</div>

<p>Hi {{first_name}},</p>
<p>
  We've updated our <strong>{{policy_type}}</strong>. Please review the changes
  below.
</p>

<div
  class="info-box"
  style="background-color: #eff6ff; border-left-color: #3b82f6"
>
  <p class="info-box-title" style="color: #1e40af">📝 Summary of Changes:</p>
  <div style="color: #1e3a8a; margin: 0">{{changes_summary}}</div>
</div>

<div class="detail-card">
  <div class="detail-row">
    <span class="detail-label">Policy</span>
    <span class="detail-value">{{policy_type}}</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Effective Date</span>
    <span class="detail-value">{{effective_date}}</span>
  </div>
  <div class="detail-row">
    <span class="detail-label">Last Updated</span>
    <span class="detail-value">{{updated_at}}</span>
  </div>
</div>

<div
  class="info-box"
  style="background-color: #fef3c7; border-left-color: #d97706"
>
  <p class="info-box-title" style="color: #92400e">⚠️ Action Required</p>
  <p style="margin: 0; color: #78350f">
    By continuing to use Nxtgauge after <strong>{{effective_date}}</strong>, you
    agree to the updated {{policy_type}}. If you do not agree, please
    discontinue using our services.
  </p>
</div>

<div style="text-align: center">
  <a href="{{policy_url}}" class="cta-button">Read Full {{policy_type}}</a>
</div>

<p style="margin-top: 20px; font-size: 14px; color: #6b7280">
  Questions about these changes? Contact our support team.
</p>

<p>Best regards,<br /><strong>The Nxtgauge Team</strong></p>
