PageSourceSearch

https://sendfox.com/pricing

html sendfox.com collected 2026-10-01 08:46:01 UTC 50,755 bytes, 1,064 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="utf-8">
5<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6<meta name="csrf-token" content="rKl4Q9yamSWlEZMseQiV93bCsFs6s8Ng5Ih5gykt">
7<title>Pricing - SendFox</title>
8<meta name="description" content="Grow your audience with email campaigns, automations, and landing pages that integrate your content.">
9<meta name="keywords" content="esp, email, email service provider, content creators">
10
11<link rel="canonical" href="https://sendfox.com/pricing" />
12<link rel="service-desc" href="/openapi.yaml" type="application/yaml">
13<meta name="norton-safeweb-site-verification" content="qkhuru6rsexyu9y4ffiw3cp2e3yfd7a8q4x5zgndjk2keve7ipg-a3r5l1vufgotdhyr967hr55mc80-dn3cljx3ynawvvnpzr56wrw4uozhhe6rhayphfy6ibfzuv-f" />
14
15    <meta property="twitter:site" content="@sendfox" />
16    <meta property="og:locale" content="en_US" />
17<meta property="og:type" content="article" />
18<meta property="og:title" content="Pricing - SendFox" />
19<meta property="og:description" content="The best and most affordable email marketing." />
20<meta property="og:url" content="https://sendfox.com/pricing" />
21<meta property="og:site_name" content="SendFox" />
22<meta property="og:image" content="https://cdn.sendfox.com/img/share-image.png" />
23<meta property="fb:app_id" content="195664598046177" />
vendor: 68 bytes, lines 23-24
23
24    <script async src="https://www.googletagmanager.com/gtag/js?id=
24UA-52269-29
vendor: 12 bytes, line 24
24"></script>
25<script>
26	
vendor: 132 bytes, lines 26-30
26window.dataLayer = window.dataLayer || [];
27	function gtag(){dataLayer.push(arguments);}
28	gtag('js', new Date());
29	
30	gtag('config', '
30UA-52269-29
vendor: 5 bytes, lines 30-31
30');
31	
31</script>
31
32        
32<script id="profitwell-js" data-pw-auth="c1a1cea89911c31de8607884c31ae157">
33  (function(i,s,o,g,r,a,m){i[o]=i[o]||function(){(i[o].q=i[o].q||[]).push(arguments)};
34  a=s.createElement(g);m=s.getElementsByTagName(g)[0];a.async=1;a.src=r+'?auth='+
35  s.getElementById(o+'-js').getAttribute('data-pw-auth');m.parentNode.insertBefore(a,m);
36  })(window,document,'profitwell','script','https://public.profitwell.com/js/profitwell.js');
37
38    
39</script>
39
40    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
41<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
42<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
43<link rel="manifest" href="/site.webmanifest">
44<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
45<meta name="msapplication-TileColor" content="#da532c">
46<meta name="theme-color" content="#ffffff">
47    <link href="https://cdn.sendfox.com/css/site.css?id=012c86791bf110d71ce87cadec483856" rel="stylesheet" data-turbo-track="reload">
48
49    
50    
50<script src="https://cdn.sendfox.com/js/app.js?id=c1e09f4d4a0a545ca2a5eecc4ed6b21b" defer data-turbo-track="reload"></script>
50
51    	<style>
52/*
53 * SendFox pricing — revamped layout. Design tokens (colors, radii, shadows)
54 * mirror the in-app editor's SCSS variables, defined locally here as --sf-*
55 * custom properties so this partial has no SCSS build dependency. Every rule is
56 * scoped under .sf-pricing so nothing leaks into the app shell.
57 */
58.sf-pricing {
59    --sf-primary: #ff644d;
60    --sf-primary-rgb: 255, 100, 77;
61    --sf-primary-strong: #E51E00;
62    --sf-primary-soft: #FFEBE5;
63    --sf-ink: #2E364C;
64    --sf-ink-soft: #41495d;
65    --sf-text-secondary: #53657A;
66    --sf-muted: #6E819A;
67    --sf-border: #DDE6ED;
68    --sf-divider: #E2EAF2;
69    --sf-soft-bg: #F2F5F9;
70    --sf-shell-bg: #F7F9FC;
71    --sf-radius: 12px;
72    --sf-radius-sm: 6px;
73    --sf-shadow-card: 0 5px 15px rgba(149, 164, 186, 0.35);
74    --sf-shadow-fox: 0 15px 15px rgba(var(--sf-primary-rgb), 0.50);
75    --sf-shadow-lift: 0 24px 60px -22px rgba(46, 54, 76, 0.45);
76
77    position: relative;
78    color: var(--sf-ink);
79    font-family: 'Figtree', sans-serif;
80    background:
81        radial-gradient(circle at 12% 4%, rgba(var(--sf-primary-rgb), 0.05) 0%, transparent 42%),
82        radial-gradient(circle at 88% 96%, rgba(149, 164, 186, 0.10) 0%, transparent 48%),
83        var(--sf-shell-bg);
84    padding-bottom: 24px;
85    -webkit-font-smoothing: antialiased;
86}
87
88.sf-pricing__wrap { max-width: 1140px; margin: 0 auto; padding: 0 24px; }
89
90/* ---------- hero ---------- */
91/* Hero and card spacing are deliberately tight: the goal is all three plan
92   CTAs visible above the fold on a ~900px-tall viewport. */
93.sf-pricing__hero { text-align: center; padding: 30px 0 0; }
94/* Billing-cycle toggle lives in the Pro column, the only plan it applies to.
95   It sits under the price and above the size slider so both Pro controls read
96   as one group, and the three cards keep their price rows aligned. */
97.sf-plan__cycle { margin-bottom: 12px; }
98.sf-plan__cycle .sf-cycle__opt { padding-left: 12px; padding-right: 12px; }
99
100/* Pro card annual pricing line (struck monthly price + yearly savings) */
101.sf-plan__price-annual { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 6px; font-size: 13px; }
102.sf-plan__strike { color: var(--sf-muted); text-decoration: line-through; }
103.sf-plan--featured .sf-plan__strike { color: rgba(255, 255, 255, 0.55); }
104.sf-plan__save { background: var(--sf-success-soft); color: var(--sf-success-strong); font-weight: 700; border-radius: 10rem; padding: 2px 8px; }
105.sf-eyebrow {
106    display: inline-block;
107    font-size: 12px;
108    font-weight: 700;
109    letter-spacing: 0.14em;
110    text-transform: uppercase;
111    color: var(--sf-primary);
112    background: var(--sf-primary-soft);
113    border-radius: 10rem;
114    padding: 6px 14px;
115    margin-bottom: 14px;
116}
117.sf-pricing__title {
118    font-size: clamp(38px, 5.5vw, 58px);
119    font-weight: 800;
120    line-height: 1.04;
121    letter-spacing: -0.03em;
122    margin: 0 0 10px;
123    color: var(--sf-ink);
124}
125.sf-pricing__title .accent { color: var(--sf-primary); }
126.sf-pricing__sub {
127    font-size: 17px;
128    line-height: 1.55;
129    color: var(--sf-text-secondary);
130    max-width: 660px;
131    margin: 0 auto;
132}
133
134/* ---------- plan grid ---------- */
135.sf-plans {
136    display: grid;
137    grid-template-columns: 1fr 1.12fr 1fr;
138    gap: 20px;
139    align-items: stretch;
140    margin: 30px 0 8px;
141}
142.sf-plan {
143    position: relative;
144    display: flex;
145    flex-direction: column;
146    background: #fff;
147    border: 1px solid var(--sf-border);
148    border-radius: var(--sf-radius);
149    box-shadow: var(--sf-shadow-card);
150    padding: 24px 28px 28px;
151    opacity: 0;
152    transform: translateY(14px);
153    animation: sf-rise 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
154}
155.sf-plan:nth-child(1) { animation-delay: 0.04s; }
156.sf-plan:nth-child(2) { animation-delay: 0.12s; }
157.sf-plan:nth-child(3) { animation-delay: 0.20s; }
158@keyframes sf-rise { to { opacity: 1; transform: none; } }
159/* The featured card keeps its scale emphasis at the end of the rise. */
160@keyframes sf-rise-featured { to { opacity: 1; transform: scale(1.015); } }
161
162.sf-plan--featured {
163    background: var(--sf-ink);
164    color: #fff;
165    border-color: var(--sf-ink);
166    box-shadow: var(--sf-shadow-lift);
167    transform: translateY(14px) scale(1.015);
168    animation-name: sf-rise-featured;
169    z-index: 2;
170}
171
172/* Declared after the .sf-plan rules above so the reset wins by source order. */
173@media (prefers-reduced-motion: reduce) {
174    .sf-plan { animation: none; opacity: 1; transform: none; }
175    .sf-plan--featured { animation: none; transform: scale(1.015); }
176    .sf-cta:hover { transform: none; }
177}
178.sf-plan__badge {
179    position: absolute;
180    top: -13px;
181    left: 50%;
182    transform: translateX(-50%);
183    background: var(--sf-primary);
184    color: #fff;
185    font-size: 11px;
186    font-weight: 700;
187    letter-spacing: 0.1em;
188    text-transform: uppercase;
189    padding: 5px 14px;
190    border-radius: 10rem;
191    box-shadow: 0 4px 10px -4px rgba(var(--sf-primary-rgb), 0.5);
192    white-space: nowrap;
193}
194.sf-plan__emoji { font-size: 26px; line-height: 1; margin-bottom: 8px; }
195.sf-plan__name { font-size: 22px; font-weight: 700; letter-spacing: -0.01em; margin-bottom: 4px; }
196.sf-plan__tagline { font-size: 14px; color: var(--sf-muted); margin-bottom: 14px; }
197.sf-plan--featured .sf-plan__tagline { color: rgba(255, 255, 255, 0.65); }
198
199.sf-plan__price-block {
200    padding-bottom: 16px;
201    margin-bottom: 16px;
202    border-bottom: 1px solid var(--sf-divider);
203    min-height: 82px;
204}
205.sf-plan--featured .sf-plan__price-block { border-bottom-color: rgba(255, 255, 255, 0.14); }
206.sf-plan__price { display: flex; align-items: baseline; gap: 2px; font-weight: 800; letter-spacing: -0.03em; }
207.sf-plan__price .dollar { font-size: 26px; font-weight: 600; }
208.sf-plan__price .amount { font-size: 46px; line-height: 1; }
209.sf-plan__price .period { font-size: 15px; font-weight: 600; color: var(--sf-muted); margin-left: 4px; }
210.sf-plan--featured .sf-plan__price .period { color: rgba(255, 255, 255, 0.6); }
211.sf-plan__price-note { font-size: 13px; color: var(--sf-muted); margin-top: 8px; }
212.sf-plan--featured .sf-plan__price-note { color: rgba(255, 255, 255, 0.62); }
213
214/* ---------- slider (Pro) ---------- */
215.sf-slider {
216    background: var(--sf-soft-bg);
217    border: 1px solid var(--sf-border);
218    border-radius: 8px;
219    padding: 14px;
220    margin-bottom: 16px;
221}
222.sf-slider__head {
223    display: flex;
224    justify-content: space-between;
225    align-items: center;
226    font-size: 11px;
227    font-weight: 700;
228    letter-spacing: 0.1em;
229    text-transform: uppercase;
230    color: var(--sf-muted);
231    margin-bottom: 12px;
232}
233.sf-slider__value { color: var(--sf-primary); font-size: 14px; }
234.sf-slider input[type=range] {
235    -webkit-appearance: none;
236    appearance: none;
237    width: 100%;
238    height: 4px;
239    border-radius: 2px;
240    background: var(--sf-border);
241    outline: none;
242    cursor: pointer;
243}
244.sf-slider input[type=range]::-webkit-slider-thumb {
245    -webkit-appearance: none;
246    width: 22px; height: 22px;
247    border-radius: 50%;
248    background: var(--sf-primary);
249    border: 3px solid #fff;
250    box-shadow: 0 0 0 1px var(--sf-primary), var(--sf-shadow-fox);
251    cursor: pointer;
252}
253.sf-slider input[type=range]::-moz-range-thumb {
254    width: 22px; height: 22px;
255    border-radius: 50%;
256    background: var(--sf-primary);
257    border: 3px solid #fff;
258    box-shadow: 0 0 0 1px var(--sf-primary);
259    cursor: pointer;
260}
261.sf-slider input[type=range]:focus-visible::-webkit-slider-thumb {
262    box-shadow: 0 0 0 1px var(--sf-primary), 0 0 0 5px rgba(var(--sf-primary-rgb), 0.30);
263}
264.sf-slider input[type=range]:focus-visible::-moz-range-thumb {
265    box-shadow: 0 0 0 1px var(--sf-primary), 0 0 0 5px rgba(var(--sf-primary-rgb), 0.30);
266}
267/*
268 * Tick centers must line up with the native range thumb's center positions.
269 * On a 22px thumb the center moves from 11px to (width - 11px), NOT 0% to 100%,
270 * so each tick is absolutely positioned at its thumb-center coordinate.
271 */
272.sf-slider__ticks {
273    position: relative;
274    height: 14px;
275    margin-top: 10px;
276    font-size: 10px;
277    font-weight: 600;
278    letter-spacing: 0.04em;
279    color: var(--sf-muted);
280}
281.sf-slider__ticks span {
282    position: absolute;
283    top: 0;
284    transform: translateX(-50%);
285    white-space: nowrap;
286}
287.sf-slider__ticks span:nth-child(1) { left: 11px; }
288.sf-slider__ticks span:nth-child(2) { left: calc(25% + 5.5px); }
289.sf-slider__ticks span:nth-child(3) { left: 50%; }
290.sf-slider__ticks span:nth-child(4) { left: calc(75% - 5.5px); }
291.sf-slider__ticks span:nth-child(5) { left: calc(100% - 11px); }
292.sf-slider__sends {
293    display: flex;
294    justify-content: space-between;
295    align-items: center;
296    margin-top: 8px;
297    padding-top: 8px;
298    border-top: 1px dashed var(--sf-border);
299    font-size: 13px;
300    color: var(--sf-text-secondary);
301}
302.sf-slider__sends strong { color: var(--sf-primary); font-size: 15px; }
303
304/* ---------- CTAs ---------- */
305.sf-cta {
306    display: block;
307    width: 100%;
308    text-align: center;
309    text-decoration: none;
310    font-family: inherit;
311    font-size: 15px;
312    font-weight: 700;
313    padding: 14px 16px;
314    border-radius: var(--sf-radius-sm);
315    margin-bottom: 24px;
316    border: 1.5px solid transparent;
317    cursor: pointer;
318    transition: transform 0.14s ease, background 0.14s ease, border-color 0.14s ease;
319}
320.sf-cta:hover { transform: translateY(-1px); text-decoration: none; }
321.sf-cta:focus-visible { outline: 2px solid var(--sf-primary); outline-offset: 3px; }
322.sf-enterprise__cta:focus-visible { outline: 2px solid var(--sf-primary); outline-offset: 3px; }
323.sf-cta--primary { background: var(--sf-primary); color: #fff; box-shadow: var(--sf-shadow-fox); }
324.sf-cta--primary:hover { background: var(--sf-primary-strong); color: #fff; }
325/* The fox glow reads as a smear against the featured card's dark ink; keep it
326   tight there. */
327.sf-plan--featured .sf-cta--primary { box-shadow: 0 6px 14px -8px rgba(var(--sf-primary-rgb), 0.6); }
328.sf-cta--outline { background: #fff; color: var(--sf-ink); border-color: var(--sf-border); }
329.sf-cta--outline:hover { border-color: var(--sf-muted); color: var(--sf-ink); }
330.sf-cta--ink { background: var(--sf-ink); color: #fff; box-shadow: 0 10px 24px -12px rgba(46, 54, 76, 0.55); }
331.sf-cta--ink:hover { background: var(--sf-ink-soft); color: #fff; }
332.sf-cta__current {
333    display: flex;
334    align-items: center;
335    justify-content: center;
336    gap: 8px;
337    margin-bottom: 24px;
338    padding: 13px 16px;
339    font-size: 14px;
340    font-weight: 600;
341    color: var(--sf-text-secondary);
342}
343.sf-plan--featured .sf-cta__current { color: rgba(255, 255, 255, 0.78); }
344.sf-cta__current .dot { width: 8px; height: 8px; border-radius: 50%; background: #00C490; }
345
346/* ---------- feature list ---------- */
347.sf-feats { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 11px; }
348.sf-feat { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.4; }
349.sf-feat__ic {
350    flex-shrink: 0;
351    width: 18px; height: 18px;
352    border-radius: 50%;
353    background: var(--sf-primary);
354    display: flex; align-items: center; justify-content: center;
355    margin-top: 1px;
356}
357.sf-feat__ic svg { width: 10px; height: 10px; }
358.sf-plan--featured .sf-feat__ic { background: var(--sf-primary); }
359.sf-feat--off { color: var(--sf-text-secondary); }
360.sf-feat--off .sf-feat__ic { background: var(--sf-border); }
361.sf-plan--featured .sf-feat--off { color: rgba(255, 255, 255, 0.62); }
362.sf-plan--featured .sf-feat--off .sf-feat__ic { background: rgba(255, 255, 255, 0.16); }
363
364/* ---------- enterprise band ---------- */
365.sf-enterprise {
366    display: flex;
367    align-items: center;
368    justify-content: space-between;
369    gap: 28px;
370    margin: 44px 0;
371    padding: 28px 34px;
372    background: #fff;
373    border: 1.5px dashed var(--sf-border);
374    border-radius: var(--sf-radius);
375}
376.sf-enterprise__title { font-size: 22px; font-weight: 700; letter-spacing: -0.01em; margin-bottom: 4px; }
377.sf-enterprise__desc { font-size: 15px; color: var(--sf-text-secondary); max-width: 640px; }
378.sf-enterprise__cta {
379    flex-shrink: 0;
380    white-space: nowrap;
381    text-decoration: none;
382    font-weight: 700;
383    font-size: 15px;
384    padding: 13px 26px;
385    border-radius: var(--sf-radius-sm);
386    background: var(--sf-ink);
387    color: #fff;
388    transition: background 0.14s ease;
389}
390.sf-enterprise__cta:hover { background: var(--sf-ink-soft); color: #fff; text-decoration: none; }
391
392/* ---------- alignment band ---------- */
393.sf-align {
394    position: relative;
395    overflow: hidden;
396    margin: 44px 0;
397    padding: 52px 56px;
398    background: var(--sf-ink);
399    color: #fff;
400    border-radius: var(--sf-radius);
401}
402.sf-align::after {
403    content: '🦊';
404    position: absolute;
405    right: -36px; bottom: -52px;
406    font-size: 260px;
407    line-height: 1;
408    opacity: 0.07;
409    transform: rotate(-12deg);
410    pointer-events: none;
411}
412.sf-align__eyebrow {
413    font-size: 12px;
414    font-weight: 700;
415    letter-spacing: 0.14em;
416    text-transform: uppercase;
417    color: var(--sf-primary);
418    margin-bottom: 14px;
419}
420.sf-align__title {
421    position: relative;
422    font-size: clamp(26px, 3.4vw, 36px);
423    font-weight: 800;
424    letter-spacing: -0.02em;
425    line-height: 1.12;
426    max-width: 720px;
427    margin: 0 0 16px;
428}
429.sf-align__title .accent { color: var(--sf-primary); }
430.sf-align__body {
431    position: relative;
432    font-size: 16px;
433    line-height: 1.65;
434    max-width: 620px;
435    color: rgba(255, 255, 255, 0.8);
436    margin: 0;
437}
438
439/* ---------- comparison table ---------- */
440.sf-compare { margin: 44px auto 8px; text-align: center; }
441.sf-compare__title { font-size: 26px; font-weight: 800; letter-spacing: -0.02em; margin: 0 0 6px; }
442.sf-compare__sub { font-size: 15px; color: var(--sf-text-secondary); margin: 0 0 28px; }
443.sf-compare__table {
444    background: #fff;
445    border: 1px solid var(--sf-border);
446    border-radius: var(--sf-radius);
447    overflow: hidden;
448    box-shadow: var(--sf-shadow-card);
449}
450.sf-compare__row { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr 1fr; text-align: left; }
451.sf-compare__row + .sf-compare__row { border-top: 1px solid var(--sf-divider); }
452.sf-compare__row > div { padding: 16px 18px; font-size: 14px; }
453.sf-compare__head { background: var(--sf-soft-bg); }
454.sf-compare__head > div {
455    font-size: 12px;
456    font-weight: 700;
457    letter-spacing: 0.06em;
458    text-transform: uppercase;
459    color: var(--sf-muted);
460}
461.sf-compare__head .sf-col { color: var(--sf-primary); }
462.sf-compare__row .label { font-weight: 600; }
463.sf-compare__row .sf-col { background: rgba(var(--sf-primary-rgb), 0.18); font-weight: 700; color: var(--sf-primary-strong); }
464
465/* ---------- helper footer cards ---------- */
466.sf-help { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 40px 0 8px; }
467.sf-help__card {
468    background: #fff;
469    border: 1px solid var(--sf-border);
470    border-radius: var(--sf-radius);
471    padding: 24px;
472    text-align: center;
473}
474.sf-help__card h3 { font-size: 17px; font-weight: 700; margin: 0 0 6px; color: var(--sf-ink); }
475.sf-help__card a { color: var(--sf-primary); font-weight: 600; font-size: 14px; text-decoration: none; }
476.sf-help__card a:hover { text-decoration: underline; }
477.sf-footnote { text-align: center; color: var(--sf-muted); font-size: 13px; max-width: 640px; margin: 12px auto 0; padding: 0 24px; }
478
479/* ---------- responsive ---------- */
480@media (max-width: 1040px) {
481    .sf-plans { gap: 14px; }
482    .sf-plan { padding: 28px 22px; }
483}
484/* Narrow three-up columns: tighten the cycle pill instead of letting the
485   "2 months free" badge push it past the card. Below 900px the cards go full
486   width and the pill is back to its normal size. */
487@media (max-width: 1040px) and (min-width: 901px) {
488    .sf-plan__cycle .sf-cycle__opt { padding: 7px 8px; font-size: 11.5px; gap: 6px; }
489    .sf-plan__cycle .sf-cycle__badge { font-size: 9px; padding: 2px 5px; }
490}
491@media (max-width: 900px) {
492    .sf-plans { grid-template-columns: 1fr; gap: 28px; }
493    .sf-plan { padding: 32px 28px; }
494    .sf-plan--featured { transform: none; }
495    .sf-plan__price-block { min-height: 0; }
496    .sf-align { padding: 36px 26px; }
497    .sf-enterprise { flex-direction: column; text-align: center; align-items: stretch; }
498    .sf-enterprise__cta { text-align: center; }
499    .sf-help { grid-template-columns: 1fr; }
500    .sf-compare__row { grid-template-columns: 1.4fr 1fr 1fr; }
501    .sf-compare__row > div:nth-child(4),
502    .sf-compare__row > div:nth-child(5) { display: none; }
503}
504</style>
505
506</head>
507<body class="">
508
509    
510    
511    
512    
513    
514
515	
516    	
517
518    
519                        <div class="d-none d-md-flex w-100 crosspromo-bg px-2 align-items-center justify-content-between">
520    <div class="col-2 d-none d-lg-block" aria-hidden="true"></div>
521    <div class="d-flex align-items-center justify-content-between" style="color: #747F8B; font-size: 13px; letter-spacing: 0.025em;">
522        <div class="m-3 text-nowrap">
523            Discover new apps:
524        </div>    
525        <div class="cross-promotion-logo-wrapper m-3">
526            <a href="https://tidycal.com/?utm_source=sendfox&utm_medium=website&utm_campaign=cross-promo-header" target="_blank">
527                <img src="https://cdn.sendfox.com/img/logo-gray-darker-tidycal.svg" alt="Tidycal">
528            </a>
529            <div class="cross-promotion-logo-wrapper-text py-2 px-3">Manage your calendar and bookings with ease</div>
530        </div>
531        <div class="cross-promotion-logo-wrapper m-3">
532            <a class="d-inline text-right" href="https://breezedoc.com/?utm_source=sendfox&utm_medium=website&utm_campaign=cross-promo-header" target="_blank">
533                <img class="d-inline" src="https://cdn.sendfox.com/img/logo-gray-darker-breezedoc.svg" alt="AppSumo Originals">
534            </a>
535            <div class="cross-promotion-logo-wrapper-text py-2 px-3">Send and organize e-sign documents and invoices</div>
536        </div>
537        <div class="cross-promotion-logo-wrapper m-3">
538            <a href="https://formrobin.com/?utm_source=sendfox&utm_medium=website&utm_campaign=cross-promo-header" target="_blank">
539                <img class="d-inline" src="https://cdn.sendfox.com/img/logo-gray-darker-formrobin.svg" alt="AppSumo Originals">
540            </a>
541            <div class="cross-promotion-logo-wrapper-text py-2 px-3">Create high-converting forms in minutes</div>
542        </div>
543    </div>
544    <div class="col col-lg-2 text-right">
545        <a class="m-2 d-inline text-right" href="https://appsumo.com/?utm_source=sendfox&utm_medium=website&utm_campaign=cross-promo-header" target="_blank">
546            <img class="d-inline" src="https://cdn.sendfox.com/img/logo-gray-darker-originals.svg" alt="AppSumo Originals">
547        </a>            
548    </div>
549</div>
550<style>
551    .crosspromo-bg {
552        background: linear-gradient(to right, #F7F7F9, #E7E9EC);
553    }
554    .cross-promotion-logo-wrapper {
555        position: relative;
556    }
557    .cross-promotion-logo-wrapper-text {
558        position: absolute;
559        top: 0;
560        left: 50%;
561        background-color: #1a1e2c;
562        color: white;
563        font-size: 12px;
564        opacity: 0;
565        transition: opacity 0.3s ease, transform 0.3s ease;
566        transform: translateX(-50%) translateY(30px);
567        text-wrap: nowrap;
568        border-radius: 5px;
569        pointer-events: none;
570        font-size: 14px;
571    }
572    .cross-promotion-logo-wrapper-text:after {
573        content: '';
574        background-color: #1a1e2c;
575        display: block;
576        position: absolute;
577        top: 0;
578        left: 50%;
579        transform: translateX(-50%) translateY(-7px) rotate(45deg);
580        width: 16px;
581        height: 16px;
582        border-radius: 2px;
583    }
584    .cross-promotion-logo-wrapper:hover .cross-promotion-logo-wrapper-text {
585        opacity: 1;
586        transform: translateX(-50%) translateY(55px) scale(1.05);
587    }
588</style>            
589            
590            <nav class="navbar navbar-expand-md navbar-light p-3">
591                <a class="navbar-sf-logo ml-0 ml-md-2" href="https://sendfox.com">
592                    <img src="https://cdn.sendfox.com/img/sendfox-logo.svg" alt="SendFox">
593                </a>
594                <button class="navbar-toggler btn-burger border-0 py-2 px-0 ml-2" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
595                    <svg x="0px" y="0px" width="17.5px" height="14px" viewBox="0 0 17.5 13">
596                        <line class="st0" x1="0.5" y1="0.5" x2="17" y2="0.5"/>
597                        <line class="st0" x1="0.5" y1="6.5" x2="17" y2="6.5"/>
598                        <line class="st0" x1="0.5" y1="12.5" x2="17" y2="12.5"/>
599                    </svg>
600                </button>
601                <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
602                    <ul class="navbar-nav text-right">
603                        
604                                                    <li class="nav-item">
605                                <a class="nav-link" href="https://sendfox.com/register">
606                                    Register
607                                </a>
608                            </li>
609                        
610                                                    <li class="nav-item">
611                                <a class="nav-link" href="https://sendfox.com/login">
612                                    Login
613                                </a>
614                            </li>
615                                            </ul>
616                </div>
617            </nav>
618
619                    
620    
621    
622
623    
624    <div class="sf-notification-stack">
625                                    </div>
626
627    
628    <div class="content mb-5">
629        	<div class="sf-pricing">
630    
631    <section class="sf-pricing__hero">
632        <div class="sf-pricing__wrap">
633            <span class="sf-eyebrow">Pricing</span>
634            <h1 class="sf-pricing__title">Email built for<br><span class="accent">creators on a budget.</span></h1>
635            <p class="sf-pricing__sub">Start free. Pay monthly when your list is worth it. Or own it once for $29.</p>
636        </div>
637    </section>
638
639    <section class="sf-pricing__wrap">
640        <div class="sf-plans">
641
642            
643            <div class="sf-plan">
644                <div class="sf-plan__emoji">🥳</div>
645                <div class="sf-plan__name">Free</div>
646                <div class="sf-plan__tagline">Start your list.</div>
647                <div class="sf-plan__price-block">
648                    <div class="sf-plan__price"><span class="dollar">$</span><span class="amount">0</span></div>
649                    <div class="sf-plan__price-note">forever, no card</div>
650                </div>
651
652                                    <a href="https://sendfox.com/register" class="sf-cta sf-cta--outline">Get started free</a>
653                
654                <ul class="sf-feats">
655                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 1,000 contacts</li>
656                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 3,000 sends / month</li>
657                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 1 smart page, 1 form, 1 automation</li>
658                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Drag-and-drop editor</li>
659                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> 2 AI email drafts to try</li>
660                    <li class="sf-feat sf-feat--off"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> No API access</li>
661                    <li class="sf-feat sf-feat--off"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> No MCP access</li>
662                    <li class="sf-feat sf-feat--off"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> SendFox branding on your emails</li>
663                </ul>
664            </div>
665
666            
667            <div class="sf-plan sf-plan--featured">
668                <div class="sf-plan__badge">Most creators pick this</div>
669                <div class="sf-plan__emoji">🦊</div>
670                <div class="sf-plan__name">Pro</div>
671                <div class="sf-plan__tagline">Grow it like a business.</div>
672                <div class="sf-plan__price-block">
673                    <div class="sf-plan__price"><span class="dollar">$</span><span class="amount" id="sfProPrice">19</span><span class="period">/mo</span></div>
674                                            <div class="sf-plan__price-annual" id="sfProAnnualLine"  style="display:none" >
675                            <span class="sf-plan__strike" id="sfProStrike">$19/mo</span>
676                            <span class="sf-plan__save" id="sfProSave">Save $38 a year</span>
677                        </div>
678                                        <div class="sf-plan__price-note" id="sfProPriceNote">drag to size your plan ↓</div>
679                </div>
680
681                                    <div class="sf-plan__cycle">
682                        <style>
683    .sf-cycle {
684        display: inline-flex;
685        align-items: stretch;
686        gap: 4px;
687        padding: 4px;
688        background: #F2F5F9;
689        border: 1px solid var(--sf-border, #DDE6ED);
690        border-radius: 10rem;
691        font-family: inherit;
692    }
693    .sf-cycle--block { display: flex; width: 100%; }
694    .sf-cycle__opt {
695        flex: 1 1 0;
696        display: inline-flex;
697        align-items: center;
698        justify-content: center;
699        gap: 8px;
700        border: 0;
701        background: transparent;
702        cursor: pointer;
703        white-space: nowrap;
704        font-family: inherit;
705        font-weight: 600;
706        color: var(--sf-text-secondary, #53657A);
707        border-radius: 10rem;
708        padding: 11px 22px;
709        font-size: 15px;
710        transition: background .14s ease, color .14s ease, box-shadow .14s ease;
711    }
712    .sf-cycle--sm .sf-cycle__opt { padding: 7px 14px; font-size: 13px; }
713    .sf-cycle__opt[aria-checked="true"] {
714        background: #fff;
715        color: var(--sf-ink, #2E364C);
716        box-shadow: 0 2px 6px rgba(46, 54, 76, .14);
717    }
718    .sf-cycle__opt:focus-visible { outline: 3px solid rgba(255, 100, 77, .28); outline-offset: 1px; }
719    .sf-cycle__badge {
720        display: inline-flex;
721        align-items: center;
722        border-radius: 10rem;
723        font-weight: 700;
724        letter-spacing: .01em;
725        padding: 3px 9px;
726        font-size: 11.5px;
727        background: #E7EDF4;
728        color: #6E819A;
729    }
730    .sf-cycle--sm .sf-cycle__badge { padding: 2px 7px; font-size: 10px; }
731    .sf-cycle__opt[aria-checked="true"] .sf-cycle__badge { background: var(--sf-success-soft, #E5FFFB); color: var(--sf-success-strong, #00806A); }
732</style>
733<script>
734    (function () {
735        if (window.__sfCycleBound) { return; }
736        window.__sfCycleBound = true;
737        function onClick(e) {
738            var opt = e.target.closest('.sf-cycle__opt');
739            if (!opt) { return; }
740            var group = opt.closest('.sf-cycle');
741            if (!group) { return; }
742            var cycle = opt.getAttribute('data-cycle');
743            group.querySelectorAll('.sf-cycle__opt').forEach(function (b) {
744                b.setAttribute('aria-checked', b === opt ? 'true' : 'false');
745            });
746            group.dispatchEvent(new CustomEvent('sf:cycle-change', {
747                bubbles: true,
748                detail: { name: group.getAttribute('data-cycle-name'), cycle: cycle }
749            }));
750        }
751        document.addEventListener('click', onClick);
752    }());
753</script>
753
754
755<div class="sf-cycle sf-cycle--sm sf-cycle--block"
756     role="radiogroup" aria-label="Billing cycle"
757     data-cycle-name="pricing">
758    <button type="button" class="sf-cycle__opt" role="radio" data-cycle="monthly"
759            aria-checked="true">Monthly</button>
760    <button type="button" class="sf-cycle__opt" role="radio" data-cycle="annual"
761            aria-checked="false">
762        <span>Annual</span>
763        <span class="sf-cycle__badge">2 months free</span>
764    </button>
765</div>
766                    </div>
767                
768                <div class="sf-slider">
769                    <div class="sf-slider__head">
770                        <span>Contacts</span>
771                        <span class="sf-slider__value" id="sfProContacts">5K</span>
772                    </div>
773                    <input type="range" min="0" max="4" value="0" id="sfProSlider" aria-label="Pro plan size" aria-valuetext="5K contacts, 100K sends per month" />
774                    <div class="sf-slider__ticks">
775                                                    <span>5K</span>
776                                                    <span>15K</span>
777                                                    <span>50K</span>
778                                                    <span>100K</span>
779                                                    <span>250K</span>
780                                            </div>
781                    <div class="sf-slider__sends">
782                        <span>Includes</span>
783                        <span><strong id="sfProSends">100K</strong> sends/mo</span>
784                    </div>
785                </div>
786
787                                    <a href="https://sendfox.com/register" class="sf-cta sf-cta--primary">Start Pro</a>
788                
789                <ul class="sf-feats">
790                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <strong>White label.</strong> No SendFox anywhere.</li>
791                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <strong>MCP access</strong></li>
792                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <strong>AI email writer</strong></li>
793                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> VIP sending IP, our best deliverability</li>
794                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Paid newsletters (Stripe)</li>
795                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Single opt-in, no setup required</li>
796                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Full HTML editor</li>
797                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Full-color social icons in your emails</li>
798                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Sends refresh every month</li>
799                </ul>
800            </div>
801
802            
803            <div class="sf-plan">
804                <div class="sf-plan__emoji">💘</div>
805                <div class="sf-plan__name">Lifetime</div>
806                <div class="sf-plan__tagline">Pay once. 300K sends. Forever.</div>
807                <div class="sf-plan__price-block">
808                    <div class="sf-plan__price"><span class="dollar">$</span><span class="amount">29</span></div>
809                    <div class="sf-plan__price-note">one time. that's it.</div>
810                </div>
811
812                                    <a href="https://appsumo.com/sendfox/?utm_source=originals&amp;utm_medium=site-promo&amp;utm_campaign=sendfox" class="sf-cta sf-cta--ink" target="_blank" rel="noopener" data-appsumo-track="pricing_page">Get it on AppSumo →</a>
813                
814                <ul class="sf-feats">
815                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <strong>5,000 contacts</strong></li>
816                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <strong>300,000 lifetime sends</strong></li>
817                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Unlimited automations</li>
818                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Unlimited smart pages &amp; forms</li>
819                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Full API access</li>
820                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <strong>AI email writer</strong></li>
821                    <li class="sf-feat sf-feat--off"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> MCP access (Pro only)</li>
822                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Better deliverability</li>
823                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Smart Page gallery access</li>
824                    <li class="sf-feat"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Single opt-in after a one-time domain setup</li>
825                    <li class="sf-feat sf-feat--off"><span class="sf-feat__ic"><svg viewBox="0 0 10 10" fill="none"><path d="M2 5L4 7L8 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span> Small SendFox footer stays (Pro removes it)</li>
826                </ul>
827            </div>
828
829        </div>
830    </section>
831
832    
833    <section class="sf-pricing__wrap">
834        <div class="sf-enterprise">
835            <div>
836                <div class="sf-enterprise__title">Sending 2M+ emails a month?</div>
837                <div class="sf-enterprise__desc">If you're past 250K contacts, you're a real business. Let's talk custom pricing, dedicated IPs, and migration help.</div>
838            </div>
839            <a href="/cdn-cgi/l/email-protection#6714121717081513271402090301081f4904080a581412050d0204135a220913021517150e140242555717150e040e0900" class="sf-enterprise__cta">Talk to us →</a>
840        </div>
841    </section>
842
843    
844    <section class="sf-pricing__wrap">
845        <div class="sf-align">
846            <div class="sf-align__eyebrow">A note from us</div>
847            <h2 class="sf-align__title">We only make more money when <span class="accent">you grow.</span></h2>
848            <p class="sf-align__body">Most email tools punish you for growing. Cross a contact threshold and your bill jumps. Mailchimp even keeps billing you for people who already unsubscribed. Not here. Lifetime gets you 300,000 sends for one payment, which is years of newsletters at a typical sending pace. When you do use them up, Pro picks up at $19/mo and only goes up when your list does.</p>
849        </div>
850    </section>
851
852    
853    <section class="sf-pricing__wrap sf-compare">
854        <h3 class="sf-compare__title">Compare us to the rest</h3>
855        <div class="sf-compare__table">
856            <div class="sf-compare__row sf-compare__head">
857                <div>At 5,000 contacts</div>
858                <div class="sf-col">SendFox</div>
859                <div>Kit</div>
860                <div>Beehiiv</div>
861                <div>Mailchimp</div>
862            </div>
863            <div class="sf-compare__row">
864                <div class="label">Monthly price</div>
865                <div class="sf-col">$19/mo</div>
866                <div>$89/mo</div>
867                <div>$89/mo</div>
868                <div>$100/mo</div>
869            </div>
870            
871            <div class="sf-compare__row">
872                <div class="label">First year</div>
873                <div class="sf-col">$190</div>
874                <div>$890</div>
875                <div>$940</div>
876                <div>$1,200</div>
877            </div>
878        </div>
879    </section>
880
881    
882    <section class="sf-pricing__wrap">
883        <div class="sf-help">
884            <div class="sf-help__card">
885                <h3>Feature requests?</h3>
886                <a href="https://sendfox.com/feedback">Share an idea or vote on what we build next.</a>
887            </div>
888            <div class="sf-help__card">
889                <h3>Pricing questions?</h3>
890                <a href="#" data-open-chat>Ask us in chat.</a>
891            </div>
892        </div>
893        <p class="sf-footnote">Send volume may be adjusted to maintain deliverability for all SendFox users.</p>
894    </section>
895</div>
vendor: 110 bytes, lines 895-897
895
896
897<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
897<script>
898    (function () {
899        var tiers = [{"key":"p1","label":"Pro 1","price":19,"annualTotal":190,"annualPerMonth":15.83,"annualSave":38,"contacts":5000,"contactsShort":"5K","sends":100000,"sendsShort":"100K"},{"key":"p2","label":"Pro 2","price":39,"annualTotal":390,"annualPerMonth":32.5,"annualSave":78,"contacts":15000,"contactsShort":"15K","sends":200000,"sendsShort":"200K"},{"key":"p3","label":"Pro 3","price":79,"annualTotal":790,"annualPerMonth":65.83,"annualSave":158,"contacts":50000,"contactsShort":"50K","sends":400000,"sendsShort":"400K"},{"key":"p4","label":"Pro 4","price":149,"annualTotal":1490,"annualPerMonth":124.17,"annualSave":298,"contacts":100000,"contactsShort":"100K","sends":800000,"sendsShort":"800K"},{"key":"p5","label":"Pro 5","price":399,"annualTotal":3990,"annualPerMonth":332.5,"annualSave":798,"contacts":250000,"contactsShort":"250K","sends":2000000,"sendsShort":"2M"}];
900        var annualEnabled = true;
901        var cycle = "monthly";
902        var currentIndex = 0;
903
904        function money(n) {
905            return (Math.round(n * 100) / 100).toFixed(2).replace(/\.00$/, '');
906        }
907
908        // Repaint the Pro card for the selected tier and billing cycle. Annual
909        // headlines the effective per-month rate with a struck monthly price and
910        // a yearly-savings badge; monthly keeps the plain rate and slider hint.
911        function renderPro() {
912            var tier = tiers[currentIndex];
913            if (!tier) { return; }
914            var annual = annualEnabled && cycle === 'annual';
915
916            var priceEl = document.getElementById('sfProPrice');
917            var contactsEl = document.getElementById('sfProContacts');
918            var sendsEl = document.getElementById('sfProSends');
919            var ctaEl = document.getElementById('sfProCta');
920            var annualLine = document.getElementById('sfProAnnualLine');
921            var strikeEl = document.getElementById('sfProStrike');
922            var saveEl = document.getElementById('sfProSave');
923            var noteEl = document.getElementById('sfProPriceNote');
924
925            if (priceEl) { priceEl.textContent = annual ? money(tier.annualPerMonth) : tier.price; }
926            if (contactsEl) { contactsEl.textContent = tier.contactsShort; }
927            if (sendsEl) { sendsEl.textContent = tier.sendsShort; }
928            if (annualLine) { annualLine.style.display = annual ? '' : 'none'; }
929            if (annual && strikeEl) { strikeEl.textContent = '$' + tier.price + '/mo'; }
930            if (annual && saveEl) { saveEl.textContent = 'Save $' + tier.annualSave + ' a year'; }
931            if (noteEl) {
932                noteEl.textContent = annual ? ('$' + tier.annualTotal + ' billed yearly') : 'drag to size your plan ↓';
933            }
934            if (ctaEl) {
935                ctaEl.href = ctaEl.href.split('?')[0] + '?pro_tier=' + tier.key + '&cycle=' + cycle;
936            }
937        }
938
939        function initPricingSlider() {
940            var slider = document.getElementById('sfProSlider');
941            if (!slider || slider.dataset.sfBound) {
942                return;
943            }
944            slider.dataset.sfBound = '1';
945
946            slider.addEventListener('input', function (e) {
947                var idx = parseInt(e.target.value, 10);
948                if (!tiers[idx]) {
949                    return;
950                }
951                currentIndex = idx;
952                renderPro();
953                var tier = tiers[idx];
954                slider.setAttribute('aria-valuetext', tier.contactsShort + ' contacts, ' + tier.sendsShort + ' sends per month');
955            });
956        }
957
958        function bindCycleToggle() {
959            if (document.body.dataset.sfPricingCycleBound) {
960                return;
961            }
962            document.body.dataset.sfPricingCycleBound = '1';
963            document.addEventListener('sf:cycle-change', function (e) {
964                if (!e.detail || e.detail.name !== 'pricing') {
965                    return;
966                }
967                cycle = e.detail.cycle;
968                renderPro();
969            });
970        }
971
972        function bindAppSumoTrackers() {
973            var links = document.querySelectorAll('.sf-pricing [data-appsumo-track]');
974            for (var i = 0; i < links.length; i++) {
975                if (links[i].dataset.sfBound) { continue; }
976                links[i].dataset.sfBound = '1';
977                links[i].addEventListener('click', function (e) {
978                    if (typeof window.trackAppSumoClick === 'function') {
979                        window.trackAppSumoClick(e.currentTarget, e.currentTarget.dataset.appsumoTrack || 'pricing_page');
980                    }
981                });
982            }
983        }
984
985        function bindChatLinks() {
986            var links = document.querySelectorAll('.sf-pricing [data-open-chat]');
987            for (var i = 0; i < links.length; i++) {
988                if (links[i].dataset.sfBound) { continue; }
989                links[i].dataset.sfBound = '1';
990                links[i].addEventListener('click', function (e) {
991                    e.preventDefault();
992                    var btn = document.getElementById('chatbase-bubble-button');
993                    if (btn) { btn.click(); }
994                });
995            }
996        }
997
998        function initPricingPage() {
999            initPricingSlider();
1000            bindCycleToggle();
1001            bindAppSumoTrackers();
1002            bindChatLinks();
1003        }
1004
1005        document.addEventListener('turbo:app-init', initPricingPage);
1006        document.addEventListener('turbo:load', initPricingPage);
1007        if (document.readyState !== 'loading') {
1008            initPricingPage();
1009        } else {
1010            document.addEventListener('DOMContentLoaded', initPricingPage);
1011        }
1012    })();
1013</script>
1013
1014    </div>
1015    
1016            <footer class="sf-footer">
1017        <div class="px-3 pb-3 text-center">
1018        
1019        
1020        
1021        
1022
1023                        <div class="w-100">
1024                <a href="https://appsumo.com/collections/appsumo-originals/?utm_source=originals&amp;utm_medium=website&amp;utm_campaign=sendfox" target="_blank" onclick="trackAppSumoClick(this, 'footer')">
1025                    <div class="logo-originals logo-originals-color mx-auto mb-3"></div>
1026                </a>
1027            </div>
1028            
1029
1030            
1031            <div class="w-100">
1032                <p class="text-secondary mb-0 line-1">
1033                <small>Part of the 
1034                <a class="text-dark font-weight-bold" href="https://appsumo.com/collections/appsumo-originals/?utm_source=originals&amp;utm_medium=website&amp;utm_campaign=sendfox">
1035                    AppSumo
1036                </a>
1037                 family</small>
1038                     <small>&copy; 2026 Sumo Group, Inc. All rights reserved. <a href="https://sendfox.com/changelog" class="text-dark font-weight-bold">What's New</a> | <a href="https://sendfox.com/tos" class="text-dark font-weight-bold">Terms of Service</a> | <a href="https://sendfox.com/privacy" class="text-dark font-weight-bold">Privacy Policy</a>.</small>
1039                </p>
1040            </div>
1041        </div>
1042
1043            </footer>	
1044
1045            
1046
1047    
1048    
1049    
1050            <div id="chatbot-container" data-turbo-permanent>
1051            
1051<script>
1052  window.chatbaseConfig = {
1053    chatbotId: "nyIxQmOazfklOS_CmM9Xk",
1054  }
1055</script>
vendor: 1 bytes, line 1055
1055
1056<script
1057  src="https://www.chatbase.co/embed.min.js"
1058  id="nyIxQmOazfklOS_CmM9Xk"
1059  defer>
1060</script>
1060        </div>
1061    
1062    
1063<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a43a31c8ca84d94c',t:'MTc5MDg0NDM2MQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
1063</body>
1064</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.