<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"></head>
<body style="margin:0;padding:0;background:#0a0e1a;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#f0f4ff;">
<table width="100%" cellpadding="0" cellspacing="0" style="background:#0a0e1a;padding:40px 0;">
<tr><td align="center">
<table width="560" cellpadding="0" cellspacing="0" style="background:#10182c;border-radius:8px;overflow:hidden;border:1px solid #1e2a3a;">
<!-- Header -->
<tr>
<td style="background:#0a0e1a;padding:24px 32px;text-align:center;border-bottom:1px solid #1e2a3a;">
<span style="font-size:1.4rem;font-weight:700;color:#00d4c8;">sfpermits</span><span style="font-size:1.4rem;color:#8899aa;">.ai</span>
</td>
</tr>
<!-- Body -->
<tr>
<td style="padding:32px;">
{% if cohort == 'consultants' %}
<h1 style="font-size:1.3rem;color:#f0f4ff;margin:0 0 16px;">You're invited to join our professional network</h1>
<p style="color:#8899aa;font-size:0.95rem;line-height:1.6;margin:0 0 20px;">
{{ sender_name or "Someone" }} has invited you to
<strong style="color:#f0f4ff;">sfpermits.ai</strong> — a professional platform for land use consultants, architects, and contractors.
</p>
{% elif cohort == 'testers' %}
<h1 style="font-size:1.3rem;color:#f0f4ff;margin:0 0 16px;">You're invited to beta test sfpermits.ai</h1>
<p style="color:#8899aa;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 style="color:#f0f4ff;">sfpermits.ai</strong> — a comprehensive SF building permit intelligence platform.
</p>
{% else %}
<h1 style="font-size:1.3rem;color:#f0f4ff;margin:0 0 16px;">You're invited!</h1>
<p style="color:#8899aa;font-size:0.95rem;line-height:1.6;margin:0 0 20px;">
{{ sender_name or "Someone" }} has invited you to
<strong style="color:#f0f4ff;">sfpermits.ai</strong> — a permit intelligence tool for
SF building professionals.
</p>
{% endif %}
{% if message %}
<p style="color:#8899aa;font-size:0.95rem;line-height:1.6;margin:0 0 20px;padding:12px 16px;background:#0a0e1a;border-left:3px solid #00d4c8;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:#8899aa;font-size:0.9rem;">• Monitor 25+ client properties with daily brief emails</td></tr>
<tr><td style="padding:4px 0;color:#8899aa;font-size:0.9rem;">• AI-powered plan set validation (EPR compliance)</td></tr>
<tr><td style="padding:4px 0;color:#8899aa;font-size:0.9rem;">• Instant permit history and risk assessment</td></tr>
<tr><td style="padding:4px 0;color:#8899aa;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:#8899aa;font-size:0.9rem;">✓ Instant permit history lookup for any SF address</td></tr>
<tr><td style="padding:4px 0;color:#8899aa;font-size:0.9rem;">✓ Daily monitoring and alerts for tracked properties</td></tr>
<tr><td style="padding:4px 0;color:#8899aa;font-size:0.9rem;">✓ AI-powered plan set analysis and compliance checking</td></tr>
<tr><td style="padding:4px 0;color:#8899aa;font-size:0.9rem;">✓ Risk assessment and contractor track records</td></tr>
</table>
{% endif %}
<p style="color:#8899aa;font-size:0.95rem;line-height:1.6;margin:0 0 8px;">
Your invite code:
</p>
<div style="background:#0a0e1a;color:#00d4c8;font-family:monospace;font-size:1.1rem;padding:14px 20px;border-radius:8px;text-align:center;margin:0 0 24px;letter-spacing:0.5px;border:1px solid #1e2a3a;">
{{ invite_code }}
</div>
<p style="color:#8899aa;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:#00d4c8;color:#0a0e1a;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 #1e2a3a;text-align:center;background:#0a0e1a;">
<p style="color:#8899aa;font-size:0.8rem;margin:0;">
SF permit analysis for professionals •
<a href="{{ base_url }}" style="color:#00d4c8;text-decoration:none;">sfpermits.ai</a>
</p>
</td>
</tr>
</table>
</td></tr>
</table>
</body>
</html>
