<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"></head>
<body style="margin:0;padding:0;background:#f4f4f7;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">
<table width="100%" cellpadding="0" cellspacing="0" style="background:#f4f4f7;padding:40px 0;">
<tr><td align="center">
<table width="560" cellpadding="0" cellspacing="0" style="background:#ffffff;border-radius:8px;overflow:hidden;">
<!-- Header -->
<tr>
<td style="background:#1a1d27;padding:24px 32px;text-align:center;">
<span style="font-size:1.4rem;font-weight:700;color:#4f8ff7;">sfpermits</span><span style="font-size:1.4rem;color:#8b8fa3;">.ai</span>
</td>
</tr>
<!-- Body -->
<tr>
<td style="padding:32px;">
{% if cohort == 'consultants' %}
<h1 style="font-size:1.3rem;color:#1a1d27;margin:0 0 16px;">You're invited to join our professional network</h1>
<p style="color:#555;font-size:0.95rem;line-height:1.6;margin:0 0 20px;">
{{ sender_name or "Someone" }} has invited you to
<strong>sfpermits.ai</strong> — a professional platform for land use consultants, architects, and contractors.
</p>
{% elif cohort == 'testers' %}
<h1 style="font-size:1.3rem;color:#1a1d27;margin:0 0 16px;">You're invited to beta test sfpermits.ai</h1>
<p style="color:#555;font-size:0.95rem;line-height:1.6;margin:0 0 20px;">
{{ sender_name or "Someone" }} has invited you to the private beta for
<strong>sfpermits.ai</strong> — a comprehensive SF building permit intelligence platform.
</p>
{% else %}
<h1 style="font-size:1.3rem;color:#1a1d27;margin:0 0 16px;">You're invited!</h1>
<p style="color:#555;font-size:0.95rem;line-height:1.6;margin:0 0 20px;">
{{ sender_name or "Someone" }} has invited you to
<strong>sfpermits.ai</strong> — a permit intelligence tool for
SF building professionals.
</p>
{% endif %}
{% if message %}
<p style="color:#555;font-size:0.95rem;line-height:1.6;margin:0 0 20px;padding:12px 16px;background:#f9fafb;border-left:3px solid #4f8ff7;border-radius:4px;">
{{ message }}
</p>
{% endif %}
{# Feature highlights vary by cohort #}
{% if cohort == 'consultants' %}
<table width="100%" cellpadding="0" cellspacing="0" style="margin:0 0 20px;">
<tr><td style="padding:4px 0;color:#555;font-size:0.9rem;">• Monitor 25+ client properties with daily brief emails</td></tr>
<tr><td style="padding:4px 0;color:#555;font-size:0.9rem;">• AI-powered plan set validation (EPR compliance)</td></tr>
<tr><td style="padding:4px 0;color:#555;font-size:0.9rem;">• Instant permit history and risk assessment</td></tr>
<tr><td style="padding:4px 0;color:#555;font-size:0.9rem;">• Network intelligence (contractor performance, recommendations)</td></tr>
</table>
{% elif cohort == 'testers' %}
<table width="100%" cellpadding="0" cellspacing="0" style="margin:0 0 20px;">
<tr><td style="padding:4px 0;color:#555;font-size:0.9rem;">✓ Instant permit history lookup for any SF address</td></tr>
<tr><td style="padding:4px 0;color:#555;font-size:0.9rem;">✓ Daily monitoring and alerts for tracked properties</td></tr>
<tr><td style="padding:4px 0;color:#555;font-size:0.9rem;">✓ AI-powered plan set analysis and compliance checking</td></tr>
<tr><td style="padding:4px 0;color:#555;font-size:0.9rem;">✓ Risk assessment and contractor track records</td></tr>
</table>
{% endif %}
<p style="color:#555;font-size:0.95rem;line-height:1.6;margin:0 0 8px;">
Your invite code:
</p>
<div style="background:#1a1d27;color:#4f8ff7;font-family:monospace;font-size:1.1rem;padding:14px 20px;border-radius:8px;text-align:center;margin:0 0 24px;letter-spacing:0.5px;">
{{ invite_code }}
</div>
<p style="color:#555;font-size:0.95rem;line-height:1.6;margin:0 0 24px;">
Click below to sign up. You'll need the code above when creating your account.
</p>
<!-- CTA Button -->
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td align="center">
<a href="{{ base_url }}/auth/login" style="display:inline-block;background:#4f8ff7;color:#ffffff;font-weight:600;text-decoration:none;padding:14px 32px;border-radius:8px;font-size:1rem;">
Sign up for sfpermits.ai
</a>
</td></tr>
</table>
</td>
</tr>
<!-- Footer -->
<tr>
<td style="padding:20px 32px;border-top:1px solid #eee;text-align:center;">
<p style="color:#999;font-size:0.8rem;margin:0;">
SF permit analysis for professionals •
<a href="{{ base_url }}" style="color:#4f8ff7;text-decoration:none;">sfpermits.ai</a>
</p>
</td>
</tr>
</table>
</td></tr>
</table>
</body>
</html>
