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"> 6<title>Pricing â Passion.io · Plans that grow with your business</title> 7<!-- Google Tag Manager -->
8<script>
vendor: 323 bytes, line 8
8(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
8GTM-PDZ7V7
vendor: 3 bytes, line 8
8');
8</script>
8 9<!-- End Google Tag Manager --> 10<!-- Adtribute.io -->
11<script src="/adtribute.js"></script>
11 12<meta name="description" content="Plans that grow with your business. Pay monthly or yearly, cancel anytime. Launch, Scale, Expand or go Passion Plus â every plan includes your own branded app and a context-aware AI coach."> 13<meta name="theme-color" content="#f42250"> 14<meta property="og:type" content="website"> 15<meta property="og:site_name" content="Passion.io"> 16<meta property="og:title" content="Passion.io Pricing â Plans that grow with your business"> 17 <meta property="og:image" content="https://passion.io/media/og/pricing.png"> 18 <meta property="og:image:width" content="1200"> 19 <meta property="og:image:height" content="630"> 20 <meta property="og:image:alt" content="Passion.io pricing â plans that grow with your business"> 21 <meta name="twitter:card" content="summary_large_image"> 22 <meta name="twitter:image" content="https://passion.io/media/og/pricing.png"> 23<meta property="og:description" content="Pay monthly or yearly, cancel anytime. Every plan includes your own branded app and a context-aware AI coach. 15,000+ apps launched · $1B+ earned by creators."> 24<meta property="og:url" content="https://passion.io/pricing"> 25<link rel="preconnect" href="https://fonts.googleapis.com"> 26<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 27<link rel="preload" as="font" type="font/woff2" href="/media/fonts/nhg-display-65-medium.woff2" crossorigin> 28<link rel="preload" as="font" type="font/woff2" href="/media/fonts/nhg-text-55-roman.woff2" crossorigin> 29<link rel="preload" as="font" type="font/woff2" href="/media/fonts/nhg-text-65-medium.woff2" crossorigin> 30<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet"> 31<link rel="icon" type="image/png" href="/media/webflow/609bf2b1ceca496177da0960_Favicon.png"> 32<style> 33 /* ---- Neue Haas Grotesk Pro (licensed, MyFonts build 3867246, self
33-hosted) ---- */ 34 @font-face{font-family:"NHG Display";src:url('/media/fonts/nhg-display-65-medium.woff2') format('woff2'),url('/media/fonts/nhg-display-65-medium.woff') format('woff');font-weight:400 700;font-style:normal;font-display:swap} 35 @font-face{font-family:"NHG Text";src:url('/media/fonts/nhg-text-55-roman.woff2') format('woff2'),url('/media/fonts/nhg-text-55-roman.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;ascent-override:86.5%;descent-override:13.5%;line-gap-override:23%} 36 @font-face{font-family:"NHG Text";src:url('/media/fonts/nhg-text-65-medium.woff2') format('woff2'),url('/media/fonts/nhg-text-65-medium.woff') format('woff');font-weight:500 700;font-style:normal;font-display:swap;ascent-override:86.5%;descent-override:13.5%;line-gap-override:23%} 37 /* smooth cross-page navigation (no reload flash); keep the navbar persistent so it doesn't jump */ 38 @view-transition{navigation:auto} 39 .navwrap{view-transition-name:site-nav} 40 :root{ 41 --paper:#ffffff; --soft:#fbe7f2; 42 --pink:#f42250; --magenta:#ff76d6; --rose:#ff76d6; --lav:#ddc8ee; --gold:#fff3c8; --orange:#ff4920; 43 --grad-warm:linear-gradient(120deg,#f42250 0%,#ff4920 100%); 44 --grad-brand:linear-gradient(120deg,#f42250 0%,#ff76d6 100%); 45 --grad-scale:linear-gradient(135deg,#ff76d6 0%,#e0144b 100%); 46 --ink:#020512; --ink-soft:#8f92a1; --ink-mute:#8f92a1; 47 --card:#ffffff; --beige:#fbf9fc; --hair:rgba(2,5,18,.08); --hair2:rgba(2,5,18,.06); 48 --sans:"NHG Text","Inter",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif; 49 --mono:"Space Mono",ui-monospace,SFMono-Regular,Menlo,monospace; 50 --ease:cubic-bezier(.16,1,.3,1); 51 --maxw:1180px; 52 --navh:76px; 53 } 54 *{box-sizing:border-box;margin:0;padding:0} 55 html{background:#fff;scroll-behavior:smooth} 56 body{font-family:var(--sans);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:clip} 57 a{color:inherit} 58 .wrap{position:relative;z-index:10;width:min(92%,var(--maxw));margin:0 auto} 59 /* film-grain overlay (matches index) */ 60 body::after{content:"";position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")} 61 62 /* ================= nav (shared with index) ================= */ 63 .navwrap{position:absolute;top:0;left:0;right:0;z-index:40} 64 .nav{height:var(--navh);display:flex;align-items:center;gap:18px} 65 .brand{flex:none;display:flex;align-items:center} 66 .brand-link{display:inline-flex;align-items:center;text-decoration:none} 67 .brand-svg{height:27px;width:auto;display:block} 68 .nav-links{flex:1;display:flex;gap:32px;align-items:center;justify-content:center} 69 .nav-links a{color:var(--ink);text-decoration:none;font-size:15px;font-weight:600;letter-spacing:-.012em;transition:opacity .2s} 70 .nav-links a:hover{opacity:.6} 71 .nav-links a[aria-current]{color:var(--pink)} 72 .nav-right{flex:none;display:flex;gap:18px;align-items:center} 73 .nav-login{color:var(--ink);text-decoration:none;font-size:15px;font-weight:600;letter-spacing:-.012em;white-space:nowrap;transition:opacity .2s} 74 @media(max-width:980px){.nav-links{display:none}.nav{height:70px}} 75 76 .btn{font-size:15px;font-weight:600;text-decoration:none;border-radius:100px;padding:14px 26px;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .22s var(--ease),box-shadow .22s var(--ease),background .2s;border:0;cursor:pointer;white-space:nowrap;letter-spacing:-.012em} 77 .btn-primary{background:#020512;color:#fff;box-shadow:0 14px 32px -14px rgba(2,5,18,.65)} 78 .btn-primary:hover{background:var(--pink)} 79 .btn .arr{transition:transform .22s var(--ease)}.btn-primary:hover .arr{transform:translateX(3px)} 80 .nav .btn-primary{padding:11px 22px;font-size:14px} 81 82 /* ================= hero ================= */ 83 .hero{position:relative;overflow:hidden;padding:calc(var(--navh) + 54px) 0 96px;text-align:center; 84 background:radial-gradient(120% 86% at 50% 30%,#ffffff 0%,#fdf3f9 42%,#f6e6f2 76%,#efdcec 100%); 85 border-bottom-left-radius:64px;border-bottom-right-radius:64px} 86 /* soft brand bloom corners */ 87 .hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none; 88 background: 89 radial-gradient(60% 60% at 8% 6%,rgba(239,61,134,.16),transparent 60%), 90 radial-gradient(60% 64% at 94% 0%,rgba(251,149,40,.14),transparent 58%)} 91 .hero .wrap{position:relative;z-index:2} 92 .tp-badge{display:inline-flex;align-items:center;gap:9px;margin-bottom:24px;padding:7px 15px 7px 8px;border-radius:100px;background:#fff;border:1px solid var(--hair);box-shadow:0 12px 30px -18px rgba(60,6,30,.4);font-size:13px;font-weight:600;color:var(--ink-soft)} 93 .tp-badge .tp-ex{color:var(--ink);font-weight:600} 94 .tp-rating{height:22px;width:auto;display:block} 95 .tp-badge .tp-logo{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--ink)} 96 .tp-badge .tp-logo svg{width:14px;
96height:14px;fill:#00b67a} 97 h1{font-size:clamp(2.1rem,5vw,3.5rem);font-weight:600;line-height:1.05;letter-spacing:-.01em;color:var(--ink);margin:0 0 18px} 98 h1 em{font-style:normal;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent} 99 .hero-sub{font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.5;color:var(--ink-soft);max-width:34em;margin:0 auto;font-weight:400} 100 101 /* ================= billing toggle ================= */ 102 .billing{display:flex;justify-content:center;margin:44px auto 0} 103 .seg{display:inline-flex;background:#f4eff8;border:1px solid var(--hair);border-radius:100px;padding:5px} 104 .seg button{font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:-.012em;color:var(--ink-soft);background:none;border:0;cursor:pointer;padding:11px 24px;border-radius:100px;transition:color .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease);white-space:nowrap;display:inline-flex;align-items:center;gap:6px} 105 .seg button[aria-pressed="true"]{color:#fff;background:var(--ink);box-shadow:0 10px 24px -10px rgba(2,5,18,.55)} 106 .seg .sv{font-size:12.5px;font-weight:600;color:#00a06c;letter-spacing:-.005em} 107 .seg button[aria-pressed="true"] .sv{color:#6cf0b6} 108 109 /* ================= plan cards ================= */ 110 .plans{position:relative;z-index:10;margin-top:-44px} 111 .plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch} 112 @media(max-width:1080px){.plan-grid{grid-template-columns:repeat(2,1fr)}} 113 @media(max-width:560px){.plan-grid{grid-template-columns:1fr}} 114 .card{position:relative;background:var(--card);border:1px solid var(--hair);border-radius:24px;padding:24px 22px 26px;display:flex;flex-direction:column; 115 box-shadow:0 30px 70px -40px rgba(50,8,34,.32),0 2px 8px rgba(50,8,34,.05)} 116 .card.feat{border:1px solid transparent;box-shadow:0 40px 90px -36px rgba(244,34,80,.5),0 3px 10px rgba(50,8,34,.08)} 117 @media(max-width:1080px){.card.feat{transform:none}} 118 .card-head{margin:-24px -22px 20px;padding:22px 22px 18px;border-radius:24px 24px 0 0} 119 .card.feat .card-head{background:var(--grad-scale);color:#fff} 120 .ribbon{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px} 121 .tier{display:inline-flex;align-items:center;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pink);background:#f7eef5;border-radius:100px;padding:5px 12px} 122 .card.feat .tier{color:#fff;background:rgba(255,255,255,.22)} 123 .best{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.015em;text-transform:uppercase;color:#fff;opacity:.95} 124 .price{display:flex;align-items:baseline;gap:6px;line-height:1} 125 .price .amt{font-size:40px;font-weight:600;letter-spacing:-.01em;color:var(--ink)} 126 .card.feat .price .amt{color:#fff} 127 .price .per{font-size:15px;font-weight:600;color:var(--ink-mute)} 128 .card.feat .price .per{color:rgba(255,255,255,.85)} 129 .price.talk .amt{font-size:34px} 130 .billed{margin-top:9px;font-size:13px;font-weight:500;color:var(--ink-mute)} 131 .card.feat .billed{color:rgba(255,255,255,.85)} 132 .card-title{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ink);text-transform:uppercase} 133 .card-desc{font-size:13.5px;color:var(--ink-soft);margin-top:5px;line-height:1.4} 134 .incl{margin:16px 0 2px;font-size:13.5px;font-weight:700;color:var(--ink);letter-spacing:-.01em} 135 .feats{list-style:none;margin:18px 0 0;display:flex;flex-direction:column;gap:11px} 136 .feats li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.4;color:#020512} 137 .feats .ck{width:18px;height:18px;flex:none;margin-top:1px;border-radius:50%;background:rgba(244,34,80,.1);display:grid;place-items:center} 138 .feats .ck svg{width:11px;height:11px;stroke:var(--pink);stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round} 139 .feats .tagsoon{font-family:var(--sans);font-size:8.5px;font-weight:600;letter-spacing:.08em;color:var(--orange);background:rgba(251,149,40,.14);border-radius:5px;padding:2px 6px;margin-left:6px;white-space:nowrap;align-self:center} 140 .ai-head{margin:auto 0 14px;padding-top:18px;border-top:1px solid var(--hair2);font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.015em;text-transform:uppercase;color:var(--ink-mute);display:flex;align-items:center;gap:7px} 141 .ai-head svg{width:14px;
141height:14px;stroke:var(--pink);stroke-width:1.9;fill:none} 142 .feats.ai .ck{border-radius:5px;background:var(--grad-brand)} 143 .feats.ai .ck svg{stroke:#fff;width:10px;height:10px} 144 .card .cta{margin-top:18px} 145 .card .btn{width:100%;justify-content:center} 146 .card .btn-out{background:#fff;color:var(--ink);border:1.5px solid var(--ink)} 147 .card .btn-out:hover{background:var(--ink);color:#fff} 148 .card.feat .btn-primary{background:#020512} 149 150 /* ================= trust strip ================= */ 151 .strip{margin:70px 0 0} 152 .strip-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 40px;padding:26px 0;border-top:1px solid var(--hair2);border-bottom:1px solid var(--hair2)} 153 .strip-stat{display:flex;flex-direction:column;align-items:center;gap:2px} 154 .strip-stat b{font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--ink)} 155 .strip-stat span{font-size:12.5px;color:var(--ink-mute);font-weight:500} 156 157 /* ================= compare table (circle-style sticky) ================= */ 158 .compare{padding:84px 0 68px} 159 .cmp-head{text-align:center;margin-bottom:34px} 160 .cmp-ey{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.015em;text-transform:uppercase;color:var(--pink);margin-bottom:12px} 161 .cmp-head h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:600;letter-spacing:-.026em;color:var(--ink)} 162 .cmp-head p{margin-top:10px;font-size:15px;color:var(--ink-soft)} 163 /* collapsible toggle (brand pill) */ 164 .cmp-togglewrap{text-align:center;margin-top:6px} 165 .cmp-toggle{display:inline-flex;align-items:center;gap:12px;font-family:var(--sans);font-size:16px;font-weight:600;letter-spacing:-.012em;color:var(--ink);background:#fff;border:1.5px solid var(--ink);border-radius:100px;padding:15px 30px;cursor:pointer;transition:transform .22s var(--ease),background .2s,color .2s,box-shadow .22s var(--ease)} 166 .cmp-toggle:hover{background:var(--ink);color:#fff} 167 .cmp-toggle svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)} 168 .cmp-toggle[aria-expanded="true"] svg{transform:rotate(180deg)} 169 .cmp-collapse{overflow:hidden;max-height:0;transition:max-height .55s var(--ease)} 170 .cmp-collapse>.cmp-scroll{padding-top:36px} 171 172 /* overflow:visible on desktop so the sticky header references the VIEWPORT (circle.so behaviour); horizontal scroll only kicks in on narrow screens */ 173 .cmp-scroll{overflow:visible} 174 .cmp{width:100%;border-collapse:collapse;min-width:840px} 175 .cmp col.c-feat{width:34%} 176 .cmp col.c-plan{width:16.5%} 177 /* sticky header row = plan names + prices + cta (the circle.so scroll behaviour) */ 178 .cmp thead th{position:sticky;top:0;z-index:6;background:#fff;vertical-align:top;padding:16px 16px 18px;text-align:left; 179 box-shadow:0 1px 0 var(--hair)} 180 .cmp thead th.th-feat{z-index:7} 181 .cmp .ph-tier{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)} 182 .cmp thead th.feat-col .ph-tier{color:var(--pink)} 183 .cmp .ph-price{font-size:23px;font-weight:600;letter-spacing:-.02em;color:var(--ink);margin-top:7px;line-height:1} 184 .cmp .ph-price small{font-size:12px;font-weight:600;color:var(--ink-mute)} 185 .cmp .ph-billed{font-size:11px;color:var(--ink-mute);margin-top:4px} 186 .cmp .ph-cta{display:inline-flex;margin-top:12px;font-size:12.5px;font-weight:600;padding:9px 18px;border-radius:100px;text-decoration:none;background:#020512;color:#fff;transition:transform .2s var(--ease)} 187 .cmp .ph-cta:hover{background:var(--pink);color:#fff} 188 .cmp .ph-cta.alt{background:#f1ecf5;color:var(--ink)} 189 .cmp thead th.is-feat-plan{background:linear-gradient(180deg,#fff7fb,#fff);box-shadow:inset 0 0 0 1px rgba(244,34,80,.16),0 1px 0 var(--hair)} 190 .cmp .th-title{font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:600;letter-spacing:-.026em;color:var(--ink);padding-top:6px} 191 192 /* category group row */ 193 .cmp .bkt-gap td{height:28px;padding:0;background:transparent;border:0} 194 .cmp .bkt-gap:hover td{background:transparent!important} 195 .cmp .bkt{border-bottom:0!important} 196 .cmp .bkt td{background:linear-gradient(96deg,#fff3c8 -18%,#ff4920 30%,#f42250 84%);color:#fff;font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:-.015em;text-transform:none;padding:18px 20px;border:0;border-radius:14px 14px 0 0;line-height:1.2} 197 .cmp .bkt:hover td,.cmp tbody tr.bkt:hover td{background:linear-gradient(96deg,#fff3c8 -18%,#ff4920 30%,#f42250 84%)!important} 198 .cmp .bkt.bkt-ai td{background:linear-gradient(96deg,#2f3ce6 -18%,#5a3ee8 30%,#8a4fee 84%)} 199 .cmp .bkt.bkt-ai:hover td,.cmp tbody tr.bkt.bkt-ai:hover td{background:linear-gradient(96deg,#2f3ce6 -18%,#5a3ee8 30%,#8a4fee 84%)!important} 200 .cmp .grp td{position:sticky;top:var(--cmph,140px);z-index:4;background:#f7f3f9;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);padding:11px 16px;border-top:1px solid var(--hair)} 201 .cmp tbody tr{border-bottom:1px solid var(--hair2)} 202 .cmp tbody td{padding:14px 16px;font-size:13.5px;color:#020512;vertical-align:middle} 203 .cmp td.feat-name{font-weight:600;color:var(--ink)} 204 .cmp td.val{text-align:center;color:var(--ink-soft);font-weight:600} 205 .cmp td.feat-plan{background:rgba(244,34,80,.035)} 206 .cmp tbody tr:hover td{background:#fbf7fb} 207 .cmp tbody tr:hover td.feat-plan{background:rgba(244,34,80,.06)} 208 .ic-yes{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:rgba(244,34,80,.1)} 209 .ic-yes svg{width:12px;height:12px;stroke:var(--pink);stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round} 210 .ic-no{display:inline-block;width:13px;height:2px;border-radius:2px;background:#d8cfdc} 211 .cmp-foot{margin-top:18px;font-size:11.5px;color:var(--ink-mute);line-height:1.5;max-width:60em} 212 @media(max-width:920px){ 213 .cmp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch} 214 .cmp .grp td{top:0} 215 .cmp thead th{position:static} 216 } 217 218 /* ================= faq ================= */ 219 .faq{padding:80px 0 20px} 220 .faq h2{text-align:center;font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:600;letter-spacing:-.026em;margin-bottom:30px} 221 .faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px} 222 .qa{border:1px solid var(--hair);border-radius:16px;background:#fff;overflow:hidden;
222transition:box-shadow .2s} 223 .qa[open]{box-shadow:0 18px 44px -30px rgba(50,8,34,.3)} 224 .qa summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15.5px;font-weight:600;letter-spacing:-.01em;color:var(--ink)} 225 .qa summary::-webkit-details-marker{display:none} 226 .qa summary .pl{flex:none;width:22px;height:22px;position:relative;transition:transform .26s var(--ease)} 227 .qa summary .pl::before,.qa summary .pl::after{content:"";position:absolute;background:var(--pink);border-radius:2px} 228 .qa summary .pl::before{left:50%;top:4px;width:2px;height:14px;transform:translateX(-50%)} 229 .qa summary .pl::after{top:50%;left:4px;height:2px;width:14px;transform:translateY(-50%)} 230 .qa[open] summary .pl{transform:rotate(135deg)} 231 .qa .ans{padding:0 20px 20px;font-size:14.5px;line-height:1.6;color:var(--ink-soft)} 232 233 /* ================= final cta ================= */ 234 .final{padding:70px 0 0} 235 .fn-inner{position:relative;width:min(92%,var(--maxw));margin:0 auto;text-align:center;z-index:1} 236 .fn-box{position:relative;overflow:hidden;border-radius:34px 34px 0 0;padding:76px 24px 88px;text-align:center;color:#fff; 237 background:radial-gradient(120% 120% at 50% 0%,#ff76d6 0%,#f42250 46%,#590618 100%)} 238 .fn-box::after{content:"";position:absolute;inset:0;opacity:.5;mix-blend-mode:soft-light;pointer-events:none; 239 background:radial-gradient(40% 60% at 18% 12%,#ff76d6,transparent 60%),radial-gradient(44% 60% at 86% 8%,#fff3c8,transparent 58%)} 240 .fn-box h2{position:relative;font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:600;letter-spacing:-.01em;line-height:1.08;margin-bottom:14px} 241 .fn-box p{position:relative;font-size:16px;color:rgba(255,255,255,.9);max-width:34em;margin:0 auto 26px} 242 .fn-box .cta{position:relative;display:flex;gap:12px;justify-content:center;flex-wrap:wrap} 243 .fn-box .cta .btn{text-transform:uppercase;letter-spacing:.04em} 244 .fn-box .btn-white{background:#fff;color:var(--ink)} 245 .fn-box .btn-white:hover{background:var(--ink);color:#fff} 246 .fn-box .btn-ghost{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(8px)} 247 .fn-box .btn-ghost:hover{background:rgba(255,255,255,.26)} 248 249 /* ================= footer (shared with index) ================= */ 250 footer{background:#020512;color:#fff;padding:54px 0 0;margin-top:0} 251 .ft-top{width:min(92%,var(--maxw));margin:0 auto;display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between;padding-bottom:34px} 252 .ft-form .ftl{font-size:14px;font-weight:600;margin-bottom:10px} 253 .ft-form form{display:flex;gap:8px} 254 .ft-form input{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;border-radius:100px;padding:11px 18px;font-size:14px;font-family:var(--sans);min-width:230px;outline:none} 255 .ft-form input::placeholder{color:rgba(255,255,255,.5)} 256 .ft-form button{border:0;background:var(--pink);color:#fff;border-radius:100px;width:42px;height:42px;cursor:pointer;font-size:16px} 257 .ft-links{display:flex;flex-wrap:wrap;gap:22px} 258 .ft-links a{color:rgba(255,255,255,.78);text-decoration:none;font-size:14px;font-weight:600;transition:color .2s}.ft-links a:hover{color:#fff} 259 .ft-soc{display:flex;gap:12px} 260 .ft-soc a{color:rgba(255,255,255,.7);transition:color .2s}.ft-soc a:hover{color:#fff} 261 .ft-soc svg{width:19px;height:19px;fill:currentColor} 262 .ft-rights{width:min(92%,var(--maxw));margin:0 auto;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:22px 0;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:rgba(255,255,255,.55)} 263 .ft-rights a{color:rgba(255,255,255,.55);text-decoration:none;margin-left:18px}.ft-rights a:hover{color:#fff} 264 265 /* ===== shared section heading ===== */ 266 .sec-h{text-align:center} 267 .sec-ey{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.015em;text-transform:uppercase;color:var(--pink);margin-bottom:12px} 268 .sec-h h2{font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:600;letter-spacing:-.01em;color:var(--ink);line-height:1.06} 269 .sec-h p{margin:12px auto 0;font-size:15.5px;color:var(--ink-soft);max-width:42em} 270 271 /* ===== "Trusted by 7-figure business owners" â coach cards (crisp gradient avatars) ===== */ 272 .coaches{background:#f5f1fb;overflow:hidden;padding:clamp(70px,9vh,112px) 0} 273 .co-rows{margin-top:clamp(36px,5vh,58px);display:flex;flex-direction:column;gap:20px;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)} 274 .co-row{display:flex;gap:20px;width:max-content;animation:coScroll 80s linear infinite} 275 .co-row.rev{animation-direction:reverse}
276 .co-rows:hover .co-row{animation-play-state:paused} 277 @keyframes coScroll{to{transform:translateX(-50%)}} 278 .co-card{flex:none;width:clamp(350px,37vw,488px);min-height:212px;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 22px 50px -28px rgba(40,8,40,.3);display:grid;grid-template-columns:40% 1fr} 279 .co-card .co-photo{overflow:hidden} 280 .co-card .co-photo img{width:100%;height:100%;object-fit:cover;display:block} 281 .co-body{padding:clamp(18px,1.9vw,26px);display:flex;flex-direction:column;justify-content:center;gap:12px} 282 .co-stars{display:flex;gap:3px} 283 .co-stars svg{width:16px;height:16px;fill:#ffb400} 284 .co-q{font-size:15px;line-height:1.5;color:#241a2a;font-weight:500;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden} 285 .co-foot{display:flex;align-items:center;gap:11px} 286 .co-ic{width:36px;height:36px;border-radius:9px;flex:none;object-fit:cover;background:#f0ecf5;box-shadow:0 3px 9px -3px rgba(2,5,18,.4),inset 0 0 0 1px rgba(2,5,18,.06)} 287 .co-meta{min-width:0} 288 .co-n{font-weight:600;font-size:14.5px;color:#140a16} 289 .co-r{font-size:12.5px;color:var(--ink-mute);margin-top:2px} 290 @media(max-width:560px){.co-card{width:clamp(280px,86vw,360px)}} 291 292 /* ===== extended team (full-bleed gradient panel + portal photos) ===== */ 293 .team{padding:0;margin-top:calc(-1 * clamp(28px,4vw,44px));position:relative;z-index:2} 294 .team-panel{position:relative;overflow:hidden;width:100%;border-radius:clamp(28px,4vw,44px);padding:clamp(54px,8vh,92px) 0 clamp(48px,7vh,76px);color:#fff; 295 background:linear-gradient(168deg,#2f3ce6 0%,#5a3ee8 40%,#8a4fee 70%,#b06cf0 100%)} 296 .team-panel::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:soft-light; 297 background:radial-gradient(50% 50% at 18% 8%,#7ce0ff,transparent 60%),radial-gradient(48% 48% at 88% 100%,#ffb0e6,transparent 60%)} 298 .team-panel h2{position:relative;text-align:center;font-size:clamp(2rem,4.6vw,3.2rem);font-weight:600;letter-spacing:-.032em;line-height:1.03;padding:0 22px} 299 .team-sub{position:relative;text-align:center;margin:16px auto 0;font-size:clamp(1.02rem,1.5vw,1.22rem);color:rgba(255,255,255,.88);max-width:28em;padding:0 22px;font-weight:500} 300 .team-rowwrap{position:relative;margin-top:clamp(38px,5vh,58px)} 301 .team-row{display:flex;gap:clamp(16px,2.2vw,30px);width:max-content;animation:teamScroll 66s linear infinite;padding:0 22px} 302 .team-rowwrap:hover .team-row{animation-play-state:paused} 303 @keyframes teamScroll{to{transform:translateX(-50%)}} 304 .team-card{flex:none;width:clamp(148px,14.5vw,188px);text-align:center} 305 /* portal shape = straight sides + semicircle top AND bottom (border-radius:999px capsule, matching the home-page hero portals) */ 306 .team-arch{position:relative;width:100%;aspect-ratio:.64;border-radius:999px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)} 307 .team-arch img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block} 308 .team-role{margin-top:15px;font-size:12px;font-weight:600;color:#fff;line-height:1.22;padding:0 4px} 309 .team-name{font-size:12.5px;color:rgba(255,255,255,.72);margin-top:3px} 310 311 /* ===== customer reviews (below FAQ) ===== */ 312 .creviews{padding:clamp(64px,8vh,100px) 0 0} 313 .cr-head{text-align:center;margin-bottom:clamp(30px,4vh,44px)} 314 .cr-head h2{font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:600;letter-spacing:-.01em;color:var(--ink)} 315 .cr-sub{margin:12px auto 0;font-size:15.5px;color:var(--ink-soft);max-width:40em} 316 .cr-sub a{color:var(--pink);font-weight:600;text-decoration:none;border-bottom:1.5px solid rgba(244,34,80,.3);transition:border-color .2s} 317 .cr-sub a:hover{border-color:var(--pink)} 318 .cr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} 319 .cr-card{background:#fff;border:1px solid var(--hair);border-radius:18px;padding:24px;box-shadow:0 20px 50px -36px rgba(50,8,34,.3)} 320 .cr-stars{display:flex;gap:3px;margin-bottom:13px} 321 .cr-stars i{width:18px;height:18px;background:#00b67a;border-radius:3px;display:grid;place-items:center} 322 .cr-stars i svg{width:12px;height:12px;fill:#fff} 323 .cr-t{font-weight:600;font-size:15.5px;letter-spacing:-.01em;color:var(--ink);margin-bottom:8px} 324 .cr-b{font-size:14px;line-height:1.55;color:var(--ink-soft)} 325 .cr-who{margin-top:16px;font-size:13px;font-weight:600;color:var(--ink)}
326 @media(max-width:900px){.cr-grid{grid-template-columns:repeat(2,1fr)}} 327 @media(max-width:600px){.cr-grid{grid-template-columns:1fr}} 328 329 /* ===== income-goal interactive section ===== */ 330 .goal{padding:clamp(56px,7vh,92px) 0} 331 .goal-panel{position:relative;overflow:hidden;border-radius:36px;padding:clamp(40px,6vh,74px) clamp(20px,4vw,56px); 332 background:linear-gradient(105deg,#ffe1ec 0%,#ffe8df 46%,#fff3d6 100%)} 333 .goal-panel::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;mix-blend-mode:soft-light; 334 background:radial-gradient(42% 65% at 10% -5%,#ff9ec9,transparent 60%),radial-gradient(44% 65% at 94% 105%,#ffce72,transparent 60%)} 335 .goal-inner{position:relative;width:min(900px,100%);margin:0 auto;text-align:center} 336 .incl-h{font-size:clamp(1.15rem,1.9vw,1.45rem);font-weight:600;letter-spacing:-.02em;color:var(--ink);margin-bottom:18px} 337 .pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:clamp(40px,6vh,66px)} 338 .pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:100px;background:rgba(255,255,255,.62);border:1px solid rgba(2,5,18,.1);font-size:14px;font-weight:600;color:var(--ink);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .2s var(--ease),background .2s} 339 .pill:hover{background:rgba(255,255,255,.85)} 340 .pill svg{width:16px;height:16px;stroke:var(--pink);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round} 341 .goal-title{font-size:clamp(1.45rem,2.7vw,2.05rem);font-weight:600;letter-spacing:-.026em;color:var(--ink);margin-bottom:clamp(48px,7vh,72px)} 342 343 .slider{display:flex;align-items:center;gap:18px;max-width:780px;margin:0 auto} 344 .slider .edge{font-size:15px;font-weight:600;color:var(--ink);flex:none} 345 .track{position:relative;flex:1;height:30px;display:flex;align-items:center} 346 .track-bg{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:8px;border-radius:100px;background:#f6c6d7} 347 .track-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:8px;border-radius:100px;background:linear-gradient(90deg,#e0144b,#ff76d6);z-index:2;width:0} 348 .goal-range{-webkit-appearance:none;appearance:none;width:100%;height:30px;background:transparent;position:relative;z-index:3;margin:0;cursor:pointer} 349 .goal-range:focus{outline:none} 350 .goal-range::-webkit-slider-runnable-track{height:8px;background:transparent} 351 .goal-range::-moz-range-track{height:8px;background:transparent} 352 .goal-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:#fff;border:5px solid var(--pink);box-shadow:0 6px 16px -4px rgba(244,34,80,.65);cursor:grab;transition:transform .12s} 353 .goal-range:active::-webkit-slider-thumb{transform:scale(1.14);cursor:grabbing} 354 .goal-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:5px solid var(--pink);box-shadow:0 6px 16px -4px rgba(244,34,80,.65);cursor:grab} 355 .bubble{position:absolute;top:-48px;transform:translateX(-50%);background:var(--pink);color:#fff;font-weight:600;font-size:19px;letter-spacing:-.01em;padding:8px 16px;border-radius:13px;white-space:nowrap;box-shadow:0 12px 26px -10px rgba(244,34,80,.75);z-index:4;pointer-events:none} 356 .bubble::after{content:"";position:absolute;left:50%;bottom:-4px;transform:translateX(-50%) rotate(45deg);width:11px;height:11px;background:var(--pink);border-radius:2px} 357 358 /* fixed grid â every plan/price/tagline occupies the SAME layout so nothing jumps between steps */ 359 .rec{margin:clamp(46px,7vh,66px) auto 0;width:min(740px,100%);display:grid;grid-template-columns:206px 1fr auto;align-items:stretch;min-height:108px; 360 background:rgba(255,255,255,.72);border:1px solid rgba(244,34,80,.2);border-radius:20px;padding:18px 26px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 22px 54px -34px rgba(120,10,50,.55)} 361 .rec-l{display:flex;flex-direction:column;justify-content:center;text-align:left;border-right:1px solid rgba(2,5,18,.12);padding-right:24px} 362 .rec-k{font-size:13px;font-weight:600;color:var(--ink);text-transform:uppercase;letter-spacing:.03em;padding-bottom:6px;border-bottom:1px solid rgba(2,5,18,.12)} 363 .rec-tag{font-size:13px;line-height:1.4;color:var(--ink-soft);margin-top:8px;min-height:2.8em;display:flex;align-items:center} /* reserve 2 lines so 1-line taglines don't shrink the box */ 364 .rec-mid{display:flex;align-items:center;gap:14px;justify-content:flex-start;padding:0 22px;min-width:0} 365 .rec-plan{flex:none;
365width:200px;font-size:clamp(1.5rem,2.7vw,2rem);font-weight:600;letter-spacing:-.01em;color:var(--ink);line-height:1;white-space:nowrap} /* fixed width fits the widest name (Passion Plus) â price never shifts */ 366 .rec-price{display:flex;align-items:baseline;gap:5px;white-space:nowrap} 367 .rec-price b{font-size:22px;font-weight:600;color:var(--ink);letter-spacing:-.02em} 368 .rec-price span{font-size:14px;font-weight:600;color:var(--ink-mute)} 369 .rec .rec-go{align-self:center;justify-self:end;padding:12px 28px;font-size:14.5px;background:var(--pink);color:#fff;box-shadow:0 12px 28px -12px rgba(244,34,80,.7);white-space:nowrap} 370 .rec .rec-go:hover{background:#cf1f4a;box-shadow:0 18px 38px -14px rgba(244,34,80,.8)} 371 .rec.pop .rec-plan,.rec.pop .rec-price b{animation:recPop .42s var(--ease)} 372 @keyframes recPop{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}} 373 @media(max-width:680px){ 374 .rec{grid-template-columns:1fr;justify-items:center;gap:14px;min-height:0} 375 .rec-l{border-right:0;border-bottom:1px solid rgba(2,5,18,.12);padding-right:0;padding-bottom:14px;text-align:center;align-items:center;width:100%} 376 .rec-tag{min-height:0;text-align:center} 377 .rec-mid{justify-content:center;padding:0} 378 .rec-plan{width:auto} 379 .rec .rec-go{justify-self:center} 380 } 381 :root{--display:"NHG Display","Inter",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif} 382 h1,h2,h3,h4,.marquee-track span,.builder-stats .n,.sc-badge .bn,.story-q,.rev-score .big,.xt-h,.xt-cta .cta-t,.sc2-title,.t-stat,.stat .n,.big-n{font-family:var(--display)} 383 .cr-sub,.hero-sub,.mf-sub,.team-sub{font-family:var(--sans);font-weight:400} 384</style> 385
385<script src="/site-chrome.js" defer></script>
385 386
386<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
vendor: 1 bytes, line 386
386
387<script type="application/ld+json"> 388{"@context":"https://schema.org","@graph":[ 389{"@type":"Organization","@id":"https://passion.io/#org","name":"Passion.io","url":"https://passion.io/","logo":"/media/webflow/609bf2b1ceca496177da0960_Favicon.png","sameAs":["https://www.linkedin.com/company/passion.io","https://facebook.com/passion.io","https://instagram.com/passion_io","https://www.trustpilot.com/review/passion.io"]}, 390{"@type":"WebSite","@id":"https://passion.io/#website","url":"https://passion.io/","name":"Passion.io","publisher":{"@id":"https://passion.io/#org"}} 391]} 392</script>
vendor: 1 bytes, line 392
392
393<script type="application/ld+json"> 394{"@context":"https://schema.org","@type":"Product","name":"Passion.io","description":"App builder for creators and coaches: launch your own branded iOS and Android app with courses, community and AI coaching.","brand":{"@id":"https://passion.io/#org"},"offers":[ 395{"@type":"Offer","name":"Launch","price":"119","priceCurrency":"USD","url":"https://passion.io/pricing","description":"per month, billed yearly"}, 396{"@type":"Offer","name":"Scale","price":"279","priceCurrency":"USD","url":"https://passion.io/pricing","description":"per month, billed yearly"}, 397{"@type":"Offer","name":"Expand","price":"599","priceCurrency":"USD","url":"https://passion.io/pricing","description":"per month, billed yearly"} 398]} 399</script>
399 400 <link rel="canonical" href="https://passion.io/pricing"> 401<!-- sc:bake:css --> 402<link rel="stylesheet" href="/chrome.css" id="sc-chrome-css"> 403<!-- /sc:bake:css --> 404</head> 405<body> 406<!-- sc:bake:nav --> 407<div id="sc-chrome"> 408 <svg width="0" height="0" style="position:absolute" aria-hidden="true"><defs> 409 <symbol id="i-spark" viewBox="0 0 24 24"><path d="M12 3l1.7 5.1L19 10l-5.3 1.9L12 17l-1.7-5.1L5 10l5.3-1.9z"/><path d="M18 4l.6 1.7L20 6l-1.4.5L18 8l-.6-1.5L16 6l1.4-.3z"/></symbol> 410 <symbol id="i-chat" viewBox="0 0 24 24"><path d="M21 11.5a8 8 0 0 1-11.5 7.2L4 20l1.3-4.5A8 8 0 1 1 21 11.5z"/></symbol> 411 <symbol id="i-link" viewBox="0 0 24 24"><path d="M10 13.5a3.5 3.5 0 0 0 5 0l3-3a3.5 3.5 0 1 0-5-5l-1.5 1.5"/><path d="M14 10.5a3.5 3.5 0 0 0-5 0l-3 3a3.5 3.5 0 1 0 5 5l1.5-1.5"/></symbol> 412 <symbol id="i-inbox" viewBox="0 0 24 24"><path d="M3 12h5l1.5 2.5h5L16 12h5"/><path d="M5 5h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2z"/></symbol> 413 <symbol id="i-tag" viewBox="0 0 24 24"><path d="M20 12.5L12.5 20 4 11.5V4h7.5z"/><circle cx="8" cy="8" r="1.4"/></symbol> 414 <symbol id="i-app" viewBox="0 0 24 24"><rect x="6" y="3" width="12" height="18" rx="3"/><line x1="11" y1="18" x2="13" y2="18"/></symbol> 415 <symbol id="i-play" viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="M10.5 9l4.5 3-4.5 3z" fill="currentColor" stroke="none"/></symbol>
416 <symbol id="i-crown" viewBox="0 0 24 24"><path d="M4 18l-1.5-9 5 4 4.5-7 4.5 7 5-4L20 18z"/></symbol> 417 <symbol id="i-users" viewBox="0 0 24 24"><circle cx="9" cy="8" r="3.2"/><path d="M3.5 20a5.5 5.5 0 0 1 11 0"/><path d="M16 5.2a3.2 3.2 0 0 1 0 5.6"/><path d="M21 20a5.5 5.5 0 0 0-3.5-5.1"/></symbol> 418 <symbol id="i-coins" viewBox="0 0 24 24"><ellipse cx="12" cy="6.5" rx="7" ry="3"/><path d="M5 6.5V12c0 1.6 3.1 3 7 3s7-1.4 7-3V6.5"/><path d="M5 12v5.5c0 1.6 3.1 3 7 3s7-1.4 7-3V12"/></symbol> 419 <symbol id="i-card" viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="14" rx="2.5"/><line x1="3" y1="10" x2="21" y2="10"/><line x1="7" y1="15" x2="11" y2="15"/></symbol> 420 <symbol id="i-chart" viewBox="0 0 24 24"><path d="M5 20V11"/><path d="M12 20V4"/><path d="M19 20v-6"/><path d="M3 20h18"/></symbol> 421 <symbol id="i-plug" viewBox="0 0 24 24"><path d="M9 3v5"/><path d="M15 3v5"/><path d="M6 8h12v2.5a6 6 0 0 1-12 0z"/><path d="M12 16.5V21"/></symbol> 422 <symbol id="i-migrate" viewBox="0 0 24 24"><path d="M3 12h11"/><path d="M10 7l5 5-5 5"/><path d="M20 4v16"/></symbol> 423 <symbol id="i-palette" viewBox="0 0 24 24"><path d="M12 3a9 9 0 1 0 0 18c1.7 0 2-1.3 1.2-2.2-.8-.9-.5-2.3.7-2.6 2.6-.6 5.1-1.6 5.1-4.7A8.5 8.5 0 0 0 12 3z"/><circle cx="8" cy="10" r="1"/><circle cx="12" cy="7.5" r="1"/><circle cx="16" cy="10" r="1"/></symbol> 424 <symbol id="i-shield" viewBox="0 0 24 24"><path d="M12 3l8 3v5.5c0 4.8-3.4 8.2-8 9.5-4.6-1.3-8-4.7-8-9.5V6z"/><path d="M9 12l2 2 4-4"/></symbol> 425 <symbol id="i-calc" viewBox="0 0 24 24"><rect x="5" y="3" width="14" height="18" rx="2.5"/><line x1="8" y1="7" x2="16" y2="7"/><path d="M8.5 11h.01M12 11h.01M15.5 11h.01M8.5 14.5h.01M12 14.5h.01M15.5 14.5h.01"/></symbol> 426 <symbol id="i-quiz" viewBox="0 0 24 24"><rect x="4" y="3" width="16" height="18" rx="2.5"/><path d="M8 8h5M8 12h8M8 16h6"/><path d="M16.5 7l1 1 2-2" stroke-width="1.7"/></symbol> 427 <symbol id="i-download" viewBox="0 0 24 24"><path d="M12 4v10"/><path d="M8 11l4 4 4-4"/><path d="M5 19h14"/></symbol> 428 <symbol id="i-help" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M9.6 9.2a2.5 2.5 0 0 1 4.4 1.6c0 1.7-2 2-2 3.2"/><path d="M12 17h.01"/></symbol> 429 </defs></svg> 430 <div class="wrap navwrap"> 431 <nav class="nav"> 432 <div class="brand"><a class="brand-link" href="/" aria-label="Passion.io home"><img class="brand-svg" src="/media/passionio-dark.svg" alt="Passion.io"></a></div> 433 <div class="nav-links"> 434 <div class="nav-item" data-menu="product"><button class="nav-trigger" type="button" aria-haspopup="true" aria-expanded="false">Product <svg class="cv" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg></button></div> 435 <div class="nav-item" data-menu="learn"><button class="nav-trigger" type="button" aria-haspopup="true" aria-expanded="false">Learn <svg class="cv" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg></button></div> 436 <a href="/reviews">Reviews</a> 437 <a href="/pricing">Pricing</a> 438 </div> 439 <div class="nav-right"><a class="nav-login" href="https://passion.io/login">Log in</a><a class="btn btn-primary" href="https://passion.io/">Get started</a></div> 440 </nav> 441 442 <!-- PRODUCT mega-menu --> 443 <div class="mega is-product" data-menu="product" aria-hidden="true"> 444 <div class="mega-grid"> 445 <div class="mega-col"> 446 <div class="mega-colh">Knowledge Platform</div> 447 <a class="mega-item" href="/branded-app"><span class="mega-ic"><svg><use href="#i-app"/></svg></span><span class="mega-it"><span class="mega-tt">Branded App</span><span class="mega-ds">Deliver a premium client experience</span></span></a> 448 <a class="mega-item" href="/branded-app#courses"><span class="mega-ic"><svg><use href="#i-play"/></svg></span><span class="mega-it"><span class="mega-tt">Interactive Courses</span><span class="mega-ds">Quizzes, progress tracking, timers</span></span></a> 449 <a class="mega-item" href="/branded-app#payments"><span class="mega-ic"><svg><use href="#i-crown"/></svg></span><span class="mega-it"><span class="mega-tt">Memberships</span><span class="mega-ds">Monetize your videos</span></span></a> 450 <a class="mega-item" href="/branded-app#communities"><span class="mega-ic"><svg><use href="#i-users"/></svg></span><span class="mega-it"><span class="mega-tt">Mobile Communities</span><span class="mega-ds">Enable engaging discussions</span></span></a> 451 <a class="mega-item" href="/branded-app#how"><span class="mega-ic"><svg><use href="#i-coins"/></svg></span><span class="mega-it"><span class="mega-tt">360 Monetization</span><span class="mega-ds">One-offs, subscriptions</span></span></a> 452 </div> 453 <div class="mega-col"> 454 <div class="mega-colh">AI Customer Success</div> 455 <a class="mega-item" href="/youai"><span class="mega-ic"><svg><use href="#i-spark"/></svg></span><span class="mega-it"><span class="mega-tt">AI Customer Coach</span><span class="mega-ds">Get customers results 1:1 at scale</span></span></a> 456 <a class="mega-item" href="/youai#features"><span class="mega-ic"><svg><use href="#i-chat"/></svg></span><span class="mega-it"><span class="mega-tt">Sessions</span><span class="mega-ds">Guide customers to take action</span></span></a> 457 <a class="mega-item" href="/youai#features"><span class="mega-ic"><svg><use href="#i-link"/></svg></span><span class="mega-it"><span class="mega-tt">Deep Linking</span><span class="mega-ds">Deep link to lessons, videos, posts</span></span></a> 458 <a class="mega-item" href="/youai#intelligence"><span class="mega-ic"><svg><use href="#i-inbox"/></svg></span><span class="mega-it"><span class="mega-tt">CRM</span><span class="mega-ds">AI Inbox of all customer interactions</span></span></a> 459 <a class="mega-item" href="/youai#intelligence"><span class="mega-ic"><svg><use href="#i-chart"/></svg></span><span class="mega-it"><span class="mega-tt">Customer Analytics</span><span class="mega-ds">
459Track your client's progress</span></span></a> 460 </div> 461 <div class="mega-col"> 462 <div class="mega-colh">Use cases</div> 463 <a class="mega-item" href="/youai#sessions"><span class="mega-ic"><svg><use href="#i-chat"/></svg></span><span class="mega-it"><span class="mega-tt">Qualify Leads</span><span class="mega-ds">Chat flows that pre-sell</span></span></a> 464 <a class="mega-item" href="/youai#sessions"><span class="mega-ic"><svg><use href="#i-migrate"/></svg></span><span class="mega-it"><span class="mega-tt">Automate Onboarding</span><span class="mega-ds">Guide customers to their first win</span></span></a> 465 <a class="mega-item" href="/youai#sessions"><span class="mega-ic"><svg><use href="#i-tag"/></svg></span><span class="mega-it"><span class="mega-tt">Retain & Upsell Better</span><span class="mega-ds">Get signals at the right time</span></span></a> 466 <a class="mega-item" href="/youai#sessions"><span class="mega-ic"><svg><use href="#i-inbox"/></svg></span><span class="mega-it"><span class="mega-tt">Customer Health</span><span class="mega-ds">See who's thriving or at risk</span></span></a> 467 <a class="mega-item" href="/youai#intelligence"><span class="mega-ic"><svg><use href="#i-chart"/></svg></span><span class="mega-it"><span class="mega-tt">Customer Intelligence</span><span class="mega-ds">Read your customers' minds</span></span></a> 468 </div> 469 <a class="mega-feat" href="/plus"> 470 <div class="mf-k">Passion Plus</div> 471 <h4>Branded Customer<br>Coaching App</h4> 472 <div class="mf-sub">Migration, design, launch</div> 473 <img class="mf-img" src="/media/branded/df-man-phone.webp" alt="Your branded coaching app"> 474 <div class="mf-rev"><img class="mf-rev-app" src="/media/branded/es-icon.webp" alt="Everything Spiritual"><span class="mf-rev-tx"><b>Everything Spiritual</b><i>By Carrie Bailey</i>
474<span class="mf-rev-st">â â â â â </span></span></div> 475 <span class="mf-arrow" aria-hidden="true"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 6l6 6-6 6"/></svg></span> 476 </a> 477 </div> 478 <div class="mega-foot"> 479 <a class="btn btn-light" href="/platform-demo">Product news</a> 480 <a class="btn btn-primary" href="https://landing.passion.io/you-ai-book-call?adb_sid=a4734376-b1c6-419d-ad8e-f2f4dfb42c51" target="_blank" rel="noopener">Book a demo</a> 481 </div> 482 </div> 483 484 <!-- LEARN mega-menu --> 485 <div class="mega is-learn" data-menu="learn" aria-hidden="true"> 486 <div class="mega-grid"> 487 <div class="mega-col"> 488 <div class="mega-colh">Start</div> 489 <a class="mega-vid v-web" href="/free-webinar"><div class="mv-bg"></div><div class="mv-cap">The $19,540/mo app</div><span class="mv-cta">Watch training <svg viewBox="0 0 24 24"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span></a> 490 <div class="mega-vcap"><b>Live Training</b><span>Build your own profitable app</span><span class="vwho">with Dan Harvey</span></div> 491 </div> 492 <div class="mega-col"> 493 <div class="mega-colh">Scale</div> 494 <a class="mega-vid v-acc" href="/business-accelerator"><div class="mv-bg"></div><div class="mv-cap">Business Accelerator</div><span class="mv-cta">Learn more <svg viewBox="0 0 24 24"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span></a> 495 <div class="mega-vcap"><b>Passion Business Accelerator</b><span>Scale to six figures</span><span class="vwho">with Ashley Couto</span></div> 496 </div> 497 <div class="mega-col"> 498 <div class="mega-colh">Business</div> 499 <a class="mega-vid v-aios" href="/aios"><div class="mv-bg"></div><div class="mv-cap">AiOS</div><span class="mv-cta">Learn more <svg viewBox="0 0 24 24"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span></a> 500 <div class="mega-vcap"><b>AiOS</b><span>Scale from 6- to 8-figures</span><span class="vwho">with Matt Bellmann</span></div> 501 </div> 502 <div class="mega-col mega-learn-mid"> 503 <div class="mega-colh">Success stories</div> 504 <a class="mega-item" href="/case-studies/ellen-decker"><span class="mega-ic app"><img src="/media/branded/app-fit20.webp" alt="" loading="lazy"></span><span class="mega-it"><span class="mega-tt">Fit in 20</span><span class="mega-ds">Fitness membership app</span></span></a> 505 <a class="mega-item" href="/case-studies/jay-fenichel"><span class="mega-ic app"><img src="/media/branded/app-drums.webp" alt="" loading="lazy"></span><span class="mega-it"><span class="mega-tt">Study the Drums</span><span class="mega-ds">Music lessons on autopilot</span></span></a> 506 <a class="mega-item" href="/case-studies/allie-cooper"><span class="mega-ic app"><img src="/media/branded/app-cirque.webp" alt="" loading="lazy"></span><span class="mega-it"><span class="mega-tt">Cirque+</span><span class="mega-ds">Aerial & movement coaching</span></span></a> 507 <a class="mega-item" href="/case-studies/smartworkout-pro"><span class="mega-ic app"><img src="/media/branded/app-smartworkout.webp" alt="" loading="lazy"></span><span class="mega-it"><span class="mega-tt">SmartWorkout Pro</span><span class="mega-ds">Personalized training plans</span></span></a> 508 <a class="mega-item" href="/case-studies/calxthenics"><span class="mega-ic app"><img src="/media/branded/app-calx.webp" alt="" loading="lazy"></span><span class="mega-it"><span class="mega-tt">Calxthenics</span><span class="mega-ds">Calisthenics coaching community</span></span></a> 509 </div> 510 <div class="mega-col"> 511 <div class="mega-colh">Resources & Help</div> 512 <a class="mega-item" href="/platform-demo"><span class="mega-ic"><svg><use href="#i-play"/></svg></span><span class="mega-it"><span class="mega-tt">Platform Demo</span><span class="mega-ds">Passion.io explained</span></span></a> 513 <a class="mega-item" href="/#monetize"><span class="mega-ic"><svg><use href="#i-calc"/></svg></span><span class="mega-it"><span class="mega-tt">Income Calculator</span><span class="mega-ds">Find out what you could earn</span></span></a> 514 <a class="mega-item" href="/resource-library"><span class="mega-ic"><svg><use href="#i-download"/></svg></span><span class="mega-it"><span class="mega-tt">Free Downloads</span><span class="mega-ds">Get free resources to start & scale</span></span></a> 515 <a class="mega-item" href="https://help.passion.io/hc/en-us" target="_blank" rel="noopener"><span class="mega-ic"><svg><use href="#i-help"/></svg></span><span class="mega-it"><span class="mega-tt">Help Center</span><span class="mega-ds">Get help</span></span></a> 516 </div> 517 </div> 518 </div> 519 </div> 520 </div> 521 </div> 522</div> 523<!-- /sc:bake:nav --> 524<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 524-525
524 525<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
525GTM-PDZ7V7
vendor: 83 bytes, line 525
525" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
526<!-- End Google Tag Manager (noscript) --> 527 528 <!-- navbar injected by /site-chrome.js (shared across all pages) --> 529 530 <!-- ââââââââââââââââ HERO ââââââââââââââââ --> 531 <header class="hero"> 532 <div class="wrap"> 533 <div class="tp-badge"> 534 <span class="tp-ex">Excellent</span> 535 <img class="tp-rating" src="/media/webflow/66aa5d5033e3bc905df0d444_Trustpilot_ratings_4halfstar-RGB.svg" alt="TrustScore 4.5 out of 5" height="22"> 536 <span class="tp-logo"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M21.6 9.4h-7.3L12 2.1 9.7 9.4H2.4l5.9 4.3-2.3 7.2 5.9-4.4 5.9 4.4-2.3-7.2 6-4.3z"/></svg>Trustpilot</span> 537 </div> 538 <h1>Easily launch your <em>own app</em></h1> 539 <p class="hero-sub">Plans that grow with your business. Pay monthly or yearly. Cancel anytime.</p> 540 541 <div class="billing"> 542 <div class="seg" id="seg" role="group" aria-label="Billing period"> 543 <button type="button" data-bill="annual" aria-pressed="true">Annual <span class="sv">(Save 20%)</span></button> 544 <button type="button" data-bill="monthly" aria-pressed="false">Monthly</button> 545 </div> 546 </div> 547 </div> 548 </header> 549 550 <!-- ââââââââââââââââ PLAN CARDS ââââââââââââââââ --> 551 <section class="plans" id="plans" aria-label="Plans"> 552 <div class="wrap"> 553 <div class="plan-grid"> 554 555 <!-- LAUNCH --> 556 <article class="card"> 557 <div class="card-head"> 558 <div class="ribbon"><span class="tier">Launch</span></div> 559 <div class="price"><span class="amt" data-annual="$119" data-monthly="$149">$119</span><span class="per">/month</span></div> 560 <div class="billed" data-annual="Billed once yearly" data-monthly="Billed monthly">Billed once yearly</div> 561 </div> 562 <div class="card-title">Launch your own app</div> 563 <div class="card-desc">All you need to launch your app</div> 564 <ul class="feats"> 565 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Creating your own app</li> 566 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Basic integrations</li> 567 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>In-app search</li> 568 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>One-to-one messaging</li> 569 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Basic & group communities</li> 570 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Basic drip content</li> 571 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>$0–$10k price for course</li> 572 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Email support</li> 573 </ul> 574 <div class="ai-head"><svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l1.7 5.1L19 10l-5.3 1.9L12 17l-1.7-5.1L5 10l5.3-1.9z"/></svg>Access to AI features</div> 575 <ul class="feats ai"> 576 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>incl. 3,000 messages of Conversational AI</li> 577 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Context-Aware You AI Coach</li> 578 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Basic Customization</li> 579 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Basic Analytics</li> 580 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>History</li> 581 </ul> 582 <div class="cta"><a class="btn btn-out" data-annual-href="https://passion.io/checkout/purchase?token=F3ntf0Q_4SS-3jsxMcDqpVes" data-monthly-href="https://passion.io/checkout/purchase?token=N7nj4smJowEXyvG2bxZUV0yU" href="https://passion.io/checkout/purchase?token=F3ntf0Q_4SS-3
582jsxMcDqpVes">Get started <span class="arr">→</span></a></div> 583 </article> 584 585 <!-- SCALE (featured) --> 586 <article class="card feat"> 587 <div class="card-head"> 588 <div class="ribbon"><span class="tier">Scale</span><span class="best">Best value</span></div> 589 <div class="price"><span class="amt" data-annual="$279" data-monthly="$349">$279</span><span class="per">/month</span></div> 590 <div class="billed" data-annual="Billed once yearly" data-monthly="Billed monthly">Billed once yearly</div> 591 </div> 592 <div class="card-title">Scale your own app</div> 593 <div class="card-desc">Boost your app with your own brand</div> 594 <div class="incl">Everything in Launch, and:</div> 595 <ul class="feats"> 596 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Creating your own app</li> 597 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Zapier integrations</li> 598 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Advanced DMs & messages</li> 599 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Advanced communities & chats</li> 600 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Advanced drip content</li> 601 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Your own branding</li> 602 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Chat support</li> 603 </ul> 604 <div class="ai-head"><svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l1.7 5.1L19 10l-5.3 1.9L12 17l-1.7-5.1L5 10l5.3-1.9z"/></svg>Access to AI features</div> 605 <ul class="feats ai"> 606 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>incl. 7,500 messages of Conversational AI</li> 607 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Context-Aware You AI Coach</li> 608 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Basic Customization</li> 609 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Basic Analytics</li> 610 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>History</li> 611 </ul> 612 <div class="cta"><a class="btn btn-primary" data-annual-href="https://passion.io/checkout/purchase?token=hOuJxRWjVk7lCa0WDT5FdnjV" data-monthly-href="https://passion.io/checkout/purchase?token=6cJCn7i1z4Q9Bg-fteT7t1Ki" href="https://passion.io/checkout/purchase?token=hOuJxRWjVk7lCa0WDT5FdnjV">Get started <span class="arr">→</span></a></div> 613 </article> 614 615 <!-- EXPAND --> 616 <article class="card"> 617 <div class="card-head"> 618 <div class="ribbon"><span class="tier">Expand</span></div> 619 <div class="price"><span class="amt" data-annual="$599" data-monthly="$699">$599</span><span class="per">/month</span></div> 620 <div class="billed" data-annual="Billed once yearly" data-monthly="Billed monthly">Billed once yearly</div> 621 </div> 622 <div class="card-title">Expand your own app</div> 623 <div class="card-desc">App store and reach more users</div> 624 <div class="incl">Everything in Scale, and:</div> 625 <ul class="feats"> 626 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Creating your own app</li> 627 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>App Store listing</li> 628 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Apple & Google pay support</li> 629 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Unlimited users and products</li> 630 <li><span class="ck"><svg viewBox="0 0 24 24">
630<path d="M5 12l5 5L20 6"/></svg></span>Unlimited groups & communities</li> 631 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Unlimited videos</li> 632 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Unlimited push notifications</li> 633 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Offline mode</li> 634 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Video call support</li> 635 </ul> 636 <div class="ai-head"><svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l1.7 5.1L19 10l-5.3 1.9L12 17l-1.7-5.1L5 10l5.3-1.9z"/></svg>Access to AI features</div> 637 <ul class="feats ai"> 638 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>incl. 20,000 messages of Conversational AI</li> 639 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Context-Aware You AI Coach</li> 640 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Basic Customization</li> 641 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Basic Analytics</li> 642 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>History</li> 643 </ul> 644 <div class="cta"><a class="btn btn-out" data-annual-href="https://passion.io/checkout/purchase?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaG91bGRfY29sbGVjdF9waG9uZV9udW1iZXIiOmZhbHNlLCJwcm9kdWN0SWQiOiJwcm9kX1J2aVFqaFdVWUVLRXNlIiwicHJpY2VzIjoicHJpY2VfMVI5Mlo4RnhENkoyeVhJVVBsQ2FpWXYwLHByaWNlXzFSMXIwM0Z4RDZKMnlYSVVKOW9udHB4UCIsIm1ldGFkYXRhIjp7ImNoZWNrb3V0U291cmNlIjoiU3RyaXBlIn0sImlhdCI6MTc0NDg3NzYzNX0.6-3nE58XgAIfrVVedAvpzxCeL712MMs-eTVIcV7ZdXw" data-monthly-href="https://passion.io/checkout/purchase?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaG91bGRfY29sbGVjdF9waG9uZV9udW1iZXIiOmZhbHNlLCJwcm9kdWN0SWQiOiJwcm9kX1J2aVFqaFdVWUVLRXNlIiwicHJpY2VzIjoicHJpY2VfMVIxcjAzRnhENkoyeVhJVUo5b250cHhQLHByaWNlXzFSOTJaOEZ4RDZKMnlYSVVQbENhaVl2MCIsIm1ldGFkYXRhIjp7ImNoZWNrb3V0U291cmNlIjoiU3RyaXBlIn0sImlhdCI6MTc0NDg4MDMzNH0.FSS-QzRtmsw4tJ5Gei4Oq3KQ4sJhgEgT7BvT9eKc2_0" href="https://passion.io/checkout/purchase?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaG91bGRfY29sbGVjdF9waG9uZV9udW1iZXIiOmZhbHNlLCJwcm9kdWN0SWQiOiJwcm9kX1J2aVFqaFdVWUVLRXNlIiwicHJpY2VzIjoicHJpY2VfMVI5Mlo4RnhENkoyeVhJVVBsQ2FpWXYwLHByaWNlXzFSMXIwM0Z4RDZKMnlYSVVKOW9udHB4UCIsIm1ldGFkYXRhIjp7ImNoZWNrb3V0U291cmNlIjoiU3RyaXBlIn0sImlhdCI6MTc0NDg3NzYzNX0.6-3nE58XgAIfrVVedAvpzxCeL712MMs-eTVIcV7ZdXw">Get started <span class="arr">→</span></a></div> 645 </article> 646 647 <!-- PASSION PLUS --> 648 <article class="card"> 649 <div class="card-head"> 650 <div class="ribbon"><span class="tier">Passion Plus</span></div> 651 <div class="price talk"><span class="amt">Let’s talk</span></div> 652 <div class="billed">The price is agreed with request</div> 653 </div> 654 <div class="card-title">Elevate your own app</div> 655 <div class="card-desc">Premium tools to elevate your app</div> 656 <div class="incl">Everything in Expand, and:</div> 657 <ul class="feats"> 658 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Creating your own app</li> 659 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>App Store listing</li> 660 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Apple & Google pay support</li> 661 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Custom analytics</li> 662 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Fast content migration</li> 663 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>We submit your app</li> 664 <li><span class="ck"><svg viewBox="0 0 24 24">
664<path d="M5 12l5 5L20 6"/></svg></span>1-on-1 support from Success Manager</li> 665 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Marketing & Growth Coach to help you scale</li> 666 </ul> 667 <div class="ai-head"><svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l1.7 5.1L19 10l-5.3 1.9L12 17l-1.7-5.1L5 10l5.3-1.9z"/></svg>Access to AI features</div> 668 <ul class="feats ai"> 669 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>incl. 60,000 messages of Conversational AI</li> 670 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Context-Aware You AI Coach</li> 671 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Basic Customization</li> 672 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>Basic Analytics</li> 673 <li><span class="ck"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 6"/></svg></span>History</li> 674 </ul> 675 <div class="cta"><a class="btn btn-out" href="/plus">Learn more <span class="arr">→</span></a></div> 676 </article> 677 678 </div> 679 680 <!-- trust strip --> 681 <div class="strip"><div class="strip-inner"> 682 <div class="strip-stat"><b>15,000+</b><span>Apps launched</span></div> 683 <div class="strip-stat"><b>$1B+</b><span>Earned by creators</span></div> 684 <div class="strip-stat"><b>3M+</b><span>Customers served</span></div> 685 <div class="strip-stat"><b>4.5★</b><span>Trustpilot rating</span></div> 686 </div></div> 687 </div> 688 </section> 689 690 <!-- ââââââââââââââââ INCOME-GOAL PICKER ââââââââââââââââ --> 691 <section class="goal" aria-label="Find your plan by income goal"> 692 <div class="wrap"> 693 <div class="goal-panel"> 694 <div class="goal-inner"> 695 <div class="incl-h">Included in every plan</div> 696 <div class="pills"> 697 <span class="pill"><svg viewBox="0 0 24 24"><rect x="6" y="3" width="12" height="18" rx="3"/><line x1="11" y1="18" x2="13" y2="18"/></svg>Your own app</span> 698 <span class="pill"><svg viewBox="0 0 24 24"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/></svg>Products & communities</span> 699 <span class="pill"><svg viewBox="0 0 24 24"><path d="M21 11.5a8 8 0 0 1-11.5 7.2L4 20l1.3-4.5A8 8 0 1 1 21 11.5z"/></svg>Chat & DM’s</span> 700 <span class="pill"><svg viewBox="0 0 24 24"><rect x="3" y="3" width="7" height="7" rx="1.5"/><rect x="14" y="3" width="7" height="7" rx="1.5"/><rect x="3" y="14" width="7" height="7" rx="1.5"/><path d="M17.5 14v3.5M15.75 15.75h3.5"/></svg>Standard integrations</span> 701 <span class="pill"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 7.5V12l3 2"/></svg>Tracking</span> 702 <span class="pill"><svg viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="14" rx="2.5"/><line x1="3" y1="10" x2="21" y2="10"/><line x1="7" y1="15" x2="11" y2="15"/></svg>In-app payments</span> 703 </div> 704 705 <h2 class="goal-title">Your monthly app income goal</h2> 706 707 <div class="slider"> 708 <span class="edge">$1k</span> 709 <div class="track" id="goalTrack"> 710 <div class="track-bg"></div> 711 <div class="track-fill" id="goalFill"></div> 712 <input class="goal-range" id="goalRange" type="range" min="1000" max="40000" step="500" value="5000" aria-label="Monthly app income goal"> 713 <div class="bubble" id="goalBubble">$5,000</div> 714 </div> 715 <span class="edge">$40k+</span> 716 </div> 717 718 <div class="rec" id="goalRec"> 719 <div class="rec-l"> 720 <div class="rec-k">We recommend</div> 721 <div class="rec-tag" id="recTag">Advanced automations to boost your app</div> 722 </div> 723 <div class="rec-mid"> 724 <div class="rec-plan" id="recPlan">Scale</div> 725 <div class="rec-price"><b id="recPrice">$279</b><span id="recPer">/month</span></div> 726 </div> 727 <a class="btn btn-primary rec-go" id="recGo" href="https://passion.io/">Let’s Go</a> 728 </div> 729 </div> 730 </div> 731 </div> 732 </section> 733 734 <!-- ââââââââââââââââ COMPARE ââââââââââââââââ --> 735 <section class="compare" id="compare" aria-label="Compare plans and features"> 736 <div class="wrap"> 737 <div class="cmp-head"> 738 <div class="cmp-ey">
738Compare</div> 739 <h2>Compare plans & features</h2> 740 <p>Every plan includes your own branded app and a context-aware AI coach.</p> 741 </div> 742 <div class="cmp-togglewrap"> 743 <button class="cmp-toggle" id="cmpToggle" type="button" aria-expanded="false" aria-controls="cmpCollapse"><span id="cmpToggleLabel">Compare plan features</span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg></button> 744 </div> 745 <div class="cmp-collapse" id="cmpCollapse"> 746 <div class="cmp-scroll"> 747 <table class="cmp" id="cmp"> 748 <colgroup> 749 <col class="c-feat"><col class="c-plan"><col class="c-plan"><col class="c-plan"><col class="c-plan"> 750 </colgroup> 751 <thead><tr id="cmpHead"></tr></thead> 752 <tbody id="cmpBody"></tbody> 753 </table> 754 </div> 755 <p class="cmp-foot">*Standard transaction / commission & tax fees apply to all payments: Apple App Store, Google Play Store & with checkout (PassionPayments = default Stripe processing fee).</p> 756 </div> 757 </div> 758 </section> 759 760 <!-- ââââââââââââââââ TRUSTED BY 7-FIGURE BUSINESS OWNERS ââââââââââââââââ --> 761 <section class="coaches" id="coaches" aria-label="Trusted by 7-figure business owners"> 762 <div class="wrap sec-h"> 763 <div class="sec-ey">Customers</div> 764 <h2>Trusted by 7-figure business owners</h2> 765 </div> 766 <div class="co-rows"><div class="co-row" id="coRowA"></div><div class="co-row rev" id="coRowB"></div></div> 767 </section> 768 769 <!-- ââââââââââââââââ EXTENDED TEAM ââââââââââââââââ --> 770 <section class="team" aria-label="Your extended team"> 771 <div class="team-panel"> 772 <h2>Say Hi to your growth team</h2> 773 <p class="team-sub">A whole crew of coaches and experts in your corner from day one.</p> 774 <div class="team-rowwrap"><div class="team-row" id="teamRow"></div></div> 775 </div> 776 </section> 777 778 <!-- ââââââââââââââââ FAQ ââââââââââââââââ --> 779 <section class="faq" aria-label="Frequently asked questions"> 780 <div class="wrap"> 781 <h2>Frequently asked questions</h2> 782 <div class="faq-list"> 783 <details class="qa"><summary>Can I switch plans later?<span class="pl"></span></summary><div class="ans">Yes. Upgrade or downgrade at any time from your dashboard. When you upgrade, the new features unlock instantly and we prorate the difference; when you downgrade, the change applies at your next billing date.</div></details> 784 <details class="qa"><summary>What’s the difference between monthly and annual billing?<span class="pl"></span></summary><div class="ans">Annual billing saves you 20% versus paying month to month. You’re billed once per year and can cancel anytime.</div></details> 785 <details class="qa"><summary>Do I really get my own branded app?<span class="pl"></span></summary><div class="ans">On Scale and above your app carries your own branding, and from Expand you get a real App Store and Google Play listing under your name. Passion Plus includes done-for-you submission so we handle the store process for you.</div></details> 786 <details class="qa"><summary>What is the You AI Coach?<span class="pl"></span></summary><div class="ans">Every plan includes a context-aware AI coach trained on your content, so your members get 24/7 personalised guidance inside your app. Higher tiers include more Conversational AI messages per month.</div></details> 787 <details class="qa"><summary>Are there any transaction fees?<span class="pl"></span></summary><div class="ans">PassionPayment fees scale down with your plan — from 3.9% on Launch to 1.9% on Passion Plus. Standard Apple, Google and Stripe processing fees also apply on the relevant checkout.</div></details> 788 <details class="qa"><summary>What happens when I get stuck?<span class="pl"></span></summary><div class="ans">This is the part reviews rave about most: of 1,672 positive Trustpilot reviews, 1,091 praise the support and training team, many by first name. Real humans answer, onboarding walks y
788ou to launch, and Passion Academy covers building, marketing and selling.</div></details> 789 <details class="qa"><summary>Is my audience big enough for an app?<span class="pl"></span></summary><div class="ans">Almost certainly. Ellen Decker runs a $37.5k/month app on 250 subscribers at $34.99. An app deepens what each member pays and how long they stay, so depth beats reach. You need people who want your help, not a huge following.</div></details> 790 <p style="margin-top:18px;font-size:14px;color:var(--ink-mute)">More questions? <a href="/faqs" style="color:var(--ink);font-weight:600">The 10 questions every creator asks, answered with real reviews →</a></p> 791 </div> 792 </div> 793 </section> 794 795 <!-- ââââââââââââââââ CUSTOMER REVIEWS ââââââââââââââââ --> 796 <section class="creviews" aria-label="Customer reviews"> 797 <div class="wrap"> 798 <div class="cr-head"> 799 <h2>Customer Reviews</h2> 800 <p class="cr-sub">Over 15,000 creators have worked with Passion.io to scale their businesses. <a href="https://www.trustpilot.com/review/passion.io" target="_blank" rel="noopener">Read the reviews here</a></p> 801 </div> 802 <!-- TrustBox widget â Grid (exact embed from passion.io/pricing): overall rating + 5-star reviews --> 803 <div class="trustpilot-widget" data-locale="en-US" data-template-id="539adbd6dec7e10e686debee" data-businessunit-id="5e54395c7170470001dc8691" data-style-height="1200px" data-style-width="100%" data-theme="light" data-stars="5" data-review-languages="en"> 804 <a href="https://www.trustpilot.com/review/passion.io" target="_blank" rel="noopener">Trustpilot</a> 805 </div> 806 <!-- End TrustBox widget --> 807 </div> 808 </section> 809 810 <!-- ââââââââââââââââ FINAL CTA ââââââââââââââââ --> 811 <section class="final"> 812 <div class="fn-box"> 813 <div class="fn-inner"> 814 <h2>Still got questions?</h2> 815 <p>Grab your spot in our free webinar or chat with our team to discuss how we can help you achieve your goals.</p> 816 <div class="cta"> 817 <a class="btn btn-white" href="/contact-us">Contact us</a> 818 <a class="btn btn-ghost" href="/featured-webinar">Join free webinar</a> 819 </div> 820 </div> 821 </div> 822 </section> 823 824 <!-- footer injected by /site-chrome.js (shared across all pages) --> 825 826
826<script> 827 (function(){ 828 /* ---------- plan data (4 columns: Launch / Scale / Expand / Plus) ---------- */ 829 var PLANS=[ 830 {tier:'Launch',annual:'$119',monthly:'$149',cta:'Get started',ctaAlt:true,feat:false}, 831 {tier:'Scale',annual:'$279',monthly:'$349',cta:'Get started',ctaAlt:false,feat:true}, 832 {tier:'Expand',annual:'$599',monthly:'$699',cta:'Get started',ctaAlt:true,feat:false}, 833 {tier:'Passion Plus',annual:'Custom',monthly:'Custom',cta:'Learn more',href:'/plus',ctaAlt:true,feat:false} 834 ]; 835 var Y='<span class="ic-yes"><svg viewBox="0 0 24 24" fill="none"><path d="M5 12l5 5L20 6"/></svg></span>'; 836 var N='<span class="ic-no" aria-label="not included"></span>'; 837 /* each row: [name, Launch, Scale, Expand, Plus] â use Y / N / text */ 838 var GROUPS=[ 839 {bucket:'Knowledge platform',name:'Features',rows:[ 840 ['Your own Passion App',Y,Y,Y,Y], 841 ['Interactive products, exercises, goal trackers',Y,Y,Y,Y], 842 ['Subscriptions, memberships, one-time or free',Y,Y,Y,Y], 843 ['Calendly, YouTube Live, Typeform, Stripe integration',Y,Y,Y,Y], 844 ['In-app search',Y,Y,Y,Y], 845 ['One-to-one messaging (DMs & emails)',Y,Y,Y,Y], 846 ['Communities & group-chat','Basic','Advanced','Advanced','Advanced'], 847 ['Drip content & automations','Basic','Advanced','Advanced','Advanced'], 848 ['Zapier integration',N,Y,Y,Y], 849 ['Remove Passion.io branding',N,Y,Y,Y], 850 ['Multiple team access roles',N,Y,Y,Y], 851 ['App Store Listing (iOS & Android apps)',N,N,Y,Y], 852 ['Apple Pay & Google Pay support',N,N,Y,Y], 853 ['Engagement push notifications',N,N,Y,Y], 854 ['Community push notifications & broadcasts',N,N,Y,Y], 855 ['Channel-specific push notifications',N,N,Y,Y], 856 ['Offline mode',N,N,Y,Y] 857 ]}, 858 {name:'Expert insights & resources to succeed',rows:[ 859 ['Onboarding to set you up for success',Y,Y,Y,'1-on-1 call'], 860 ['Expert Unleashed Challenge: $0 to $10k/month',Y,Y,Y,Y], 861 ['Support of 15k+ creators in PassionFighters community',Y,Y,Y,Y], 862 ['Support & mentoring','Email support','Email & in-platform chat','Email, chat & calls','Customer Success Manager'], 863 ['App store submission guidance (call)',N,N,Y,'Done for you'], 864 ['Exclusive Plus community',N,N,N,Y], 865 ['Content migration',N,N,N,Y], 866 ['Custom analytics',N,N,N,Y], 867 ['Personalized customizations',N,N,N,Y], 868 ['Dedicated growth coach',N,N,N,'1 hour/month'] 869 ]}, 870 {name:'Usage',rows:[ 871 ['Total users','250','1,000','Unlimited','Unlimited'], 872 ['Videos','25','100','Unlimited','Unlimited'], 873 ['Video file size','1GB','2GB','5GB','5GB'], 874 ['Products','3','10','Unlimited','Unlimited'], 875 ['Recurring tasks','3','10','Unlimited','Unlimited'], 876 ['Communities','3','10','Unlimited','Unlimited'], 877 ['Pricing plans','3','10','Unlimited','Unlimited'], 878 ['Push notifications',N,N,'Unlimited','Unlimited'] 879 ]}, 880 {name:'Platform fee',rows:[ 881 ['PassionPayment','3.9%','2.7%','2.0%','1.9%'], 882 ['External payment processing',N,Y,Y,Y] 883 ]}, 884 {bucket:'AI customer success',name:'YouAI coach',rows:[ 885 ['Answers clients in your voice, 24/7',Y,Y,Y,Y], 886 ['Voice and chat, both included',Y,Y,Y,Y], 887 ['Trained on your material',Y,Y,Y,Y], 888 ['Personal to every client',Y,Y,Y,Y], 889 ['Guides clients through sessions',Y,Y,Y,Y], 890 ['Multiple coaches, in your voice',Y,Y,Y,Y], 891 ['Add your own guardrails',Y,Y,Y,Y], 892 ['Keeps your AI on-brand — catches and corrects drift',Y,Y,Y,Y] 893 ]}, 894 {name:'Knowledge that stays current',rows:[ 895 ['Knowledge sources','Unlimited','Unlimited','Unlimited','Unlimited'], 896 ['Add PDFs, docs and video',Y,Y,Y,Y], 897 ['Add links: YouTube, Vimeo, Loom, Fathom',Y,Y,Y,Y], 898 ['Connects to Kajabi, Circle, Google Drive & more',Y,Y,Y,Y], 899 ['Finds knowledge gaps and suggests what to add',Y,Y,Y,Y] 900 ]}, 901 {name:'Know your clients',rows:[ 902 ['See every client’s history, goals & engagement',Y,Y,Y,Y], 903 ['Client insights — who’s at risk, who’s ready to buy',Y,Y,Y,Y], 904 ['Understand what your clients ask about most',Y,Y,Y,Y], 905 ['See who’s engaged and who’s quietly slipping away',Y,Y,Y,Y], 906 ['Sentiment & satisfaction trends over time',Y,Y,Y,Y], 907 ['Full conversation history per client',Y,Y,Y,Y], 908 ['Export any conversation',Y,Y,Y,Y] 909 ]}, 910 {name:'Grow your business',rows:[ 911 ['Automatic win-back messages for quiet clients',Y,Y,Y,Y], 912 ['Upsell nudges at the right moment',Y,Y,Y,Y], 913 ['Scheduled follow-ups that keep clients moving',Y,Y,Y,Y], 914 ['Spots where clients drop off — and proposes fixes',Y,Y,Y,Y], 915 ['A daily feed of what needs you, with drafts ready to send',Y,Y,Y,Y] 916 ]}, 917 {name:'Reach clients anywhere',rows:[ 918 ['Decide who gets access — open, invite-only or paid',Y,Y,Y,Y], 919 ['Your own shareable link (youai.so/your-name)',Y,Y,Y,Y], 920 ['Publish in your app or embed on any site',Y,Y,Y,Y] 921 ]}, 922 {name:'YouAI setup & service',rows:[ 923 ['Set up yourself in minutes',Y,Y,Y,N], 924 ['We build, train & launch it for you',N,N,N,Y], 925 ['YouAI support','Email support','Email support','Email support','Priority + dedicated success manager'], 926 ['Quarterly value reviews',N,N,N,Y], 927 ['Ongoing refinement as you grow',N,N,N,Y],
928 ['Bonus credits to start',N,N,N,'10,000'] 929 ]} 930 ]; 931 932 var bill='annual'; 933 934 function buildHead(){ 935 var tr=document.getElementById('cmpHead'); 936 var h='<th class="th-feat feat-col"><div class="th-title">Plans</div></th>'; 937 PLANS.forEach(function(p){ 938 var price,billed; 939 if(p.annual==='Custom'){price='Custom';billed='Tailored to you';} 940 else{price='<span data-annual="'+p.annual+'" data-monthly="'+p.monthly+'">'+(bill==='annual'?p.annual:p.monthly)+'</span> <small>/mo</small>';billed=(bill==='annual'?'Billed yearly':'Billed monthly');} 941 h+='<th class="'+(p.feat?'is-feat-plan':'')+'">' 942 +'<div class="ph-tier">'+p.tier+'</div>' 943 +'<div class="ph-price">'+price+'</div>' 944 +'<div class="ph-billed">'+billed+'</div>' 945 +'<a class="ph-cta'+(p.ctaAlt?' alt':'')+'" href="'+(p.href||'https://passion.io/')+'">'+p.cta+'</a>' 946 +'</th>'; 947 }); 948 tr.innerHTML=h; 949 } 950 function buildBody(){ 951 var tb=document.getElementById('cmpBody'),h=''; 952 GROUPS.forEach(function(g,idx){ 953 if(g.bucket){ 954 if(idx>0)h+='<tr class="bkt-gap"><td colspan="5"></td></tr>'; 955 h+='<tr class="bkt'+(g.bucket==='AI customer success'?' bkt-ai':'')+'"><td colspan="5">'+g.bucket+'</td></tr>'; 956 } 957 h+='<tr class="grp"><td colspan="5">'+g.name+'</td></tr>'; 958 g.rows.forEach(function(r){ 959 h+='<tr><td class="feat-name">'+r[0]+'</td>'; 960 for(var i=1;i<=4;i++){ 961 var feat=PLANS[i-1].feat?' feat-plan':''; 962 h+='<td class="val'+feat+'">'+r[i]+'</td>'; 963 } 964 h+='</tr>'; 965 }); 966 }); 967 tb.innerHTML=h; 968 } 969 970 function applyBill(){ 971 document.querySelectorAll('[data-annual]').forEach(function(el){ 972 var v=el.getAttribute(bill==='annual'?'data-annual':'data-monthly'); 973 if(v!=null)el.textContent=v; 974 }); 975 // billed labels on cards 976 document.querySelectorAll('.billed[data-annual]').forEach(function(el){ 977 el.textContent=el.getAttribute(bill==='annual'?'data-annual':'data-monthly'); 978 }); 979 // plan Get-started checkout links (real passion.io checkout, per billing period) 980 document.querySelectorAll('[data-annual-href]').forEach(function(el){ 981 el.setAttribute('href', el.getAttribute(bill==='annual'?'data-annual-href':'data-monthly-href')); 982 }); 983 // header billed labels 984 document.querySelectorAll('.ph-billed').forEach(function(el){ 985 if(el.textContent.indexOf('Tailored')<0)el.textContent=(bill==='annual'?'Billed yearly':'Billed monthly'); 986 }); 987 } 988 989 /* segmented toggle */ 990 document.getElementById('seg').addEventListener('click',function(e){ 991 var b=e.target.closest('button');if(!b)return; 992 bill=b.getAttribute('data-bill'); 993 this.querySelectorAll('button').forEach(function(x){x.setAttribute('aria-pressed',x===b?'true':'false');}); 994 applyBill(); 995 }); 996 997 buildHead();buildBody();applyBill(); 998 999 /* category bars stick flush to the bottom edge of the sticky plan header (no gap, no row peeking through) */ 1000 function syncStick(){var th=document.querySelector('.cmp thead');if(th)document.documentElement.style.setProperty('--cmph',(th.offsetHeight-2)+'px');} 1001 syncStick(); 1002 window.addEventListener('resize',syncStick); 1003 window.addEventListener('load',syncStick); 1004 1005 /* collapsible compare table â animate height, then release overflow so the sticky header keeps working */ 1006 var cmpBtn=document.getElementById('cmpToggle'),cmpWrap=document.getElementById('cmpCollapse'),cmpLabel=document.getElementById('cmpToggleLabel'); 1007 if(cmpBtn&&cmpWrap){ 1008 cmpBtn.addEventListener('click',function(){ 1009 var open=cmpBtn.getAttribute('aria-expanded')!=='true'; 1010 cmpBtn.setAttribute('aria-expanded',open); 1011 cmpLabel.textContent=open?'Hide plan features':'Compare plan features'; 1012 if(open){ 1013 syncStick(); 1014 cmpWrap.style.overflow='hidden'; 1015 cmpWrap.style.maxHeight=cmpWrap.scrollHeight+'px'; 1016 cmpWrap.addEventListener('transitionend',function te(e){ 1017 if(e.propertyName!=='max-height')return; 1018 cmpWrap.style.maxHeight='none';cmpWrap.style.overflow='visible'; 1019 cmpWrap.removeEventListener('transitionend',te);syncStick(); 1020 }); 1021 }else{ 1022 cmpWrap.style.overflow='hidden'; 1023 cmpWrap.style.maxHeight=cmpWrap.scrollHeight+'px'; 1024 requestAnimationFrame(function(){requestAnimationFrame(function(){cmpWrap.style.maxHeight='0';});}); 1025 } 1026 }); 1027 } 1028 1029 /* ---------- "Trusted by 7-figure business owners": all 14 passion.io creators, crisp gradient avatars ---------- 1030 4 creators reuse Passion's crisp coach cut-outs; the other 10 are crisp gradient avatars enhanced from Passion's thumbnails. Quotes + app names are word-for-word from passion.io/pricing. */ 1031 var COB='/media/webflow/'; 1032 var CO=[
1033 ["My audience really wanted one place to go that they could access easily from their phone when theyâre traveling. And I wanted to build an app but I had no idea how and it was way too expensive. So thatâs where Passion.io came along.","Kamille Rose Taylor","The Ultimate LYFE","media/creators/kamille.webp"], 1034 ["If youâre looking to grow and scale your business for a small investment - jump on Passion.io! There is truly nothing like it!! I got my investment back in one day after I launched my app. My life has changed ever since.","Ellen Decker","Fit in Twenty",COB+"69734a65ee68611ec2a9217f_coach6.webp"], 1035 ["A great option for people who don't want to give away a huge chunk of the pie to launch an app. It lets you create an app without any experience, get it online without paying for developers. Passion.io gives you back the powerâgives you the control.","Adam Frater","CALXTHENICS","media/creators/adam.webp"], 1036 ["I chose Passion because it allows me to help myself and help others. With my own app, I can provide my clients with the tools they need to focus on the guest experience. And I can provide these tools at their fingertips where they can learn on their own time, on their own devices.","Miranda Murry","HospitalityConcierge","media/creators/miranda.webp"], 1037 ["2 yrs ago, I joined Passion⦠I was broke with no offer. Now, $100k in revenue in the last 6 months.","Menina Fortunato","Dance with Menina",COB+"697346d8817c400979bfc765_coach3.webp"], 1038 ["With my own branded app, Iâm always available. I get updates, downloads, and feedback even when Iâm working on something else. Itâs gratifying to know Iâm reaching my clients on their own terms and helping them change habits in a fun, easy, and fast way.","Colin Hiles","Habit Coach App",COB+"697346fd21cde398fd7c77a2_coach4.webp"], 1039 ["The app is a HUGE competitive advantage for meânot many leadership facilitators have access to this content that they can offer during in-person workshops as a continued education tool (and for after work and ongoing workshops).","Nicole North","Whiteboard Learning","media/creators/nicole.webp"], 1040 ["I would get emails from Google and Apple and I knew they were dealing with it. I didnât have to stress or worry about it. That allowed me to focus on the content creation and what Iâm good at rather than the tech side that would have taken me a couple of years to learn.","Makinsey Chilcote","Journey to Rise","media/creators/makinsey.webp"], 1041 ["This is a big shout-out of gratitude to the really impressive professionalism and constant support and guidance received by the Passion team for my app - It was featured in The Guardian. In particular, I want to thank Daniel Harvey for his incredible commercial insights and Jarret and Marta, JC & Priscilla have been so instrumental in helping me scale my App and launch.","Joanna Hall","WalkActive","media/creators/joanna.webp"], 1042 ["Iâve never had such engagement with my students. The completion rate for lessons is incredible. For me, the community has been a lifeline. I love, love, love my Passion community.","Karen Stringer","LSN: SWAHILI FOR HOAMIs","media/creators/karen.webp"], 1043 ["Those first 100 students turned into 15 high-ticket sales and laid the foundation for my upcoming app launch. I would not be in this position without Passion.","Jay Fenichel","Study The Drums","media/creators/jay.webp"], 1044 ["Anyone can get to $10,000 per month, let me tell you, that was easy. So at Passion.io, youâve got a process. If you follow it, it works.","Melissa Neill","BodyByBikini",COB+"697346b54a00a5eda4427e84_coach2.webp"], 1045 ["I chose Passion.io because of its purpose. Their desire to make the world a better place is 100% aligned with my intention.","Teresa Barcelo","toogie","media/creators/teresa.webp"], 1046 ["Go through the process. Put in the time with Expert Unleashed and repeat that Challenge 2-3x to distill your message and product. I see so many people jumping ahead and being lost and this could be avoided by following the guide and n
1046ot getting ahead of themselves.","Allie Cooper","CirquePlus","media/creators/allie.webp"] 1047 ]; 1048 var STAR5='<svg viewBox="0 0 24 24"><path d="M12 .587l3.668 7.431 8.2 1.192-5.934 5.787 1.401 8.169L12 18.896l-7.335 3.863 1.401-8.169L.132 9.21l8.2-1.192z"/></svg>'; 1049 var COSTARS='<div class="co-stars">'+STAR5+STAR5+STAR5+STAR5+STAR5+'</div>'; 1050 /* app icons (word-for-word from passion.io/pricing), keyed by creator name */ 1051 var FLB='/media/webflow/'; 1052 var ICON={ 1053 'Kamille Rose Taylor':'66ad195e145cf97392cd1a3f_The%20Ultimate%20LYFE.avif', 1054 'Ellen Decker':'66ad1967a1ad22160af997f0_Fit%20in%20Twenty.avif', 1055 'Adam Frater':'66ad1944bca029d420294271_CALXTHENICS.avif', 1056 'Miranda Murry':'66ad19bf4857c6305ba05693_HospitalityConcierge.avif', 1057 'Menina Fortunato':'66ad19abf62c29006d31bbbd_Dance%20with%20Menina.avif', 1058 'Colin Hiles':'66ad198742ff6b957a26e19d_Habit%20Coach%20App.avif', 1059 'Nicole North':'66ad19533314742ffa67d980_Whiteboard%20Learning.avif', 1060 'Makinsey Chilcote':'66ad19ca269249f68026b5c2_Journey%20to%20Rise.avif', 1061 'Joanna Hall':'66ad192451d984488580fcfb_WalkActive.avif', 1062 'Karen Stringer':'66ad1997001e1d9e35b73b60_LSN_%20SWAHILI%20FOR%20HOAMIs.avif', 1063 'Jay Fenichel':'66ad19b5fac9ec8ed1e0bad4_Study%20The%20Drums.avif', 1064 'Melissa Neill':'66ad197ab36bf2bc950971d0_BodyByBikini.avif', 1065 'Teresa Barcelo':'66ad19704c2c3277ed77596f_toogie.avif', 1066 'Allie Cooper':'66ad19366aa848f3d4a439d8_CirquePlus.avif' 1067 }; 1068 function coCard(c){return '<div class="co-card"><div class="co-photo"><img loading="lazy" src="'+c[3]+'" alt="'+c[1]+'"></div><div class="co-body">'+COSTARS+'<div class="co-q">â'+c[0]+'â</div><div class="co-foot"><img class="co-ic" loading="lazy" src="'+FLB+ICON[c[1]]+'" alt="'+c[2]+'"><div class="co-meta"><div class="co-n">'+c[1]+'</div><div class="co-r">'+c[2]+'</div></div></div></div></div>';} 1069 var coA=CO.slice(0,7),coB=CO.slice(7); 1070 var elA=document.getElementById('coRowA'),elB=document.getElementById('coRowB'); 1071 if(elA)elA.innerHTML=coA.map(coCard).join('')+coA.map(coCard).join(''); 1072 if(elB)elB.innerHTML=coB.map(coCard).join('')+coB.map(coCard).join(''); 1073 1074 /* ---------- extended team (photos pulled from passion.io/pricing) ---------- */ 1075 var TMB='/media/webflow/'; 1076 /* per-photo face alignment: [role, name, src, object-position, transform] */ 1077 var TEAM=[ 1078 ['Growth & Strategy Coach','Jarret',TMB+'66aa777d459e5cad45a61cdf_Jarret.avif','50% 46%',''], 1079 ['CEO & Host of Million Dollar Creator Podcast','Matthias',TMB+'66aa777cac654372fb4d2c88_Matt.avif','50% 26%','scale(1.1) translateY(5%)'], 1080 ['Onboarding Mentor','Georgie',TMB+'67d81962d5c7ed4742190c54_georgie.avif','50% 62%','scale(1.18) translateY(-3%)'], 1081 ['Growth Coach','Kaelyn','media/team/kaelyn.jpg','50% 0%','scale(1.06) translateY(3%)'], 1082 ['App Submissions Expert','Nellie',TMB+'66aa7be782701aa6630b2de2_Nellie.avif','50% 22%',''], 1083 ['Platform & Features Expert','Kleny','media/team/kleny.jpg','50% 80%','scale(1.12) translateY(4%)'], 1084 ['Success Coach','Amanda','media/team/amanda.jpg','50% 30%','scale(1.05) translateY(-5%)'] 1085 ]; 1086 function tmCard(t){return '<div class="team-card"><div class="team-arch"><img loading="lazy" src="'+t[2]+'" alt="'+t[1]+'" style="object-position:'+(t[3]||'50% 20%')+';transform:'+(t[4]||'none')+'"></div><div class="team-role">'+t[0]+'</div><div class="team-name">'+t[1]+'</div></div>';} 1087 var tmEl=document.getElementById('teamRow'); 1088 if(tmEl)tmEl.innerHTML=TEAM.map(tmCard).join('')+TEAM.map(tmCard).join(''); 1089 1090 /* customer reviews are now rendered by the embedded Trustpilot TrustBox widget (exact embed from passion.io/pricing) */ 1091 1092 /* ---------- income-goal slider â plan recommendation ---------- */ 1093 var gr=document.getElementById('goalRange'); 1094 if(gr){ 1095 var gTrack=document.getElementById('goalTrack'),gFill=document.getElementById('goalFill'), 1096 gBub=document.getElementById('goalBubble'),gRec=document.getElementById('goalRec'), 1097 rPlan=document.getElementById('recPlan'),rPrice=document.getElementById('recPrice'), 1098 rPer=document.getElementById('recPer'),rTag=document.getElementById('recTag'); 1099 var THUMB=26; 1100 var TIERS=[ 1101 {max:5000, plan:'Launch', price:'$119', per:'/month', tag:'All you need to get started'}, 1102 {max:15000, plan:'Scale', price:'$279', per:'/month', tag:'Advanced automations to boost your app'}, 1103 {max:30000, plan:'Expand', price:'$599', per:'/month', tag:'App Store listing and unlimited everything'}, 1104 {max:Infinity, plan:'Passion Plus', price:'Custom', per:'', tag:'Done-for-you setup to scale fast'} 1105 ]; 1106 function fmt(v){return v>
1106=40000?'$40k+':'$'+v.toLocaleString('en-US');} 1107 function pick(v){for(var i=0;i<TIERS.length;i++){if(v<TIERS[i].max)return TIERS[i];}return TIERS[TIERS.length-1];} 1108 var last=''; 1109 function upd(){ 1110 var v=+gr.value,min=+gr.min,max=+gr.max,pct=(v-min)/(max-min); 1111 var w=gTrack.clientWidth, center=pct*(w-THUMB)+THUMB/2; /* px to thumb centre */ 1112 gFill.style.width=center+'px'; 1113 gBub.style.left=center+'px'; 1114 gBub.textContent=fmt(v); 1115 var t=pick(v); 1116 if(t.plan!==last){ 1117 rPlan.textContent=t.plan;rPrice.textContent=t.price;rPer.textContent=t.per;rTag.textContent=t.tag; 1118 gRec.classList.remove('pop');void gRec.offsetWidth;gRec.classList.add('pop'); 1119 last=t.plan; 1120 } 1121 } 1122 gr.addEventListener('input',upd); 1123 window.addEventListener('resize',upd); 1124 upd(); 1125 } 1126 })(); 1127 </script>
1127 1128<!-- sc:bake:foot --> 1129 <footer id="foot" data-sec="Footer"> 1130 <div class="ft-main"> 1131 <div class="ft-brand"> 1132 <img class="ft-logo" src="/media/passionio-dark.svg" alt="Passion.io"> 1133 <p class="ft-blurb">The platform 15,000+ creators use to turn what they know into a thriving business.</p> 1134 <div class="ft-soc"><a href="https://facebook.com/passion.io" aria-label="Facebook"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M24 12.07C24 5.4 18.63 0 12 0S0 5.4 0 12.07C0 18.1 4.39 23.1 10.13 24v-8.44H7.08v-3.49h3.05V9.41c0-3.02 1.79-4.69 4.53-4.69 1.31 0 2.68.24 2.68.24v2.97h-1.51c-1.49 0-1.96.93-1.96 1.89v2.25h3.33l-.53 3.49h-2.8V24C19.61 23.1 24 18.1 24 12.07z"/></svg></a><a href="https://twitter.com/passion_io" aria-label="X"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18.9 1.15h3.68l-8.04 9.19L24 22.85h-7.41l-5.8-7.58-6.64 7.58H.46l8.6-9.83L0 1.15h7.6l5.24 6.93 6.06-6.93zm-1.29 19.5h2.04L6.49 3.24H4.3L17.61 20.65z"/></svg></a><a href="https://instagram.com/passion_io" aria-label="Instagram"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2.16c3.2 0 3.58.01 4.85.07 1.17.05 1.8.25 2.23.41.56.22.96.48 1.38.9.42.42.68.82.9 1.38.16.42.36 1.06.41 2.23.06 1.27.07 1.65.07 4.85s-.01 3.58-.07 4.85c-.05 1.17-.25 1.8-.41 2.23-.22.56-.48.96-.9 1.38-.42.42-.82.68-1.38.9-.42.16-1.06.36-2.23.41-1.27.06-1.65.07-4.85.07s-3.58-.01-4.85-.07c-1.17-.05-1.8-.25-2.23-.41-.56-.22-.96-.48-1.38-.9-.42-.42-.68-.82-.9-1.38-.16-.42-.36-1.06-.41-2.23-.06-1.27-.07-1.65-.07-4.85s.01-3.58.07-4.85c.05-1.17.25-1.8.41-2.23.22-.56.48-.96.9-1.38.42-.42.82-.68 1.38-.9.42-.16 1.06-.36 2.23-.41 1.27-.06 1.65-.07 4.85-.07M12 0C8.74 0 8.33.01 7.05.07 5.78.13 4.9.33 4.14.63c-.79.31-1.46.72-2.12 1.38C1.36 2.67.95 3.34.63 4.14.33 4.9.13 5.78.07 7.05.01 8.33 0 8.74 0 12s.01 3.67.07 4.95c.06 1.27.26 2.15.56 2.91.31.79.72 1.46 1.38 2.12.66.66 1.33 1.07 2.12 1.38.76.3 1.64.5 2.91.56C8.33 23.99 8.74 24 12 24s3.67-.01 4.95-.07c1.27-.06 2.15-.26 2.91-.56.79-.31 1.46-.72 2.12-1.38.66-.66 1.07-1.33 1.38-2.12.3-.76.5-1.64.56-2.91.06-1.28.07-1.69.07-4.95s-.01-3.67-.07-4.95c-.06-1.27-.26-2.15-.56-2.91-.31-.79-.72-1.46-1.38-2.12C21.33 1.36 20.66.95 19.86.63 19.1.33 18.22.13 16.95.07 15.67.01 15.26 0 12 0zm0 5.84A6.16 6.16 0 1 0 18.16 12 6.16 6.16 0 0 0 12 5.84zM12 16a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm6.41-10.85a1.44 1.44 0 1 0 1.44 1.44 1.44 1.44 0 0 0-1.44-1.44z"/></svg></a><a href="https://linkedin.com/company/passion.io" aria-label="LinkedIn"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M20.45 20.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.13 1.45-2.13 2.94v5.67H9.35V9h3.42v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.13 2.06 2.06 0 0 1 0 4.13zM7.12 20.45H3.55V9h3.57v11.45zM22.22 0H1.77C.79 0 0 .77 0 1.73v20.54C0 23.22.79 24 1.77 24h20.45c.98 0 1.78-.78 1.78-1.73V1.73C24 .77 23.2 0 22.22 0z"/></svg></a><a href="https://youtube.com/c/passionio" aria-label="YouTube"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M23.5 6.2a3.02 3.02 0 0 0-2.12-2.14C19.5 3.55 12 3.55 12 3.55s-7.5 0-9.38.51A3.02 3.02 0 0 0 .5 6.2C0 8.07 0 12 0 12s0 3.93.5 5.8a3.02 3.02 0 0 0 2.12 2.14c1.88.51 9.38.51 9.38.51s7.5 0 9.38-.51a3.02 3.02 0 0 0 2.12-2.14C24 15.93 24 12 24 12s0-3.93-.5-5.8zM9.55 15.57V8.43L15.82 12l-6.27 3.57z"/></svg></a></div> 1135 </div> 1136 <nav class="ft-col" aria-label="Company"> 1137 <h4>Company</h4> 1138 <a href="/about-us">About Us</a> 1139 <a href="/contact-us">Contact Us</a> 1140 <a href="https://passion.io/referral-program">Referral Program</a> 1141 <a href="https://passion.io/jobs">Jobs</a> 1142 <a href="/blog">Blog</a> 1143 </nav> 1144 <nav class="ft-col" aria-label="Platform"> 1145 <h4>Platform</h4> 1146 <a href="/">Home</a> 1147 <a href="/features">Features</a> 1148 <a href="/pricing">Pricing</a> 1149 <a href="/reviews">Reviews</a> 1150 <a href="/platform-demo">Platform Demo</a> 1151 <a href="/create-an-app">Create an App</a> 1152 <a href="/case-studies">Case Studies</a> 1153 <a href="/app-success-blueprint">Passion App Success Blueprint</a> 1154 <a href="/branded-app">Branded App</a> 1155 <a href="/free-webinar">Live Training</a> 1156 <a href="/business-accelerator">Business Accelerator</a> 1157 </nav> 1158 <nav class="ft-col" aria-label="Use cases"> 1159 <h4>Use cases</h4> 1160 <a href="/use-cases/coaches">Coaches</a> 1161 <a href="/use-cases/creator">Creators</a> 1162 <a href="/use-cases/health-fitness">Health & Fitness</a> 1163 <a href="/use-cases/elearning">E-learning</a> 1164 </nav> 1165 <nav class="ft-col" aria-label="Compare"> 1166 <h4>Compare</h4> 1167 <a href="/comparison/kajabi">vs Kajabi</a> 1168 <a href="/comparison/skool">vs Skool</a> 1169 <a href="/comparison/thinkific">vs Thinkific</a> 1170 <a href="/comparison/circle">vs Circle</a> 1171 <a href="/comparison/mighty-networks">vs Mighty Networks</a> 1172 <a href="/comparison/teachable">vs Teachable</a> 1173 </nav> 1174 <nav class="ft-col" aria-label="Support"> 1175 <h4>Support</h4> 1176 <a href="https://help.passion.io">Help Center</a> 1177 <a href="https://onelink.to/qthsfk?adb_sid=29a8c7ac-9c35-4939-9998-479c9fcad448" target="_blank" rel="noopener">Passion Academy</a> 1178 <a href="/faqs">FAQ</a> 1179 </nav> 1180 </div> 1181 <div class="ft-wordwrap" aria-hidden="true"><div class="ft-word"><span class="ft-word-base">Passion</span><span class="ft-word-glow">Passion</span></div></div> 1182 <div class="ft-legal"> 1183 <p class="ft-disc">All success stories are from real Passion.io users. Results vary. These outcomes reflect individual effort, experience, and many personal factors. We don’t make earning claims, income claims, or guarantee results. Passion.io is a platform and education provider, not a “get rich quick” program. Any income examples are for illustration only. Your success depends on you.</p> 1184 <div class="ft-rights"><span>
1184Copyright © 2026 Passion.io</span><span><a href="/terms-of-service">Terms of Service</a><a href="/imprint">Imprint</a><a href="/privacy-policy">Privacy Policy</a></span></div> 1185 </div> 1186 </footer> 1187<!-- /sc:bake:foot --> 1188</body> 1189</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.