<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Joint Wellness</title>
</head>
<body style="margin:0;padding:0;background:#edf2f7;font-family:Arial,Helvetica,sans-serif;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background:#edf2f7;padding:30px 10px;">
<tr>
<td align="center">
<table width="640" cellpadding="0" cellspacing="0" border="0"
style="max-width:640px;background:#ffffff;border-radius:22px;overflow:hidden;box-shadow:0 10px 35px rgba(0,0,0,0.08);">
<!-- TOP BAR -->
<tr>
<td style="background:#0f172a;padding:14px 30px;text-align:center;">
<span style="
color:#cbd5e1;
font-size:13px;
letter-spacing:.6px;
font-weight:bold;">
WELLNESS & MOBILITY UPDATE
</span>
</td>
</tr>
<!-- HERO -->
<tr>
<td style="
background:url('https://images.unsplash.com/photo-1512678080530-7760d81faba6?auto=format&fit=crop&w=1400&q=80') center/cover no-repeat;
padding:70px 45px;
text-align:center;">
<div style="
background:rgba(15,23,42,.75);
padding:35px;
border-radius:20px;">
<h1 style="
margin:0;
font-size:34px;
line-height:1.3;
color:#ffffff;
font-weight:700;">
Support Comfortable Joint Movement Naturally
</h1>
<p style="
margin:22px 0 0;
font-size:18px;
line-height:1.7;
color:#e2e8f0;">
Discover a wellness-focused approach designed to support mobility,
flexibility and everyday comfort.
</p>
</div>
</td>
</tr>
<!-- CONTENT -->
<tr>
<td style="padding:45px 42px 20px;">
<p style="
font-size:18px;
line-height:1.8;
color:#4b5563;
margin-top:0;">
Daily stiffness and discomfort can make even simple activities feel frustrating.
</p>
<p style="
font-size:18px;
line-height:1.8;
color:#4b5563;">
Many people are exploring gentle wellness routines that may support movement,
flexibility and overall joint comfort.
</p>
<!-- HIGHLIGHT BOX -->
<table width="100%" cellpadding="0" cellspacing="0" border="0"
style="
background:#f8fafc;
border-left:5px solid #2563eb;
border-radius:14px;
margin:28px 0;">
<tr>
<td style="padding:24px;font-size:17px;line-height:1.7;color:#334155;">
Explore a simple wellness guide inspired by natural mobility support practices.
</td>
</tr>
</table>
<!-- CTA -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" style="padding:10px 0 5px;">
<a href="https://storage.googleapis.com/corestrengthjointhealthtoday/lis"
style="
background:#2563eb;
color:#ffffff;
text-decoration:none;
padding:18px 34px;
font-size:18px;
font-weight:bold;
border-radius:14px;
display:inline-block;">
Explore The Wellness Guide →
</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- VIDEO PREVIEW -->
<tr>
<td style="padding:15px 42px 42px;">
<a href="https://storage.googleapis.com/corestrengthjointhealthtoday/lis"
style="text-decoration:none;">
<div style="
position:relative;
border-radius:20px;
overflow:hidden;">
<img src="https://images.unsplash.com/photo-1518611012118-696072aa579a?auto=format&fit=crop&w=1200&q=80"
width="100%"
style="display:block;border-radius:20px;"
alt="Joint wellness video preview">
<!-- PLAY BUTTON -->
<div style="
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:88px;
height:88px;
background:rgba(255,255,255,.92);
border-radius:50%;
text-align:center;
line-height:88px;
font-size:34px;
color:#2563eb;
font-weight:bold;">
▶
</div>
</div>
</a>
</td>
</tr>
<!-- FOOTER -->
<tr>
<td style="
border-top:1px solid #e5e7eb;
padding:30px;
text-align:center;
font-size:12px;
line-height:1.8;
color:#6b7280;">
You received this email because you subscribed to wellness-related updates.
<br><br>
<a href="https://storage.googleapis.com/corestrengthjointhealthnowunsb/lis"
style="color:#6b7280;text-decoration:none;">
Unsubscribe
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>