Your job search ends here
Meet Jaiden™, a CRM and ecommerce designer focused on building thoughtful, production-ready experiences.
Less fixing things after launch. More shipping things that work.
Proactive and problem-solving
Jaiden™ doesn’t need his hand to be held (but he will still hold your hand if you want it).
He crafts his own ideas and solves problems before you know about them.
Just look at how Jaiden™ created brand new product images.
Storytelling for customers, not clicks
Jaiden™ understands that storytelling isn’t just about the copy.
It’s hierarchy, pacing, visuals, and knowing what the user sees first, second, and never.
You’re actually in a storytelling experience right now.
Built to work inside real CRM tools
Layouts are built for Braze, not retrofitted for it. Text actually exists and isn’t flattened into an image, dark mode happens, and layouts are built to be scanned.
How can Jaiden™ help you?
Designing
Figma for layout, Photoshop for edits, Illustrator for illustrating
Coding
Clean HTML and CSS built to survive mobile and desktop
Emailing
CRM emails built with deliverability, scannability, and real inbox behavior in mind
Shoooow me the money emails
Paired is created for busy couples. Because of that, Jaiden™ doesn’t believe their emails should be long and drawn out.
Which is why you will find a 4 real campaigns below, instead of cramming everything into one.
<!doctype html>
<html lang="en" dir="auto" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<title>Something new is coming</title>
<!--[if !mso]><!-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
#outlook a { padding:0; }
body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
p { display:block;margin:13px 0; }
</style>
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<![endif]-->
<!--[if lte mso 11]>
<style type="text/css">
.h { width:100% !important; }
</style>
<![endif]-->
<!--[if !mso]><!-->
<link href="https://fonts.googleapis.com/css?family=Gabarito:700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Kantumruy Pro:400" rel="stylesheet" type="text/css">
<!--<![endif]-->
<style type="text/css">
@media only screen and (min-width:599px) {
.o { width:100% !important; max-width: 100%; }
.k { width:536px !important; max-width: 536px; }
.c { width:600px !important; max-width: 600px; }
.e { width:512px !important; max-width: 512px; }
}
</style>
<style media="screen and (min-width:599px)">
.moz-text-html .o { width:100% !important; max-width: 100%; }
.moz-text-html .k { width:536px !important; max-width: 536px; }
.moz-text-html .c { width:600px !important; max-width: 600px; }
.moz-text-html .e { width:512px !important; max-width: 512px; }
</style>
<style type="text/css">
@media only screen and (max-width:598px) {
table.m { width: 100% !important; }
td.m { width: auto !important; }
}
</style>
<style type="text/css">
body {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
}
[data-markjs] { color: inherit; padding: 0; background: none; }
#MessageViewBody a {
color: inherit !important;
text-decoration: none!important;
}
[x-apple-data-detectors-type="calendar-event"] { color: inherit !important; -webkit-text-decoration-color: inherit !important; }
u + .emailify a[href^="tel:"],
u + .emailify a[href^="mailto:"],
u + .emailify a[href*="maps.google"] {
color: inherit !important;
text-decoration: none !important;
}div.w { font-size: 0; }
@media only screen and (max-width:599px) {
.emailify { height:100% !important; margin:0 !important; padding:0 !important; width:100% !important; }
.m img { width: 100%!important; max-width: 100%!important; height: auto!important; }
div.r > table > tbody > tr > td { direction: ltr!important; }
img { background-color: transparent!important; }
div.r.d > table > tbody > tr > td, div.r.d > div > table > tbody > tr > td { padding-right:24px!important }
div.r.xr > table > tbody > tr > td, div.r.xr > div > table > tbody > tr > td { padding-left:24px!important }
td.x.xr2 span, td.x.xr2 p, td.x.xr2 a, td.x.xr2 ol, td.x.xr2 ul, td.x.xr2 div, td.x.xr2 { font-size:36px!important }
td.x.v span, td.x.v p, td.x.v a, td.x.v ol, td.x.v ul, td.x.v div, td.x.v { font-size:16px!important }
div.r.cw > table > tbody > tr > td, div.r.cw > div > table > tbody > tr > td { padding-top:12px!important }
div.r.ke > table > tbody > tr > td, div.r.ke > div > table > tbody > tr > td { padding-bottom:12px!important }
}
@media (prefers-color-scheme: dark) {div.r.s, div.r.s > table { background-color:#DCC2F9!important; }
div.r.i, div.r.i > table { background-color:#332669!important; }
div.r.y * { color:#FFFFFE!important }
}
</style>
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
<meta name="x-apple-disable-message-reformatting">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<!--[if gte mso 9]>
<style>
a:link {
mso-style-priority: 99;
color: inherit;
text-decoration: none;
}
a:visited {
mso-style-priority: 99;
color: inherit;
text-decoration: none;
}
li { margin-left: -1em !important }
table, td, p, div, span, ul, ol, li, a, h1, h2, h3, h4, h5, h6 {
mso-hyphenate: none;
}
sup, sub { font-size: 100% !important; }
img { background-color: transparent !important; }
</style>
<![endif]-->
</head>
<body lang="en" link="#2C6FF2" vlink="#2C6FF2" class="emailify" style="mso-line-height-rule: exactly; mso-hyphenate: none; word-wrap: normal; word-spacing: normal; background-color: #1e1e1e;">
<div style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">It's simple and screen-free</div>
<div style="background-color:#1e1e1e;" lang="en" dir="auto">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r s" style="background:#dcc2f9;background-color:#dcc2f9;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#dcc2f9;background-color:#dcc2f9;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;padding:0;text-align:center;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;"><![endif]-->
<div class="o h w" style="font-size:0;line-height:0;text-align:left;display:inline-block;width:100%;direction:ltr;">
<!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation"><tr><td style="vertical-align:top;width:600px;"><![endif]-->
<div class="o h" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:top;" width="100%">
<tbody>
<tr>
<td align="left" style="font-size:0;padding:0;padding-bottom:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0;" class="m">
<tbody>
<tr>
<td style="width:600px;" class="m">
<img decoding="async" alt src="img/eafc343444f9d31759a3590f867fd5c1.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="left" style="font-size:0;padding:0;padding-bottom:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0;" class="m">
<tbody>
<tr>
<td style="width:600px;" class="m">
<img decoding="async" alt src="img/697733c4d5f2d0a1971705cbd8b042f8.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r d xr i y" style="background:#fffffe;background-color:#fffffe;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fffffe;background-color:#fffffe;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;padding:16px 32px 32px 32px;text-align:center;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:middle;width:536px;"><![endif]-->
<div class="k h" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:middle;" width="100%">
<tbody>
<tr>
<td align="center" class="x xr2" style="font-size:0;padding-bottom:24px;word-break:break-word;">
<div style="font-family:'Gabarito', 'Arial Black', sans-serif;font-size:70px;font-weight:700;line-height:100%;text-align:center;color:#332669;"><p style="Margin:0;mso-line-height-alt:70px;font-size:70px;line-height:100%;">Something new is coming</p></div>
</td>
</tr>
<tr>
<td align="center" class="x v" style="font-size:0;word-break:break-word;">
<div style="font-family:'Kantumruy Pro', 'Arial', sans-serif;font-size:26px;font-weight:400;line-height:150%;text-align:center;color:#332669;"><p style="Margin:0;mso-line-height-alt:39px;font-size:26px;line-height:150%;">Strong relationships are built on small moments of appreciation, but those moments are easy to miss in everyday life.</p><p style="Margin:0;mso-line-height-alt:39px;font-size:26px;line-height:150%;"> </p><p style="Margin:0;mso-line-height-alt:39px;font-size:26px;line-height:150%;">We’ve been working on something simple and screen-free that helps make appreciation easier to express and easier to notice.</p><p style="Margin:0;mso-line-height-alt:39px;font-size:26px;line-height:150%;"> </p><p style="Margin:0;mso-line-height-alt:39px;font-size:26px;line-height:150%;">More soon.</p></div>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r i" style="background:#fffffe;background-color:#fffffe;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fffffe;background-color:#fffffe;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;padding:0;text-align:left;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:middle;width:600px;"><![endif]-->
<div class="c h" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:middle;" width="100%">
<tbody>
<tr>
<td align="center" style="font-size:0;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0;" class="m">
<tbody>
<tr>
<td style="width:600px;" class="m">
<img decoding="async" alt src="img/8483b3bf45c9fc5a3c39615230b80821.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r cw d ke xr s" style="background:#dcc2f9;background-color:#dcc2f9;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#dcc2f9;background-color:#dcc2f9;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;padding:44px 44px 44px 44px;text-align:left;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:middle;width:512px;"><![endif]-->
<div class="e h" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:middle;" width="100%">
<tbody>
<tr>
<td align="center" style="font-size:0;padding:0;padding-bottom:36px;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0;">
<tbody>
<tr>
<td style="width:38px;">
<img decoding="async" alt src="img/27a5b18b920bb4eba534e36434da9647.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="38">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center" style="font-size:0;padding:0;padding-bottom:36px;word-break:break-word;">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"><tr><td><![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr>
<td style="padding:0 16px 0 0;vertical-align:middle;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:120px;">
<tbody>
<tr>
<td style="font-size:0;height:40px;vertical-align:middle;width:120px;">
<a href="https://apps.apple.com/us/app/paired-couples-relationship/id1469609343" target="_blank">
<img loading="lazy" decoding="async" alt="Apple" height="40" src="img/349b33e46e8de1d83a387b3d723aece0.png" style="display:block;" width="120">
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso | IE]></td><td><![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr>
<td style="padding:0;padding-right:0;vertical-align:middle;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:136px;">
<tbody>
<tr>
<td style="font-size:0;height:40px;vertical-align:middle;width:136px;">
<a href="https://play.google.com/store/apps/details?id=com.getpaired.app&hl=en" target="_blank">
<img loading="lazy" decoding="async" alt="Google" height="40" src="img/11b795af0812282f7bf827814b87df6d.png" style="display:block;" width="136">
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
<tr>
<td align="center" style="font-size:0;padding:0;padding-bottom:36px;word-break:break-word;">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"><tr><td><![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr>
<td style="padding:0 16px 0 0;vertical-align:middle;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:24px;">
<tbody>
<tr>
<td style="font-size:0;height:24px;vertical-align:middle;width:24px;">
<a href="https://www.instagram.com/pairedApp/" target="_blank">
<img loading="lazy" decoding="async" alt="Instagram" height="24" src="img/415cd77fa3cf312bf25cebf108c8f383.png" style="display:block;" width="24">
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso | IE]></td><td><![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr>
<td style="padding:0 16px 0 0;vertical-align:middle;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:24px;">
<tbody>
<tr>
<td style="font-size:0;height:24px;vertical-align:middle;width:24px;">
<a href="https://www.tiktok.com/@pairedapp" target="_blank">
<img loading="lazy" decoding="async" alt="tiktok" height="24" src="img/50a1c4bad7f0f36819670e3a8e6d9d05.png" style="display:block;" width="24">
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso | IE]></td><td><![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr>
<td style="padding:0;padding-right:0;vertical-align:middle;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:24px;">
<tbody>
<tr>
<td style="font-size:0;height:24px;vertical-align:middle;width:24px;">
<a href="https://www.youtube.com/@pairedapp" target="_blank">
<img loading="lazy" decoding="async" alt="YouTube" height="24" src="img/11127d9142cf36e47c5ef6d2eb9be41b.png" style="display:block;" width="24">
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
<tr>
<td align="center" class="x" style="font-size:0;padding-bottom:36px;word-break:break-word;">
<div style="font-family:'Kantumruy Pro', 'Arial', sans-serif;font-size:13px;font-weight:400;line-height:154%;text-align:center;color:#332669;"><p style="Margin:0;mso-line-height-alt:20px;font-size:13px;line-height:154%;">You received this email because you are a registered member of Paired.</p><p style="Margin:0;mso-line-height-alt:20px;font-size:13px;line-height:154%;"> </p><p style="Margin:0;mso-line-height-alt:20px;font-size:13px;line-height:154%;">Update your preferences here.</p></div>
</td>
</tr>
<tr>
<td align="center" style="font-size:0;padding:0;word-break:break-word;">
<p style="border-top:solid 1px #cccccc;font-size:1px;margin:0px auto;width:100%;">
</p>
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #cccccc;font-size:1px;margin:0px auto;width:512px;" role="presentation" width="512px"><tr><td style="height:0;line-height:0;">
</td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</div>
</body>
</html>
<!doctype html>
<html lang="en" dir="auto" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<title>Meet Note to You</title>
<!--[if !mso]><!-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
#outlook a { padding:0; }
body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; display:block; }
p { display:block;margin:13px 0; }
</style>
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<![endif]-->
<!--[if lte mso 11]>
<style type="text/css">
.hj { width:100% !important; }
</style>
<![endif]-->
<!--[if !mso]><!-->
<link href="https://fonts.googleapis.com/css?family=Gabarito:700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Kantumruy Pro:600,400" rel="stylesheet" type="text/css">
<!--<![endif]-->
<style type="text/css">
@media only screen and (min-width:599px) {
.o { width:100% !important; max-width: 100%; }
.c2 { width:600px !important; max-width: 600px; }
.k { width:536px !important; max-width: 536px; }
.f { width:9.8592% !important; max-width: 9.8592%; }
.xl { width:61.6196% !important; max-width: 61.6196%; }
.y { width:2.8169% !important; max-width: 2.8169%; }
.s { width:15.8451% !important; max-width: 15.8451%; }
.p { width:568px !important; max-width: 568px; }
.i { width:516px !important; max-width: 516px; }
.e { width:512px !important; max-width: 512px; }
}
</style>
<style media="screen and (min-width:599px)">
.moz-text-html .o { width:100% !important; max-width: 100%; }
.moz-text-html .c2 { width:600px !important; max-width: 600px; }
.moz-text-html .k { width:536px !important; max-width: 536px; }
.moz-text-html .f { width:9.8592% !important; max-width: 9.8592%; }
.moz-text-html .xl { width:61.6196% !important; max-width: 61.6196%; }
.moz-text-html .y { width:2.8169% !important; max-width: 2.8169%; }
.moz-text-html .s { width:15.8451% !important; max-width: 15.8451%; }
.moz-text-html .p { width:568px !important; max-width: 568px; }
.moz-text-html .i { width:516px !important; max-width: 516px; }
.moz-text-html .e { width:512px !important; max-width: 512px; }
</style>
<style type="text/css">
@media only screen and (max-width:598px) {
table.mq { width: 100% !important; }
td.mq { width: auto !important; }
}
</style>
<style type="text/css">
body {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
}
[data-markjs] { color: inherit; padding: 0; background: none; }
#MessageViewBody a {
color: inherit !important;
text-decoration: none!important;
}
[x-apple-data-detectors-type="calendar-event"] { color: inherit !important; -webkit-text-decoration-color: inherit !important; }
u + .emailify a[href^="tel:"],
u + .emailify a[href^="mailto:"],
u + .emailify a[href*="maps.google"] {
color: inherit !important;
text-decoration: none !important;
}
div.w { font-size: 0; }
@media only screen and (max-width:599px) {
.emailify { height:100% !important; margin:0 !important; padding:0 !important; width:100% !important; }
.mq img { width: 100%!important; max-width: 100%!important; height: auto!important; }
td.b.n > table, td.b.n a { width: auto!important; }
td.b td { background-size: cover!important; }
div.r > table > tbody > tr > td { direction: ltr!important; }
img { background-color: transparent!important; }
div.h.pt-0 > table > tbody > tr > td { padding-top:0px!important }
div.h.ey > table > tbody > tr > td { padding-right:16px!important }
div.h.pb-0 > table > tbody > tr > td { padding-bottom:0px!important }
div.h.ys > table > tbody > tr > td { padding-left:16px!important }
td.x.z span, td.x.z p, td.x.z a, td.x.z ol, td.x.z ul, td.x.z div, td.x.z { font-size:38px!important }
td.b.a > table > tbody > tr > td > a { padding-top:10px!important; }
td.b.ey > table > tbody > tr > td > a { padding-right:16px!important; }
td.b.ic > table > tbody > tr > td > a { padding-bottom:10px!important; }
td.b.ys > table > tbody > tr > td > a { padding-left:16px!important; }
td.b.t a, td.b.t span { font-size:14px!important }
div.r.dx > table > tbody > tr > td, div.r.dx > div > table > tbody > tr > td { padding-right:24px!important }
div.r.r5 > table > tbody > tr > td, div.r.r5 > div > table > tbody > tr > td { padding-bottom:6px!important }
div.r.xr > table > tbody > tr > td, div.r.xr > div > table > tbody > tr > td { padding-left:24px!important }
td.x.t span, td.x.t p, td.x.t a, td.x.t ol, td.x.t ul, td.x.t div, td.x.t { font-size:14px!important }
td.x.v span, td.x.v p, td.x.v a, td.x.v ol, td.x.v ul, td.x.v div, td.x.v { font-size:16px!important }
td.x.rl span, td.x.rl p, td.x.rl a, td.x.rl ol, td.x.rl ul, td.x.rl div, td.x.rl { font-size:12px!important }
div.r.ey > table > tbody > tr > td, div.r.ey > div > table > tbody > tr > td { padding-right:16px!important }
div.r.ys > table > tbody > tr > td, div.r.ys > div > table > tbody > tr > td { padding-left:16px!important }
div.r.pt-0 > table > tbody > tr > td, div.r.pt-0 > div > table > tbody > tr > td { padding-top:0px!important }
div.r.pr-0 > table > tbody > tr > td, div.r.pr-0 > div > table > tbody > tr > td { padding-right:0px!important }
div.r.pb-0 > table > tbody > tr > td, div.r.pb-0 > div > table > tbody > tr > td { padding-bottom:0px!important }
div.r.pl-0 > table > tbody > tr > td, div.r.pl-0 > div > table > tbody > tr > td { padding-left:0px!important }
div.r.a > table > tbody > tr > td, div.r.a > div > table > tbody > tr > td { padding-top:10px!important }
div.r.j > table > tbody > tr > td, div.r.j > div > table > tbody > tr > td { padding-bottom:20px!important }
div.c.i2 > table > tbody > tr > td { padding-top:36px!important }
div.c.ey > table > tbody > tr > td { padding-right:16px!important }
div.c.qk > table > tbody > tr > td { padding-bottom:36px!important }
div.c.ys > table > tbody > tr > td { padding-left:16px!important }
div.c.rp > table > tbody > tr > td.m { padding-bottom:10px!important; }
div.c.rp > table > tbody > tr > td > table > tbody > tr > td.m { padding-bottom:10px!important; }
td.x.wq span, td.x.wq p, td.x.wq a, td.x.wq ol, td.x.wq ul, td.x.wq div, td.x.wq { font-size:53px!important }
div.r.cw > table > tbody > tr > td, div.r.cw > div > table > tbody > tr > td { padding-top:12px!important }
div.r.qk > table > tbody > tr > td, div.r.qk > div > table > tbody > tr > td { padding-bottom:36px!important }
}
@media (prefers-color-scheme: dark) {
div.r.y0, div.r.y0 > table { background-color:#F9F4FB!important; }
div.r.su, div.r.su > table { background-color:#DCC2F9!important; }
}
</style>
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
<meta name="x-apple-disable-message-reformatting">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<!--[if gte mso 9]>
<style>
a:link { mso-style-priority: 99; color: inherit; text-decoration: none; }
a:visited { mso-style-priority: 99; color: inherit; text-decoration: none; }
li { margin-left: -1em !important }
table, td, p, div, span, ul, ol, li, a, h1, h2, h3, h4, h5, h6 { mso-hyphenate: none; }
sup, sub { font-size: 100% !important; }
img { background-color: transparent !important; }
</style>
<![endif]-->
<!--[if mso]>
<style>
.co { background: transparent !important; background-color: transparent !important; mso-padding-alt: 0px !important; padding: 0px !important; border: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-left: 0px !important; }
</style>
<![endif]-->
<!--[if mso]><!-- -->
<style>
.sq > table > tbody > tr > td { border-collapse: collapse; }
</style>
<!--<![endif]-->
</head>
<body lang="en" link="#ffffff" vlink="#ffffff" class="emailify" style="mso-line-height-rule: exactly; mso-hyphenate: none; word-wrap: normal; word-spacing: normal; background-color: #1e1e1e;">
<div style="background-color:#1e1e1e;" lang="en" dir="auto">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r" style="background:#332669;background-color:#332669;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#332669;background-color:#332669;width:100%;">
<tbody>
<tr>
<!-- seam fix: apply bg + kill line-height -->
<td style="border:none;direction:ltr;font-size:0;line-height:0;mso-line-height-rule:exactly;padding:16px 16px 16px 16px;text-align:left;background-color:#332669;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="width:568px;"><![endif]-->
<div class="o hj w" style="font-size:0;line-height:0;text-align:left;display:inline-block;width:100%;direction:ltr;">
<!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation"><tr><td style="vertical-align:middle;width:568px;"><![endif]-->
<div class="o hj c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:middle;" width="100%">
<tbody>
<tr>
<td align="center" style="font-size:0;line-height:0;mso-line-height-rule:exactly;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0;">
<tbody>
<tr>
<td style="width:92px;line-height:0;mso-line-height-rule:exactly;">
<img decoding="async" alt="" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/b942706bdbd634edf4a1c0e229af4f94.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="92">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600" bgcolor="#8c50fb"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div style="background:#8c50fb;background-color:#8c50fb;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#8c50fb;background-color:#8c50fb;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;line-height:0;mso-line-height-rule:exactly;padding:0;text-align:center;background-color:#8c50fb;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td width="600px"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r" style="background:#8c50fb;background-color:#8c50fb;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#8c50fb;background-color:#8c50fb;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;line-height:0;mso-line-height-rule:exactly;padding:0;text-align:center;background-color:#8c50fb;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:middle;width:600px;"><![endif]-->
<div class="c2 hj c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:middle;" width="100%">
<tbody>
<tr>
<td align="center" style="font-size:0;line-height:0;mso-line-height-rule:exactly;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0;" class="mq">
<tbody>
<tr>
<td style="width:600px;line-height:0;mso-line-height-rule:exactly;" class="mq">
<img decoding="async" alt="Gif of two hands, passing each other a love note and then doing a heart hand gesture" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/12c41b7799dd26b7d233444126624247.gif" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><v:image style="border:0;height:240px;mso-position-horizontal:center;position:absolute;top:0;width:600px;z-index:-3;" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/17806d259a38ee38b93362b96d0e4fcb.jpg" xmlns:v="urn:schemas-microsoft-com:vml" /><v:rect style="border:0;height:240px;mso-position-horizontal:center;position:absolute;top:0;width:600px;z-index:-4;" fillcolor="#8c50fb" stroke="false" strokecolor="none" strokeweight="0" xmlns:v="urn:schemas-microsoft-com:vml" /><![endif]-->
<div class="h pt-0 ey pb-0 ys" style="margin:0 auto;max-width:600px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
<tbody>
<tr style="vertical-align:top;">
<!-- seam fix: add line-height 0 + bg -->
<td background="https://pairedwithjaiden.com/wp-content/uploads/2026/02/17806d259a38ee38b93362b96d0e4fcb.jpg"
style="background:#8c50fb url('https://pairedwithjaiden.com/wp-content/uploads/2026/02/17806d259a38ee38b93362b96d0e4fcb.jpg') no-repeat center center / cover;
background-size: cover;background-position:center center;background-repeat:no-repeat;
padding:16px 16px 16px 16px;vertical-align:middle;height:208px;
font-size:0;line-height:0;mso-line-height-rule:exactly;background-color:#8c50fb;"
height="208">
<!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" style="width:600px;" width="600"><tr><td style="padding-top:0;padding-left:16px;padding-right:16px;padding-bottom:0;"><![endif]-->
<div style="margin:0px auto;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;margin:0;">
<tbody>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;margin:0;">
<tbody>
<tr>
<td align="center" class="x z m" style="font-size:0;padding-bottom:18px;word-break:break-word;line-height:0;mso-line-height-rule:exactly;">
<div style="font-family:'Gabarito', 'Arial Black', sans-serif;font-size:70px;font-weight:700;line-height:100%;text-align:center;color:#ffffff;">
<p style="Margin:0;mso-line-height-alt:70px;font-size:70px;line-height:100%;"><span style="letter-spacing:0.7px;">Meet the new “note to you”</span></p>
</div>
</td>
</tr>
<tr>
<td align="center" class="b n a ey ic ys t" style="font-size:0;padding:0;padding-bottom:0;word-break:break-word;line-height:0;mso-line-height-rule:exactly;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;width:189px;line-height:100%;">
<tbody>
<tr>
<td align="center" bgcolor="#fffffe" class="co" role="presentation" style="background:#fffffe;border:none;border-radius:90px 90px 90px 90px;cursor:auto;mso-padding-alt:20px 0px 20px 0px;vertical-align:middle;" valign="middle">
<!--[if mso]><v:roundrect style="width:187px;height:64px;v-text-anchor:middle;" arcsize="100%" fill="t" stroke="f" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"><w:anchorlock/><v:fill type="solid" color="#fffffe" /><v:textbox inset="0,0,0,0"><center><![endif]-->
<a href="https://store.paired.com/collections/all/products/note-to-you" class="co" style="display:inline-block;width:189px;background-color:#fffffe;color:#ffffff;font-family:'Kantumruy Pro', 'Arial', sans-serif;font-size:13px;font-weight:normal;line-height:100%;margin:0;text-decoration:none;text-transform:none;padding:20px 0px 20px 0px;mso-padding-alt:0;border-radius:90px 90px 90px 90px;" target="_blank">
<span style="font-size:20px;font-family:'Kantumruy Pro', 'Arial', sans-serif;font-weight:600;color:#8c50fb;line-height:120%;mso-line-height-alt:24px;">Start writing</span>
</a>
<!--[if mso]></center></v:textbox></v:roundrect><![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!-- White product image -->
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r" style="background:#fffffe;background-color:#fffffe;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fffffe;background-color:#fffffe;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;line-height:0;mso-line-height-rule:exactly;padding:0;text-align:center;background-color:#fffffe;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:middle;width:600px;"><![endif]-->
<div class="c2 hj c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:middle;" width="100%">
<tbody>
<tr>
<td align="center" style="font-size:0;line-height:0;mso-line-height-rule:exactly;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0;" class="mq">
<tbody>
<tr>
<td style="width:600px;line-height:0;mso-line-height-rule:exactly;" class="mq">
<img decoding="async" alt="Image of Paired's Note To You product" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/912f0615e22d33e9a61ad258b4a12497.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!-- White description -->
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r dx r5 xr" style="background:#fffffe;background-color:#fffffe;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fffffe;background-color:#fffffe;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;line-height:0;mso-line-height-rule:exactly;padding:8px 32px 32px 32px;text-align:center;background-color:#fffffe;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:middle;width:536px;"><![endif]-->
<div class="k hj c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:middle;" width="100%">
<tbody>
<tr>
<td align="center" class="x t" style="font-size:0;word-break:break-word;">
<div style="font-family:'Kantumruy Pro', 'Arial', sans-serif;font-size:26px;font-weight:400;line-height:138%;text-align:center;color:#332669;">
<p style="Margin:0;mso-line-height-alt:36px;font-size:26px;line-height:138%;"><span style="letter-spacing:0.78px;">A beautifully designed wooden stand paired with 52 thoughtful prompts, created to help couples express appreciation in small, meaningful ways.</span></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!-- White icon -->
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r" style="background:#fffffe;background-color:#fffffe;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fffffe;background-color:#fffffe;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;line-height:0;mso-line-height-rule:exactly;padding:16px 16px 16px 16px;text-align:left;background-color:#fffffe;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="width:568px;"><![endif]-->
<div class="o hj w" style="font-size:0;line-height:0;text-align:left;display:inline-block;width:100%;direction:ltr;">
<!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation"><tr><td style="vertical-align:middle;width:568px;"><![endif]-->
<div class="o hj c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:middle;" width="100%">
<tbody>
<tr>
<td align="center" style="font-size:0;line-height:0;mso-line-height-rule:exactly;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0;">
<tbody>
<tr>
<td style="width:74px;line-height:0;mso-line-height-rule:exactly;">
<img decoding="async" alt="" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/a11cecbad84377b96c5104c5b48a1408.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="74">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!-- Feature 1 -->
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r" style="background:#fffffe;background-color:#fffffe;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fffffe;background-color:#fffffe;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;line-height:0;mso-line-height-rule:exactly;padding:10px 16px 10px 16px;text-align:center;background-color:#fffffe;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="width:568px;"><![endif]-->
<div class="o hj w" style="font-size:0;line-height:0;text-align:left;display:inline-block;width:100%;direction:ltr;">
<!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation"><tr><td style="vertical-align:top;width:56px;"><![endif]-->
<div class="f hj" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:9.8592%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"><tbody><tr><td style="vertical-align:top;padding:0;"></td></tr></tbody></table>
</div>
<!--[if mso | IE]></td><td style="vertical-align:middle;width:349px;"><![endif]-->
<div class="xl hj m c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:61.6196%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"><tbody><tr>
<td style="border:none;vertical-align:middle;padding:8px 8px 8px 8px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"><tbody>
<tr>
<td align="center" class="x v m" style="font-size:0;padding-bottom:8px;word-break:break-word;">
<div style="font-family:'Gabarito', 'Arial Black', sans-serif;font-size:25px;font-weight:700;line-height:128%;text-align:center;color:#332669;"><p style="Margin:0;mso-line-height-alt:32px;font-size:25px;line-height:128%;">Write a note</p></div>
</td>
</tr>
<tr>
<td align="center" class="x rl" style="font-size:0;word-break:break-word;">
<div style="font-family:'Kantumruy Pro', 'Arial', sans-serif;font-size:20px;font-weight:400;line-height:130%;text-align:center;color:#332669;"><p style="Margin:0;mso-line-height-alt:26px;font-size:20px;line-height:130%;">Turn a simple thought into something meaningful</p></div>
</td>
</tr>
</tbody></table>
</td>
</tr></tbody></table>
</div>
<!--[if mso | IE]></td><td style="vertical-align:top;width:15px;"><![endif]-->
<div class="y hj" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:2.8169%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"><tbody><tr><td style="vertical-align:top;padding:0;"></td></tr></tbody></table>
</div>
<!--[if mso | IE]></td><td style="vertical-align:middle;width:90px;"><![endif]-->
<div class="s hj c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:15.8451%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:middle;" width="100%">
<tbody><tr>
<td align="left" style="font-size:0;line-height:0;mso-line-height-rule:exactly;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0;">
<tbody><tr>
<td style="width:90px;line-height:0;mso-line-height-rule:exactly;">
<img decoding="async" alt="An illustration of a pen" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/7f480481b9a5a2772b7e3f2a8ebe63ac.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="90">
</td>
</tr></tbody>
</table>
</td>
</tr></tbody>
</table>
</div>
<!--[if mso | IE]></td><td style="vertical-align:top;width:56px;"><![endif]-->
<div class="f hj" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:9.8592%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"><tbody><tr><td style="vertical-align:top;padding:0;"></td></tr></tbody></table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!-- Feature 2 -->
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r" style="background:#fffffe;background-color:#fffffe;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fffffe;background-color:#fffffe;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;line-height:0;mso-line-height-rule:exactly;padding:10px 16px 10px 16px;text-align:center;background-color:#fffffe;">
<!-- (same structure as yours, only seam fixes on image td + outer td) -->
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="width:568px;"><![endif]-->
<div class="o hj w" style="font-size:0;line-height:0;text-align:left;display:inline-block;width:100%;direction:ltr;">
<div class="f hj" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:9.8592%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"><tbody><tr><td style="vertical-align:top;padding:0;"></td></tr></tbody></table>
</div>
<div class="s hj m c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:15.8451%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:middle;" width="100%">
<tbody><tr>
<td align="left" style="font-size:0;line-height:0;mso-line-height-rule:exactly;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0;">
<tbody><tr>
<td style="width:90px;line-height:0;mso-line-height-rule:exactly;">
<img decoding="async" alt="An illustration of a book with reading glasses and love hearts" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/ded4f07fa90e21aa904d0babf5481b18.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="90">
</td>
</tr></tbody>
</table>
</td>
</tr></tbody>
</table>
</div>
<div class="y hj" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:2.8169%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"><tbody><tr><td style="vertical-align:top;padding:0;"></td></tr></tbody></table>
</div>
<div class="xl hj c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:61.6196%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"><tbody><tr>
<td style="border:none;vertical-align:middle;padding:8px 8px 8px 8px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"><tbody>
<tr>
<td align="center" class="x v m" style="font-size:0;padding-bottom:8px;word-break:break-word;">
<div style="font-family:'Gabarito', 'Arial Black', sans-serif;font-size:25px;font-weight:700;line-height:128%;text-align:center;color:#332669;"><p style="Margin:0;mso-line-height-alt:32px;font-size:25px;line-height:128%;">Display it</p></div>
</td>
</tr>
<tr>
<td align="center" class="x rl" style="font-size:0;word-break:break-word;">
<div style="font-family:'Kantumruy Pro', 'Arial', sans-serif;font-size:20px;font-weight:400;line-height:130%;text-align:center;color:#332669;"><p style="Margin:0;mso-line-height-alt:26px;font-size:20px;line-height:130%;">A daily reminder that doesn’t get lost or forgotten</p></div>
</td>
</tr>
</tbody></table>
</td>
</tr></tbody></table>
</div>
<div class="f hj" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:9.8592%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"><tbody><tr><td style="vertical-align:top;padding:0;"></td></tr></tbody></table>
</div>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!-- Feature 3 -->
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r" style="background:#fffffe;background-color:#fffffe;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fffffe;background-color:#fffffe;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;line-height:0;mso-line-height-rule:exactly;padding:10px 16px 10px 16px;text-align:center;background-color:#fffffe;">
<!-- your original content, seam fixes on image td -->
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="width:568px;"><![endif]-->
<div class="o hj w" style="font-size:0;line-height:0;text-align:left;display:inline-block;width:100%;direction:ltr;">
<div class="f hj" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:9.8592%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"><tbody><tr><td style="vertical-align:top;padding:0;"></td></tr></tbody></table>
</div>
<div class="xl hj m c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:61.6196%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"><tbody><tr>
<td style="border:none;vertical-align:middle;padding:8px 8px 8px 8px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"><tbody>
<tr>
<td align="center" class="x v m" style="font-size:0;padding-bottom:8px;word-break:break-word;">
<div style="font-family:'Gabarito', 'Arial Black', sans-serif;font-size:25px;font-weight:700;line-height:128%;text-align:center;color:#332669;"><p style="Margin:0;mso-line-height-alt:32px;font-size:25px;line-height:128%;">Let your love live</p></div>
</td>
</tr>
<tr>
<td align="center" class="x rl" style="font-size:0;word-break:break-word;">
<div style="font-family:'Kantumruy Pro', 'Arial', sans-serif;font-size:20px;font-weight:400;line-height:130%;text-align:center;color:#332669;"><p style="Margin:0;mso-line-height-alt:26px;font-size:20px;line-height:130%;">Keep appreciation visible in your everyday space</p></div>
</td>
</tr>
</tbody></table>
</td>
</tr></tbody></table>
</div>
<div class="y hj" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:2.8169%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"><tbody><tr><td style="vertical-align:top;padding:0;"></td></tr></tbody></table>
</div>
<div class="s hj c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:15.8451%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:middle;" width="100%">
<tbody><tr>
<td align="left" style="font-size:0;line-height:0;mso-line-height-rule:exactly;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0;">
<tbody><tr>
<td style="width:90px;line-height:0;mso-line-height-rule:exactly;">
<img decoding="async" alt="An illustration of a heart icon, made up of four different colored jigsaw pieces" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/f5ac40cd020286597090e80b3179546c.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="90">
</td>
</tr></tbody>
</table>
</td>
</tr></tbody>
</table>
</div>
<div class="f hj" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:9.8592%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"><tbody><tr><td style="vertical-align:top;padding:0;"></td></tr></tbody></table>
</div>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!-- CTA button section -->
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r ey ys" style="background:#fffffe;background-color:#fffffe;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fffffe;background-color:#fffffe;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;line-height:0;mso-line-height-rule:exactly;padding:20px 16px 20px 16px;text-align:left;background-color:#fffffe;">
<!-- content unchanged -->
<div class="p hj c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:middle;" width="100%">
<tbody>
<tr>
<td align="center" class="b n a ey ic ys t" style="font-size:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;width:189px;line-height:100%;">
<tbody>
<tr>
<td align="center" bgcolor="#8c50fb" class="co" role="presentation" style="background:#8c50fb;border:none;border-radius:90px 90px 90px 90px;cursor:auto;mso-padding-alt:20px 0px 20px 0px;vertical-align:middle;" valign="middle">
<!--[if mso]><v:roundrect style="width:187px;height:64px;v-text-anchor:middle;" arcsize="100%" fill="t" stroke="f" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"><w:anchorlock/><v:fill type="solid" color="#8c50fb" /><v:textbox inset="0,0,0,0"><center><![endif]-->
<a href="https://store.paired.com/collections/all/products/note-to-you" class="co" style="display:inline-block;width:189px;background-color:#8c50fb;color:#ffffff;font-family:'Kantumruy Pro', 'Arial', sans-serif;font-size:13px;font-weight:normal;line-height:100%;margin:0;text-decoration:none;text-transform:none;padding:20px 0px 20px 0px;mso-padding-alt:0;border-radius:90px 90px 90px 90px;" target="_blank">
<span style="font-size:20px;font-family:'Kantumruy Pro', 'Arial', sans-serif;font-weight:600;color:#ffffff;line-height:120%;mso-line-height-alt:24px;">Start writing</span>
</a>
<!--[if mso]></center></v:textbox></v:roundrect><![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- Divider image -->
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r pt-0 pr-0 pb-0 pl-0" style="background:#fffffe;background-color:#fffffe;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fffffe;background-color:#fffffe;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;line-height:0;mso-line-height-rule:exactly;padding:0;text-align:center;background-color:#fffffe;">
<div class="c2 hj c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:bottom;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:bottom;" width="100%">
<tbody>
<tr>
<td align="center" style="font-size:0;line-height:0;mso-line-height-rule:exactly;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0;" class="mq">
<tbody>
<tr>
<td style="width:600px;line-height:0;mso-line-height-rule:exactly;" class="mq">
<img decoding="async" alt="A dividing line for decoration" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/d4e3517532236a5562160bc54a9eaff8.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- Offer block -->
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r a ey j ys y0" style="background:#f9f4fb;background-color:#f9f4fb;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#f9f4fb;background-color:#f9f4fb;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;line-height:0;mso-line-height-rule:exactly;padding:16px 42px 20px 42px;text-align:center;background-color:#f9f4fb;">
<div class="i hj i2 ey qk ys rp sq c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse: separate; border-spacing: 0px;">
<tbody>
<tr>
<td style="border-collapse: separate; border-spacing: 0px; background-color: #8c50fb; border: none; border-radius: 30px 30px 30px 30px; vertical-align: middle; padding: 42px 0px 42px 0px;" bgcolor="#8c50fb" valign="middle">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td align="center" class="x wq m" style="font-size:0;padding-bottom:16px;word-break:break-word;">
<div style="font-family:'Gabarito', 'Arial Black', sans-serif;font-size:107px;font-weight:700;line-height:101%;text-align:center;color:#ffffff;"><p style="Margin:0;mso-line-height-alt:108px;font-size:107px;line-height:101%;">20% OFF</p></div>
</td>
</tr>
<tr>
<td align="center" class="x t m" style="font-size:0;padding-bottom:16px;word-break:break-word;">
<div style="font-family:'Kantumruy Pro', 'Arial', sans-serif;font-size:24px;font-weight:400;line-height:142%;text-align:center;color:#ffffff;"><p style="Margin:0;mso-line-height-alt:34px;font-size:24px;line-height:142%;">Add any two items to your cart</p></div>
</td>
</tr>
<tr>
<td align="center" class="b n a ey ic ys t" style="font-size:0;padding:0;padding-bottom:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;width:189px;line-height:100%;">
<tbody>
<tr>
<td align="center" bgcolor="#fffffe" class="co" role="presentation" style="background:#fffffe;border:none;border-radius:90px 90px 90px 90px;cursor:auto;mso-padding-alt:20px 0px 20px 0px;vertical-align:middle;" valign="middle">
<!--[if mso]><v:roundrect style="width:187px;height:64px;v-text-anchor:middle;" arcsize="100%" fill="t" stroke="f" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"><w:anchorlock/><v:fill type="solid" color="#fffffe" /><v:textbox inset="0,0,0,0"><center><![endif]-->
<a href="https://store.paired.com/collections/all/products/note-to-you" class="co" style="display:inline-block;width:189px;background-color:#fffffe;color:#ffffff;font-family:'Kantumruy Pro', 'Arial', sans-serif;font-size:13px;font-weight:normal;line-height:100%;margin:0;text-decoration:none;text-transform:none;padding:20px 0px 20px 0px;mso-padding-alt:0;border-radius:90px 90px 90px 90px;" target="_blank">
<span style="font-size:20px;font-family:'Kantumruy Pro', 'Arial', sans-serif;font-weight:600;color:#332669;line-height:120%;mso-line-height-alt:24px;">Start writing</span>
</a>
<!--[if mso]></center></v:textbox></v:roundrect><![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- Footer image -->
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600" bgcolor="#fffffe"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div style="background:#fffffe;background-color:#fffffe;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fffffe;background-color:#fffffe;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;line-height:0;mso-line-height-rule:exactly;padding:0;text-align:center;background-color:#fffffe;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td width="600px"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r y0" style="background:#f9f4fb;background-color:#f9f4fb;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#f9f4fb;background-color:#f9f4fb;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;line-height:0;mso-line-height-rule:exactly;padding:0;text-align:left;background-color:#f9f4fb;">
<div class="c2 hj c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:middle;" width="100%">
<tbody>
<tr>
<td align="center" style="font-size:0;line-height:0;mso-line-height-rule:exactly;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0;" class="mq">
<tbody>
<tr>
<td style="width:600px;line-height:0;mso-line-height-rule:exactly;" class="mq">
<img decoding="async" alt="" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/8483b3bf45c9fc5a3c39615230b80821.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table></td></tr><tr><td width="600px"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<!-- REMOVED: the hair-space spacer row that caused seams -->
<!--[if mso | IE]></td></tr></table></td></tr><tr><td width="600px"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r cw dx qk xr su" style="background:#dcc2f9;background-color:#dcc2f9;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#dcc2f9;background-color:#dcc2f9;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;line-height:0;mso-line-height-rule:exactly;padding:44px 44px 44px 44px;text-align:left;background-color:#dcc2f9;">
<div class="e hj c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:middle;" width="100%">
<tbody>
<tr>
<td align="center" class="m" style="font-size:0;line-height:0;mso-line-height-rule:exactly;padding:0;padding-bottom:36px;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0;">
<tbody>
<tr>
<td style="width:38px;line-height:0;mso-line-height-rule:exactly;">
<img decoding="async" alt="" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/27a5b18b920bb4eba534e36434da9647.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="38">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- App buttons -->
<tr>
<td align="center" class="m" style="font-size:0;padding:0;padding-bottom:36px;word-break:break-word;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr class="m">
<td style="padding:0 16px 0 0;vertical-align:middle;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:120px;">
<tbody>
<tr>
<td style="font-size:0;height:40px;vertical-align:middle;width:120px;line-height:0;mso-line-height-rule:exactly;">
<a href="https://apps.apple.com/us/app/paired-couples-relationship/id1469609343" target="_blank">
<img loading="lazy" loading="lazy" decoding="async" alt="Apple" height="40" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/1e316bc015a5acadf9b6cd1830feab27.png" style="display:block;" width="120">
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr>
<td style="padding:0;padding-right:0;vertical-align:middle;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:136px;">
<tbody>
<tr>
<td style="font-size:0;height:40px;vertical-align:middle;width:136px;line-height:0;mso-line-height-rule:exactly;">
<a href="https://play.google.com/store/apps/details?id=com.getpaired.app&hl=en" target="_blank">
<img loading="lazy" loading="lazy" decoding="async" alt="Google" height="40" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/11b795af0812282f7bf827814b87df6d.png" style="display:block;" width="136">
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- Social icons -->
<tr>
<td align="center" class="m" style="font-size:0;padding:0;padding-bottom:36px;word-break:break-word;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr class="m">
<td style="padding:0 16px 0 0;vertical-align:middle;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:24px;">
<tbody>
<tr>
<td style="font-size:0;height:24px;vertical-align:middle;width:24px;line-height:0;mso-line-height-rule:exactly;">
<a href="https://www.instagram.com/pairedApp/" target="_blank">
<img loading="lazy" loading="lazy" decoding="async" alt="Instagram" height="24" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/415cd77fa3cf312bf25cebf108c8f383.png" style="display:block;" width="24">
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr class="m">
<td style="padding:0 16px 0 0;vertical-align:middle;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:24px;">
<tbody>
<tr>
<td style="font-size:0;height:24px;vertical-align:middle;width:24px;line-height:0;mso-line-height-rule:exactly;">
<a href="https://www.tiktok.com/@pairedapp" target="_blank">
<img loading="lazy" loading="lazy" decoding="async" alt="tiktok" height="24" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/50a1c4bad7f0f36819670e3a8e6d9d05.png" style="display:block;" width="24">
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr>
<td style="padding:0;padding-right:0;vertical-align:middle;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:24px;">
<tbody>
<tr>
<td style="font-size:0;height:24px;vertical-align:middle;width:24px;line-height:0;mso-line-height-rule:exactly;">
<a href="https://www.youtube.com/@pairedapp" target="_blank">
<img loading="lazy" loading="lazy" decoding="async" alt="YouTube" height="24" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/11127d9142cf36e47c5ef6d2eb9be41b.png" style="display:block;" width="24">
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- Legal -->
<tr>
<td align="center" class="x" style="font-size:0;word-break:break-word;">
<div style="font-family:'Kantumruy Pro', 'Arial', sans-serif;font-size:13px;font-weight:400;line-height:154%;text-align:center;color:#332669;">
<p style="Margin:0;mso-line-height-alt:20px;font-size:13px;line-height:154%;">You received this email because you are a registered member of Paired.</p>
<p style="Margin:0;mso-line-height-alt:20px;font-size:13px;line-height:154%;"> </p>
<p style="Margin:0;mso-line-height-alt:20px;font-size:13px;line-height:154%;">Update your preferences here.</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</div>
</body>
</html>
<!doctype html>
<html lang="en" dir="auto" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<title>The small habit making a big difference</title>
<!--[if !mso]><!-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
#outlook a { padding:0; }
body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
p { display:block;margin:13px 0; }
</style>
<!--[if mso]>
<noscript>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
</noscript>
<![endif]-->
<!--[if lte mso 11]>
<style type="text/css">
.hj { width:100% !important; }
</style>
<![endif]-->
<!--[if !mso]><!-->
<link href="https://fonts.googleapis.com/css?family=Gabarito:700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Kantumruy Pro:600,400,700" rel="stylesheet" type="text/css">
<!--<![endif]-->
<style type="text/css">
@media only screen and (min-width:599px) {
.f { width:504px !important; max-width: 504px; }
.o { width:100% !important; max-width: 100%; }
.oc { width:35.3333% !important; max-width: 35.3333%; }
.d { width:64.6667% !important; max-width: 64.6667%; }
.bp { width:17.6667% !important; max-width: 17.6667%; }
.cq { width:64.6666% !important; max-width: 64.6666%; }
.c2 { width:600px !important; max-width: 600px; }
.i8 { width:480px !important; max-width: 480px; }
.e { width:512px !important; max-width: 512px; }
}
</style>
<style media="screen and (min-width:599px)">
.moz-text-html .f { width:504px !important; max-width: 504px; }
.moz-text-html .o { width:100% !important; max-width: 100%; }
.moz-text-html .oc { width:35.3333% !important; max-width: 35.3333%; }
.moz-text-html .d { width:64.6667% !important; max-width: 64.6667%; }
.moz-text-html .bp { width:17.6667% !important; max-width: 17.6667%; }
.moz-text-html .cq { width:64.6666% !important; max-width: 64.6666%; }
.moz-text-html .c2 { width:600px !important; max-width: 600px; }
.moz-text-html .i8 { width:480px !important; max-width: 480px; }
.moz-text-html .e { width:512px !important; max-width: 512px; }
</style>
<style type="text/css">
@media only screen and (max-width:598px) {
table.mq { width: 100% !important; }
td.mq { width: auto !important; }
}
</style>
<style type="text/css">
u + .emailify .cg { background: #000; mix-blend-mode:screen; padding: 0; margin: 0; }
u + .emailify .f1 { background: #000; mix-blend-mode:difference; padding: 0; margin: 0; }
u + .emailify span.cg { display: inline-block; }
u + .emailify span.f1 { display: inline-block; }
body {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
}
[data-markjs] { color: inherit; padding: 0; background: none; }
#MessageViewBody a {
color: inherit !important;
text-decoration: none!important;
}
[x-apple-data-detectors-type="calendar-event"] { color: inherit !important; -webkit-text-decoration-color: inherit !important; }
u + .emailify a[href^="tel:"],
u + .emailify a[href^="mailto:"],
u + .emailify a[href*="maps.google"] {
color: inherit !important;
text-decoration: none !important;
}div.w { font-size: 0; }
@media only screen and (max-width:599px) {
.emailify { height:100% !important; margin:0 !important; padding:0 !important; width:100% !important; }
.mq img { width: 100%!important; max-width: 100%!important; height: auto!important; }
.a img { height: auto!important; }
td.b.n > table, td.b.n a { width: auto!important; }
td.b td { background-size: cover!important; }
div.r > table > tbody > tr > td { direction: ltr!important; }
img { background-color: transparent!important; }
div.h.m0 > table > tbody > tr > td { height:380px!important }
td.i.ay img, td.i.ay td { width:60px!important }
td.x.u span, td.x.u p, td.x.u a, td.x.u ol, td.x.u ul, td.x.u div, td.x.u { font-size:24px!important }
td.b.l > table > tbody > tr > td > a { padding-top:8px!important; }
td.b.ey > table > tbody > tr > td > a { padding-right:16px!important; }
td.b.t > table > tbody > tr > td > a { padding-bottom:8px!important; }
td.b.y > table > tbody > tr > td > a { padding-left:16px!important; }
td.b.tn a, td.b.tn span { font-size:14px!important }
div.r.i2 > table > tbody > tr > td, div.r.i2 > div > table > tbody > tr > td { padding-top:36px!important }
div.r.g > table > tbody > tr > td, div.r.g > div > table > tbody > tr > td { padding-right:36px!important }
div.r.ke > table > tbody > tr > td, div.r.ke > div > table > tbody > tr > td { padding-bottom:30px!important }
div.r.au > table > tbody > tr > td, div.r.au > div > table > tbody > tr > td { padding-left:36px!important }
td.x.v span, td.x.v p, td.x.v a, td.x.v ol, td.x.v ul, td.x.v div, td.x.v { font-size:16px!important }
div.c.oi > table > tbody > tr > td { padding-bottom:25px!important }
div.c.xr > table > tbody > tr > td { padding-left:24px!important }
td.x.rl span, td.x.rl p, td.x.rl a, td.x.rl ol, td.x.rl ul, td.x.rl div, td.x.rl { font-size:12px!important }
div.c.uo8 > table > tbody > tr > td { padding-left:12px!important }
div.c.l5 > table > tbody > tr > td { padding-top:48px!important }
div.c.hl > table > tbody > tr > td { padding-right:6px!important }
div.c.tnq > table > tbody > tr > td { padding-bottom:48px!important }
div.c.bf > table > tbody > tr > td { padding-left:6px!important }
div.c.rlw > table > tbody > tr > td { padding-bottom:28px!important }
div.c.s > table > tbody > tr > td { padding-left:10px!important }
div.r.pt-0 > table > tbody > tr > td, div.r.pt-0 > div > table > tbody > tr > td { padding-top:0px!important }
div.r.pr-0 > table > tbody > tr > td, div.r.pr-0 > div > table > tbody > tr > td { padding-right:0px!important }
div.r.pb-0 > table > tbody > tr > td, div.r.pb-0 > div > table > tbody > tr > td { padding-bottom:0px!important }
div.r.pl-0 > table > tbody > tr > td, div.r.pl-0 > div > table > tbody > tr > td { padding-left:0px!important }
div.r.g02 > table > tbody > tr > td, div.r.g02 > div > table > tbody > tr > td { padding-top:16px!important }
div.r.nh > table > tbody > tr > td, div.r.nh > div > table > tbody > tr > td { padding-bottom:24px!important }
div.c.mm > table > tbody > tr > td { border-top-width:4px!important;border-top-color:#000000!important }
div.c.kk > table > tbody > tr > td { border-right-width:4px!important;border-right-color:#000000!important }
div.c.u4 > table > tbody > tr > td { border-bottom-width:4px!important;border-bottom-color:#000000!important }
div.c.ee > table > tbody > tr > td { border-left-width:4px!important;border-left-color:#000000!important }
div.c.i2 > table > tbody > tr > td { padding-top:36px!important }
div.c.ey > table > tbody > tr > td { padding-right:16px!important }
div.c.qk > table > tbody > tr > td { padding-bottom:36px!important }
div.c.y > table > tbody > tr > td { padding-left:16px!important }
div.c.yg > table > tbody > tr > td.m { padding-bottom:4px!important; }
div.c.yg > table > tbody > tr > td > table > tbody > tr > td.m { padding-bottom:4px!important; }
td.x.tnq6 span, td.x.tnq6 p, td.x.tnq6 a, td.x.tnq6 ol, td.x.tnq6 ul, td.x.tnq6 div, td.x.tnq6 { font-size:50px!important }
td.b.aue > table > tbody > tr > td > a { padding-top:10px!important; }
td.b.ic > table > tbody > tr > td > a { padding-bottom:10px!important; }
div.r.cw > table > tbody > tr > td, div.r.cw > div > table > tbody > tr > td { padding-top:12px!important }
div.r.dx > table > tbody > tr > td, div.r.dx > div > table > tbody > tr > td { padding-right:24px!important }
div.r.qk > table > tbody > tr > td, div.r.qk > div > table > tbody > tr > td { padding-bottom:36px!important }
div.r.xr > table > tbody > tr > td, div.r.xr > div > table > tbody > tr > td { padding-left:24px!important }
}
@media (prefers-color-scheme: dark) {div.h.gy > table > tbody > tr > td { background-color:#FFFFFE!important; }
td.x.am * { color:#332669!important }
td.b.rt * { color:#8C50FB!important }
td.b.gy > table > tbody > tr > td, td.b.gy > table > tbody > tr > td > a { background-color:#FFFFFE!important; }
div.r.gy, div.r.gy > table { background-color:#FFFFFE!important; }
div.r.am * { color:#332669!important }
div.r.i4, div.r.i4 > table { background-color:#332669!important; }
div.r.y0, div.r.y0 > table { background-color:#F9F4FB!important; }
div.c.gy > table > tbody > tr > td { background-color:#FFFFFE!important; }
div.c.am * { color:#332669!important }
td.b.yga * { color:#FFFFFE!important }
td.b.z > table > tbody > tr > td, td.b.z > table > tbody > tr > td > a { background-color:#8C50FB!important; }
div.r.su, div.r.su > table { background-color:#DCC2F9!important; }
}
</style>
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
<meta name="x-apple-disable-message-reformatting">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<!--[if gte mso 9]>
<style>
a:link {
mso-style-priority: 99;
color: inherit;
text-decoration: none;
}
a:visited {
mso-style-priority: 99;
color: inherit;
text-decoration: none;
}
li { margin-left: -1em !important }
table, td, p, div, span, ul, ol, li, a, h1, h2, h3, h4, h5, h6 {
mso-hyphenate: none;
}
sup, sub { font-size: 100% !important; }
img { background-color: transparent !important; }
</style>
<![endif]-->
<!--[if mso]>
<style>
.co { background: transparent !important; background-color: transparent !important; mso-padding-alt: 0px !important; padding: 0px !important; border: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-left: 0px !important; }
</style>
<![endif]-->
<!--[if gte mso 16]>
<style>
.wt {
mso-style-textfill-type: gradient;
mso-style-textfill-fill-gradientfill-stoplist: "0 #FFFFFF 0 100000,100000 #FFFFFF 0 100000";
color: #000000 !important;
}
</style>
<![endif]-->
<!--[if mso]><!-- -->
<style>
.sq > table > tbody > tr > td { border-collapse: collapse; }
</style>
<!--<![endif]-->
</head>
<body lang="en" link="#ffffff" vlink="#ffffff" class="emailify" style="mso-line-height-rule: exactly; mso-hyphenate: none; word-wrap: normal; word-spacing: normal; background-color: #1e1e1e;">
<div style="background-color:#1e1e1e;" lang="en" dir="auto">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><v:image style="border:0;height:589px;mso-position-horizontal:center;position:absolute;top:0;width:600px;z-index:-3;" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/b2225e0e9a00d77fb6a6869cb80f4d79.png" xmlns:v="urn:schemas-microsoft-com:vml" /><v:rect style="border:0;height:589px;mso-position-horizontal:center;position:absolute;top:0;width:600px;z-index:-4;" fillcolor="#fdd8c5" stroke="false" strokecolor="none" strokeweight="0" xmlns:v="urn:schemas-microsoft-com:vml" /><![endif]-->
<div class="h m0 gy" style="margin:0 auto;max-width:600px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;background:#fffffe;background-color:#fffffe;" bgcolor="#fffffe">
<tbody>
<tr style="vertical-align:top;">
<td background="https://pairedwithjaiden.com/wp-content/uploads/2026/02/b2225e0e9a00d77fb6a6869cb80f4d79.png" style="background:#fdd8c5 url('https://pairedwithjaiden.com/wp-content/uploads/2026/02/b2225e0e9a00d77fb6a6869cb80f4d79.png') no-repeat center center / cover; background-size: cover;background-position:center center;background-repeat:no-repeat;border-radius:0px 0px 30px 30px;padding:24px 24px 24px 24px;vertical-align:top;height:541px;" height="541">
<!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" style="width:600px;" width="600"><tr><td style="padding-top:0;padding-left:24px;padding-right:24px;padding-bottom:0;"><![endif]-->
<div style="margin:0px auto;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;margin:0;">
<tbody>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;margin:0;">
<tbody>
<tr>
<td align="center" class="i a ay m" style="font-size:0;padding:0;padding-bottom:12px;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0;">
<tbody>
<tr>
<td style="width:108px;">
<img decoding="async" alt src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/a7ff3378a8ef9f2585ff40ed78771249.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="108">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center" class="x u am m" style="font-size:0;padding-bottom:12px;word-break:break-word;">
<div style="font-family:'Gabarito', 'Arial Black', sans-serif;font-size:42px;font-weight:700;line-height:100%;text-align:center;color:#332669;"><p style="Margin:0;mso-line-height-alt:42px;font-size:42px;line-height:100%;">The small habit making</p><p style="Margin:0;mso-line-height-alt:42px;font-size:42px;line-height:100%;">a big difference</p></div>
</td>
</tr>
<tr>
<td align="center" class="b n l ey t y tn rt gy" style="font-size:0;padding:0;padding-bottom:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;width:154px;line-height:100%;">
<tbody>
<tr>
<td align="center" bgcolor="#fffffe" class="co" role="presentation" style="background:#fffffe;border:none;border-radius:90px 90px 90px 90px;cursor:auto;mso-padding-alt:20px 0px 20px 0px;vertical-align:middle;" valign="middle">
<!--[if mso]><v:roundrect style="width:152px;height:64px;v-text-anchor:middle;" arcsize="100%" fill="t" stroke="f" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"><w:anchorlock/><v:fill type="solid" color="#fffffe" /><v:textbox inset="0,0,0,0"><center><![endif]-->
<a href="https://store.paired.com/collections/all/products/note-to-you" class="co" style="display:inline-block;width:154px;background-color:#fffffe;color:#ffffff;font-family:'Kantumruy Pro', 'Arial', sans-serif;font-size:13px;font-weight:normal;line-height:100%;margin:0;text-decoration:none;text-transform:none;padding:20px 0px 20px 0px;mso-padding-alt:0;border-radius:90px 90px 90px 90px;" target="_blank">
<span style="font-size:20px;font-family:'Kantumruy Pro', 'Arial', sans-serif;font-weight:600;color:#8c50fb;line-height:120%;mso-line-height-alt:24px;">Buy Now</span>
</a>
<!--[if mso]></center></v:textbox></v:roundrect><![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r i2 g ke au gy am" style="background:#fffffe;background-color:#fffffe;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fffffe;background-color:#fffffe;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;padding:48px 48px 48px 48px;text-align:center;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:middle;width:504px;"><![endif]-->
<div class="f hj c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:middle;" width="100%">
<tbody>
<tr>
<td align="center" class="x v" style="font-size:0;word-break:break-word;">
<div style="font-family:'Kantumruy Pro', 'Arial', sans-serif;font-size:24px;font-weight:400;line-height:150%;text-align:center;color:#332669;"><p style="Margin:0;mso-line-height-alt:36px;font-size:24px;line-height:150%;">{% assign first_name = ${first_name} | strip -%}
Hi {% if first_name != "" %}{{ first_name | capitalize }}{% else %}there{% endif %}, couples have been loving Note to You as a simple, meaningful way to show appreciation. Here’s what they’re saying.</p></div>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><v:image style="border:0;height:287px;mso-position-horizontal:center;position:absolute;top:0;width:600px;z-index:-3;" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/28eb654d02d2eccc4d7ef7e129457f7b.jpg" xmlns:v="urn:schemas-microsoft-com:vml" /><v:rect style="border:0;height:287px;mso-position-horizontal:center;position:absolute;top:0;bottom:0;width:600px;z-index:-4;" fillcolor="#fffffe" stroke="false" strokecolor="none" strokeweight="0" xmlns:v="urn:schemas-microsoft-com:vml" /><![endif]-->
<div class="r" style="background:#fffffe url('https://pairedwithjaiden.com/wp-content/uploads/2026/02/28eb654d02d2eccc4d7ef7e129457f7b.jpg') center center / cover no-repeat;background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:#fffffe;margin:0px auto;max-width:600px;">
<div style="line-height:0;font-size:0;">
<table align="center" background="https://pairedwithjaiden.com/wp-content/uploads/2026/02/28eb654d02d2eccc4d7ef7e129457f7b.jpg" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fffffe url('https://pairedwithjaiden.com/wp-content/uploads/2026/02/28eb654d02d2eccc4d7ef7e129457f7b.jpg') center center / cover no-repeat;background-position:center center;background-repeat:no-repeat;background-size:cover;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;padding:0;text-align:justify;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;"><![endif]-->
<div class="o hj w" style="font-size:0;line-height:0;text-align:left;display:inline-block;width:100%;direction:ltr;">
<!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation"><tr><td style="vertical-align:middle;width:211px;"><![endif]-->
<div class="oc hj m c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:35.3333%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:middle;" width="100%">
<tbody>
<tr>
<td align="left" class="i" style="font-size:0;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0;" class="mq">
<tbody>
<tr>
<td style="width:211px;" class="mq">
<img decoding="async" alt src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/64f64a49e0b9ef0f717c8edd1c141533.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="211">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td><td style="vertical-align:middle;width:388px;"><![endif]-->
<div class="d hj oi xr c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:64.6667%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td style="border:none;vertical-align:middle;padding:18px 24px 35px 21px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td align="center" class="x rl am" style="font-size:0;word-break:break-word;">
<div style="font-family:'Kantumruy Pro', 'Arial', sans-serif;font-size:20px;font-weight:400;line-height:140%;text-align:center;color:#332669;"><p style="Margin:0;mso-line-height-alt:28px;font-size:20px;line-height:140%;">“I liked that it wasn’t another app or notification. Writing something by hand and leaving it out feels more intentional.”</p><p style="Margin:0;mso-line-height-alt:28px;font-size:20px;line-height:140%;"><span style="font-weight:700;">Mark & Sarah</span></p></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--[if mso | IE]></td></tr></table></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><v:image style="border:0;height:309px;mso-position-horizontal:center;position:absolute;top:0;width:600px;z-index:-3;" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/2988a86ba3c678ba52395ce7febe8580.jpg" xmlns:v="urn:schemas-microsoft-com:vml" /><v:rect style="border:0;height:309px;mso-position-horizontal:center;position:absolute;top:0;bottom:0;width:600px;z-index:-4;" fillcolor="#fffffe" stroke="false" strokecolor="none" strokeweight="0" xmlns:v="urn:schemas-microsoft-com:vml" /><![endif]-->
<div class="r" style="background:#fffffe url('https://pairedwithjaiden.com/wp-content/uploads/2026/02/2988a86ba3c678ba52395ce7febe8580.jpg') center center / cover no-repeat;background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:#fffffe;margin:0px auto;max-width:600px;">
<div style="line-height:0;font-size:0;">
<table align="center" background="https://pairedwithjaiden.com/wp-content/uploads/2026/02/2988a86ba3c678ba52395ce7febe8580.jpg" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fffffe url('https://pairedwithjaiden.com/wp-content/uploads/2026/02/2988a86ba3c678ba52395ce7febe8580.jpg') center center / cover no-repeat;background-position:center center;background-repeat:no-repeat;background-size:cover;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;padding:0;text-align:justify;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;"><![endif]-->
<div class="o hj w" style="font-size:0;line-height:0;text-align:left;display:inline-block;width:100%;direction:ltr;">
<!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation"><tr><td style="vertical-align:middle;width:388px;"><![endif]-->
<div class="d hj m uo8 c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:64.6667%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td style="border:none;vertical-align:middle;padding:0px 0px 26px 24px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td align="center" class="x rl am" style="font-size:0;word-break:break-word;">
<div style="font-family:'Kantumruy Pro', 'Arial', sans-serif;font-size:20px;font-weight:400;line-height:140%;text-align:center;color:#332669;"><p style="Margin:0;mso-line-height-alt:28px;font-size:20px;line-height:140%;">“We didn’t realize how often appreciation stayed in our heads instead of being said. The prompts made it much easier to start, especially on busy days.”</p><p style="Margin:0;mso-line-height-alt:28px;font-size:20px;line-height:140%;"><span style="font-weight:700;">Emma & Josh</span></p></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td><td style="vertical-align:middle;width:211px;"><![endif]-->
<div class="oc hj c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:35.3333%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:middle;" width="100%">
<tbody>
<tr>
<td align="right" class="i" style="font-size:0;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0;" class="mq">
<tbody>
<tr>
<td style="width:211px;" class="mq">
<img decoding="async" alt src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/9cf9a4880da17be0f6a8b053c96c8967.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="211">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--[if mso | IE]></td></tr></table></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><v:image style="border:0;height:243px;mso-position-horizontal:center;position:absolute;top:0;width:600px;z-index:-3;" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/1f77bd16fd4ccff319a147010d061c73.jpg" xmlns:v="urn:schemas-microsoft-com:vml" /><v:rect style="border:0;height:243px;mso-position-horizontal:center;position:absolute;top:0;bottom:0;width:600px;z-index:-4;" fillcolor="#fffffe" stroke="false" strokecolor="none" strokeweight="0" xmlns:v="urn:schemas-microsoft-com:vml" /><![endif]-->
<div class="r" style="background:#fffffe url('https://pairedwithjaiden.com/wp-content/uploads/2026/02/1f77bd16fd4ccff319a147010d061c73.jpg') center center / cover no-repeat;background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:#fffffe;margin:0px auto;max-width:600px;">
<div style="line-height:0;font-size:0;">
<table align="center" background="https://pairedwithjaiden.com/wp-content/uploads/2026/02/1f77bd16fd4ccff319a147010d061c73.jpg" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fffffe url('https://pairedwithjaiden.com/wp-content/uploads/2026/02/1f77bd16fd4ccff319a147010d061c73.jpg') center center / cover no-repeat;background-position:center center;background-repeat:no-repeat;background-size:cover;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;padding:0;text-align:justify;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;"><![endif]-->
<div class="o hj w" style="font-size:0;line-height:0;text-align:left;display:inline-block;width:100%;direction:ltr;">
<!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation"><tr><td style="vertical-align:top;width:106px;"><![endif]-->
<div class="bp hj" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:17.6667%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td style="vertical-align:top;padding:0;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td><td style="vertical-align:middle;width:387px;"><![endif]-->
<div class="cq hj l5 hl tnq bf c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:64.6666%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td style="border:none;vertical-align:middle;padding:56px 20px 56px 20px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td align="center" class="x rl am" style="font-size:0;word-break:break-word;">
<div style="font-family:'Kantumruy Pro', 'Arial', sans-serif;font-size:20px;font-weight:400;line-height:140%;text-align:center;color:#332669;"><p style="Margin:0;mso-line-height-alt:28px;font-size:20px;line-height:140%;">“We don’t use it perfectly or on a schedule. We just come back to it when we need it. That’s what makes it work for us.”</p><p style="Margin:0;mso-line-height-alt:28px;font-size:20px;line-height:140%;"><span style="font-weight:700;">Lauren & Priya</span></p></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td><td style="vertical-align:top;width:106px;"><![endif]-->
<div class="bp hj" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:17.6667%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td style="vertical-align:top;padding:0;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--[if mso | IE]></td></tr></table></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><v:image style="border:0;height:321px;mso-position-horizontal:center;position:absolute;top:0;width:600px;z-index:-3;" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/098450f348312c85b1cc194302c0aa97.jpg" xmlns:v="urn:schemas-microsoft-com:vml" /><v:rect style="border:0;height:321px;mso-position-horizontal:center;position:absolute;top:0;bottom:0;width:600px;z-index:-4;" fillcolor="#fffffe" stroke="false" strokecolor="none" strokeweight="0" xmlns:v="urn:schemas-microsoft-com:vml" /><![endif]-->
<div class="r" style="background:#fffffe url('https://pairedwithjaiden.com/wp-content/uploads/2026/02/098450f348312c85b1cc194302c0aa97.jpg') center center / cover no-repeat;background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:#fffffe;margin:0px auto;max-width:600px;">
<div style="line-height:0;font-size:0;">
<table align="center" background="https://pairedwithjaiden.com/wp-content/uploads/2026/02/098450f348312c85b1cc194302c0aa97.jpg" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fffffe url('https://pairedwithjaiden.com/wp-content/uploads/2026/02/098450f348312c85b1cc194302c0aa97.jpg') center center / cover no-repeat;background-position:center center;background-repeat:no-repeat;background-size:cover;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;padding:0;text-align:justify;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="width:600px;"><![endif]-->
<div class="o hj w" style="font-size:0;line-height:0;text-align:left;display:inline-block;width:100%;direction:ltr;">
<!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation"><tr><td style="vertical-align:middle;width:211px;"><![endif]-->
<div class="oc hj m c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:35.3333%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:middle;" width="100%">
<tbody>
<tr>
<td align="left" class="i" style="font-size:0;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0;" class="mq">
<tbody>
<tr>
<td style="width:211px;" class="mq">
<img decoding="async" alt src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/7b6aba69ec14ae1fb612697eafc087f9.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="211">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td><td style="vertical-align:middle;width:388px;"><![endif]-->
<div class="d hj rlw s c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:64.6667%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td style="border:none;vertical-align:middle;padding:12px 24px 30px 0px;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td align="center" class="x rl am" style="font-size:0;word-break:break-word;">
<div style="font-family:'Kantumruy Pro', 'Arial', sans-serif;font-size:20px;font-weight:400;line-height:140%;text-align:center;color:#332669;"><p style="Margin:0;mso-line-height-alt:28px;font-size:20px;line-height:140%;">“It’s become a small ritual for us. Sometimes daily, sometimes weekly. Seeing the note sitting there genuinely changes the tone of the day.”</p><p style="Margin:0;mso-line-height-alt:28px;font-size:20px;line-height:140%;"><span style="font-weight:700;">Daniel & Tom</span></p></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--[if mso | IE]></td></tr></table></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r pt-0 pr-0 pb-0 pl-0 i4" style="background:#fffffe;background-color:#fffffe;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fffffe;background-color:#fffffe;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;padding:0;text-align:center;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:bottom;width:600px;"><![endif]-->
<div class="c2 hj c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:bottom;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:bottom;" width="100%">
<tbody>
<tr>
<td align="center" class="i" style="font-size:0;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0;" class="mq">
<tbody>
<tr>
<td style="width:600px;" class="mq">
<img decoding="async" alt="A dividing line for decoration" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/e5ef7aed621f0e4e651d14b5ec6942f8.jpg" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r g02 g nh au y0" style="background:#f9f4fb;background-color:#f9f4fb;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#f9f4fb;background-color:#f9f4fb;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;padding:16px 60px 24px 60px;text-align:center;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:middle;width:480px;"><![endif]-->
<div class="i8 hjmm kk u4 ee i2 ey qk y yg sq gy am c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse: separate; border-spacing: 0px;">
<tbody>
<tr>
<td style="border-collapse: separate; border-spacing: 0px; box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.25); background-color: #fffffe; border: 6px dashed #000000; border-radius: 30px 30px 30px 30px; vertical-align: middle; padding: 42px 0px 42px 0px;" bgcolor="#fffffe" valign="middle">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td align="center" class="x tnq6 m" style="font-size:0;padding-bottom:16px;word-break:break-word;">
<div style="font-family:'Gabarito', 'Arial Black', sans-serif;font-size:80px;font-weight:700;line-height:101%;text-align:center;color:#332669;"><p style="Margin:0;mso-line-height-alt:81px;font-size:80px;line-height:101%;">20% OFF</p></div>
</td>
</tr>
<tr>
<td align="center" class="x u m" style="font-size:0;padding-bottom:16px;word-break:break-word;">
<div style="font-family:'Kantumruy Pro', 'Arial', sans-serif;font-size:45px;font-weight:700;line-height:140%;text-align:center;color:#332669;"><p style="Margin:0;mso-line-height-alt:63px;font-size:45px;line-height:140%;">Any Two Items</p></div>
</td>
</tr>
<tr>
<td align="center" class="b n aue ey ic y tn yga z" style="font-size:0;padding:0;padding-bottom:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;width:189px;line-height:100%;">
<tbody>
<tr>
<td align="center" bgcolor="#8c50fb" class="co" role="presentation" style="background:#8c50fb;border:none;border-radius:90px 90px 90px 90px;cursor:auto;mso-padding-alt:20px 0px 20px 0px;vertical-align:middle;" valign="middle">
<!--[if mso]><v:roundrect style="width:187px;height:64px;v-text-anchor:middle;" arcsize="100%" fill="t" stroke="f" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"><w:anchorlock/><v:fill type="solid" color="#8c50fb" /><v:textbox inset="0,0,0,0"><center><![endif]-->
<a href="https://store.paired.com/collections/all/products/note-to-you" class="co" style="display:inline-block;width:189px;background-color:#8c50fb;color:#ffffff;font-family:'Kantumruy Pro', 'Arial', sans-serif;font-size:13px;font-weight:normal;line-height:100%;margin:0;text-decoration:none;text-transform:none;padding:20px 0px 20px 0px;mso-padding-alt:0;border-radius:90px 90px 90px 90px;" target="_blank">
<!--[if !mso]><!--><span class="cg"><span class="f1"><!--<![endif]-->
<span style="font-size:20px;font-family:'Kantumruy Pro', 'Arial', sans-serif;font-weight:600;color:#ffffff;line-height:120%;mso-line-height-alt:24px;" class="wt">Buy Now</span>
<!--[if !mso]><!--></span></span><!--<![endif]-->
</a>
<!--[if mso]></center></v:textbox></v:roundrect><![endif]-->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r y0" style="background:#f9f4fb;background-color:#f9f4fb;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#f9f4fb;background-color:#f9f4fb;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;padding:0;text-align:left;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:middle;width:600px;"><![endif]-->
<div class="c2 hj c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:middle;" width="100%">
<tbody>
<tr>
<td align="center" class="i" style="font-size:0;padding:0;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0;" class="mq">
<tbody>
<tr>
<td style="width:600px;" class="mq">
<img decoding="async" alt src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/8483b3bf45c9fc5a3c39615230b80821.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:600px;" width="600"><tr><td style="line-height:0;font-size:0;mso-line-height-rule:exactly;"><![endif]-->
<div class="r cw dx qk xr su am" style="background:#dcc2f9;background-color:#dcc2f9;margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#dcc2f9;background-color:#dcc2f9;width:100%;">
<tbody>
<tr>
<td style="border:none;direction:ltr;font-size:0;padding:44px 44px 44px 44px;text-align:left;">
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:middle;width:512px;"><![endif]-->
<div class="e hj c" style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:middle;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border:none;vertical-align:middle;" width="100%">
<tbody>
<tr>
<td align="center" class="i m" style="font-size:0;padding:0;padding-bottom:36px;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0;">
<tbody>
<tr>
<td style="width:38px;">
<img decoding="async" alt src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/27a5b18b920bb4eba534e36434da9647.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="38">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center" class="m" style="font-size:0;padding:0;padding-bottom:36px;word-break:break-word;">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"><tr><td><![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr class="m">
<td style="padding:0 16px 0 0;vertical-align:middle;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:120px;">
<tbody>
<tr>
<td style="font-size:0;height:40px;vertical-align:middle;width:120px;">
<a href="https://apps.apple.com/us/app/paired-couples-relationship/id1469609343" target="_blank">
<img loading="lazy" loading="lazy" decoding="async" alt="Apple" height="40" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/1e316bc015a5acadf9b6cd1830feab27.png" style="display:block;" width="120">
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso | IE]></td><td><![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr>
<td style="padding:0;padding-right:0;vertical-align:middle;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:136px;">
<tbody>
<tr>
<td style="font-size:0;height:40px;vertical-align:middle;width:136px;">
<a href="https://play.google.com/store/apps/details?id=com.getpaired.app&hl=en" target="_blank">
<img loading="lazy" loading="lazy" decoding="async" alt="Google" height="40" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/11b795af0812282f7bf827814b87df6d.png" style="display:block;" width="136">
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
<tr>
<td align="center" class="m" style="font-size:0;padding:0;padding-bottom:36px;word-break:break-word;">
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"><tr><td><![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr class="m">
<td style="padding:0 16px 0 0;vertical-align:middle;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:24px;">
<tbody>
<tr>
<td style="font-size:0;height:24px;vertical-align:middle;width:24px;">
<a href="https://www.instagram.com/pairedApp/" target="_blank">
<img loading="lazy" loading="lazy" decoding="async" alt="Instagram" height="24" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/415cd77fa3cf312bf25cebf108c8f383.png" style="display:block;" width="24">
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso | IE]></td><td><![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr class="m">
<td style="padding:0 16px 0 0;vertical-align:middle;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:24px;">
<tbody>
<tr>
<td style="font-size:0;height:24px;vertical-align:middle;width:24px;">
<a href="https://www.tiktok.com/@pairedapp" target="_blank">
<img loading="lazy" loading="lazy" decoding="async" alt="tiktok" height="24" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/50a1c4bad7f0f36819670e3a8e6d9d05.png" style="display:block;" width="24">
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso | IE]></td><td><![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
<tbody>
<tr>
<td style="padding:0;padding-right:0;vertical-align:middle;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:24px;">
<tbody>
<tr>
<td style="font-size:0;height:24px;vertical-align:middle;width:24px;">
<a href="https://www.youtube.com/@pairedapp" target="_blank">
<img loading="lazy" loading="lazy" decoding="async" alt="YouTube" height="24" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/11127d9142cf36e47c5ef6d2eb9be41b.png" style="display:block;" width="24">
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
<tr>
<td align="center" class="x" style="font-size:0;word-break:break-word;">
<div style="font-family:'Kantumruy Pro', 'Arial', sans-serif;font-size:13px;font-weight:400;line-height:154%;text-align:center;color:#332669;"><p style="Margin:0;mso-line-height-alt:20px;font-size:13px;line-height:154%;">You received this email because you are a registered member of Paired.</p><p style="Margin:0;mso-line-height-alt:20px;font-size:13px;line-height:154%;"> </p><p style="Margin:0;mso-line-height-alt:20px;font-size:13px;line-height:154%;">Update your preferences here.</p></div>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
</div>
</body>
</html>
Note: Intro animation may have already appeared by the time you got here.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<meta charset="UTF-8">
<style>
/** TYPOGRAPHY **/
@font-face {
font-family: 'Gabarito';
src: url('https://braze-images.com/appboy/communication/assets/font_assets/files/669a1b88572c8d005b14db9a/original.ttf?1721375624') format('truetype');
font-weight: 100 900;
font-display: swap;
}
@font-face {
font-family: 'Kantumruy Pro';
src: url('https://braze-images.com/appboy/communication/assets/font_assets/files/669a1b98ede3c10059db0991/original.ttf?1721375640') format('truetype');
font-weight: 100 900;
font-display: swap;
}
.title {
margin: 0 !important;
font-family: Gabarito, sans-serif;
font-weight: 700;
font-size: 1.875rem;
line-height: 2.125rem;
}
.body {
margin: 0 !important;
font-family: Kantumruy Pro, sans-serif;
font-weight: 400;
font-size: 1.0625rem;
line-height: 1.3125rem;
letter-spacing: -0.0375rem;
padding-bottom: 2rem;
}
.cta {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
font-family: Kantumruy Pro, sans-serif;
font-weight: 500;
font-size: 1.0625rem;
line-height: 1.25;
letter-spacing: -0.0125rem;
text-align: center;
width: 100%;
height: 100%;
}
.cta > span {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.25;
max-height: 2.45em;
word-break: break-word;
width: 100%;
padding: 0.25rem 0;
}
/** COLOR PALETTE **/
:root {
/* Primary */
--primary-purple: #8C50FB;
--primary-purple-n: #AC80FF;
/* Secondary */
--secondary-lavender: #DCC2F9;
--secondary-eggshell: #EBEBD3;
--secondary-flamingo: #F2AAAA;
--secondary-apricot: #FAD7C3;
/* Neutral */
--neutral-lightest: #FFFFFF;
--neutral-light: #F9F4FB;
--neutral-light-grey: #E7E0EE;
--neutral-grey: #BAAFCF;
--neutral-dark-grey: #685F96;
--neutral-dark: #332669;
--neutral-darkest: #211C40;
/* Semantic */
--semantic-success:#8FC969;
--semantic-attention: #E6CC70;
--semantic-critical: #F37468;
/* Partners */
--lavender-strong: #BC8EE6;
--lavender-soft: #F6F0FE;
--lavender-soft-n: #393262;
--flamingo-strong: #DB807B;
--flamingo-soft: #FDEDED;
--flamingo-soft-n: #472D4D;
/* Alpha */
--highlight: rgba(220, 194, 249, 0.2);
--highlight-n: rgba(140, 80, 251, 0.2);
--shadow: rgba(51, 38, 105, 0.5);
--shadow-n: rgba(0, 0, 0, 0.8);
--light-overlay20: rgba(255, 255, 255, 0.2);
--light-overlay40: rgba(255, 255, 255, 0.4);
--light-overlay60: rgba(255, 255, 255, 0.6);
--bg-fade80: rgba(255, 255, 255, 0.8);
--bg-fade0: rgba(255, 255, 255, 0);
--bg-fade80-n: rgba(33, 28, 64, 0.8);
--bg-fade0-n: rgba(33, 28, 64, 0);
/* Streak */
--streak-freeze: #66ACFF;
--streak-freeze-soft: #C4D9F7;
}
/** COLOR THEMES **/
{% if {{custom_attribute.${app_theme}}} == 'dark' %}
@media {
:root {
/** Background colours **/
--bg-neutral-base: var(--neutral-darkest);
--bg-neutral-accent: var(--neutral-darkest);
--bg-neutral-dark: var(--neutral-darkest);
--bg-primary: var(--primary-purple-n);
--bg-secondary-lavender: var(--neutral-darkest);
--bg-secondary-eggshell: var(--neutral-darkest);
--bg-secondary-flamingo: var(--neutral-darkest);
--bg-secondary-apricot: var(--neutral-darkest);
/** Surface colours **/
--srf-primary: var(--primary-purple-n);
--srf-neutral-base: var(--neutral-darkest);
--srf-neutral-accent: var(--neutral-dark);
--srf-secondary-lavender: var(--secondary-lavender);
--srf-secondary-eggshell: var(--secondary-eggshell);
--srf-secondary-flamingo: var(--secondary-flamingo);
--srf-secondary-apricot: var(--secondary-apricot);
--srf-inactive: var(--neutral-grey);
--srf-inactive-soft: var(--neutral-dark-grey);
--srf-semantic-success: var(--semantic-success);
--srf-semantic-attention: var(--semantic-attention);
--srf-semantic-critical: var(--semantic-critical);
--srf-user: var(--secondary-lavender);
--srf-user-soft: var(--lavender-soft-n);
--srf-user-strong: var(--secondary-lavender);
--srf-partner: var(--secondary-flamingo);
--srf-partner-soft: var(--flamingo-soft-n);
--srf-partner-strong: var(--secondary-flamingo);
--srf-input-active: var(--neutral-dark);
--srf-input-inactive: var(--neutral-darkest);
--srf-segment-active: var(--neutral-dark-grey);
/** Overlay colours **/
--overlay-highlight: var(--highlight-n);
--overlay-dark: var(--shadow-n);
--overlay-light20: var(--light-overlay20);
--overlay-light40: var(--light-overlay40);
--overlay-light60: var(--light-overlay60);
--bottom-sheet-fade80: var(--bg-fade80-n);
--bottom-sheet-fade0: var(--bg-fade0-n);
/** ON colours **/
--on-background: var(--neutral-light-grey);
--on-background-soft: var(--neutral-grey);
--on-background-softer: var(--neutral-grey);
--on-background-dark: var(--neutral-light);
--on-srf-primary: var(--neutral-darkest);
--on-srf-neutral: var(--neutral-light-grey);
--on-srf-neutral-soft: var(--neutral-grey);
--on-srf-neutral-softer: var(--neutral-grey);
--on-srf-secondary: var(--neutral-dark);
--on-srf-secondary-soft: var(--neutral-dark-grey);
--on-inactive: var(--neutral-dark-grey);
--on-inactive-soft: var(--neutral-light-grey);
--on-semantic: var(--neutral-dark);
--on-semantic-attention: var(--neutral-dark);
--on-partners: var(--neutral-dark);
--on-partners-soft: var(--neutral-light-grey);
--on-srf-input-active: var(--neutral-light-grey);
--on-srf-input-placeholder: var(--neutral-grey);
--on-srf-input-inactive: var(--neutral-dark-grey);
--on-srf-segment-active: var(--neutral-light);
/** Border colours **/
--border-thin: var(--neutral-dark);
--border-default: var(--neutral-dark-grey);
--border-thick: var(--neutral-grey);
--border-bg-neutral-dark: var(--neutral-dark-grey);
--border-active: var(--primary-purple-n);
--border-success: var(--semantic-success);
--border-critical: var(--semantic-critical);
--border-user: var(--secondary-lavender);
--border-partner: var(--secondary-flamingo);
/** Asset **/
--bs-asset-bg: #3d2d6b;
}
}
{% elsif {{custom_attribute.${app_theme}}} == 'light' %}
@media {
:root {
/** Background colours **/
--bg-neutral-base: var(--neutral-lightest);
--bg-neutral-accent: var(--neutral-light);
--bg-neutral-dark: var(--neutral-darkest);
--bg-primary: var(--primary-purple);
--bg-secondary-lavender: var(--secondary-lavender);
--bg-secondary-eggshell: var(--secondary-eggshell);
--bg-secondary-flamingo: var(--secondary-flamingo);
--bg-secondary-apricot: var(--secondary-apricot);
/** Surface colours **/
--srf-primary: var(--primary-purple);
--srf-neutral-base: var(--neutral-lightest);
--srf-neutral-accent: var(--neutral-light);
--srf-secondary-lavender: var(--secondary-lavender);
--srf-secondary-eggshell: var(--secondary-eggshell);
--srf-secondary-flamingo: var(--secondary-flamingo);
--srf-secondary-apricot: var(--secondary-apricot);
--srf-inactive: var(--neutral-grey);
--srf-inactive-soft: var(--neutral-light-grey);
--srf-semantic-success: var(--semantic-success);
--srf-semantic-attention: var(--semantic-attention);
--srf-semantic-critical: var(--semantic-critical);
--srf-user: var(--secondary-lavender);
--srf-user-soft: var(--lavender-soft);
--srf-user-strong: var(--lavender-strong);
--srf-partner: var(--secondary-flamingo);
--srf-partner-soft: var(--flamingo-soft);
--srf-partner-strong: var(--flamingo-strong);
--srf-input-active: var(--neutral-lightest);
--srf-input-inactive: var(--neutral-light);
--srf-segment-active: var(--neutral-lightest);
/** Overlay colours **/
--overlay-highlight: var(--highlight);
--overlay-dark: var(--shadow);
--overlay-light20: var(--light-overlay20);
--overlay-light40: var(--light-overlay40);
--overlay-light60: var(--light-overlay60);
--bottom-sheet-fade80: var(--bg-fade80);
--bottom-sheet-fade0: var(--bg-fade0);
/** ON colours **/
--on-background: var(--neutral-dark);
--on-background-soft: var(--neutral-dark-grey);
--on-background-softer: var(--neutral-grey);
--on-background-dark: var(--neutral-lightest);
--on-srf-primary: var(--neutral-lightest);
--on-srf-neutral: var(--neutral-dark);
--on-srf-neutral-soft: var(--neutral-dark-grey);
--on-srf-neutral-softer: var(--neutral-grey);
--on-srf-secondary: var(--neutral-dark);
--on-srf-secondary-soft: var(--neutral-dark-grey);
--on-inactive: var(--neutral-light);
--on-inactive-soft: var(--neutral-dark-grey);
--on-semantic: var(--neutral-lightest);
--on-semantic-attention: var(--neutral-dark);
--on-partners: var(--neutral-dark);
--on-partners-soft: var(--neutral-dark);
--on-srf-input-active: var(--neutral-dark);
--on-srf-input-placeholder: var(--neutral-grey);
--on-srf-input-inactive: var(--neutral-light-grey);
--on-srf-segment-active: var(--neutral-dark);
/** Border colours **/
--border-thin: var(--neutral-light);
--border-default: var(--neutral-light-grey);
--border-thick: var(--neutral-grey);
--border-bg-neutral-dark: var(--neutral-dark-grey);
--border-active: var(--primary-purple);
--border-success: var(--semantic-success);
--border-critical: var(--semantic-critical);
--border-user: var(--secondary-lavender);
--border-partner: var(--secondary-flamingo);
/** Asset **/
--bs-asset-bg: var(--secondary-lavender);
}
}
{% else %}
@media (prefers-color-scheme: light) {
:root {
/** Background colours **/
--bg-neutral-base: var(--neutral-lightest);
--bg-neutral-accent: var(--neutral-light);
--bg-neutral-dark: var(--neutral-darkest);
--bg-primary: var(--primary-purple);
--bg-secondary-lavender: var(--secondary-lavender);
--bg-secondary-eggshell: var(--secondary-eggshell);
--bg-secondary-flamingo: var(--secondary-flamingo);
--bg-secondary-apricot: var(--secondary-apricot);
/** Surface colours **/
--srf-primary: var(--primary-purple);
--srf-neutral-base: var(--neutral-lightest);
--srf-neutral-accent: var(--neutral-light);
--srf-secondary-lavender: var(--secondary-lavender);
--srf-secondary-eggshell: var(--secondary-eggshell);
--srf-secondary-flamingo: var(--secondary-flamingo);
--srf-secondary-apricot: var(--secondary-apricot);
--srf-inactive: var(--neutral-grey);
--srf-inactive-soft: var(--neutral-light-grey);
--srf-semantic-success: var(--semantic-success);
--srf-semantic-attention: var(--semantic-attention);
--srf-semantic-critical: var(--semantic-critical);
--srf-user: var(--secondary-lavender);
--srf-user-soft: var(--lavender-soft);
--srf-user-strong: var(--lavender-strong);
--srf-partner: var(--secondary-flamingo);
--srf-partner-soft: var(--flamingo-soft);
--srf-partner-strong: var(--flamingo-strong);
--srf-input-active: var(--neutral-lightest);
--srf-input-inactive: var(--neutral-light);
--srf-segment-active: var(--neutral-lightest);
/** Overlay colours **/
--overlay-highlight: var(--highlight);
--overlay-dark: var(--shadow);
--overlay-light20: var(--light-overlay20);
--overlay-light40: var(--light-overlay40);
--overlay-light60: var(--light-overlay60);
--bottom-sheet-fade80: var(--bg-fade80);
--bottom-sheet-fade0: var(--bg-fade0);
/** ON colours **/
--on-background: var(--neutral-dark);
--on-background-soft: var(--neutral-dark-grey);
--on-background-softer: var(--neutral-grey);
--on-background-dark: var(--neutral-lightest);
--on-srf-primary: var(--neutral-lightest);
--on-srf-neutral: var(--neutral-dark);
--on-srf-neutral-soft: var(--neutral-dark-grey);
--on-srf-neutral-softer: var(--neutral-grey);
--on-srf-secondary: var(--neutral-dark);
--on-srf-secondary-soft: var(--neutral-dark-grey);
--on-inactive: var(--neutral-light);
--on-inactive-soft: var(--neutral-dark-grey);
--on-semantic: var(--neutral-lightest);
--on-semantic-attention: var(--neutral-dark);
--on-partners: var(--neutral-dark);
--on-partners-soft: var(--neutral-dark);
--on-srf-input-active: var(--neutral-dark);
--on-srf-input-placeholder: var(--neutral-grey);
--on-srf-input-inactive: var(--neutral-light-grey);
--on-srf-segment-active: var(--neutral-dark);
/** Border colours **/
--border-thin: var(--neutral-light);
--border-default: var(--neutral-light-grey);
--border-thick: var(--neutral-grey);
--border-bg-neutral-dark: var(--neutral-dark-grey);
--border-active: var(--primary-purple);
--border-success: var(--semantic-success);
--border-critical: var(--semantic-critical);
--border-user: var(--secondary-lavender);
--border-partner: var(--secondary-flamingo);
/** Asset **/
--bs-asset-bg: var(--secondary-lavender);
}
}
@media (prefers-color-scheme: dark) {
:root {
/** Background colours **/
--bg-neutral-base: var(--neutral-darkest);
--bg-neutral-accent: var(--neutral-darkest);
--bg-neutral-dark: var(--neutral-darkest);
--bg-primary: var(--primary-purple-n);
--bg-secondary-lavender: var(--neutral-darkest);
--bg-secondary-eggshell: var(--neutral-darkest);
--bg-secondary-flamingo: var(--neutral-darkest);
--bg-secondary-apricot: var(--neutral-darkest);
/** Surface colours **/
--srf-primary: var(--primary-purple-n);
--srf-neutral-base: var(--neutral-darkest);
--srf-neutral-accent: var(--neutral-dark);
--srf-secondary-lavender: var(--secondary-lavender);
--srf-secondary-eggshell: var(--secondary-eggshell);
--srf-secondary-flamingo: var(--secondary-flamingo);
--srf-secondary-apricot: var(--secondary-apricot);
--srf-inactive: var(--neutral-grey);
--srf-inactive-soft: var(--neutral-dark-grey);
--srf-semantic-success: var(--semantic-success);
--srf-semantic-attention: var(--semantic-attention);
--srf-semantic-critical: var(--semantic-critical);
--srf-user: var(--secondary-lavender);
--srf-user-soft: var(--lavender-soft-n);
--srf-user-strong: var(--secondary-lavender);
--srf-partner: var(--secondary-flamingo);
--srf-partner-soft: var(--flamingo-soft-n);
--srf-partner-strong: var(--secondary-flamingo);
--srf-input-active: var(--neutral-dark);
--srf-input-inactive: var(--neutral-darkest);
--srf-segment-active: var(--neutral-dark-grey);
/** Overlay colours **/
--overlay-highlight: var(--highlight-n);
--overlay-dark: var(--shadow-n);
--overlay-light20: var(--light-overlay20);
--overlay-light40: var(--light-overlay40);
--overlay-light60: var(--light-overlay60);
--bottom-sheet-fade80: var(--bg-fade80-n);
--bottom-sheet-fade0: var(--bg-fade0-n);
/** ON colours **/
--on-background: var(--neutral-light-grey);
--on-background-soft: var(--neutral-grey);
--on-background-softer: var(--neutral-grey);
--on-background-dark: var(--neutral-light);
--on-srf-primary: var(--neutral-darkest);
--on-srf-neutral: var(--neutral-light-grey);
--on-srf-neutral-soft: var(--neutral-grey);
--on-srf-neutral-softer: var(--neutral-grey);
--on-srf-secondary: var(--neutral-dark);
--on-srf-secondary-soft: var(--neutral-dark-grey);
--on-inactive: var(--neutral-dark-grey);
--on-inactive-soft: var(--neutral-light-grey);
--on-semantic: var(--neutral-dark);
--on-semantic-attention: var(--neutral-dark);
--on-partners: var(--neutral-dark);
--on-partners-soft: var(--neutral-light-grey);
--on-srf-input-active: var(--neutral-light-grey);
--on-srf-input-placeholder: var(--neutral-grey);
--on-srf-input-inactive: var(--neutral-dark-grey);
--on-srf-segment-active: var(--neutral-light);
/** Border colours **/
--border-thin: var(--neutral-dark);
--border-default: var(--neutral-dark-grey);
--border-thick: var(--neutral-grey);
--border-bg-neutral-dark: var(--neutral-dark-grey);
--border-active: var(--primary-purple-n);
--border-success: var(--semantic-success);
--border-critical: var(--semantic-critical);
--border-user: var(--secondary-lavender);
--border-partner: var(--secondary-flamingo);
/** Asset **/
--bs-asset-bg: #3d2d6b;
}
}
{% endif %}
/** LAYOUT **/
html, body {
margin: 0;
padding: 0;
overflow-x: hidden;
width: 100%;
}
.device {
width: 100vw;
height: 100vh;
margin: 0 auto;
overflow: hidden;
}
.hide {
display: none !important;
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
opacity: 0;
background: var(--overlay-dark);
z-index: 100;
}
.container {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
position: relative;
}
.bottom-sheet {
width: 100%;
margin-top: auto;
background: var(--srf-neutral-base);
color: var(--on-srf-neutral);
border-top: 1px solid var(--border-default);
border-radius: 2rem 2rem 0 0;
display: flex;
flex-direction: column;
padding-top: 0;
padding-bottom: 1.5rem;
max-height: 84vh;
overflow: hidden;
position: relative;
z-index: 101;
pointer-events: auto;
}
.overlay--tappable {
pointer-events: auto;
}
.overlay--not-tappable {
pointer-events: none;
}
/* Dynamic safe area handling for bottom */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
.safe-area-spacer {
height: env(safe-area-inset-bottom);
}
}
/* iPhone-specific media queries for fallback safe area handling */
@media screen and (device-width: 375px) and (device-height: 812px) { .safe-area-spacer { height: 2rem; } }
@media screen and (device-width: 414px) and (device-height: 896px) { .safe-area-spacer { height: 2rem; } }
@media screen and (device-width: 390px) and (device-height: 844px) { .safe-area-spacer { height: 2rem; } }
@media screen and (device-width: 428px) and (device-height: 926px) { .safe-area-spacer { height: 2rem; } }
@media screen and (min-device-width: 360px) and (max-device-width: 800px) and (min-device-height: 640px) { .safe-area-spacer { height: 2rem; } }
@supports not (padding-bottom: env(safe-area-inset-bottom)) {
.safe-area-spacer {
height: 0;
}
}
.bottom-sheet,
.bottom-sheet * {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.sheet-header {
flex: 0;
height: 1.5rem;
padding: 0 1rem;
position: relative;
}
.sheet-header::before {
content: '';
position: absolute;
top: -2rem;
left: 0;
width: 100%;
height: 3rem;
display: block;
opacity: 0;
pointer-events: none;
z-index: 100;
background: linear-gradient(to bottom,
var(--srf-neutral-base) 20%,
var(--bottom-sheet-fade80) 40%,
var(--bottom-sheet-fade0) 100%
);
transition: opacity 0.2s ease-out;
}
.sheet-header.sheet-header--scrolled-top::before {
opacity: 1;
}
.dismiss {
display: flex;
position: absolute;
top: 1rem;
right: 1rem;
padding: 0.5rem;
border-radius: 999px;
cursor: pointer;
z-index: 200;
color: var(--on-srf-neutral);
}
.dismiss--hidden {
display: none !important;
}
.close-icon {
width: 1.5rem;
height: 1.5rem;
fill: currentColor;
}
.sheet-content {
position: relative;
flex: 1;
padding: 0 1rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
overflow-y: auto;
min-height: 0;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
height: 100%;
-webkit-overscroll-behavior: contain;
overscroll-behavior-y: contain;
overscroll-behavior-x: none;
position: relative;
scroll-behavior: auto;
-webkit-scroll-snap-type: none;
scroll-snap-type: none;
-webkit-overflow-scrolling: auto;
overflow-y: scroll;
-webkit-overflow-scrolling: none;
overscroll-behavior: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-ms-overflow-style: none;
scrollbar-width: none;
}
.sheet-content::-webkit-scrollbar { display: none; }
.asset-section {
width: calc(100% + 2rem);
margin-left: -1rem;
margin-right: -1rem;
position: relative;
z-index: 1;
display: none;
background: var(--bs-asset-bg);
padding-top: 1.5rem;
padding-bottom: 2.5rem;
overflow: visible;
opacity: 0;
transform: scale(0.97);
transition: opacity 0.5s ease-out 0.15s, transform 0.5s ease-out 0.15s;
}
.asset-section.visible {
display: flex;
justify-content: center;
align-items: center;
opacity: 1;
transform: scale(1);
}
.asset-wrapper {
position: relative;
z-index: 10;
clip-path: inset(-200px -200px -40px -200px);
}
.asset-curve {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2rem;
background: var(--srf-neutral-base);
border-radius: 50% 50% 0 0 / 100% 100% 0 0;
transform: translateY(1px);
}
.asset-shadow {
position: absolute;
z-index: 0;
width: 7rem;
height: 1.2rem;
bottom: 2.8rem;
background: radial-gradient(ellipse, rgba(0,0,0,0.18) 0%, transparent 70%);
opacity: 0;
filter: blur(2px);
border-radius: 50%;
transition: opacity 0.8s ease-out 0.2s;
}
.asset-shadow.asset-shadow--visible {
opacity: 1;
}
.asset {
position: relative;
z-index: 10;
width: 14rem;
height: auto;
object-fit: contain;
opacity: 0;
transform: translateY(-80px) scale(0.95);
filter: drop-shadow(0 12px 20px rgba(140, 80, 251, 0.25));
transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.asset.asset--visible {
opacity: 1;
transform: translateY(0) scale(1);
}
.asset.asset--floating {
animation: float 4s ease-in-out infinite;
}
/* Decoration stars */
.deco-star {
position: absolute;
z-index: 5;
opacity: 0;
transform: scale(0);
transition: opacity 0.4s ease-out, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.deco-star.deco-star--visible {
opacity: 1;
transform: scale(1);
}
.deco-star.deco-star--shimmer {
animation: shimmer 2.5s ease-in-out infinite;
}
.deco-star--1 { top: 18%; left: 12%; width: 1.2rem; height: 1.2rem; animation-delay: 0s !important; }
.deco-star--2 { top: 8%; right: 18%; width: 0.8rem; height: 0.8rem; animation-delay: 0.8s !important; }
.deco-star--3 { bottom: 32%; left: 20%; width: 1rem; height: 1rem; animation-delay: 1.6s !important; }
.deco-star--4 { bottom: 25%; right: 14%; width: 0.7rem; height: 0.7rem; animation-delay: 0.4s !important; }
.deco-star--5 { top: 30%; right: 10%; width: 1.1rem; height: 1.1rem; animation-delay: 1.2s !important; }
.content-section {
display: flex;
flex-direction: column;
gap: 1rem;
text-align: center;
min-height: 0;
position: relative;
z-index: 1;
padding-top: 0rem;
margin-top: -1.5rem;
}
.buttons-section {
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 0 1rem;
flex: 0;
position: relative;
}
.buttons-section::before {
content: '';
position: absolute;
top: -3rem;
left: 0;
width: 100%;
height: 3rem;
display: block;
opacity: 0;
pointer-events: none;
z-index: 100;
background: linear-gradient(to top,
var(--srf-neutral-base) 20%,
var(--bottom-sheet-fade80) 40%,
var(--bottom-sheet-fade0) 100%
);
transition: opacity 0.2s ease-out;
}
.buttons-section.buttons-section--scrolled-bottom::before {
opacity: 1;
}
.button {
width: 100%;
min-height: 3rem;
max-height: 4.5rem;
border-radius: 999px;
cursor: pointer;
padding: 0.5rem 1rem;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.primary {
display: flex;
text-align: center;
align-items: stretch;
text-decoration: none;
background: var(--srf-primary);
color: var(--on-srf-primary);
}
.secondary {
display: flex;
text-align: center;
align-items: stretch;
text-decoration: underline;
color: var(--srf-primary);
}
/** ANIMATIONS **/
@keyframes slideInBottomSheet {
from { transform: translateY(100%); }
to { transform: translateY(0); }
}
@keyframes fadeInOverlay {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-5px); }
}
@keyframes shimmer {
0%, 100% { transform: scale(1); opacity: 1; }
50% { transform: scale(0.3); opacity: 0.2; }
}
</style>
<div class="device">
<div class="container">
<div class="overlay"></div>
<div class="bottom-sheet">
<!-- Close Icon -->
<div class="dismiss">
<svg class="close-icon" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.78999 5.79002C6.18052 5.3995 6.81948 5.3995 7.21 5.79002L12 10.5858L16.79 5.79002C17.1805 5.3995 17.8195 5.3995 18.21 5.79002C18.6005 6.18055 18.6005 6.8195 18.21 7.21002L13.4142 12L18.21 16.79C18.6005 17.1805 18.6005 17.8195 18.21 18.21C17.8195 18.6005 17.1805 18.6005 16.79 18.21L12 13.4142L7.21 18.21C6.81948 18.6005 6.18052 18.6005 5.78999 18.21C5.39947 17.8195 5.39947 17.1805 5.78999 16.79L10.5858 12L5.78999 7.21002C5.39947 6.8195 5.39947 6.18055 5.78999 5.79002Z"/>
</svg>
</div>
<div class="sheet-header"></div>
<div class="sheet-content">
<!-- Asset -->
<div class="asset-section">
<div class="asset-curve"></div>
<div class="asset-shadow"></div>
<!-- Decoration stars -->
<svg class="deco-star deco-star--1" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="#8C50FB" d="M7.34558 0.0951216C7.15124 -0.103848 6.81808 0.0303394 6.81346 0.303344C6.81346 0.303344 8.57179 8.17883 7.79905 9.50684C7.02631 10.8302 4.61091 12.6163 4.61091 12.6163L0.0855172 16.0451C-0.0995705 16.2348 0.0346196 16.5679 0.307624 16.5772C0.307624 16.5772 7.84069 16.5587 9.63142 16.9104C11.4221 17.262 14.5871 21.3016 14.5871 21.3016L16.1558 23.3421C16.3594 23.5226 16.6786 23.3838 16.6879 23.12C16.6879 23.12 16.2205 16.5911 16.9285 13.9906C17.6411 11.404 23.4019 7.3737 23.4019 7.3737C23.6009 7.17935 23.4528 6.85083 23.1798 6.84157C23.1798 6.84157 15.0175 7.85493 12.4679 5.97629C9.9183 4.09302 7.35946 0.0858722 7.35946 0.0858722L7.35021 0.0997533L7.34558 0.0951216Z"/></svg>
<svg class="deco-star deco-star--2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="#8C50FB" d="M7.34558 0.0951216C7.15124 -0.103848 6.81808 0.0303394 6.81346 0.303344C6.81346 0.303344 8.57179 8.17883 7.79905 9.50684C7.02631 10.8302 4.61091 12.6163 4.61091 12.6163L0.0855172 16.0451C-0.0995705 16.2348 0.0346196 16.5679 0.307624 16.5772C0.307624 16.5772 7.84069 16.5587 9.63142 16.9104C11.4221 17.262 14.5871 21.3016 14.5871 21.3016L16.1558 23.3421C16.3594 23.5226 16.6786 23.3838 16.6879 23.12C16.6879 23.12 16.2205 16.5911 16.9285 13.9906C17.6411 11.404 23.4019 7.3737 23.4019 7.3737C23.6009 7.17935 23.4528 6.85083 23.1798 6.84157C23.1798 6.84157 15.0175 7.85493 12.4679 5.97629C9.9183 4.09302 7.35946 0.0858722 7.35946 0.0858722L7.35021 0.0997533L7.34558 0.0951216Z"/></svg>
<svg class="deco-star deco-star--3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="#8C50FB" d="M7.34558 0.0951216C7.15124 -0.103848 6.81808 0.0303394 6.81346 0.303344C6.81346 0.303344 8.57179 8.17883 7.79905 9.50684C7.02631 10.8302 4.61091 12.6163 4.61091 12.6163L0.0855172 16.0451C-0.0995705 16.2348 0.0346196 16.5679 0.307624 16.5772C0.307624 16.5772 7.84069 16.5587 9.63142 16.9104C11.4221 17.262 14.5871 21.3016 14.5871 21.3016L16.1558 23.3421C16.3594 23.5226 16.6786 23.3838 16.6879 23.12C16.6879 23.12 16.2205 16.5911 16.9285 13.9906C17.6411 11.404 23.4019 7.3737 23.4019 7.3737C23.6009 7.17935 23.4528 6.85083 23.1798 6.84157C23.1798 6.84157 15.0175 7.85493 12.4679 5.97629C9.9183 4.09302 7.35946 0.0858722 7.35946 0.0858722L7.35021 0.0997533L7.34558 0.0951216Z"/></svg>
<svg class="deco-star deco-star--4" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="#8C50FB" d="M7.34558 0.0951216C7.15124 -0.103848 6.81808 0.0303394 6.81346 0.303344C6.81346 0.303344 8.57179 8.17883 7.79905 9.50684C7.02631 10.8302 4.61091 12.6163 4.61091 12.6163L0.0855172 16.0451C-0.0995705 16.2348 0.0346196 16.5679 0.307624 16.5772C0.307624 16.5772 7.84069 16.5587 9.63142 16.9104C11.4221 17.262 14.5871 21.3016 14.5871 21.3016L16.1558 23.3421C16.3594 23.5226 16.6786 23.3838 16.6879 23.12C16.6879 23.12 16.2205 16.5911 16.9285 13.9906C17.6411 11.404 23.4019 7.3737 23.4019 7.3737C23.6009 7.17935 23.4528 6.85083 23.1798 6.84157C23.1798 6.84157 15.0175 7.85493 12.4679 5.97629C9.9183 4.09302 7.35946 0.0858722 7.35946 0.0858722L7.35021 0.0997533L7.34558 0.0951216Z"/></svg>
<svg class="deco-star deco-star--5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="#8C50FB" d="M7.34558 0.0951216C7.15124 -0.103848 6.81808 0.0303394 6.81346 0.303344C6.81346 0.303344 8.57179 8.17883 7.79905 9.50684C7.02631 10.8302 4.61091 12.6163 4.61091 12.6163L0.0855172 16.0451C-0.0995705 16.2348 0.0346196 16.5679 0.307624 16.5772C0.307624 16.5772 7.84069 16.5587 9.63142 16.9104C11.4221 17.262 14.5871 21.3016 14.5871 21.3016L16.1558 23.3421C16.3594 23.5226 16.6786 23.3838 16.6879 23.12C16.6879 23.12 16.2205 16.5911 16.9285 13.9906C17.6411 11.404 23.4019 7.3737 23.4019 7.3737C23.6009 7.17935 23.4528 6.85083 23.1798 6.84157C23.1798 6.84157 15.0175 7.85493 12.4679 5.97629C9.9183 4.09302 7.35946 0.0858722 7.35946 0.0858722L7.35021 0.0997533L7.34558 0.0951216Z"/></svg>
<div class="asset-wrapper">
<img decoding="async" class="asset" src="https://pairedwithjaiden.com/wp-content/uploads/2026/02/not-cover.png" alt="Note to You product" />
</div>
</div>
<!-- Content -->
<div class="content-section">
<span class="title">Note to You</span>
<span class="body">Send something meaningful with Paired's "Note to You" — a heartfelt way to connect. Get 20% off when you buy any two items!</span>
</div>
</div>
<!-- Buttons -->
<div class="buttons-section">
<a href="#" id="cta-primary" class="button primary">
<span class="cta"><span>Get 20% Off</span></span>
</a>
<a href="#" id="cta-secondary" class="button secondary">
<span class="cta"><span>Button 2</span></span>
</a>
<a id="closeButton" class="button secondary">
<span class="cta"><span>No Thanks</span></span>
</a>
</div>
<div class="safe-area-spacer"></div>
</div>
</div>
</div>
<script>
const inAppMessageConfig = {
"showAsset": true,
"secondaryCta": true,
"secondaryCtaType": "dismiss",
"closeIcon": true,
"overlayTap": false,
"dragDown": false
};
const DRAG_CONSTANTS = {
FADE_MIN_OPACITY: 0.2,
DISMISS_THRESHOLD: null,
MAX_DOWN_SCROLL: 80,
MAX_EXTRA_PADDING: 40,
SCROLL_TIMEOUT_MS: 50
};
const bottomSheet = document.querySelector('.bottom-sheet');
const overlay = document.querySelector('.overlay');
const bottomSheetContent = [...bottomSheet.children];
const sheetContent = document.querySelector('.sheet-content');
const sheetHeader = document.querySelector('.sheet-header');
const buttonsSection = document.querySelector('.buttons-section');
const assetImg = document.querySelector('.asset');
const assetShadow = document.querySelector('.asset-shadow');
let isContentScrolling = false;
let scrollStateTimeout = null;
let isAtScrollBoundary = false;
let scrollBoundaryType = null;
let lastContentScrollPosition = 0;
let dragStartY = 0;
let dragCurrentY = 0;
let bottomSheetTranslateY = 0;
let isBottomSheetDragging = false;
let isBottomSheetExpanding = false;
let bottomSheetInitialPosition = 0;
const sendBrazeCloseEvent = (dismissalMethod) => {
if (window.brazeBridge) {
window.brazeBridge.closeMessage();
switch (dismissalMethod) {
case 'closeIcon':
window.brazeBridge.logClick('close_message');
break;
case 'dragDown':
window.brazeBridge.logClick('close_message');
window.brazeBridge.logClick('close_message(drag_down)');
break;
case 'overlayTap':
window.brazeBridge.logClick('close_message');
window.brazeBridge.logClick('close_message(tap_outside)');
break;
case 'closeButton':
window.brazeBridge.logClick('close_message');
break;
}
}
};
const dismissBottomSheet = (dismissalMethod) => {
bottomSheet.style.transition = 'transform 0.15s ease-in, opacity 0.15s ease-in';
bottomSheet.style.transform = `translateY(100%)`;
bottomSheetContent.forEach((child) => {
child.style.opacity = `0`;
});
overlay.style.transition = 'opacity 0.3s ease-out';
overlay.style.opacity = `0`;
sendBrazeCloseEvent(dismissalMethod);
};
const isScrollable = () => {
return sheetContent.scrollHeight > sheetContent.clientHeight;
};
const checkScrollBoundary = () => {
if (!isScrollable()) return false;
const isAtTop = sheetContent.scrollTop <= 0;
const isAtBottom = sheetContent.scrollHeight - sheetContent.scrollTop - sheetContent.clientHeight <= 1;
if (isAtTop) { scrollBoundaryType = 'top'; return true; }
else if (isAtBottom) { scrollBoundaryType = 'bottom'; return true; }
scrollBoundaryType = null;
return false;
};
const updateOverlays = () => {
if (!isScrollable()) {
sheetHeader.classList.remove('sheet-header--scrolled-top');
buttonsSection.classList.remove('buttons-section--scrolled-bottom');
return;
}
if (sheetContent.scrollTop > 0) {
sheetHeader.classList.add('sheet-header--scrolled-top');
} else {
sheetHeader.classList.remove('sheet-header--scrolled-top');
}
const isAtBottom = sheetContent.scrollHeight - sheetContent.scrollTop - sheetContent.clientHeight < 1;
if (!isAtBottom) {
buttonsSection.classList.add('buttons-section--scrolled-bottom');
} else {
buttonsSection.classList.remove('buttons-section--scrolled-bottom');
}
isAtScrollBoundary = checkScrollBoundary();
};
const initializeDismissalMethods = () => {
const closeButton = document.querySelector('.dismiss');
if (closeButton) {
if (inAppMessageConfig.closeIcon && (!inAppMessageConfig.secondaryCta || inAppMessageConfig.secondaryCtaType !== 'dismiss')) {
closeButton.classList.remove('dismiss--hidden');
closeButton.addEventListener('click', () => dismissBottomSheet('closeIcon'));
} else {
closeButton.classList.add('dismiss--hidden');
}
}
if (inAppMessageConfig.overlayTap) {
overlay.classList.add('overlay--tappable');
overlay.addEventListener('click', (e) => {
if (e.target === overlay) dismissBottomSheet('overlayTap');
});
} else {
overlay.classList.add('overlay--not-tappable');
}
if (inAppMessageConfig.dragDown) {
bottomSheet.addEventListener('mousedown', handleDragStart);
bottomSheet.addEventListener('touchstart', handleDragStart);
}
};
const handleDragStart = (e) => {
if (isScrollable() && (!isAtScrollBoundary || isContentScrolling)) return;
dragStartY = e.touches ? e.touches[0].clientY : e.clientY;
isBottomSheetDragging = true;
isBottomSheetExpanding = false;
bottomSheetInitialPosition = bottomSheet.getBoundingClientRect().top;
bottomSheet.style.transition = 'none';
overlay.style.transition = 'none';
window.addEventListener('mousemove', handleDragMove);
window.addEventListener('touchmove', handleDragMove, { passive: true });
window.addEventListener('mouseup', handleDragEnd);
window.addEventListener('touchend', handleDragEnd);
};
const handleDragMove = (e) => {
if (!isBottomSheetDragging) return;
if (isScrollable() && (!isAtScrollBoundary || isContentScrolling)) return;
dragCurrentY = e.touches ? e.touches[0].clientY : e.clientY;
const dragDistance = dragCurrentY - dragStartY;
if (isScrollable() && isAtScrollBoundary) {
if (scrollBoundaryType === 'bottom' && dragDistance < 0) {
const absDistance = Math.abs(dragDistance);
const extraPadding = Math.min(DRAG_CONSTANTS.MAX_EXTRA_PADDING, DRAG_CONSTANTS.MAX_EXTRA_PADDING * (1 - Math.exp(-absDistance / 70)));
bottomSheet.style.transform = `translateY(0)`;
bottomSheet.style.paddingBottom = `${1.5 + (extraPadding / 16)}rem`;
isBottomSheetExpanding = true;
} else if (scrollBoundaryType === 'top' && dragDistance > 0) {
if (inAppMessageConfig.dragDown) {
bottomSheetTranslateY = dragDistance;
bottomSheet.style.transform = `translateY(${bottomSheetTranslateY}px)`;
const fadeOutFactor = Math.min(1, bottomSheetTranslateY / DRAG_CONSTANTS.DISMISS_THRESHOLD / 2.33);
const opacity = 1 - fadeOutFactor * (1 - DRAG_CONSTANTS.FADE_MIN_OPACITY);
bottomSheetContent.forEach((child) => { child.style.opacity = `${opacity}`; });
overlay.style.opacity = `${1 - fadeOutFactor}`;
} else {
const resistanceFactor = 1 + Math.exp(dragDistance / DRAG_CONSTANTS.MAX_DOWN_SCROLL);
bottomSheetTranslateY = Math.min(dragDistance / resistanceFactor, DRAG_CONSTANTS.MAX_DOWN_SCROLL);
bottomSheet.style.transform = `translateY(${bottomSheetTranslateY}px)`;
bottomSheetContent.forEach((child) => { child.style.opacity = `1`; });
overlay.style.opacity = `1`;
}
}
} else if (!isScrollable()) {
if (dragDistance > 0) {
if (inAppMessageConfig.dragDown) {
bottomSheetTranslateY = dragDistance;
bottomSheet.style.transform = `translateY(${bottomSheetTranslateY}px)`;
const fadeOutFactor = Math.min(1, bottomSheetTranslateY / DRAG_CONSTANTS.DISMISS_THRESHOLD / 2.33);
const opacity = 1 - fadeOutFactor * (1 - DRAG_CONSTANTS.FADE_MIN_OPACITY);
bottomSheetContent.forEach((child) => { child.style.opacity = `${opacity}`; });
overlay.style.opacity = `${1 - fadeOutFactor}`;
} else {
const resistanceFactor = 1 + Math.exp(dragDistance / DRAG_CONSTANTS.MAX_DOWN_SCROLL);
bottomSheetTranslateY = Math.min(dragDistance / resistanceFactor, DRAG_CONSTANTS.MAX_DOWN_SCROLL);
bottomSheet.style.transform = `translateY(${bottomSheetTranslateY}px)`;
bottomSheetContent.forEach((child) => { child.style.opacity = `1`; });
overlay.style.opacity = `1`;
}
} else if (dragDistance < 0) {
const absDistance = Math.abs(dragDistance);
const extraPadding = Math.min(DRAG_CONSTANTS.MAX_EXTRA_PADDING, DRAG_CONSTANTS.MAX_EXTRA_PADDING * (1 - Math.exp(-absDistance / 70)));
bottomSheet.style.transform = `translateY(0)`;
bottomSheet.style.paddingBottom = `${1.5 + (extraPadding / 16)}rem`;
isBottomSheetExpanding = true;
}
}
};
const handleDragEnd = () => {
if (!isBottomSheetDragging) return;
isBottomSheetDragging = false;
const dragDistance = dragCurrentY - dragStartY;
if (isBottomSheetExpanding) {
bottomSheet.style.transition = 'transform 0.1s ease-out, padding-bottom 0.1s ease-out';
bottomSheet.style.transform = `translateY(0)`;
bottomSheet.style.paddingBottom = '1.5rem';
isBottomSheetExpanding = false;
bottomSheetContent.forEach((child) => { child.style.transition = '0.1s ease-out'; child.style.opacity = `1`; });
overlay.style.opacity = `1`;
} else if (dragDistance > 0) {
if (inAppMessageConfig.dragDown && bottomSheetTranslateY > DRAG_CONSTANTS.DISMISS_THRESHOLD) {
dismissBottomSheet('dragDown');
} else {
bottomSheet.style.transition = 'transform 0.2s ease-out';
bottomSheet.style.transform = `translateY(0)`;
bottomSheetContent.forEach((child) => { child.style.transition = '0.2s ease-out'; child.style.opacity = `1`; });
overlay.style.opacity = `1`;
}
}
};
document.addEventListener('DOMContentLoaded', () => {
overlay.style.opacity = '0';
bottomSheet.style.transform = 'translateY(100%)';
bottomSheet.style.transition = 'none';
overlay.style.transition = 'none';
bottomSheet.offsetHeight;
overlay.offsetHeight;
DRAG_CONSTANTS.DISMISS_THRESHOLD = bottomSheet.offsetHeight / 3;
overlay.style.transition = 'opacity 0.3s ease-out';
overlay.style.opacity = '1';
setTimeout(() => {
bottomSheet.style.transition = 'transform 0.266s ease-out';
bottomSheet.style.transform = 'translateY(0)';
}, 50);
if (inAppMessageConfig.showAsset) {
setTimeout(() => {
if (assetImg) {
assetImg.classList.add('asset--visible');
if (assetShadow) assetShadow.classList.add('asset-shadow--visible');
assetImg.classList.add('asset--floating');
}
setTimeout(() => {
const stars = document.querySelectorAll('.deco-star');
stars.forEach((star, i) => {
setTimeout(() => {
star.classList.add('deco-star--visible');
setTimeout(() => star.classList.add('deco-star--shimmer'), 500);
}, i * 150);
});
}, 1000);
}, 700);
}
initializeDismissalMethods();
bottomSheet.addEventListener('mousedown', handleDragStart);
bottomSheet.addEventListener('touchstart', handleDragStart);
const primaryButton = document.getElementById('cta-primary');
const secondaryButton = document.getElementById('cta-secondary');
const closeButton = document.getElementById('closeButton');
if (primaryButton) {
primaryButton.addEventListener('click', () => {
if (window.brazeBridge) window.brazeBridge.logClick('button_1');
});
}
if (inAppMessageConfig.secondaryCta) {
if (inAppMessageConfig.secondaryCtaType === 'cta' && secondaryButton) {
secondaryButton.classList.remove('hide');
secondaryButton.addEventListener('click', () => {
if (window.brazeBridge) window.brazeBridge.logClick('button_2');
});
if (closeButton) closeButton.classList.add('hide');
} else if (inAppMessageConfig.secondaryCtaType === 'dismiss' && closeButton) {
closeButton.classList.remove('hide');
closeButton.addEventListener('click', () => dismissBottomSheet('closeButton'));
if (secondaryButton) secondaryButton.classList.add('hide');
}
} else {
if (secondaryButton) secondaryButton.classList.add('hide');
if (closeButton) closeButton.classList.add('hide');
}
sheetContent.addEventListener('scroll', () => {
updateOverlays();
isContentScrolling = true;
lastContentScrollPosition = sheetContent.scrollTop;
if (scrollStateTimeout) clearTimeout(scrollStateTimeout);
scrollStateTimeout = setTimeout(() => { isContentScrolling = false; }, DRAG_CONSTANTS.SCROLL_TIMEOUT_MS);
});
setTimeout(updateOverlays, 100);
const assetSection = document.querySelector('.asset-section');
if (assetSection) {
if (inAppMessageConfig.showAsset) {
assetSection.classList.add('visible');
} else {
assetSection.classList.remove('visible');
}
}
});
window.addEventListener('resize', updateOverlays);
</script>
</body>
</html>
Meet the expert powering Jaiden™
Jaiden Fahey
Designer, developer, cool guy
I’m Jaiden from Australia. Started coding when MySpace was still cool, got into design 15 years ago making merchandise for bands. Working under creative constraints and tight budgets taught me how to solve problems fast and make things people actually want.
These days I’ve been freelancing full-time for 6+ years as a web designer and developer, based in Mexico, living with my partner and our three dogs. Most of my work is alongside marketers, which means I’ve learned to think about design through the lens of psychology – what makes someone stop scrolling, what builds trust, what drives action.
I’ve run email campaigns for 10k+ subscriber lists, built segmentation and automation flows, and written full campaigns from scratch. No formal design degree, but I’ve got ConversionXL certifications in digital psychology, CRO, and marketing, plus 15 years of shipping work that performs.
I’m deeply curious, especially about how technology and human behavior intersect. I love the challenge of making something beautiful and effective.