PageSourceSearch

https://emailsignaturerescue.webflow.io/

html emailsignaturerescue.webflow.io collected 2026-10-03 13:01:02 UTC 92,201 bytes, 1,858 lines download raw bytes

1<!DOCTYPE html><!-- Last Published: Mon Jul 13 2026 09:35:31 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="emailsignaturerescue.webflow.io" data-wf-page="64eed64ad81415ffcae1bfba" data-wf-site="64eed649d81415ffcae1be71" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Email Signature Rescue | Home</title><meta content="Join thousands of professionals who&#x27;ve elevated their brand with our stunning email signatures. Start creating your perfect email signature today with our easy-to-use signature software and professional templates." name="description"/><meta content="Email Signature Rescue | Home" property="og:title"/><meta content="Join thousands of professionals who&#x27;ve elevated their brand with our stunning email signatures. Start creating your perfect email signature today with our easy-to-use signature software and professional templates." property="og:description"/><meta content="https://imagedelivery.net/1cNcsRZEwSQRSjEbRxir3Q/79596d97-3fef-4f40-df4f-8b6721ea9900/public" property="og:image"/><meta content="Email Signature Rescue | Home" name="twitter:title"/><meta content="Join thousands of professionals who&#x27;ve elevated their brand with our stunning email signatures. Start creating your perfect email signature today with our easy-to-use signature software and professional templates." name="twitter:description"/><meta content="https://imagedelivery.net/1cNcsRZEwSQRSjEbRxir3Q/79596d97-3fef-4f40-df4f-8b6721ea9900/public" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/css/emailsignaturerescue.webflow.shared.e69e49340.min.css" rel="stylesheet" type="text/css" integrity="sha384-5p5JNA8VI+mzzeKa1Hh+Am2wQmd0nhDCkHTaW1yzRLwYvOFkK7VpJnmbIhNQkirD" crossorigin="anonymous"/>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/6698d669c3da767e9e80dc96_esr-icon-32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/6698d66e71d54b1c505df8bd_esr-icon-256.png" rel="apple-touch-icon"/><link href="https://www.emailsignaturerescue.com" rel="canonical"/>
1<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push.apply(w[g],Array.isArray(i)?i:[i]);})(window,['G-KYCV88S3XR'],'google_tags_first_party');</script>
1<script async="" src="/v2645sy3qzdjNjRlZWQ2NDlkODE0MTVmZmNhZTFiZTcx/W4yaqWR5LdcdMqVuCFz7GSt8HJ4"></script>
1<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('set', 'developer_id.dZGVlNj', true);gtag('set', 'developer_id.dYWYxNW', true);gtag('js', new Date());gtag('config', 'G-KYCV88S3XR');</script>
1<!-- Google Tag Manager -->
2<script>
vendor: 327 bytes, lines 2-6
2(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
3new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
4j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
5'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
6})(window,document,'script','dataLayer','
6GTM-PLRZGW
vendor: 3 bytes, line 6
6');
6</script>
6
7<!-- End Google Tag Manager -->
8
9<style>
10.esr-nav-link:hover::after, 
11.esr-nav-link.w--current::after {
12    transform: scaleX(1);
13}
14.esr-nav-link::after {
15    content: '';
16    position: absolute;
17    bottom: 0;
18    left: 0;
19    width: 100%;
20    height: 2px;
21    background: #6d918d;
22    transform: scaleX(0);
23    transition: transform 0.3s;
24}
25
26.custom-tooltip{position:fixed;background:#fff;color:#333;padding:8px 12px;border-radius:6px;font-size:14px;pointer-events:none;transform:scale(.9) translateY(3px);opacity:0;visibility:hidden;transition:opacity 0.2s ease,transform 0.2s ease,visibility 0.2s ease;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -1px rgb(0 0 0 / .06);z-index:2147483647;text-align:center;max-width:400px;width:max-content;min-width:60px;white-space:normal;word-wrap:break-word;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform-style:preserve-3d;user-select:none}.custom-tooltip::after{content:'';position:absolute;left:50%;border:solid #fff0;height:0;width:0;pointer-events:none;border-width:6px;margin-left:-6px;transition:border-color 0.2s ease}.custom-tooltip::after{bottom:-12px;border-top-color:#fff}.custom-tooltip--bottom::after{top:-12px;bottom:auto;border-top-color:#fff0;border-bottom-color:#fff}@supports not (width:max-content){.custom-tooltip{width:auto;min-width:60px;max-width:400px}}@media (forced-colors:active){.custom-tooltip{border:1px solid CanvasText}.custom-tooltip::after{border-top-color:CanvasText}.custom-tooltip--bottom::after{border-bottom-color:CanvasText}}
27/* menu breakpoint fixes */
28@media (max-width: 1273px) {
29    .nav-menu {
30        grid-column-gap: 2rem;
31    }
32}
33@media (max-width: 1177px) {
34    .wnav-wrapper.navigation-wrapper {
35        grid-column-gap: 2rem;
36    }
37}
38@media (max-width: 1113px) {
39    .nav-menu {
40        grid-column-gap: 1.5rem;
41    }
42    .wnav-wrapper.navigation-wrapper {
43        grid-column-gap: 1rem;
44    }
45}
46@media (min-width: 992px) and (max-width: 1033px) {
47    .nav-menu {
48        grid-column-gap: 1rem;
49    }
50    .wnav-wrapper.navigation-wrapper {
51        grid-column-gap: 0rem;
52    }
53}
54@media (max-width: 350px) {
55    .wnav-btn.nav-mobile {
56        width: 130px;
57        padding: 10px 10px;
58    }
59}
60/* END menu breakpoint fixes */
61</style>
61<script type="text/javascript">window.__WEBFLOW_CURRENCY_SETTINGS = {"currencyCode":"USD","symbol":"$","decimal":".","fractionDigits":2,"group":",","template":"{{wf {\"path\":\"symbol\",\"type\":\"PlainText\"} }} {{wf {\"path\":\"amount\",\"type\":\"CommercePrice\"} }} {{wf {\"path\":\"currencyCode\",\"type\":\"PlainText\"} }}","hideDecimalForWholeNumbers":false};</script>
61</head><body class="body"><div data-collapse="medium" data-animation="default" data-duration="400" id="top-nav" data-easing="ease" data-easing2="ease" role="banner" class="navbar-3 w-nav"><div class="navigation-wnav"><div class="wnav-wrapper navigation-wrapper"><div class="wnav-logo"><a href="/" aria-current="page" class="w-inline-block w--current"><img src="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/68f9c72d84d7ebc8adccff59_69421fc618d6b6a469b4ca208dd0a453_esr-logo-update-2025-2.png" loading="lazy" width="99" alt=""/></a></div><div class="wnav-menu"><nav role="navigation" class="nav-menu w-nav-menu"><div data-delay="300" data-hover="true" class="dropdown-3 w-dropdown"><nav data-w-id="6dad9a30-90c3-1570-d1f1-ee5b1949c002" class="dropdown-list-2 w-dropdown-list"><a href="/email-signature-software" class="dropdown-link-block w-inline-block"><div class="dropdown-link-block-text">Email Signature Rescue V2.0</div></a></nav></div><div data-delay="300" data-hover="true" class="dropdown-2 w-dropdown"><nav data-w-id="8225afb3-d87b-8a65-1669-d64a8dc758bf" class="dropdown-list-2 w-dropdown-list"><a href="/email-signature-software" class="dropdown-link-block w-inline-block"><div class="dropdown-link-block-text">Email Signature Software</div></a><a href="/free-tools/email-banner-generator" class="dropdown-link-block w-inline-block"><div class="dropdown-link-block-text">Free Email Banner Generator</div></a><a href="/free-tools/email-icons-generator" class="dropdown-link-block w-inline-block"><div class="dropdown-link-block-text">Free Email Icon Generator</div></a></nav></div><a href="/email-signature-software" class="esr-nav-link w-nav-link">Features</a><a href="/email-signature-templates" class="esr-nav-link w-nav-link">Templates</a><a href="/software" class="esr-nav-link w-nav-link">Works With</a><a href="/case-study" class="esr-nav-link w-nav-link">Case Studies</a><a href="/pricing" class="esr-nav-link w-nav-link">Pricing</a><div data-delay="300" data-hover="true" class="w-dropdown"><nav data-w-id="24df9929-8c39-1bd0-8855-8b4c28fcf16f" class="dropdown-list-2 w-dropdown-list"><a href="#" class="dropdown-link-block w-inline-block"><div class="dropdown-link-block-icon"></div><div class="dropdown-link-block-text">Email Icons Generator</div></a><a href="#" class="dropdown-link-block w-inline-block"><div class="dropdown-link-block-icon"></div><div class="dropdown-link-block-text">Email Banner Generator</div></a></nav></div><a href="/pricing" class="wnav-btn nav-mobile w-button">Get Started</a><a href="https://esig.ly/login" target="_blank" class="wnav-btn nav-mobile mobile-login-btn w-button">Log In</a></nav></div><div class="wnav-buttons"><a href="/login" class="wnav-btn wnav-login w-button">Log In</a><a href="https://sigstudio.app" target="_blank" class="wnav-btn w-button">Try SigStudio for $1</a><div class="menu-mob-2 w-nav-button"><div class="w-icon-nav-menu"></div></div></div></div></div></div><section><section class="hero-value-prop-wrap"><section class="hero_value"><div class="hero__container"><div id="w-node-c2e1fb6b-f76d-79fb-0912-7ec6ac4bfcbf-a035bbdc" class="hero__content"><h1 class="hero__title">Beautiful, consistent email signatures in minutes, not days.</h1><div class="text-block-71"><strong>Super Easy Email Signature Management Software</strong> for individuals and small teams that need to create and deploy professional signatures.</div><ul role="list" class="home-hero-checklist"><li class="home-hero-checklist-item"><img src="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/67b43cab9b7c6c2bcbf5f1ab_square-check-solid-white.svg" loading="lazy" width="20" height="Auto" alt="" class="home-hero-checklist-icon"/><div class="text-block-75"><a href="/email-signature-templates"><strong class="bold-text-19">100+ templates</strong></a>, for Outlook, Gmail, Apple Mail + 60 more. </div></li><li class="home-hero-checklist-item"><img src="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/67b43cab9b7c6c2bcbf5f1ab_square-check-solid-white.svg" loading="lazy" width="20" height="Auto" alt="" class="home-hero-checklist-icon"/><div class="text-block-77"><a href="/email-signature-software"><strong class="bold-text-18">Online Dashboard</strong></a> to create, manage &amp; deploy, no HTML needed.</div></li><li class="home-hero-checklist-item"><img src="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/67b43cab9b7c6c2bcbf5f1ab_square-check-solid-white.svg" loading="lazy" width="20" height="Auto" alt="" class="home-hero-checklist-icon"/><div class="text-block-80"><a href="/downloads"><strong class="bold-text-17">Easy to roll out across your whole team</strong></a>, no IT required. </div></li><li class="home-hero-checklist-item"><img src="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/67b43cab9b7c6c2bcbf5f1ab_square-check-solid-white.svg" loading="lazy" width="20" height="Auto" alt="" class="home-hero-checklist-icon"/><div class="text-block-76"><a href="https://www.emailsignaturerescue.com/blog/email-signatures-your-privacy-why-client-side-email-signature-software-is-more-privacy-focused-and-you-should-be-choosing-it-over-server-side"><strong class="bold-text-16">Privacy-first software</strong></a>, no email server access required. </div></li><li class="home-hero-checklist-item"><img src="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/67b43cab9b7c6c2bcbf5f1ab_square-check-solid-white.svg" loading="lazy" width="20" height="Auto" alt="" class="home-hero-checklist-icon"/><div class="text-block-79"><strong class="bold-text-15">Designed to stay on-brand and consistent, </strong>across every send<strong>.</strong></div></li><li class="home-hero-checklist-item"><img src="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/67b43cab9b7c6c2bcbf5f1ab_square-check-solid-white.svg" loading="lazy" width="20" height="Auto" alt="" class="home-hero-checklist-icon"/><div class="text-block-78"><strong class="bold-text-24">Same-day setup,</strong> add your users and deploy within hours.</div></li></ul><a href="/email-signature-templates" class="cta-section__button w-inline-block"><div>Find Your Email Signature</div><img src="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/67a457d80ae94f12e7952b32_arrow-right-solid.svg" loading="lazy" width="14" height="Auto" alt=""/></a></div><div class="hero__slider"><div class="hero__slides"><div class="w-embed"><style>
62.hero__content {
63  animation: fadeUp 0.8s ease-out;
64}
65.hero__slider {
66  animation: float 6s ease-in-out infinite;
67}
68.hero__slide {
69  position: absolute;
70  inset: 0;
71  animation: slideshow 40s infinite;
72  opacity: 0;
73}
74
75  .hero__slide:nth-child(1) { animation-delay: 0s; }
76  .hero__slide:nth-child(2) { animation-delay: 10s; }
77  .hero__slide:nth-child(3) { animation-delay: 20s; }
78  .hero__slide:nth-child(4) { animation-delay: 30s; }
79
80  .hero__slide img {
81    width: 100%;
82    height: 100%;
83    object-fit: cover;
84    border-radius: 0.5rem;
85}
86
87  @keyframes slideshow {
88    0%, 22% { opacity: 1; }
89    25%, 97% { opacity: 0; }
90    100% { opacity: 1; }
91  }
92
93  @keyframes fadeUp {
94    from {
95      opacity: 0;
96      transform: translateY(20px);
97    }
98    to {
99      opacity: 1;
100      transform: translateY(0);
101    }
102  }
103
104  @keyframes float {
105    0%, 100% { transform: translateY(0); }
106    50% { transform: translateY(-10px); }
107  }
108</style>
109<div class="hero__slide">
110  <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/275e94da-6de7-4f4c-79c4-20a954c74600/public" alt="Email Signature Template Author">
111</div>
112<div class="hero__slide">
113  <img src="https://imagedelivery.net/1cNcsRZEwSQRSjEbRxir3Q/16c852d1-da51-470d-3956-a90b410aa600/public" alt="Email Signature Template Botanica">
114</div>
115<div class="hero__slide">
116  <img src="https://imagedelivery.net/1cNcsRZEwSQRSjEbRxir3Q/58191daf-af9e-4835-d213-90a1fb863000/public" alt="Email Signature Template Raise">
117</div>
118<div class="hero__slide">
119  <img src="https://imagedelivery.net/1cNcsRZEwSQRSjEbRxir3Q/b83a716b-dbba-40b0-03b5-6e9a101d4000/public" alt="Email Signature Template Hightide">
120</div></div></div></div></div></section><section class="section-39"><div class="code-embed-54 w-embed"><style>
121        * {
122            margin: 0;
123            padding: 0;
124            box-sizing: border-box;
125        }
126
127        .trust-banner {
128            position: relative;
129            padding: 2rem 1.5rem;
130            overflow: hidden;
131            background: white;
132        }
133
134        .trust-banner__background {
135            position: absolute;
136            inset: 0;
137            z-index: 0;
138        }
139
140
141        .trust-banner__container {
142            position: relative;
143            z-index: 1;
144            max-width: 1280px;
145            margin: 0 auto;
146        }
147
148        .trust-banner__items {
149            display: flex;
150            flex-wrap: wrap;
151            justify-content: center;
152            align-items: center;
153            gap: 3rem;
154        }
155
156        .trust-item {
157            display: flex;
158            align-items: center;
159            gap: 0.75rem;
160            transition: all 300ms ease-out;
161        }
162
163        .trust-item:hover {
164            transform: translateY(-2px) scale(1.05);
165        }
166
167        .trust-item__icon-wrapper {
168            position: relative;
169        }
170
171        .trust-item__icon {
172            width: 24px;
173            height: 24px;
174            color: #4d6966;
175            transition: transform 300ms;
176        }
177
178        .trust-item__icon svg {
179            width: 100%;
180            height: 100%;
181            stroke: currentColor;
182            stroke-width: 2;
183            stroke-linecap: round;
184            stroke-linejoin: round;
185            fill: none;
186        }
187
188        .trust-item:hover .trust-item__icon {
189            transform: scale(1.1);
190        }
191
192        .trust-item__icon-glow {
193            position: absolute;
194            inset: 0;
195            background: rgb(156 163 175 / 0.2);
196            border-radius: 9999px;
197            filter: blur(8px);
198            opacity: 0;
199            transition: opacity 300ms;
200        }
201
202        .trust-item:hover .trust-item__icon-glow {
203            opacity: 1;
204        }
205
206        .trust-item__text {
207            font-size: 0.875rem;
208            font-weight: 500;
209            color: #4d6966;
210            transition: color 300ms;
211        }
212
213        .trust-item:hover .trust-item__text {
214            color: rgb(31 41 55);
215        }
216
217        /* Modal checkbox hack */
218        #modal-toggle {
219            display: none;
220        }
221
222        .modal {
223            position: fixed;
224            inset: 0;
225            background: rgb(0 0 0 / 0.5);
226            backdrop-filter: blur(4px);
227            display: flex;
228            align-items: center;
229            justify-content: center;
230            padding: 1rem;
231            z-index: 50;
232            opacity: 0;
233            visibility: hidden;
234            transition: all 300ms;
235        }
236
237        #modal-toggle:checked ~ .modal {
238            opacity: 1;
239            visibility: visible;
240        }
241
242        .modal__content {
243            background: white;
244            border-radius: 1rem;
245            padding: 2rem;
246            max-width: 28rem;
247            width: 100%;
248            position: relative;
249            box-shadow: 0 0 50px rgb(0 0 0 / 0.1);
250            transform: translateY(10px);
251            transition: transform 300ms;
252        }
253
254        #modal-toggle:checked ~ .modal .modal__content {
255            transform: translateY(0);
256        }
257
258        .modal__close {
259            position: absolute;
260            right: 1rem;
261            top: 1rem;
262            padding: 0.5rem;
263            border-radius: 9999px;
264            border: none;
265            background: transparent;
266            cursor: pointer;
267            transition: all 300ms;
268            display: flex;
269            align-items: center;
270            justify-content: center;
271        }
272
273        .modal__close:hover {
274            background: rgb(243 244 246);
275            transform: rotate(90deg) scale(1.1);
276        }
277
278        .modal__title {
279            font-size: 1.5rem;
280            font-weight: 700;
281            color: #000;
282            margin-bottom: 1.5rem;
283        }
284
285        .modal__text {
286            color: rgb(75 85 99);
287            line-height: 1.625;
288            margin-bottom: 1rem;
289        }
290
291        /* Refund trigger styles */
292        .refund-trigger {
293            cursor: pointer;
294        }
295
296        @keyframes pulse {
297            0%, 100% {
298                opacity: 0.5;
299            }
300            50% {
301                opacity: 0.2;
302            }
303        }
304
305        @media (max-width: 768px) {
306            .trust-banner {
307                padding: 1rem;
308            }
309            
310            .trust-banner__items {
311                gap: 1.5rem;
312            }
313
314            .trust-item {
315                width: 100%;
316                justify-content: center;
317            }
318        }
319    </style>
320
321    <!-- Modal toggle checkbox -->
322    <input type="checkbox" id="modal-toggle">
323
324    <div class="trust-banner">
325        <div class="trust-banner__background">
326        </div>
327        
328        <div class="trust-banner__container">
329            <div class="trust-banner__items">
330                <div class="trust-item">
331                    <div class="trust-item__icon-wrapper">
332                        <div class="trust-item__icon">
333                            <svg viewBox="0 0 24 24">
334                                <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
335                            </svg>
336                        </div>
337                        <div class="trust-item__icon-glow"></div>
338                    </div>
339                    <span class="trust-item__text">4.8 Star Rated on Trustpilot</span>
340                </div>
341
342                <div class="trust-item">
343                    <div class="trust-item__icon-wrapper">
344                        <div class="trust-item__icon">
345                            <svg viewBox="0 0 24 24">
346                                <rect x="1" y="4" width="22" height="16" rx="2" ry="2"/>
347                                <line x1="1" y1="10" x2="23" y2="10"/>
348                            </svg>
349                        </div>
350                        <div class="trust-item__icon-glow"></div>
351                    </div>
352                    <span class="trust-item__text">Secure payments</span>
353                </div>
354
355                <label class="trust-item refund-trigger" for="modal-toggle">
356                    <div class="trust-item__icon-wrapper">
357                        <div class="trust-item__icon">
358                            <svg viewBox="0 0 24 24">
359                                <path d="M3 2v6h6"/>
360                                <path d="M3 8l5-5"/>
361                                <path d="M21 12A9 9 0 0 0 6 5.3L3 8"/>
362                                <path d="M21 16v6h-6"/>
363                                <path d="M21 16l-5 5"/>
364                                <path d="M3 12a9 9 0 0 0 15 6.7l3-2.7"/>
365                            </svg>
366                        </div>
367                        <div class="trust-item__icon-glow"></div>
368                    </div>
369                    <span class="trust-item__text">7-day full refund</span>
370                </label>
371
372                <div class="trust-item">
373                    <div class="trust-item__icon-wrapper">
374                        <div class="trust-item__icon">
375                            <svg viewBox="0 0 24 24">
376                                <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
377                                <circle cx="9" cy="7" r="4"/>
378                                <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
379                                <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
380                            </svg>
381                        </div>
382                        <div class="trust-item__icon-glow"></div>
383                    </div>
384                    <span class="trust-item__text">200K+ Happy Customers</span>
385                </div>
386
387                <div class="trust-item">
388                    <div class="trust-item__icon-wrapper">
389                        <div class="trust-item__icon">
390                            <svg viewBox="0 0 24 24">
391                                <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
392                            </svg>
393                        </div>
394                        <div class="trust-item__icon-glow"></div>
395                    </div>
396                    <span class="trust-item__text">Operating Since 2013</span>
397                </div>
398            </div>
399        </div>
400    </div>
401
402    <!-- CSS-only Modal -->
403    <div class="modal">
404        <div class="modal__content">
405            <label for="modal-toggle" class="modal__close">
406                <div class="trust-item__icon">
407                    <svg viewBox="0 0 24 24">
408                        <line x1="18" y1="6" x2="6" y2="18"/>
409                        <line x1="6" y1="6" x2="18" y2="18"/>
410                    </svg>
411                </div>
412            </label>
413            <h2 class="modal__title">Refund Policy</h2>
414            <p class="modal__text">
415                We offer a full refund within 7 days of purchase if you're not completely satisfied with our service. 
416                Simply contact our support team and we'll process your refund, no questions asked.
417            </p>
418            <p class="modal__text">
419                This policy applies to all our plans and ensures you can try our service risk-free.
420            </p>
421        </div>
422    </div></div></section></section><section class="section-23"><div class="w-embed"><style>
423.bubbles33-section {
424    position: relative;
425    width: 100%;
426    min-height: 50vh;
427    padding: 6rem 2rem;
428    background: linear-gradient(135deg, rgba(181, 127, 147, 0.05), rgba(255, 255, 255, 0) 50%),
429                linear-gradient(225deg, rgba(181, 127, 147, 0.05), rgba(255, 255, 255, 0) 50%);
430    overflow: hidden;
431    display: flex;
432    flex-direction: column;
433}
434
435.bubbles33-section img {
436	margin-right:0;
437}
438
439.bubbles33-gradient-bg {
440    position: absolute;
441    inset: 0;
442    background: 
443        radial-gradient(circle at 0% 0%, rgba(181, 127, 147, 0.08) 0%, transparent 50%),
444        radial-gradient(circle at 100% 100%, rgba(181, 127, 147, 0.08) 0%, transparent 50%);
445    z-index: 0;
446}
447
448.bubbles33-content {
449    position: relative;
450    max-width: 1280px;
451    margin: 0 auto;
452    text-align: center;
453    z-index: 1;
454    width: 100%;
455}
456
457.bubbles33-title {
458    font-size: 3rem;
459    font-weight: 800;
460    line-height: 1.2;
461    margin-bottom: 2rem;
462    background: linear-gradient(to right, #4D6966);
463    -webkit-background-clip: text;
464    background-clip: text;
465    color: transparent;
466    max-width: 900px;
467    margin-left: auto;
468    margin-right: auto;
469}
470
471.bubbles33-button {
472    display: inline-flex;
473    align-items: center;
474    gap: 0.75rem;
475    padding: 1rem 2rem;
476    background: #4D6966;
477    color: white;
478    border-radius: 9999px;
479    font-weight: 600;
480    font-size: 1.125rem;
481    border: none;
482    cursor: pointer;
483    text-decoration: none;
484    position: relative;
485    overflow: hidden;
486    transition: all 0.3s;
487    margin-top: 1rem;
488    margin-bottom: 4rem;
489}
490
491.bubbles33-button::before {
492    content: '';
493    position: absolute;
494    inset: 0;
495    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.2), transparent);
496    transform: translateX(-100%);
497    transition: transform 0.6s;
498}
499
500.bubbles33-button:hover {
501    transform: scale(1.05);
502    background: #1d2c2b;
503    box-shadow: 0 10px 25px -5px rgb(214 231 229);
504}
505
506.bubbles33-button:hover::before {
507    transform: translateX(100%);
508}
509
510.bubbles33-bubbles {
511    position: absolute;
512    inset: 0;
513    pointer-events: none;
514    z-index: 1;
515    overflow: hidden;
516    width: 100%;
517    height: 100%;
518}
519
520.bubbles33-bubble {
521    position: absolute;
522    width: 60px;
523    height: 60px;
524    border-radius: 50%;
525    background: rgba(255, 255, 255, 0.95);
526    box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.1);
527    display: flex;
528    align-items: center;
529    justify-content: center;
530    padding: 12px;
531    bottom: -80px;
532    opacity: 0;
533    will-change: transform, opacity;
534}
535
536.bubbles33-bubble img {
537    width: 100%;
538    height: 100%;
539    object-fit: contain;
540}
541
542.bubbles33-bubble:nth-child(1) { left: 10%; animation: bubbles33-float1 7s ease-in-out infinite; }
543.bubbles33-bubble:nth-child(2) { left: 25%; animation: bubbles33-float2 8s ease-in-out infinite 1.5s; }
544.bubbles33-bubble:nth-child(3) { left: 40%; animation: bubbles33-float3 7.5s ease-in-out infinite 1s; }
545.bubbles33-bubble:nth-child(4) { left: 55%; animation: bubbles33-float4 8.5s ease-in-out infinite 2s; }
546.bubbles33-bubble:nth-child(5) { left: 70%; animation: bubbles33-float5 7s ease-in-out infinite 0.5s; }
547.bubbles33-bubble:nth-child(6) { left: 85%; animation: bubbles33-float6 8s ease-in-out infinite 1.2s; }
548
549@keyframes bubbles33-float1 {
550    0% { transform: translateY(0); opacity: 0; }
551    20% { opacity: 1; }
552    80% { opacity: 1; }
553    100% { transform: translateY(-120vh); opacity: 0; }
554}
555
556@keyframes bubbles33-float2 {
557    0% { transform: translateY(0) translateX(0); opacity: 0; }
558    20% { opacity: 1; }
559    50% { transform: translateY(-60vh) translateX(20px); }
560    80% { opacity: 1; }
561    100% { transform: translateY(-120vh) translateX(-20px); opacity: 0; }
562}
563
564@keyframes bubbles33-float3 {
565    0% { transform: translateY(0) translateX(0); opacity: 0; }
566    20% { opacity: 1; }
567    50% { transform: translateY(-60vh) translateX(-20px); }
568    80% { opacity: 1; }
569    100% { transform: translateY(-120vh) translateX(20px); opacity: 0; }
570}
571
572@keyframes bubbles33-float4 {
573    0% { transform: translateY(0) translateX(0); opacity: 0; }
574    20% { opacity: 1; }
575    50% { transform: translateY(-60vh) translateX(15px); }
576    80% { opacity: 1; }
577    100% { transform: translateY(-120vh) translateX(-15px); opacity: 0; }
578}
579
580@keyframes bubbles33-float5 {
581    0% { transform: translateY(0) translateX(0); opacity: 0; }
582    20% { opacity: 1; }
583    50% { transform: translateY(-60vh) translateX(-25px); }
584    80% { opacity: 1; }
585    100% { transform: translateY(-120vh) translateX(25px); opacity: 0; }
586}
587
588@keyframes bubbles33-float6 {
589    0% { transform: translateY(0) translateX(0); opacity: 0; }
590    20% { opacity: 1; }
591    50% { transform: translateY(-60vh) translateX(20px); }
592    80% { opacity: 1; }
593    100% { transform: translateY(-120vh) translateX(-20px); opacity: 0; }
594}
595
596.bubbles33-software {
597    position: relative;
598    z-index: 1;
599    margin-top: 2rem;
600}
601
602.bubbles33-software-grid {
603    display: grid;
604    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
605    gap: 2rem;
606    max-width: 1280px;
607    margin: 0 auto;
608    padding: 3rem;
609    background: rgba(255, 255, 255, 0.8);
610    backdrop-filter: blur(8px);
611    border-radius: 2rem;
612    box-shadow: 
613        0 25px 50px -12px rgba(0, 0, 0, 0.1),
614        0 0 0 1px rgba(255, 123, 172, 0.1);
615}
616
617.bubbles33-software-item {
618    position: relative;
619}
620
621.bubbles33-software-inner {
622    position: relative;
623    background: white;
624    border-radius: 1.5rem;
625    padding: 2rem;
626    aspect-ratio: 1;
627    display: flex;
628    flex-direction: column;
629    align-items: center;
630    justify-content: center;
631    gap: 1.5rem;
632    transition: all 0.3s;
633    box-shadow: 
634        0 4px 6px -1px rgba(0, 0, 0, 0.1),
635        0 2px 4px -1px rgba(0, 0, 0, 0.06);
636    overflow: hidden;
637    text-decoration: none;
638}
639
640.bubbles33-software-inner:hover {
641    transform: translateY(-10px) scale(1.05);
642    box-shadow: 
643        0 20px 25px -5px rgba(0, 0, 0, 0.1),
644        0 10px 10px -5px rgba(0, 0, 0, 0.04);
645}
646
647.bubbles33-software-icon {
648    width: 64px;
649    height: 64px;
650    object-fit: contain;
651    transition: transform 0.3s;
652    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
653}
654
655.bubbles33-software-inner:hover .bubbles33-software-icon {
656    transform: scale(1.2) rotate(5deg);
657}
658
659.bubbles33-software-name {
660    font-size: 1rem;
661    font-weight: 600;
662    color: #000;
663    text-align: center;
664    transition: color 0.3s;
665}
666
667.bubbles33-software-inner:hover .bubbles33-software-name {
668    color: #ff7bac;
669}
670
671@media (max-width: 768px) {
672    .bubbles33-section {
673        padding: 3rem 1rem;
674    }
675    
676    .bubbles33-title {
677        font-size: 2rem;
678    }
679    
680    .bubbles33-software-grid {
681        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
682        gap: 1rem;
683        padding: 1.5rem;
684    }
685    
686    .bubbles33-software-icon {
687        width: 48px;
688        height: 48px;
689    }
690    
691    .bubbles33-software-inner {
692        padding: 1.5rem;
693    }
694}
695    </style>
696
697<div class="bubbles33-section">
698        <div class="bubbles33-gradient-bg"></div>
699        <div class="bubbles33-bubbles">
700            <div class="bubbles33-bubble">
701                <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/869699d3-c5dd-4ccd-7f46-f9d404210f00/public" alt="salesforce">
702            </div>
703            <div class="bubbles33-bubble">
704                <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/206e94d9-e44d-40ea-d073-798a02be6c00/public" alt="Front">
705            </div>
706            <div class="bubbles33-bubble">
707                <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/a107c614-c4e8-4d58-e2c9-e9377ccea800/public" alt="Yahoo Mail">
708            </div>
709           <div class="bubbles33-bubble">
710                <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/95b86255-578f-45ae-027e-f8d6b2e44900/public" alt="Gmail">
711            </div>
712            <div class="bubbles33-bubble">
713                <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/46fd5987-f780-4f5f-828a-16fafd4cb600/public" alt="Dubsado">
714            </div>
715            <div class="bubbles33-bubble">
716                <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/1de38fbe-a5bb-41d9-d471-5a9a3f509e00/public" alt="Outlook">
717            </div>
718            <div class="bubbles33-bubble">
719                <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/4d380fab-a656-4792-f389-ec01fde74d00/public" alt="Google Workspace">
720            </div>
721            <div class="bubbles33-bubble">
722                <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/1323525a-e4eb
722-4ed3-f5f2-97c4372bc300/public" alt="Thunderbird">
723            </div>
724
725        </div>
726        
727        <div class="bubbles33-content">
728            <h1 class="bubbles33-title">Plays nicely with Gmail, Outlook, Apple Mail and 60+ more email clients, apps and CRM software</h1>
729            
730            <p>We've been experts in <a style="color:#6d918d;" href="/email-signatures">email signatures</a> since 2013, helping businesses create, manage, and install professional signatures across 60+ email clients, apps, and CRM platforms. With over a decade of experience, we’ve perfected a seamless, IT-free setup, with no coding, no hassle, just beautifully designed signatures that work. Let us handle the technical details so you can focus on what you do best.</p>
731            
732            <a href="/integrations" class="bubbles33-button">
733                Find Your Software Integration
734                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
735                    <line x1="5" y1="12" x2="19" y2="12"></line>
736                    <polyline points="12 5 19 12 12 19"></polyline>
737                </svg>
738            </a>
739            
740            <div class="bubbles33-software">
741                <div class="bubbles33-software-grid">
742                    <div class="bubbles33-software-item">
743                        <a href="/software/gmail" class="bubbles33-software-inner">
744                            <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/0bd37640-3f3e-46ae-81c0-1b6796213200/public" alt="Gmail" class="bubbles33-software-icon">
745                            <div class="bubbles33-software-name">Gmail</div>
746                        </a>
747                    </div>
748                    <div class="bubbles33-software-item">
749                        <a href="/email-signatures-for-outlook" class="bubbles33-software-inner">
750                            <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/590c7cdc-a1cc-49a7-7ffa-326376f5db00/public" alt="Outlook" class="bubbles33-software-icon">
751                            <div class="bubbles33-software-name">Outlook</div>
752                        </a>
753                    </div>
754                    <div class="bubbles33-software-item">
755                        <a href="/software/gmail" class="bubbles33-software-inner">
756                            <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/0c3cfe85-f7b8-4bc3-8c51-16671e208400/public" alt="Google Workspace" class="bubbles33-software-icon">
757                            <div class="bubbles33-software-name">Workspace</div>
758                        </a>
759                    </div>
760                    <div class="bubbles33-software-item">
761                        <a href="/software/apple-mail" class="bubbles33-software-inner">
762                            <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/b368aad4-1d5f-4759-191b-af3c5367b100/public" alt="Apple Mail" class="bubbles33-software-icon">
763                            <div class="bubbles33-software-name">Apple Mail</div>
764                        </a>
765                    </div>
766                    <div class="bubbles33-software-item">
767                        <a href="/software/aol-mail" class="bubbles33-software-inner">
768                            <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/a3cba804-dc10-48ed-1cb9-a0e379672500/public" alt="AOL Mail" class="bubbles33-software-icon">
769                            <div class="bubbles33-software-name">AOL Mail</div>
770                        </a>
771                    </div>
772                    <div class="bubbles33-software-item">
773                        <a href="/software/thunderbird" class="bubbles33-software-inner">
774                            <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/fbe0962b-4446-4624-6614-6cf63586b100/public" alt="Thunderbird" class="bubbles33-software-icon">
775                            <div class="bubbles33-software-name">Thunderbird</div>
776                        </a>
777                    </div>
778                </div>
779            </div>
780        </div>
781    </div></div></section><section class="section-21"><div class="w-embed"><style>
782        .cta-bar-sig-wrapper * {
783            box-sizing: border-box;
784            margin: 0;
785            padding: 0;
786        }
787
788        .cta-bar-sig-section {
789            width: 100%;
790            background: #6d918d;
791            padding: 1.5rem;
792            position: relative;
793            overflow: visible;
794            transition: transform 0.3s ease;
795        }
796
797        .cta-bar-sig-container {
798            max-width: 1200px;
799            margin: 0 auto;
800            display: flex;
801            align-items: center;
802            justify-content: space-between;
803            gap: 2rem;
804            position: relative;
805            z-index: 2;
806        }
807
808        .cta-bar-sig-content {
809            flex: 1;
810        }
811
812        .cta-bar-sig-text {
813            color: white;
814            font-size: 1.125rem;
815            font-weight: 500;
816            margin: 0;
817            line-height: 1.5;
818        }
819
820        .cta-bar-sig-signatures {
821            display: flex;
822            align-items: flex-end;
823            justify-content: center;
824            position: relative;
825            min-width: 300px;
826            perspective: 1000px;
827            margin: 0 2rem;
828            margin-bottom: -1.5rem;
829        }
830
831        .signature-preview {
832            position: absolute;
833            width: 160px;
834            height: 200px;
835            border-radius: 8px;
836            overflow: hidden;
837            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
838            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
839            cursor: pointer;
840            background: white;
841            transform-origin: bottom center;
842            bottom: -10px;
843        }
844
845        .signature-preview img {
846            width: 100%;
847            height: auto;
848            object-fit: cover;
849            transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
850        }
851
852        .signature-preview:hover {
853            transform: translateY(-40px) scale(1.1);
854            z-index: 10;
855        }
856
857        .signature-preview:nth-child(1) {
858            transform: translateX(-80px) translateY(-40px) rotate(-15deg);
859            z-index: 1;
860        }
861
862        .signature-preview:nth-child(2) {
863            transform: translateY(-60px);
864            z-index: 2;
865        }
866
867        .signature-preview:nth-child(3) {
868            transform: translateX(80px) translateY(-40px) rotate(15deg);
869            z-index: 1;
870        }
871
872        .signature-preview:nth-child(1):hover {
873            transform: translateX(-80px) translateY(-80px) rotate(-5deg) scale(1.1);
874        }
875
876        .signature-preview:nth-child(2):hover {
877            transform: translateY(-100px) scale(1.1);
878        }
879
880        .signature-preview:nth-child(3):hover {
881            transform: translateX(80px) translateY(-80px) rotate(5deg) scale(1.1);
882        }
883
884        .cta-bar-sig-button {
885            display: inline-flex;
886            align-items: center;
887            gap: 0.5rem;
888            background-color: #4d6966;
889            color: #fff;
890            font-weight: 600;
891            font-size: 1rem;
892            padding: 0.875rem 1.5rem;
893            border-radius: 100px;
894            border: none;
895            cursor: pointer;
896            text-decoration: none;
897            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
898            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
899            white-space: nowrap;
900            z-index: 10;
901            position: relative;
902        }
903
904        .cta-bar-sig-button:hover {
905            transform: translateY(-2px);
906            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
907            background-color: #1d2c2b;
908        }
909
910        .cta-bar-sig-button:active {
911            transform: translateY(0);
912        }
913
914        .cta-bar-sig-button-arrow {
915            transition: transform 0.3s ease;
916        }
917
918        .cta-bar-sig-button:hover .cta-bar-sig-button-arrow {
919            transform: translateX(4px);
920        }
921
922        /* Decorative elements */
923        .cta-bar-sig-decoration {
924            position: absolute;
925            background: rgba(255, 255, 255, 0.1);
926            border-radius: 50%;
927            pointer-events: none;
928        }
929
930        .cta-bar-sig-decoration-1 {
931            width: 150px;
932            height: 150px;
933            top: -75px;
934            right: 15%;
935        }
936
937        .cta-bar-sig-decoration-2 {
938            width: 100px;
939            height: 100px;
940            bottom: -50px;
941            left: 25%;
942        }
943
944        @media (max-width: 1024px) {
945            .cta-bar-sig-signatures {
946                display: none;
947            }
948        }
949
950        @media (max-width: 768px) {
951            .cta-bar-sig-container {
952                flex-direction: column;
953                text-align: center;
954                gap: 1rem;
955            }
956
957            .cta-bar-sig-text {
958                margin-bottom: 0.5rem;
959            }
960
961            .cta-bar-sig-section {
962                padding: 1.5rem 1rem;
963            }
964        }
965    </style>
966
967    <div class="cta-bar-sig-wrapper">
968        <div class="cta-bar-sig-section">
969            <div class="cta-bar-sig-decoration cta-bar-sig-decoration-1"></div>
970            <div class="cta-bar-sig-decoration cta-bar-sig-decoration-2"></div>
971            
972            <div class="cta-bar-sig-container">
973                <div class="cta-bar-sig-content">
974                    <p class="cta-bar-sig-text">Create, manage and deploy HTML email signatures for your team without any IT setup or tech knowledge!</p>
975                </div>
976
977                <div class="cta-bar-sig-signatures">
978                    <div class="signature-preview">
979                        <img src="https://cdn.prod.website-files.com/64eed64ad81415ffcae1bfd1/6744f0f433b876aa854c380d_email-signature-templates-FLYBY.avif" loading="lazy" alt="FLYBY Signature">
980                    </div>
981                    <div class="signature-preview">
982                        <img src="https://cdn.prod.website-files.com/64eed64ad81415ffcae1bfd1/6744f2fe4b13b8d2786c45a9_AUTHOR.avif" loading="lazy" alt="AUTHOR Signature">
983                    </div>
984                    <div class="signature-preview">
985                        <img src="https://cdn.prod.website-files.com/64eed64ad81415ffcae1bfd1/6744f4c6b6d579825cc0832c_RAISE.avif" loading="lazy" alt="RAISE Signature">
986                    </div>
987                </div>
988
989                <a href="/email-signature-templates" class="cta-bar-sig-button">
990                    See Templates
991                    <svg class="cta-bar-sig-button-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
992                        <path d="M5 12h14m-7-7l7 7-7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
993                    </svg>
994                </a>
995            </div>
996        </div>
997    </div></div></section><section><div class="w-embed"><style>
998  :root {
999    --primary: #6d918d;
1000    --primary-light: rgba(181, 127, 147, 0.08);
1001    --text-dark: #4D6966;
1002    --text-light: #666666;
1003    --background: #14141417;
1004  }
1005
1006  .callout33-section {
1007    position: relative;
1008    width: 100%;
1009    padding: 6rem 2rem;
1010    background: linear-gradient(135deg, var(--primary-light), var(--background) 10%), linear-gradient(225deg, var(--primary-light), var(--background) 30%);
1011    overflow: hidden;
1012  }
1013
1014  .callout33-gradient-bg {
1015    position: absolute;
1016    inset: 0;
1017    background: radial-gradient(circle at 0% 0%, var(--primary-light) 0%, transparent 50%), radial-gradient(circle at 100% 100%, var(--primary-light) 0%, transparent 50%);
1018    z-index: 0;
1019  }
1020
1021  .callout33-content {
1022    position: relative;
1023    max-width: 1200px;
1024    margin: 0 auto;
1025    text-align: center;
1026    z-index: 1;
1027  }
1028
1029  .callout33-title {
1030    font-size: 3rem;
1031    font-weight: 800;
1032    line-height: 1.3;
1033    margin-bottom: 1.5rem;
1034    background: linear-gradient(to right, #1a1a1a, var(--text-dark), var(--text-dark));
1035    -webkit-background-clip: text;
1036    background-clip: text;
1037    color: transparent;
1038    max-width: 800px;
1039    margin-left: auto;
1040    margin-right: auto;
1041  }
1042
1043  .callout33-description {
1044    font-size: 1.25rem;
1045    color: var(--text-dark);
1046    max-width: 700px;
1047    margin: 0 auto 4rem;
1048    line-height: 1.6;
1049  }
1050
1051  .callout33-description a {
1052    color: var(--primary);
1053    text-decoration: none;
1054    font-weight: 600;
1055    transition: color 0.3s;
1056  }
1057
1058  .callout33-description a:hover {
1059    color: var(--text-dark);
1060  }
1061
1062  .callout33-showcase {
1063    position: relative;
1064    width: fit-content;
1065    margin: 0 auto;
1066    padding: 2rem;
1067    background: var(--background);
1068    border-radius: 1.5rem;
1069    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1), 0 0 0 1px var(--primary-light);
1070  }
1071
1072  .callout33-image {
1073    display: block;
1074    max-width: 700px;
1075    width: 100%;
1076    height: auto;
1077    border-radius: 1rem;
1078  }
1079
1080  .callout33-points {
1081    position: absolute;
1082    inset: 0;
1083    pointer-events: none;
1084  }
1085
1086  .callout33-point {
1087    position: absolute;
1088    display: flex;
1089    align-items: center;
1090    animation: callout33-point-pulse 2s ease-in-out infinite;
1091  }
1092
1093  .callout33-point::before {
1094    content: '';
1095    width: 12px;
1096    height: 12px;
1097    background: var(--primary);
1098    border-radius: 50%;
1099    box-shadow: 0 0 0 4px rgba(181, 127, 147, 0.2);
1100    animation: callout33-dot-pulse 2s ease-in-out infinite;
1101  }
1102
1103  .callout33-line {
1104    width: 80px;
1105    height: 2px;
1106    background: linear-gradient(90deg, var(--primary), transparent);
1107    transform-origin: left center;
1108  }
1109
1110  .callout33-label {
1111    position: absolute;
1112    background: white;
1113    padding: 0.75rem 1rem;
1114    border-radius: 0.75rem;
1115    font-size: 0.875rem;
1116    font-weight: 500;
1117    color: #1a1a1a;
1118    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
1119    white-space: nowrap;
1120    opacity: 0;
1121    animation: callout33-label-fade 0.5s ease-out forwards;
1122  }
1123
1124  .callout33-point:nth-child(1) {
1125    top: 30%;
1126    left: 50px;
1127    animation-delay: 0.5s;
1128  }
1129
1130  .callout33-point:nth-child(1) .callout33-line {
1131    transform: rotate(0deg);
1132  }
1133
1134  .callout33-point:nth-child(1) .callout33-label {
1135    left: -180px;
1136    animation-delay: 0.7s;
1137  }
1138
1139  .callout33-point:nth-child(2) {
1140    top: 40%;
1141    right: -10px;
1142    animation-delay: 1s;
1143  }
1144
1145  .callout33-point:nth-child(2) .callout33-line {
1146    transform: rotate(180deg);
1147  }
1148
1149  .callout33-point:nth-child(2) .callout33-label {
1150    right: -180px;
1151    animation-delay: 1.2s;
1152  }
1153
1154  .callout33-point:nth-child(3) {
1155    bottom: 30%;
1156    left: 50px;
1157    animation-delay: 1.5s;
1158  }
1159
1160  .callout33-point:nth-child(3) .callout33-line {
1161    transform: rotate(0deg);
1162  }
1163
1164  .callout33-point:nth-child(3) .callout33-label {
1165    left: -180px;
1166    animation-delay: 1.7s;
1167  }
1168
1169  .callout33-point:nth-child(4) {
1170    bottom: 30%;
1171    right: -10px;
1172    animation-delay: 2s;
1173  }
1174
1175  .callout33-point:nth-child(4) .callout33-line {
1176    transform: rotate(180deg);
1177  }
1178
1179  .callout33-point:nth-child(4) .callout33-label {
1180    right: -180px;
1181    animation-delay: 2.2s;
1182  }
1183
1184  @keyframes callout33-point-pulse {
1185    0%, 100% {
1186      transform: scale(1);
1187    }
1188    50% {
1189      transform: scale(1.1);
1190    }
1191  }
1192
1193  @keyframes callout33-dot-pulse {
1194    0%, 100% {
1195      box-shadow: 0 0 0 4px rgba(181, 127, 147, 0.2);
1196    }
1197    50% {
1198      box-shadow: 0 0 0 8px rgba(181, 127, 147, 0.1);
1199    }
1200  }
1201
1202  @keyframes callout33-label-fade {
1203    from {
1204      opacity: 0;
1205      transform: translateX(10px);
1206    }
1207    to {
1208      opacity: 1;
1209      transform: translateX(0);
1210    }
1211  }
1212
1213  @media (max-width: 1024px) {
1214    .callout33-showcase {
1215      margin: 0 -1rem;
1216      border-radius: 0;
1217    }
1218
1219    .callout33-point {
1220      display: none;
1221    }
1222  }
1223
1224  @media (max-width: 768px) {
1225    .callout33-section {
1226      padding: 3rem 1rem;
1227    }
1228
1229    .callout33-title {
1230      font-size: 2rem;
1231    }
1232
1233    .callout33-description {
1234      font-size: 1.125rem;
1235    }
1236  }
1237</style>
1238
1239<div class="callout33-section">
1240  <div class="callout33-gradient-bg"></div>
1241
1242  <div class="callout33-content">
1243    <h2 class="callout33-title">Fix every email signature headache in one place</h2>
1244    <p class="callout33-description">Images showing as attachments? Signature not loading? Different on every device? With ESR, you get a signature that works perfectly across all email clients.</p>
1245
1246    <div class="callout33-showcase">
1247      <img
1248        src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/fa066780-ac71-4cc1-8791-5e6f1282bc00/public"
1249        alt="Email Signature Template"
1250        class="callout33-image"
1251      >
1252      <div class="callout33-points">
1253        <div class="callout33-point">
1254          <div class="callout33-line"></div>
1255          <div class="callout33-label">Images won't break</div>
1256        </div>
1257        <div class="callout33-point">
1258          <div class="callout33-line"></div>
1259          <div class="callout33-label">Stays consistent everywhere</div>
1260        </div>
1261        <div class="callout33-point">
1262          <div class="callout33-line"></div>
1263          <div class="callout33-label">Design once, apply to your team</div>
1264        </div>
1265        <div class="callout33-point">
1266          <div class="callout33-line"></div>
1267          <div class="callout33-label">Tested in Outlook, Apple Mail, Gmail + more</div>
1268        </div>
1269      </div>
1270    </div>
1271  </div>
1272</div></div></section><section class="section-21"><div class="w-embed"><style>
1273        .cta-bar-sig-wrapper * {
1274            box-sizing: border-box;
1275            margin: 0;
1276            padding: 0;
1277        }
1278
1279        .cta-bar-sig-section {
1280            width: 100%;
1281            background: #6d918d;
1282            padding: 1.5rem;
1283            position: relative;
1284            overflow: visible;
1285            transition: transform 0.3s ease;
1286        }
1287
1288        .cta-bar-sig-container {
1289            max-width: 1200px;
1290            margin: 0 auto;
1291            display: flex;
1292            align-items: center;
1293            justify-content: space-between;
1294            gap: 2rem;
1295            position: relative;
1296            z-index: 2;
1297        }
1298
1299        .cta-bar-sig-content {
1300            flex: 1;
1301        }
1302
1303        .cta-bar-sig-text {
1304            color: white;
1305            font-size: 1.125rem;
1306            font-weight: 500;
1307            margin: 0;
1308            line-height: 1.5;
1309        }
1310
1311        .cta-bar-sig-signatures {
1312            display: flex;
1313            align-items: flex-end;
1314            justify-content: center;
1315            position: relative;
1316            min-width: 300px;
1317            perspective: 1000px;
1318            margin: 0 2rem;
1319            margin-bottom: -1.5rem;
1320        }
1321
1322        .signature-preview {
1323            position: absolute;
1324            width: 160px;
1325            height: 200px;
1326            border-radius: 8px;
1327            overflow: hidden;
1328            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
1329            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
1330            cursor: pointer;
1331            background: white;
1332            transform-origin: bottom center;
1333            bottom: -10px;
1334        }
1335
1336        .signature-preview img {
1337            width: 100%;
1338            height: auto;
1339            object-fit: cover;
1340            transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
1341        }
1342
1343        .signature-preview:hover {
1344            transform: translateY(-40px) scale(1.1);
1345            z-index: 10;
1346        }
1347
1348        .signature-preview:nth-child(1) {
1349            transform: translateX(-80px) translateY(-40px) rotate(-15deg);
1350            z-index: 1;
1351        }
1352
1353        .signature-preview:nth-child(2) {
1354            transform: translateY(-60px);
1355            z-index: 2;
1356        }
1357
1358        .signature-preview:nth-child(3) {
1359            transform: translateX(80px) translateY(-40px) rotate(15deg);
1360            z-index: 1;
1361        }
1362
1363        .signature-preview:nth-child(1):hover {
1364            transform: translateX(-80px) translateY(-80px) rotate(-5deg) scale(1.1);
1365        }
1366
1367        .signature-preview:nth-child(2):hover {
1368            transform: translateY(-100px) scale(1.1);
1369        }
1370
1371        .signature-preview:nth-child(3):hover {
1372            transform: translateX(80px) translateY(-80px) rotate(5deg) scale(1.1);
1373        }
1374
1375        .cta-bar-sig-button {
1376            display: inline-flex;
1377            align-items: center;
1378            gap: 0.5rem;
1379            background-color: #4d6966;
1380            color: #fff;
1381            font-weight: 600;
1382            font-size: 1rem;
1383            padding: 0.875rem 1.5rem;
1384            border-radius: 100px;
1385            border: none;
1386            cursor: pointer;
1387            text-decoration: none;
1388            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1389            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
1390            white-space: nowrap;
1391            z-index: 10;
1392            position: relative;
1393        }
1394
1395        .cta-bar-sig-button:hover {
1396            transform: translateY(-2px);
1397            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
1398            background-color: #1d2c2b;
1399        }
1400
1401        .cta-bar-sig-button:active {
1402            transform: translateY(0);
1403        }
1404
1405        .cta-bar-sig-button-arrow {
1406            transition: transform 0.3s ease;
1407        }
1408
1409        .cta-bar-sig-button:hover .cta-bar-sig-button-arrow {
1410            transform: translateX(4px);
1411        }
1412
1413        /* Decorative elements */
1414        .cta-bar-sig-decoration {
1415            position: absolute;
1416            background: rgba(255, 255, 255, 0.1);
1417            border-radius: 50%;
1418            pointer-events: none;
1419        }
1420
1421        .cta-bar-sig-decoration-1 {
1422            width: 150px;
1423            height: 150px;
1424            top: -75px;
1425            right: 15%;
1426        }
1427
1428        .cta-bar-sig-decoration-2 {
1429            width: 100px;
1430            height: 100px;
1431            bottom: -50px;
1432            left: 25%;
1433        }
1434
1435        @media (max-width: 1024px) {
1436            .cta-bar-sig-signatures {
1437                display: none;
1438            }
1439        }
1440
1441        @media (max-width: 768px) {
1442            .cta-bar-sig-container {
1443                flex-direction: column;
1444                text-align: center;
1445                gap: 1rem;
1446            }
1447
1448            .cta-bar-sig-text {
1449                margin-bottom: 0.5rem;
1450            }
1451
1452            .cta-bar-sig-section {
1453                padding: 1.5rem 1rem;
1454            }
1455        }
1456    </style>
1457
1458    <div class="cta-bar-sig-wrapper">
1459        <div class="cta-bar-sig-section">
1460            <div class="cta-bar-sig-decoration cta-bar-sig-decoration-1"></div>
1461            <div class="cta-bar-sig-decoration cta-bar-sig-decoration-2"></div>
1462            
1463            <div class="cta-bar-sig-container">
1464                <div class="cta-bar-sig-content">
1465                    <p class="cta-bar-sig-text">Ready to transform your email signatures?</p>
1466                </div>
1467
1468                <div class="cta-bar-sig-signatures">
1469                    <div class="signature-preview">
1470                        <img src="https://cdn.prod.website-files.com/64eed64ad81415ffcae1bfd1/6744f0f433b876aa854c380d_email-signature-templates-FLYBY.avif" loading="lazy" alt="FLYBY Signature">
1471                    </div>
1472                    <div class="signature-preview">
1473                        <img src="https://cdn.prod.website-files.com/64eed64ad81415ffcae1bfd1/6744f2fe4b13b8d2786c45a9_AUTHOR.avif" loading="lazy" alt="AUTHOR Signature">
1474                    </div>
1475                    <div class="signature-preview">
1476                        <img src="https://cdn.prod.website-files.com/64eed64ad81415ffcae1bfd1/6744f4c6b6d579825cc0832c_RAISE.avif" loading="lazy" alt="RAISE Signature">
1477                    </div>
1478                </div>
1479
1480                <a href="/email-signature-templates" class="cta-bar-sig-button">
1481                    See Templates
1482                    <svg class="cta-bar-sig-button-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1483                        <path d="M5 12h14m-7-7l7 7-7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1484                    </svg>
1485                </a>
1486            </div>
1487        </div>
1488    </div></div></section><section class="section-35"><div class="code-embed-51 w-embed"><style>.checklist33-section{position:relative;width:100%;padding:6rem 2rem;background:linear-gradient(135deg,rgb(181 127 147 / .05),#fff0 50%),linear-gradient(225deg,rgb(181 127 147 / .05),#fff0 50%);overflow:hidden}.checklist33-gradient-bg{position:absolute;inset:0;background:radial-gradient(circle at 0% 0%,rgb(181 127 147 / .08) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgb(181 127 147 / .08) 0%,transparent 50%);z-index:0}.checklist33-content{position:relative;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;z-index:1}.checklist33-showcase{position:relative}.checklist33-showcase-circle{position:relative;width:100%;aspect-ratio:1;background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 25px 50px -12px rgb(0 0 0 / .1),0 0 0 1px rgb(255 123 172 / .1);transition:all 0.3s;transform-style:preserve-3d;perspective:1000px;animation:showcase-float 6s ease-in-out infinite}@keyframes showcase-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.checklist33-showcase-circle::before{content:'';position:absolute;inset:0;border-radius:1rem;padding:2px;background:linear-gradient(45deg,transparent,rgb(255 123 172 / .3),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.checklist33-showcase-image{width:100%;height:100%;object-fit:contain;border-radius:.75rem}.checklist33-text{animation:fadeInUp 1s cubic-bezier(.4,0,.2,1) forwards}.checklist33-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:2rem;background:linear-gradient(to right,#4D6966);-webkit-background-clip:text;background-clip:text;color:#14141417;max-width:100%;word-wrap:break-word}.checklist33-features{margin:2rem 0;background:rgb(255 255 255 / .8);backdrop-filter:blur(8px);border-radius:1rem;padding:2rem}.checklist33-feature{display:flex;align-items:center;gap:1rem;font-size:1.25rem;color:#000;padding:.75rem;opacity:0;transform:translateY(20px);animation:feature-appear 0.5s cubic-bezier(.4,0,.2,1) forwards}.checklist33-feature:nth-child(1){animation-delay:0.5s}.checklist33-feature:nth-child(2){animation-delay:1s}.checklist33-feature:nth-child(3){animation-delay:1.5s}.checklist33-feature:nth-child(4){animation-delay:2s}.checklist33-checkbox{width:1.5rem;height:1.5rem;border:2px solid #4D6966;border-radius:.5rem;position:relative;flex-shrink:0;animation:checkbox-check 0.3s cubic-bezier(.4,0,.2,1) forwards;
1488animation-delay:inherit}.checklist33-checkbox::before{content:'';position:absolute;inset:0;background:#4D6966;border-radius:.3rem;transform:scale(0);animation:checkbox-fill 0.3s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(inherit + 0.3s)}.checklist33-checkbox::after{content:'';position:absolute;left:50%;top:45%;width:6px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg) scale(0);animation:checkbox-tick 0.3s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(inherit + 0.6s)}.checklist33-feature-text{opacity:0;animation:text-appear 0.5s ease forwards;animation-delay:inherit}.checklist33-feature:nth-child(1) .checklist33-feature-text::after{content:'Professional templates for every industry'}.checklist33-feature:nth-child(2) .checklist33-feature-text::after{content:'Mobile optimized designs'}.checklist33-feature:nth-child(3) .checklist33-feature-text::after{content:'Easy customization options'}.checklist33-feature:nth-child(4) .checklist33-feature-text::after{content:'Regular template updates'}.checklist33-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#4d6966;color:#fff;border-radius:9999px;font-weight:600;font-size:1.125rem;border:none;cursor:pointer;position:relative;overflow:hidden;transition:all 0.3s;text-decoration:none}.checklist33-button::before{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgb(255 255 255 / .2),transparent);transform:translateX(-100%);transition:transform 0.6s}.checklist33-button:hover{transform:scale(1.05);background:#1d2c2b;box-shadow:0 10px 25px -5px rgb(214 231 229)}.checklist33-button:hover::before{transform:translateX(100%)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes feature-appear{to{opacity:1;transform:translateY(0)}}@keyframes checkbox-check{to{transform:scale(1)}}@keyframes checkbox-fill{to{transform:scale(1)}}@keyframes checkbox-tick{to{transform:translate(-50%,-50%) rotate(45deg) scale(1)}}@keyframes text-appear{to{opacity:1}}@media (max-width:768px){.checklist33-section{padding:3rem 1rem}.checklist33-content{grid-template-columns:1fr;gap:2rem}.checklist33-title{font-size:2.25rem}.checklist33-feature{font-size:1.125rem}}</style>
1489
1490    <div class="checklist33-section">
1491        <div class="checklist33-gradient-bg"></div>
1492        
1493        <div class="checklist33-content">
1494            <div class="checklist33-showcase">
1495                <div class="checklist33-showcase-circle">
1496                    <img 
1497                        src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/75acc5a1-159e-473d-09d6-d8112827e900/public" loading="lazy" 
1498                        alt="Email signature example design" 
1499                        class="checklist33-showcase-image"
1500                    >
1501                </div>
1502            </div>
1503            
1504            <div class="checklist33-text">
1505                <h2 class="checklist33-title">100's professionally designed and tested templates</h2>
1506                
1507                <div class="checklist33-features">
1508                    <div class="checklist33-feature">
1509                        <div class="checklist33-checkbox"></div>
1510                        <div class="checklist33-feature-text"></div>
1511                    </div>
1512                    <div class="checklist33-feature">
1513                        <div class="checklist33-checkbox"></div>
1514                        <div class="checklist33-feature-text"></div>
1515                    </div>
1516                    <div class="checklist33-feature">
1517                        <div class="checklist33-checkbox"></div>
1518                        <div class="checklist33-feature-text"></div>
1519                    </div>
1520                    <div class="checklist33-feature">
1521                        <div class="checklist33-checkbox"></div>
1522                        <div class="checklist33-feature-text"></div>
1523                    </div>
1524                </div>
1525                
1526                <a href="/email-signature-templates" target="_blank" class="checklist33-button">
1527                    See All Templates
1528                    <svg width="20" height="20" viewBox="0 0 24 24" fill="#ffffff" stroke="#ffffff" stroke-width="2">
1529                        <line x1="5" y1="12" x2="19" y2="12"></line>
1530                        <polyline points="12 5 19 12 12 19"></polyline>
1531                    </svg>
1532                </a>
1533            </div>
1534        </div>
1535    </div></div><div class="checklist-cta-big-image-section"></div></section><section><div class="w-embed w-iframe w-script">
1535<script type="text/javascript" src="https://widget.senja.io/js/iframeResizer.min.js"></script>
1535
1536<iframe id="wall-of-love-RIIB7XW" src="https://senja.io/p/emailsignaturerescue/RIIB7XW?hideNavigation=true&embed=true" title="Wall of Love" frameborder="0" scrolling="no" width="100%"></iframe>
1537<script type="text/javascript">document.addEventListener("DOMContentLoaded", function () {iFrameResize({log: false, checkOrigin: false}, "#wall-of-love-RIIB7XW");});</script>
1537</div></section><section><div class="w-embed"><style>.cl-section{position:relative;width:100%;;padding:6rem 2rem;}.cl-gradient-bg{position:absolute;inset:0;background:radial-gradient(circle at 0% 0%,rgb(181 127 147 / .08) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgb(181 127 147 / .08) 0%,transparent 50%);z-index:0}.cl-content{position:relative;max-width:1280px;margin:0 auto;z-index:1}.cl-badge{display:inline-block;padding:.5rem 1rem;background:rgb(181 127 147 / .1);color:#ff7bac;border-radius:9999px;font-weight:500;font-size:.875rem;margin-bottom:1.5rem;transition:transform 0.3s}.cl-badge:hover{transform:scale(1.05);background:rgb(181 127 147 / .15)}.cl-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#4D6966}.cl-description{font-size:1.25rem;line-height:1.6;color:#4D6966;max-width:600px;margin-bottom:3rem}.cl-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;margin-bottom:4rem}.cl-stat{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 25px 50px -12px rgb(0 0 0 / .1), 0 0 0 1px rgb(105 145 141 / 10%);transition:all 0.3s;opacity:0;transform:translateY(20px);position:relative;overflow:hidden}.cl-stat::before{content:'';position:absolute;inset:0;background:linear-gradient(45deg, transparent, rgb(105 145 141 / 5%), transparent);transform:translateX(-100%);transition:transform 0.6s}.cl-stat:hover::before{transform:translateX(100%)}.cl-stat:nth-child(1){animation:fadeInUp 0.6s cubic-bezier(.4,0,.2,1) forwards 0.2s}.cl-stat:nth-child(2){animation:fadeInUp 0.6s cubic-bezier(.4,0,.2,1) forwards 0.3s}.cl-stat:nth-child(3){animation:fadeInUp 0.6s cubic-bezier(.4,0,.2,1) forwards 0.4s}.cl-stat:nth-child(4){animation:fadeInUp 0.6s cubic-bezier(.4,0,.2,1) forwards 0.5s}.cl-stat:nth-child(5){animation:fadeInUp 0.6s cubic-bezier(.4,0,.2,1) forwards 0.6s}.cl-stat:hover{transform:translateY(-5px);box-shadow:0 30px 60px -15px rgb(0 0 0 / .15), 0 0 0 1px rgb(74 105 102 / 20%)}.cl-stat-icon{width:32px;height:32px;margin-bottom:1rem;color:#ff7bac}.cl-stat-number{font-size:2.5rem;font-weight:800;color:#6d918d;margin-bottom:.5rem;display:flex;align-items:baseline;gap:.25rem}.cl-stat-suffix{font-size:1.25rem;font-weight:600;color:#6d918d}.cl-stat-label{font-size:.875rem;color:#6d918d;line-height:1.4}.cl-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;align-items:center;justify-items:center;padding:2rem;background:#f7f7f7;backdrop-filter:blur(8px);border-radius:1rem;box-shadow:0 25px 50px -12px rgb(0 0 0 / .1)}.cl-logo{max-width:160px;height:auto;opacity:0;filter:grayscale(1);transition:all 0.3s;position:relative;overflow:hidden}.cl-logo::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgb(255 255 255 / .3),transparent);transform:skewX(-25deg);animation:shine 3s infinite}.cl-logo:hover{filter:grayscale(0);transform:scale(1.05)}.cl-logo:nth-child(1){animation:logoFadeIn 0.6s forwards 0.2s}.cl-logo:nth-child(2){animation:logoFadeIn 0.6s forwards 0.3s}.cl-logo:nth-child(3){animation:logoFadeIn 0.6s forwards 0.4s}.cl-logo:nth-child(4){animation:logoFadeIn 0.6s forwards 0.5s}.cl-logo:nth-child(5){animation:logoFadeIn 0.6s forwards 0.6s}.cl-logo:nth-child(1)::after{animation-delay:0s}.cl-logo:nth-child(2)::after{animation-delay:0.5s}.cl-logo:nth-child(3)::after{animation-delay:1s}.cl-logo:nth-child(4)::after{animation-delay:1.5s}.cl-logo:nth-child(5)::after{animation-delay:2s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes logoFadeIn{to{opacity:1}}@keyframes shine{0%{left:-100%}20%,100%{left:150%}}@media (max-width:1200px){.cl-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.cl-section{padding:3rem 1rem}.cl-title{font-size:2.5rem}.cl-description{font-size:1.125rem}.cl-stats{grid-template-columns:repeat(2,1fr)}.cl-logos{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.cl-stats{grid-template-columns:1fr}.cl-stat-number{font-size:2rem}.cl-logos{grid-template-columns:1fr}}</style>
1538
1539<div class="cl-section">
1540        <!--<div class="cl-gradient-bg"></div>-->
1541        <div class="cl-content">
1542            
1543            <h2 class="cl-title">We work with<br>the best clients</h2>
1544            <p class="cl-description">Join our community of thousands of businesses worldwide who trust us to create, host, manage, and deploy their HTML email signatures across 60+ email clients, apps, and CRM platforms. <strong>With over 10 years of expertise</strong>, we’ve helped businesses navigate the complexities of email signature design, ensuring industry-leading, professional and polished signatures.</p>
1545            
1546            <div class="cl-stats">
1547                <div class="cl-stat">
1548                    <svg class="cl-stat-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#4D6966">
1549                        <path d="M243.5 37.3c8-3.4 17-3.4 25 0l176.7 75c11.3 4.8 18.9 15.5 18.8 27.6c-.5 94-39.4 259.8-195.5 334.5c-7.9 3.8-17.2 3.8-25.1 0C87.3 399.6 48.5 233.8 48 139.8c-.1-12.1 7.5-22.8 18.8-27.6l176.7-75zM281 7.8c-16-6.8-34-6.8-50 0L54.3 82.8c-22 9.3-38.4 31-38.3 57.2c.5 99.2 41.3 280.7 213.6 363.2c16.7 8 36.1 8 52.8 0C454.7 420.7 495.5 239.2 496 140c.1-26.2-16.3-47.9-38.3-57.2L281 7.8zm82.3 195.5c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L224 297.4l-52.7-52.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l64 64c6.2 6.2 16.4 6.2 22.6 0l128-128z"/>
1550                    </svg>
1551                    <div class="cl-stat-number">4.8</div>
1552                    <div class="cl-stat-label">Trustpilot Rating</div>
1553                </div>
1554
1555                <div class="cl-stat">
1556                    <svg class="cl-stat-icon users-rescued" xmlns="http://www.w3.org/2000/svg" viewBox="60 0 512 512" fill="#4D6966" style="width:40px;">
1557                        <path d="M128 128a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM269.7 336c80 0 145 64.3 146.3 144L32 480c1.2-79.7 66.2-144 146.3-144l91.4 0zM224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0zm431 208c17 0 30.7-13.8 30.7-30.7C640 392.2 567.8 320 478.7 320l-61.4 0c-4.4 0-8.8 .2-13.2 .5c11.3 9.4 21.6 19.9 30.7 31.5l43.9 0c71 0 128.6 57.2 129.3 128l-128 0c0 .8 0 1.5 0 2.3c0 10.8-2.8 20.9-7.6 29.7l136.9 0zM432 256c61.9 0 112-50.1 112-112s-50.1-112-112-112c-24.8 0-47.7 8.1-66.3 21.7c5.2 9.8 9.3 20.3 12.4 31.2C392.3 71.9 411.2 64 432 64c44.2 0 80 35.8 80 80s-35.8 80-80 80c-25.2 0-47.6-11.6-62.3-29.8c-4.7 10.3-10.4 19.9-17 28.9C373 243.4 401 256 432 256z"/>
1558                    </svg>
1559                    <div class="cl-stat-number">200<span class="cl-stat-suffix">k+</span></div>
1560                    <div class="cl-stat-label">Users Rescued</div>
1561                </div>
1562
1563                <div class="cl-stat">
1564                    <svg class="cl-stat-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#4D6966">
1565                        <path d="M480 256A224 224 0 1 1 32 256a224 224 0 1 1 448 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM240 112l0 144c0 5.3 2.7 10.3 7.1 13.3l96 64c7.4 4.9 17.3 2.9 22.2-4.4s2.9-17.3-4.4-22.2L272 247.4 272 112c0-8.8-7.2-16-16-16s-16 7.2-16 16z"/>
1566                    </svg>
1567                    <div class="cl-stat-number">30<span class="cl-stat-suffix">M+</span></div>
1568                    <div class="cl-stat-label">Hours Saved</div>
1569                </div>
1570
1571                <div class="cl-stat">
1572                    <svg class="cl-stat-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#4D6966">
1573                        <path d="M160 48l0 48 192 0 0-48c0-8.8-7.2-16-16-16L176 32c-8.8 0-16 7.2-16 16zM128 96l0-48c0-26.5 21.5-48 48-48L336 0c26.5 0 48 21.5 48 48l0 48 64 0c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 160c0-35.3 28.7-64 64-64l64 0zm240 32l-224 0-80 0c-17.7 0-32 14.3-32 32l0 96 144 0 32 0 96 0 32 0 144 0 0-96c0-17.7-14.3-32-32-32l-80 0zM480 288l-144 0 0 48c0 17.7-14.3 32-32 32l-96 0c-17.7 0-32-14.3-32-32l0-48L32 288l0 128c0 17.7 14.3 32 32 32l384 0c17.7 0 32-14.3 32-32l0-128zm-272 0l0 48 96 0 0-48-96 0z"/>
1574                    </svg>
1575                    <div class="cl-stat-number">12<span class="cl-stat-suffix">+</span></div>
1576                    <div class="cl-stat-label">Years in the Business</div>
1577                </div>
1578
1579                <div class="cl-stat">
1580                    <svg class="cl-stat-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#4D6966">
1581                        <path d="M64 64C46.3 64 32 78.3 32 96l0 233.4 67.7-67.7c15.6-15.6 40.9-15.6 56.6 0L224 329.4 355.7 197.7c15.6-15.6 40.9-15.6 56.6 0L480 265.4 480 96c0-17.7-14.3-32-32-32L64 64zM32 374.6L32 416c0 17.7 14.3 32 32 32l41.4 0 96-96-67.7-67.7c-3.1-3.1-8.2-3.1-11.3 0L32 374.6zM389.7 220.3c-3.1-3.1-8.2-3.1-11.3 0L150.6 448 448 448c17.7 0 32-14.3 32-32l0-105.4-90.3-90.3zM0 96C0 60.7 28.7 32 64 32l384 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zm160 48a16 16 0 1 0 -32 0 16 16 0 1 0 32 0zm-64 0a48 48 0 1 1 96 0 48 48 0 1 1 -96 0z"/>
1582                    </svg>
1583                    <div class="cl-stat-number">1.1<span class="cl-stat-suffix">M+</span></div>
1584                    <div class="cl-stat-label">Images Hosted</div>
1585                </div>
1586            </div>
1587
1588            <div class="cl-logos">
1589                <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/6f99c021-a1cd-4c83-3392-17889dba9c00/public" alt="Universal" class="cl-logo">
1590                <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/58f89864-9c8e-481d-4356-0e7500c61e00/public" alt="Seattle University" class="cl-logo">
1591                <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/46daebb8-dfd2-4c7f-7d7b-ada58817ec00/public" alt="McAfee" class="cl-logo">
1592                <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/d9f80dc8-9ab5-4681-c442-18c9635c6500/public" alt="Dude Perfect" class="cl-logo">
1593                <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/c1a90a04-28d2-4a9f-3e8c-01d3cf31eb00/public" alt="Keller Williams" class="cl-logo">
1594            </div>
1595        </div>
1596    </div></div></section><section class="section-21"><div class="w-embed"><style>.cta-bar-sig-wrapper *{box-sizing:border-box;margin:0;padding:0}.cta-bar-sig-section{width:100%;background:#6d918d;padding:1.5rem;font-family:'Plus Jakarta Sans',sans-serif;position:relative;overflow:visible;transition:transform 0.3s ease}.cta-bar-sig-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;z-index:2}.cta-bar-sig-content{flex:1}.cta-bar-sig-text{color:#fff;font-size:1.125rem;font-weight:500;margin:0;line-height:1.5}.cta-bar-sig-signatures{display:flex;align-items:flex-end;justify-content:center;position:relative;min-width:300px;perspective:1000px;margin:0 2rem;margin-bottom:-1.5rem}.signature-preview{position:absolute;width:160px;height:200px;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px rgb(0 0 0 / .15);transition:all 0.5s cubic-bezier(.4,0,.2,1);cursor:pointer;background:#fff;transform-origin:bottom center;bottom:-10px}.signature-preview img{width:100%;height:auto;object-fit:cover;transition:transform 0.5s cubic-bezier(.4,0,.2,1)}.signature-preview:hover{transform:translateY(-40px) scale(1.1);z-index:10}.signature-preview:nth-child(1){transform:translateX(-80px) translateY(-40px) rotate(-15deg);z-index:1}.signature-preview:nth-child(2){transform:translateY(-60px);z-index:2}.signature-preview:nth-child(3){transform:translateX(80px) translateY(-40px) rotate(15deg);z-index:1}.signature-preview:nth-child(1):hover{transform:translateX(-80px) translateY(-80px) rotate(-5deg) scale(1.1)}.signature-preview:nth-child(2):hover{transform:translateY(-100px) scale(1.1)}.signature-preview:nth-child(3):hover{transform:translateX(80px) translateY(-80px) rotate(5deg) scale(1.1)}.cta-bar-sig-button{display:inline-flex;align-items:center;gap:.5rem;background-color:#4d6966;color:#fff;font-weight:600;font-size:1rem;padding:.875rem 1.5rem;border-radius:100px;border:none;cursor:pointer;text-decoration:none;transition:all 0.3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgb(0 0 0 / .1);white-space:nowrap;z-index:10;position:relative}.cta-bar-sig-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgb(0 0 0 / .15);background-color:#1d2c2b;}.cta-bar-sig-button:active{transform:translateY(0)}.cta-bar-sig-button-arrow{transition:transform 0.3s ease}.cta-bar-sig-button:hover .cta-bar-sig-button-arrow{transform:translateX(4px)}.cta-bar-sig-decoration{position:absolute;background:rgb(255 255 255 / .1);border-radius:50%;pointer-events:none}.cta-bar-sig-decoration-1{width:150px;height:150px;top:-75px;right:15%}.cta-bar-sig-decoration-2{width:100px;height:100px;bottom:-50px;left:25%}@media (max-width:1024px){.cta-bar-sig-signatures{display:none}}@media (max-width:768px){.cta-bar-sig-container{flex-direction:column;text-align:center;gap:1rem}.cta-bar-sig-text{margin-bottom:.5rem}
1596.cta-bar-sig-section{padding:1.5rem 1rem}}</style>
1597
1598    <div class="cta-bar-sig-wrapper">
1599        <div class="cta-bar-sig-section">
1600            <div class="cta-bar-sig-decoration cta-bar-sig-decoration-1"></div>
1601            <div class="cta-bar-sig-decoration cta-bar-sig-decoration-2"></div>
1602            
1603            <div class="cta-bar-sig-container">
1604                <div class="cta-bar-sig-content">
1605                    <p class="cta-bar-sig-text">Rescue your own clients from email signature stress.</p>
1606                </div>
1607
1608                <div class="cta-bar-sig-signatures">
1609                    <div class="signature-preview">
1610                        <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/382a2410-b680-4a96-8dda-4e8dfddf9800/public" alt="FLYBY Signature">
1611                    </div>
1612                    <div class="signature-preview">
1613                        <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/275e94da-6de7-4f4c-79c4-20a954c74600/public" alt="AUTHOR Signature">
1614                    </div>
1615                    <div class="signature-preview">
1616                        <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/5b77f176-7461-4dd5-478f-d72e45aa8100/public" alt="RAISE Signature">
1617                    </div>
1618                </div>
1619
1620                <a href="/partners" class="cta-bar-sig-button">
1621                    Partner Program
1622                    <svg class="cta-bar-sig-button-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1623                        <path d="M5 12h14m-7-7l7 7-7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1624                    </svg>
1625                </a>
1626            </div>
1627        </div>
1628    </div></div></section><div id="my-footer" class="footer-section"><div class="footer-gradient-bg"><div class="w-layout-blockcontainer container-1280 w-container"><div class="w-embed"><style>
1629.footer-column-heading::after {
1630    content: '';
1631    position: absolute;
1632    bottom: 0;
1633    left: 0;
1634    width: 2rem;
1635    height: 2px;
1636    background: #6d918d;
1637    transition: width 0.3s;
1638}
1639.footer-link-list:hover .footer-column-heading::after {
1640    width: 3rem;
1641}
1642.footer-legal-link::before {
1643		content: '';
1644    position: absolute;
1645    bottom: -2px;
1646    left: 0;
1647    width: 100%;
1648    height: 1px;
1649    background: #6d918d;
1650    transform: scaleX(0);
1651    transition: transform 0.3s;
1652}
1653.footer-legal-link:hover::before {
1654    transform: scaleX(1);
1655}
1656.w--current.footer-legal-link::before {
1657    transform: scaleX(1);
1658}
1659.w--current.footer-legal-link {
1660    color: #6d918d;
1661}
1662
1663</style></div><div class="top-footer"><div class="footer-left"><a href="/" aria-current="page" class="w-inline-block w--current"><div class="w-embed"><img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/3499da42-324e-4cca-c51b-513449e59300/public" width="200" loading="lazy" alt="Email Signature Rescue Logo"/></div></a><div class="footer-socials"><a href="https://www.facebook.com/emailsignaturerescue/" target="_blank" class="social-footer-icon w-inline-block"><div class="text-block-61"></div></a><a href="https://www.instagram.com/emailsignaturerescue/" target="_blank" class="social-footer-icon w-inline-block"><div class="text-block-61"></div></a><a href="https://au.linkedin.com/company/emailsignaturerescue" target="_blank" class="social-footer-icon w-inline-block"><div class="text-block-61"></div></a><a href="https://au.pinterest.com/emailsigrescue/" target="_blank" class="social-footer-icon w-inline-block"><div class="text-block-61"></div></a><a href="https://x.com/emailsigrescue" target="_blank" class="social-footer-icon w-inline-block"><div class="text-block-61"></div></a><a href="https://www.youtube.com/user/emailsignaturerescue" target="_blank" class="social-footer-icon last-social-icon w-inline-block"><div class="text-block-61"></div></a></div><form action="/search" class="search-2 w-form"><input class="search-input-2 w-input" maxlength="256" name="query" placeholder="Search…" type="search" id="search" required=""/><input type="submit" class="search-button-2 w-button" value="Search"/></form></div><div class="footer-link-list"><div class="footer-column-heading">What We Do</div><a href="/" aria-current="page" class="footer-list-link w--current">Email Signature Rescue</a><a href="/case-study" class="footer-list-link">Case Studies</a><a href="/partners" class="footer-list-link">Partners/Resellers</a><a href="/email-signature-software" class="footer-list-link">Email Signature Software</a><a href="/email-signatures-for-outlook" class="footer-list-link">Outlook Signatures</a><a href="https://www.emailsignaturerescue.com/software/gmail" class="footer-list-link">Gmail Signatures</a><a href="/software/apple-mail" class="footer-list-link">Apple Mail Signatures</a><a href="https://emailsignaturerescue.com/#demo" class="footer-list-link">Video Demo</a><a href="https://www.emailsignaturerescue.com/blog/email-signatures-your-privacy-why-client-side-email-signature-software-is-more-privacy-focused-and-you-should-be-choosing-it-over-server-side" class="footer-list-link">Why Privacy-Focused?</a></div><div class="footer-link-list"><div class="footer-column-heading">Services</div><a href="/email-signatures" class="footer-list-link">Email Signatures</a><a href="/email-signature-templates" class="footer-list-link">Email Signature Templates</a><a href="/email-signature-examples" class="footer-list-link">Email Signature Examples</a><a href="/email-signature-samples" class="footer-list-link">Email Signature Samples</a><a href="/email-signature-generator" class="footer-list-link">Email Signature Generator</a><a href="/email-footers" class="footer-list-link">Email Footers</a></div><div class="footer-link-list"><div class="footer-column-heading">Support</div><a href="/getting-started" class="footer-list-link">Getting Started</a><a href="/guides" class="footer-list-link">Install Guides</a><a href="/software" class="footer-list-link">Installer Apps &amp; Extensions</a><a href="/email-signature-rescue-v2-documentation" class="footer-list-link">Documentation</a><a href="/software" class="footer-list-link">All Integrations</a><a href="/downloads" class="footer-list-link">Installation Software</a><a href="/downloads" class="footer-list-link">Got a Signature Key?</a></div><div class="footer-link-list"><div class="footer-column-heading">Company</div><a href="/contact" class="footer-list-link">Contact</a><a href="/blog" class="footer-list-link">Blog</a><a href="/about" class="footer-list-link">About</a><div class="footer-column-heading">Free Tools</div><a href="/free-tools/free-email-signature-generator" class="footer-list-link">Email Signature Generator</a><a href="/free-tools/email-icons-generator" class="footer-list-link">Email Icons Generator</a><a href="/free-tools/email-banner-generator" class="footer-list-link">Email Banner Generator</a><a href="/free-tools/email-thumbnail-generator" class="footer-list-link">
1663Email Thumbnail Generator</a><a href="/free-tools/handwritten-signature-generator" class="footer-list-link">Handwritten Signature Generator</a></div></div><div class="bottom-footer"><div class="footer-copyright"><div class="text-block-62">© All rights reserved 2013-2025. Loadout Pty Ltd.</div></div><div class="footer-legal"><a href="/terms" class="footer-legal-link">Terms </a><a href="/privacy" class="footer-legal-link">Privacy</a><a href="/eula" class="footer-legal-link">EULA</a><a href="/refunds" class="footer-legal-link">Refunds</a><a href="/partner-terms" class="footer-legal-link">Partners</a></div></div></div></div></div></section>
1663<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64eed649d81415ffcae1be71" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
1663<script src="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/js/webflow.2d6df5b0.ba9d835181874cb6.js" type="text/javascript" integrity="sha384-Nul4qh0Krq/1Zxh9llJTuQd16thf/I89qq4eduMgR6q9pmbzcyVnQxo648k40Dba" crossorigin="anonymous"></script>
1663<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 1663-1664
1663
1664<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1664GTM-PLRZGW
vendor: 83 bytes, lines 1664-1665
1664"
1665height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1666<!-- End Google Tag Manager (noscript) -->
1667
1668<!-- THIS IS HERE SO WE CAN USE FOOTER COMPONENT ON ALL PAGES --> 
1669<script>
1670document.addEventListener('DOMContentLoaded', () => {
1671  // Add hover effect to logo
1672  const logo = document.querySelector('.ft2-logo');
1673  
1674  logo.addEventListener('mousemove', (e) => {
1675    const { left, top, width, height } = logo.getBoundingClientRect();
1676    const x = (e.clientX - left) / width - 0.5;
1677    const y = (e.clientY - top) / height - 0.5;
1678    
1679    logo.style.transform = `
1680      perspective(1000px)
1681      rotateY(${x * 20}deg)
1682      rotateX(${-y * 20}deg)
1683      scale(1.05)
1684    `;
1685  });
1686  
1687  logo.addEventListener('mouseleave', () => {
1688    logo.style.transform = 'none';
1689  });
1690  
1691  // Add hover effect to social links
1692  const socialLinks = document.querySelectorAll('.ft2-social-link');
1693  
1694  socialLinks.forEach(link => {
1695    link.addEventListener('mouseenter', () => {
1696      link.style.transform = 'translateY(-4px) scale(1.1)';
1697    });
1698    
1699    link.addEventListener('mouseleave', () => {
1700      link.style.transform = 'none';
1701    });
1702  });
1703  
1704  // Add stagger animation to links on page load
1705  const links = document.querySelectorAll('.ft2-link');
1706  links.forEach((link, index) => {
1707    link.style.opacity = '0';
1708    link.style.transform = 'translateY(10px)';
1709    
1710    setTimeout(() => {
1711      link.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)';
1712      link.style.opacity = '1';
1713      link.style.transform = 'none';
1714    }, 100 + (index * 50));
1715  });
1716  
1717  // Add intersection observer for columns
1718  const columns = document.querySelectorAll('.ft2-column');
1719  const observer = new IntersectionObserver(
1720    (entries) => {
1721      entries.forEach(entry => {
1722        if (entry.isIntersecting) {
1723          entry.target.style.opacity = '1';
1724          entry.target.style.transform = 'translateY(0)';
1725        }
1726      });
1727    },
1728    { threshold: 0.2 }
1729  );
1730  
1731  columns.forEach(column => {
1732    column.style.opacity = '0';
1733    column.style.transform = 'translateY(20px)';
1734    column.style.transition = 'all 0.5s cubic-bezier(0.4, 0, 0.2, 1)';
1735    observer.observe(column);
1736  });
1737});
1738</script>
1738
1739<!-- End FOOTER CODE -->
1740
1741
1742
1743
1744<!-- BEGIN SENJA -->
1745<script src="https://widget.senja.io/widget/51ad47a4-89ff-4767-be8f-a9db6385a646/platform.js" type="text/javascript" async></script>
1745
1746<!-- END SENJA -->
1747
1748<!-- TOOLTIPS -->
1749<script>
1750// Tooltip Script for Webflow
1751document.addEventListener('DOMContentLoaded', () => {
1752  // Create tooltip element
1753  const tooltip = document.createElement('div');
1754  tooltip.className = 'custom-tooltip';
1755  document.body.appendChild(tooltip);
1756
1757  // Get all elements with data-tooltip attribute
1758  const tooltipTriggers = document.querySelectorAll('[data-tooltip]');
1759
1760  // Event handlers
1761  const showTooltip = (e) => {
1762    const text = e.target.getAttribute('data-tooltip');
1763    if (!text) return; // Guard against empty tooltips
1764    
1765    tooltip.textContent = text;
1766    
1767    // Reset any previous transforms and ensure visibility for calculations
1768    tooltip.style.visibility = 'hidden';
1769    tooltip.style.opacity = '0';
1770    tooltip.style.transform = 'none';
1771    
1772    // Position the tooltip
1773    const rect = e.target.getBoundingClientRect();
1774    const tooltipRect = tooltip.getBoundingClientRect();
1775    
1776    // Calculate centered position
1777    let left = rect.left + (rect.width / 2) - (tooltipRect.width / 2);
1778    let top = rect.top - tooltipRect.height - 10;
1779    
1780    // Keep tooltip within viewport bounds
1781    const padding = 10;
1782    left = Math.max(padding, Math.min(left, window.innerWidth - tooltipRect.width - padding));
1783    
1784    // Handle case where tooltip would appear above viewport
1785    if (top < padding) {
1786      // Show below the element instead
1787      top = rect.bottom + 10;
1788      tooltip.classList.add('custom-tooltip--bottom');
1789    } else {
1790      tooltip.classList.remove('custom-tooltip--bottom');
1791    }
1792    
1793    // Apply position
1794    tooltip.style.left = `${left}px`;
1795    tooltip.style.top = `${top}px`;
1796    
1797    // Show tooltip with animation
1798    requestAnimationFrame(() => {
1799      tooltip.style.visibility = 'visible';
1800      tooltip.style.opacity = '1';
1801      tooltip.style.transform = 'scale(1) translateY(0)';
1802    });
1803  };
1804
1805  const hideTooltip = () => {
1806    tooltip.style.opacity = '0';
1807    tooltip.style.transform = 'scale(0.9) translateY(3px)';
1808    
1809    // Clean up after animation
1810    setTimeout(() => {
1811      if (tooltip.style.opacity === '0') {
1812        tooltip.style.visibility = 'hidden';
1813      }
1814    }, 200);
1815  };
1816
1817  // Touch device detection
1818  const isTouch = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
1819
1820  // Add event listeners to all tooltip triggers
1821  tooltipTriggers.forEach(trigger => {
1822    if (isTouch) {
1823      // For touch devices
1824      trigger.addEventListener('touchstart', showTooltip, { passive: true });
1825      trigger.addEventListener('touchend', hideTooltip);
1826    } else {
1827      // For mouse devices
1828      trigger.addEventListener('mouseenter', showTooltip);
1829      trigger.addEventListener('mouseleave', hideTooltip);
1830      trigger.addEventListener('focus', showTooltip);
1831      trigger.addEventListener('blur', hideTooltip);
1832    }
1833  });
1834});
1835  </script>
1835    <!--promotekit-->
1836<script async src="https://cdn.promotekit.com/promotekit.js" data-promotekit="96d0dd8c-814d-42f6-b44e-bf4f4ef557f9"></script>
vendor: 1 bytes, line 1836
1836
1837<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
vendor: 1 bytes, line 1837
1837
1838<script>
1839$(document).ready(function(){
1840    setTimeout(function() {
1841        $('a[href^="https://buy.stripe.com/"]').each(function(){
1842            const oldBuyUrl = $(this).attr("href");
1843            const referralId = window.promotekit_referral;
1844            if (!oldBuyUrl.includes("client_reference_id")) {
1845                const newBuyUrl = oldBuyUrl + "?client_reference_id=" + referralId;
1846                $(this).attr("href", newBuyUrl);
1847            }
1848        });
1849        $("[pricing-table-id]").each(function(){
1850        	$(this).attr("client-reference-id", window.promotekit_referral);
1851        });
1852        $("[buy-button-id]").each(function(){
1853        	$(this).attr("client-reference-id", window.promotekit_referral);
1854        });
1855    }, 1500);
1856});
1857</script>
1857
1858<!--promotekit--></body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.