<!doctype html>
<html lang="en-US">
<head><meta charset="UTF-8"><script>if(navigator.userAgent.match(/MSIE|Internet Explorer/i)||navigator.userAgent.match(/Trident\/7\..*?rv:11/i)){var href=document.location.href;if(!href.match(/[?&]nowprocket/)){if(href.indexOf("?")==-1){if(href.indexOf("#")==-1){document.location.href=href+"?nowprocket=1"}else{document.location.href=href.replace("#","?nowprocket=1#")}}else{if(href.indexOf("#")==-1){document.location.href=href+"&nowprocket=1"}else{document.location.href=href.replace("#","&nowprocket=1#")}}}}</script><script>(()=>{class RocketLazyLoadScripts{constructor(){this.v="2.0.5",this.userEvents=["keydown","keyup","mousedown","mouseup","mousemove","mouseover","mouseout","touchmove","touchstart","touchend","touchcancel","wheel","click","dblclick","input"],this.attributeEvents=["onblur","onclick","oncontextmenu","ondblclick","onfocus","onmousedown","onmouseenter","onmouseleave","onmousemove","onmouseout","onmouseover","onmouseup","onmousewheel","onscroll","onsubmit"]}async t(){this.i(),this.o(),/iP(ad|hone)/.test(navigator.userAgent)&&this.h(),this.u(),this.l(this),this.m(),this.k(this),this.p(this),this._(),await Promise.all([this.R(),this.L()]),this.lastBreath=Date.now(),this.S(this),this.P(),this.D(),this.O(),this.M(),await this.C(this.delayedScripts.normal),await this.C(this.delayedScripts.defer),await this.C(this.delayedScripts.async),await this.T(),await this.F(),await this.j(),await this.A(),window.dispatchEvent(new Event("rocket-allScriptsLoaded")),this.everythingLoaded=!0,this.lastTouchEnd&&await new Promise(t=>setTimeout(t,500-Date.now()+this.lastTouchEnd)),this.I(),this.H(),this.U(),this.W()}i(){this.CSPIssue=sessionStorage.getItem("rocketCSPIssue"),document.addEventListener("securitypolicyviolation",t=>{this.CSPIssue||"script-src-elem"!==t.violatedDirective||"data"!==t.blockedURI||(this.CSPIssue=!0,sessionStorage.setItem("rocketCSPIssue",!0))},{isRocket:!0})}o(){window.addEventListener("pageshow",t=>{this.persisted=t.persisted,this.realWindowLoadedFired=!0},{isRocket:!0}),window.addEventListener("pagehide",()=>{this.onFirstUserAction=null},{isRocket:!0})}h(){let t;function e(e){t=e}window.addEventListener("touchstart",e,{isRocket:!0}),window.addEventListener("touchend",function i(o){o.changedTouches[0]&&t.changedTouches[0]&&Math.abs(o.changedTouches[0].pageX-t.changedTouches[0].pageX)<10&&Math.abs(o.changedTouches[0].pageY-t.changedTouches[0].pageY)<10&&o.timeStamp-t.timeStamp<200&&(window.removeEventListener("touchstart",e,{isRocket:!0}),window.removeEventListener("touchend",i,{isRocket:!0}),"INPUT"===o.target.tagName&&"text"===o.target.type||(o.target.dispatchEvent(new TouchEvent("touchend",{target:o.target,bubbles:!0})),o.target.dispatchEvent(new MouseEvent("mouseover",{target:o.target,bubbles:!0})),o.target.dispatchEvent(new PointerEvent("click",{target:o.target,bubbles:!0,cancelable:!0,detail:1,clientX:o.changedTouches[0].clientX,clientY:o.changedTouches[0].clientY})),event.preventDefault()))},{isRocket:!0})}q(t){this.userActionTriggered||("mousemove"!==t.type||this.firstMousemoveIgnored?"keyup"===t.type||"mouseover"===t.type||"mouseout"===t.type||(this.userActionTriggered=!0,this.onFirstUserAction&&this.onFirstUserAction()):this.firstMousemoveIgnored=!0),"click"===t.type&&t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),"touchstart"===this.lastEvent&&"touchend"===t.type&&(this.lastTouchEnd=Date.now()),"click"===t.type&&(this.lastTouchEnd=0),this.lastEvent=t.type,t.composedPath&&t.composedPath()[0].getRootNode()instanceof ShadowRoot&&(t.rocketTarget=t.composedPath()[0]),this.savedUserEvents.push(t)}u(){this.savedUserEvents=[],this.userEventHandler=this.q.bind(this),this.userEvents.forEach(t=>window.addEventListener(t,this.userEventHandler,{passive:!1,isRocket:!0})),document.addEventListener("visibilitychange",this.userEventHandler,{isRocket:!0})}U(){this.userEvents.forEach(t=>window.removeEventListener(t,this.userEventHandler,{passive:!1,isRocket:!0})),document.removeEventListener("visibilitychange",this.userEventHandler,{isRocket:!0}),this.savedUserEvents.forEach(t=>{(t.rocketTarget||t.target).dispatchEvent(new window[t.constructor.name](t.type,t))})}m(){const t="return false",e=Array.from(this.attributeEvents,t=>"data-rocket-"+t),i="["+this.attributeEvents.join("],[")+"]",o="[data-rocket-"+this.attributeEvents.join("],[data-rocket-")+"]",s=(e,i,o)=>{o&&o!==t&&(e.setAttribute("data-rocket-"+i,o),e["rocket"+i]=new Function("event",o),e.setAttribute(i,t))};new MutationObserver(t=>{for(const n of t)"attributes"===n.type&&(n.attributeName.startsWith("data-rocket-")||this.everythingLoaded?n.attributeName.startsWith("data-rocket-")&&this.everythingLoaded&&this.N(n.target,n.attributeName.substring(12)):s(n.target,n.attributeName,n.target.getAttribute(n.attributeName))),"childList"===n.type&&n.addedNodes.forEach(t=>{if(t.nodeType===Node.ELEMENT_NODE)if(this.everythingLoaded)for(const i of[t,...t.querySelectorAll(o)])for(const t of i.getAttributeNames())e.includes(t)&&this.N(i,t.substring(12));else for(const e of[t,...t.querySelectorAll(i)])for(const t of e.getAttributeNames())this.attributeEvents.includes(t)&&s(e,t,e.getAttribute(t))})}).observe(document,{subtree:!0,childList:!0,attributeFilter:[...this.attributeEvents,...e]})}I(){this.attributeEvents.forEach(t=>{document.querySelectorAll("[data-rocket-"+t+"]").forEach(e=>{this.N(e,t)})})}N(t,e){const i=t.getAttribute("data-rocket-"+e);i&&(t.setAttribute(e,i),t.removeAttribute("data-rocket-"+e))}k(t){Object.defineProperty(HTMLElement.prototype,"onclick",{get(){return this.rocketonclick||null},set(e){this.rocketonclick=e,this.setAttribute(t.everythingLoaded?"onclick":"data-rocket-onclick","this.rocketonclick(event)")}})}S(t){function e(e,i){let o=e[i];e[i]=null,Object.defineProperty(e,i,{get:()=>o,set(s){t.everythingLoaded?o=s:e["rocket"+i]=o=s}})}e(document,"onreadystatechange"),e(window,"onload"),e(window,"onpageshow");try{Object.defineProperty(document,"readyState",{get:()=>t.rocketReadyState,set(e){t.rocketReadyState=e},configurable:!0}),document.readyState="loading"}catch(t){console.log("WPRocket DJE readyState conflict, bypassing")}}l(t){this.originalAddEventListener=EventTarget.prototype.addEventListener,this.originalRemoveEventListener=EventTarget.prototype.removeEventListener,this.savedEventListeners=[],EventTarget.prototype.addEventListener=function(e,i,o){o&&o.isRocket||!t.B(e,this)&&!t.userEvents.includes(e)||t.B(e,this)&&!t.userActionTriggered||e.startsWith("rocket-")||t.everythingLoaded?t.originalAddEventListener.call(this,e,i,o):(t.savedEventListeners.push({target:this,remove:!1,type:e,func:i,options:o}),"mouseenter"!==e&&"mouseleave"!==e||t.originalAddEventListener.call(this,e,t.savedUserEvents.push,o))},EventTarget.prototype.removeEventListener=function(e,i,o){o&&o.isRocket||!t.B(e,this)&&!t.userEvents.includes(e)||t.B(e,this)&&!t.userActionTriggered||e.startsWith("rocket-")||t.everythingLoaded?t.originalRemoveEventListener.call(this,e,i,o):t.savedEventListeners.push({target:this,remove:!0,type:e,func:i,options:o})}}J(t,e){this.savedEventListeners=this.savedEventListeners.filter(i=>{let o=i.type,s=i.target||window;return e!==o||t!==s||(this.B(o,s)&&(i.type="rocket-"+o),this.$(i),!1)})}H(){EventTarget.prototype.addEventListener=this.originalAddEventListener,EventTarget.prototype.removeEventListener=this.originalRemoveEventListener,this.savedEventListeners.forEach(t=>this.$(t))}$(t){t.remove?this.originalRemoveEventListener.call(t.target,t.type,t.func,t.options):this.originalAddEventListener.call(t.target,t.type,t.func,t.options)}p(t){let e;function i(e){return t.everythingLoaded?e:e.split(" ").map(t=>"load"===t||t.startsWith("load.")?"rocket-jquery-load":t).join(" ")}function o(o){function s(e){const s=o.fn[e];o.fn[e]=o.fn.init.prototype[e]=function(){return this[0]===window&&t.userActionTriggered&&("string"==typeof arguments[0]||arguments[0]instanceof String?arguments[0]=i(arguments[0]):"object"==typeof arguments[0]&&Object.keys(arguments[0]).forEach(t=>{const e=arguments[0][t];delete arguments[0][t],arguments[0][i(t)]=e})),s.apply(this,arguments),this}}if(o&&o.fn&&!t.allJQueries.includes(o)){const e={DOMContentLoaded:[],"rocket-DOMContentLoaded":[]};for(const t in e)document.addEventListener(t,()=>{e[t].forEach(t=>t())},{isRocket:!0});o.fn.ready=o.fn.init.prototype.ready=function(i){function s(){parseInt(o.fn.jquery)>2?setTimeout(()=>i.bind(document)(o)):i.bind(document)(o)}return"function"==typeof i&&(t.realDomReadyFired?!t.userActionTriggered||t.fauxDomReadyFired?s():e["rocket-DOMContentLoaded"].push(s):e.DOMContentLoaded.push(s)),this},s("on"),s("one"),s("off"),t.allJQueries.push(o)}e=o}t.allJQueries=[],o(window.jQuery),Object.defineProperty(window,"jQuery",{get:()=>e,set(t){o(t)}})}P(){const t=new Map;document.write=document.writeln=function(e){const i=document.currentScript,o=document.createRange(),s=i.parentElement;let n=t.get(i);void 0===n&&(n=i.nextSibling,t.set(i,n));const c=document.createDocumentFragment();o.setStart(c,0),c.appendChild(o.createContextualFragment(e)),s.insertBefore(c,n)}}async R(){return new Promise(t=>{this.userActionTriggered?t():this.onFirstUserAction=t})}async L(){return new Promise(t=>{document.addEventListener("DOMContentLoaded",()=>{this.realDomReadyFired=!0,t()},{isRocket:!0})})}async j(){return this.realWindowLoadedFired?Promise.resolve():new Promise(t=>{window.addEventListener("load",t,{isRocket:!0})})}M(){this.pendingScripts=[];this.scriptsMutationObserver=new MutationObserver(t=>{for(const e of t)e.addedNodes.forEach(t=>{"SCRIPT"!==t.tagName||!t.src||t.noModule||t.isWPRocket||this.pendingScripts.push({script:t,promise:new Promise(e=>{const i=()=>{const i=this.pendingScripts.findIndex(e=>e.script===t);i>=0&&this.pendingScripts.splice(i,1),e()};t.addEventListener("load",i,{isRocket:!0}),t.addEventListener("error",i,{isRocket:!0}),setTimeout(i,1e3)})})})}),this.scriptsMutationObserver.observe(document,{childList:!0,subtree:!0})}async F(){await this.X(),this.pendingScripts.length?(await this.pendingScripts[0].promise,await this.F()):this.scriptsMutationObserver.disconnect()}D(){this.delayedScripts={normal:[],async:[],defer:[]},document.querySelectorAll("script[type$=rocketlazyloadscript]").forEach(t=>{t.hasAttribute("data-rocket-src")?t.hasAttribute("async")&&!1!==t.async?this.delayedScripts.async.push(t):t.hasAttribute("defer")&&!1!==t.defer||"module"===t.getAttribute("data-rocket-type")?this.delayedScripts.defer.push(t):this.delayedScripts.normal.push(t):this.delayedScripts.normal.push(t)})}async _(){await this.L();let t=[];document.querySelectorAll("script[type$=rocketlazyloadscript][data-rocket-src]").forEach(e=>{let i=e.getAttribute("data-rocket-src");if(i&&!i.startsWith("data:")){i.startsWith("//")&&(i=location.protocol+i);try{const o=new URL(i).origin;o!==location.origin&&t.push({src:o,crossOrigin:e.crossOrigin||"module"===e.getAttribute("data-rocket-type")})}catch(t){}}}),t=[...new Map(t.map(t=>[JSON.stringify(t),t])).values()],this.Y(t,"preconnect")}async G(t){if(await this.K(),!0!==t.noModule||!("noModule"in HTMLScriptElement.prototype))return new Promise(e=>{let i;function o(){(i||t).setAttribute("data-rocket-status","executed"),e()}try{if(navigator.userAgent.includes("Firefox/")||""===navigator.vendor||this.CSPIssue)i=document.createElement("script"),[...t.attributes].forEach(t=>{let e=t.nodeName;"type"!==e&&("data-rocket-type"===e&&(e="type"),"data-rocket-src"===e&&(e="src"),i.setAttribute(e,t.nodeValue))}),t.text&&(i.text=t.text),t.nonce&&(i.nonce=t.nonce),i.hasAttribute("src")?(i.addEventListener("load",o,{isRocket:!0}),i.addEventListener("error",()=>{i.setAttribute("data-rocket-status","failed-network"),e()},{isRocket:!0}),setTimeout(()=>{i.isConnected||e()},1)):(i.text=t.text,o()),i.isWPRocket=!0,t.parentNode.replaceChild(i,t);else{const i=t.getAttribute("data-rocket-type"),s=t.getAttribute("data-rocket-src");i?(t.type=i,t.removeAttribute("data-rocket-type")):t.removeAttribute("type"),t.addEventListener("load",o,{isRocket:!0}),t.addEventListener("error",i=>{this.CSPIssue&&i.target.src.startsWith("data:")?(console.log("WPRocket: CSP fallback activated"),t.removeAttribute("src"),this.G(t).then(e)):(t.setAttribute("data-rocket-status","failed-network"),e())},{isRocket:!0}),s?(t.fetchPriority="high",t.removeAttribute("data-rocket-src"),t.src=s):t.src="data:text/javascript;base64,"+window.btoa(unescape(encodeURIComponent(t.text)))}}catch(i){t.setAttribute("data-rocket-status","failed-transform"),e()}});t.setAttribute("data-rocket-status","skipped")}async C(t){const e=t.shift();return e?(e.isConnected&&await this.G(e),this.C(t)):Promise.resolve()}O(){this.Y([...this.delayedScripts.normal,...this.delayedScripts.defer,...this.delayedScripts.async],"preload")}Y(t,e){this.trash=this.trash||[];let i=!0;var o=document.createDocumentFragment();t.forEach(t=>{const s=t.getAttribute&&t.getAttribute("data-rocket-src")||t.src;if(s&&!s.startsWith("data:")){const n=document.createElement("link");n.href=s,n.rel=e,"preconnect"!==e&&(n.as="script",n.fetchPriority=i?"high":"low"),t.getAttribute&&"module"===t.getAttribute("data-rocket-type")&&(n.crossOrigin=!0),t.crossOrigin&&(n.crossOrigin=t.crossOrigin),t.integrity&&(n.integrity=t.integrity),t.nonce&&(n.nonce=t.nonce),o.appendChild(n),this.trash.push(n),i=!1}}),document.head.appendChild(o)}W(){this.trash.forEach(t=>t.remove())}async T(){try{document.readyState="interactive"}catch(t){}this.fauxDomReadyFired=!0;try{await this.K(),this.J(document,"readystatechange"),document.dispatchEvent(new Event("rocket-readystatechange")),await this.K(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.K(),this.J(document,"DOMContentLoaded"),document.dispatchEvent(new Event("rocket-DOMContentLoaded")),await this.K(),this.J(window,"DOMContentLoaded"),window.dispatchEvent(new Event("rocket-DOMContentLoaded"))}catch(t){console.error(t)}}async A(){try{document.readyState="complete"}catch(t){}try{await this.K(),this.J(document,"readystatechange"),document.dispatchEvent(new Event("rocket-readystatechange")),await this.K(),document.rocketonreadystatechange&&document.rocketonreadystatechange(),await this.K(),this.J(window,"load"),window.dispatchEvent(new Event("rocket-load")),await this.K(),window.rocketonload&&window.rocketonload(),await this.K(),this.allJQueries.forEach(t=>t(window).trigger("rocket-jquery-load")),await this.K(),this.J(window,"pageshow");const t=new Event("rocket-pageshow");t.persisted=this.persisted,window.dispatchEvent(t),await this.K(),window.rocketonpageshow&&window.rocketonpageshow({persisted:this.persisted})}catch(t){console.error(t)}}async K(){Date.now()-this.lastBreath>45&&(await this.X(),this.lastBreath=Date.now())}async X(){return document.hidden?new Promise(t=>setTimeout(t)):new Promise(t=>requestAnimationFrame(t))}B(t,e=window){return e===document&&"readystatechange"===t||(e===document&&"DOMContentLoaded"===t||(e===window&&"DOMContentLoaded"===t||(e===window&&"load"===t||e===window&&"pageshow"===t)))}static run(){(new RocketLazyLoadScripts).t()}}RocketLazyLoadScripts.run()})();
</script>
	
		<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta property="og:image" content="https://www.subscriptionflow.com/wp-content/uploads/2022/05/subscriptionflow-logo.png">
	<meta property="og:title" content="SubscriptionFlow – Subscription Management Software">
	<meta property="og:description" content="Manage subscriptions, recurring billing, and payments with SubscriptionFlow.">
	<meta property="og:url" content="https://www.subscriptionflow.com/">
	<link rel="profile" href="https://gmpg.org/xfn/11">
	<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />

	<!-- This site is optimized with the Yoast SEO plugin v28.6 - https://yoast.com/product/yoast-seo-wordpress/ -->
	<title>Next Gen-AI Billing &amp; Subscription Management Software</title>
<link data-rocket-prefetch href="https://s3-us-west-2.amazonaws.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://tr.capterra.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://scripts.clarity.ms" rel="dns-prefetch">
<link data-rocket-prefetch href="https://www.googletagmanager.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://cdn.pagesense.io" rel="dns-prefetch">
<link data-rocket-prefetch href="https://sc.lfeeder.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://static.hotjar.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://bat.bing.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://www.google-analytics.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://edge.fullstory.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://cdn.segment.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://widget.intercom.io" rel="dns-prefetch">
<link data-rocket-prefetch href="https://www.clarity.ms" rel="dns-prefetch">

<link data-rocket-prefetch href="https://www.google.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://tracking.g2crowd.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://script.hotjar.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://googleads.g.doubleclick.net" rel="dns-prefetch"><link rel="preload" data-rocket-preload as="image" href="https://www.subscriptionflow.com/wp-content/uploads/2024/07/00.png" fetchpriority="high">
	<meta name="description" content="SubscriptionFlow is offering best AI Billing &amp; Subscription Management Software of 2026 designed to deliver unrivalled results to companies." />
	<link rel="canonical" href="https://www.subscriptionflow.com/" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Next Gen-AI Billing &amp; Subscription Management Software" />
	<meta property="og:description" content="SubscriptionFlow is offering best AI Billing &amp; Subscription Management Software of 2026 designed to deliver unrivalled results to companies." />
	<meta property="og:url" content="https://www.subscriptionflow.com/" />
	<meta property="og:site_name" content="SubscriptionFlow" />
	<meta property="article:publisher" content="https://www.facebook.com/SubscriptionFlow" />
	<meta property="article:modified_time" content="2026-11-06T14:35:33+00:00" />
	<meta property="og:image" content="https://www.subscriptionflow.com/wp-content/uploads/2026/01/subscriptionflow-logo-for-branding.jpg" />
	<meta property="og:image:width" content="1920" />
	<meta property="og:image:height" content="1080" />
	<meta property="og:image:type" content="image/jpeg" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:site" content="@SubscriptionFL" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.subscriptionflow.com\/","url":"https:\/\/www.subscriptionflow.com\/","name":"Next Gen-AI Billing & Subscription Management Software","isPartOf":{"@id":"https:\/\/www.subscriptionflow.com\/#website"},"about":{"@id":"https:\/\/www.subscriptionflow.com\/#organization"},"primaryImageOfPage":{"@id":"https:\/\/www.subscriptionflow.com\/#primaryimage"},"image":{"@id":"https:\/\/www.subscriptionflow.com\/#primaryimage"},"thumbnailUrl":"https:\/\/www.subscriptionflow.com\/wp-content\/uploads\/2026\/01\/subscriptionflow-logo-for-branding.jpg","datePublished":"2021-11-10T13:44:24+00:00","dateModified":"2026-11-06T14:35:33+00:00","description":"SubscriptionFlow is offering best AI Billing & Subscription Management Software of 2026 designed to deliver unrivalled results to companies.","breadcrumb":{"@id":"https:\/\/www.subscriptionflow.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.subscriptionflow.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.subscriptionflow.com\/#primaryimage","url":"https:\/\/www.subscriptionflow.com\/wp-content\/uploads\/2026\/01\/subscriptionflow-logo-for-branding.jpg","contentUrl":"https:\/\/www.subscriptionflow.com\/wp-content\/uploads\/2026\/01\/subscriptionflow-logo-for-branding.jpg","width":1920,"height":1080,"caption":"subscriptionflow-logo-for-branding"},{"@type":"BreadcrumbList","@id":"https:\/\/www.subscriptionflow.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/www.subscriptionflow.com\/#website","url":"https:\/\/www.subscriptionflow.com\/","name":"SubscriptionFlow","description":"Best Subscription Management and Billing Software 2026","publisher":{"@id":"https:\/\/www.subscriptionflow.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.subscriptionflow.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.subscriptionflow.com\/#organization","name":"SubscriptionFlow","url":"https:\/\/www.subscriptionflow.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.subscriptionflow.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.subscriptionflow.com\/wp-content\/uploads\/2022\/02\/SF-logo.svg","contentUrl":"https:\/\/www.subscriptionflow.com\/wp-content\/uploads\/2022\/02\/SF-logo.svg","width":2088,"height":633,"caption":"SubscriptionFlow"},"image":{"@id":"https:\/\/www.subscriptionflow.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SubscriptionFlow","https:\/\/x.com\/SubscriptionFL","https:\/\/www.linkedin.com\/company\/subscriptionflow","https:\/\/www.youtube.com\/@subscriptionflow","https:\/\/www.instagram.com\/subscriptionflowapp\/"]}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.subscriptionflow.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.subscriptionflow.com%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.subscriptionflow.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.subscriptionflow.com%2F&#038;format=xml" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="wp-emoji-styles-inline-css">

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id="classic-theme-styles-inline-css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:root :where(.wp-block-icon svg){width: 24px;}
:where(.wp-block-gallery.is-layout-flex){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}:where(.wp-block-gallery.is-layout-grid){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}
:where(.wp-block-latest-posts.is-layout-flex){gap: 1.25em;}:where(.wp-block-latest-posts.is-layout-grid){gap: 1.25em;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */
</style>
<link data-minify="1" rel='stylesheet' id='bodhi-svgs-attachment-css' href='https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/plugins/svg-support/css/svgs-attachment.css?ver=1793990688' media='all' />
<link data-minify="1" rel='stylesheet' id='hello-elementor-css' href='https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/themes/hello-elementor/style.min.css?ver=1793990689' media='all' />
<link rel='stylesheet' id='hello-elementor-theme-style-css' href='https://www.subscriptionflow.com/wp-content/themes/hello-elementor/theme.min.css?v=1794326463&#038;ver=3.5.1' media='all' />
<link rel='stylesheet' id='elementor-frontend-css' href='https://www.subscriptionflow.com/wp-content/uploads/elementor/css/custom-frontend.min.css?ver=1793890434' media='all' />
<link rel='stylesheet' id='elementor-post-6-css' href='https://www.subscriptionflow.com/wp-content/uploads/elementor/css/post-6.css?ver=1793890434' media='all' />
<link data-minify="1" rel='stylesheet' id='slick_theme_css-css' href='https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/themes/hello-elementor/assets/css/slick-theme.css?ver=1793990689' media='' />
<link rel='stylesheet' id='eael-general-css' href='https://www.subscriptionflow.com/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/css/view/general.min.css?ver=6.8.4' media='all' />
<link data-minify="1" rel='stylesheet' id='eael-48431-css' href='https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/uploads/essential-addons-elementor/eael-48431.css?ver=1793990689' media='all' />
<link rel='stylesheet' id='widget-image-css' href='https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=4.2.0' media='all' />
<link rel='stylesheet' id='widget-heading-css' href='https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=4.2.0' media='all' />
<link rel='stylesheet' id='widget-icon-box-css' href='https://www.subscriptionflow.com/wp-content/uploads/elementor/css/custom-widget-icon-box.min.css?ver=1793890434' media='all' />
<link rel='stylesheet' id='widget-icon-list-css' href='https://www.subscriptionflow.com/wp-content/uploads/elementor/css/custom-widget-icon-list.min.css?ver=1793890434' media='all' />
<link rel='stylesheet' id='widget-divider-css' href='https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/css/widget-divider.min.css?ver=4.2.0' media='all' />
<link rel='stylesheet' id='widget-spacer-css' href='https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/css/widget-spacer.min.css?ver=4.2.0' media='all' />
<link rel='stylesheet' id='widget-mega-menu-css' href='https://www.subscriptionflow.com/wp-content/uploads/elementor/css/custom-pro-widget-mega-menu.min.css?ver=1793890434' media='all' />
<link rel='stylesheet' id='e-sticky-css' href='https://www.subscriptionflow.com/wp-content/plugins/elementor-pro-1/assets/css/modules/sticky.min.css?ver=4.2.0' media='all' />
<link data-minify="1" rel='stylesheet' id='font-awesome-5-all-css' href='https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/plugins/elementor/assets/lib/font-awesome/css/all.min.css?ver=1793990689' media='all' />
<link rel='stylesheet' id='font-awesome-4-shim-css' href='https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/v4-shims.min.css?ver=4.2.0' media='all' />
<link rel='stylesheet' id='widget-animated-headline-css' href='https://www.subscriptionflow.com/wp-content/plugins/elementor-pro-1/assets/css/widget-animated-headline.min.css?ver=4.2.0' media='all' />
<link rel='stylesheet' id='e-animation-float-css' href='https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/lib/animations/styles/e-animation-float.min.css?ver=4.2.0' media='all' />
<link rel='stylesheet' id='e-animation-slideInUp-css' href='https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/lib/animations/styles/slideInUp.min.css?ver=4.2.0' media='all' />
<link rel='stylesheet' id='widget-video-css' href='https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/css/widget-video.min.css?ver=4.2.0' media='all' />
<link rel='stylesheet' id='e-animation-grow-css' href='https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/lib/animations/styles/e-animation-grow.min.css?ver=4.2.0' media='all' />
<link rel='stylesheet' id='elementor-post-7-css' href='https://www.subscriptionflow.com/wp-content/uploads/elementor/css/post-7.css?ver=1793975741' media='all' />
<link rel='stylesheet' id='elementor-post-48431-css' href='https://www.subscriptionflow.com/wp-content/uploads/elementor/css/post-48431.css?ver=1793890438' media='all' />
<link rel='stylesheet' id='elementor-gf-ibmplexsans-css' href='https://fonts.googleapis.com/css?family=IBM+Plex+Sans:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&#038;display=optional' media='all' />
<script type="text/rocketlazyloadscript" id="jquery-core-js" data-rocket-src="https://www.subscriptionflow.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script type="text/rocketlazyloadscript" id="jquery-migrate-js" data-rocket-src="https://www.subscriptionflow.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<script type="text/rocketlazyloadscript" id="font-awesome-4-shim-js" data-rocket-src="https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/lib/font-awesome/js/v4-shims.min.js?ver=4.2.0" data-rocket-defer defer></script>
<link rel="https://api.w.org/" href="https://www.subscriptionflow.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.subscriptionflow.com/wp-json/wp/v2/pages/7" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.subscriptionflow.com/xmlrpc.php?rsd" />
<link rel='shortlink' href='https://www.subscriptionflow.com/' />
<meta name="generator" content="Elementor 4.2.0; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-optional">
			<style>
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			</style>
			<link rel="icon" href="https://www.subscriptionflow.com/wp-content/uploads/2021/11/80a831fb5b74ca232cc7dd2ff9f549e71b7a1992.png" sizes="32x32" />
<link rel="icon" href="https://www.subscriptionflow.com/wp-content/uploads/2021/11/80a831fb5b74ca232cc7dd2ff9f549e71b7a1992.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.subscriptionflow.com/wp-content/uploads/2021/11/80a831fb5b74ca232cc7dd2ff9f549e71b7a1992.png" />
<meta name="msapplication-TileImage" content="https://www.subscriptionflow.com/wp-content/uploads/2021/11/80a831fb5b74ca232cc7dd2ff9f549e71b7a1992.png" />
<style id="wp-custom-css">
span.site-name {
  color: #1a1a1a !important;
}
.footer ul{
    list-style-type: none !important;
}
/* Sticky fix: body/html ka overflow-x hidden sticky ko tor deta hai.
   clip wahi kaam karta hai (horizontal scroll band) magar sticky chalne deta hai. */
html, body {
  overflow-x: clip !important;
  overflow-y: visible !important;
}
</style>
<noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript>	<!---- clarity---->
	<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "pvc9oqv3ny");
	</script>
	<!-- Google Tag Manager -->
	<script type="text/rocketlazyloadscript">(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','GTM-T62D7J7');</script>
	<!-- End Google Tag Manager -->

	<!-- Global site tag (gtag.js) - Google Ads: 622700682 --> <script type="text/rocketlazyloadscript" async data-rocket-src="https://www.googletagmanager.com/gtag/js?id=AW-622700682"></script> 
	<script type="text/rocketlazyloadscript"> window.dataLayer = window.dataLayer || 
	[]; function gtag(){dataLayer.push(arguments);} gtag('js', new 
	Date()); gtag('config', 'AW-622700682'); </script> 

	<!-- G2 Digital Markets Tracking Script -->
	<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript">
	  (function(l,o,w,n,g){
	  window._gz=function(e,t){window._ct={vid:e,vkey:t,
	  uc:true,hasDoNotTrackIPs:false};window.ct;window.gdmEvents=[];};
	  n=l.createElement(o);g=l.getElementsByTagName(o)[0];
	  n["async"]=1;
	  n.src=w;g.parentNode.insertBefore(n,g)})(
	  document,"script",
	  "https://tr.capterra.com/static/wp.js");
	  window._gz('088c006a-f19b-4ee3-a75c-6489203e36dd', 
	  '58faf61cc19056b532c7cc5366516a26');
	</script>

	<!-- Event snippet for Submit lead form conversion page In your html page, 
	add the snippet and call gtag_report_conversion when someone clicks on the 
	chosen link or button. 
	@Register Page snippet
	-->
	<script type="text/rocketlazyloadscript"> function gtag_report_conversion(url) { 
	var callback = function () { if (typeof(url) != 'undefined') { 
	window.location = url; } }; gtag('event', 'conversion', { 'send_to': 'AW-622700682/L7GSCJ27uecCEIrR9qgC', 'event_callback': callback }); return 
	false; } </script>


	<!-- Event snippet for Book appointment conversion page In your html page, 
	add the snippet and call gtag_report_conversion when someone clicks on the 
	chosen link or button. --> <script type="text/rocketlazyloadscript"> function gtag_report_conversion_schedule_demo(url) { 
	var callback = function () { if (typeof(url) != 'undefined') { 
	window.location = url; } }; gtag('event', 'conversion', { 'send_to': 'AW-622700682/R-A-CKezu-cCEIrR9qgC', 'event_callback': callback }); return 
	false; } </script> 
	

	<!-- intercom -->


	<script type="text/rocketlazyloadscript">
	// We pre-filled your app ID in the widget URL: 'https://widget.intercom.io/widget/o2bhgtb7'
	(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/o2bhgtb7';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
	</script>
	

	<!-- Segment Code -->
	<script type="text/rocketlazyloadscript"> !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e<analytics.methods.length;e++){var key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=e};analytics._writeKey="FVPDcFnaDwZjQLzZTiKIlr2ZI3N4b1WA";;analytics.SNIPPET_VERSION="4.15.3"; analytics.load("FVPDcFnaDwZjQLzZTiKIlr2ZI3N4b1WA"); analytics.page(); }}(); </script>


	<!---LeadFeader-->
	<script type="text/rocketlazyloadscript"> (function(ss,ex){ window.ldfdr=window.ldfdr||function(){(ldfdr._q=ldfdr._q||[]).push([].slice.call(arguments));}; (function(d,s){ fs=d.getElementsByTagName(s)[0]; function ce(src){ var cs=d.createElement(s); cs.src=src; cs.async=1; fs.parentNode.insertBefore(cs,fs); }; ce('https://sc.lfeeder.com/lftracker_v1_'+ss+(ex?'_'+ex:'')+'.js'); })(document,'script'); })('3P1w24doEDn7mY5n'); </script>
	<!---FullStory Code-->
	<script type="text/rocketlazyloadscript">
	window['_fs_debug'] = false;
	window['_fs_host'] = 'fullstory.com';
	window['_fs_script'] = 'edge.fullstory.com/s/fs.js';
	window['_fs_org'] = '18DKTH';
	window['_fs_namespace'] = 'FS';
	(function(m,n,e,t,l,o,g,y){
		if (e in m) {if(m.console && m.console.log) { m.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].');} return;}
		g=m[e]=function(a,b,s){g.q?g.q.push([a,b,s]):g._api(a,b,s);};g.q=[];
		o=n.createElement(t);o.async=1;o.crossOrigin='anonymous';o.src='https://'+_fs_script;
		y=n.getElementsByTagName(t)[0];y.parentNode.insertBefore(o,y);
		g.identify=function(i,v,s){g(l,{uid:i},s);if(v)g(l,v,s)};g.setUserVars=function(v,s){g(l,v,s)};g.event=function(i,v,s){g('event',{n:i,p:v},s)};
		g.anonymize=function(){g.identify(!!0)};
		g.shutdown=function(){g("rec",!1)};g.restart=function(){g("rec",!0)};
		g.log = function(a,b){g("log",[a,b])};
		g.consent=function(a){g("consent",!arguments.length||a)};
		g.identifyAccount=function(i,v){o='account';v=v||{};v.acctId=i;g(o,v)};
		g.clearUserCookie=function(){};
		g.setVars=function(n, p){g('setVars',[n,p]);};
		g._w={};y='XMLHttpRequest';g._w[y]=m[y];y='fetch';g._w[y]=m[y];
		if(m[y])m[y]=function(){return g._w[y].apply(this,arguments)};
		g._v="1.3.0";
	})(window,document,window['_fs_namespace'],'script','user');
	</script>
	<!-- Compaign -->
	<script type="text/rocketlazyloadscript">(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"148007217"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>
	
	<!-- Conversion -->
	<script type="text/rocketlazyloadscript">
			(function (c, p, d, u, id, i) {
			id = ''; // Optional Custom ID for user in your system
			u = 'https://tracking.g2crowd.com/attribution_tracking/conversions/' + c + '.js?p=' + encodeURI(p) + '&e=' + id;
			i = document.createElement('script');
			i.type = 'application/javascript';
			i.async = true;
			i.src = u;
			d.getElementsByTagName('head')[0].appendChild(i);
			}("1006762", document.location.href, document));
	</script>
	

	<link data-minify="1" rel="stylesheet" href="https://www.subscriptionflow.com/wp-content/cache/min/1/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css?ver=1793990689" crossorigin="anonymous" referrerpolicy="no-referrer" />
	<link data-minify="1" rel="stylesheet" href="https://www.subscriptionflow.com/wp-content/cache/min/1/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css?ver=1793990689">
	<link data-minify="1" rel="stylesheet" href="https://www.subscriptionflow.com/wp-content/cache/min/1/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css?ver=1793990689">
	
	<!--email tracker -->
	<script type="text/rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" async data-rocket-src="https://www.subscriptionflow.com/wp-content/cache/min/1/mana.js?ver=1793990690"></script>


	<!-- Google tag (gtag.js) -->
<script type="text/rocketlazyloadscript" async data-rocket-src="https://www.googletagmanager.com/gtag/js?id=G-XRV7Z5V4YH"></script>
<script type="text/rocketlazyloadscript">
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XRV7Z5V4YH');
</script>
	

<!-------amazonaws-code--------->
	<script type="text/rocketlazyloadscript">!function () {var reb2b = window.reb2b = window.reb2b || [];if (reb2b.invoked) return;reb2b.invoked = true;reb2b.methods = ["identify", "collect"];reb2b.factory = function (method) {return function () {var args = Array.prototype.slice.call(arguments);args.unshift(method);reb2b.push(args);return reb2b;};};for (var i = 0; i < reb2b.methods.length; i++) {var key = reb2b.methods[i];reb2b[key] = reb2b.factory(key);}reb2b.load = function (key)
 {var script = document.createElement("script");script.type = "text/javascript";script.async = true;script.src = "https://s3-us-west-2.amazonaws.com/b2bjsstore/b/" + key + "/QOQRJHYEL462.js.gz";var first = document.getElementsByTagName("script")[0];first.parentNode.insertBefore(script, first);};reb2b.SNIPPET_VERSION = "1.0.1";reb2b.load("QOQRJHYEL462");}();</script>
	
	<!---Impact.com -->
	<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript">
(function(a,b,c,d,e,f,g){e['ire_o']=c;e[c]=e[c]||function(){(e[c].a=e[c].a||[]).push(arguments)};f=d.createElement(b);g=d.getElementsByTagName(b)[0];f.async=1;f.src=a;g.parentNode.insertBefore(f,g);})('https://utt.impactcdn.com/A5821526-e076-443e-8102-43f8950ebbbd1.js','script','ire',document,window); 
</script>
	
<!------------subscriptionflow-app-code------------------->
<script type="text/rocketlazyloadscript" data-minify="1" data-rocket-src="https://www.subscriptionflow.com/wp-content/cache/min/1/static/widget.js?ver=1793990691" data-tenant="admin" data-api-url="https://customwidget.subscriptionflow.com" data-position="bottom-right" data-rocket-defer defer></script>	

<style id="rocket-lazyrender-inline-css">[data-wpr-lazyrender] {content-visibility: auto;}</style><meta name="generator" content="WP Rocket 3.23.3.3" data-wpr-features="wpr_delay_js wpr_defer_js wpr_minify_js wpr_lazyload_images wpr_lazyload_iframes wpr_preconnect_external_domains wpr_automatic_lazy_rendering wpr_oci wpr_image_dimensions wpr_cache_webp wpr_minify_css wpr_cdn wpr_preload_links wpr_desktop" /></head>
<body data-rsssl=1 class="home wp-singular page-template-default page page-id-7 wp-custom-logo wp-theme-hello-elementor page-home elementor-default elementor-kit-6 elementor-page elementor-page-7">

		<header data-elementor-type="header" data-elementor-id="48431" class="elementor elementor-48431 elementor-location-header" data-elementor-post-type="elementor_library">
			<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-d837d31 e-flex e-con-boxed e-con e-parent" data-id="d837d31" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;widescreen&quot;,&quot;desktop&quot;,&quot;laptop&quot;,&quot;tablet&quot;,&quot;mobile_extra&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}">
					<div class="e-con-inner">
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-4f0f708a e-con-full e-flex e-con e-child" data-id="4f0f708a" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-105f5d22 elementor-widget elementor-widget-image" data-id="105f5d22" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
																<a href="https://www.subscriptionflow.com/">
							<img width="146" height="45" src="https://www.subscriptionflow.com/wp-content/uploads/2026/11/SF-logo.png" class="attachment-full size-full wp-image-49773" alt="" />								</a>
															</div>
				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-5ac377cb e-con-full e-flex e-con e-child" data-id="5ac377cb" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-57535378 elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile e-full_width e-n-menu-layout-horizontal e-n-menu-tablet elementor-widget elementor-widget-n-menu" data-id="57535378" data-element_type="widget" data-e-type="widget" data-settings="{&quot;menu_items&quot;:[{&quot;item_title&quot;:&quot;Features&quot;,&quot;item_dropdown_content&quot;:&quot;yes&quot;,&quot;item_icon&quot;:{&quot;value&quot;:&quot;fas fa-angle-down&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;item_icon_active&quot;:{&quot;value&quot;:&quot;fas fa-angle-up&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;_id&quot;:&quot;22fe3e4&quot;,&quot;item_link&quot;:{&quot;url&quot;:&quot;&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;},&quot;element_id&quot;:&quot;&quot;},{&quot;item_title&quot;:&quot;Solutions&quot;,&quot;item_dropdown_content&quot;:&quot;yes&quot;,&quot;item_icon&quot;:{&quot;value&quot;:&quot;fas fa-angle-down&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;item_icon_active&quot;:{&quot;value&quot;:&quot;fas fa-angle-up&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;_id&quot;:&quot;512db87&quot;,&quot;item_link&quot;:{&quot;url&quot;:&quot;&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;},&quot;element_id&quot;:&quot;&quot;},{&quot;item_title&quot;:&quot;Developers&quot;,&quot;item_dropdown_content&quot;:&quot;yes&quot;,&quot;item_icon&quot;:{&quot;value&quot;:&quot;fas fa-angle-down&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;item_icon_active&quot;:{&quot;value&quot;:&quot;fas fa-angle-up&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;_id&quot;:&quot;a5869e2&quot;,&quot;item_link&quot;:{&quot;url&quot;:&quot;&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;},&quot;element_id&quot;:&quot;&quot;},{&quot;item_title&quot;:&quot;Resources&quot;,&quot;_id&quot;:&quot;706968c&quot;,&quot;item_dropdown_content&quot;:&quot;yes&quot;,&quot;item_icon&quot;:{&quot;value&quot;:&quot;fas fa-angle-down&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;item_icon_active&quot;:{&quot;value&quot;:&quot;fas fa-angle-up&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;item_link&quot;:{&quot;url&quot;:&quot;&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;},&quot;element_id&quot;:&quot;&quot;},{&quot;_id&quot;:&quot;9321d4a&quot;,&quot;item_title&quot;:&quot;Pricing&quot;,&quot;item_link&quot;:{&quot;url&quot;:&quot;https:\/\/www.subscriptionflow.com\/pricing\/&quot;,&quot;is_external&quot;:&quot;&quot;,&quot;nofollow&quot;:&quot;&quot;,&quot;custom_attributes&quot;:&quot;&quot;},&quot;item_dropdown_content&quot;:&quot;no&quot;,&quot;item_icon&quot;:{&quot;value&quot;:&quot;&quot;,&quot;library&quot;:&quot;&quot;},&quot;item_icon_active&quot;:null,&quot;element_id&quot;:&quot;&quot;}],&quot;item_position_horizontal&quot;:&quot;start&quot;,&quot;menu_item_title_distance_from_content_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;content_width&quot;:&quot;full_width&quot;,&quot;item_layout&quot;:&quot;horizontal&quot;,&quot;open_on&quot;:&quot;hover&quot;,&quot;horizontal_scroll&quot;:&quot;disable&quot;,&quot;breakpoint_selector&quot;:&quot;tablet&quot;,&quot;menu_item_title_distance_from_content&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;menu_item_title_distance_from_content_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_item_title_distance_from_content_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_item_title_distance_from_content_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_item_title_distance_from_content_mobile_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="mega-menu.default">
							<nav class="e-n-menu" data-widget-number="146" aria-label="Menu">
					<button class="e-n-menu-toggle" id="menu-toggle-146" aria-haspopup="true" aria-expanded="false" aria-controls="menubar-146" aria-label="Menu Toggle">
			<span class="e-n-menu-toggle-icon e-open">
				<svg class="e-font-icon-svg e-eicon-menu-bar" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z"></path></svg>			</span>
			<span class="e-n-menu-toggle-icon e-close">
				<svg class="e-font-icon-svg e-eicon-close" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z"></path></svg>			</span>
		</button>
					<div class="e-n-menu-wrapper" id="menubar-146" aria-labelledby="menu-toggle-146">
				<ul class="e-n-menu-heading">
								<li class="e-n-menu-item">
				<div id="e-n-menu-title-1461" class="e-n-menu-title">
					<div class="e-n-menu-title-container">													<span class="e-n-menu-icon">
								<span class="icon-active"><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-up" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"></path></svg></span>
								<span class="icon-inactive"><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-down" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg></span>
							</span>
												<span class="e-n-menu-title-text">
							Features						</span>
					</div>											<button id="e-n-menu-dropdown-icon-1461" class="e-n-menu-dropdown-icon e-focus" data-tab-index="1" aria-haspopup="true" aria-expanded="false" aria-controls="e-n-menu-content-1461" >
							<span class="e-n-menu-dropdown-icon-opened">
								<svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-up" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"></path></svg>								<span class="elementor-screen-only">Close Features</span>
							</span>
							<span class="e-n-menu-dropdown-icon-closed">
								<svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-down" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>								<span class="elementor-screen-only">Open Features</span>
							</span>
						</button>
									</div>
									<div class="e-n-menu-content">
						<div data-particle_enable="false" data-particle-mobile-disabled="false" id="e-n-menu-content-1461" data-tab-index="1" aria-labelledby="e-n-menu-dropdown-icon-1461" class="elementor-element elementor-element-76aef0e0 e-flex e-con-boxed e-con e-child" data-id="76aef0e0" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-305c560d sfx-mega-panel e-flex e-con-boxed e-con e-child" data-id="305c560d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-1ea08274 e-con-full e-flex e-con e-child" data-id="1ea08274" data-element_type="container" data-e-type="container">
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-7fbe2c76 e-con-full e-flex e-con e-child" data-id="7fbe2c76" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-45d99d56 elementor-widget elementor-widget-html" data-id="45d99d56" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- ===== SubscriptionFlow — Usage Ticker Card (Elementor HTML widget) =====
     Paste this whole block into an Elementor "HTML" widget. Nothing else needed. -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@700;800&family=Inter:wght@400;600&display=swap');

.sfx-promo{
  --sfx-orange:#F47B20; --sfx-orange-deep:#D9640E; --sfx-navy:#0F1626; --sfx-green:#1FA971;
  --sfx-display:'Manrope',system-ui,sans-serif; --sfx-body:'Inter',system-ui,sans-serif;

  font-family:var(--sfx-body);
  width:100%;max-width:320px;margin:0;
  background:var(--sfx-navy);color:#fff;border-radius:18px;padding:22px;
  position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px;box-sizing:border-box;
  line-height:1.5;-webkit-font-smoothing:antialiased;
}
.sfx-promo *{box-sizing:border-box}
.sfx-promo::before{
  content:"";position:absolute;top:-120px;right:-100px;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(244,123,32,.5),transparent 65%);pointer-events:none;
}
.sfx-promo>*{position:relative;margin:0}

.sfx-promo .sfx-eyebrow{font-family:var(--sfx-display);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#FFB070}
.sfx-promo .sfx-title{font-family:var(--sfx-display);font-weight:800;font-size:19px;line-height:1.25;letter-spacing:-.01em;color:#fff;margin:0}
.sfx-promo .sfx-text{font-size:13px;color:#B9C0D0;line-height:1.5;margin:0}
.sfx-promo .sfx-cta{
  display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:9px 15px;border-radius:999px;
  background:var(--sfx-orange);color:#fff !important;text-decoration:none !important;
  font-family:var(--sfx-display);font-weight:700;font-size:13.5px;transition:background .2s;
}
.sfx-promo .sfx-cta:hover{background:var(--sfx-orange-deep)}
.sfx-promo .sfx-cta svg{width:14px;height:14px;display:block}

/* ticker */
.sfx-promo .sfx-ticker{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;font-size:12px}
.sfx-promo .sfx-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;color:#C9D0DF;min-width:0}
.sfx-promo .sfx-row>*{min-width:0}
.sfx-promo .sfx-row--live{flex-wrap:wrap;row-gap:2px}
.sfx-promo .sfx-row+.sfx-row{border-top:1px dashed rgba(255,255,255,.12)}
.sfx-promo .sfx-row strong{color:#fff;font-variant-numeric:tabular-nums;font-family:var(--sfx-display);font-weight:800}
.sfx-promo .sfx-row--total{margin-top:2px;padding-top:8px;border-top:1px solid rgba(255,255,255,.22)}
.sfx-promo .sfx-row--total strong{color:#FFB070;font-size:15px}
.sfx-promo .sfx-events{color:#fff;font-weight:600;text-align:right;white-space:nowrap;margin-left:auto;flex-shrink:0;font-variant-numeric:tabular-nums}
.sfx-promo .sfx-live{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#9DE6C5;font-weight:700;white-space:nowrap;flex-shrink:0}
.sfx-promo .sfx-live i{width:7px;height:7px;border-radius:50%;background:var(--sfx-green);display:block;animation:sfxPulse 1.8s infinite}
@keyframes sfxPulse{
  0%{box-shadow:0 0 0 0 rgba(31,169,113,.6)}
  70%{box-shadow:0 0 0 7px rgba(31,169,113,0)}
  100%{box-shadow:0 0 0 0 rgba(31,169,113,0)}
}
@media (prefers-reduced-motion:reduce){.sfx-promo .sfx-live i{animation:none}}

/* responsive */
@media (max-width:768px){
  .sfx-promo{max-width:none;padding:20px}
  .sfx-promo .sfx-title{font-size:18px}
  .sfx-promo .sfx-cta{padding:12px 18px;font-size:14px;min-height:44px}
}
@media (max-width:380px){
  .sfx-promo{padding:16px;border-radius:14px;gap:12px}
  .sfx-promo .sfx-title{font-size:17px}
  .sfx-promo .sfx-text{font-size:12.5px}
  .sfx-promo .sfx-ticker{padding:10px 12px;font-size:11.5px}
  .sfx-promo .sfx-row--total strong{font-size:14px}
  .sfx-promo .sfx-cta{width:100%;justify-content:center;align-self:stretch}
}
</style>

<div class="sfx-promo">
  <span class="sfx-eyebrow">Usage-based billing</span>
  <h3 class="sfx-title">Usage becomes an invoice — instantly.</h3>

  <div class="sfx-ticker" aria-hidden="true">
    <div class="sfx-row sfx-row--live">
      <span class="sfx-live"><i></i> Metering live</span>
      <span class="sfx-events" data-sfx="events">0 events</span>
    </div>
    <div class="sfx-row"><span>API calls</span><strong data-sfx="api">$1,420</strong></div>
    <div class="sfx-row"><span>Compute hours</span><strong data-sfx="compute">$640</strong></div>
    <div class="sfx-row"><span>Data processed</span><strong data-sfx="data">$420</strong></div>
    <div class="sfx-row sfx-row--total"><span>Total due</span><strong data-sfx="total">$2,480</strong></div>
  </div>

  <p class="sfx-text">Meter events in real time, apply tiered or hybrid pricing, and let the invoice write itself.</p>
  <a class="sfx-cta" href="https://www.subscriptionflow.com/usage-based-billing-software/">
    See how it works
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
  </a>
</div>

<script>
(function(){
  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
  var events = 142000, api = 1420, compute = 640, data = 420;
  var SPEED = 1400; // ms between updates

  function fmt(n){ return '$' + n.toLocaleString('en-US'); }
  function compact(n){ return n >= 1000000 ? (n/1000000).toFixed(2) + 'M' : n >= 1000 ? (n/1000).toFixed(1) + 'K' : String(n); }
  function set(key, val){
    var els = document.querySelectorAll('[data-sfx="' + key + '"]');
    for (var i = 0; i < els.length; i++) els[i].textContent = val;
  }
  function tick(){
    events += Math.floor(Math.random() * 40) + 5;
    if (Math.random() < .5) api++;
    if (Math.random() < .3) compute++;
    if (Math.random() < .2) data++;
    set('events', compact(events) + ' events');
    set('api', fmt(api));
    set('compute', fmt(compute));
    set('data', fmt(data));
    set('total', fmt(api + compute + data));
  }
  tick();
  if (!reduce) setInterval(tick, SPEED);
})();
</script>				</div>
				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-3dad1048 e-con-full e-flex e-con e-child" data-id="3dad1048" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-3b0de7b3 menu-heading elementor-widget elementor-widget-heading" data-id="3b0de7b3" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">Billing &amp; Subscriptions</h3>				</div>
		<a class="eael-wrapper-link-74d8341d --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/subscription-management-software/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-74d8341d" class="elementor-element elementor-element-74d8341d elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="74d8341d" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/subscription-management-software/" class="elementor-icon" tabindex="-1" aria-label="Subscription Management">
				<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M14 7L9 3v3H8c-3.31 0-6 2.69-6 6s2.69 6 6 6v-2c-2.21 0-4-1.79-4-4s1.79-4 4-4h1v3zm2-1v2c2.21 0 4 1.79 4 4s-1.79 4-4 4h-1v-3l-5 4l5 4v-3h1c3.31 0 6-2.69 6-6s-2.69-6-6-6"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/subscription-management-software/" >
							Subscription Management						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Plans, trials, lifecycle &amp; customer portal					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-6f029bb7 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/recurring-billing-software/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-6f029bb7" class="elementor-element elementor-element-6f029bb7 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="6f029bb7" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/recurring-billing-software/" class="elementor-icon" tabindex="-1" aria-label="Recurring Billing">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372s372 166.6 372 372s-166.6 372-372 372"></path><path fill="currentColor" d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/recurring-billing-software/" >
							Recurring Billing						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Automate any custom billing model					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-374bcedc --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/metered-billing/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-374bcedc" class="elementor-element elementor-element-374bcedc elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="374bcedc" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/metered-billing/" class="elementor-icon" tabindex="-1" aria-label="Usage-Based &amp; Metered Billing">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="currentColor" d="M30 20a13.85 13.85 0 0 0-2.23-7.529l-1.444 1.445A11.9 11.9 0 0 1 28 20ZM28 9.414L26.586 8l-8.567 8.567A3.95 3.95 0 0 0 16 16a4 4 0 1 0 4 4a3.95 3.95 0 0 0-.567-2.02ZM16 22a2 2 0 1 1 2-2a2 2 0 0 1-2 2m0-14a11.9 11.9 0 0 1 6.083 1.674l1.454-1.453A13.977 13.977 0 0 0 2 20h2A12.014 12.014 0 0 1 16 8"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/metered-billing/" >
							Usage-Based &amp; Metered Billing						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Charge exactly for what is used					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-3674ddc2 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/subscription-invoicing/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-3674ddc2" class="elementor-element elementor-element-3674ddc2 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="3674ddc2" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/subscription-invoicing/" class="elementor-icon" tabindex="-1" aria-label="Invoicing &amp; Proration">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M4 18.646V8.054c0-2.854 0-4.28.879-5.167C5.757 2 7.172 2 10 2h4c2.828 0 4.243 0 5.121.887C20 3.773 20 5.2 20 8.054v10.592c0 1.511 0 2.267-.462 2.565c-.755.486-1.922-.534-2.509-.904c-.485-.306-.727-.458-.997-.467c-.29-.01-.537.137-1.061.467l-1.911 1.205c-.516.325-.773.488-1.06.488s-.544-.163-1.06-.488l-1.91-1.205c-.486-.306-.728-.458-.997-.467c-.291-.01-.538.137-1.062.467c-.587.37-1.754 1.39-2.51.904C4 20.913 4 20.158 4 18.646M16 6H8m2 4H8"></path><path d="M14.5 9.875c-.828 0-1.5.588-1.5 1.313c0 .724.672 1.312 1.5 1.312s1.5.588 1.5 1.313c0 .724-.672 1.312-1.5 1.312m0-5.25c.653 0 1.209.365 1.415.875M14.5 9.875V9m0 6.125c-.653 0-1.209-.365-1.415-.875m1.415.875V16"></path></g></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/subscription-invoicing/" >
							Invoicing &amp; Proration						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Tax-ready invoices, fair mid-cycle changes					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-2b15f696 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/quote-management/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-2b15f696" class="elementor-element elementor-element-2b15f696 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="2b15f696" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/quote-management/" class="elementor-icon" tabindex="-1" aria-label="Quote-to-Cash (CPQ)">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g fill="currentColor"><path d="M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5"></path><path d="M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"></path></g></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/quote-management/" >
							Quote-to-Cash (CPQ)						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Configure, price &amp; quote without spreadsheets					</p>
				
			</div>
			
		</div>
						</div>
				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-873e676 e-con-full e-flex e-con e-child" data-id="873e676" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-2550871d menu-heading elementor-widget elementor-widget-heading" data-id="2550871d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">Payments &amp; Revenue</h3>				</div>
		<a class="eael-wrapper-link-13dee17e --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/subscription-payment-processing/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-13dee17e" class="elementor-element elementor-element-13dee17e elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="13dee17e" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/subscription-payment-processing/" class="elementor-icon" tabindex="-1" aria-label="Payment Processing &amp; Gateways">
				<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><path d="M0 0h28v28H0z" fill="none"></path><path fill="currentColor" d="M18.25 16.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5zM2.004 8.75A3.75 3.75 0 0 1 5.754 5H22.25A3.75 3.75 0 0 1 26 8.75v10.5A3.75 3.75 0 0 1 22.25 23H5.755a3.75 3.75 0 0 1-3.75-3.75zm3.75-2.25a2.25 2.25 0 0 0-2.25 2.25v.75H24.5v-.75a2.25 2.25 0 0 0-2.25-2.25zm-2.25 12.75a2.25 2.25 0 0 0 2.25 2.25H22.25a2.25 2.25 0 0 0 2.25-2.25V11H3.505z"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/subscription-payment-processing/" >
							Payment Processing &amp; Gateways						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Hosted checkout with secure gateway connections					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-49f86c60 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/dunning-management/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-49f86c60" class="elementor-element elementor-element-49f86c60 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="49f86c60" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/dunning-management/" class="elementor-icon" tabindex="-1" aria-label="Dunning &amp; Payment Retries">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M18.258 3.508a.75.75 0 0 1 .463.693v4.243a.75.75 0 0 1-.75.75h-4.243a.75.75 0 0 1-.53-1.28L14.8 6.31a7.25 7.25 0 1 0 4.393 5.783a.75.75 0 0 1 1.488-.187A8.75 8.75 0 1 1 15.93 5.18l1.51-1.51a.75.75 0 0 1 .817-.162"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/dunning-management/" >
							Dunning &amp; Payment Retries						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Recover failed payments on autopilot					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-18cd8bf9 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/subscription-analytics-reporting/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-18cd8bf9" class="elementor-element elementor-element-18cd8bf9 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="18cd8bf9" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/subscription-analytics-reporting/" class="elementor-icon" tabindex="-1" aria-label="Reports &amp; Analytics">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M888 792H200V168c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h752c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8m-600-80h56c4.4 0 8-3.6 8-8V560c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v144c0 4.4 3.6 8 8 8m152 0h56c4.4 0 8-3.6 8-8V384c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v320c0 4.4 3.6 8 8 8m152 0h56c4.4 0 8-3.6 8-8V462c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v242c0 4.4 3.6 8 8 8m152 0h56c4.4 0 8-3.6 8-8V304c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v400c0 4.4 3.6 8 8 8"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/subscription-analytics-reporting/" >
							Reports &amp; Analytics						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						MRR, churn &amp; revenue recognition					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-47de1aa5 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/integrations/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-47de1aa5" class="elementor-element elementor-element-47de1aa5 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="47de1aa5" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/integrations/" class="elementor-icon" tabindex="-1" aria-label="Integrations">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="currentColor" d="M22 8h-1V2h-2v6h-6V2h-2v6h-1a2 2 0 0 0-2 2v6a8.01 8.01 0 0 0 7 7.93V30h2v-6.07A8.01 8.01 0 0 0 24 16v-6a2 2 0 0 0-2-2m0 8a6 6 0 0 1-12 0v-6h12Z"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/integrations/" >
							Integrations						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						CRM, accounting &amp; marketing tools					</p>
				
			</div>
			
		</div>
						</div>
				<div class="elementor-element elementor-element-111ad44a elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="111ad44a" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://www.subscriptionflow.com/subscription-management-software/">

											<span class="elementor-icon-list-text">All features</span>
											</a>
									</li>
						</ul>
						</div>
				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-73a7f63d e-con-full e-flex e-con e-child" data-id="73a7f63d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;gradient&quot;}">
				<div class="elementor-element elementor-element-1e5c0ec6 menu-heading elementor-widget elementor-widget-heading" data-id="1e5c0ec6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">Agentic Billing <span style="color:#FFF;background-color:#FD7B03;padding:4px 8px;border-radius:5px">AI</span></h3>				</div>
		<a class="eael-wrapper-link-1f93ec78 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/ai-billing-software/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-1f93ec78" class="elementor-element elementor-element-1f93ec78 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="1f93ec78" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/ai-billing-software/" class="elementor-icon" tabindex="-1" aria-label="AI Billing Automation">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.28 8.231H1.132a.49.49 0 0 0-.488.488v4.15c0 .27.219.488.488.488h4.15c.27 0 .488-.219.488-.488v-4.15a.49.49 0 0 0-.488-.488m7.587 0h-4.15a.49.49 0 0 0-.488.488v4.15c0 .27.218.488.488.488h4.15c.27 0 .488-.219.488-.488v-4.15a.49.49 0 0 0-.488-.488M5.28.643H1.132a.49.49 0 0 0-.488.488v4.15c0 .27.219.488.488.488h4.15c.27 0 .488-.219.488-.488V1.13a.49.49 0 0 0-.488-.488m2.864 2.942c-.301-.052-.301-.483 0-.536A2.72 2.72 0 0 0 10.337.95l.018-.083c.065-.297.488-.3.556-.003l.022.097a2.735 2.735 0 0 0 2.197 2.086c.302.052.302.486 0 .539a2.735 2.735 0 0 0-2.197 2.086l-.022.096c-.068.297-.49.295-.556-.002l-.018-.083a2.72 2.72 0 0 0-2.191-2.099"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/ai-billing-software/" >
							AI Billing Automation						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Catches billing errors before invoicing					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-5ebf784b --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/accounts-receivable-software/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-5ebf784b" class="elementor-element elementor-element-5ebf784b elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="5ebf784b" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/accounts-receivable-software/" class="elementor-icon" tabindex="-1" aria-label="AR &amp; Collections Agent">
				<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M0 0h16v16H0z" fill="none"></path><path fill="currentColor" d="M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576zm6.787-8.201L1.591 6.602l4.339 2.76z"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/accounts-receivable-software/" >
							AR &amp; Collections Agent						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Sends &amp; tracks invoices, smart reminders, reduces AR aging					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-312da7a1 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/revenue-management-software/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-312da7a1" class="elementor-element elementor-element-312da7a1 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="312da7a1" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/revenue-management-software/" class="elementor-icon" tabindex="-1" aria-label="Revenue Ops">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1408 256h640v640h-640V640h-120l-449 896H640v256H0v-640h640v256h120l449-896h199zM512 1664v-384H128v384zm1408-896V384h-384v384z"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/revenue-management-software/" >
							Revenue Ops						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						One truth for finance &amp; sales					</p>
				
			</div>
			
		</div>
						</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-613756e8 sf-strip elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="613756e8" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-43dbfb4d e-con-full e-flex e-con e-child" data-id="43dbfb4d" data-element_type="container" data-e-type="container">
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-72628cec e-con-full e-flex e-con e-child" data-id="72628cec" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-50a488c4 elementor-widget elementor-widget-html" data-id="50a488c4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- ===== SubscriptionFlow — "Works with" gateway chips (Elementor HTML widget) =====
     Paste this whole block into an Elementor "HTML" widget. -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@700&family=Inter:wght@600&display=swap');

.sfx-works{
  --sfx-orange:#F47B20; --sfx-orange-deep:#D9640E; --sfx-orange-soft:#FFF4EA;
  --sfx-ink:#3A3D46; --sfx-slate:#6E7280; --sfx-line:#E9EAEE;
  font-family:'Inter',system-ui,sans-serif;
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  width:100%;box-sizing:border-box;margin:0;padding:0;
}
.sfx-works *{box-sizing:border-box}
.sfx-works__label{
  font-family:'Manrope',system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--sfx-slate);white-space:nowrap;
}
.sfx-works__chips{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.sfx-works__chips li{margin:0;padding:0}
.sfx-works__chip{
  display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;
  border:1px solid var(--sfx-line);background:#fff;
  font-size:12.5px;font-weight:600;color:var(--sfx-ink) !important;text-decoration:none !important;
  white-space:nowrap;line-height:1.2;transition:border-color .2s,color .2s,background .2s;
}
.sfx-works__chip:hover{border-color:var(--sfx-orange);color:var(--sfx-orange-deep) !important;background:var(--sfx-orange-soft)}
.sfx-works__chip--more{border-style:dashed;color:var(--sfx-orange-deep) !important}

/* tablet */
@media (max-width:768px){
  .sfx-works{gap:10px}
  .sfx-works__chip{padding:8px 14px;font-size:13px;min-height:36px}
}
/* mobile: label on its own line, chips wrap into rows */
@media (max-width:480px){
  .sfx-works{flex-direction:column;align-items:flex-start;gap:10px}
  .sfx-works__chips{flex-wrap:wrap;gap:8px;width:100%}
  .sfx-works__chip{padding:7px 13px;font-size:13px}
}
</style>

<div class="sfx-works">
  <span class="sfx-works__label">Works with</span>
  <ul class="sfx-works__chips">
    <li><a class="sfx-works__chip" href="https://www.subscriptionflow.com/recurring-billing-with-stripe">Stripe</a></li>
    <li><a class="sfx-works__chip" href="https://www.subscriptionflow.com/payment-gateways/">PayPal</a></li>
    <li><a class="sfx-works__chip" href="https://www.subscriptionflow.com/recurring-billing-with-authorize-net/">Authorize.Net</a></li>
    <li><a class="sfx-works__chip" href="https://www.subscriptionflow.com/payment-gateways/">Braintree</a></li>
    <li><a class="sfx-works__chip" href="https://www.subscriptionflow.com/nmi-recurring-billing/">NMI</a></li>
    <li><a class="sfx-works__chip" href="https://www.subscriptionflow.com/recurring-payments-with-paystack">Paystack</a></li>
    <li><a class="sfx-works__chip sfx-works__chip--more" href="https://www.subscriptionflow.com/payment-gateways/">+ many more</a></li>
  </ul>
</div>				</div>
				</div>
				</div>
					</div>
				</div>
					</div>
				</div>
							</div>
							</li>
					<li class="e-n-menu-item">
				<div id="e-n-menu-title-1462" class="e-n-menu-title">
					<div class="e-n-menu-title-container">													<span class="e-n-menu-icon">
								<span class="icon-active"><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-up" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"></path></svg></span>
								<span class="icon-inactive"><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-down" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg></span>
							</span>
												<span class="e-n-menu-title-text">
							Solutions						</span>
					</div>											<button id="e-n-menu-dropdown-icon-1462" class="e-n-menu-dropdown-icon e-focus" data-tab-index="2" aria-haspopup="true" aria-expanded="false" aria-controls="e-n-menu-content-1462" >
							<span class="e-n-menu-dropdown-icon-opened">
								<svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-up" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"></path></svg>								<span class="elementor-screen-only">Close Solutions</span>
							</span>
							<span class="e-n-menu-dropdown-icon-closed">
								<svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-down" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>								<span class="elementor-screen-only">Open Solutions</span>
							</span>
						</button>
									</div>
									<div class="e-n-menu-content">
						<div data-particle_enable="false" data-particle-mobile-disabled="false" id="e-n-menu-content-1462" data-tab-index="2" aria-labelledby="e-n-menu-dropdown-icon-1462" class="elementor-element elementor-element-4fa148f5 e-flex e-con-boxed e-con e-child" data-id="4fa148f5" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-52d8e6f7 sfx-mega-panel e-con-full e-flex e-con e-child" data-id="52d8e6f7" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-6923e174 e-con-full e-flex e-con e-child" data-id="6923e174" data-element_type="container" data-e-type="container">
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-f9f4708 e-con-full e-flex e-con e-child" data-id="f9f4708" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-7ddddc54 menu-heading elementor-widget elementor-widget-heading" data-id="7ddddc54" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">By Role</h3>				</div>
		<a class="eael-wrapper-link-58a77e99 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/ai-native-crm/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-58a77e99" class="elementor-element elementor-element-58a77e99 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="58a77e99" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/ai-native-crm/" class="elementor-icon" tabindex="-1" aria-label="Customer Management">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20c0-1.657-2.239-3-5-3s-5 1.343-5 3m14-3c0-1.23-1.234-2.287-3-2.75M3 17c0-1.23 1.234-2.287 3-2.75m12-4.014a3 3 0 1 0-4-4.472m-8 4.472a3 3 0 0 1 4-4.472M12 14a3 3 0 1 1 0-6a3 3 0 0 1 0 6"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/ai-native-crm/" >
							Customer Management						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Use customer data to improve experience					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-3cfad687 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/finance-accounting/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-3cfad687" class="elementor-element elementor-element-3cfad687 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="3cfad687" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/finance-accounting/" class="elementor-icon" tabindex="-1" aria-label="Finance &amp; Accounting">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><rect width="288" height="416" x="112" y="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" rx="32" ry="32"></rect><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M160.01 112H352v64H160.01z"></path><circle cx="168" cy="248" r="24" fill="currentColor"></circle><circle cx="256" cy="248" r="24" fill="currentColor"></circle><circle cx="344" cy="248" r="24" fill="currentColor"></circle><circle cx="168" cy="328" r="24" fill="currentColor"></circle><circle cx="256" cy="328" r="24" fill="currentColor"></circle><circle cx="168" cy="408" r="24" fill="currentColor"></circle><circle cx="256" cy="408" r="24" fill="currentColor"></circle><rect width="48" height="128" x="320" y="304" fill="currentColor" rx="24" ry="24"></rect></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/finance-accounting/" >
							Finance &amp; Accounting						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						No sheets, no confusing calculations					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-6f3f2840 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/payment-collection-software/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-6f3f2840" class="elementor-element elementor-element-6f3f2840 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="6f3f2840" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/payment-collection-software/" class="elementor-icon" tabindex="-1" aria-label="Collection &amp; Reconciliation">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="currentColor" d="M6.75 1a.75.75 0 0 1 .75.75V8a.5.5 0 0 0 1 0V5.467l.086-.004c.317-.012.637-.008.816.027c.134.027.294.096.448.182c.077.042.15.147.15.314V8a.5.5 0 0 0 1 0V6.435l.106-.01c.316-.024.584-.01.708.04c.118.046.3.207.486.43c.081.096.15.19.2.259V8.5a.5.5 0 1 0 1 0v-1h.342a1 1 0 0 1 .995 1.1l-.271 2.715a2.5 2.5 0 0 1-.317.991l-1.395 2.442a.5.5 0 0 1-.434.252H6.118a.5.5 0 0 1-.447-.276l-1.232-2.465l-2.512-4.185a.517.517 0 0 1 .809-.631l2.41 2.41A.5.5 0 0 0 6 9.5V1.75A.75.75 0 0 1 6.75 1M8.5 4.466V1.75a1.75 1.75 0 1 0-3.5 0v6.543L3.443 6.736A1.517 1.517 0 0 0 1.07 8.588l2.491 4.153l1.215 2.43A1.5 1.5 0 0 0 6.118 16h6.302a1.5 1.5 0 0 0 1.302-.756l1.395-2.441a3.5 3.5 0 0 0 .444-1.389l.271-2.715a2 2 0 0 0-1.99-2.199h-.581a5 5 0 0 0-.195-.248c-.191-.229-.51-.568-.88-.716c-.364-.146-.846-.132-1.158-.108l-.132.012a1.26 1.26 0 0 0-.56-.642a2.6 2.6 0 0 0-.738-.288c-.31-.062-.739-.058-1.05-.046zm2.094 2.025"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/payment-collection-software/" >
							Collection &amp; Reconciliation						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Collect faster, worldwide					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-13a2ac44 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/rev-ops-automation/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-13a2ac44" class="elementor-element elementor-element-13a2ac44 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="13a2ac44" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/rev-ops-automation/" class="elementor-icon" tabindex="-1" aria-label="RevOps Automation">
				<svg aria-hidden="true" class="e-font-icon-svg e-fab-rev" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M289.67 274.89a65.57 65.57 0 1 1-65.56-65.56 65.64 65.64 0 0 1 65.56 65.56zm139.55-5.05h-.13a204.69 204.69 0 0 0-74.32-153l-45.38 26.2a157.07 157.07 0 0 1 71.81 131.84C381.2 361.5 310.73 432 224.11 432S67 361.5 67 274.88c0-81.88 63-149.27 143-156.43v39.12l108.77-62.79L210 32v38.32c-106.7 7.25-191 96-191 204.57 0 111.59 89.12 202.29 200.06 205v.11h210.16V269.84z"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/rev-ops-automation/" >
							RevOps Automation						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Revenue workflow automation					</p>
				
			</div>
			
		</div>
						</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-17274a83 e-con-full e-flex e-con e-child" data-id="17274a83" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-5fc16cfb elementor-widget elementor-widget-html" data-id="5fc16cfb" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- ===== SubscriptionFlow — Customer Stories card (Elementor HTML widget) =====
     Paste this whole block into an Elementor "HTML" widget. -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@700;800&family=Inter:wght@600&display=swap');

.sfx-story, .sfx-story *{box-sizing:border-box}
.sfx-story{
  --sfx-orange:#F47B20; --sfx-orange-deep:#D9640E; --sfx-orange-soft:#FFF4EA; --sfx-orange-tint:#FFE2C7;
  --sfx-ink:#14151A; --sfx-slate:#6E7280;
  font-family:'Inter',system-ui,sans-serif;
  display:flex;flex-direction:column;gap:8px;width:100%;
  padding:16px;border-radius:14px;
  background:var(--sfx-orange-soft);border:1px solid var(--sfx-orange-tint);
  text-decoration:none !important;color:var(--sfx-ink) !important;
  transition:transform .25s cubic-bezier(.22,.8,.3,1),box-shadow .25s,border-color .25s,background .25s;
}
.sfx-story:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 30px -18px rgba(244,123,32,.8);
  border-color:var(--sfx-orange);
  background:#FFEFE0;
}
.sfx-story__stats{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-family:'Manrope',system-ui,sans-serif;margin:0}
.sfx-story__stats b{font-size:18px;font-weight:800;color:var(--sfx-orange-deep);letter-spacing:-.01em;line-height:1}
.sfx-story__stats small{font-size:11px;color:var(--sfx-slate);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.sfx-story__stats i{width:1px;height:14px;background:var(--sfx-orange-tint);margin:0 4px;align-self:center;display:block}
.sfx-story__title{font-family:'Manrope',system-ui,sans-serif;font-weight:700;font-size:13.5px;line-height:1.35;color:var(--sfx-ink);margin:0}
.sfx-story__link{
  display:inline-flex;align-items:center;gap:6px;margin-top:4px;
  font-family:'Manrope',system-ui,sans-serif;font-weight:700;font-size:13.5px;color:var(--sfx-orange-deep);
}
.sfx-story__link svg{width:14px;height:14px;transition:transform .25s}
.sfx-story:hover .sfx-story__link svg{transform:translateX(4px)}

@media (max-width:767px){
  .sfx-story{padding:16px 14px}
  .sfx-story__stats b{font-size:17px}
  .sfx-story__title{font-size:14px}
}
</style>

<a class="sfx-story" href="https://www.subscriptionflow.com/case-study/">
  <span class="sfx-story__stats">
    <b>2K+</b><small>businesses</small><i></i>
    <b>98%</b><small>retention</small><i></i>
    <b>4.9★</b><small>rating</small>
  </span>
  <span class="sfx-story__title">See how teams like yours run billing on SubscriptionFlow</span>
  <span class="sfx-story__link">Customer stories
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
  </span>
</a>				</div>
				</div>
				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-f946cfa e-con-full e-flex e-con e-child" data-id="f946cfa" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-23b76f2a menu-heading elementor-widget elementor-widget-heading" data-id="23b76f2a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">By Billing Model</h3>				</div>
		<a class="eael-wrapper-link-6d1f52f5 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/flat-fee-billing-model/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-6d1f52f5" class="elementor-element elementor-element-6d1f52f5 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="6d1f52f5" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/flat-fee-billing-model/" class="elementor-icon" tabindex="-1" aria-label="Flat Fee Billing">
				<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M0 0h16v16H0z" fill="none"></path><g fill="currentColor"><path d="M6 4.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m-1 0a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0"></path><path d="M2 1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 1 6.586V2a1 1 0 0 1 1-1m0 5.586l7 7L13.586 9l-7-7H2z"></path></g></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/flat-fee-billing-model/" >
							Flat Fee Billing						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						One fixed price, every cycle					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-668c7ebd --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/usage-based-billing-software/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-668c7ebd" class="elementor-element elementor-element-668c7ebd elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="668c7ebd" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/usage-based-billing-software/" class="elementor-icon" tabindex="-1" aria-label="Usage-Based Billing">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="currentColor" d="M30 20a13.85 13.85 0 0 0-2.23-7.529l-1.444 1.445A11.9 11.9 0 0 1 28 20ZM28 9.414L26.586 8l-8.567 8.567A3.95 3.95 0 0 0 16 16a4 4 0 1 0 4 4a3.95 3.95 0 0 0-.567-2.02ZM16 22a2 2 0 1 1 2-2a2 2 0 0 1-2 2m0-14a11.9 11.9 0 0 1 6.083 1.674l1.454-1.453A13.977 13.977 0 0 0 2 20h2A12.014 12.014 0 0 1 16 8"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/usage-based-billing-software/" >
							Usage-Based Billing						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Charge on metered consumption					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-6568f9e8 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/hybrid-billing-software/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-6568f9e8" class="elementor-element elementor-element-6568f9e8 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="6568f9e8" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/hybrid-billing-software/" class="elementor-icon" tabindex="-1" aria-label="Hybrid Billing">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="m21.49 7.13l-9-5a.99.99 0 0 0-.97 0l-9.01 5C2.19 7.31 2 7.64 2 8s.2.7.51.87l9 5c.15.08.32.13.49.13s.33-.04.49-.13l9-5c.32-.18.51-.51.51-.87s-.2-.7-.51-.87M12 11.86L5.06 8L12 4.14L18.94 8z"></path><path fill="currentColor" d="M12 18c.17 0 .33-.04.49-.13l9-5l-.97-1.75l-8.51 4.73l-8.52-4.72l-.97 1.75l9 5c.15.08.32.13.49.13Z"></path><path fill="currentColor" d="M11.51 21.87c.15.08.32.13.49.13s.33-.04.49-.13l9-5l-.97-1.75l-8.51 4.73l-8.52-4.72l-.97 1.75l9 5Z"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/hybrid-billing-software/" >
							Hybrid Billing						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Subscription + usage in one plan					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-79dd12a3 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/subscription-box-billing/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-79dd12a3" class="elementor-element elementor-element-79dd12a3 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="79dd12a3" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/subscription-box-billing/" class="elementor-icon" tabindex="-1" aria-label="Subscription Box Billing">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path stroke-linecap="round" d="M11.029 2.54a2 2 0 0 1 1.942 0l7.515 4.174a1 1 0 0 1 .514.874v8.235a2 2 0 0 1-1.029 1.749l-7 3.888a2 2 0 0 1-1.942 0l-7-3.889A2 2 0 0 1 3 15.824V7.588a1 1 0 0 1 .514-.874z"></path><path stroke-linecap="round" d="m7.5 4.5l9 5V13M6 12.328L9 14"></path><path d="m3 7l9 5m0 0l9-5m-9 5v9.5"></path></g></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/subscription-box-billing/" >
							Subscription Box Billing						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Recurring physical deliveries					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-1bf5af23 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/pay-per-use/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-1bf5af23" class="elementor-element elementor-element-1bf5af23 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="1bf5af23" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/pay-per-use/" class="elementor-icon" tabindex="-1" aria-label="Pay Per Use Billing">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M12.83 3.25H7.17c-.535 0-.98 0-1.345.03c-.38.03-.736.098-1.073.27A2.75 2.75 0 0 0 3.55 4.752c-.172.337-.24.693-.27 1.073c-.03.365-.03.81-.03 1.345v9.66c0 .535 0 .98.03 1.345c.03.38.098.736.27 1.073a2.75 2.75 0 0 0 1.202 1.202c.178.091.399.127.53.146c.167.025.368.044.584.06c.434.032.975.053 1.527.067c.952.023 1.905.027 2.857.027a.75.75 0 0 0 0-1.5c-.56 0-1.735 0-2.82-.027a32 32 0 0 1-1.454-.063q-.301-.023-.476-.048l-.106-.018a1.25 1.25 0 0 1-.508-.527c-.046-.09-.088-.227-.111-.515c-.024-.295-.025-.68-.025-1.252V7.2c0-.572 0-.957.025-1.253c.023-.287.065-.424.111-.514a1.25 1.25 0 0 1 .547-.547c.09-.046.227-.088.514-.111c.296-.024.68-.025 1.253-.025h5.6c.572 0 .957 0 1.252.025c.288.023.425.065.516.111c.235.12.426.311.546.547c.046.09.088.227.111.514c.024.296.025.68.025 1.253v3.05a.75.75 0 0 0 1.5 0V7.17c0-.535 0-.98-.03-1.345c-.03-.38-.098-.736-.27-1.073a2.75 2.75 0 0 0-1.2-1.202c-.338-.172-.694-.24-1.074-.27c-.365-.03-.81-.03-1.345-.03"></path><path fill="currentColor" d="M14.371 12.25h4.258c.395 0 .736 0 1.017.023c.297.024.592.078.875.222c.424.216.768.56.984.984c.144.283.198.578.222.875c.023.28.023.622.023 1.017v2.258c0 .395 0 .736-.023 1.017a2.3 2.3 0 0 1-.222.875a2.25 2.25 0 0 1-.983.984c-.284.144-.58.198-.876.222c-.28.023-.622.023-1.017.023h-4.258c-.395 0-.736 0-1.017-.023a2.3 2.3 0 0 1-.875-.222a2.25 2.25 0 0 1-.984-.983a2.3 2.3 0 0 1-.222-.876c-.023-.28-.023-.622-.023-1.017V15.37c0-.395 0-.736.023-1.017a2.3 2.3 0 0 1 .222-.875a2.25 2.25 0 0 1 .984-.984a2.3 2.3 0 0 1 .875-.222c.28-.023.622-.023 1.017-.023M12.75 15.4v.85h7.5v-.85c0-.269 0-.479-.005-.65h-7.49c-.005.171-.005.381-.005.65m-7-8.4a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4A.75.75 0 0 1 5.75 7m.75 2.25a.75.75 0 0 0 0 1.5h7a.75.75 0 0 0 0-1.5zM5.75 13a.75.75 0 0 1 .75-.75H10a.75.75 0 0 1 0 1.5H6.5a.75.75 0 0 1-.75-.75m.75 3.25a.75.75 0 0 0 0 1.5h2a.75.75 0 0 0 0-1.5z"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/pay-per-use/" >
							Pay Per Use Billing						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Bill down to the single unit					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-6a6e624b --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/demand-based-billing/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-6a6e624b" class="elementor-element elementor-element-6a6e624b elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="6a6e624b" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/demand-based-billing/" class="elementor-icon" tabindex="-1" aria-label="Demand Based Billing">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8zM6 20V4h7v4h5v12zm5-1h2v-1h1c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1h-3v-1h4v-2h-2V9h-2v1h-1c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3v1H9v2h2z"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/demand-based-billing/" >
							Demand Based Billing						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Pricing that moves with demand					</p>
				
			</div>
			
		</div>
						</div>
				<div class="elementor-element elementor-element-432e54dc elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="432e54dc" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://www.subscriptionflow.com/subscription-billing-models/">

											<span class="elementor-icon-list-text">All billing models</span>
											</a>
									</li>
						</ul>
						</div>
				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-66f91511 e-con-full e-flex e-con e-child" data-id="66f91511" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-44dd3218 menu-heading elementor-widget elementor-widget-heading" data-id="44dd3218" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">By Industry</h3>				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-2b9dfd e-grid e-con-full e-con e-child" data-id="2b9dfd" data-element_type="container" data-e-type="container">
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-f7814b5 e-con-full e-flex e-con e-child" data-id="f7814b5" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-c67b8f4 elementor-align-start elementor-mobile-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="c67b8f4" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://www.subscriptionflow.com/saas-billing/">

												<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g fill="currentColor"><path d="M16 7.5a2.5 2.5 0 0 1-1.456 2.272a3.5 3.5 0 0 0-.65-.824a1.5 1.5 0 0 0-.789-2.896a.5.5 0 0 1-.627-.421a3 3 0 0 0-5.22-1.625a5.6 5.6 0 0 0-1.276.088a4.002 4.002 0 0 1 7.392.91A2.5 2.5 0 0 1 16 7.5"></path><path d="M7 5a4.5 4.5 0 0 1 4.473 4h.027a2.5 2.5 0 0 1 0 5H3a3 3 0 0 1-.247-5.99A4.5 4.5 0 0 1 7 5m3.5 4.5a3.5 3.5 0 0 0-6.89-.873a.5.5 0 0 1-.51.375A2 2 0 1 0 3 13h8.5a1.5 1.5 0 1 0-.376-2.953a.5.5 0 0 1-.624-.492z"></path></g></svg>						</span>
										<span class="elementor-icon-list-text">SaaS</span>
											</a>
									</li>
						</ul>
						</div>
				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-4b2f072b e-con-full e-flex e-con e-child" data-id="4b2f072b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-6aa51747 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="6aa51747" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://www.subscriptionflow.com/subscription-management-software-for-ecommerce/">

												<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="currentColor" d="M2.97 1.35A1 1 0 0 1 3.73 1h8.54a1 1 0 0 1 .76.35l2.609 3.044A1.5 1.5 0 0 1 16 5.37v.255a2.375 2.375 0 0 1-4.25 1.458A2.37 2.37 0 0 1 9.875 8A2.37 2.37 0 0 1 8 7.083A2.37 2.37 0 0 1 6.125 8a2.37 2.37 0 0 1-1.875-.917A2.375 2.375 0 0 1 0 5.625V5.37a1.5 1.5 0 0 1 .361-.976zm1.78 4.275a1.375 1.375 0 0 0 2.75 0a.5.5 0 0 1 1 0a1.375 1.375 0 0 0 2.75 0a.5.5 0 0 1 1 0a1.375 1.375 0 1 0 2.75 0V5.37a.5.5 0 0 0-.12-.325L12.27 2H3.73L1.12 5.045A.5.5 0 0 0 1 5.37v.255a1.375 1.375 0 0 0 2.75 0a.5.5 0 0 1 1 0M1.5 8.5A.5.5 0 0 1 2 9v6h1v-5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v5h6V9a.5.5 0 0 1 1 0v6h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1V9a.5.5 0 0 1 .5-.5M4 15h3v-5H4zm5-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1zm3 0h-2v3h2z"></path></svg>						</span>
										<span class="elementor-icon-list-text">eCommerce</span>
											</a>
									</li>
						</ul>
						</div>
				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-284bb289 e-con-full e-flex e-con e-child" data-id="284bb289" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-57d62292 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="57d62292" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://www.subscriptionflow.com/elearning-subscription-management-software/">

												<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3L1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9zm6.82 6L12 12.72L5.18 9L12 5.28zM17 16l-5 2.72L7 16v-3.73L12 15l5-2.73z"></path></svg>						</span>
										<span class="elementor-icon-list-text">eLearning</span>
											</a>
									</li>
						</ul>
						</div>
				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-3a56cb11 e-con-full e-flex e-con e-child" data-id="3a56cb11" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-3b4b4fa7 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="3b4b4fa7" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://www.subscriptionflow.com/magazine-subscription-management-software/">

												<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2048 2048"><path fill="currentColor" d="M2048 512v896q0 53-20 99t-55 81t-82 55t-99 21H249q-51 0-96-20t-79-53t-54-79t-20-97V256h1792v256zm-128 128h-128v704q0 26-19 45t-45 19t-45-19t-19-45V384H128v1031q0 25 9 47t26 38t39 26t47 10h1543q27 0 50-10t40-27t28-41t10-50zm-384 0H256V512h1280zm0 768h-512v-128h512zm0-256h-512v-128h512zm0-256h-512V768h512zm-640 512H256V765h640zm-512-128h384V893H384z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Publishers</span>
											</a>
									</li>
						</ul>
						</div>
				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-494b9a13 e-con-full e-flex e-con e-child" data-id="494b9a13" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-1924be57 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="1924be57" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://www.subscriptionflow.com/membership-management-software/">

												<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M4 13v2h16v-2zM4 2h16q.825 0 1.413.588T22 4v11q0 .825-.587 1.413T20 17h-4v3.375q0 .575-.475.863t-.975.037l-2.1-1.05q-.2-.125-.45-.125t-.45.125l-2.1 1.05q-.5.25-.975-.037T8 20.375V17H4q-.825 0-1.412-.587T2 15V4q0-.825.588-1.412T4 2m0 8h16V4H4zm0 5V4z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Membership</span>
											</a>
									</li>
						</ul>
						</div>
				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-5927e35d e-con-full e-flex e-con e-child" data-id="5927e35d" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-2586d228 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="2586d228" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://www.subscriptionflow.com/embedded-insurance-platform/">

												<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-shield-alt" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M466.5 83.7l-192-80a48.15 48.15 0 0 0-36.9 0l-192 80C27.7 91.1 16 108.6 16 128c0 198.5 114.5 335.7 221.5 380.3 11.8 4.9 25.1 4.9 36.9 0C360.1 472.6 496 349.3 496 128c0-19.4-11.7-36.9-29.5-44.3zM256.1 446.3l-.1-381 175.9 73.3c-3.3 151.4-82.1 261.1-175.8 307.7z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Insurance</span>
											</a>
									</li>
						</ul>
						</div>
				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-4f742e8 e-con-full e-flex e-con e-child" data-id="4f742e8" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-e325135 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="e325135" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://www.subscriptionflow.com/ai-billing-software/">

												<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-robot" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path d="M32,224H64V416H32A31.96166,31.96166,0,0,1,0,384V256A31.96166,31.96166,0,0,1,32,224Zm512-48V448a64.06328,64.06328,0,0,1-64,64H160a64.06328,64.06328,0,0,1-64-64V176a79.974,79.974,0,0,1,80-80H288V32a32,32,0,0,1,64,0V96H464A79.974,79.974,0,0,1,544,176ZM264,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,264,256Zm-8,128H192v32h64Zm96,0H288v32h64ZM456,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,456,256Zm-8,128H384v32h64ZM640,256V384a31.96166,31.96166,0,0,1-32,32H576V224h32A31.96166,31.96166,0,0,1,640,256Z"></path></svg>						</span>
										<span class="elementor-icon-list-text">AI Billing</span>
											</a>
									</li>
						</ul>
						</div>
				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-1d5c7adb e-con-full e-flex e-con e-child" data-id="1d5c7adb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-603a490a elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="603a490a" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://www.subscriptionflow.com/other-industries/">

												<span class="elementor-icon-list-icon">
							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect></g></svg>						</span>
										<span class="elementor-icon-list-text">All industries</span>
											</a>
									</li>
						</ul>
						</div>
				</div>
				</div>
				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-4b0ebc0 e-con-full e-flex e-con e-child" data-id="4b0ebc0" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-20c428b1 menu-heading elementor-widget elementor-widget-heading" data-id="20c428b1" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">By Business Size</h3>				</div>
		<a class="eael-wrapper-link-460b8de8 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/subscription-management-software-for-small-business/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-460b8de8" class="elementor-element elementor-element-460b8de8 elementor-widget elementor-widget-icon-box" data-id="460b8de8" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/subscription-management-software-for-small-business/" >
							SMBs						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Built for growing businesses					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-7e0e6886 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/subscription-management-software-for-enterprises/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-7e0e6886" class="elementor-element elementor-element-7e0e6886 elementor-widget elementor-widget-icon-box" data-id="7e0e6886" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/subscription-management-software-for-enterprises/" >
							Enterprises						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Unified processes at scale					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-3ee03253 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/subscription-management-software-for-nonprofits/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-3ee03253" class="elementor-element elementor-element-3ee03253 elementor-widget elementor-widget-icon-box" data-id="3ee03253" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/subscription-management-software-for-nonprofits/" >
							Non-Profits						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Manage donations &amp; donors					</p>
				
			</div>
			
		</div>
						</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-2d1b8493 e-con-full e-flex e-con e-child" data-id="2d1b8493" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-581af89f elementor-widget elementor-widget-html" data-id="581af89f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- ===== SubscriptionFlow — "Book a call" card (Elementor HTML widget) =====
     Paste this whole block into an Elementor "HTML" widget. -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@700;800&family=Inter:wght@400;600&display=swap');

.sfx-call, .sfx-call *{box-sizing:border-box}
.sfx-call{
  --sfx-orange:#F47B20; --sfx-orange-deep:#D9640E; --sfx-navy:#0F1626;
  font-family:'Inter',system-ui,sans-serif;
  position:relative;overflow:hidden;width:100%;
  display:flex;flex-direction:column;gap:10px;
  padding:18px;border-radius:18px;background:var(--sfx-navy);color:#fff;
  transition:transform .25s cubic-bezier(.22,.8,.3,1),box-shadow .25s;
}
.sfx-call::before{
  content:"";position:absolute;top:-120px;right:-100px;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(244,123,32,.5),transparent 65%);pointer-events:none;
  transition:transform .6s cubic-bezier(.22,.8,.3,1),opacity .4s;
}
.sfx-call:hover{transform:translateY(-3px);box-shadow:0 20px 40px -22px rgba(15,22,38,.7)}
.sfx-call:hover::before{transform:translate(-30px,30px) scale(1.15);opacity:.9}
.sfx-call>*{position:relative;margin:0}
.sfx-call__eyebrow{font-family:'Manrope',system-ui,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#FFB070}
.sfx-call__text{font-size:13px;color:#B9C0D0;line-height:1.5}
.sfx-call__cta{
  display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:9px 15px;border-radius:999px;
  background:var(--sfx-orange);color:#fff !important;text-decoration:none !important;
  font-family:'Manrope',system-ui,sans-serif;font-weight:700;font-size:13.5px;line-height:1;
  transition:background .2s,transform .2s,box-shadow .2s;
}
.sfx-call__cta svg{width:14px;height:14px;transition:transform .25s}
.sfx-call__cta:hover{background:var(--sfx-orange-deep);transform:translateY(-1px);box-shadow:0 10px 20px -10px rgba(244,123,32,1)}
.sfx-call:hover .sfx-call__cta svg{transform:translateX(4px)}

@media (max-width:767px){
  .sfx-call{padding:18px 16px;border-radius:14px}
  .sfx-call__text{font-size:13.5px}
  .sfx-call__cta{padding:12px 18px;font-size:14px;min-height:44px}
}
@media (max-width:380px){
  .sfx-call__cta{width:100%;justify-content:center;align-self:stretch}
}
@media (prefers-reduced-motion:reduce){
  .sfx-call,.sfx-call::before,.sfx-call__cta,.sfx-call__cta svg{transition:none}
}
</style>

<div class="sfx-call">
  <span class="sfx-call__eyebrow">Not sure where you fit?</span>
  <p class="sfx-call__text">A 20-minute call with a billing specialist.</p>
  <a class="sfx-call__cta" href="https://www.subscriptionflow.com/contact/">Book a call
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
  </a>
</div>				</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
							</div>
							</li>
					<li class="e-n-menu-item">
				<div id="e-n-menu-title-1463" class="e-n-menu-title">
					<div class="e-n-menu-title-container">													<span class="e-n-menu-icon">
								<span class="icon-active"><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-up" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"></path></svg></span>
								<span class="icon-inactive"><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-down" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg></span>
							</span>
												<span class="e-n-menu-title-text">
							Developers						</span>
					</div>											<button id="e-n-menu-dropdown-icon-1463" class="e-n-menu-dropdown-icon e-focus" data-tab-index="3" aria-haspopup="true" aria-expanded="false" aria-controls="e-n-menu-content-1463" >
							<span class="e-n-menu-dropdown-icon-opened">
								<svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-up" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"></path></svg>								<span class="elementor-screen-only">Close Developers</span>
							</span>
							<span class="e-n-menu-dropdown-icon-closed">
								<svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-down" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>								<span class="elementor-screen-only">Open Developers</span>
							</span>
						</button>
									</div>
									<div class="e-n-menu-content">
						<div data-particle_enable="false" data-particle-mobile-disabled="false" id="e-n-menu-content-1463" data-tab-index="3" aria-labelledby="e-n-menu-dropdown-icon-1463" class="elementor-element elementor-element-107ffb8b e-flex e-con-boxed e-con e-child" data-id="107ffb8b" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-7f7fb77 sfx-mega-panel e-con-full e-flex e-con e-child" data-id="7f7fb77" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-5ab16395 e-con-full e-flex e-con e-child" data-id="5ab16395" data-element_type="container" data-e-type="container">
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-2ebdfb3f e-con-full e-flex e-con e-child" data-id="2ebdfb3f" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-528bb7c7 menu-heading elementor-widget elementor-widget-heading" data-id="528bb7c7" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">Documentation</h3>				</div>
		<a class="eael-wrapper-link-7f5328ed --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/api/documentation/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-7f5328ed" class="elementor-element elementor-element-7f5328ed elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="7f5328ed" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/api/documentation/" class="elementor-icon" tabindex="-1" aria-label="API Reference">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m18 16l4-4l-4-4M6 8l-4 4l4 4m8.5-12l-5 16"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/api/documentation/" >
							API Reference						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Endpoints, requests and responses					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-5ffd4f08 --eael-wrapper-link-tag" href="https://support.subscriptionflow.com/hc/en-us/articles/900005125903" target="_blank"></a>		<div data-eael-wrapper-link="eael-wrapper-link-5ffd4f08" class="elementor-element elementor-element-5ffd4f08 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="5ffd4f08" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://support.subscriptionflow.com/hc/en-us/articles/900005125903" target="_blank" class="elementor-icon" tabindex="-1" aria-label="API Integration Guide">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 5v16m8.001-2A2 2 0 0 0 22 17V5a2 2 0 0 0-1.999-2L16 3.002A5 5 0 0 0 12 5a5 5 0 0 0-4-2H4a2 2 0 0 0-2 2v12a2 2 0 0 0 1.999 2H8a5 5 0 0 1 4 2a5 5 0 0 1 4-2z"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://support.subscriptionflow.com/hc/en-us/articles/900005125903" target="_blank" >
							API Integration Guide						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Connect your systems via REST					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-218d32ee --eael-wrapper-link-tag" href="https://support.subscriptionflow.com/hc/en-us/articles/900004667566" target="_blank"></a>		<div data-eael-wrapper-link="eael-wrapper-link-218d32ee" class="elementor-element elementor-element-218d32ee elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="218d32ee" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://support.subscriptionflow.com/hc/en-us/articles/900004667566" target="_blank" class="elementor-icon" tabindex="-1" aria-label="OAuth Client">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z"></path><circle cx="16.5" cy="7.5" r=".5" fill="currentColor"></circle></g></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://support.subscriptionflow.com/hc/en-us/articles/900004667566" target="_blank" >
							OAuth Client						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Secure app authentication					</p>
				
			</div>
			
		</div>
						</div>
				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-71e312c2 e-con-full e-flex e-con e-child" data-id="71e312c2" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-213e2065 menu-heading elementor-widget elementor-widget-heading" data-id="213e2065" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">Mobile SDKs</h3>				</div>
		<a class="eael-wrapper-link-163989be --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/api/sdk/android/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-163989be" class="elementor-element elementor-element-163989be elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="163989be" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/api/sdk/android/" class="elementor-icon" tabindex="-1" aria-label="Android SDK">
				<svg aria-hidden="true" class="e-font-icon-svg e-fab-android" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M420.55,301.93a24,24,0,1,1,24-24,24,24,0,0,1-24,24m-265.1,0a24,24,0,1,1,24-24,24,24,0,0,1-24,24m273.7-144.48,47.94-83a10,10,0,1,0-17.27-10h0l-48.54,84.07a301.25,301.25,0,0,0-246.56,0L116.18,64.45a10,10,0,1,0-17.27,10h0l47.94,83C64.53,202.22,8.24,285.55,0,384H576c-8.24-98.45-64.54-181.78-146.85-226.55"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/api/sdk/android/" >
							Android SDK						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Native SDK for Android apps					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-5f1d2edc --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/api/sdk/ios/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-5f1d2edc" class="elementor-element elementor-element-5f1d2edc elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="5f1d2edc" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/api/sdk/ios/" class="elementor-icon" tabindex="-1" aria-label="iOS SDK">
				<svg aria-hidden="true" class="e-font-icon-svg e-fab-apple" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/api/sdk/ios/" >
							iOS SDK						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Native SDK for iOS apps					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-5c4a9317 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/api/sdk/flutter/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-5c4a9317" class="elementor-element elementor-element-5c4a9317 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="5c4a9317" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/api/sdk/flutter/" class="elementor-icon" tabindex="-1" aria-label="Flutter SDK">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M14.314 0L2.3 12l3.7 3.7L21.684.013h-7.357zm.014 11.072L7.857 17.53l6.47 6.47H21.7l-6.46-6.468l6.46-6.46h-7.37z"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/api/sdk/flutter/" >
							Flutter SDK						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						subscriptionflow_iap for iOS and Android					</p>
				
			</div>
			
		</div>
						</div>
				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-7d7a8e20 e-con-full e-flex e-con e-child" data-id="7d7a8e20" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-2fbb801c menu-heading elementor-widget elementor-widget-heading" data-id="2fbb801c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">Webhooks &amp; Embeds</h3>				</div>
		<a class="eael-wrapper-link-51e625d3 --eael-wrapper-link-tag" href="https://support.subscriptionflow.com/hc/en-us/articles/14743698955929" target="_blank"></a>		<div data-eael-wrapper-link="eael-wrapper-link-51e625d3" class="elementor-element elementor-element-51e625d3 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="51e625d3" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://support.subscriptionflow.com/hc/en-us/articles/14743698955929" target="_blank" class="elementor-icon" tabindex="-1" aria-label="Configuring Webhooks">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M18 16.98h-5.99c-1.1 0-1.95.94-2.48 1.9A4 4 0 0 1 2 17c.01-.7.2-1.4.57-2"></path><path d="m6 17l3.13-5.78c.53-.97.1-2.18-.5-3.1a4 4 0 1 1 6.89-4.06"></path><path d="m12 6l3.13 5.73C15.66 12.7 16.9 13 18 13a4 4 0 0 1 0 8"></path></g></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://support.subscriptionflow.com/hc/en-us/articles/14743698955929" target="_blank" >
							Configuring Webhooks						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Get notified on billing events					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-2102f0ee --eael-wrapper-link-tag" href="https://support.subscriptionflow.com/hc/en-us/articles/31584880878617" target="_blank"></a>		<div data-eael-wrapper-link="eael-wrapper-link-2102f0ee" class="elementor-element elementor-element-2102f0ee elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="2102f0ee" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://support.subscriptionflow.com/hc/en-us/articles/31584880878617" target="_blank" class="elementor-icon" tabindex="-1" aria-label="Embed Checkout">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m10 9l-3 3l3 3m4 0l3-3l-3-3"></path><rect width="18" height="18" x="3" y="3" rx="2"></rect></g></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://support.subscriptionflow.com/hc/en-us/articles/31584880878617" target="_blank" >
							Embed Checkout						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Drop checkout into any site					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-54c24e73 --eael-wrapper-link-tag" href="https://support.subscriptionflow.com/hc/en-us/articles/58794495799065" target="_blank"></a>		<div data-eael-wrapper-link="eael-wrapper-link-54c24e73" class="elementor-element elementor-element-54c24e73 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="54c24e73" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://support.subscriptionflow.com/hc/en-us/articles/58794495799065" target="_blank" class="elementor-icon" tabindex="-1" aria-label="Embedded Payment Widget">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="20" height="14" x="2" y="5" rx="2"></rect><path d="M2 10h20M6 14h2"></path></g></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://support.subscriptionflow.com/hc/en-us/articles/58794495799065" target="_blank" >
							Embedded Payment Widget						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Advanced on-page payments					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-615770 --eael-wrapper-link-tag" href="https://support.subscriptionflow.com/hc/en-us/articles/60861224615705" target="_blank"></a>		<div data-eael-wrapper-link="eael-wrapper-link-615770" class="elementor-element elementor-element-615770 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="615770" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://support.subscriptionflow.com/hc/en-us/articles/60861224615705" target="_blank" class="elementor-icon" tabindex="-1" aria-label="In-App Widgets">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="7" height="9" x="3" y="3" rx="1"></rect><rect width="7" height="5" x="14" y="3" rx="1"></rect><rect width="7" height="9" x="14" y="12" rx="1"></rect><rect width="7" height="5" x="3" y="16" rx="1"></rect></g></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://support.subscriptionflow.com/hc/en-us/articles/60861224615705" target="_blank" >
							In-App Widgets						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Billing UI inside your product					</p>
				
			</div>
			
		</div>
						</div>
				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-383bd8bd e-con-full e-flex e-con e-child" data-id="383bd8bd" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-5339e587 menu-heading elementor-widget elementor-widget-heading" data-id="5339e587" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">Connect &amp; Launch</h3>				</div>
		<a class="eael-wrapper-link-2608a5fc --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/mcp/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-2608a5fc" class="elementor-element elementor-element-2608a5fc elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="2608a5fc" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/mcp/" class="elementor-icon" tabindex="-1" aria-label="MCP Connector">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2m16 0h2m-7-1v2m-6-2v2"></path></g></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/mcp/" >
							MCP Connector						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Use SubscriptionFlow in ChatGPT or Claude					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-66050f50 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/integrations/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-66050f50" class="elementor-element elementor-element-66050f50 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="66050f50" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/integrations/" class="elementor-icon" tabindex="-1" aria-label="Integrations">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="currentColor" d="M22 8h-1V2h-2v6h-6V2h-2v6h-1a2 2 0 0 0-2 2v6a8.01 8.01 0 0 0 7 7.93V30h2v-6.07A8.01 8.01 0 0 0 24 16v-6a2 2 0 0 0-2-2m0 8a6 6 0 0 1-12 0v-6h12Z"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/integrations/" >
							Integrations						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						CRM, accounting and more					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-3d9707bd --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/payment-gateways/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-3d9707bd" class="elementor-element elementor-element-3d9707bd elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="3d9707bd" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/payment-gateways/" class="elementor-icon" tabindex="-1" aria-label="Payment Gateways">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"></path><path d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"></path></g></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/payment-gateways/" >
							Payment Gateways						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Connect your preferred gateway					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-570bbb54 --eael-wrapper-link-tag" href="https://support.subscriptionflow.com/hc/en-us" target="_blank"></a>		<div data-eael-wrapper-link="eael-wrapper-link-570bbb54" class="elementor-element elementor-element-570bbb54 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="570bbb54" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://support.subscriptionflow.com/hc/en-us" target="_blank" class="elementor-icon" tabindex="-1" aria-label="Support Center">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><path d="m4.93 4.93l4.24 4.24m5.66 0l4.24-4.24m-4.24 9.9l4.24 4.24m-9.9-4.24l-4.24 4.24"></path><circle cx="12" cy="12" r="4"></circle></g></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://support.subscriptionflow.com/hc/en-us" target="_blank" >
							Support Center						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Guides, FAQs and help					</p>
				
			</div>
			
		</div>
						</div>
				</div>
				</div>
				</div>
					</div>
				</div>
							</div>
							</li>
					<li class="e-n-menu-item">
				<div id="e-n-menu-title-1464" class="e-n-menu-title">
					<div class="e-n-menu-title-container">													<span class="e-n-menu-icon">
								<span class="icon-active"><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-up" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"></path></svg></span>
								<span class="icon-inactive"><svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-down" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg></span>
							</span>
												<span class="e-n-menu-title-text">
							Resources						</span>
					</div>											<button id="e-n-menu-dropdown-icon-1464" class="e-n-menu-dropdown-icon e-focus" data-tab-index="4" aria-haspopup="true" aria-expanded="false" aria-controls="e-n-menu-content-1464" >
							<span class="e-n-menu-dropdown-icon-opened">
								<svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-up" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"></path></svg>								<span class="elementor-screen-only">Close Resources</span>
							</span>
							<span class="e-n-menu-dropdown-icon-closed">
								<svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-down" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>								<span class="elementor-screen-only">Open Resources</span>
							</span>
						</button>
									</div>
									<div class="e-n-menu-content">
						<div data-particle_enable="false" data-particle-mobile-disabled="false" id="e-n-menu-content-1464" data-tab-index="4" aria-labelledby="e-n-menu-dropdown-icon-1464" class="elementor-element elementor-element-14ab7457 e-flex e-con-boxed e-con e-child" data-id="14ab7457" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-6c9c7874 sfx-mega-panel e-con-full e-flex e-con e-child" data-id="6c9c7874" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-c1f8da2 e-con-full e-flex e-con e-child" data-id="c1f8da2" data-element_type="container" data-e-type="container">
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-1c07d79e e-con-full e-flex e-con e-child" data-id="1c07d79e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-26b15574 menu-heading elementor-widget elementor-widget-heading" data-id="26b15574" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">Resources &amp; Guides</h3>				</div>
		<a class="eael-wrapper-link-3de271f3 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/blog/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-3de271f3" class="elementor-element elementor-element-3de271f3 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="3de271f3" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/blog/" class="elementor-icon" tabindex="-1" aria-label="Blog">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 6s1.5-2 5-2s5 2 5 2v14s-1.5-1-5-1s-5 1-5 1zm10 0s1.5-2 5-2s5 2 5 2v14s-1.5-1-5-1s-5 1-5 1z"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/blog/" >
							Blog						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Tips &amp; insights on billing					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-1935f167 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/faqs/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-1935f167" class="elementor-element elementor-element-1935f167 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="1935f167" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/faqs/" class="elementor-icon" tabindex="-1" aria-label="FAQs">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g fill="currentColor"><path d="M8.05 9.6c.336 0 .504-.24.554-.627c.04-.534.198-.815.847-1.26c.673-.475 1.049-1.09 1.049-1.986c0-1.325-.92-2.227-2.262-2.227c-1.02 0-1.792.492-2.1 1.29A1.7 1.7 0 0 0 6 5.48c0 .393.203.64.545.64c.272 0 .455-.147.564-.51c.158-.592.525-.915 1.074-.915c.61 0 1.03.446 1.03 1.084c0 .563-.208.885-.822 1.325c-.619.433-.926.914-.926 1.64v.111c0 .428.208.745.585.745"></path><path d="m10.273 2.513l-.921-.944l.715-.698l.622.637l.89-.011a2.89 2.89 0 0 1 2.924 2.924l-.01.89l.636.622a2.89 2.89 0 0 1 0 4.134l-.637.622l.011.89a2.89 2.89 0 0 1-2.924 2.924l-.89-.01l-.622.636a2.89 2.89 0 0 1-4.134 0l-.622-.637l-.89.011a2.89 2.89 0 0 1-2.924-2.924l.01-.89l-.636-.622a2.89 2.89 0 0 1 0-4.134l.637-.622l-.011-.89a2.89 2.89 0 0 1 2.924-2.924l.89.01l.622-.636a2.89 2.89 0 0 1 4.134 0l-.715.698a1.89 1.89 0 0 0-2.704 0l-.92.944l-1.32-.016a1.89 1.89 0 0 0-1.911 1.912l.016 1.318l-.944.921a1.89 1.89 0 0 0 0 2.704l.944.92l-.016 1.32a1.89 1.89 0 0 0 1.912 1.911l1.318-.016l.921.944a1.89 1.89 0 0 0 2.704 0l.92-.944l1.32.016a1.89 1.89 0 0 0 1.911-1.912l-.016-1.318l.944-.921a1.89 1.89 0 0 0 0-2.704l-.944-.92l.016-1.32a1.89 1.89 0 0 0-1.912-1.911z"></path><path d="M7.001 11a1 1 0 1 1 2 0a1 1 0 0 1-2 0"></path></g></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/faqs/" >
							FAQs						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Answers about product &amp; plans					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-4e6d9979 --eael-wrapper-link-tag" href="https://support.subscriptionflow.com/hc/en-us/categories/900001259563-Getting-Started"></a>		<div data-eael-wrapper-link="eael-wrapper-link-4e6d9979" class="elementor-element elementor-element-4e6d9979 elementor-view-framed elementor-shape-rounded elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget elementor-widget-icon-box" data-id="4e6d9979" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://support.subscriptionflow.com/hc/en-us/categories/900001259563-Getting-Started" class="elementor-icon" tabindex="-1" aria-label="Getting Started">
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g fill="currentColor"><path d="M9.752 6.193c.599.6 1.73.437 2.528-.362s.96-1.932.362-2.531c-.599-.6-1.73-.438-2.528.361c-.798.8-.96 1.933-.362 2.532"></path><path d="M15.811 3.312c-.363 1.534-1.334 3.626-3.64 6.218l-.24 2.408a2.56 2.56 0 0 1-.732 1.526L8.817 15.85a.51.51 0 0 1-.867-.434l.27-1.899c.04-.28-.013-.593-.131-.956a9 9 0 0 0-.249-.657l-.082-.202c-.815-.197-1.578-.662-2.191-1.277c-.614-.615-1.079-1.379-1.275-2.195l-.203-.083a10 10 0 0 0-.655-.248c-.363-.119-.675-.172-.955-.132l-1.896.27A.51.51 0 0 1 .15 7.17l2.382-2.386c.41-.41.947-.67 1.524-.734h.006l2.4-.238C9.005 1.55 11.087.582 12.623.208c.89-.217 1.59-.232 2.08-.188c.244.023.435.06.57.093q.1.026.16.045c.184.06.279.13.351.295l.029.073a3.5 3.5 0 0 1 .157.721c.055.485.051 1.178-.159 2.065m-4.828 7.475l.04-.04l-.107 1.081a1.54 1.54 0 0 1-.44.913l-1.298 1.3l.054-.38c.072-.506-.034-.993-.172-1.418a9 9 0 0 0-.164-.45c.738-.065 1.462-.38 2.087-1.006M5.205 5c-.625.626-.94 1.351-1.004 2.09a9 9 0 0 0-.45-.164c-.424-.138-.91-.244-1.416-.172l-.38.054l1.3-1.3c.245-.246.566-.401.91-.44l1.08-.107zm9.406-3.961c-.38-.034-.967-.027-1.746.163c-1.558.38-3.917 1.496-6.937 4.521c-.62.62-.799 1.34-.687 2.051c.107.676.483 1.362 1.048 1.928c.564.565 1.25.941 1.924 1.049c.71.112 1.429-.067 2.048-.688c3.079-3.083 4.192-5.444 4.556-6.987c.183-.771.18-1.345.138-1.713a3 3 0 0 0-.045-.283a3 3 0 0 0-.3-.041Z"></path><path d="M7.009 12.139a7.6 7.6 0 0 1-1.804-1.352A7.6 7.6 0 0 1 3.794 8.86c-1.102.992-1.965 5.054-1.839 5.18c.125.126 3.936-.896 5.054-1.902Z"></path></g></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://support.subscriptionflow.com/hc/en-us/categories/900001259563-Getting-Started" >
							Getting Started						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Set up your account step by step					</p>
				
			</div>
			
		</div>
						</div>
				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-cc4511a e-con-full e-flex e-con e-child" data-id="cc4511a" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-266b7cb7 menu-heading elementor-widget elementor-widget-heading" data-id="266b7cb7" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">Others</h3>				</div>
		<a class="eael-wrapper-link-521b67ae --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/find-your-payment-gateway-in-region/"></a>		<div data-eael-wrapper-link="eael-wrapper-link-521b67ae" class="elementor-element elementor-element-521b67ae elementor-widget elementor-widget-icon-box" data-id="521b67ae" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/find-your-payment-gateway-in-region/" >
							Payment Gateway Finder						</a>
					</h3>
				
				
			</div>
			
		</div>
						</div>
				<div class="elementor-element elementor-element-309f4f9d elementor-widget elementor-widget-icon-box" data-id="309f4f9d" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/case-study/" >
							Case Studies						</a>
					</h3>
				
				
			</div>
			
		</div>
						</div>
				<div class="elementor-element elementor-element-34f8a098 elementor-widget elementor-widget-icon-box" data-id="34f8a098" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/compare/" >
							Compare SubscriptionFlow						</a>
					</h3>
				
				
			</div>
			
		</div>
						</div>
				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-1fabfb0e e-con-full e-flex e-con e-child" data-id="1fabfb0e" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-472e2215 menu-heading elementor-widget elementor-widget-heading" data-id="472e2215" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">Recent Post</h3>				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-66a00ee8 e-con-full e-flex e-con e-child" data-id="66a00ee8" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-3fb2c32 elementor-widget elementor-widget-html" data-id="3fb2c32" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- ===== SubscriptionFlow — Recent Post card, auto-updating (Elementor HTML widget) =====
     Paste this whole block into an Elementor "HTML" widget.
     It fetches the latest published blog post automatically — no manual update needed. -->

<style>

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@700;800&family=Inter:wght@400;500&display=swap');

.sfx-recent, .sfx-recent *{box-sizing:border-box}
.sfx-recent{
  --sfx-orange:#F47B20; --sfx-orange-deep:#D9640E; --sfx-orange-soft:#FFF4EA; --sfx-orange-tint:#FFE2C7;
  --sfx-ink:#14151A; --sfx-slate:#6E7280; --sfx-line:#E9EAEE;
  font-family:'Inter',system-ui,sans-serif;width:100%;
}
.sfx-recent__head{
  display:flex;align-items:center;gap:8px;margin:0 0 14px;
  font:800 11.5px/1 'Manrope',system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--sfx-orange-deep);
}

.sfx-recent__card{
  display:block;border:1px solid var(--sfx-line);border-radius:16px;overflow:hidden;background:#fff;
  text-decoration:none !important;color:var(--sfx-ink) !important;
  transition:transform .25s cubic-bezier(.22,.8,.3,1),box-shadow .25s,border-color .25s;
}
.sfx-recent__card:hover{transform:translateY(-3px);box-shadow:0 18px 36px -20px rgba(15,22,38,.4);border-color:var(--sfx-orange-tint)}
.sfx-recent__img{aspect-ratio:16/8.5;background:var(--sfx-orange-soft);overflow:hidden;position:relative}
.sfx-recent__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.22,.8,.3,1)}
.sfx-recent__card:hover .sfx-recent__img img{transform:scale(1.04)}
.sfx-recent__body{padding:14px 16px 16px}
.sfx-recent__meta{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 6px;
  font:800 11px/1.4 'Manrope',system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--sfx-orange-deep);
}
.sfx-recent__date{font:500 11px/1.4 'Inter',system-ui,sans-serif;letter-spacing:0;text-transform:none;color:var(--sfx-slate)}
.sfx-recent__date::before{content:"·";margin-right:8px;color:var(--sfx-orange-tint)}
.sfx-recent__title{
  font:800 15px/1.35 'Manrope',system-ui,sans-serif;color:var(--sfx-ink);margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.sfx-recent__title span{background:linear-gradient(var(--sfx-orange),var(--sfx-orange)) no-repeat 0 100%/0 2px;transition:background-size .3s cubic-bezier(.22,.8,.3,1)}
.sfx-recent__card:hover .sfx-recent__title span{background-size:100% 2px}
.sfx-recent__more{
  display:inline-flex;align-items:center;gap:6px;margin-top:12px;
  font:700 13.5px/1 'Manrope',system-ui,sans-serif;color:var(--sfx-orange-deep) !important;text-decoration:none !important;
}
.sfx-recent__more svg{width:14px;height:14px;transition:transform .2s}
.sfx-recent__more:hover svg{transform:translateX(3px)}

/* loading skeleton */
.sfx-recent.is-loading .sfx-recent__img{background:linear-gradient(90deg,#F6F7F9 25%,#ECEEF2 50%,#F6F7F9 75%);background-size:200% 100%;animation:sfxShimmer 1.2s infinite}
.sfx-recent.is-loading .sfx-recent__img img{opacity:0}
@keyframes sfxShimmer{to{background-position:-200% 0}}

@media (max-width:767px){
  .sfx-recent__card{border-radius:14px}
  .sfx-recent__title{font-size:15.5px}
  .sfx-recent__more{padding:6px 0;font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .sfx-recent__card,.sfx-recent__img img,.sfx-recent__title span,.sfx-recent__more svg{transition:none}
  .sfx-recent.is-loading .sfx-recent__img{animation:none}
}
</style>

<div class="sfx-recent is-loading" id="sfxRecent">
  <div class="sfx-recent__head"></div>

  <!-- Fallback content: shown until the latest post loads (or if the API is blocked). -->
  <a class="sfx-recent__card" href="https://www.subscriptionflow.com/2026/08/recurring-billing-solutions-with-automatic-payment-retries/" data-sfx-link>
    <div class="sfx-recent__img">
      <img width="1200" height="800" src="https://www.subscriptionflow.com/wp-content/uploads/2026/08/blog-post700.jpg.webp" alt=""  data-sfx-img>
    </div>
    <div class="sfx-recent__body">
      <div class="sfx-recent__meta"><span data-sfx-cat>Guide</span><span class="sfx-recent__date" data-sfx-date></span></div>
      <h4 class="sfx-recent__title vv"><span data-sfx-title>Recurring Billing Solutions with Automatic Payment Retries</span></h4>
    </div>
  </a>

  <a class="sfx-recent__more" href="https://www.subscriptionflow.com/blog/">More from the blog
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
  </a>
</div>

<script>
(function(){
  /* ===== Latest blog post (auto): REST → RSS feed → static fallback ===== */
  var root  = document.getElementById('sfxRecent'); if(!root) return;
  var link  = root.querySelector('[data-sfx-link]');
  var img   = root.querySelector('[data-sfx-img]');
  var title = root.querySelector('[data-sfx-title]');
  var cat   = root.querySelector('[data-sfx-cat]');
  var date  = root.querySelector('[data-sfx-date]');

  function decodeHTML(h){ var d = document.createElement('textarea'); d.innerHTML = h; return d.value; }
  function fmtDate(x){ try{ var dt = new Date(x); if(isNaN(dt)) return ''; return dt.toLocaleDateString('en-US',{month:'short',day:'numeric',year:'numeric'}); }catch(e){ return ''; } }
  function applyPost(o){
    if(!o || !o.link || !o.title) { root.classList.remove('is-loading'); return; }
    link.href = o.link;
    title.textContent = decodeHTML(o.title);
    if(o.cat) cat.textContent = o.cat;
    if(o.date) date.textContent = fmtDate(o.date);
    if(o.img){
      var pre = new Image();
      pre.onload = function(){ img.src = o.img; root.classList.remove('is-loading'); };
      pre.onerror = function(){ root.classList.remove('is-loading'); };
      pre.src = o.img;
    } else { root.classList.remove('is-loading'); }
  }
  function fromREST(){
    return fetch(location.origin + '/wp-json/wp/v2/posts?per_page=1&_embed=1', {credentials:'same-origin'})
      .then(function(r){ if(!r.ok) throw 0; return r.json(); })
      .then(function(l){
        var p = l && l[0]; if(!p || !p.title) throw 0;
        var m = p._embedded && p._embedded['wp:featuredmedia'] && p._embedded['wp:featuredmedia'][0];
        var sz = m && m.media_details && m.media_details.sizes;
        var image = (sz && ((sz.medium_large||{}).source_url || (sz.large||{}).source_url || (sz.medium||{}).source_url)) || (m && m.source_url) || '';
        var c = '', terms = p._embedded && p._embedded['wp:term'];
        if(terms) terms.forEach(function(g){ g.forEach(function(x){ if(!c && x.taxonomy === 'category' && x.name.toLowerCase() !== 'uncategorized') c = x.name; }); });
        return {link:p.link, title:p.title.rendered, img:image, cat:c, date:p.date};
      });
  }
  function fromRSS(){
    return fetch(location.origin + '/feed/', {credentials:'same-origin'})
      .then(function(r){ if(!r.ok) throw 0; return r.text(); })
      .then(function(xml){
        var doc = new DOMParser().parseFromString(xml, 'text/xml');
        var it = doc.querySelector('item'); if(!it) throw 0;
        var g = function(tag){ var n = it.getElementsByTagName(tag)[0] || (it.getElementsByTagNameNS && it.getElementsByTagNameNS('*', tag)[0]); return n ? n.textContent : ''; };
        var content = g('encoded') || g('description') || '';
        var m = content.match(/<img[^>]+src=["\']([^"\']+)["\']/i);
        var enc = it.querySelector('enclosure');
        var catN = it.getElementsByTagName('category')[0];
        return {link:g('link'), title:g('title'), img:(m && m[1]) || (enc && enc.getAttribute('url')) || '', cat:catN ? catN.textContent : '', date:g('pubDate')};
      });
  }
  /* 3rd fallback: /blog/ page ka HTML parse karo — kabhi block nahi hota */
  function fromBlogPage(){
    return fetch(location.origin + '/blog/', {credentials:'same-origin'})
      .then(function(r){ if(!r.ok) throw 0; return r.text(); })
      .then(function(html){
        var doc = new DOMParser().parseFromString(html, 'text/html');
        var anchors = doc.querySelectorAll('a[href*="www.subscriptionflow.com/20"], a[href^="/20"]');
        var best = null;
        for(var i = 0; i < anchors.length; i++){
          var a = anchors[i];
          if(!/\/20\d{2}\/\d{2}\//.test(a.getAttribute('href') || '')) continue;
          var txt = (a.textContent || '').trim();
          if(txt.length > 25){ best = a; break; }          /* pehla lamba text = post title */
          if(!best) best = a;
        }
        if(!best) throw 0;
        var wrap = best.closest('article, .elementor-post, .post, li, div') || doc;
        var im = wrap.querySelector('img');
        var image = im ? (im.getAttribute('data-lazy-src') || im.getAttribute('data-src') || im.getAttribute('src') || '') : '';
        var titleTxt = (best.textContent || '').trim();
        if(titleTxt.length < 15){
          var h = wrap.querySelector('h2, h3, .elementor-post__title');
          if(h) titleTxt = h.textContent.trim();
        }
        return {link:best.href, title:titleTxt, img:image, cat:'', date:''};
      });
  }
  function withImage(o){
    if(o && o.link && !o.img){
      return fetch(o.link, {credentials:'same-origin'})
        .then(function(r){ if(!r.ok) throw 0; return r.text(); })
        .then(function(html){
          var m = html.match(/<meta[^>]+property=["']og:image["'][^>]+content=["']([^"']+)["']/i)
               || html.match(/<meta[^>]+content=["']([^"']+)["'][^>]+property=["']og:image["']/i);
          if(m) o.img = m[1];
          return o;
        }).catch(function(){ return o; });
    }
    return Promise.resolve(o);
  }
  fromREST().catch(fromRSS).catch(fromBlogPage).then(withImage).then(applyPost).catch(function(){ root.classList.remove('is-loading'); });
})();
</script>

				</div>
				<div class="elementor-element elementor-element-6c5079be elementor-widget elementor-widget-spacer" data-id="6c5079be" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-7e10f3af e-con-full e-flex e-con e-child" data-id="7e10f3af" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-b3eba17 menu-heading elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile elementor-widget elementor-widget-heading" data-id="b3eba17" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">Partner Program</h3>				</div>
		<a class="eael-wrapper-link-52fa7110 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/partner-program/#affiliate-partner"></a>		<div data-eael-wrapper-link="eael-wrapper-link-52fa7110" class="elementor-element elementor-element-52fa7110 elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile elementor-widget elementor-widget-icon-box" data-id="52fa7110" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/partner-program/#affiliate-partner" >
							Affiliate Partner						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Earn by referring businesses					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-61f19d2b --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/partner-program/#solution-partner"></a>		<div data-eael-wrapper-link="eael-wrapper-link-61f19d2b" class="elementor-element elementor-element-61f19d2b elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile elementor-widget elementor-widget-icon-box" data-id="61f19d2b" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/partner-program/#solution-partner" >
							Solution Partner						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Implement &amp; consult for clients					</p>
				
			</div>
			
		</div>
						</div>
		<a class="eael-wrapper-link-e8fbab9 --eael-wrapper-link-tag" href="https://www.subscriptionflow.com/partner-program/#technology-partner"></a>		<div data-eael-wrapper-link="eael-wrapper-link-e8fbab9" class="elementor-element elementor-element-e8fbab9 elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile elementor-widget elementor-widget-icon-box" data-id="e8fbab9" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/partner-program/#technology-partner" >
							Technology Partner						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						Integrate your product with ours					</p>
				
			</div>
			
		</div>
						</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-130550f7 e-con-full e-flex e-con e-child" data-id="130550f7" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-6ab58093 elementor-widget elementor-widget-spacer" data-id="6ab58093" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				<div class="elementor-element elementor-element-2c47ae34 menu-heading elementor-widget elementor-widget-heading" data-id="2c47ae34" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">Glossary</h3>				</div>
				<div class="elementor-element elementor-element-7a1174ff elementor-widget elementor-widget-html" data-id="7a1174ff" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
.sfx-gl{--sfx-row:36px;position:relative;height:calc(var(--sfx-row)*5);overflow:hidden;font-family:"IBM Plex Sans",sans-serif;perspective:600px;text-align:left}
.sfx-gl__track{position:relative;height:100%}
.sfx-gl ul{list-style:none;margin:0;padding:0}
.sfx-gl ul+ul{display:none}
.sfx-gl li{position:absolute;left:0;top:calc(var(--sfx-row)*2);height:var(--sfx-row);margin:0;padding:0;display:flex;align-items:center;white-space:nowrap;transform-origin:left center;opacity:0;pointer-events:none;will-change:transform,opacity,filter;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .9s cubic-bezier(.22,1,.36,1),filter .9s cubic-bezier(.22,1,.36,1)}
.sfx-gl.is-ready li.no-anim{transition:none}
.sfx-gl a{display:block;padding:4px 0;font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.2;color:#9aa4aa;text-decoration:none;transition:color .6s ease}
.sfx-gl li.is-active{pointer-events:auto}
.sfx-gl li.is-active a{color:#FD7B03}
.sfx-gl li.is-near{pointer-events:auto}
.sfx-gl li.is-near a:hover,.sfx-gl li.is-active a:hover{color:#FD7B03}
@media (prefers-reduced-motion:reduce){.sfx-gl{height:180px;overflow-y:auto;perspective:none}.sfx-gl li{position:static;opacity:1;transform:none!important;filter:none!important;pointer-events:auto}.sfx-gl a{font-size:14px;color:#000}}
</style>
<div class="sfx-gl" aria-label="Subscription glossary terms"><div class="sfx-gl__track"><ul><li><a href="https://www.subscriptionflow.com/glossaries/payment-methods/">Payment Methods</a></li><li><a href="https://www.subscriptionflow.com/glossaries/subscription-renewals/">Subscription Renewals</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-subscription-management/">Subscription Management</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-freemium/">Freemium</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-are-recurring-payments/">Recurring Payments</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-billing-and-invoicing/">Billing and Invoicing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-a-payment-gateway/">Payment Gateway</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-membership-management/">Membership Management</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-quote-to-cash/">Quote to Cash</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-proration/">Proration</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-metered-billing/">Metered Billing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-order-to-cash/">Order to Cash</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-expansion-revenue/">Expansion Revenue</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-charm-pricing/">Charm Pricing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-are-credit-notes/">Credit Notes</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-dunning/">Dunning</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-revenue-backlog/">Revenue Backlog</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-usage-based-pricing/">Usage Based Pricing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-revenue-management/">Revenue Management</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-are-b2b-payments/">B2B Payments</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-competitive-pricing/">Competitive Pricing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-a-recurring-revenue-model/">Recurring Revenue Model</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-subscription-billing/">Subscription Billing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-a-billing-cycle/">Billing Cycle</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-average-revenue-per-user/">Average Revenue Per User</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-a-complex-subscription-model/">Complex Subscription Model</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-a-billing-schedule/">Billing Schedule</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-asc-606/">ASC 606</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-dynamic-discounting/">Dynamic Discounting</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-a-prorated-charge/">Prorated Charge</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-split-billing/">Split Billing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-an-invoice/">Invoice</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-billing-software/">Billing Software</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-pay-as-you-go/">Pay-as-you-go</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-value-based-pricing/">Value-Based Pricing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-are-payment-terms/">Payment Terms</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-negative-churn/">Negative Churn</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-revenue-leakage/">Revenue Leakage</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-prorated-credit/">Prorated Credit</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-a-gift-subscription/">Gift Subscription</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-does-billing-in-arrears-mean/">Billing in Arrears</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-third-party-billing/">Third-Party Billing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-billing-cadence/">Billing Cadence</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-variable-pricing/">Variable Pricing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-payment-orchestration/">Payment Orchestration</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-checkout/">Checkout</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-direct-billing/">Direct Billing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-checkout-in-e-commerce/">Checkout in E-commerce</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-buy-now-pay-later/">Buy Now, Pay Later</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-a-delinquent-payment/">Delinquent Payment</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-electronic-billing/">Electronic Billing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-billing-efficiency/">Billing Efficiency</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-renewal-automation/">Renewal Automation</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-one-time-payment/">One-Time Payment</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-order-management-in-ecommerce/">Order Management in E-Commerce</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-self-service-portal/">Self-Service Portal</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-annual-recurring-revenue/">Annual Recurring Revenue</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-a-subscription-box/">Subscription Box</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-a-consolidated-invoice/">Consolidated Invoice</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-order-fulfillment/">Order Fulfillment</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-subscription-commerce/">Subscription Commerce</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-a-free-trial/">Free Trial</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-b2b-billing/">B2B Billing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-advance-billing/">Advance Billing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-are-recurring-subscriptions/">Recurring Subscriptions</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-enterprise-billing/">Enterprise Billing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-subscription-lifecycle/">Subscription Lifecycle Management</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-consolidated-billing/">Consolidated Billing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-flexible-pricing/">Flexible Pricing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-are-variable-recurring-payments/">Variable Recurring Payments</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-multi-currency-pricing/">Multi-Currency Pricing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/integrated-billing/">Integrated Billing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-an-automated-billing-system/">Automated Billing System</a></li><li><a href="https://www.subscriptionflow.com/glossaries/friendly-fraud/">Friendly Fraud</a></li><li><a href="https://www.subscriptionflow.com/glossaries/billing-and-provisioning-software/">Billing and Provisioning Software</a></li><li><a href="https://www.subscriptionflow.com/glossaries/flat-rate-pricing/">Flat-Rate Pricing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-revops/">Revenue Operations (RevOps)</a></li><li><a href="https://www.subscriptionflow.com/glossaries/differential-pricing/">Differential Pricing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/credit-based-pricing/">Credit-Based Pricing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/flat-rate-billing/">Flat Rate Billing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-e-invoicing/">E-Invoicing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-a-recurring-transaction/">Recurring Transaction</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-revenue-lifecycle-management/">Revenue Cycle Management</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-configure-price-quote/">Configure, Price, Quote (CPQ)</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-payment-collection/">Payment Collection</a></li><li><a href="https://www.subscriptionflow.com/glossaries/annual-subscription/">Annual Subscription</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-are-chargebacks/">Chargebacks</a></li><li><a href="https://www.subscriptionflow.com/glossaries/odd-even-pricing/">Odd-Even Pricing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/monthly-recurring-revenue/">Monthly Recurring Revenue (MRR)</a></li><li><a href="https://www.subscriptionflow.com/glossaries/b2b-pricing/">B2B Pricing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/cost-based-pricing/">Cost-Based Pricing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-complex-billing/">Complex Billing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-ecommerce-fraud/">E-Commerce Fraud</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-quote-to-revenue/">Quote-to-Revenue (Q2R)</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-saas-accounting/">SaaS Accounting</a></li><li><a href="https://www.subscriptionflow.com/glossaries/self-billing/">Self-Billing</a></li><li><a href="https://www.subscriptionflow.com/glossaries/customer-onboarding/">Customer Onboarding</a></li><li><a href="https://www.subscriptionflow.com/glossaries/customer-planning/">Customer Planning</a></li><li><a href="https://www.subscriptionflow.com/glossaries/customer-rapport/">Customer Rapport</a></li><li><a href="https://www.subscriptionflow.com/glossaries/customer-retention/">Customer Retention</a></li><li><a href="https://www.subscriptionflow.com/glossaries/customer-satisfaction-survey/">Customer Satisfaction Survey</a></li><li><a href="https://www.subscriptionflow.com/glossaries/customer-success/">Customer Success</a></li><li><a href="https://www.subscriptionflow.com/glossaries/customer-success-metrics/">Customer Success Metrics</a></li><li><a href="https://www.subscriptionflow.com/glossaries/customer-surveys/">Customer Surveys</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-are-entitlements/">Entitlements</a></li><li><a href="https://www.subscriptionflow.com/glossaries/health-score/">Customer Health Score</a></li><li><a href="https://www.subscriptionflow.com/glossaries/net-promoter-score/">NPS</a></li><li><a href="https://www.subscriptionflow.com/glossaries/product-adoption/">Product Adoption</a></li><li><a href="https://www.subscriptionflow.com/glossaries/product-onboarding/">Product Onboarding</a></li><li><a href="https://www.subscriptionflow.com/glossaries/renewal-forecasting/">Renewal Forecasting</a></li><li><a href="https://www.subscriptionflow.com/glossaries/advocacy/">Customer Advocacy</a></li><li><a href="https://www.subscriptionflow.com/glossaries/audit-checklist/">Audit Checklist</a></li><li><a href="https://www.subscriptionflow.com/glossaries/account-expansion/">Account Expansion</a></li><li><a href="https://www.subscriptionflow.com/glossaries/account-management/">Account Management</a></li><li><a href="https://www.subscriptionflow.com/glossaries/account-planning/">Account Planning</a></li><li><a href="https://www.subscriptionflow.com/glossaries/automated-user-engagement/">Automated User Engagement</a></li><li><a href="https://www.subscriptionflow.com/glossaries/churn-indicators/">Churn Indicators</a></li><li><a href="https://www.subscriptionflow.com/glossaries/churn-risks/">Churn Risks</a></li><li><a href="https://www.subscriptionflow.com/glossaries/client-success/">Client Success</a></li><li><a href="https://www.subscriptionflow.com/glossaries/cross-sell/">Cross-selling</a></li><li><a href="https://www.subscriptionflow.com/glossaries/customer-acquisition/">Customer Acquisition</a></li><li><a href="https://www.subscriptionflow.com/glossaries/customer-engagement/">Customer Engagement</a></li><li><a href="https://www.subscriptionflow.com/glossaries/customer-expansion/">Customer Expansion</a></li><li><a href="https://www.subscriptionflow.com/glossaries/customer-feedback/">Customer Feedback</a></li><li><a href="https://www.subscriptionflow.com/glossaries/customer-health/">Customer Health</a></li><li><a href="https://www.subscriptionflow.com/glossaries/customer-journey/">Customer Journey</a></li><li><a href="https://www.subscriptionflow.com/glossaries/customer-journey-mapping/">Customer Journey Mapping</a></li><li><a href="https://www.subscriptionflow.com/glossaries/customer-lifecycle/">Customer Lifecycle</a></li><li><a href="https://www.subscriptionflow.com/glossaries/what-is-the-customer-success-playbook/">Customer Success Playbook</a></li><li><a href="https://www.subscriptionflow.com/glossaries/upsell/">Upselling</a></li></ul><ul aria-hidden="true"><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/payment-methods/">Payment Methods</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/subscription-renewals/">Subscription Renewals</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-subscription-management/">Subscription Management</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-freemium/">Freemium</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-are-recurring-payments/">Recurring Payments</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-billing-and-invoicing/">Billing and Invoicing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-a-payment-gateway/">Payment Gateway</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-membership-management/">Membership Management</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-quote-to-cash/">Quote to Cash</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-proration/">Proration</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-metered-billing/">Metered Billing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-order-to-cash/">Order to Cash</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-expansion-revenue/">Expansion Revenue</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-charm-pricing/">Charm Pricing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-are-credit-notes/">Credit Notes</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-dunning/">Dunning</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-revenue-backlog/">Revenue Backlog</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-usage-based-pricing/">Usage Based Pricing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-revenue-management/">Revenue Management</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-are-b2b-payments/">B2B Payments</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-competitive-pricing/">Competitive Pricing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-a-recurring-revenue-model/">Recurring Revenue Model</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-subscription-billing/">Subscription Billing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-a-billing-cycle/">Billing Cycle</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-average-revenue-per-user/">Average Revenue Per User</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-a-complex-subscription-model/">Complex Subscription Model</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-a-billing-schedule/">Billing Schedule</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-asc-606/">ASC 606</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-dynamic-discounting/">Dynamic Discounting</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-a-prorated-charge/">Prorated Charge</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-split-billing/">Split Billing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-an-invoice/">Invoice</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-billing-software/">Billing Software</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-pay-as-you-go/">Pay-as-you-go</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-value-based-pricing/">Value-Based Pricing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-are-payment-terms/">Payment Terms</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-negative-churn/">Negative Churn</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-revenue-leakage/">Revenue Leakage</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-prorated-credit/">Prorated Credit</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-a-gift-subscription/">Gift Subscription</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-does-billing-in-arrears-mean/">Billing in Arrears</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-third-party-billing/">Third-Party Billing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-billing-cadence/">Billing Cadence</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-variable-pricing/">Variable Pricing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-payment-orchestration/">Payment Orchestration</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-checkout/">Checkout</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-direct-billing/">Direct Billing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-checkout-in-e-commerce/">Checkout in E-commerce</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-buy-now-pay-later/">Buy Now, Pay Later</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-a-delinquent-payment/">Delinquent Payment</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-electronic-billing/">Electronic Billing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-billing-efficiency/">Billing Efficiency</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-renewal-automation/">Renewal Automation</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-one-time-payment/">One-Time Payment</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-order-management-in-ecommerce/">Order Management in E-Commerce</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-self-service-portal/">Self-Service Portal</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-annual-recurring-revenue/">Annual Recurring Revenue</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-a-subscription-box/">Subscription Box</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-a-consolidated-invoice/">Consolidated Invoice</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-order-fulfillment/">Order Fulfillment</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-subscription-commerce/">Subscription Commerce</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-a-free-trial/">Free Trial</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-b2b-billing/">B2B Billing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-advance-billing/">Advance Billing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-are-recurring-subscriptions/">Recurring Subscriptions</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-enterprise-billing/">Enterprise Billing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-subscription-lifecycle/">Subscription Lifecycle Management</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-consolidated-billing/">Consolidated Billing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-flexible-pricing/">Flexible Pricing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-are-variable-recurring-payments/">Variable Recurring Payments</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-multi-currency-pricing/">Multi-Currency Pricing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/integrated-billing/">Integrated Billing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-an-automated-billing-system/">Automated Billing System</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/friendly-fraud/">Friendly Fraud</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/billing-and-provisioning-software/">Billing and Provisioning Software</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/flat-rate-pricing/">Flat-Rate Pricing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-revops/">Revenue Operations (RevOps)</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/differential-pricing/">Differential Pricing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/credit-based-pricing/">Credit-Based Pricing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/flat-rate-billing/">Flat Rate Billing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-e-invoicing/">E-Invoicing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-a-recurring-transaction/">Recurring Transaction</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-revenue-lifecycle-management/">Revenue Cycle Management</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-configure-price-quote/">Configure, Price, Quote (CPQ)</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-payment-collection/">Payment Collection</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/annual-subscription/">Annual Subscription</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-are-chargebacks/">Chargebacks</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/odd-even-pricing/">Odd-Even Pricing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/monthly-recurring-revenue/">Monthly Recurring Revenue (MRR)</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/b2b-pricing/">B2B Pricing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/cost-based-pricing/">Cost-Based Pricing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-complex-billing/">Complex Billing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-ecommerce-fraud/">E-Commerce Fraud</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-quote-to-revenue/">Quote-to-Revenue (Q2R)</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-saas-accounting/">SaaS Accounting</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/self-billing/">Self-Billing</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/customer-onboarding/">Customer Onboarding</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/customer-planning/">Customer Planning</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/customer-rapport/">Customer Rapport</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/customer-retention/">Customer Retention</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/customer-satisfaction-survey/">Customer Satisfaction Survey</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/customer-success/">Customer Success</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/customer-success-metrics/">Customer Success Metrics</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/customer-surveys/">Customer Surveys</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-are-entitlements/">Entitlements</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/health-score/">Customer Health Score</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/net-promoter-score/">NPS</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/product-adoption/">Product Adoption</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/product-onboarding/">Product Onboarding</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/renewal-forecasting/">Renewal Forecasting</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/advocacy/">Customer Advocacy</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/audit-checklist/">Audit Checklist</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/account-expansion/">Account Expansion</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/account-management/">Account Management</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/account-planning/">Account Planning</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/automated-user-engagement/">Automated User Engagement</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/churn-indicators/">Churn Indicators</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/churn-risks/">Churn Risks</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/client-success/">Client Success</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/cross-sell/">Cross-selling</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/customer-acquisition/">Customer Acquisition</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/customer-engagement/">Customer Engagement</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/customer-expansion/">Customer Expansion</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/customer-feedback/">Customer Feedback</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/customer-health/">Customer Health</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/customer-journey/">Customer Journey</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/customer-journey-mapping/">Customer Journey Mapping</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/customer-lifecycle/">Customer Lifecycle</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/what-is-the-customer-success-playbook/">Customer Success Playbook</a></li><li><a tabindex="-1" href="https://www.subscriptionflow.com/glossaries/upsell/">Upselling</a></li></ul></div></div>
<script>
(function(){
  var S=[ {s:1,o:1,b:0}, {s:.84,o:.5,b:.6}, {s:.72,o:.2,b:2}, {s:.64,o:0,b:4} ];
  function init(gl){
    if(gl.dataset.sfxInit)return;gl.dataset.sfxInit='1';
    if(window.matchMedia&&matchMedia('(prefers-reduced-motion: reduce)').matches)return;
    var items=[].slice.call(gl.querySelectorAll('ul:first-child > li'));
    var n=items.length;if(!n)return;
    var i=0,paused=false,prevD=[];
    function render(first){
      var row=parseFloat(getComputedStyle(gl).getPropertyValue('--sfx-row'))||36;
      for(var k=0;k<n;k++){
        var d=k-i; if(d>n/2)d-=n; if(d<-n/2)d+=n;
        var ad=Math.min(Math.abs(d),3), sd=d<0?-ad:ad, st=S[ad], li=items[k];
        // items wrapping around (jumping more than one slot) move without animation
        var jump=!first&&prevD[k]!==undefined&&Math.abs(prevD[k]-sd)>1;
        li.classList.toggle('no-anim',!!jump);
        li.style.transform='translateY('+(sd*row)+'px) rotateX('+(-sd*3)+'deg) scale('+st.s+')';
        li.style.opacity=st.o; li.style.filter=st.b?'blur('+st.b+'px)':'none';
        li.classList.toggle('is-active',d===0);
        li.classList.toggle('is-near',ad===1);
        var a=li.querySelector('a'); if(a)a.tabIndex=ad<=1?0:-1;
        prevD[k]=sd;
      }
    }
    function step(){ if(paused)return; i=(i+1)%n; render(); }
    gl.addEventListener('mouseenter',function(){paused=true});
    gl.addEventListener('mouseleave',function(){paused=false});
    gl.addEventListener('focusin',function(){paused=true});
    gl.addEventListener('focusout',function(){paused=false});
    render(true); gl.classList.add('is-ready');
    setInterval(step,2000);
  }
  function run(){document.querySelectorAll('.sfx-gl').forEach(init)}
  if(document.readyState!=='loading')run();else document.addEventListener('DOMContentLoaded',run);
  window.addEventListener('load',run);
})();
</script>				</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
							</div>
							</li>
					<li class="e-n-menu-item">
				<div id="e-n-menu-title-1465" class="e-n-menu-title">
					<a class="e-n-menu-title-container e-focus e-link" href="https://www.subscriptionflow.com/pricing/">												<span class="e-n-menu-title-text">
							Pricing						</span>
					</a>									</div>
							</li>
						</ul>
			</div>
		</nav>
						</div>
				</div>
		<div data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-element elementor-element-2d7a73ac e-con-full e-flex e-con e-child" data-id="2d7a73ac" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-7f399bd4 elementor-hidden-mobile_extra elementor-hidden-mobile elementor-widget elementor-widget-html" data-id="7f399bd4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =====================================================================
     SubscriptionFlow — Header utilities + Live Search overlay
     ONE Elementor "HTML" widget: paste this whole block.
     Contains: search icon, Support, Login, Contact Us, Schedule a Demo,
     and a full-width live search overlay (grouped results, highlight,
     keyboard navigation, empty state, mobile responsive).
     ===================================================================== -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@700;800&family=Inter:wght@400;500;600&display=swap');

.sfx-utils, .sfx-utils *, .sfx-search, .sfx-search *{box-sizing:border-box}

/* ---------- HEADER UTILITIES ---------- */
.sfx-utils{
  --sfx-orange:#F47B20; --sfx-orange-deep:#D9640E;
  --sfx-ink:#14151A; --sfx-ink-2:#3A3D46; --sfx-mist:#F6F7F9;
  font-family:'Inter',system-ui,sans-serif;
  display:flex;align-items:center;gap:2px;flex-wrap:wrap;margin:0;padding:0;
}
.sfx-utils__icon{
  width:40px;height:40px;border-radius:10px;display:grid;place-items:center;
  background:none;border:0;cursor:pointer;color:var(--sfx-ink-2);transition:background .2s,color .2s;padding:0;
}
.sfx-utils__icon:hover{background:var(--sfx-mist);color:var(--sfx-ink)}
.sfx-utils__icon svg{width:18px;height:18px;display:block}
.sfx-utils__link{
  display:inline-flex;align-items:center;gap:5px;padding:10px 12px;border-radius:10px;
  font-weight:500;font-size:14.5px;color:var(--sfx-ink-2) !important;text-decoration:none !important;
  white-space:nowrap;line-height:1;transition:background .2s,color .2s;
}
.sfx-utils__link:hover{background:var(--sfx-mist);color:var(--sfx-ink) !important}
.sfx-utils__link svg{width:13px;height:13px;color:var(--sfx-orange);flex-shrink:0}
.sfx-utils__btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;margin-left:10px;border-radius:999px;
  background:var(--sfx-orange);color:#fff !important;text-decoration:none !important;
  font-family:'Manrope',system-ui,sans-serif;font-weight:700;font-size:15px;line-height:1;white-space:nowrap;
  box-shadow:0 8px 18px -10px rgba(244,123,32,.9);transition:background .2s,transform .2s,box-shadow .2s;
}
.sfx-utils__btn svg{width:15px;height:15px;transition:transform .25s}
.sfx-utils__btn:hover{background:var(--sfx-orange-deep);transform:translateY(-1px);box-shadow:0 12px 22px -10px rgba(244,123,32,1)}
.sfx-utils__btn:hover svg{transform:translateX(3px)}

/* ---------- SEARCH OVERLAY ---------- */
body > .sfx-search{position:fixed !important;inset:var(--sfx-top,0px) 0 0 0 !important;z-index:2147483000 !important}
.sfx-search{
  --sfx-orange:#F47B20; --sfx-orange-deep:#D9640E; --sfx-orange-soft:#FFF4EA; --sfx-orange-tint:#FFE2C7;
  --sfx-ink:#14151A; --sfx-ink-2:#3A3D46; --sfx-slate:#6E7280; --sfx-mist:#F6F7F9; --sfx-line:#E9EAEE;
  font-family:'Inter',system-ui,sans-serif;
  position:fixed;left:0;right:0;top:var(--sfx-top,0px);bottom:0;z-index:99999;
  display:none;
}
.sfx-search.is-open{display:block}
.sfx-search__backdrop{position:absolute;inset:0;background:rgba(15,22,38,.45);backdrop-filter:blur(3px);opacity:0;transition:opacity .25s}
.sfx-search.is-open .sfx-search__backdrop{opacity:1}
.sfx-search__panel{
  position:relative;background:#fff;border-bottom:1px solid var(--sfx-line);
  box-shadow:0 30px 60px -24px rgba(15,22,38,.35);
  transform:translateY(-12px);opacity:0;transition:transform .3s cubic-bezier(.22,.8,.3,1),opacity .25s;
  max-height:calc(100vh - var(--sfx-top,0px));display:flex;flex-direction:column;
}
.sfx-search.is-open .sfx-search__panel{transform:translateY(0);opacity:1}
.sfx-search__inner{width:100%;max-width:1180px;margin:0 auto;padding:28px 24px 24px;display:flex;flex-direction:column;min-height:0}

.sfx-search__form{display:flex;align-items:stretch;border:1.5px solid var(--sfx-line);border-radius:14px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}
.sfx-search__form:focus-within{border-color:var(--sfx-orange);box-shadow:0 0 0 4px rgba(244,123,32,.12)}
.sfx-search__field{flex:1;display:flex;align-items:center;gap:12px;padding:0 18px;min-width:0}
.sfx-search__field svg{width:20px;height:20px;color:var(--sfx-slate);flex-shrink:0}
.sfx-search__input{
  flex:1 1 auto;width:100% !important;min-width:0;border:0 !important;outline:0 !important;background:transparent !important;box-shadow:none !important;
  font:500 17px/1.3 'Inter',system-ui,sans-serif !important;color:#14151A !important;-webkit-text-fill-color:#14151A !important;
  padding:16px 0 !important;margin:0 !important;height:auto !important;min-height:52px;border-radius:0 !important;
}
.sfx-search__input:focus{border:0 !important;outline:0 !important;box-shadow:none !important;background:transparent !important}
.sfx-search__input::placeholder{color:#9AA0AE}
button.sfx-search__clear, .sfx-search__clear{display:none;width:32px !important;height:32px !important;border:0 !important;border-radius:8px !important;background:#F6F7F9 !important;color:#6E7280 !important;cursor:pointer;place-items:center;padding:0 !important;margin:0 !important;flex-shrink:0;line-height:1 !important}
.sfx-search__clear.is-visible{display:grid}
.sfx-search__clear svg{width:14px;height:14px}
button.sfx-search__submit, .sfx-search__submit{
  border:0 !important;cursor:pointer;padding:0 34px !important;margin:0 !important;border-radius:0 !important;
  background:#F47B20 !important;background-image:none !important;color:#fff !important;
  font:700 15.5px/1 'Manrope',system-ui,sans-serif !important;transition:background .2s;white-space:nowrap;min-height:52px;
}
button.sfx-search__submit:hover, .sfx-search__submit:hover{background:#D9640E !important}
button.sfx-search__close, .sfx-search__close{
  position:absolute;top:18px;right:20px;width:42px !important;height:42px !important;border-radius:50% !important;border:0 !important;
  background:#F6F7F9 !important;color:#3A3D46 !important;cursor:pointer;display:grid !important;place-items:center;
  padding:0 !important;margin:0 !important;line-height:1 !important;transition:background .2s,transform .2s;
}
.sfx-search__close svg{margin:0 !important}
.sfx-search__close:hover{background:var(--sfx-orange-soft);color:var(--sfx-orange-deep);transform:rotate(90deg)}
.sfx-search__close svg{width:18px;height:18px}

/* results */
.sfx-search__results{margin-top:18px;overflow-y:auto;overflow-x:hidden;min-height:0;max-height:min(62vh,640px);padding-right:6px;scrollbar-width:thin;scrollbar-color:#FFD9BD transparent;overscroll-behavior:contain}
.sfx-search__results::-webkit-scrollbar{width:8px}
.sfx-search__results::-webkit-scrollbar-thumb{background:#FFD9BD;border-radius:8px}
.sfx-search__results::-webkit-scrollbar-thumb:hover{background:#F47B20}
.sfx-search__hint{padding:6px 2px;font-size:13px;color:var(--sfx-slate)}
.sfx-search__hint b{color:var(--sfx-ink-2);font-weight:600}
.sfx-search__hint kbd{display:inline-block;padding:1px 6px;border:1px solid var(--sfx-line);border-radius:5px;background:var(--sfx-mist);font:600 11px/1.6 'Inter',system-ui,sans-serif;color:var(--sfx-ink-2);margin:0 2px}
.sfx-search__group{margin-bottom:14px}
.sfx-search__group-title{
  display:flex;align-items:center;gap:8px;margin:0 0 6px;padding:0 2px;
  font:800 11px/1 'Manrope',system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--sfx-orange-deep);
}
.sfx-search__group-title::after{content:"";flex:1;height:1px;background:var(--sfx-line)}
.sfx-search__group-title span{font:600 11px/1 'Inter',system-ui,sans-serif;letter-spacing:0;text-transform:none;color:var(--sfx-slate);padding:3px 8px;border-radius:999px;background:var(--sfx-mist)}
.sfx-search__list{list-style:none !important;margin:0 !important;padding:0 !important}
.sfx-search__list li{margin:0 !important;padding:0 !important}
.sfx-search__item{
  display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;
  color:var(--sfx-ink) !important;text-decoration:none !important;transition:background .15s;
}
.sfx-search__item:hover,.sfx-search__item.is-active{background:var(--sfx-mist)}
.sfx-search__item.is-active{outline:2px solid var(--sfx-orange-tint)}
.sfx-search__item-icon{width:34px;height:34px;flex-shrink:0;border-radius:9px;background:var(--sfx-orange-soft);color:var(--sfx-orange-deep);display:grid;place-items:center}
.sfx-search__item-icon svg{width:16px;height:16px}
.sfx-search__item-body{min-width:0;flex:1}
.sfx-search__item-title{font-weight:600;font-size:15px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sfx-search__item-title mark{background:none;color:var(--sfx-orange-deep);font-weight:700;padding:0}
.sfx-search__item-url{font-size:12px;color:var(--sfx-slate);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sfx-search__item-arrow{width:14px;height:14px;color:var(--sfx-orange);opacity:0;transform:translateX(-4px);transition:.2s;flex-shrink:0}
.sfx-search__item:hover .sfx-search__item-arrow,.sfx-search__item.is-active .sfx-search__item-arrow{opacity:1;transform:translateX(0)}
.sfx-search__all{
  display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:10px 14px;border-radius:10px;
  font:700 14px/1 'Manrope',system-ui,sans-serif;color:var(--sfx-orange-deep) !important;text-decoration:none !important;transition:background .2s;
}
.sfx-search__all:hover{background:var(--sfx-orange-soft)}
.sfx-search__all svg{width:14px;height:14px}
.sfx-search__all.is-active{background:var(--sfx-orange-soft);outline:2px solid var(--sfx-orange-tint)}

/* states */
.sfx-search__state{display:flex;align-items:center;gap:12px;padding:22px 12px;color:var(--sfx-slate);font-size:14px}
.sfx-search__state svg{width:22px;height:22px;color:var(--sfx-orange);flex-shrink:0}
.sfx-search__state b{display:block;color:var(--sfx-ink);font-weight:600;margin-bottom:2px}
.sfx-search__spinner{width:20px;height:20px;border:2.5px solid var(--sfx-orange-tint);border-top-color:var(--sfx-orange);border-radius:50%;animation:sfxSpin .8s linear infinite;flex-shrink:0}
@keyframes sfxSpin{to{transform:rotate(360deg)}}

/* quick links (before typing) */
.sfx-search__quick{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:4px 2px 2px}
.sfx-search__quick-label{font-size:12px;font-weight:600;color:var(--sfx-slate);text-transform:uppercase;letter-spacing:.08em;margin-right:4px}
.sfx-search__chip{padding:7px 13px;border-radius:999px;border:1px solid var(--sfx-line);background:#fff;font-size:13px;font-weight:600;color:var(--sfx-ink-2) !important;text-decoration:none !important;cursor:pointer;transition:.2s}
.sfx-search__chip:hover{border-color:var(--sfx-orange);background:var(--sfx-orange-soft);color:var(--sfx-orange-deep) !important}

body.sfx-search-lock{overflow:hidden}

.sfx-search__cancel{display:none}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1024px){
  .sfx-search__inner{padding:22px 20px 20px}
  .sfx-search__submit{padding:0 24px}
}
@media (max-width:767px){
  .sfx-utils{flex-direction:column;align-items:stretch;gap:6px}
  .sfx-utils__icon{width:100%;justify-content:flex-start;display:flex;align-items:center;gap:10px;padding:12px 4px;height:auto;font:500 15px/1 'Inter',system-ui,sans-serif}
  .sfx-utils__icon::after{content:"Search"}
  .sfx-utils__link{padding:12px 4px;font-size:15px;justify-content:flex-start}
  .sfx-utils__btn{margin:8px 0 0;padding:14px 20px;width:100%}

  .sfx-search{top:0}
  .sfx-search__panel{height:auto;max-height:85vh;border-radius:0 0 22px 22px}
  .sfx-search__inner{padding:60px 16px 16px;height:auto;position:relative}
  /* visible Cancel button under the form */
  button.sfx-search__cancel, .sfx-search__cancel{
    display:inline-flex !important;align-items:center;justify-content:center;width:100% !important;margin:10px 0 0 !important;padding:13px !important;
    border:1.5px solid #E9EAEE !important;border-radius:12px !important;background:#fff !important;color:#3A3D46 !important;cursor:pointer;
    font:600 14.5px/1 'Inter',system-ui,sans-serif !important;line-height:1 !important;
  }
  button.sfx-search__cancel:active{background:#F6F7F9 !important}
  /* big, obvious close at top-right */
  .sfx-search__close{top:12px;right:14px;width:40px;height:40px;background:#FFF4EA;color:#D9640E}
  /* hint under the backdrop so users know they can tap outside */
  .sfx-search__backdrop::after{
    content:"Tap anywhere to close";position:absolute;left:0;right:0;bottom:28px;text-align:center;
    color:#fff;font:600 13px/1 'Inter',system-ui,sans-serif;opacity:.85;
  }
  .sfx-search__form{flex-direction:column;border-radius:12px}
  .sfx-search__field{padding:0 14px;min-height:54px}
  .sfx-search__input{font-size:16px !important;padding:14px 0 !important;min-height:50px}
  button.sfx-search__submit, .sfx-search__submit{padding:15px !important;min-height:50px;border-top:1px solid rgba(255,255,255,.25) !important;width:100%}
  .sfx-search__results{margin-top:14px;flex:1;max-height:none}
  .sfx-search__item{padding:10px 8px;gap:10px}
  .sfx-search__item-title{font-size:14.5px}
  .sfx-search__item-url{display:none}
  .sfx-search__hint .sfx-kb{display:none}
}
@media (prefers-reduced-motion:reduce){
  .sfx-search__backdrop,.sfx-search__panel,.sfx-utils__btn,.sfx-search__close{transition:none}
  .sfx-search__spinner{animation:none}
}

/* browser ka apna clear (X) hide — sirf hamara clear button rahe */
.sfx-search input[type="search"]::-webkit-search-cancel-button,
.sfx-search input[type="search"]::-webkit-search-decoration,
.sfx-search input[type="search"]::-webkit-search-results-button,
.sfx-search input[type="search"]::-webkit-search-results-decoration{
  -webkit-appearance:none !important;appearance:none !important;display:none !important;
}
.sfx-search input[type="search"]{-webkit-appearance:none;appearance:none}

/* ===== HARD OVERRIDES — theme kit button rules se oopar (mat hatayein) ===== */
html body .sfx-search .sfx-search__field input.sfx-search__input,
html body .sfx-search .sfx-search__field input.sfx-search__input:focus{
  color:#14151A !important;-webkit-text-fill-color:#14151A !important;opacity:1 !important;
  background:transparent !important;background-color:transparent !important;
  border:0 !important;outline:0 !important;box-shadow:none !important;
  width:100% !important;min-height:50px !important;height:auto !important;
  font-size:17px !important;padding:14px 0 !important;margin:0 !important;border-radius:0 !important;
}
html body .sfx-search button.sfx-search__submit{
  background:#F47B20 !important;background-color:#F47B20 !important;background-image:none !important;
  color:#fff !important;-webkit-text-fill-color:#fff !important;border:0 !important;
  padding:0 34px !important;margin:0 !important;min-height:52px !important;opacity:1 !important;visibility:visible !important;
}
html body .sfx-search button.sfx-search__submit:hover{background:#D9640E !important;background-color:#D9640E !important}
html body .sfx-search button.sfx-search__cancel{
  background:#fff !important;background-color:#fff !important;color:#3A3D46 !important;-webkit-text-fill-color:#3A3D46 !important;
  border:1.5px solid #E9EAEE !important;padding:13px !important;width:100% !important;
}
html body .sfx-search button.sfx-search__close{
  background:#F6F7F9 !important;background-color:#F6F7F9 !important;color:#3A3D46 !important;
  width:42px !important;height:42px !important;padding:0 !important;display:grid !important;place-items:center !important;
}
html body .sfx-search button.sfx-search__clear{
  background:#F6F7F9 !important;background-color:#F6F7F9 !important;color:#6E7280 !important;
  width:32px !important;height:32px !important;padding:0 !important;
}
@media (max-width:767px){
  html body .sfx-search button.sfx-search__submit{width:100% !important;padding:15px !important;min-height:50px !important}
  html body .sfx-search .sfx-search__field input.sfx-search__input{font-size:16px !important}
}
</style>

<!-- ===== HEADER UTILITIES ===== -->
<div class="sfx-utils">
  <button type="button" class="sfx-utils__icon" data-sfx-open aria-label="Open search" aria-haspopup="dialog">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/></svg>
  </button>
  <a class="sfx-utils__link" href="https://support.subscriptionflow.com/hc/en-us">Support
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
  <a class="sfx-utils__link" href="https://www.subscriptionflow.com/login/">Login
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
  <a class="sfx-utils__link" href="https://www.subscriptionflow.com/contact/">Contact Us</a>
  <a class="sfx-utils__btn sflow-el-btn tb-btn demo-schedule" href="#">Schedule a Demo
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
</div>

<!-- ===== SEARCH OVERLAY ===== -->
<div class="sfx-search" id="sfxSearch" role="dialog" aria-modal="true" aria-label="Search SubscriptionFlow">
  <div class="sfx-search__backdrop" data-sfx-close></div>
  <div class="sfx-search__panel">
    <button type="button" class="sfx-search__close" data-sfx-close aria-label="Close search">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M6 6l12 12M18 6 6 18"/></svg>
    </button>
    <div class="sfx-search__inner">
      <form class="sfx-search__form" role="search" method="get" action="/" id="sfxForm">
        <div class="sfx-search__field">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/></svg>
          <input class="sfx-search__input" type="search" name="s" id="sfxInput" placeholder="Search features, solutions, guides…" autocomplete="off" aria-label="Search" aria-controls="sfxResults" aria-autocomplete="list">
          <button type="button" class="sfx-search__clear" id="sfxClear" aria-label="Clear">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M6 6l12 12M18 6 6 18"/></svg>
          </button>
        </div>
        <button type="submit" class="sfx-search__submit">Search</button>
      </form>
      <button type="button" class="sfx-search__cancel" data-sfx-close>Cancel</button>
      <div class="sfx-search__results" id="sfxResults" aria-live="polite"></div>
    </div>
  </div>
</div>

<script>
(function(){
  if(window.__sfxSearchInit) return; window.__sfxSearchInit = true;  /* double-load guard */

  /* ================= CONFIG ================= */
  var SITE      = window.location.origin;                 // your site URL
  var API       = SITE + '/wp-json/wp/v2/search';         // WordPress REST search
  var MIN_CHARS = 2;
  var LIMIT_PAGES = 12;                                   // max feature/solution pages
  var LIMIT_POSTS = 30;                                   // max blog posts (REST max is 100)
  var DEBOUNCE  = 220;                                    // ms
  var QUICK = [                                           // shown before typing
    {t:'Recurring Billing', u:'/recurring-billing-software/'},
    {t:'Usage-Based Billing', u:'/usage-based-billing-software/'},
    {t:'Payment Retries', u:'/dunning-management/'},
    {t:'Integrations', u:'/integrations/'},
    {t:'Pricing', u:'/pricing/'},
    {t:'API Docs', u:'/api/documentation/'}
  ];
  /* Group pages by URL keyword → label (order = display order) */
  var GROUPS = [
    {key:'solutions', label:'Solutions', match:/\/(saas|ecommerce|elearning|magazine|membership|gym|nonprofit|non-profit|enterprise|small-business|billing-model|flat-fee|hybrid|pay-per-use|demand-based|subscription-box|finance-accounting|marketing-and-sales|payment-collection-reconciliation|other-industries|ott)/i, icon:'grid'},
    {key:'features',  label:'Features',  match:/./, icon:'spark'},   /* any other page */
    {key:'blog',      label:'Blog & Guides', match:null, icon:'book'} /* posts */
  ];

  /* ================= ELEMENTS ================= */
  var root    = document.getElementById('sfxSearch');
  var input   = document.getElementById('sfxInput');
  var results = document.getElementById('sfxResults');
  var clearBt = document.getElementById('sfxClear');
  var form    = document.getElementById('sfxForm');
  var opener  = document.querySelector('[data-sfx-open]');
  var lastFocus = null, timer = null, ctrl = null, activeIdx = -1, items = [];

  /* Move the overlay to <body data-rsssl=1> so it is never trapped inside an Elementor
     container (transform/overflow) and still works when the widget is hidden on mobile.
     Done now AND again after Elementor finishes rendering. */
  function toBody(){ if(root.parentNode !== document.body) document.body.appendChild(root); }
  toBody();
  document.addEventListener('DOMContentLoaded', toBody);
  window.addEventListener('load', toBody);

  var ICONS = {
    spark:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8z"/></svg>',
    grid:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><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"/><rect x="14" y="14" width="7" height="7" rx="1.5"/></svg>',
    book:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h6a3 3 0 0 1 3 3v13a2 2 0 0 0-2-2H4z"/><path d="M20 4h-6a3 3 0 0 0-3 3v13a2 2 0 0 1 2-2h7z"/></svg>',
    arrow:'<svg class="sfx-search__item-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>',
    info:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="9"/><path d="M12 8h.01M11 12h1v5h1"/></svg>',
    empty:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5M8.5 8.5l5 5M13.5 8.5l-5 5"/></svg>'
  };

  /* ================= OPEN / CLOSE ================= */
  function headerOffset(){
    var h = opener && opener.closest('header, .elementor-location-header, [data-elementor-type="header"]');
    if(!h) return 0;
    var r = h.getBoundingClientRect();
    return Math.max(0, Math.round(r.bottom));
  }
  function open(){
    lastFocus = document.activeElement;
    root.style.setProperty('--sfx-top', headerOffset() + 'px');
    root.classList.add('is-open');
    document.body.classList.add('sfx-search-lock');
    opener && opener.setAttribute('aria-expanded','true');
    setTimeout(function(){ input.focus(); }, 30);
    if(!input.value.trim()) renderQuick();
  }
  function close(){
    root.classList.remove('is-open');
    document.body.classList.remove('sfx-search-lock');
    opener && opener.setAttribute('aria-expanded','false');
    if(lastFocus && lastFocus.focus) lastFocus.focus();
  }
  /* Any element with data-sfx-open OR a link to #sfx-search opens the overlay
     (use href="#sfx-search" on a Menu widget item for mobile). */
  document.addEventListener('click', function(e){
    var t = e.target.closest('[data-sfx-open], a[href="#sfx-search"], a[href$="#sfx-search"]');
    if(!t) return;
    e.preventDefault(); open();
  });
  root.querySelectorAll('[data-sfx-close]').forEach(function(b){ b.addEventListener('click', close); });
  document.addEventListener('keydown', function(e){ if(e.key === 'Escape' && root.classList.contains('is-open')) close(); });

  /* Click / tap ANYWHERE outside the search panel closes it (mobile menu, page, header…) */
  function outside(e){
    if(!root.classList.contains('is-open')) return;
    var panel = root.querySelector('.sfx-search__panel');
    if(panel.contains(e.target)) return;
    if(e.target.closest('[data-sfx-open], a[href="#sfx-search"], a[href$="#sfx-search"]')) return;
    close();
  }
  document.addEventListener('pointerdown', outside, true);

  /* Close when the Elementor mobile menu toggle (hamburger / X) is used */
  document.addEventListener('click', function(e){
    if(e.target.closest('.e-n-menu-toggle, .elementor-menu-toggle')) close();
  }, true);
  window.addEventListener('resize', function(){ if(root.classList.contains('is-open')) root.style.setProperty('--sfx-top', headerOffset() + 'px'); });

  /* ================= HELPERS ================= */
  function esc(s){ return String(s).replace(/[&<>"']/g, function(c){ return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]; }); }
  function decode(html){ var t = document.createElement('textarea'); t.innerHTML = html; return t.value; }
  function highlight(title, q){
    var safe = esc(title);
    var words = q.trim().split(/\s+/).filter(Boolean).map(function(w){ return w.replace(/[.*+?^${}()|[\]\\]/g,'\\$&'); });
    if(!words.length) return safe;
    return safe.replace(new RegExp('(' + words.join('|') + ')', 'ig'), '<mark>$1</mark>');
  }
  function prettyUrl(u){ try{ var a = new URL(u); return a.pathname.replace(/\/$/,'') || '/'; }catch(e){ return u; } }
  function searchUrl(q){ return SITE + '/?s=' + encodeURIComponent(q); }

  /* ================= RENDERERS ================= */
  function renderQuick(){
    activeIdx = -1; items = [];
    var html = '<div class="sfx-search__hint">Type at least <b>'+MIN_CHARS+' letters</b> to see live results. <span class="sfx-kb"><kbd>↑</kbd><kbd>↓</kbd> to navigate, <kbd>Enter</kbd> to open, <kbd>Esc</kbd> to close.</span></div>';
    html += '<div class="sfx-search__quick"><span class="sfx-search__quick-label">Popular</span>';
    QUICK.forEach(function(q){ html += '<a class="sfx-search__chip" href="'+esc(SITE+q.u)+'">'+esc(q.t)+'</a>'; });
    html += '</div>';
    results.innerHTML = html;
  }
  function renderLoading(){ results.innerHTML = '<div class="sfx-search__state"><span class="sfx-search__spinner"></span>Searching…</div>'; }
  function renderError(q){
    results.innerHTML = '<div class="sfx-search__state">'+ICONS.info+'<div><b>Live results unavailable</b>Press Enter or click Search to see all results.</div></div>' + allLink(q);
    bindItems();
  }
  function renderEmpty(q){
    results.innerHTML = '<div class="sfx-search__state">'+ICONS.empty+'<div><b>No results for “'+esc(q)+'”</b>Try a different keyword, e.g. “billing”, “invoice”, “Stripe”.</div></div>' + allLink(q);
    bindItems();
  }
  function allLink(q){
    return '<a class="sfx-search__all" href="'+esc(searchUrl(q))+'">See all results for “'+esc(q)+'”'+ICONS.arrow.replace('class="sfx-search__item-arrow" ','')+'</a>';
  }
  function classify(r){
    if(r.subtype === 'post') return 'blog';
    var path = prettyUrl(r.url);
    for(var i=0;i<GROUPS.length;i++){ var g = GROUPS[i]; if(g.match && g.match.test(path)) return g.key; }
    return 'features';
  }
  function renderResults(list, q){
    var buckets = {};
    list.forEach(function(r){ var k = classify(r); (buckets[k] = buckets[k] || []).push(r); });
    var html = '';
    GROUPS.forEach(function(g){
      var arr = buckets[g.key]; if(!arr || !arr.length) return;
      html += '<div class="sfx-search__group"><div class="sfx-search__group-title">'+g.label+'<span>'+arr.length+'</span></div><ul class="sfx-search__list">';
      arr.forEach(function(r){
        html += '<li><a class="sfx-search__item" href="'+esc(r.url)+'" data-item>'
              +   '<span class="sfx-search__item-icon">'+ICONS[g.icon]+'</span>'
              +   '<span class="sfx-search__item-body"><span class="sfx-search__item-title">'+highlight(decode(r.title), q)+'</span>'
              +   '<span class="sfx-search__item-url">'+esc(prettyUrl(r.url))+'</span></span>'
              +   ICONS.arrow
              + '</a></li>';
      });
      html += '</ul></div>';
    });
    html += allLink(q);
    results.innerHTML = html;
    bindItems();
  }
  function bindItems(){
    items = Array.prototype.slice.call(results.querySelectorAll('[data-item], .sfx-search__all'));
    activeIdx = -1;
    items.forEach(function(el, i){ el.addEventListener('mouseenter', function(){ setActive(i); }); });
  }
  function setActive(i){
    items.forEach(function(el){ el.classList.remove('is-active'); });
    activeIdx = i;
    if(i >= 0 && items[i]){ items[i].classList.add('is-active'); items[i].scrollIntoView({block:'nearest'}); }
  }

  /* ================= FETCH ================= */
  function doSearch(q){
    if(ctrl) ctrl.abort();
    ctrl = ('AbortController' in window) ? new AbortController() : null;
    renderLoading();
    var base = API + '?search=' + encodeURIComponent(q) + '&_fields=id,title,url,subtype';
    var opts = {signal: ctrl ? ctrl.signal : undefined, credentials:'same-origin'};
    var get  = function(u){ return fetch(u, opts).then(function(r){ if(!r.ok) throw new Error(r.status); return r.json(); }); };
    Promise.all([
      get(base + '&subtype=page&per_page=' + LIMIT_PAGES),
      get(base + '&subtype=post&per_page=' + LIMIT_POSTS)
    ])
      .then(function(res){
        if(input.value.trim() !== q) return;               // stale response
        var data = [].concat(Array.isArray(res[0]) ? res[0] : [], Array.isArray(res[1]) ? res[1] : []);
        if(!data.length) return renderEmpty(q);
        renderResults(data, q);
      })
      .catch(function(err){ if(err && err.name === 'AbortError') return; renderError(q); });
  }

  /* ================= EVENTS ================= */
  input.addEventListener('input', function(){
    var q = input.value.trim();
    clearBt.classList.toggle('is-visible', q.length > 0);
    clearTimeout(timer);
    if(q.length < MIN_CHARS){ renderQuick(); return; }
    timer = setTimeout(function(){ doSearch(q); }, DEBOUNCE);
  });
  clearBt.addEventListener('click', function(){ input.value=''; clearBt.classList.remove('is-visible'); renderQuick(); input.focus(); });
  input.addEventListener('keydown', function(e){
    if(!items.length) return;
    if(e.key === 'ArrowDown'){ e.preventDefault(); setActive((activeIdx + 1) % items.length); }
    else if(e.key === 'ArrowUp'){ e.preventDefault(); setActive((activeIdx - 1 + items.length) % items.length); }
    else if(e.key === 'Enter' && activeIdx >= 0){ e.preventDefault(); window.location.href = items[activeIdx].href; }
  });
  form.addEventListener('submit', function(e){
    var q = input.value.trim();
    if(!q){ e.preventDefault(); input.focus(); }
  });
  form.setAttribute('action', SITE + '/');
})();
</script>				</div>
				<div class="elementor-element elementor-element-7b34553a elementor-widget elementor-widget-html" data-id="7b34553a" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =====================================================================
     SubscriptionFlow — MOBILE MENU (self-contained)  FINAL v11
     Elementor HTML widget mein paste karein (header ke right side container mein,
     jahan hamburger hona chahiye). Ye widget SIRF ≤1200px pe dikhta hai.
     Elementor Menu widget → Advanced → Responsive → Hide on Tablet + Mobile.
     Search row "#sfx-search" link se aapka search overlay kholti hai.
     ===================================================================== -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');

.sfm, .sfm *{box-sizing:border-box}
.sfm, .sfm__drawer{
  --o:#F47B20; --od:#D9640E; --os:#FFF4EA; --ot:#FFE2C7;
  --ink:#14151A; --ink2:#3A3D46; --slate:#6E7280; --mist:#F6F7F9; --line:#E9EAEE; --navy:#0F1626;
  --d:'Manrope',system-ui,sans-serif; --b:'Inter',system-ui,sans-serif;
  font-family:var(--b);color:var(--ink);
}
.sfm__drawer, .sfm__drawer *{box-sizing:border-box}
@media (max-width:1200px){ .elementor-widget-n-menu{display:none !important} }
@media (min-width:1201px){ .sfm__drawer{display:none !important} }
@media (max-width: 767px) {
    div#sfxResults {
    max-height: 440px;
}
}

/* ---------- burger ---------- */
button.sfm__burger, .sfm__burger{
  width:42px !important;height:42px !important;border:0 !important;border-radius:10px !important;
  background:none !important;background-color:transparent !important;background-image:none !important;box-shadow:none !important;
  display:none;place-items:center;cursor:pointer;padding:0 !important;margin:0 !important;line-height:1 !important;
  position:fixed;top:12px;right:16px;z-index:999;
}
.sfm__burger.is-mounted{position:absolute}
@media (max-width:1200px){ button.sfm__burger, .sfm__burger{display:grid !important} }
.sfm__burger span{display:block;width:22px;height:2px;background:#14151A;border-radius:2px;transition:.3s}
.sfm__burger span+span{margin-top:5px}
.sfm__burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.sfm__burger.is-open span:nth-child(2){opacity:0}
.sfm__burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* widget khud jagah na le, aur kisi parent ka transform/overflow drawer ko na phansaye */
.elementor-widget-html:has(.sfm){height:0;min-height:0;margin:0;padding:0;overflow:visible !important;transform:none !important}
.sfm__drawer{contain:none !important;content-visibility:visible !important}

/* ---------- drawer ---------- */
.sfm__drawer{position:fixed;left:0;right:0;bottom:0;top:0;z-index:99990;background:#fff;overflow:hidden;
  transform:translateX(100%);visibility:hidden;transition:transform .35s cubic-bezier(.22,.8,.3,1),visibility 0s .35s}
.sfm__drawer.is-open{transform:translateX(0);visibility:visible;transition:transform .35s cubic-bezier(.22,.8,.3,1),visibility 0s}
body.sfm-lock{overflow:hidden !important}

.sfm__lvl{position:absolute;inset:0;display:flex;flex-direction:column;background:#fff;transition:transform .35s cubic-bezier(.22,.8,.3,1)}
.sfm__scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 20px 24px;scrollbar-width:none}
.sfm__scroll::-webkit-scrollbar{display:none}
.sfm__lvl--2{transform:translateX(100%)}
.sfm__lvl--2.is-active{transform:translateX(0)}
.sfm__drawer.has-sub .sfm__lvl--1{transform:translateX(-18%)}

/* level 1 rows */
button.sfm__row, .sfm__row{width:100% !important;display:flex !important;align-items:center;justify-content:space-between;gap:12px;
  padding:18px 0 !important;margin:0 !important;border:0 !important;border-bottom:1px dashed #E3E5EA !important;border-radius:0 !important;
  background:none !important;background-image:none !important;box-shadow:none !important;cursor:pointer;text-align:left;text-decoration:none !important;
  font-family:var(--d) !important;font-weight:700;font-size:17px;line-height:1.3 !important;color:var(--ink) !important}
.sfm__row svg{width:16px;height:16px;color:var(--o);flex-shrink:0}
.sfm__row--sec{font-weight:500;font-family:var(--b);font-size:16px;color:var(--ink2) !important}
.sfm__row--search{gap:10px;justify-content:flex-start;font-weight:600}
.sfm__row--search svg{width:18px;height:18px}

/* level 2 bar */
.sfm__bar{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line);flex-shrink:0}
button.sfm__back, .sfm__back{display:inline-flex !important;align-items:center;gap:6px;padding:8px 10px 8px 4px !important;margin:0 !important;border:0 !important;background:none !important;background-image:none !important;cursor:pointer;font:600 15px var(--b) !important;color:var(--ink) !important;line-height:1 !important}
.sfm__back svg{width:16px;height:16px;color:var(--o)}
.sfm__title{font:800 15px var(--d)}
.sfm__bar--top{display:flex;padding:10px 16px;position:relative;min-height:60px}
.sfm__bar--top .sfm__logo,
.sfm img.sfm__logo{height:36px !important;width:auto !important;max-width:170px !important;max-height:36px !important;display:block !important;margin:0 !important;object-fit:contain}
.sfm__bar--top .sfm__x{position:absolute !important;right:12px;top:50%;transform:translateY(-50%)}
button.sfm__x, .sfm__x{width:40px !important;height:40px !important;border:0 !important;background:#F6F7F9 !important;background-image:none !important;
  display:grid !important;place-items:center;border-radius:50% !important;cursor:pointer;padding:0 !important;margin:0 !important;line-height:1 !important;flex-shrink:0}
.sfm__x svg{width:18px;height:18px;color:var(--ink);display:block;margin:0 !important}

/* bottom CTA bar */
.sfm__cta{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;flex-shrink:0}
.sfm__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 14px;border-radius:999px;text-decoration:none !important;
  font:700 14.5px var(--d);white-space:nowrap}
.sfm__btn--ghost{border:1.5px solid var(--ink);color:var(--ink) !important;background:#fff}
.sfm__btn--solid{background:var(--o);color:#fff !important;box-shadow:0 8px 18px -10px rgba(244,123,32,.9)}
.sfm__btn svg{width:15px;height:15px}

/* ---------- level 2 content ---------- */
.sfm__sec{padding:16px 0;border-bottom:1px solid var(--line)}
.sfm__sec:last-child{border-bottom:0}
.sfm__h{display:flex;align-items:center;gap:8px;margin:0 0 8px;font:800 11.5px var(--d);letter-spacing:.13em;text-transform:uppercase;color:var(--od)}
.sfm__badge{padding:2px 8px;border-radius:999px;background:var(--o);color:#fff;font:800 9.5px var(--d);letter-spacing:.08em}
.sfm__list{list-style:none !important;margin:0 !important;padding:0 !important}
.sfm__list li{margin:0 !important;padding:0 !important}
.sfm__item{display:flex;gap:12px;padding:9px 0;text-decoration:none !important;color:var(--ink) !important}
.sfm__ico{width:34px;height:34px;flex-shrink:0;border-radius:9px;display:grid;place-items:center;background:var(--os);color:var(--od)}
.sfm__ico svg{width:16px;height:16px}
.sfm__t{display:block;font:700 15px/1.3 var(--d);color:var(--ink)}
.sfm__s{display:block;font:400 12.5px/1.4 var(--b);color:var(--slate);margin-top:2px}
.sfm__plain{display:flex;justify-content:space-between;align-items:center;padding:11px 0;font:500 15px var(--b);color:var(--ink2) !important;text-decoration:none !important}
.sfm__plain svg{width:13px;height:13px;color:var(--o)}
.sfm__more{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font:700 14px var(--d);color:var(--od) !important;text-decoration:none !important}
.sfm__more svg{width:14px;height:14px}
.sfm__accent{background:linear-gradient(180deg,var(--os),#fff 90%);border:1px solid var(--ot);border-radius:14px;padding:12px 12px 6px;margin:6px 0}
.sfm__tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sfm__tile{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;font:600 14px var(--b);color:var(--ink2) !important;text-decoration:none !important;background:#fff}
.sfm__tile svg{width:16px;height:16px;color:var(--o);flex-shrink:0}
.sfm__cards{display:flex;flex-direction:column;gap:8px}
.sfm__card{padding:12px 14px;border-radius:12px;background:var(--mist);text-decoration:none !important;display:flex;flex-direction:column;gap:2px}
.sfm__card b{font:800 14.5px var(--d);color:var(--ink)}
.sfm__card span{font:400 12.5px var(--b);color:var(--slate)}
.sfm__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.sfm__chip{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;font:600 12.5px var(--b);color:var(--ink2) !important;text-decoration:none !important;white-space:nowrap}
.sfm__chip--more{border-style:dashed;color:var(--od) !important}

/* dark promo cards */
.sfm__promo{background:var(--navy);color:#fff;border-radius:16px;padding:18px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;margin:4px 0 6px}
.sfm__promo::before{content:"";position:absolute;top:-120px;right:-100px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(244,123,32,.5),transparent 65%);pointer-events:none}
.sfm__promo>*{position:relative;margin:0}
.sfm__promo .sfm__eye{font:800 11px var(--d) !important;letter-spacing:.14em;text-transform:uppercase;color:#FFB070 !important;margin:0 !important}
.sfm__promo .sfm__pt,.sfm__promo h3.sfm__pt{font:800 18px/1.25 var(--d) !important;color:#fff !important;margin:0 !important;padding:0 !important;text-transform:none !important;letter-spacing:-.01em}
.sfm__promo .sfm__px,.sfm__promo p.sfm__px{font:400 13px/1.5 var(--b) !important;color:#B9C0D0 !important;margin:0 !important}
.sfm__promo .sfm__tr,.sfm__promo .sfm__tr span{color:#C9D0DF}
.sfm__promo .sfm__tr strong{color:#fff !important}
.sfm__promo .sfm__tr--tot strong{color:#FFB070 !important}
.sfm__dev ul li a{color:#DCE1EC !important}
.sfm__pcta{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:10px 15px;border-radius:999px;background:var(--o);color:#fff !important;text-decoration:none !important;font:700 13.5px var(--d)}
.sfm__pcta svg{width:14px;height:14px}
.sfm__tick{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px;font-size:12px}
.sfm__tr{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;color:#C9D0DF}
.sfm__tr+.sfm__tr{border-top:1px dashed rgba(255,255,255,.12)}
.sfm__tr strong{color:#fff;font-family:var(--d);font-variant-numeric:tabular-nums}
.sfm__tr--tot{padding-top:8px;border-top:1px solid rgba(255,255,255,.22) !important}
.sfm__tr--tot strong{color:#FFB070;font-size:15px}
.sfm__live{display:inline-flex;align-items:center;gap:6px;font:700 10.5px var(--b);letter-spacing:.08em;text-transform:uppercase;color:#9DE6C5;white-space:nowrap}
.sfm__live i{width:7px;height:7px;border-radius:50%;background:#1FA971;animation:sfmPulse 1.8s infinite}
@keyframes sfmPulse{0%{box-shadow:0 0 0 0 rgba(31,169,113,.6)}70%{box-shadow:0 0 0 7px rgba(31,169,113,0)}100%{box-shadow:0 0 0 0 rgba(31,169,113,0)}}
.sfm__dev ul{list-style:none;margin:0;padding:0}
.sfm__dev ul li a{display:flex;align-items:center;gap:10px;padding:8px 0;font:500 14px var(--b);color:#DCE1EC !important;text-decoration:none !important}
.sfm__dev ul li a svg{width:16px;height:16px;color:#FFB070}
.sfm__code{display:block;margin-top:6px;padding:9px 12px;border-radius:8px;background:rgba(0,0,0,.35);font:12px/1.5 ui-monospace,Menlo,monospace;color:#9DE6C5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sfm__story{display:flex;flex-direction:column;gap:6px;margin:8px 0 4px;padding:14px;border-radius:14px;background:var(--os);border:1px solid var(--ot);text-decoration:none !important}
.sfm__story b{font:800 17px var(--d);color:var(--od)}
.sfm__story small{font:600 11px var(--b);color:var(--slate);text-transform:uppercase;letter-spacing:.06em}
.sfm__story .sfm__stt{font:700 13.5px/1.35 var(--d);color:var(--ink)}
.sfm__post{display:block;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;text-decoration:none !important;margin-top:4px}
.sfm__post img{width:100%;aspect-ratio:16/8.5;object-fit:cover;display:block;background:var(--os)}
.sfm__post div{padding:12px 14px 14px}
.sfm__post small{display:block;font:800 11px var(--d);letter-spacing:.1em;text-transform:uppercase;color:var(--od);margin-bottom:5px}
.sfm__post b{font:800 14.5px/1.35 var(--d);color:var(--ink)}
@media (prefers-reduced-motion:reduce){.sfm *{transition:none !important;animation:none !important}}


/* sf-hide-utils-under-burger */
@media (max-width:1200px){ .sfx-utils{display:none !important} }
</style>

<!-- icon sprite -->
<svg width="0" height="0" style="position:absolute" aria-hidden="true">
  <symbol id="m-r" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6 6 6-6 6"/></symbol>
  <symbol id="m-l" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="m15 6-6 6 6 6"/></symbol>
  <symbol id="m-a" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></symbol>
  <symbol id="m-x" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M6 6l12 12M18 6 6 18"/></symbol>
  <symbol id="m-s" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/></symbol>
  <symbol id="m-rep" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m17 2 4 4-4 4"/><path d="M3 11v-1a4 4 0 0 1 4-4h14"/><path d="m7 22-4-4 4-4"/><path d="M21 13v1a4 4 0 0 1-4 4H3"/></symbol>
  <symbol id="m-tag" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2H2v10l9.3 9.3a1 1 0 0 0 1.4 0l8.6-8.6a1 1 0 0 0 0-1.4z"/><circle cx="7" cy="7" r="1.5"/></symbol>
  <symbol id="m-usr" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="8" r="4"/><path d="M4 21a8 8 0 0 1 16 0"/></symbol>
  <symbol id="m-gift" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="8" width="18" height="4"/><path d="M12 8v13M5 12v9h14v-9"/></symbol>
  <symbol id="m-card" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><rect x="2" y="5" width="20" height="14" rx="2"/><path d="M2 10h20M6 15h4"/></symbol>
  <symbol id="m-doc" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6M9 13h6M9 17h6"/></symbol>
  <symbol id="m-clk" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></symbol>
  <symbol id="m-gau" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 16a8 8 0 1 1 16 0"/><path d="m12 16 4-5"/></symbol>
  <symbol id="m-inv" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 3h14v18l-3-2-2 2-2-2-2 2-2-2-3 2z"/><path d="M9 8h6M9 12h6"/></symbol>
  <symbol id="m-cart" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 4h2l2.4 11h11.2L21 8H7"/><circle cx="9" cy="20" r="1.5"/><circle cx="17" cy="20" r="1.5"/></symbol>
  <symbol id="m-spl" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 12h16M12 4v16"/><circle cx="12" cy="12" r="3"/></symbol>
  <symbol id="m-ret" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 1 1-3-6.7"/><path d="M21 3v6h-6"/></symbol>
  <symbol id="m-spk" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8z"/></symbol>
  <symbol id="m-snd" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 2 11 13"/><path d="M22 2 15 22l-4-9-9-4z"/></symbol>
  <symbol id="m-bolt" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2 4 14h7l-1 8 9-12h-7z"/></symbol>
  <symbol id="m-flow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="6" height="6" rx="1"/><rect x="15" y="15" width="6" height="6" rx="1"/><path d="M9 6h4a3 3 0 0 1 3 3v6"/></symbol>
  <symbol id="m-ch" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 20V10M10 20V4M16 20v-7M22 20H2"/></symbol>
  <symbol id="m-plug" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 2v6M15 2v6M6 8h12v4a6 6 0 0 1-12 0z"/><path d="M12 18v4"/></symbol>
  <symbol id="m-glb" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18"/></symbol>
  <symbol id="m-news" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h13v16H6a2 2 0 0 1-2-2z"/><path d="M17 8h3v10a2 2 0 0 1-2 2M8 8h5M8 12h5M8 16h5"/></symbol>
  <symbol id="m-usrs" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="9" cy="8" r="3.5"/><path d="M2 20a7 7 0 0 1 14 0"/><circle cx="17" cy="9" r="2.5"/><path d="M16 15a5 5 0 0 1 6 5"/></symbol>
  <symbol id="m-calc" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><rect x="5" y="3" width="14" height="18" rx="2"/><path d="M8 7h8M8 12h2M12 12h2M8 16h2M12 16h2"/></symbol>
  <symbol id="m-hand" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 11V6a2 2 0 0 0-4 0v5M14 10V4a2 2 0 0 0-4 0v6M10 10.5V6a2 2 0 0 0-4 0v8"/><path d="M18 11a2 2 0 0 1 4 0v3a8 8 0 0 1-8 8h-2a8 8 0 0 1-8-8v-2"/></symbol>
  <symbol id="m-rkt" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 15c-1 2-1 5-1 5s3 0 5-1"/><path d="M14 4c3-1 6-1 6-1s0 3-1 6c-1 3-6 8-6 8l-3-3s5-5 4-10"/></symbol>
  <symbol id="m-lay" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m12 2 9 5-9 5-9-5z"/><path d="m3 12 9 5 9-5M3 17l9 5 9-5"/></symbol>
  <symbol id="m-box" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m12 2 9 5v10l-9 5-9-5V7z"/><path d="M3 7l9 5 9-5M12 12v10"/></symbol>
  <symbol id="m-mon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><rect x="3" y="4" width="18" height="12" rx="2"/><path d="M8 20h8M12 16v4"/></symbol>
  <symbol id="m-bag" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8h12l1 13H5z"/><path d="M9 8a3 3 0 0 1 6 0"/></symbol>
  <symbol id="m-grad" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m2 9 10-5 10 5-10 5z"/><path d="M6 11v5c0 1.5 3 3 6 3s6-1.5 6-3v-5"/></symbol>
  <symbol id="m-hrt" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 21s-7-4.5-9-9a5 5 0 0 1 9-3 5 5 0 0 1 9 3c-2 4.5-9 9-9 9z"/></symbol>
  <symbol id="m-dmb" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M6 8v8M18 8v8M3 10v4M21 10v4M6 12h12"/></symbol>
  <symbol id="m-vid" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="6" width="13" height="12" rx="2"/><path d="m16 10 5-3v10l-5-3z"/></symbol>
  <symbol id="m-grid" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><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"/><rect x="14" y="14" width="7" height="7" rx="1.5"/></symbol>
  <symbol id="m-book" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h6a3 3 0 0 1 3 3v13a2 2 0 0 0-2-2H4z"/><path d="M20 4h-6a3 3 0 0 0-3 3v13a2 2 0 0 1 2-2h7z"/></symbol>
  <symbol id="m-help" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="9"/><path d="M9.5 9.5a2.5 2.5 0 1 1 3.5 2.3c-.7.4-1 1-1 1.7"/><path d="M12 17h0"/></symbol>
  <symbol id="m-code" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m8 8-4 4 4 4M16 8l4 4-4 4M14 4l-4 16"/></symbol>
  <symbol id="m-hook" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 16a3 3 0 1 1-3 3"/><path d="M12 5a3 3 0 1 1 3 3"/><path d="M6 13a3 3 0 1 0 3 3"/><path d="M12 8a3 3 0 0 1-3 3H8"/></symbol>
  <symbol id="m-cpu" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><rect x="6" y="6" width="12" height="12" rx="2"/><rect x="10" y="10" width="4" height="4"/><path d="M9 2v4M15 2v4M9 18v4M15 18v4M2 9h4M2 15h4M18 9h4M18 15h4"/></symbol>
</svg>

<div class="sfm" id="sfm" data-sfm-version="11">
  <button class="sfm__burger" id="sfmBurger" onclick="if(window.__sfmJS)return;var d=document.getElementById('sfmDrawer');d.classList.toggle('is-open');this.classList.toggle('is-open');document.body.classList.toggle('sfm-lock',d.classList.contains('is-open'));" aria-label="Open menu" aria-expanded="false"><span></span><span></span><span></span></button>

  <div class="sfm__drawer" id="sfmDrawer">

    <!-- ===== LEVEL 1 ===== -->
    <div class="sfm__lvl sfm__lvl--1">
      <div class="sfm__bar sfm__bar--top">
        <img width="2088" height="633" class="sfm__logo" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202088%20633'%3E%3C/svg%3E" alt="SubscriptionFlow" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/02/SF-logo.svg"><noscript><img width="2088" height="633" class="sfm__logo" src="https://www.subscriptionflow.com/wp-content/uploads/2022/02/SF-logo.svg" alt="SubscriptionFlow"></noscript>
        <button class="sfm__x" data-sfm-close onclick="if(window.__sfmJS)return;var d=document.getElementById('sfmDrawer');d.classList.remove('is-open');d.classList.remove('has-sub');document.getElementById('sfmLvl2').classList.remove('is-active');document.body.classList.remove('sfm-lock');document.getElementById('sfmBurger').classList.remove('is-open');" aria-label="Close menu"><svg><use href="#m-x"/></svg></button>
      </div>
      <div class="sfm__scroll">
        <a class="sfm__row sfm__row--search" href="#sfx-search"><svg><use href="#m-s"/></svg>Search</a>
        <button class="sfm__row" data-open="features" onclick="if(window.__sfmJS)return;var t=document.getElementById('sfm-'+this.getAttribute('data-open')),b=document.getElementById('sfmBody');b.innerHTML='';b.appendChild(t.content.cloneNode(true));document.getElementById('sfmTitle').textContent=this.textContent.trim();document.getElementById('sfmLvl2').classList.add('is-active');document.getElementById('sfmDrawer').classList.add('has-sub');b.scrollTop=0;" >Features <svg><use href="#m-r"/></svg></button>
        <button class="sfm__row" data-open="solutions" onclick="if(window.__sfmJS)return;var t=document.getElementById('sfm-'+this.getAttribute('data-open')),b=document.getElementById('sfmBody');b.innerHTML='';b.appendChild(t.content.cloneNode(true));document.getElementById('sfmTitle').textContent=this.textContent.trim();document.getElementById('sfmLvl2').classList.add('is-active');document.getElementById('sfmDrawer').classList.add('has-sub');b.scrollTop=0;" >Solutions <svg><use href="#m-r"/></svg></button>
      <button class="sfm__row" data-open="developers" onclick="if(window.__sfmJS)return;var t=document.getElementById('sfm-'+this.getAttribute('data-open')),b=document.getElementById('sfmBody');b.innerHTML='';b.appendChild(t.content.cloneNode(true));document.getElementById('sfmTitle').textContent=this.textContent.trim();document.getElementById('sfmLvl2').classList.add('is-active');document.getElementById('sfmDrawer').classList.add('has-sub');b.scrollTop=0;" >Developers <svg><use href="#m-r"/></svg></button>
        <button class="sfm__row" data-open="resources" onclick="if(window.__sfmJS)return;var t=document.getElementById('sfm-'+this.getAttribute('data-open')),b=document.getElementById('sfmBody');b.innerHTML='';b.appendChild(t.content.cloneNode(true));document.getElementById('sfmTitle').textContent=this.textContent.trim();document.getElementById('sfmLvl2').classList.add('is-active');document.getElementById('sfmDrawer').classList.add('has-sub');b.scrollTop=0;" >Resources <svg><use href="#m-r"/></svg></button>
        <a class="sfm__row" href="https://www.subscriptionflow.com/pricing/">Pricing <svg><use href="#m-a"/></svg></a>
        <a class="sfm__row sfm__row--sec" href="https://support.subscriptionflow.com/hc/en-us">Support <svg><use href="#m-a"/></svg></a>
        <a class="sfm__row sfm__row--sec" href="https://www.subscriptionflow.com/login/">Login <svg><use href="#m-a"/></svg></a>
      </div>
      <div class="sfm__cta">
        <a class="sfm__btn sfm__btn--ghost" href="https://www.subscriptionflow.com/contact/">Contact Us</a>
        <a class="sfm__btn sfm__btn--solid" href="https://calendly.com/info-8275/subscriptionflow/">Schedule a Demo <svg><use href="#m-a"/></svg></a>
      </div>
    </div>

    <!-- ===== LEVEL 2 ===== -->
    <div class="sfm__lvl sfm__lvl--2" id="sfmLvl2">
      <div class="sfm__bar">
        <button class="sfm__back" id="sfmBack" onclick="if(window.__sfmJS)return;document.getElementById('sfmLvl2').classList.remove('is-active');document.getElementById('sfmDrawer').classList.remove('has-sub');" ><svg><use href="#m-l"/></svg>Back</button>
        <span class="sfm__title" id="sfmTitle"></span>
        <button class="sfm__x" data-sfm-close onclick="if(window.__sfmJS)return;var d=document.getElementById('sfmDrawer');d.classList.remove('is-open');d.classList.remove('has-sub');document.getElementById('sfmLvl2').classList.remove('is-active');document.body.classList.remove('sfm-lock');document.getElementById('sfmBurger').classList.remove('is-open');" aria-label="Close menu"><svg><use href="#m-x"/></svg></button>
      </div>
      <div class="sfm__scroll" id="sfmBody"></div>
      <div class="sfm__cta">
        <a class="sfm__btn sfm__btn--ghost" href="https://www.subscriptionflow.com/contact/">Contact Us</a>
        <a class="sfm__btn sfm__btn--solid" href="https://calendly.com/info-8275/subscriptionflow/">Schedule a Demo <svg><use href="#m-a"/></svg></a>
      </div>
    </div>
  </div>

  <!-- ===== CONTENT TEMPLATES (hidden) ===== -->
  <template id="sfm-features">
    <div class="sfm__promo">
      <span class="sfm__eye">Usage-based billing</span>
      <h3 class="sfm__pt">Usage becomes an invoice — instantly.</h3>
      <div class="sfm__tick" aria-hidden="true">
        <div class="sfm__tr"><span class="sfm__live"><i></i> Metering live</span><span data-sfm="events" style="color:#fff;font-weight:600">142.0K events</span></div>
        <div class="sfm__tr"><span>API calls</span><strong data-sfm="api">$1,420</strong></div>
        <div class="sfm__tr"><span>Compute hours</span><strong data-sfm="compute">$640</strong></div>
        <div class="sfm__tr"><span>Data processed</span><strong data-sfm="data">$420</strong></div>
        <div class="sfm__tr sfm__tr--tot"><span>Total due</span><strong data-sfm="total">$2,480</strong></div>
      </div>
      <p class="sfm__px">Meter events in real time, apply tiered or hybrid pricing, and let the invoice write itself.</p>
      <a class="sfm__pcta" href="https://www.subscriptionflow.com/usage-based-billing-software/">See how it works <svg><use href="#m-a"/></svg></a>
    </div>

    <div class="sfm__sec"><div class="sfm__h">Subscription Management</div><ul class="sfm__list">
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/subscription-management-software/"><span class="sfm__ico"><svg><use href="#m-rep"/></svg></span><span><span class="sfm__t">Subscription Handling</span><span class="sfm__s">Manage the full subscriber lifecycle</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/pricing-engine/"><span class="sfm__ico"><svg><use href="#m-tag"/></svg></span><span><span class="sfm__t">Plans &amp; Pricing</span><span class="sfm__s">Intelligent pricing &amp; plan catalogue</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/self-service-portal/"><span class="sfm__ico"><svg><use href="#m-usr"/></svg></span><span><span class="sfm__t">Customer Portal</span><span class="sfm__s">Self-service for your subscribers</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/trial-management-system/"><span class="sfm__ico"><svg><use href="#m-gift"/></svg></span><span><span class="sfm__t">Trial &amp; Freemium</span><span class="sfm__s">Convert trials into paying customers</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/subscription-payment-processing/"><span class="sfm__ico"><svg><use href="#m-card"/></svg></span><span><span class="sfm__t">Payment Processing</span><span class="sfm__s">Secure, faster gateway connections</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/quote-management/"><span class="sfm__ico"><svg><use href="#m-doc"/></svg></span><span><span class="sfm__t">Quote Management</span><span class="sfm__s">Quote-to-cash without spreadsheets</span></span></a></li>
    </ul></div>

    <div class="sfm__sec"><div class="sfm__h">Billing &amp; Payments</div><ul class="sfm__list">
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/recurring-billing-software/"><span class="sfm__ico"><svg><use href="#m-clk"/></svg></span><span><span class="sfm__t">Recurring Billing</span><span class="sfm__s">Automate any custom billing model</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/metered-billing/"><span class="sfm__ico"><svg><use href="#m-gau"/></svg></span><span><span class="sfm__t">Metered Billing</span><span class="sfm__s">Charge exactly for what is used</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/subscription-invoicing/"><span class="sfm__ico"><svg><use href="#m-inv"/></svg></span><span><span class="sfm__t">Subscription Invoicing</span><span class="sfm__s">Branded, tax-ready invoices</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/hosted-payment-page/"><span class="sfm__ico"><svg><use href="#m-cart"/></svg></span><span><span class="sfm__t">Checkout Management</span><span class="sfm__s">Hosted payment pages that convert</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/proration/"><span class="sfm__ico"><svg><use href="#m-spl"/></svg></span><span><span class="sfm__t">Proration</span><span class="sfm__s">Fair mid-cycle plan changes</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/dunning-management/"><span class="sfm__ico"><svg><use href="#m-ret"/></svg></span><span><span class="sfm__t">Payment Retries</span><span class="sfm__s">Recover failed payments on autopilot</span></span></a></li>
    </ul></div>

    <div class="sfm__sec"><div class="sfm__accent"><div class="sfm__h">Agentic Billing <span class="sfm__badge">AI</span></div><ul class="sfm__list">
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/ai-billing-software/"><span class="sfm__ico"><svg><use href="#m-spk"/></svg></span><span><span class="sfm__t">Automate Your Billing</span><span class="sfm__s">AI catches errors before invoicing</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/invoice-automation/"><span class="sfm__ico"><svg><use href="#m-snd"/></svg></span><span><span class="sfm__t">Send &amp; Track Invoices</span><span class="sfm__s">See when invoices are opened &amp; paid</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/payment-collection-software/"><span class="sfm__ico"><svg><use href="#m-bolt"/></svg></span><span><span class="sfm__t">Collect Payments Faster</span><span class="sfm__s">Smart reminders that shorten DSO</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/accounts-receivable-software/"><span class="sfm__ico"><svg><use href="#m-clk"/></svg></span><span><span class="sfm__t">Reduce AR Aging</span><span class="sfm__s">Act on overdue before it churns</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/revenue-management-software/"><span class="sfm__ico"><svg><use href="#m-flow"/></svg></span><span><span class="sfm__t">Streamline Revenue Ops</span><span class="sfm__s">One truth for finance &amp; sales</span></span></a></li>
    </ul></div></div>

    <div class="sfm__sec"><div class="sfm__h">Platform</div><ul class="sfm__list">
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/subscription-analytics-reporting/"><span class="sfm__ico"><svg><use href="#m-ch"/></svg></span><span><span class="sfm__t">Reports &amp; Analytics</span><span class="sfm__s">MRR, churn &amp; LTV in one console</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/reporting/"><span class="sfm__ico"><svg><use href="#m-news"/></svg></span><span><span class="sfm__t">Reporting</span><span class="sfm__s">Custom reports, real-time figures</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/integrations/"><span class="sfm__ico"><svg><use href="#m-plug"/></svg></span><span><span class="sfm__t">Integrations</span><span class="sfm__s">CRM, accounting &amp; marketing tools</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/payment-gateways/"><span class="sfm__ico"><svg><use href="#m-glb"/></svg></span><span><span class="sfm__t">Payment Gateways</span><span class="sfm__s">Accept payments anywhere</span></span></a></li>
    </ul><a class="sfm__more" href="https://www.subscriptionflow.com/subscription-management-software/">All features <svg><use href="#m-a"/></svg></a></div>

    <div class="sfm__sec"><div class="sfm__h">Works with</div><div class="sfm__chips">
      <a class="sfm__chip" href="https://www.subscriptionflow.com/recurring-billing-with-stripe">Stripe</a>
      <a class="sfm__chip" href="https://www.subscriptionflow.com/payment-gateways/">PayPal</a>
      <a class="sfm__chip" href="https://www.subscriptionflow.com/recurring-billing-with-authorize-net/">Authorize.Net</a>
      <a class="sfm__chip" href="https://www.subscriptionflow.com/payment-gateways/">Braintree</a>
      <a class="sfm__chip" href="https://www.subscriptionflow.com/nmi-recurring-billing/">NMI</a>
      <a class="sfm__chip" href="https://www.subscriptionflow.com/recurring-payments-with-paystack">Paystack</a>
      <a class="sfm__chip sfm__chip--more" href="https://www.subscriptionflow.com/payment-gateways/">+ many more</a>
    </div></div>
  </template>

  <template id="sfm-solutions">
    <div class="sfm__sec"><div class="sfm__h">By Role</div><ul class="sfm__list">
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/ai-native-crm/"><span class="sfm__ico"><svg><use href="#m-usrs"/></svg></span><span><span class="sfm__t">Customer Management</span><span class="sfm__s">Use customer data to improve experience</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/finance-accounting/"><span class="sfm__ico"><svg><use href="#m-calc"/></svg></span><span><span class="sfm__t">Finance &amp; Accounting</span><span class="sfm__s">No sheets, no confusing calculations</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/payment-collection-reconciliation/"><span class="sfm__ico"><svg><use href="#m-hand"/></svg></span><span><span class="sfm__t">Collection &amp; Reconciliation</span><span class="sfm__s">Collect faster, worldwide</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/marketing-and-sales/"><span class="sfm__ico"><svg><use href="#m-rkt"/></svg></span><span><span class="sfm__t">Marketing &amp; Sales</span><span class="sfm__s">Trials &amp; optimized pipelines</span></span></a></li>
    </ul>
    <a class="sfm__story" href="https://www.subscriptionflow.com/case-study/"><span><b>2K+</b> <small>businesses</small> &nbsp; <b>98%</b> <small>retention</small> &nbsp; <b>4.9★</b> <small>rating</small></span><span class="sfm__stt">See how teams like yours run billing on SubscriptionFlow</span><span class="sfm__more" style="margin:0">Customer stories <svg><use href="#m-a"/></svg></span></a></div>

    <div class="sfm__sec"><div class="sfm__h">By Billing Model</div><ul class="sfm__list">
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/flat-fee-billing-model/"><span class="sfm__ico"><svg><use href="#m-tag"/></svg></span><span><span class="sfm__t">Flat Fee Billing</span><span class="sfm__s">One fixed price, every cycle</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/usage-based-billing-software/"><span class="sfm__ico"><svg><use href="#m-gau"/></svg></span><span><span class="sfm__t">Usage-Based Billing</span><span class="sfm__s">Charge on metered consumption</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/hybrid-billing-model/"><span class="sfm__ico"><svg><use href="#m-lay"/></svg></span><span><span class="sfm__t">Hybrid Billing</span><span class="sfm__s">Subscription + usage in one plan</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/subscription-box-billing/"><span class="sfm__ico"><svg><use href="#m-box"/></svg></span><span><span class="sfm__t">Subscription Box Billing</span><span class="sfm__s">Recurring physical deliveries</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/pay-per-use/"><span class="sfm__ico"><svg><use href="#m-bolt"/></svg></span><span><span class="sfm__t">Pay Per Use Billing</span><span class="sfm__s">Bill down to the single unit</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/demand-based-billing/"><span class="sfm__ico"><svg><use href="#m-ch"/></svg></span><span><span class="sfm__t">Demand Based Billing</span><span class="sfm__s">Pricing that moves with demand</span></span></a></li>
    </ul><a class="sfm__more" href="https://www.subscriptionflow.com/subscription-billing-models/">All billing models <svg><use href="#m-a"/></svg></a></div>

    <div class="sfm__sec"><div class="sfm__h">By Industry</div><div class="sfm__tiles">
      <a class="sfm__tile" href="https://www.subscriptionflow.com/saas-billing/"><svg><use href="#m-mon"/></svg>SaaS</a>
      <a class="sfm__tile" href="https://www.subscriptionflow.com/subscription-management-software-for-ecommerce/"><svg><use href="#m-bag"/></svg>ECommerce</a>
      <a class="sfm__tile" href="https://www.subscriptionflow.com/elearning-subscription-management-software/"><svg><use href="#m-grad"/></svg>E-Learning</a>
      <a class="sfm__tile" href="https://www.subscriptionflow.com/magazine-subscription-management-software/"><svg><use href="#m-news"/></svg>Magazine</a>
      <a class="sfm__tile" href="https://www.subscriptionflow.com/membership-management-software/"><svg><use href="#m-hrt"/></svg>Membership</a>
      <a class="sfm__tile" href="https://www.subscriptionflow.com/subscription-management-software-for-gym-management/"><svg><use href="#m-dmb"/></svg>Fitness</a>
      <a class="sfm__tile" href="https://www.subscriptionflow.com/ott-video-subscriptions/"><svg><use href="#m-vid"/></svg>OTT &amp; Media</a>
      <a class="sfm__tile" href="https://www.subscriptionflow.com/other-industries/"><svg><use href="#m-grid"/></svg>All industries</a>
    </div></div>

    <div class="sfm__sec"><div class="sfm__h">By Business Size</div><div class="sfm__cards">
      <a class="sfm__card" href="https://www.subscriptionflow.com/subscription-management-software-for-small-business/"><b>SMBs</b><span>Built for growing businesses</span></a>
      <a class="sfm__card" href="https://www.subscriptionflow.com/subscription-management-software-for-enterprises/"><b>Enterprises</b><span>Unified processes at scale</span></a>
      <a class="sfm__card" href="https://www.subscriptionflow.com/subscription-management-software-for-nonprofits/"><b>Non-Profits</b><span>Manage donations &amp; donors</span></a>
    </div>
    <div class="sfm__promo" style="margin-top:12px"><span class="sfm__eye">Not sure where you fit?</span><p class="sfm__px">A 20-minute call with a billing specialist.</p><a class="sfm__pcta" href="https://www.subscriptionflow.com/contact/">Book a call <svg><use href="#m-a"/></svg></a></div></div>
  </template>

  <template id="sfm-developers">
<div class="sfm__sec"><div class="sfm__h">Documentation</div><ul class="sfm__list"><li><a class="sfm__item" href="https://www.subscriptionflow.com/api/documentation/"><span class="sfm__ico"><svg><use href="#m-code"/></svg></span><span><span class="sfm__t">API Reference</span><span class="sfm__s">Endpoints, requests and responses</span></span></a></li><li><a class="sfm__item" href="https://support.subscriptionflow.com/hc/en-us/articles/900005125903"><span class="sfm__ico"><svg><use href="#m-book"/></svg></span><span><span class="sfm__t">API Integration Guide</span><span class="sfm__s">Connect your systems via REST</span></span></a></li><li><a class="sfm__item" href="https://support.subscriptionflow.com/hc/en-us/articles/900004667566"><span class="sfm__ico"><svg><use href="#m-doc"/></svg></span><span><span class="sfm__t">OAuth Client</span><span class="sfm__s">Secure app authentication</span></span></a></li></ul></div>
<div class="sfm__sec"><div class="sfm__h">Mobile SDKs</div><ul class="sfm__list"><li><a class="sfm__item" href="https://www.subscriptionflow.com/api/sdk/android/"><span class="sfm__ico"><svg><use href="#m-cpu"/></svg></span><span><span class="sfm__t">Android SDK</span><span class="sfm__s">Native SDK for Android apps</span></span></a></li><li><a class="sfm__item" href="https://www.subscriptionflow.com/api/sdk/ios/"><span class="sfm__ico"><svg><use href="#m-cpu"/></svg></span><span><span class="sfm__t">iOS SDK</span><span class="sfm__s">Native SDK for iOS apps</span></span></a></li><li><a class="sfm__item" href="https://www.subscriptionflow.com/api/sdk/flutter/"><span class="sfm__ico"><svg><use href="#m-bolt"/></svg></span><span><span class="sfm__t">Flutter SDK</span><span class="sfm__s">subscriptionflow_iap for iOS and Android</span></span></a></li></ul></div>
<div class="sfm__sec"><div class="sfm__h">Webhooks &amp; Embeds</div><ul class="sfm__list"><li><a class="sfm__item" href="https://support.subscriptionflow.com/hc/en-us/articles/14743698955929"><span class="sfm__ico"><svg><use href="#m-hook"/></svg></span><span><span class="sfm__t">Configuring Webhooks</span><span class="sfm__s">Get notified on billing events</span></span></a></li><li><a class="sfm__item" href="https://support.subscriptionflow.com/hc/en-us/articles/31584880878617"><span class="sfm__ico"><svg><use href="#m-cart"/></svg></span><span><span class="sfm__t">Embed Checkout</span><span class="sfm__s">Drop checkout into any site</span></span></a></li><li><a class="sfm__item" href="https://support.subscriptionflow.com/hc/en-us/articles/58794495799065"><span class="sfm__ico"><svg><use href="#m-card"/></svg></span><span><span class="sfm__t">Embedded Payment Widget</span><span class="sfm__s">Advanced on-page payments</span></span></a></li><li><a class="sfm__item" href="https://support.subscriptionflow.com/hc/en-us/articles/60861224615705"><span class="sfm__ico"><svg><use href="#m-lay"/></svg></span><span><span class="sfm__t">In-App Widgets</span><span class="sfm__s">Billing UI inside your product</span></span></a></li></ul></div>
<div class="sfm__sec"><div class="sfm__h">Connect &amp; Launch</div><ul class="sfm__list"><li><a class="sfm__item" href="https://www.subscriptionflow.com/mcp/"><span class="sfm__ico"><svg><use href="#m-flow"/></svg></span><span><span class="sfm__t">MCP Connector</span><span class="sfm__s">Use SubscriptionFlow in ChatGPT or Claude</span></span></a></li><li><a class="sfm__item" href="https://www.subscriptionflow.com/integrations/"><span class="sfm__ico"><svg><use href="#m-plug"/></svg></span><span><span class="sfm__t">Integrations</span><span class="sfm__s">CRM, accounting and more</span></span></a></li><li><a class="sfm__item" href="https://www.subscriptionflow.com/payment-gateways/"><span class="sfm__ico"><svg><use href="#m-card"/></svg></span><span><span class="sfm__t">Payment Gateways</span><span class="sfm__s">Connect your preferred gateway</span></span></a></li><li><a class="sfm__item" href="https://support.subscriptionflow.com/hc/en-us"><span class="sfm__ico"><svg><use href="#m-help"/></svg></span><span><span class="sfm__t">Support Center</span><span class="sfm__s">Guides, FAQs and help</span></span></a></li></ul></div>
</template>

<template id="sfm-resources">
    <div class="sfm__sec"><div class="sfm__h">Resources &amp; Guides</div><ul class="sfm__list">
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/blog/"><span class="sfm__ico"><svg><use href="#m-book"/></svg></span><span><span class="sfm__t">Blog</span><span class="sfm__s">Tips &amp; insights on billing</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/news-announcements/"><span class="sfm__ico"><svg><use href="#m-news"/></svg></span><span><span class="sfm__t">News &amp; Announcements</span><span class="sfm__s">Product updates &amp; newsletters</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/faqs/"><span class="sfm__ico"><svg><use href="#m-help"/></svg></span><span><span class="sfm__t">FAQs</span><span class="sfm__s">Answers about product &amp; plans</span></span></a></li>
      <li><a class="sfm__item" href="https://support.subscriptionflow.com/hc/en-us/categories/900001259563-Getting-Started"><span class="sfm__ico"><svg><use href="#m-rkt"/></svg></span><span><span class="sfm__t">Getting Started</span><span class="sfm__s">Set up your account step by step</span></span></a></li>
      <li><a class="sfm__item" href="https://www.subscriptionflow.com/blog/"><span class="sfm__ico"><svg><use href="#m-vid"/></svg></span><span><span class="sfm__t">Webinars</span><span class="sfm__s">Product walk-throughs &amp; sessions</span></span></a></li>
    </ul></div>

    <div class="sfm__sec"><div class="sfm__promo sfm__dev"><div style="display:flex;align-items:center;justify-content:space-between"><span class="sfm__eye">Developers</span><span class="sfm__badge">MCP</span></div><ul>
      <li><a href="https://www.subscriptionflow.com/api/documentation/"><svg><use href="#m-code"/></svg>API Documentation</a></li>
      <li><a href="https://www.subscriptionflow.com/api/webhook/"><svg><use href="#m-hook"/></svg>Webhooks</a></li>
      <li><a href="https://www.subscriptionflow.com/mcp/"><svg><use href="#m-cpu"/></svg>MCP Server for AI agents</a></li>
    </ul><code class="sfm__code">POST /api/v1/subscriptions → 201 Created</code></div>
    <div class="sfm__h" style="margin-top:12px">Free tools</div>
    <a class="sfm__plain" href="https://www.subscriptionflow.com/find-your-payment-gateway-in-region/">Payment Gateway Finder <svg><use href="#m-a"/></svg></a>
    <a class="sfm__plain" href="https://www.subscriptionflow.com/stripe-fee-calculator/">Stripe Fee Calculator <svg><use href="#m-a"/></svg></a>
    <a class="sfm__plain" href="https://www.subscriptionflow.com/glossaries/">Subscription Glossary <svg><use href="#m-a"/></svg></a></div>

    <div class="sfm__sec"><div class="sfm__h">Recent Post</div>
      <a class="sfm__post" id="sfmPost" href="https://www.subscriptionflow.com/2026/08/best-practices-for-managing-customer-subscriptions-and-renewals/"><img width="1200" height="800" id="sfmPostImg" src="https://www.subscriptionflow.com/wp-content/uploads/2026/08/blog-post514.jpg-copy.jpg.webp" alt="" ><div><small id="sfmPostCat">Blog</small><b id="sfmPostTitle">Best Practices for Managing Customer Subscriptions and Renewals</b></div></a>
      <a class="sfm__more" href="https://www.subscriptionflow.com/blog/">More from the blog <svg><use href="#m-a"/></svg></a></div>

    <div class="sfm__sec"><div class="sfm__h">Partner Program</div><div class="sfm__cards">
      <a class="sfm__card" href="https://www.subscriptionflow.com/partner-program/#affiliate-partner"><b>Affiliate Partner</b><span>Earn by referring businesses</span></a>
      <a class="sfm__card" href="https://www.subscriptionflow.com/partner-program/#solution-partner"><b>Solution Partner</b><span>Implement &amp; consult for clients</span></a>
      <a class="sfm__card" href="https://www.subscriptionflow.com/partner-program/#technology-partner"><b>Technology Partner</b><span>Integrate your product with ours</span></a>
    </div>
    <div class="sfm__h" style="margin-top:16px">Customers</div>
    <a class="sfm__plain" href="https://www.subscriptionflow.com/case-study/">Case Studies <svg><use href="#m-a"/></svg></a>
    <a class="sfm__plain" href="https://www.subscriptionflow.com/compare/">Compare SubscriptionFlow <svg><use href="#m-a"/></svg></a></div>
  </template>
</div>

<script>window.addEventListener('DOMContentLoaded', function() {
(function(){
  /* ---- DEDUPE: purane/duplicate copies hatao (conflict killer) ---- */
  try{
    ['sfm','sfmDrawer','sfmBurger'].forEach(function(id){
      var all = document.querySelectorAll('[id="'+id+'"]');
      for(var i = 0; i < all.length - 1; i++){ all[i].removeAttribute('id'); all[i].parentNode && all[i].parentNode.removeChild(all[i]); }
    });
    /* body pe pade purane move-kiye-hue drawers jinke paas naya version tag nahi */
    document.querySelectorAll('body > .sfm__drawer').forEach(function(d){
      if(d.id !== 'sfmDrawer') d.parentNode.removeChild(d);
    });
  }catch(err){}

  var root = document.getElementById('sfm'); if(!root || root.__sfmInit) return; root.__sfmInit = true; window.__sfmJS = true;
  var burger = document.getElementById('sfmBurger'), drawer = document.getElementById('sfmDrawer');
  var header = root.closest('header, .elementor-location-header, [data-elementor-type="header"]');
  /* burger ko us container mein rakho jo sticky hota hai (header ka pehla top-level container),
     taake scroll pe woh header ke saath chipka rahe */
  function mountBurger(){
    var host = null;
    if(header){
      host = header.querySelector('.elementor-sticky:not(.elementor-sticky__spacer)')
          || header.querySelector('[data-settings*="sticky"]')
          || header.querySelector(':scope > .e-con, :scope > .elementor-element, :scope > .elementor-section')
          || header;
    }
    if(host && burger.parentNode !== host){
      if(getComputedStyle(host).position === 'static') host.style.position = 'relative';
      host.appendChild(burger);
      burger.classList.add('is-mounted');
    }
  }
  try{ mountBurger(); }catch(err){}
  window.addEventListener('load', function(){ try{ mountBurger(); }catch(err){} });
  if(window.jQuery) jQuery(window).on('elementor/frontend/init', function(){ setTimeout(mountBurger, 300); });
  /* drawer ko body mein — kisi container ke transform/overflow mein na phanse */
  document.body.appendChild(drawer);
  var lvl2 = document.getElementById('sfmLvl2'), body = document.getElementById('sfmBody'), title = document.getElementById('sfmTitle');
  var TITLES = {features:'Features', solutions:'Solutions', resources:'Resources', developers:'Developers'};

  function headerTop(){ return 0; }   /* drawer hamesha full-screen, apni logo + close bar ke saath */
  function setOpen(open){
    if(open){ var t = headerTop(); drawer.style.setProperty('--sfm-top', t + 'px'); drawer.classList.toggle('at-top', t === 0); }
    root.classList.toggle('is-open', open);
    drawer.classList.toggle('is-open', open);
    burger.classList.toggle('is-open', open);
    burger.setAttribute('aria-expanded', open);
    burger.setAttribute('aria-label', open ? 'Close menu' : 'Open menu');
    document.body.classList.toggle('sfm-lock', open);
    if(!open) closeSub();
  }
  function openSub(key){
    var tpl = document.getElementById('sfm-' + key); if(!tpl) return;
    body.innerHTML = ''; body.appendChild(tpl.content.cloneNode(true));
    title.textContent = TITLES[key] || '';
    lvl2.classList.add('is-active'); drawer.classList.add('has-sub'); body.scrollTop = 0;
    if(key === 'resources') loadPost();
    tick();
  }
  function closeSub(){ lvl2.classList.remove('is-active'); drawer.classList.remove('has-sub'); }

  /* Event delegation on document — burger/drawer kahin bhi move hon, clicks hamesha pakde jayen */
  document.addEventListener('click', function(e){
    var t = e.target;
    if(t.closest('#sfmBurger')){ e.preventDefault(); setOpen(!drawer.classList.contains('is-open')); return; }
    if(!t.closest('#sfmDrawer')) return;
    if(t.closest('[data-sfm-close]')){ setOpen(false); return; }
    if(t.closest('#sfmBack')){ closeSub(); return; }
    var b = t.closest('[data-open]'); if(b){ openSub(b.getAttribute('data-open')); return; }
    if(t.closest('a[href="#sfx-search"]')) setOpen(false);      /* search overlay khulega (search widget handle karta hai) */
  }, true);
  document.addEventListener('keydown', function(e){ if(e.key === 'Escape') setOpen(false); });
  window.addEventListener('resize', function(){ if(window.innerWidth > 1200) setOpen(false); else if(root.classList.contains('is-open')){ var t = headerTop(); drawer.style.setProperty('--sfm-top', t + 'px'); drawer.classList.toggle('at-top', t === 0); } });

  /* ticker */
  var ev = 142000, api = 1420, comp = 640, dat = 420, tm = null;
  function fmt(n){ return '$' + n.toLocaleString('en-US'); }
  function compact(n){ return n >= 1e6 ? (n/1e6).toFixed(2)+'M' : n >= 1e3 ? (n/1e3).toFixed(1)+'K' : String(n); }
  function set(k, v){ drawer.querySelectorAll('[data-sfm="'+k+'"]').forEach(function(el){ el.textContent = v; }); }
  function tick(){
    ev += Math.floor(Math.random()*40)+5; if(Math.random()<.5) api++; if(Math.random()<.3) comp++; if(Math.random()<.2) dat++;
    set('events', compact(ev)+' events'); set('api', fmt(api)); set('compute', fmt(comp)); set('data', fmt(dat)); set('total', fmt(api+comp+dat));
  }
  if(!window.matchMedia('(prefers-reduced-motion: reduce)').matches) tm = setInterval(tick, 1400);

  /* latest blog post (auto): REST → RSS feed → static fallback */
  var postCache = null;
  function decodeHTML(h){ var d = document.createElement('textarea'); d.innerHTML = h; return d.value; }
  function applyPost(o){
    var a = document.getElementById('sfmPost'), img = document.getElementById('sfmPostImg'), cat = document.getElementById('sfmPostCat'), t = document.getElementById('sfmPostTitle');
    if(!a || !o || !o.link || !o.title) return;
    a.href = o.link; t.textContent = decodeHTML(o.title);
    if(o.cat) cat.textContent = o.cat;
    if(o.img){ var pre = new Image(); pre.onload = function(){ img.src = o.img; img.style.display='block'; }; pre.src = o.img; }
  }
  function fromREST(){
    return fetch(location.origin + '/wp-json/wp/v2/posts?per_page=1&_embed=1', {credentials:'same-origin'})
      .then(function(r){ if(!r.ok) throw 0; return r.json(); })
      .then(function(l){
        var p = l && l[0]; if(!p) throw 0;
        var m = p._embedded && p._embedded['wp:featuredmedia'] && p._embedded['wp:featuredmedia'][0];
        var sz = m && m.media_details && m.media_details.sizes;
        var img = (sz && ((sz.medium_large||{}).source_url || (sz.large||{}).source_url || (sz.medium||{}).source_url)) || (m && m.source_url) || '';
        var cat = '', terms = p._embedded && p._embedded['wp:term'];
        if(terms) terms.forEach(function(g){ g.forEach(function(x){ if(!cat && x.taxonomy==='category' && x.name.toLowerCase()!=='uncategorized') cat = x.name; }); });
        return {link:p.link, title:p.title.rendered, img:img, cat:cat};
      });
  }
  function fromRSS(){
    return fetch(location.origin + '/feed/', {credentials:'same-origin'})
      .then(function(r){ if(!r.ok) throw 0; return r.text(); })
      .then(function(xml){
        var doc = new DOMParser().parseFromString(xml, 'text/xml');
        var it = doc.querySelector('item'); if(!it) throw 0;
        var g = function(tag){ var n = it.getElementsByTagName(tag)[0] || (it.getElementsByTagNameNS && it.getElementsByTagNameNS('*', tag)[0]); return n ? n.textContent : ''; };
        var content = g('encoded') || g('description') || '';
        var m = content.match(/<img[^>]+src=["']([^"']+)["']/i);
        var enc = it.querySelector('enclosure');
        var catN = it.getElementsByTagName('category')[0];
        return {link:g('link'), title:g('title'), img:(m && m[1]) || (enc && enc.getAttribute('url')) || '', cat:catN ? catN.textContent : ''};
      });
  }
  function fromBlogPage(){
    return fetch(location.origin + '/blog/', {credentials:'same-origin'})
      .then(function(r){ if(!r.ok) throw 0; return r.text(); })
      .then(function(html){
        var doc = new DOMParser().parseFromString(html, 'text/html');
        var anchors = doc.querySelectorAll('a[href*="/20"]');
        var best = null;
        for(var i = 0; i < anchors.length; i++){
          var a = anchors[i];
          if(!/\/20\d{2}\/\d{2}\//.test(a.getAttribute('href') || '')) continue;
          var txt = (a.textContent || '').trim();
          if(txt.length > 25){ best = a; break; }
          if(!best) best = a;
        }
        if(!best) throw 0;
        var wrap = best.closest('article, .elementor-post, .post, li, div') || doc;
        var im = wrap.querySelector('img');
        var image = im ? (im.getAttribute('data-lazy-src') || im.getAttribute('data-src') || im.getAttribute('src') || '') : '';
        var titleTxt = (best.textContent || '').trim();
        if(titleTxt.length < 15){
          var h = wrap.querySelector('h2, h3, .elementor-post__title');
          if(h) titleTxt = h.textContent.trim();
        }
        return {link:best.href, title:titleTxt, img:image, cat:'', date:''};
      });
  }
  function loadPost(){
    if(postCache){ applyPost(postCache); return; }
    fromREST().catch(fromRSS).catch(fromBlogPage).then(function(o){ postCache = o; applyPost(o); }).catch(function(){});
  }
})();
});</script>
				</div>
				</div>
					</div>
				</div>
				</header>
		
<main  class="site-main post-7 page type-page status-publish has-post-thumbnail hentry" role="main">
			<!-- <header class="page-header">
					</header> -->
		<div  class="page-content">
				<div  data-elementor-type="wp-page" data-elementor-id="7" class="elementor elementor-7" data-elementor-post-type="page">
						<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-73bbf4a elementor-section-full_width elementor-section-stretched elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle" data-id="73bbf4a" data-element_type="section" data-e-type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3cbbd3a" data-id="3cbbd3a" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-1de962a main-banner-area elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1de962a" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-a755a70" data-id="a755a70" data-element_type="column" data-e-type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-fb6c5d8 elementor-widget elementor-widget-text-editor" data-id="fb6c5d8" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<div style="display:flex;align-items:center;gap:12px;">
    <span style="display:inline-block;width:40px;height:2px;background:#f47b20;"></span>
    <span style="color:#000000;font-size:12px;font-weight:900;letter-spacing:5px;text-transform:uppercase;font-family:'Poppins',sans-serif;line-height:1;">
        Modern Billing
    </span>
</div>								</div>
				<div class="elementor-element elementor-element-7b50dcb elementor-widget elementor-widget-spacer" data-id="7b50dcb" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				<div class="elementor-element elementor-element-144fb13 elementor-headline--style-rotate elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile elementor-widget elementor-widget-animated-headline" data-id="144fb13" data-element_type="widget" data-e-type="widget" data-settings="{&quot;headline_style&quot;:&quot;rotate&quot;,&quot;animation_type&quot;:&quot;clip&quot;,&quot;rotating_text&quot;:&quot;Recurring\nUsage\nTiered\nHybrid&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;rotate_iteration_delay&quot;:2500}" data-widget_type="animated-headline.default">
							<h3 class="elementor-headline elementor-headline-animation-type-clip">
					<span class="elementor-headline-plain-text elementor-headline-text-wrapper">Agentic</span>
				<span class="elementor-headline-dynamic-wrapper elementor-headline-text-wrapper">
					<span class="elementor-headline-dynamic-text elementor-headline-text-active">
				Recurring			</span>
					<span class="elementor-headline-dynamic-text">
				Usage			</span>
					<span class="elementor-headline-dynamic-text">
				Tiered			</span>
					<span class="elementor-headline-dynamic-text">
				Hybrid			</span>
						</span>
					<span class="elementor-headline-plain-text elementor-headline-text-wrapper">Billing Platform</span>
					</h3>
						</div>
				<div class="elementor-element elementor-element-f82fcdc elementor-widget elementor-widget-html" data-id="f82fcdc" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div class="agx-hero">
  <h1 class="agx-title">
    <span class="agx-line">Agentic
      <span class="agx-pill">
        <i class="agx-dot"></i>
        <span class="agx-words">
          <span class="agx-word is-active" data-bg="#ffe7c2" data-dot="#f59e0b">Recurring</span>
          <span class="agx-word" data-bg="#ffe7c2" data-dot="#f59e0b">Usage</span>
          <span class="agx-word" data-bg="#ffe7c2" data-dot="#f59e0b">Tiered</span>
          <span class="agx-word" data-bg="#ffe7c2" data-dot="#f59e0b">Hybrid</span>
        </span>
      </span>
    </span>
    <span class="agx-line">Billing Platform</span>
  </h1>
</div>

<style>
/* ===== CHANGE HEADLINE SIZE HERE ===== */
.agx-hero{ --agx-size: clamp(28px, 4vw, 50px); }
@media (max-width:767px){ .agx-hero{ --agx-size: clamp(26px, 8vw, 36px); } }
/* ===================================== */

.agx-hero{ text-align:left; max-width:100%; }
.agx-hero .agx-title{
  margin:0 !important; padding:0 !important;
  font-size:var(--agx-size) !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:-0.03em !important;
  color:#0b0b0b !important;
}
/* stop theme styles from resizing anything inside */
.agx-hero .agx-title span,
.agx-hero .agx-title i{
  font-size:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  font-family:inherit !important;
  font-style:normal !important;
  color:inherit !important;
  margin:0; padding:0;
}
.agx-hero .agx-line{ display:block !important; }

.agx-hero .agx-pill{
  --bg:#ffe7c2; --dot:#f59e0b;
  display:inline-flex !important;
  align-items:center !important;
  gap:.22em;
  height:1.2em !important;
  padding:0 .38em 0 .28em !important;
  margin-left:.05em !important;
  border-radius:999px;
  background:var(--bg) !important;
  vertical-align:top !important;
  white-space:nowrap;
  transition:background-color .5s ease;
}
.agx-hero .agx-dot{
  display:block !important;
  position:static !important;
  width:.26em !important; height:.26em !important;
  border-radius:50%;
  background:var(--dot) !important;
  flex:0 0 auto;
  transition:background-color .5s ease;
}
.agx-hero .agx-words{
  position:relative !important;
  display:block !important;
  height:1.2em !important;
  line-height:1.2em !important;
  overflow:hidden !important;
  transition:width .55s cubic-bezier(.65,0,.35,1);
}
.agx-hero .agx-word{
  position:absolute !important; left:0; top:0;
  display:inline-block !important;
  width:max-content !important;
  white-space:nowrap;
  transform:translateY(100%); opacity:0;
  transition:transform .55s cubic-bezier(.65,0,.35,1), opacity .4s ease;
}
.agx-hero .agx-word.is-active{ position:relative !important; transform:translateY(0); opacity:1; }
.agx-hero .agx-word.is-leaving{ transform:translateY(-100%); opacity:0; }
</style>

<script nowprocket data-no-optimize="1" data-no-defer="1" data-cfasync="false">
(function(){
  function init(){
    document.querySelectorAll('.agx-pill').forEach(function(pill){
      if (pill.dataset.ready) return; pill.dataset.ready = 1;
      var box = pill.querySelector('.agx-words');
      var words = [].slice.call(box.querySelectorAll('.agx-word'));
      var i = 0;
      function paint(w){
        pill.style.setProperty('--bg', w.dataset.bg);
        pill.style.setProperty('--dot', w.dataset.dot);
      }
      function fit(w){ box.style.width = Math.ceil(w.getBoundingClientRect().width) + 'px'; }
      paint(words[0]); fit(words[0]);
      window.addEventListener('resize', function(){ fit(words[i]); });
      if (document.fonts && document.fonts.ready) document.fonts.ready.then(function(){ fit(words[i]); });
      setInterval(function(){
        var cur = words[i]; i = (i + 1) % words.length; var next = words[i];
        next.style.transition = 'none';
        next.classList.remove('is-leaving','is-active');
        void next.offsetWidth;
        next.style.transition = '';
        cur.classList.remove('is-active'); cur.classList.add('is-leaving');
        next.classList.add('is-active');
        fit(next); paint(next);
      }, 2200);
    });
  }
  document.readyState === 'loading' ? document.addEventListener('DOMContentLoaded', init) : init();
})();
</script>				</div>
				<div class="elementor-element elementor-element-65865dd elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="65865dd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Automate subscriptions, meter usage in real time, and orchestrate flexible billing workflows with AI-powered infrastructure.</p>								</div>
				<div class="elementor-element elementor-element-f3b6d29 elementor-widget elementor-widget-spacer" data-id="f3b6d29" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				<div class="elementor-element elementor-element-cf8c422 sflow-el-btn tb-btn demo-schedule elementor-widget elementor-widget-button" data-id="cf8c422" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-float" href="#">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-right" viewBox="0 0 256 512" xmlns="http://www.w3.org/2000/svg"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg>			</span>
									<span class="elementor-button-text">Schedule a demo</span>
					</span>
					</a>
								</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-db2a07f banner-image-ara elementor-swipslider" data-id="db2a07f" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-0183cc6 elementor-widget elementor-widget-html" data-id="0183cc6" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
.ubb-wrap{
  box-sizing:border-box;
  width:100%;
  max-width:650px;
  margin:0 auto;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  /* colors / theme variables (ab :root ki jagah yahan, taake scope sirf widget tak rahe) */
  --brand:#fd7d07;
  --brand-2:#ff9a3d;
  --brand-dark:#c25f00;
  --brand-deep:#7d3d00;
  --tint:#fff4e8;
  --tint2:#ffe6cf;
  --ink:#1b1a18;
  --ink-soft:#736f69;
  --line:#eeebe7;
  --bg:#ffffff;
  --panel:#fbfaf8;
}
/* reset SIRF widget ke andar (poore page par asar nahi karega) */
.ubb-wrap *{box-sizing:border-box;margin:0;padding:0;}

.ubb-wrap .ubb-stage{
  position:relative;
  width:100%;
  aspect-ratio:650/500;
  background:
    radial-gradient(120% 80% at 12% 0%, #fff8f0 0%, rgba(255,248,240,0) 55%),
    radial-gradient(120% 90% at 100% 100%, #fff3e6 0%, rgba(255,243,230,0) 50%),
    var(--bg);
  border:1px solid var(--line);
  border-radius:20px;
  overflow:hidden;
  container-type:inline-size;
  box-shadow:0 2cqw 6cqw rgba(125,61,0,.05);
}

.ubb-wrap .ubb-glow{
  position:absolute;width:55%;height:55%;border-radius:50%;
  background:radial-gradient(circle, rgba(253,125,7,.16), rgba(253,125,7,0) 70%);
  filter:blur(6cqw);
  top:-12%;left:-8%;
  animation:ubbDrift 16s ease-in-out infinite;
  pointer-events:none;
}
@keyframes ubbDrift{
  0%,100%{transform:translate(0,0) scale(1);}
  33%{transform:translate(60%,30%) scale(1.15);}
  66%{transform:translate(30%,80%) scale(.95);}
}

.ubb-wrap .ubb-inner{position:absolute;inset:0;display:flex;flex-direction:column;padding:5cqw 5.6cqw;}

.ubb-wrap .ubb-top{flex:0 0 auto;}
.ubb-wrap .ubb-eyebrow{display:flex;align-items:center;justify-content:space-between;}
.ubb-wrap .ubb-brand{display:flex;align-items:center;gap:2cqw;font-size:2.4cqw;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--brand-dark);}
.ubb-wrap .ubb-dot{width:1.9cqw;height:1.9cqw;border-radius:50%;background:var(--brand);box-shadow:0 0 0 0 rgba(253,125,7,.5);animation:ubbPulse 1.7s infinite;}
@keyframes ubbPulse{0%{box-shadow:0 0 0 0 rgba(253,125,7,.45);}70%{box-shadow:0 0 0 2.2cqw rgba(253,125,7,0);}100%{box-shadow:0 0 0 0 rgba(253,125,7,0);}}
.ubb-wrap .ubb-step{font-size:2.4cqw;font-weight:800;color:var(--ink);letter-spacing:.05em;}
.ubb-wrap .ubb-step b{color:var(--brand);}
.ubb-wrap .ubb-step span{color:var(--tint2);}

.ubb-wrap .ubb-bars{display:flex;gap:1.2cqw;margin-top:3cqw;}
.ubb-wrap .ubb-bar{flex:1;height:.9cqw;border-radius:2cqw;background:var(--tint2);overflow:hidden;}
.ubb-wrap .ubb-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:2cqw;}

.ubb-wrap .ubb-feature{position:relative;flex:1 1 auto;margin-top:4cqw;}
.ubb-wrap .slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(2.4cqw);pointer-events:none;}
.ubb-wrap .slide.show{opacity:1;transform:translateY(0);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1);pointer-events:auto;}

.ubb-wrap .slide-label{display:flex;align-items:center;gap:2.6cqw;margin-bottom:3.4cqw;}
.ubb-wrap .slide-num{flex:0 0 auto;width:7.6cqw;height:7.6cqw;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-size:3cqw;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 1.4cqw 3cqw rgba(253,125,7,.32);}
.ubb-wrap .slide-name{font-size:4cqw;font-weight:800;color:var(--ink);letter-spacing:-.01em;line-height:1.1;}
.ubb-wrap .slide-sub{font-size:2.55cqw;color:var(--ink-soft);font-weight:500;margin-top:.5cqw;}

.ubb-wrap .card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:4cqw;}

.ubb-wrap .meter-row{display:flex;align-items:center;justify-content:space-between;gap:3cqw;}
.ubb-wrap .meter-count em{font-style:normal;font-size:9.5cqw;font-weight:800;color:var(--ink);line-height:1;letter-spacing:-.02em;}
.ubb-wrap .meter-count small{display:block;font-size:2.5cqw;color:var(--ink-soft);font-weight:600;margin-top:1.2cqw;}
.ubb-wrap .meter-stream{display:flex;flex-direction:column;gap:1.6cqw;align-items:flex-end;}
.ubb-wrap .ev-row{display:flex;gap:1.6cqw;}
.ubb-wrap .ev{width:3.6cqw;height:3.6cqw;border-radius:1.3cqw;background:var(--brand);opacity:0;transform:scale(0);}
.ubb-wrap .show .ev{animation:ubbPop .5s forwards;}
.ubb-wrap .show .ev:nth-child(1){animation-delay:.25s}.ubb-wrap .show .ev:nth-child(2){animation-delay:.37s}
.ubb-wrap .show .ev:nth-child(3){animation-delay:.49s}.ubb-wrap .show .ev:nth-child(4){animation-delay:.61s}
.ubb-wrap .ev-row:nth-child(2) .ev:nth-child(1){animation-delay:.55s}.ubb-wrap .ev-row:nth-child(2) .ev:nth-child(2){animation-delay:.67s}
.ubb-wrap .ev-row:nth-child(2) .ev:nth-child(3){animation-delay:.79s}.ubb-wrap .ev-row:nth-child(2) .ev:nth-child(4){animation-delay:.91s}
@keyframes ubbPop{to{opacity:1;transform:scale(1);}}
.ubb-wrap .tags{display:flex;gap:1.6cqw;margin-top:3.6cqw;flex-wrap:wrap;}
.ubb-wrap .tag{font-size:2.35cqw;font-weight:700;color:var(--brand-dark);background:var(--tint);border:1px solid var(--tint2);padding:1.1cqw 2.6cqw;border-radius:20px;}

.ubb-wrap .dash{display:flex;gap:2.8cqw;align-items:flex-end;height:24cqw;}
.ubb-wrap .dbar{flex:1;height:100%;background:var(--tint);border:1px solid var(--tint2);border-radius:2cqw;display:flex;align-items:flex-end;overflow:hidden;}
.ubb-wrap .dbar i{width:100%;background:linear-gradient(180deg,var(--brand-2),var(--brand));border-radius:2cqw 2cqw 0 0;height:0;}
.ubb-wrap .show .dbar:nth-child(1) i{animation:ubbGrow .9s .25s forwards;}.ubb-wrap .show .dbar:nth-child(2) i{animation:ubbGrow .9s .37s forwards;}
.ubb-wrap .show .dbar:nth-child(3) i{animation:ubbGrow .9s .49s forwards;}.ubb-wrap .show .dbar:nth-child(4) i{animation:ubbGrow .9s .61s forwards;}
.ubb-wrap .show .dbar:nth-child(5) i{animation:ubbGrow .9s .73s forwards;}
@keyframes ubbGrow{to{height:var(--h);}}
.ubb-wrap .spend{display:flex;justify-content:space-between;align-items:flex-end;margin-top:3.6cqw;}
.ubb-wrap .spend-l{font-size:2.5cqw;color:var(--ink-soft);font-weight:600;}
.ubb-wrap .spend-v{font-size:5.4cqw;font-weight:800;color:var(--ink);line-height:1.1;margin-top:.4cqw;}
.ubb-wrap .live{font-size:2.3cqw;font-weight:700;color:#16894a;display:flex;align-items:center;gap:1.4cqw;}
.ubb-wrap .live::before{content:"";width:2cqw;height:2cqw;border-radius:50%;background:#1fb866;animation:ubbBlink 1.4s infinite;}
@keyframes ubbBlink{0%,100%{opacity:1}50%{opacity:.3}}

.ubb-wrap .plans{display:flex;gap:2.6cqw;}
.ubb-wrap .plan{flex:1;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:3.4cqw 2.4cqw;text-align:center;opacity:0;transform:translateY(2cqw);}
.ubb-wrap .show .plan:nth-child(1){animation:ubbRise .55s .25s forwards;}.ubb-wrap .show .plan:nth-child(2){animation:ubbRise .55s .4s forwards;}
.ubb-wrap .show .plan:nth-child(3){animation:ubbRise .55s .55s forwards;}
@keyframes ubbRise{to{opacity:1;transform:translateY(0);}}
.ubb-wrap .plan.hot{border-color:var(--brand);background:linear-gradient(180deg,var(--tint),#fff);box-shadow:0 3cqw 7cqw rgba(253,125,7,.16);transform:translateY(2cqw) scale(1.04);}
.ubb-wrap .show .plan.hot{animation:ubbRiseHot .55s .4s forwards;}
@keyframes ubbRiseHot{to{opacity:1;transform:translateY(0) scale(1.05);}}
.ubb-wrap .plan-n{font-size:2.45cqw;font-weight:700;color:var(--ink-soft);}
.ubb-wrap .plan.hot .plan-n{color:var(--brand-dark);}
.ubb-wrap .plan-p{font-size:5cqw;font-weight:800;color:var(--ink);margin-top:1.2cqw;line-height:1;}
.ubb-wrap .plan.hot .plan-p{color:var(--brand);}
.ubb-wrap .plan-u{font-size:2.1cqw;color:var(--ink-soft);font-weight:600;margin-top:.8cqw;}

.ubb-wrap .gauge-wrap{display:flex;align-items:center;gap:4.5cqw;}
.ubb-wrap .gauge{position:relative;width:30cqw;height:30cqw;flex:0 0 auto;}
.ubb-wrap .gauge svg{transform:rotate(-90deg);width:100%;height:100%;}
.ubb-wrap .gauge-c{stroke:var(--tint2);}
.ubb-wrap .gauge-f{stroke:url(#gg);stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283;}
.ubb-wrap .show .gauge-f{animation:ubbFill 1.2s .3s forwards cubic-bezier(.3,.8,.3,1);}
@keyframes ubbFill{to{stroke-dashoffset:99;}}
.ubb-wrap .gauge-txt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.ubb-wrap .gauge-pct{font-size:6cqw;font-weight:800;color:var(--ink);line-height:1;}
.ubb-wrap .gauge-sub{font-size:2cqw;color:var(--ink-soft);font-weight:600;margin-top:.6cqw;}
.ubb-wrap .alert{flex:1;display:flex;flex-direction:column;gap:2.2cqw;}
.ubb-wrap .alert-item{display:flex;align-items:center;gap:2.4cqw;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:2.6cqw 2.8cqw;opacity:0;transform:translateX(2.6cqw);}
.ubb-wrap .show .alert-item:nth-child(1){animation:ubbSlideIn .5s .55s forwards;}.ubb-wrap .show .alert-item:nth-child(2){animation:ubbSlideIn .5s .75s forwards;}
@keyframes ubbSlideIn{to{opacity:1;transform:translateX(0);}}
.ubb-wrap .alert-ic{width:6.4cqw;height:6.4cqw;border-radius:50%;background:var(--tint);display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.ubb-wrap .alert-ic svg{width:3.4cqw;height:3.4cqw;}
.ubb-wrap .alert-tx{font-size:2.55cqw;font-weight:700;color:var(--ink);line-height:1.15;}
.ubb-wrap .alert-tx span{display:block;font-size:2.1cqw;color:var(--ink-soft);font-weight:500;margin-top:.4cqw;}

.ubb-wrap .inv{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:3.6cqw 4cqw;box-shadow:0 2.4cqw 7cqw rgba(0,0,0,.05);}
.ubb-wrap .inv-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:2.6cqw;margin-bottom:1cqw;}
.ubb-wrap .inv-ttl{font-size:3.2cqw;font-weight:800;color:var(--ink);}
.ubb-wrap .inv-badge{font-size:2cqw;font-weight:700;color:var(--brand-dark);background:var(--tint);padding:1cqw 2.6cqw;border-radius:14px;border:1px solid var(--tint2);}
.ubb-wrap .inv-line{display:flex;justify-content:space-between;align-items:center;font-size:2.55cqw;color:var(--ink-soft);font-weight:500;padding:1.7cqw 0;opacity:0;transform:translateY(1.2cqw);}
.ubb-wrap .show .inv-body .inv-line:nth-child(1){animation:ubbRise .45s .4s forwards;}.ubb-wrap .show .inv-body .inv-line:nth-child(2){animation:ubbRise .45s .55s forwards;}
.ubb-wrap .show .inv-body .inv-line:nth-child(3){animation:ubbRise .45s .7s forwards;}
.ubb-wrap .inv-line b{color:var(--ink);font-weight:700;}
.ubb-wrap .inv-total{display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--line);margin-top:1cqw;padding-top:2.6cqw;opacity:0;}
.ubb-wrap .show .inv-total{animation:ubbRise .5s .9s forwards;}
.ubb-wrap .inv-total .l{font-size:2.9cqw;font-weight:700;color:var(--ink);}
.ubb-wrap .inv-total .v{font-size:4.4cqw;font-weight:800;color:var(--brand);}

.ubb-wrap .trend{height:22cqw;position:relative;margin-bottom:3.2cqw;}
.ubb-wrap .trend svg{width:100%;height:100%;overflow:visible;}
.ubb-wrap .trend-line{fill:none;stroke:var(--brand);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:400;stroke-dashoffset:400;}
.ubb-wrap .show .trend-line{animation:ubbDraw 1.4s .3s forwards ease;}
@keyframes ubbDraw{to{stroke-dashoffset:0;}}
.ubb-wrap .trend-area{fill:url(#g1);opacity:0;}
.ubb-wrap .show .trend-area{animation:ubbFadeIn .8s 1s forwards;}
@keyframes ubbFadeIn{to{opacity:1;}}
.ubb-wrap .export-row{display:flex;gap:2.4cqw;}
.ubb-wrap .chip{flex:1;display:flex;align-items:center;justify-content:center;gap:1.8cqw;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:2.8cqw;font-size:2.5cqw;font-weight:700;color:var(--ink);opacity:0;transform:translateY(2cqw);}
.ubb-wrap .show .chip:nth-child(1){animation:ubbRise .5s .9s forwards;}.ubb-wrap .show .chip:nth-child(2){animation:ubbRise .5s 1.05s forwards;}
.ubb-wrap .show .chip:nth-child(3){animation:ubbRise .5s 1.2s forwards;}
.ubb-wrap .chip svg{width:3.2cqw;height:3.2cqw;}

@media (prefers-reduced-motion: reduce){
  .ubb-wrap *{animation-duration:.001s !important;}
  .ubb-wrap .ubb-dot,.ubb-wrap .live::before,.ubb-wrap .ubb-glow{animation:none;}
}
</style>

<div class="ubb-wrap">
  <div class="ubb-stage">
    <div class="ubb-glow"></div>
    <div class="ubb-inner">

      <div class="ubb-top">
        <div class="ubb-eyebrow">
          <div class="ubb-brand"><span class="ubb-dot"></span> Usage-Based Billing</div>
          <div class="ubb-step"><b id="stepNum">01</b> <span>/</span> 06</div>
        </div>
        <div class="ubb-bars">
          <div class="ubb-bar"><i></i></div><div class="ubb-bar"><i></i></div><div class="ubb-bar"><i></i></div>
          <div class="ubb-bar"><i></i></div><div class="ubb-bar"><i></i></div><div class="ubb-bar"><i></i></div>
        </div>
      </div>

      <div class="ubb-feature">

        <div class="slide" data-s="0">
          <div class="slide-label">
            <div class="slide-num">1</div>
            <div><div class="slide-name">Usage Metering</div><div class="slide-sub">Track every event as it happens</div></div>
          </div>
          <div class="card">
            <div class="meter-row">
              <div class="meter-count"><em id="meterNum">0</em><small>Events metered today</small></div>
              <div class="meter-stream">
                <div class="ev-row"><div class="ev"></div><div class="ev"></div><div class="ev"></div><div class="ev"></div></div>
                <div class="ev-row"><div class="ev"></div><div class="ev"></div><div class="ev"></div><div class="ev"></div></div>
              </div>
            </div>
            <div class="tags"><span class="tag">API calls</span><span class="tag">Tokens</span><span class="tag">Compute hours</span><span class="tag">Data processed</span></div>
          </div>
        </div>

        <div class="slide" data-s="1">
          <div class="slide-label">
            <div class="slide-num">2</div>
            <div><div class="slide-name">Real-Time Usage &amp; Spend</div><div class="slide-sub">Live visibility for every customer</div></div>
          </div>
          <div class="card">
            <div class="dash">
              <div class="dbar"><i style="--h:52%"></i></div><div class="dbar"><i style="--h:74%"></i></div>
              <div class="dbar"><i style="--h:46%"></i></div><div class="dbar"><i style="--h:90%"></i></div>
              <div class="dbar"><i style="--h:64%"></i></div>
            </div>
            <div class="spend">
              <div><div class="spend-l">Current spend</div><div class="spend-v" id="spendNum">$2,480</div></div>
              <div class="live">Live</div>
            </div>
          </div>
        </div>

        <div class="slide" data-s="2">
          <div class="slide-label">
            <div class="slide-num">3</div>
            <div><div class="slide-name">Flexible Pricing Models</div><div class="slide-sub">Pay-as-you-go, tiered, prepaid &amp; hybrid</div></div>
          </div>
          <div class="plans">
            <div class="plan"><div class="plan-n">Pay as you go</div><div class="plan-p">$0.02</div><div class="plan-u">per unit</div></div>
            <div class="plan hot"><div class="plan-n">Tiered</div><div class="plan-p">$0.015</div><div class="plan-u">at scale</div></div>
            <div class="plan"><div class="plan-n">Prepaid</div><div class="plan-p">$500</div><div class="plan-u">credit bundle</div></div>
          </div>
        </div>

        <div class="slide" data-s="3">
          <div class="slide-label">
            <div class="slide-num">4</div>
            <div><div class="slide-name">Spend Controls</div><div class="slide-sub">Alerts &amp; limits to prevent surprises</div></div>
          </div>
          <div class="card">
            <div class="gauge-wrap">
              <div class="gauge">
                <svg viewBox="0 0 100 100">
                  <defs><linearGradient id="gg" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#ff9a3d"/><stop offset="1" stop-color="#fd7d07"/></linearGradient></defs>
                  <circle class="gauge-c" cx="50" cy="50" r="45" fill="none" stroke-width="9"/>
                  <circle class="gauge-f" cx="50" cy="50" r="45" fill="none" stroke-width="9"/>
                </svg>
                <div class="gauge-txt"><div class="gauge-pct">65%</div><div class="gauge-sub">of limit</div></div>
              </div>
              <div class="alert">
                <div class="alert-item">
                  <div class="alert-ic"><svg viewBox="0 0 24 24" fill="none" stroke="#fd7d07" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M12 9v4M12 17h.01M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z"/></svg></div>
                  <div class="alert-tx">Spend alert at 80%<span>Notifies the customer automatically</span></div>
                </div>
                <div class="alert-item">
                  <div class="alert-ic"><svg viewBox="0 0 24 24" fill="none" stroke="#fd7d07" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg></div>
                  <div class="alert-tx">Hard limit enforced<span>Caps usage when reached</span></div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="slide" data-s="4">
          <div class="slide-label">
            <div class="slide-num">5</div>
            <div><div class="slide-name">Automated Invoicing</div><div class="slide-sub">Usage turns into invoices, instantly</div></div>
          </div>
          <div class="inv">
            <div class="inv-top"><div class="inv-ttl">Invoice</div><div class="inv-badge">Auto-generated</div></div>
            <div class="inv-body">
            <div class="inv-line"><span>API calls — 142,000</span><b>$1,420</b></div>
            <div class="inv-line"><span>Compute hours — 320</span><b>$640</b></div>
            <div class="inv-line"><span>Data processed — 1.2 TB</span><b>$420</b></div>
            </div>
            <div class="inv-total"><span class="l">Total due</span><span class="v">$2,480</span></div>
          </div>
        </div>

        <div class="slide" data-s="5">
          <div class="slide-label">
            <div class="slide-num">6</div>
            <div><div class="slide-name">Billing Data &amp; Export</div><div class="slide-sub">Monitor, analyze &amp; export anywhere</div></div>
          </div>
          <div class="card">
            <div class="trend">
              <svg viewBox="0 0 100 40" preserveAspectRatio="none">
                <defs><linearGradient id="g1" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#fd7d07" stop-opacity="0.26"/><stop offset="1" stop-color="#fd7d07" stop-opacity="0"/></linearGradient></defs>
                <path class="trend-area" d="M0,34 L11,30 L22,32 L33,22 L44,26 L55,16 L66,19 L77,9 L88,13 L100,4 L100,40 L0,40 Z"/>
                <path class="trend-line" d="M0,34 L11,30 L22,32 L33,22 L44,26 L55,16 L66,19 L77,9 L88,13 L100,4"/>
              </svg>
            </div>
            <div class="export-row">
              <div class="chip"><svg viewBox="0 0 24 24" fill="none" stroke="#1b1a18" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><path d="M7 10l5 5 5-5M12 15V3"/></svg>CSV</div>
              <div class="chip"><svg viewBox="0 0 24 24" fill="none" stroke="#1b1a18" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><path d="M7 10l5 5 5-5M12 15V3"/></svg>API</div>
              <div class="chip"><svg viewBox="0 0 24 24" fill="none" stroke="#1b1a18" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v18h18"/><path d="M7 14l4-4 3 3 5-6"/></svg>Reports</div>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
</div>

<script type="text/rocketlazyloadscript">
(function(){
  var root=document.currentScript.closest('body').querySelector('.ubb-wrap') || document.querySelector('.ubb-wrap');
  if(!root) return;
  var STEP=2500, COUNT=6, TOTAL=STEP*COUNT;
  var slides=root.querySelectorAll('.slide');
  var bars=root.querySelectorAll('.ubb-bar i');
  var meterNum=root.querySelector('#meterNum');
  var spendNum=root.querySelector('#spendNum');
  var stepNum=root.querySelector('#stepNum');
  var idx=-1;

  function tick(el,target,prefix,dur){
    var start=null;prefix=prefix||'';
    function frame(ts){
      if(!start)start=ts;
      var p=Math.min((ts-start)/dur,1);
      var val=Math.floor((1-Math.pow(1-p,3))*target);
      el.textContent=prefix+val.toLocaleString();
      if(p<1)requestAnimationFrame(frame);
    }
    requestAnimationFrame(frame);
  }

  function go(i){
    if(i===idx)return;
    idx=i;
    stepNum.textContent='0'+(i+1);
    slides.forEach(function(s,k){s.classList.toggle('show',k===i);});
    bars.forEach(function(b,k){
      if(k<i){b.style.transition='none';b.style.width='100%';}
      else if(k===i){b.style.transition='none';b.style.width='0';void b.offsetWidth;b.style.transition='width '+STEP+'ms linear';b.style.width='100%';}
      else{b.style.transition='none';b.style.width='0';}
    });
    if(i===0)tick(meterNum,8420,'',1600);
    if(i===1)tick(spendNum,2480,'$',1400);
  }

  function loop(){var t=Date.now()%TOTAL;go(Math.floor(t/STEP));}
  go(0);
  setInterval(loop,120);
})();
</script>				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-210bb3c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="210bb3c" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;gradient&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-075c12f" data-id="075c12f" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-4aade21 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4aade21" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-e6c72bb" data-id="e6c72bb" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-84483c8 elementor-widget elementor-widget-heading" data-id="84483c8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Simplify Complex Billing Across <br>Your Entire Pricing Matrix</h2>				</div>
				<div class="elementor-element elementor-element-412de9c elementor-invisible elementor-widget elementor-widget-text-editor" data-id="412de9c" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;slideInUp&quot;,&quot;_animation_delay&quot;:200}" data-widget_type="text-editor.default">
									<p><span data-teams="true">Complex billing goes beyond simple flat-rate or one-time charges. SubscriptionFlow powers multi-dimensional pricing models, seamlessly unifying recurring subscriptions, tiered consumption, usage overages, custom discounts, and multi-currency taxes into a single automated invoice. </span></p>								</div>
				<div class="elementor-element elementor-element-ad5ecbc elementor-widget elementor-widget-spacer" data-id="ad5ecbc" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-899fedd elementor-widget elementor-widget-spacer" data-id="899fedd" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-cfd7aa7 sf-feature-card elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="cfd7aa7" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-e43cf03" data-id="e43cf03" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-33f2f3c sf-feat elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="33f2f3c" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/AI-billing-Software/" class="elementor-icon" tabindex="-1" aria-label="An Adaptive Billing Core">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-receipt" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M358.4 3.2L320 48 265.6 3.2a15.9 15.9 0 0 0-19.2 0L192 48 137.6 3.2a15.9 15.9 0 0 0-19.2 0L64 48 25.6 3.2C15-4.7 0 2.8 0 16v480c0 13.2 15 20.7 25.6 12.8L64 464l54.4 44.8a15.9 15.9 0 0 0 19.2 0L192 464l54.4 44.8a15.9 15.9 0 0 0 19.2 0L320 464l38.4 44.8c10.5 7.9 25.6.4 25.6-12.8V16c0-13.2-15-20.7-25.6-12.8zM320 360c0 4.4-3.6 8-8 8H72c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h240c4.4 0 8 3.6 8 8v16zm0-96c0 4.4-3.6 8-8 8H72c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h240c4.4 0 8 3.6 8 8v16zm0-96c0 4.4-3.6 8-8 8H72c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h240c4.4 0 8 3.6 8 8v16z"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/AI-billing-Software/" >
							An Adaptive Billing Core						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						<a href="https://www.subscriptionflow.com/AI-billing-Software/" style="color:#7c7d8b;text-decoration:none;line-height:1.7">
    No more bolting on a new tool every time pricing changes. One engine handles usage, hybrid, and fixed-fee billing together, so your pricing can evolve without needing a new platform.
    <br><br>

    <span style="color:#f47b20;display:inline-flex;align-items:center">
        Learn More
        <span style="margin-left:6px">&#8594;</span>
    </span>
</a>					</p>
				
			</div>
			
		</div>
						</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-e43946f" data-id="e43946f" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-9c82f57 sf-feat-art elementor-widget elementor-widget-html" data-id="9c82f57" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<svg viewBox="0 0 240 200" fill="none" aria-hidden="true" preserveAspectRatio="xMidYMid meet">
    <rect x="20" y="120" width="26" height="60" rx="5" fill="rgba(244,123,32,.16)" stroke="#F8B36B"/>
    <rect class="sf-fa-bar" x="58"  y="90" width="26" height="90"  rx="5" fill="#FBA94C" style="animation-delay:.20s"/>
    <rect class="sf-fa-bar" x="96"  y="64" width="26" height="116" rx="5" fill="#F88E33" style="animation-delay:.40s"/>
    <rect class="sf-fa-bar" x="134" y="40" width="26" height="140" rx="5" fill="#F47B20" style="animation-delay:.60s"/>
    <path d="M20 132 71 100 109 78 147 52" stroke="#E0670F" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
    <g class="sf-fa-spark" transform="translate(186,44)"><path d="M0 -16 4 -4 16 0 4 4 0 16 -4 4 -16 0 -4 -4Z" fill="#F47B20"/></g>
    <circle cx="147" cy="52" r="5" fill="#E0670F"/>
  </svg>				</div>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-d625505 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d625505" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-4eff8fb" data-id="4eff8fb" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-3e8e140 sf-svc sf-n2 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="3e8e140" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/usage-based-billing-model/" class="elementor-icon" tabindex="-1" aria-label="Usage-Based Billing">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-list-alt" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zM128 120c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zm0 96c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zm0 96c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zm288-136v-32c0-6.627-5.373-12-12-12H204c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h200c6.627 0 12-5.373 12-12zm0 96v-32c0-6.627-5.373-12-12-12H204c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h200c6.627 0 12-5.373 12-12zm0 96v-32c0-6.627-5.373-12-12-12H204c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h200c6.627 0 12-5.373 12-12z"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/usage-based-billing-model/" >
							Usage-Based Billing						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						<a href="https://www.subscriptionflow.com/usage-based-billing-model/" style="color:#7c7d8b;text-decoration:none;line-height:1.2">Charge customers automatically based on exactly what they consume  <br><br>

    <span style="color:#f47b20;display:inline-flex;align-items:center">
        Learn More
        <span style="margin-left:6px">&#8594;</span>
    </span>
</a>					</p>
				
			</div>
			
		</div>
						</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-d0d1a01" data-id="d0d1a01" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-95f8f1d sf-svc sf-n3 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="95f8f1d" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/hybrid-billing-model/" class="elementor-icon" tabindex="-1" aria-label="Hybrid Billing Plans">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-dice-d20" viewBox="0 0 480 512" xmlns="http://www.w3.org/2000/svg"><path d="M106.75 215.06L1.2 370.95c-3.08 5 .1 11.5 5.93 12.14l208.26 22.07-108.64-190.1zM7.41 315.43L82.7 193.08 6.06 147.1c-2.67-1.6-6.06.32-6.06 3.43v162.81c0 4.03 5.29 5.53 7.41 2.09zM18.25 423.6l194.4 87.66c5.3 2.45 11.35-1.43 11.35-7.26v-65.67l-203.55-22.3c-4.45-.5-6.23 5.59-2.2 7.57zm81.22-257.78L179.4 22.88c4.34-7.06-3.59-15.25-10.78-11.14L17.81 110.35c-2.47 1.62-2.39 5.26.13 6.78l81.53 48.69zM240 176h109.21L253.63 7.62C250.5 2.54 245.25 0 240 0s-10.5 2.54-13.63 7.62L130.79 176H240zm233.94-28.9l-76.64 45.99 75.29 122.35c2.11 3.44 7.41 1.94 7.41-2.1V150.53c0-3.11-3.39-5.03-6.06-3.43zm-93.41 18.72l81.53-48.7c2.53-1.52 2.6-5.16.13-6.78l-150.81-98.6c-7.19-4.11-15.12 4.08-10.78 11.14l79.93 142.94zm79.02 250.21L256 438.32v65.67c0 5.84 6.05 9.71 11.35 7.26l194.4-87.66c4.03-1.97 2.25-8.06-2.2-7.56zm-86.3-200.97l-108.63 190.1 208.26-22.07c5.83-.65 9.01-7.14 5.93-12.14L373.25 215.06zM240 208H139.57L240 383.75 340.43 208H240z"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/hybrid-billing-model/" >
							Hybrid Billing Plans						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						<a href="https://www.subscriptionflow.com/hybrid-billing-model/" style="color:#7c7d8b;text-decoration:none;line-height:1.2">Combine subscriptions, usage, and one-time charges in a single plan <br><br>

    <span style="color:#f47b20;display:inline-flex;align-items:center">
        Learn More
        <span style="margin-left:6px">&#8594;</span>
    </span>
</a>					</p>
				
			</div>
			
		</div>
						</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-aab6048" data-id="aab6048" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-1ad3149 sf-svc sf-n4 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="1ad3149" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/pay-per-use/" class="elementor-icon" tabindex="-1" aria-label="Pay-Per-Use Billing">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-mouse-pointer" viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M302.189 329.126H196.105l55.831 135.993c3.889 9.428-.555 19.999-9.444 23.999l-49.165 21.427c-9.165 4-19.443-.571-23.332-9.714l-53.053-129.136-86.664 89.138C18.729 472.71 0 463.554 0 447.977V18.299C0 1.899 19.921-6.096 30.277 5.443l284.412 292.542c11.472 11.179 3.007 31.141-12.5 31.141z"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/pay-per-use/" >
							Pay-Per-Use Billing						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						<a href="https://www.subscriptionflow.com/pay-per-use/" style="color:#7c7d8b;text-decoration:none;line-height:1.2">Bill customers only for what they actually use, down to the unit  <br><br>

    <span style="color:#f47b20;display:inline-flex;align-items:center">
        Learn More
        <span style="margin-left:6px">&#8594;</span>
    </span>
</a>					</p>
				
			</div>
			
		</div>
						</div>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-a66af09 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="a66af09" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-df866ce" data-id="df866ce" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f642c78 sf-svc sf-n5 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="f642c78" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/recurring-billing-software/" class="elementor-icon" tabindex="-1" aria-label="Recurring Billing &amp; Invoicing">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-undo" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M212.333 224.333H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h48c6.627 0 12 5.373 12 12v78.112C117.773 39.279 184.26 7.47 258.175 8.007c136.906.994 246.448 111.623 246.157 248.532C504.041 393.258 393.12 504 256.333 504c-64.089 0-122.496-24.313-166.51-64.215-5.099-4.622-5.334-12.554-.467-17.42l33.967-33.967c4.474-4.474 11.662-4.717 16.401-.525C170.76 415.336 211.58 432 256.333 432c97.268 0 176-78.716 176-176 0-97.267-78.716-176-176-176-58.496 0-110.28 28.476-142.274 72.333h98.274c6.627 0 12 5.373 12 12v48c0 6.627-5.373 12-12 12z"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/recurring-billing-software/" >
							Recurring Billing &amp; Invoicing						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						<a href="https://www.subscriptionflow.com/recurring-billing-software/" style="color:#7c7d8b;text-decoration:none;line-height:1.2">Automate repeat charges and renewals without manual follow-up <br><br>

    <span style="color:#f47b20;display:inline-flex;align-items:center">
        Learn More
        <span style="margin-left:6px">&#8594;</span>
    </span>
</a>					</p>
				
			</div>
			
		</div>
						</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-e1c2d09" data-id="e1c2d09" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-66f0bd0 sf-svc sf-n6 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="66f0bd0" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://www.subscriptionflow.com/ai-billing-software/" class="elementor-icon" tabindex="-1" aria-label="AI Billing Intelligence">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-scroll" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path d="M48 0C21.53 0 0 21.53 0 48v64c0 8.84 7.16 16 16 16h80V48C96 21.53 74.47 0 48 0zm208 412.57V352h288V96c0-52.94-43.06-96-96-96H111.59C121.74 13.41 128 29.92 128 48v368c0 38.87 34.65 69.65 74.75 63.12C234.22 474 256 444.46 256 412.57zM288 384v32c0 52.93-43.06 96-96 96h336c61.86 0 112-50.14 112-112 0-8.84-7.16-16-16-16H288z"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://www.subscriptionflow.com/ai-billing-software/" >
							AI Billing Intelligence						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						<a href="https://www.subscriptionflow.com/ai-billing-software/" style="color:#7c7d8b;text-decoration:none;line-height:1.2">Let AI catch billing errors, flag anomalies, and protect revenue leaks before they happen <br><br>

    <span style="color:#f47b20;display:inline-flex;align-items:center">
        Learn More
        <span style="margin-left:6px">&#8594;</span>
    </span>
</a>					</p>
				
			</div>
			
		</div>
						</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-4f86838" data-id="4f86838" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5f6bdfc sf-svc sf-n7 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="5f6bdfc" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<a href="https://subscriptionflow.com/integrations/" class="elementor-icon" tabindex="-1" aria-label="Seamless Integrations">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-share-alt" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M352 320c-22.608 0-43.387 7.819-59.79 20.895l-102.486-64.054a96.551 96.551 0 0 0 0-41.683l102.486-64.054C308.613 184.181 329.392 192 352 192c53.019 0 96-42.981 96-96S405.019 0 352 0s-96 42.981-96 96c0 7.158.79 14.13 2.276 20.841L155.79 180.895C139.387 167.819 118.608 160 96 160c-53.019 0-96 42.981-96 96s42.981 96 96 96c22.608 0 43.387-7.819 59.79-20.895l102.486 64.054A96.301 96.301 0 0 0 256 416c0 53.019 42.981 96 96 96s96-42.981 96-96-42.981-96-96-96z"></path></svg>				</a>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<a href="https://subscriptionflow.com/integrations/" >
							Seamless Integrations						</a>
					</h3>
				
									<p class="elementor-icon-box-description">
						<a href="https://subscriptionflow.com/integrations/" style="color:#7c7d8b;text-decoration:none;line-height:1.2">Connect your existing stack in one platform, no custom code needed <br><br>

    <span style="color:#f47b20;display:inline-flex;align-items:center">
        Learn More
        <span style="margin-left:6px">&#8594;</span>
    </span>
</a>					</p>
				
			</div>
			
		</div>
						</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-be63f17 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="be63f17" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d03ab7d" data-id="d03ab7d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-b7dca3a elementor-widget elementor-widget-heading" data-id="b7dca3a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Engineered for Complex Billing Environments Standard Platforms Can’t Support</h2>				</div>
				<div class="elementor-element elementor-element-f70e71d elementor-widget elementor-widget-text-editor" data-id="f70e71d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Standard tools manage simple subscriptions: one single price, one renewal date. SubscriptionFlow runs the complex billing architecture behind that simplicity (metering, proration, mid-term changes, and recovery) and syncs the result straight to the record project.</p>								</div>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-5ae7d5d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5ae7d5d" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-6e1de71" data-id="6e1de71" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-05d7c37 elementor-position-inline-start rbp-box elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="05d7c37" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-file" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm160-14.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"></path></svg>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							Usage-Based &amp; Metered Pricing 						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Charge on consumption, volume, tiered structures, or hybrid overages with instant, automated proration. Actual billing calculations sync directly to account records, so reps see live consumption before renewal calls.					</p>
				
			</div>
			
		</div>
						</div>
				<div class="elementor-element elementor-element-0073ec5 elementor-position-inline-start rbp-box elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="0073ec5" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-coins" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 405.3V448c0 35.3 86 64 192 64s192-28.7 192-64v-42.7C342.7 434.4 267.2 448 192 448S41.3 434.4 0 405.3zM320 128c106 0 192-28.7 192-64S426 0 320 0 128 28.7 128 64s86 64 192 64zM0 300.4V352c0 35.3 86 64 192 64s192-28.7 192-64v-51.6c-41.3 34-116.9 51.6-192 51.6S41.3 334.4 0 300.4zm416 11c57.3-11.1 96-31.7 96-55.4v-42.7c-23.2 16.4-57.3 27.6-96 34.5v63.6zM192 160C86 160 0 195.8 0 240s86 80 192 80 192-35.8 192-80-86-80-192-80zm219.3 56.3c60-10.8 100.7-32 100.7-56.3v-42.7c-35.5 25.1-96.5 38.6-160.7 41.8 29.5 14.3 51.2 33.5 60 57.2z"></path></svg>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							Flexible Renewals						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Move customers to new prices, terms, or ties mid-contract without manual edits. Prorated balances update automatically across account records.					</p>
				
			</div>
			
		</div>
						</div>
				<div class="elementor-element elementor-element-42baa0c elementor-position-inline-start rbp-box elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="42baa0c" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-sliders-h" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M496 384H160v-16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v16H16c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h80v16c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-16h336c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm0-160h-80v-16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v16H16c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h336v16c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-16h80c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm0-160H288V48c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v16H16C7.2 64 0 71.2 0 80v32c0 8.8 7.2 16 16 16h208v16c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-16h208c8.8 0 16-7.2 16-16V80c0-8.8-7.2-16-16-16z"></path></svg>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							Automated AR &amp; Dunning Recovery						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Run custom retry schedules and recovery sequences for failed payments. Past-due alerts sync instantly to prevent churn and trigger retention workflows.					</p>
				
			</div>
			
		</div>
						</div>
				<div class="elementor-element elementor-element-14f21ff elementor-position-inline-start rbp-box elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="14f21ff" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-chart-line" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M496 384H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16zM464 96H345.94c-21.38 0-32.09 25.85-16.97 40.97l32.4 32.4L288 242.75l-73.37-73.37c-12.5-12.5-32.76-12.5-45.25 0l-68.69 68.69c-6.25 6.25-6.25 16.38 0 22.63l22.62 22.62c6.25 6.25 16.38 6.25 22.63 0L192 237.25l73.37 73.37c12.5 12.5 32.76 12.5 45.25 0l96-96 32.4 32.4c15.12 15.12 40.97 4.41 40.97-16.97V112c.01-8.84-7.15-16-15.99-16z"></path></svg>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							Revenue Recognition						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Automated revenue recognition schedules and deferred revenue tracking across multi-element contracts, mid-cycle upgrades, and custom frequencies. No spreadsheets required.					</p>
				
			</div>
			
		</div>
						</div>
				<div class="elementor-element elementor-element-a9786a5 elementor-position-inline-start rbp-box elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="a9786a5" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-chart-pie" viewBox="0 0 544 512" xmlns="http://www.w3.org/2000/svg"><path d="M527.79 288H290.5l158.03 158.03c6.04 6.04 15.98 6.53 22.19.68 38.7-36.46 65.32-85.61 73.13-140.86 1.34-9.46-6.51-17.85-16.06-17.85zm-15.83-64.8C503.72 103.74 408.26 8.28 288.8.04 279.68-.59 272 7.1 272 16.24V240h223.77c9.14 0 16.82-7.68 16.19-16.8zM224 288V50.71c0-9.55-8.39-17.4-17.84-16.06C86.99 51.49-4.1 155.6.14 280.37 4.5 408.51 114.83 513.59 243.03 511.98c50.4-.63 96.97-16.87 135.26-44.03 7.9-5.6 8.42-17.23 1.57-24.08L224 288z"></path></svg>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							Financial Intelligence						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Track MRR, ARR, churn, LTV, and net revenue retention in one dashboard, with key metrics available for the sales segment.					</p>
				
			</div>
			
		</div>
						</div>
				<div class="elementor-element elementor-element-f03b399 elementor-position-inline-start rbp-box elementor-view-default elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="f03b399" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span  class="elementor-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-file-contract" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zM64 72c0-4.42 3.58-8 8-8h80c4.42 0 8 3.58 8 8v16c0 4.42-3.58 8-8 8H72c-4.42 0-8-3.58-8-8V72zm0 64c0-4.42 3.58-8 8-8h80c4.42 0 8 3.58 8 8v16c0 4.42-3.58 8-8 8H72c-4.42 0-8-3.58-8-8v-16zm192.81 248H304c8.84 0 16 7.16 16 16s-7.16 16-16 16h-47.19c-16.45 0-31.27-9.14-38.64-23.86-2.95-5.92-8.09-6.52-10.17-6.52s-7.22.59-10.02 6.19l-7.67 15.34a15.986 15.986 0 0 1-14.31 8.84c-.38 0-.75-.02-1.14-.05-6.45-.45-12-4.75-14.03-10.89L144 354.59l-10.61 31.88c-5.89 17.66-22.38 29.53-41 29.53H80c-8.84 0-16-7.16-16-16s7.16-16 16-16h12.39c4.83 0 9.11-3.08 10.64-7.66l18.19-54.64c3.3-9.81 12.44-16.41 22.78-16.41s19.48 6.59 22.77 16.41l13.88 41.64c19.77-16.19 54.05-9.7 66 14.16 2.02 4.06 5.96 6.5 10.16 6.5zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z"></path></svg>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h3 class="elementor-icon-box-title">
						<span  >
							Custom Reporting						</span>
					</h3>
				
									<p class="elementor-icon-box-description">
						Build custom reports across usage, renewals, and revenue data. Filter by segment, cohort, or plan type. Export the data or view it straight from the dashboard, no engineering ticket required.					</p>
				
			</div>
			
		</div>
						</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-f5b5a01 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f5b5a01" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-" data-id="" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element- elementor-widget elementor-widget-html" data-id="" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					
<style>
.sfmcp{font-family:"IBM Plex Sans",sans-serif;}
.sfmcp-top{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:34px;}
.sfmcp-title{font-size:40px;line-height:1.18;font-weight:700;color:#10101E;margin:0;max-width:620px;letter-spacing:-.5px;}
.sfmcp-cta{display:inline-flex;align-items:center;gap:10px;background:#10101E;color:#fff!important;text-decoration:none!important;
  font-size:15px;font-weight:600;padding:15px 26px;border-radius:999px;white-space:nowrap;transition:transform .2s ease,background .2s ease;}
.sfmcp-cta:hover{background:#F2771A;transform:translateY(-2px);}

/* mild stage */
.sfmcp-stage{position:relative;border-radius:28px;padding:52px 40px;overflow:hidden;border:1px solid #EDAE78;
  background:linear-gradient(135deg,#FCD4AE 0%,#F8B884 48%,#F09C5B 100%);}
.sfmcp-stage:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.85) 0 2px,transparent 2px 13px),repeating-linear-gradient(0deg,rgba(255,255,255,.5) 0 1px,transparent 1px 26px);}

/* assistant switcher */
.sfmcp-pills{position:relative;z-index:3;display:flex;justify-content:flex-end;margin-bottom:-22px;padding-right:18px;}
.sfmcp-cluster{display:flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:6px;box-shadow:0 8px 22px rgba(16,16,30,.13);}.sfmcp-pills button{border:0!important;cursor:pointer;background:#F3F1F7!important;color:#6C6C8A!important;padding:0!important;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s ease,color .3s ease,transform .3s ease;}
.sfmcp-pills button.on{background:#10101E!important;color:#fff!important;transform:scale(1.1);}.sfmcp-pills button svg{width:19px;height:19px;display:block;}

.sfmcp-win{position:relative;z-index:1;max-width:730px;margin:0 auto;background:#fff;border-radius:18px;
  box-shadow:0 24px 54px rgba(16,16,30,.17);overflow:hidden;}
.sfmcp-winhead{display:flex;align-items:center;gap:10px;padding:16px 22px;border-bottom:1px solid #F2EFF5;font-size:14px;font-weight:600;color:#10101E;}
.sfmcp-mark{width:18px;height:18px;flex:none;display:flex;align-items:center;justify-content:center;color:#10101E;}.sfmcp-mark svg{width:100%;height:100%;display:block;}
.sfmcp-tag{margin-left:auto;font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:#A3A3BC;font-style:normal;}

.sfmcp-stack{display:grid;}
.sfmcp-panel{grid-area:1/1;padding:22px;opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .36s ease,transform .36s ease,visibility .36s;}
.sfmcp-panel.on{opacity:1;visibility:visible;transform:none;}
.sfmcp-ask{background:#F5F4F8;border-radius:14px;padding:13px 17px;font-size:13.5px;line-height:1.55;color:#3A3A52;margin:0 0 18px auto;max-width:480px;}
.sfmcp-think{display:flex;align-items:center;gap:9px;color:#A3A3BC;font-size:13px;padding:6px 0 2px;}
.sfmcp-think i{width:6px;height:6px;border-radius:50%;background:#F2771A;display:inline-block;animation:sfmcpBlink 1.1s infinite;}
.sfmcp-think i:nth-child(2){animation-delay:.18s}.sfmcp-think i:nth-child(3){animation-delay:.36s}
@keyframes sfmcpBlink{0%,60%,100%{opacity:.25;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}
.sfmcp-panel .sfmcp-out{transition:opacity .3s ease;}
.sfmcp-panel.busy .sfmcp-out{display:none;}
.sfmcp-panel:not(.busy) .sfmcp-think{display:none;}
</style><style>
.sfmcp-lead{font-size:13.5px;line-height:1.6;color:#3A3A52;margin:0 0 14px;}
.sfmcp-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:6px;}
.sfmcp-tile{border:1px solid #ECEAF2;border-radius:11px;padding:13px 14px;}
.sfmcp-tile b{display:block;font-size:22px;font-weight:700;color:#10101E;letter-spacing:-.5px;line-height:1.2;}
.sfmcp-tile span{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.5px;color:#8A8AA8;margin-top:5px;}
.sfmcp-tile i{display:block;height:3px;border-radius:3px;margin-top:9px;background:#F2771A;}
.sfmcp-tile.b i{background:#2F80ED}.sfmcp-tile.g i{background:#27AE60}.sfmcp-tile.r i{background:#E2574C}
table.sfmcp-tbl{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:4px;}
table.sfmcp-tbl th{text-align:left;font-weight:500;color:#9A9AB5;font-size:11px;padding:0 10px 9px;border-bottom:1px solid #F0EDF5;}
table.sfmcp-tbl th:not(:first-child),table.sfmcp-tbl td:not(:first-child){text-align:right;}
table.sfmcp-tbl td{padding:11px 10px;border-bottom:1px solid #F7F5FA;color:#3A3A52;}
table.sfmcp-tbl td b{color:#10101E;font-weight:700;}
table.sfmcp-tbl tr:last-child td{border-bottom:0;}
ul.sfmcp-list{list-style:none;margin:4px 0 0;padding:0;}
ul.sfmcp-list li{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid #ECEAF2;border-radius:10px;margin-bottom:9px;font-size:13px;color:#3A3A52;}
ul.sfmcp-list li em{margin-left:auto;font-style:normal;font-weight:700;color:#10101E;}
ul.sfmcp-list li u{text-decoration:none;font-size:11px;font-weight:600;color:#C2561A;background:#FDEBDD;padding:4px 9px;border-radius:999px;}
.sfmcp-reply{display:flex;align-items:center;gap:12px;margin-top:20px;padding:12px 13px 12px 19px;border:1px solid #ECEAF2;border-radius:14px;}
.sfmcp-reply span{flex:1;font-size:13.5px;color:#A9A9C0;}
.sfmcp-send{width:36px;height:36px;border-radius:10px;background:#10101E;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;flex:none;}
@media(max-width:900px){
 .sfmcp-title{font-size:28px;}.sfmcp-stage{padding:28px 14px;border-radius:20px;}
 .sfmcp-tiles{grid-template-columns:1fr 1fr;}.sfmcp-top{margin-bottom:24px;}
 .sfmcp-pills{justify-content:center;padding-right:0;}.sfmcp-ask{max-width:none;}
 table.sfmcp-tbl{font-size:11.5px;}
}
@media(prefers-reduced-motion:reduce){.sfmcp-panel{transition:none;}.sfmcp-think i{animation:none;}}
</style>
<div class="sfmcp">
  <div class="sfmcp-top">
    <h2 class="sfmcp-title">Any billing action in just a few prompts</h2>
    <a class="sfmcp-cta" href="https://www.subscriptionflow.com/mcp/">Explore SubscriptionFlow MCP &rarr;</a>
  </div>
  <div class="sfmcp-stage">
    <div class="sfmcp-pills"><div class="sfmcp-cluster"><button type="button" data-i="0" class="on" aria-label="Claude" title="Claude"><svg viewBox="20 6 19 20" fill="none" aria-hidden="true"><path d="M23.73 19.25L27.47 17.06L27.53 16.86L27.47 16.76H27.28L26.66 16.72L24.52 16.66L22.67 16.58L20.88 16.48L20.42 16.37L20 15.79L20.04 15.5L20.42 15.23L20.97 15.28L22.17 15.37L23.97 15.5L25.28 15.58L27.22 15.79H27.53L27.57 15.66L27.47 15.58L27.38 15.5L25.52 14.17L23.5 12.77L22.44 11.96L21.87 11.55L21.58 11.17L21.45 10.33L21.97 9.73L22.67 9.78L22.85 9.83L23.55 10.4L25.07 11.63L27.04 13.15L27.33 13.4L27.44 13.32L27.46 13.26L27.33 13.03L26.25 11L25.11 8.93L24.6 8.07L24.46 7.56C24.42 7.35 24.38 7.17 24.38 6.95L24.97 6.11L25.3 6L26.09 6.11L26.42 6.41L26.91 7.59L27.71 9.44L28.94 11.96L29.3 12.7L29.49 13.39L29.56 13.61H29.69V13.48L29.79 12.07L29.98 10.33L30.16 8.09L30.22 7.46L30.52 6.7L31.11 6.29L31.57 6.52L31.95 7.09L31.9 7.46L31.67 9L31.23 11.41L30.94 13.03H31.11L31.3 12.82L32.08 11.74L33.39 10.02L33.97 9.34L34.64 8.59L35.07 8.23H35.89L36.49 9.17L36.22 10.14L35.38 11.26L34.69 12.21L33.68 13.62L33.06 14.75L33.12 14.84L33.27 14.83L35.53 14.32L36.75 14.09L38.21 13.83L38.87 14.15L38.94 14.48L38.68 15.15L37.12 15.55L35.29 15.94L32.57 16.61L32.54 16.64L32.57 16.69L33.8 16.81L34.32 16.84H35.61L38 17.03L38.62 17.46L39 17.99L38.94 18.39L37.98 18.91L36.68 18.58L33.65 17.83L32.61 17.55H32.46V17.65L33.33 18.53L34.92 20.04L36.9 21.97L37 22.45L36.75 22.83L36.48 22.79L34.73 21.41L34.06 20.79L32.54 19.45H32.43V19.59L32.79 20.13L34.64 23.05L34.74 23.95L34.6 24.24L34.12 24.42L33.59 24.32L32.51 22.72L31.39 20.92L30.48 19.3L30.37 19.37L29.84 25.4L29.59 25.71L29.01 25.94L28.53 25.55L28.27 24.93L28.53 23.71L28.84 22.11L29.09 20.84L29.31 19.26L29.45 18.74L29.44 18.7L29.33 18.71L28.19 20.35L26.46 22.8L25.1 24.33L24.77 24.46L24.2 24.16L24.26 23.61L24.57 23.12L26.46 20.6L27.6 19.03L28.34 18.13L28.34 18H28.29L23.27 21.42L22.38 21.54L21.99 21.16L22.04 20.54L22.22 20.34L23.73 19.25L23.73 19.25Z" fill="currentColor"></path></svg></button><button type="button" data-i="1" aria-label="ChatGPT" title="ChatGPT"><svg viewBox="52 6.8 18.15 18.4" fill="none" aria-hidden="true"><path d="M68.95 14.33C69.1 13.86 69.18 13.38 69.18 12.88C69.18 12.07 68.97 11.27 68.56 10.57C67.73 9.13 66.2 8.24 64.54 8.24C64.21 8.24 63.88 8.28 63.57 8.35C63.14 7.86 62.61 7.47 62.02 7.21C61.43 6.94 60.79 6.8 60.14 6.8H60.11C60.11 6.8 60.1 6.8 60.1 6.8C58.09 6.8 56.31 8.1 55.69 10.01C54.4 10.28 53.28 11.09 52.63 12.24C52.22 12.94 52 13.74 52 14.56C52 15.71 52.43 16.82 53.2 17.67C53.04 18.14 52.96 18.62 52.96 19.12C52.96 19.93 53.18 20.73 53.59 21.43C54.42 22.87 55.95 23.76 57.61 23.76C57.93 23.76 58.26 23.72 58.58 23.65C59.01 24.14 59.54 24.53 60.13 24.79C60.72 25.06 61.36 25.2 62.01 25.2H62.04L62.05 25.2C64.06 25.2 65.84 23.9 66.46 21.99C67.75 21.72 68.87 20.91 69.52 19.76C69.93 19.06 70.15 18.25 70.15 17.44C70.15 16.29 69.72 15.18 68.95 14.33L68.95 14.33ZM62.04 23.99H62.03C61.23 23.99 60.45 23.71 59.83 23.2C59.87 23.18 59.9 23.16 59.94 23.13L63.6 21.02C63.69 20.97 63.77 20.89 63.82 20.8C63.87 20.71 63.9 20.61 63.9 20.5V15.34L65.45 16.23C65.47 16.24 65.48 16.25 65.48 16.27V20.55C65.48 22.45 63.94 23.99 62.04 23.99ZM54.63 20.83C54.33 20.31 54.17 19.71 54.17 19.11C54.17 18.91 54.19 18.72 54.22 18.52C54.25 18.54 54.3 18.57 54.33 18.59L57.99 20.7C58.08 20.75 58.19 20.78 58.29 20.78C58.4 20.78 58.5 20.75 58.59 20.7L63.06 18.12V19.91C63.06 19.92 63.06 19.93 63.06 19.93C63.05 19.94 63.05 19.95 63.04 19.95L59.34 22.09C58.82 22.39 58.22 22.55 57.62 22.55C57.01 22.55 56.42 22.39 55.9 22.09C55.37 21.79 54.94 21.35 54.63 20.83L54.63 20.83ZM53.67 12.84C54.07 12.14 54.71 11.6 55.46 11.33C55.46 11.36 55.46 11.41 55.46 11.45V15.68L55.46 15.69C55.46 15.79 55.49 15.89 55.54 15.98C55.59 16.08 55.67 16.15 55.76 16.2L60.23 18.78L58.68 19.68C58.68 19.68 58.67 19.69 58.66 19.69C58.65 19.69 58.64 19.69 58.63 19.68L54.93 17.54C54.41 17.24 53.97 16.8 53.67 16.28C53.37 15.76 53.21 15.16 53.21 14.56C53.21 13.95 53.37 13.36 53.67 12.84L53.67 12.84ZM66.39 15.8L61.91 13.21L63.46 12.32C63.47 12.32 63.48 12.31 63.49 12.31C63.5 12.31 63.51 12.31 63.51 12.32L67.22 14.45C68.28 15.07 68.94 16.21 68.94 17.44C68.94 18.88 68.04 20.17 66.68 20.67V16.32C66.68 16.31 66.68 16.31 66.68 16.31C66.68 16.1 66.57 15.9 66.39 15.8ZM67.93 13.48C67.9 13.46 67.85 13.43 67.82 13.41L64.16 11.3C64.06 11.24 63.96 11.22 63.85 11.22C63.75 11.22 63.65 11.24 63.55 11.3L59.08 13.88V12.09L59.08 12.09C59.08 12.08 59.09 12.07 59.09 12.06C59.09 12.06 59.1 12.05 59.11 12.04L62.81 9.91C63.33 9.61 63.92 9.45 64.53 9.45C66.43 9.45 67.98 10.99 67.98 12.89C67.98 13.09 67.96 13.28 67.93 13.48V13.48ZM58.24 16.66L56.69 15.77C56.69 15.77 56.68 15.76 56.67 15.75C56.67 15.74 56.66 15.74 56.66 15.73V11.45C56.66 9.55 58.21 8.01 60.11 8.01C60.92 8.01 61.7 8.29 62.32 8.8C62.28 8.82 62.24 8.85 62.21 8.87L58.55 10.98C58.45 11.03 58.38 11.11 58.32 11.2C58.27 11.29 58.24 11.39 58.24 11.5V11.5L58.24 16.66ZM59.08 14.85L61.07 13.7L63.06 14.85V17.15L61.07 18.3L59.08 17.15V14.85Z" fill="currentColor"></path></svg></button><button type="button" data-i="2" aria-label="Gemini" title="Gemini"><svg viewBox="83.14 6 19.97 19.97" fill="none" aria-hidden="true"><path d="M93.13 6C93.34 6 93.52 6.14 93.57 6.35C93.73 6.97 93.93 7.57 94.19 8.16C94.85 9.7 95.76 11.05 96.91 12.2C98.06 13.36 99.41 14.26 100.95 14.93C101.54 15.18 102.14 15.39 102.77 15.54C102.97 15.59 103.11 15.77 103.11 15.98C103.11 16.19 102.97 16.38 102.77 16.43C102.14 16.58 101.54 16.79 100.95 17.04C99.41 17.7 98.06 18.61 96.91 19.77C95.76 20.92 94.85 22.27 94.19 23.8C93.93 24.39 93.73 25 93.57 25.62C93.55 25.72 93.49 25.81 93.41 25.87C93.33 25.93 93.23 25.97 93.13 25.97C92.92 25.97 92.74 25.82 92.69 25.62C92.53 25 92.32 24.39 92.07 23.8C91.41 22.27 90.5 20.92 89.35 19.77C88.19 18.61 86.85 17.7 85.31 17.04C84.72 16.79 84.11 16.58 83.49 16.43C83.39 16.4 83.3 16.34 83.24 16.26C83.18 16.18 83.14 16.09 83.14 15.98C83.14 15.77 83.29 15.59 83.49 15.54C84.11 15.39 84.72 15.18 85.31 14.93C86.85 14.26 88.19 13.36 89.35 12.2C90.5 11.05 91.41 9.7 92.07 8.16C92.32 7.58 92.53 6.97 92.69 6.35C92.71 6.25 92.77 6.16 92.85 6.1C92.93 6.03 93.03 6 93.13 6Z" fill="currentColor"></path></svg></button></div></div>
    <div class="sfmcp-win">
      <div class="sfmcp-winhead"><i class="sfmcp-mark"></i><span class="sfmcp-who">Claude</span><i class="sfmcp-tag">Sample response</i></div>
      <div class="sfmcp-stack">

        <div class="sfmcp-panel on" data-i="0">
          <p class="sfmcp-ask">What&rsquo;s my current MRR and how does it compare to last month?</p>
          <div class="sfmcp-think"><i></i><i></i><i></i> Reading your account&hellip;</div>
          <div class="sfmcp-out">
            <p class="sfmcp-lead">Recurring revenue is up month over month, with new business outpacing cancellations.</p>
            <div class="sfmcp-tiles">
              <div class="sfmcp-tile"><b>$82.4K</b><span>MRR</span><i></i></div>
              <div class="sfmcp-tile g"><b>+8.1%</b><span>VS LAST MONTH</span><i></i></div>
              <div class="sfmcp-tile b"><b>37</b><span>NEW CUSTOMERS</span><i></i></div>
              <div class="sfmcp-tile r"><b>9</b><span>CANCELLATIONS</span><i></i></div>
            </div>
          </div>
          <div class="sfmcp-reply"><span>Reply to Claude&hellip;</span><i class="sfmcp-send">&#8599;</i></div>
        </div>

        <div class="sfmcp-panel" data-i="1">
          <p class="sfmcp-ask">Show me unpaid invoices and calculate total outstanding.</p>
          <div class="sfmcp-think"><i></i><i></i><i></i> Totalling open invoices&hellip;</div>
          <div class="sfmcp-out">
            <p class="sfmcp-lead">Four invoices are still open. Total outstanding is <b>$14,240</b>.</p>
            <table class="sfmcp-tbl">
              <tr><th>Invoice</th><th>Amount</th><th>Overdue</th></tr>
              <tr><td>INV-10482</td><td><b>$6,400</b></td><td>41 days</td></tr>
              <tr><td>INV-10515</td><td><b>$3,950</b></td><td>22 days</td></tr>
              <tr><td>INV-10538</td><td><b>$2,490</b></td><td>9 days</td></tr>
              <tr><td>INV-10560</td><td><b>$1,400</b></td><td>3 days</td></tr>
            </table>
          </div>
          <div class="sfmcp-reply"><span>Reply to ChatGPT&hellip;</span><i class="sfmcp-send">&#8599;</i></div>
        </div>

        <div class="sfmcp-panel" data-i="2">
          <p class="sfmcp-ask">List all subscriptions expiring in the next 7 days.</p>
          <div class="sfmcp-think"><i></i><i></i><i></i> Checking renewal dates&hellip;</div>
          <div class="sfmcp-out">
            <p class="sfmcp-lead">23 subscriptions renew this week. The four largest by value:</p>
            <ul class="sfmcp-list">
              <li>Northwind Labs <u>Scale annual</u> <em>$18,000</em></li>
              <li>Harbour Collective <u>Growth annual</u> <em>$9,600</em></li>
              <li>Kestrel Analytics <u>Scale monthly</u> <em>$2,750</em></li>
              <li>Lumen Studio <u>Growth monthly</u> <em>$1,180</em></li>
            </ul>
          </div>
          <div class="sfmcp-reply"><span>Reply to Gemini&hellip;</span><i class="sfmcp-send">&#8599;</i></div>
        </div>

      </div>
    </div>
  </div>
</div>
<script>
(function(){
  var r=document.currentScript?document.currentScript.closest('.elementor-widget-container')||document:document;
  var root=r.querySelector('.sfmcp'); if(!root||root.__sfInit) return; root.__sfInit=1;
  var names=['Claude','ChatGPT','Gemini'];
  var pills=root.querySelectorAll('.sfmcp-pills button');
  var panels=root.querySelectorAll('.sfmcp-panel');
  var who=root.querySelector('.sfmcp-who');
  var mark=root.querySelector('.sfmcp-mark');
  var i=0,timer=null,busyT=null;
  var reduce=window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches;
  function show(n){
    i=n; who.textContent=names[n];
    if(mark&&pills[n]) mark.innerHTML=pills[n].innerHTML;
    pills.forEach(function(p,k){p.classList.toggle('on',k===n);});
    panels.forEach(function(p,k){p.classList.toggle('on',k===n);});
    var cur=panels[n]; clearTimeout(busyT);
    panels.forEach(function(p){p.classList.remove('busy');});
    if(!reduce){ cur.classList.add('busy'); busyT=setTimeout(function(){cur.classList.remove('busy');},900); }
  }
  function next(){ show((i+1)%panels.length); }
  function start(){ if(reduce)return; clearInterval(timer); timer=setInterval(next,5200); }
  if(mark&&pills[0]) mark.innerHTML=pills[0].innerHTML;
  pills.forEach(function(p){ p.addEventListener('click',function(){ show(+p.dataset.i); start(); }); });
  var stage=root.querySelector('.sfmcp-stage');
  stage.addEventListener('mouseenter',function(){clearInterval(timer);});
  stage.addEventListener('mouseleave',start);
  if('IntersectionObserver' in window){
    new IntersectionObserver(function(es){ es.forEach(function(e){ e.isIntersecting?start():clearInterval(timer); }); },{threshold:.2}).observe(stage);
  } else start();
})();
</script>				</div>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-fed7e45 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="fed7e45" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0acb78b" data-id="0acb78b" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-d7be673 elementor-widget elementor-widget-heading" data-id="d7be673" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Turn Contracts into Cash Instantly</h2>				</div>
				<div class="elementor-element elementor-element-926a42d elementor-widget elementor-widget-text-editor" data-id="926a42d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><strong>Stop chasing payments. Start collecting them automatically.</strong></p><p><span data-teams="true">Get instant contract-to-invoice conversion with SubscriptionFlow. Once a contract is signed, its terms, pricing, usage, and discounts flow directly into a live billing schedule, eliminating manual data entry or recalculations. When customers upgrade, downgrade, or add seats, billing adjusts automatically with accurate proration. From signature to invoice, everything stays in sync.</span></p>								</div>
				<div class="elementor-element elementor-element-af361aa elementor-widget elementor-widget-spacer" data-id="af361aa" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				<div class="elementor-element elementor-element-3ad1473 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="3ad1473" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">No manual billing after every contract change</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Usage and subscription charges combined into one invoice</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Invoices stay accurate even when contract terms change mid-cycle </span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Syncs directly to your accounting tools - no double entry</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Auto-generate invoices the moment a contract is signed</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Real-time visibility into every contract's billing status</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Reduce revenue leakage from missed or delayed invoicing</span>
									</li>
						</ul>
						</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-42ce67a" data-id="42ce67a" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-aa5f86f elementor-widget elementor-widget-html" data-id="aa5f86f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!DOCTYPE html>
<html lang="en">
<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contract to Cash — SubscriptionFlow</title>
<style>
  /* Everything is scoped under .c2c and uses c2c- prefixed classes so the
     WordPress theme's table, button, badge and link styles can't leak in. */
  .c2c{
    --c2c-page:#FFFFFF;
    --c2c-ink-2:#F3F1EA;
    --c2c-cream:#FFFFFF;
    --c2c-paper:#FBF8F1;
    --c2c-line-dark:#E4E0D3;
    --c2c-line-light:#E9E4D6;
    --c2c-orange:#F2622A;
    --c2c-teal:#2E9C7A;
    --c2c-amber:#D69A1E;
    --c2c-text-hi:#181511;
    --c2c-text-mid:#78735F;
    --c2c-text-body:#28251E;
    --c2c-text-soft:#6B6656;
    font-family:"Inter","Segoe UI",-apple-system,Helvetica,Arial,sans-serif;
    background:var(--c2c-page);
    line-height:1.4;
    text-align:left;
    display:block;
    box-sizing:border-box;
    width:auto;
    max-width:100%;
    margin:0;
    overflow:hidden;
  }
  .c2c *, .c2c *::before, .c2c *::after{box-sizing:border-box;}
  .c2c .c2c-inner{max-width:900px;width:100%;margin:0 auto;}
  .c2c .c2c-window{max-width:100%;}

  /* product window */
  .c2c .c2c-window{
    background:var(--c2c-paper);
    border:1px solid var(--c2c-line-dark);
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 1px 3px rgba(23,21,17,0.06), 0 12px 32px rgba(23,21,17,0.06);
  }
  .c2c .c2c-chrome{
    display:flex;align-items:center;gap:10px;
    padding:12px 16px;
    background:var(--c2c-ink-2);
    border-bottom:1px solid var(--c2c-line-dark);
  }
  .c2c .c2c-dot{width:9px;height:9px;border-radius:50%;background:#D8D3C2;flex:none;}
  .c2c .c2c-crumb{margin-left:6px;font-size:12px;color:var(--c2c-text-mid);}
  .c2c .c2c-crumb b{color:var(--c2c-text-hi);font-weight:600;}

  .c2c .c2c-body{display:grid;grid-template-columns:56px minmax(0,1fr);}
  .c2c .c2c-rail{
    background:var(--c2c-ink-2);
    border-right:1px solid var(--c2c-line-dark);
    display:flex;flex-direction:column;align-items:center;gap:20px;
    padding:20px 0;
  }
  .c2c .c2c-rail-dot{width:8px;height:8px;border-radius:50%;background:#D8D3C2;}
  .c2c .c2c-rail-dot.is-on{background:var(--c2c-orange);}

  .c2c .c2c-main{padding:22px 24px 26px;min-width:0;}

  /* stats */
  .c2c .c2c-stats{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;margin-bottom:22px;
  }
  .c2c .c2c-stat{
    background:var(--c2c-cream);
    border:1px solid var(--c2c-line-light);
    border-left:3px solid var(--c2c-accent, var(--c2c-orange));
    border-radius:8px;
    padding:14px 16px;
  }
  .c2c .c2c-stat.is-paid{--c2c-accent:var(--c2c-teal);}
  .c2c .c2c-stat.is-due{--c2c-accent:var(--c2c-amber);}
  .c2c .c2c-stat.is-inv{--c2c-accent:var(--c2c-orange);}
  .c2c .c2c-stat.is-tot{--c2c-accent:#4A4638;}
  .c2c .c2c-stat-label{font-size:12px;color:var(--c2c-text-soft);margin-bottom:8px;}
  .c2c .c2c-stat-value{font-size:24px;font-weight:700;color:var(--c2c-text-body);letter-spacing:-0.3px;line-height:1.1;}

  /* toolbar */
  .c2c .c2c-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;}
  .c2c .c2c-toolbar-title{font-size:15px;font-weight:700;color:var(--c2c-text-body);margin-right:auto;}
  .c2c .c2c-tabs{display:flex;gap:4px;background:var(--c2c-line-light);border-radius:7px;padding:3px;}

  /* hard reset for theme button styles */
  .c2c button{
    -webkit-appearance:none;appearance:none;
    margin:0;box-shadow:none;text-transform:none;letter-spacing:normal;
    line-height:1.2;font-family:inherit;min-height:0;min-width:0;width:auto;
  }
  .c2c .c2c-tab{
    border:none;background:transparent;
    font-size:13px;font-weight:500;
    padding:6px 13px;border-radius:5px;
    color:var(--c2c-text-soft);cursor:pointer;
  }
  .c2c .c2c-tab.is-active{background:var(--c2c-text-body);color:#FFFDF8;font-weight:600;}
  .c2c .c2c-create{
    background:var(--c2c-text-body);color:var(--c2c-cream);
    border:none;font-size:13px;font-weight:600;
    padding:8px 15px;border-radius:7px;cursor:pointer;
  }
  .c2c .c2c-tab:focus-visible, .c2c .c2c-create:focus-visible{outline:2px solid var(--c2c-orange);outline-offset:2px;}

  /* invoice list — divs + grid, not <table>, so theme table CSS can't break it */
  .c2c .c2c-list{transition:min-height .3s ease;}
  .c2c .c2c-row{
    display:grid;
    grid-template-columns:1.1fr 1.4fr .8fr 1fr 1fr;
    align-items:center;
    border-bottom:1px solid var(--c2c-line-light);
  }
  .c2c .c2c-row > div{padding:13px 12px;font-size:13.5px;color:var(--c2c-text-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .c2c .c2c-head > div{font-size:11px;color:var(--c2c-text-soft);font-weight:600;padding:0 12px 10px;}
  .c2c .c2c-row.is-hidden{display:none;}
  .c2c .c2c-rows .c2c-row:last-child{border-bottom:none;}

  .c2c a.c2c-num{color:var(--c2c-orange);font-weight:600;text-decoration:none;border:none;box-shadow:none;}

  .c2c .c2c-badge{
    display:inline-block;font-size:11.5px;font-weight:700;line-height:1.4;
    padding:3px 9px;border-radius:5px;
  }
  .c2c .c2c-badge.is-paid{background:rgba(46,156,122,0.14);color:var(--c2c-teal);}
  .c2c .c2c-badge.is-due{background:rgba(214,154,30,0.16);color:var(--c2c-amber);}

  /* mobile: compact two-column invoice cards */
  @media (max-width:640px){
    .c2c{padding:40px 16px 48px;}
    .c2c .c2c-body{grid-template-columns:minmax(0,1fr);}
    .c2c .c2c-rail{display:none;}
    .c2c .c2c-main{padding:16px 14px 18px;}
    .c2c .c2c-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px;}
    .c2c .c2c-stat{padding:12px 13px;}
    .c2c .c2c-stat-value{font-size:20px;}

    .c2c .c2c-toolbar-title{width:100%;margin-right:0;}
    .c2c .c2c-tabs{flex:1 1 auto;}
    .c2c .c2c-tab{flex:1 1 0;text-align:center;padding:7px 8px;}

    .c2c .c2c-head{display:none;}
    .c2c .c2c-row{
      grid-template-columns:minmax(0,1fr) auto;
      grid-template-areas:
        "num  status"
        "cust amount"
        "date amount";
      column-gap:12px;row-gap:2px;
      padding:12px 2px;
    }
    .c2c .c2c-row > div{padding:0;white-space:nowrap;}
    .c2c .c2c-c-num{grid-area:num;}
    .c2c .c2c-c-status{grid-area:status;justify-self:end;}
    .c2c .c2c-c-cust{grid-area:cust;font-size:14px;}
    .c2c .c2c-c-amount{grid-area:amount;justify-self:end;align-self:end;font-weight:700;font-size:14.5px;}
    .c2c .c2c-c-date{grid-area:date;font-size:12px;color:var(--c2c-text-soft);}
  }
</style>
</head>
<body data-rsssl=1 style="margin:0;">

<section class="c2c" id="c2cInvoices">
  <div class="c2c-inner">
    <div class="c2c-window">
      <div class="c2c-chrome">
        <span class="c2c-dot"></span><span class="c2c-dot"></span><span class="c2c-dot"></span>
        <span class="c2c-crumb">Invoicing / <b>Billing</b></span>
      </div>
      <div class="c2c-body">
        <div class="c2c-rail" aria-hidden="true">
          <span class="c2c-rail-dot is-on"></span>
          <span class="c2c-rail-dot"></span>
          <span class="c2c-rail-dot"></span>
          <span class="c2c-rail-dot"></span>
          <span class="c2c-rail-dot"></span>
        </div>

        <div class="c2c-main">
          <div class="c2c-stats">
            <div class="c2c-stat is-paid"><div class="c2c-stat-label">Paid</div><div class="c2c-stat-value">3</div></div>
            <div class="c2c-stat is-due"><div class="c2c-stat-label">Due</div><div class="c2c-stat-value">3</div></div>
            <div class="c2c-stat is-inv"><div class="c2c-stat-label">Invoiced, 30d</div><div class="c2c-stat-value">$1,815</div></div>
            <div class="c2c-stat is-tot"><div class="c2c-stat-label">Total invoices</div><div class="c2c-stat-value">6</div></div>
          </div>

          <div class="c2c-toolbar">
            <span class="c2c-toolbar-title">Invoices</span>
            <div class="c2c-tabs" role="tablist">
              <button type="button" class="c2c-tab is-active" data-filter="all">All</button>
              <button type="button" class="c2c-tab" data-filter="paid">Paid</button>
              <button type="button" class="c2c-tab" data-filter="due">Due</button>
            </div>
            <button type="button" class="c2c-create">+ Create</button>
          </div>

          <div class="c2c-list" role="table" aria-label="Invoices">
            <div class="c2c-row c2c-head" role="row">
              <div role="columnheader">Invoice number</div>
              <div role="columnheader">Customer</div>
              <div role="columnheader">Status</div>
              <div role="columnheader">Total amount</div>
              <div role="columnheader">Invoice date</div>
            </div>
            <div class="c2c-rows">
              <div class="c2c-row" data-status="paid" role="row">
                <div class="c2c-c-num" role="cell"><a class="c2c-num" href="#">IN-009769</a></div>
                <div class="c2c-c-cust" role="cell">Sana Malik</div>
                <div class="c2c-c-status" role="cell"><span class="c2c-badge is-paid">Paid</span></div>
                <div class="c2c-c-amount" role="cell">$420.00</div>
                <div class="c2c-c-date" role="cell">01/25/2026</div>
              </div>
              <div class="c2c-row" data-status="paid" role="row">
                <div class="c2c-c-num" role="cell"><a class="c2c-num" href="#">IN-009765</a></div>
                <div class="c2c-c-cust" role="cell">Daniel Cho</div>
                <div class="c2c-c-status" role="cell"><span class="c2c-badge is-paid">Paid</span></div>
                <div class="c2c-c-amount" role="cell">$180.00</div>
                <div class="c2c-c-date" role="cell">01/20/2026</div>
              </div>
              <div class="c2c-row" data-status="paid" role="row">
                <div class="c2c-c-num" role="cell"><a class="c2c-num" href="#">IN-009763</a></div>
                <div class="c2c-c-cust" role="cell">Bright Harbor Ltd</div>
                <div class="c2c-c-status" role="cell"><span class="c2c-badge is-paid">Paid</span></div>
                <div class="c2c-c-amount" role="cell">$650.00</div>
                <div class="c2c-c-date" role="cell">01/18/2026</div>
              </div>
              <div class="c2c-row" data-status="due" role="row">
                <div class="c2c-c-num" role="cell"><a class="c2c-num" href="#">IN-009756</a></div>
                <div class="c2c-c-cust" role="cell">Marcus Whitfield</div>
                <div class="c2c-c-status" role="cell"><span class="c2c-badge is-due">Due</span></div>
                <div class="c2c-c-amount" role="cell">$1,000.00</div>
                <div class="c2c-c-date" role="cell">09/10/2026</div>
              </div>
              <div class="c2c-row" data-status="due" role="row">
                <div class="c2c-c-num" role="cell"><a class="c2c-num" href="#">IN-009755</a></div>
                <div class="c2c-c-cust" role="cell">Priya Nathwani</div>
                <div class="c2c-c-status" role="cell"><span class="c2c-badge is-due">Due</span></div>
                <div class="c2c-c-amount" role="cell">$275.00</div>
                <div class="c2c-c-date" role="cell">02/02/2026</div>
              </div>
              <div class="c2c-row" data-status="due" role="row">
                <div class="c2c-c-num" role="cell"><a class="c2c-num" href="#">IN-009751</a></div>
                <div class="c2c-c-cust" role="cell">Coastal Fitness Co</div>
                <div class="c2c-c-status" role="cell"><span class="c2c-badge is-due">Due</span></div>
                <div class="c2c-c-amount" role="cell">$540.00</div>
                <div class="c2c-c-date" role="cell">01/30/2026</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<script type="text/rocketlazyloadscript">
(function(){
  var root = document.getElementById('c2cInvoices');
  if (!root) return;

  var tabs  = Array.prototype.slice.call(root.querySelectorAll('.c2c-tab'));
  var rows  = root.querySelectorAll('.c2c-rows .c2c-row');
  var list  = root.querySelector('.c2c-list');
  var order = ['all', 'paid', 'due'];
  var idx = 0, timer = null;
  var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;

  function applyFilter(filter){
    tabs.forEach(function(b){ b.classList.toggle('is-active', b.dataset.filter === filter); });
    Array.prototype.forEach.call(rows, function(r){
      r.classList.toggle('is-hidden', !(filter === 'all' || r.dataset.status === filter));
    });
  }

  // Lock the list to the height of the "All" state so switching tabs never
  // makes the page jump. Re-measured on resize/rotation, because the mobile
  // card layout is a different height from the desktop rows.
  function lockHeight(){
    list.style.minHeight = '';
    applyFilter('all');
    list.style.minHeight = list.offsetHeight + 'px';
    applyFilter(order[idx]);
  }

  function start(){
    if (reduceMotion) return;
    clearInterval(timer);
    timer = setInterval(function(){
      idx = (idx + 1) % order.length;
      applyFilter(order[idx]);
    }, 2200);
  }

  tabs.forEach(function(btn){
    btn.addEventListener('click', function(){
      idx = order.indexOf(btn.dataset.filter);
      applyFilter(btn.dataset.filter);
      start();
    });
  });

  var resizeT;
  window.addEventListener('resize', function(){
    clearTimeout(resizeT);
    resizeT = setTimeout(lockHeight, 150);
  });

  lockHeight();
  start();
})();
</script>

<script>(()=>{class RocketElementorPreload{constructor(){this.deviceMode=document.createElement("span"),this.deviceMode.id="elementor-device-mode-wpr",this.deviceMode.setAttribute("class","elementor-screen-only"),document.body.appendChild(this.deviceMode)}t(){let t=getComputedStyle(this.deviceMode,":after").content.replace(/"/g,"");this.animationSettingKeys=this.i(t),document.querySelectorAll(".elementor-invisible[data-settings]").forEach(t=>{const e=t.getBoundingClientRect();if(e.bottom>=0&&e.top<=window.innerHeight)try{this.o(t)}catch(t){}})}o(t){const e=JSON.parse(t.dataset.settings),i=e.m||e.animation_delay||0,n=e[this.animationSettingKeys.find(t=>e[t])];if("none"===n)return void t.classList.remove("elementor-invisible");t.classList.remove(n),this.currentAnimation&&t.classList.remove(this.currentAnimation),this.currentAnimation=n;let o=setTimeout(()=>{t.classList.remove("elementor-invisible"),t.classList.add("animated",n),this.l(t,e)},i);window.addEventListener("rocket-startLoading",function(){clearTimeout(o)})}i(t="mobile"){const e=[""];switch(t){case"mobile":e.unshift("_mobile");case"tablet":e.unshift("_tablet");case"desktop":e.unshift("_desktop")}const i=[];return["animation","_animation"].forEach(t=>{e.forEach(e=>{i.push(t+e)})}),i}l(t,e){this.i().forEach(t=>delete e[t]),t.dataset.settings=JSON.stringify(e)}static run(){const t=new RocketElementorPreload;requestAnimationFrame(t.t.bind(t))}}document.addEventListener("DOMContentLoaded",RocketElementorPreload.run)})();</script><script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a586460b08a7f8ac',t:'MTc5NDMyNjQ2Mw=='};var l=window.parent.location,o;try{o=new URL(l.origin).origin}catch(e){try{o=new URL(new URL(l.href).origin).origin}catch(e){o=''}}var u='/cdn-cgi/challenge-platform/scripts/jsd/main.js?ray=a586460b08a7f8ac',a=document.createElement('script');a.src=o?new URL(u,o).href:u;document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>				</div>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-9d265cb elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="9d265cb" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f2c5fea" data-id="f2c5fea" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-1a1b7d8 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1a1b7d8" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-7f9f4d4" data-id="7f9f4d4" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-146a1dd elementor-widget elementor-widget-heading" data-id="146a1dd" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">A Complete Subscription Lifecycle That Runs Itself</h2>				</div>
				<div class="elementor-element elementor-element-ba107b5 elementor-widget elementor-widget-html" data-id="ba107b5" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =====================================================================
     SUBSCRIPTIONFLOW — JOURNEY (Animated Cards Row layout)
     - Home page for "Custom HTML" /
     ===================================================================== -->

<section class="ac">
  <div class="ac-wrap">
    <div class="ac-track" id="acTrack">

      <span class="ac-line"><span class="ac-fill" id="acFill"></span></span>

      <!-- ===== LAUNCH (rocket) ===== -->
      <a href="#" class="ac-card">
        <span class="ac-icon">
          <svg viewBox="0 0 24 24">
            <path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/>
            <path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/>
            <path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/>
            <path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/>
          </svg>
        </span>
        <span class="ac-body">
          <span class="ac-num">01</span>
          <h3>Launch</h3>
          <p>Set up plans, pricing and one-click checkouts in minutes.</p>
        </span>
      </a>

      <!-- ===== ACQUIRE ===== -->
      <a href="#" class="ac-card">
        <span class="ac-icon">
          <svg viewBox="0 0 24 24">
            <circle cx="9" cy="8" r="3.2"/>
            <path d="M3.4 19a5.6 5.6 0 0 1 11.2 0"/>
            <path d="M18.5 6.5v5M16 9h5"/>
          </svg>
        </span>
        <span class="ac-body">
          <span class="ac-num">02</span>
          <h3>Acquire</h3>
          <p>Win customers with smart onboarding and multi-channel signups.</p>
        </span>
      </a>

      <!-- ===== RETAIN (revenue / dollar) ===== -->
      <a href="#" class="ac-card">
        <span class="ac-icon">
          <svg viewBox="0 0 24 24">
            <circle cx="12" cy="12" r="9"/>
            <path d="M12 6.8v10.4"/>
            <path d="M15 9.3c-.6-.95-1.75-1.45-3-1.45-1.7 0-3 .9-3 2.2 0 3 6 1.5 6 4.45 0 1.4-1.4 2.2-3 2.2-1.4 0-2.55-.55-3.15-1.55"/>
          </svg>
        </span>
        <span class="ac-body">
          <span class="ac-num">03</span>
          <h3>Retain</h3>
          <p>Recover revenue automatically with dunning and cancel-saves.</p>
        </span>
      </a>

      <!-- ===== SCALE ===== -->
      <a href="#" class="ac-card">
        <span class="ac-icon">
          <svg viewBox="0 0 24 24">
            <path d="M4 19V5M4 19h16"/>
            <polyline points="7 14 11 10 14 13 19 7"/>
            <polyline points="15 7 19 7 19 11"/>
          </svg>
        </span>
        <span class="ac-body">
          <span class="ac-num">04</span>
          <h3>Scale</h3>
          <p>Grow globally with rev-rec, deep analytics and live insights.</p>
        </span>
      </a>

    </div>
  </div>
</section>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

  .ac{
    --bg:#FFFFFF;
    --accent:#FD7B03;
    --ink:#1d1d1f;
    --muted:#6b6f76;
    --ring:#efe5dc;
    --num:#d7ccc1;
    --ac-p:0%;                 /* progress (JS isay set karta hai) */
    font-family:'Plus Jakarta Sans',-apple-system,'Segoe UI',sans-serif;
    background:var(--bg);
    padding:70px 22px;
  }
  .ac *{box-sizing:border-box;}
  .ac-wrap{ max-width:1180px; margin:0 auto; }

  .ac-track{
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:14px;
  }

  /* progress line (DESKTOP: horizontal) */
  .ac-line{
    position:absolute;
    top:62px; left:12.5%; right:12.5%;
    height:3px;
    background:var(--ring);
    border-radius:3px;
    z-index:0;
  }
  .ac-fill{
    display:block;
    width:var(--ac-p); height:100%;
    background:var(--accent);
    border-radius:3px;
    transition:width .6s cubic-bezier(.4,0,.2,1), height .6s cubic-bezier(.4,0,.2,1);
  }

  /* card */
  .ac-card{
    flex:1;
    text-align:center;
    padding:30px 20px 30px;
    border-radius:22px;
    text-decoration:none;
    position:relative;
    transition:background .45s ease, box-shadow .45s ease, transform .45s ease;
  }
  .ac-card.active{
    background:#ffffff;
    box-shadow:0 18px 42px rgba(70,45,15,.10);
    transform:translateY(-6px);
  }

  /* icon */
  .ac-icon{
    width:64px; height:64px; border-radius:50%;
    margin:0 auto 16px;
    display:flex; align-items:center; justify-content:center;
    background:#fff;
    box-shadow:0 4px 12px rgba(0,0,0,.05), inset 0 0 0 5px var(--ring);
    transition:background .45s ease, box-shadow .45s ease, transform .45s ease;
    position:relative; z-index:2;
  }
  .ac-icon svg{
    width:28px; height:28px; fill:none;
    stroke:#b7bcc4; stroke-width:1.8;
    stroke-linecap:round; stroke-linejoin:round;
    transition:stroke .45s ease, transform .45s ease;
  }
  .ac-card.active .ac-icon{
    background:var(--accent);
    box-shadow:0 12px 26px rgba(253,123,3,.40), inset 0 0 0 5px var(--accent);
    transform:scale(1.06);
  }
  .ac-card.active .ac-icon svg{
    stroke:#fff;
    animation:acBob 1.5s ease-in-out infinite;
  }

  /* text */
  .ac-body{ display:block; }
  .ac-num{
    display:block; font-size:22px; font-weight:800; letter-spacing:1.5px;
    color:var(--num); margin-bottom:7px; transition:color .4s ease;
  }
  .ac-card.active .ac-num{ color:var(--accent); }
  .ac-card h3{ margin:0 0 9px; font-size:19px; font-weight:800; color:var(--ink); }
  .ac-card p{ margin:0 auto; max-width:240px; font-size:14px; font-weight:500; color:var(--muted); line-height:1.55; }

  @keyframes acBob{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(-3px);} }

  /* ---------- MOBILE (icon left, text right + VERTICAL line) ---------- */
  @media (max-width:760px){
    .ac{ padding:46px 16px; }
    .ac-track{ flex-direction:column; gap:20px; }

    /* line ab vertical, icons ke beech se guzarti hai */
    .ac-line{
      display:block;
      top:50px; bottom:50px;
      left:47px; right:auto;
      width:3px; height:auto;
      transform:translateX(-50%);
      z-index:0;                 /* line ab cards ke PEECHE */
    }
    .ac-fill{ width:100%; height:var(--ac-p); }

    .ac-card{
      display:flex; align-items:center; gap:18px;
      text-align:left;
      padding:18px 18px;
    }
    .ac-icon{ margin:0; flex:0 0 58px; width:58px; height:58px; }
    .ac-icon svg{ width:25px; height:25px; }

    .ac-body{ flex:1; min-width:0; text-align:left; }
    .ac-num{ display:none; }
    .ac-card h3{ margin:0 0 5px; font-size:18px; }
    .ac-card p{ margin:0; max-width:none; font-size:13.5px; line-height:1.5; }
  }

  @media (prefers-reduced-motion:reduce){
    .ac-card.active .ac-icon svg{ animation:none; }
  }
</style>

<script type="text/rocketlazyloadscript">
(function(){
  var track = document.getElementById('acTrack');
  if(!track) return;
  var cards = Array.prototype.slice.call(track.querySelectorAll('.ac-card'));
  var n = cards.length, idx = 0, timer = null, paused = false;
  var DWELL = 1900;   // har card kitni der active rahe (ms)

  function render(){
    for(var i=0;i<n;i++) cards[i].classList.toggle('active', i===idx);
    var p = (n>1 ? (idx/(n-1))*100 : 0);
    track.style.setProperty('--ac-p', p + '%');
  }
  function next(){ idx=(idx+1)%n; render(); }
  function play(){ stop(); timer=setInterval(function(){ if(!paused) next(); }, DWELL); }
  function stop(){ if(timer){ clearInterval(timer); timer=null; } }

  cards.forEach(function(c,i){
    c.addEventListener('mouseenter', function(){ paused=true; idx=i; render(); });
    c.addEventListener('mouseleave', function(){ paused=false; });
  });

  render();
  play();
})();
</script>				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-c673b36 elementor-hidden-mobile_extra elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="c673b36" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3200942" data-id="3200942" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-650c41c elementor-widget elementor-widget-heading" data-id="650c41c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Automate, Manage, and Grow with
</br><span>SubscriptionFlow</span></h2>				</div>
				<div class="elementor-element elementor-element-068cd60 elementor-widget elementor-widget-video" data-id="068cd60" data-element_type="widget" data-e-type="widget" data-settings="{&quot;youtube_url&quot;:&quot;https:\/\/www.youtube.com\/watch?v=penh7_MqMuE&quot;,&quot;show_image_overlay&quot;:&quot;yes&quot;,&quot;image_overlay&quot;:{&quot;url&quot;:&quot;https:\/\/subscriptionflow.com\/wp-content\/uploads\/2022\/05\/01.jpg&quot;,&quot;id&quot;:17661,&quot;size&quot;:&quot;&quot;,&quot;alt&quot;:&quot;SubscriptionFlow-Video&quot;,&quot;source&quot;:&quot;library&quot;},&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
							<div class="elementor-wrapper elementor-open-inline">
			<div class="elementor-video"></div>				<div data-bg="https://www.subscriptionflow.com/wp-content/uploads/2022/05/01.jpg" class="elementor-custom-embed-image-overlay rocket-lazyload" style="">
																<div class="elementor-custom-embed-play" role="button" aria-label="Play Video about SubscriptionFlow-Video" tabindex="0">
							<svg aria-hidden="true" class="e-font-icon-svg e-eicon-play" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M838 162C746 71 633 25 500 25 371 25 258 71 163 162 71 254 25 367 25 500 25 633 71 746 163 837 254 929 367 979 500 979 633 979 746 933 838 837 929 746 975 633 975 500 975 367 929 254 838 162M808 192C892 279 933 379 933 500 933 621 892 725 808 808 725 892 621 938 500 938 379 938 279 896 196 808 113 725 67 621 67 500 67 379 108 279 196 192 279 108 383 62 500 62 621 62 721 108 808 192M438 392V642L642 517 438 392Z"></path></svg>						</div>
									</div>
					</div>
						</div>
				<div class="elementor-element elementor-element-256f299 elementor-widget elementor-widget-spacer" data-id="256f299" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-aba04d7 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="aba04d7" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fd65eb0" data-id="fd65eb0" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-6e120c7 elementor-section-content-middle elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6e120c7" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6eb9240 metrix-section-content" data-id="6eb9240" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-9454da0 elementor-widget elementor-widget-html" data-id="9454da0" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =====================================================================
     SubscriptionFlow — Animated Dashboard  (paste into Elementor HTML widget)
     • Self-contained: no libraries, no CDN, no images.
     • Fixed design surface 650x550, auto-scales down to fit (responsive).
     • Two screens loop one-by-one (Screen 1 -> 4s -> Screen 2 -> 4s -> ...).
====================================================================== -->
<div class="sfx" id="sfxRoot">
  <style>
  /* ---------- scope + tokens ---------- */
  .sfx{
    --o:#ff6b2c; --o2:#ff8a4c; --o-soft:#fff4ee;
    --green:#22c55e; --red:#ef4444; --blue:#3b82f6; --cyan:#06b6d4;
    --pink:#ec4899; --grey:#cbd2da; --dark:#475569;
    --ink:#1f2733; --muted:#8a93a2; --line:#eef1f5; --card:#ffffff;
    --bg:#f6f7fb; --shadow:0 8px 22px -12px rgba(30,40,60,.18);
    --r:14px;
    font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    color:var(--ink);
    -webkit-font-smoothing:antialiased; line-height:1.4;
    position:relative; width:100%; max-width:650px; margin:0 auto; overflow:hidden;
  }
  .sfx *{box-sizing:border-box; margin:0; padding:0}

  /* fixed 650x550 surface that scales down on small screens */
  .sfx .sfx-scale{
    width:650px; height:550px; transform-origin:top left;
    background:var(--bg); border-radius:22px; padding:14px;
    display:flex; flex-direction:column;
  }

  /* ---------- two-screen stage (loops one-by-one) ---------- */
  .sfx .sfx-stage{position:relative; flex:1; min-height:0}
  .sfx .sfx-screen{
    position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-start; gap:10px;
    opacity:0; visibility:hidden; transition:opacity .5s ease, visibility .5s ease;
  }
  .sfx .sfx-screen.active{opacity:1; visibility:visible}

  /* reveal animation base */
  .sfx .reveal{opacity:0; transform:translateY(16px); transition:opacity .6s cubic-bezier(.2,.7,.2,1), transform .6s cubic-bezier(.2,.7,.2,1)}
  .sfx .reveal.in{opacity:1; transform:none}

  /* ---------- top bar ---------- */
  .sfx .sfx-top{display:flex; align-items:center; justify-content:space-between; gap:12px}
  .sfx .sfx-brand{display:flex; align-items:center; gap:10px}
  .sfx .sfx-logo{width:34px; height:34px; border-radius:11px; background:linear-gradient(135deg,var(--o),var(--o2)); display:grid; place-items:center; color:#fff; font-weight:800; font-size:16px; box-shadow:0 6px 14px -6px rgba(255,107,44,.6)}
  .sfx .sfx-title{font-size:17px; font-weight:800; letter-spacing:-.3px}
  .sfx .sfx-date{font-size:10.5px; color:var(--muted); margin-top:1px}
  .sfx .sfx-actions{display:flex; align-items:center; gap:8px}
  .sfx .sfx-btn{border:none; cursor:pointer; font:inherit; font-weight:700; font-size:11.5px; padding:7px 13px; border-radius:9px; color:#fff; background:linear-gradient(135deg,var(--o),var(--o2)); box-shadow:0 6px 14px -8px rgba(255,107,44,.7)}
  .sfx .sfx-pill{border:1px solid var(--line); background:#fff; color:var(--ink); font-weight:700; font-size:11.5px; padding:7px 11px; border-radius:9px; display:flex; align-items:center; gap:5px}
  .sfx .sfx-pill b{color:var(--o)}

  /* ---------- grids (grow to fill height, rows stretch) ---------- */
  .sfx .sfx-hero{display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr; gap:12px; flex:1 1 auto; min-height:0}
  .sfx .sfx-stats{display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:1fr 1fr; gap:10px; flex:1 1 auto; min-height:0}
  .sfx .sfx-duo{display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr; gap:12px; flex:1 1 auto; min-height:0}
  .sfx .sfx-trio{display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:1fr; gap:10px; flex:1 1 auto; min-height:0}

  /* ---------- card base ---------- */
  .sfx .card{background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:12px 14px; box-shadow:var(--shadow); position:relative; overflow:hidden}
  .sfx .card .lbl{font-size:9.5px; font-weight:800; color:var(--o); text-transform:uppercase; letter-spacing:.4px; line-height:1.25}
  .sfx .num{font-size:24px; font-weight:850; letter-spacing:-.6px; margin-top:4px; font-variant-numeric:tabular-nums}
  .sfx .delta{display:inline-flex; align-items:center; gap:2px; font-size:10px; font-weight:800; padding:2px 6px; border-radius:999px; white-space:nowrap}
  .sfx .delta.up{color:#15803d; background:#e9f9ef}
  .sfx .delta.down{color:#b91c1c; background:#fdecec}

  /* hero big cards */
  .sfx .hero-card{display:flex; flex-direction:column}
  .sfx .hero-head{display:flex; align-items:flex-start; justify-content:space-between; gap:8px}
  .sfx .hero-card .num{font-size:28px}
  .sfx .chart{width:100%; flex:1 1 auto; min-height:56px; display:block; margin-top:6px}

  /* small stat cards */
  .sfx .stat{display:flex; flex-direction:column; justify-content:center}
  .sfx .stat .top{display:flex; align-items:flex-start; justify-content:space-between; gap:6px}
  .sfx .stat .name{font-size:9.5px; font-weight:800; color:var(--o); text-transform:uppercase; letter-spacing:.4px; line-height:1.25}
  .sfx .stat .num{font-size:20px}
  .sfx .stat .sub{font-size:9.5px; color:var(--muted); margin-top:1px; font-weight:600}

  /* section heading */
  .sfx .sec{display:flex; align-items:center; gap:8px}
  .sfx .sec .bar{width:3px; height:13px; border-radius:4px; background:var(--o)}
  .sfx .sec h3{font-size:11px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; color:var(--dark)}
  .sfx .toggle{margin-left:auto; display:flex; gap:3px; background:#fff; border:1px solid var(--line); padding:3px; border-radius:9px}
  .sfx .toggle button{border:none; background:transparent; cursor:pointer; font:inherit; font-size:10px; font-weight:700; color:var(--muted); padding:3px 9px; border-radius:6px}
  .sfx .toggle button.on{background:linear-gradient(135deg,var(--o),var(--o2)); color:#fff}

  /* donut card: circle LEFT, content RIGHT */
  .sfx .donut-card{display:flex; flex-direction:row; flex-wrap:nowrap; gap:12px; align-items:center}
  .sfx .donut-wrap{position:relative; width:104px; height:104px; flex:0 0 auto}
  .sfx .donut-wrap svg{transform:rotate(-90deg); width:100%; height:100%}
  .sfx .donut-seg{fill:none; stroke-width:20; stroke-linecap:round; transition:stroke-dasharray 1.2s cubic-bezier(.2,.7,.2,1)}
  .sfx .donut-center{position:absolute; inset:0; display:grid; place-content:center; text-align:center}
  .sfx .donut-center .c-num{font-size:20px; font-weight:850; letter-spacing:-.6px}
  .sfx .donut-center .c-lbl{font-size:8.5px; color:var(--muted); font-weight:700}
  .sfx .donut-info{flex:1 1 auto; min-width:0}
  .sfx .donut-info .title{font-size:12.5px; font-weight:800; margin-bottom:1px}
  .sfx .donut-info .desc{font-size:9px; color:var(--muted); margin-bottom:4px}
  .sfx .legend{display:flex; flex-direction:column; gap:2px}
  .sfx .leg-row{display:flex; align-items:center; gap:6px; font-size:9.5px; min-width:0}
  .sfx .dot{width:7px; height:7px; border-radius:50%; flex:0 0 auto}
  .sfx .leg-name{font-weight:600; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0}
  .sfx .leg-val{margin-left:auto; padding-left:6px; font-weight:800; font-variant-numeric:tabular-nums; flex:0 0 auto}
  .sfx .leg-pct{color:var(--muted); font-weight:700; width:34px; text-align:right; font-size:9px; flex:0 0 auto}

  /* trend mini cards */
  .sfx .trend{display:flex; flex-direction:column}
  .sfx .trend .lbl{font-size:10px}
  .sfx .trend .num{font-size:19px; margin-top:3px}
  .sfx .trend .sub{font-size:9px; color:var(--muted); margin-top:1px; font-weight:600; line-height:1.25}
  .sfx .spark{width:100%; flex:1 1 auto; min-height:34px; display:block; margin-top:6px}

  @media (prefers-reduced-motion:reduce){
    .sfx .reveal{opacity:1!important; transform:none!important; transition:none!important}
    .sfx .donut-seg{transition:none!important}
    .sfx .sfx-screen{transition:none!important}
  }
  </style>

  <!-- ============ FIXED 650x550 SURFACE ============ -->
  <div class="sfx-scale" id="sfxScale">
  <div class="sfx-stage" id="sfxStage">

  <!-- ============ SCREEN 1 ============ -->
  <div class="sfx-screen" id="sfxScreen1">

    <!-- top bar -->
    <div class="sfx-top reveal">
      <div class="sfx-brand">
        <div class="sfx-logo">S</div>
        <div>
          <div class="sfx-title">Modern View</div>
          <div class="sfx-date" id="sfxDate">Friday, June 26</div>
        </div>
      </div>
      <div class="sfx-actions">
        <button class="sfx-btn">Actions</button>
        <div class="sfx-pill"><b>$</b> USD &#9662;</div>
      </div>
    </div>

    <!-- hero KPIs -->
    <div class="sfx-hero">
      <div class="card hero-card reveal">
        <div class="hero-head">
          <div>
            <div class="lbl">Monthly Recurring Revenue</div>
            <div class="num" data-count="82.407" data-prefix="$" data-suffix="K" data-dec="3">$0K</div>
          </div>
          <span class="delta up">&#9650; <span data-count="80.5" data-suffix="%" data-dec="1">0%</span></span>
        </div>
        <svg class="chart" data-line="mrr" viewBox="0 0 520 120" preserveAspectRatio="none"></svg>
      </div>

      <div class="card hero-card reveal">
        <div class="hero-head">
          <div>
            <div class="lbl">Annual Recurring Revenue</div>
            <div class="num" data-count="740.152" data-prefix="$" data-suffix="K" data-dec="3">$0K</div>
          </div>
          <span class="delta up">&#9650; <span data-count="91.0" data-suffix="%" data-dec="1">0%</span></span>
        </div>
        <svg class="chart" data-line="arr" viewBox="0 0 520 120" preserveAspectRatio="none"></svg>
      </div>
    </div>

    <!-- stat grid -->
    <div class="sfx-stats">
      <div class="card stat reveal">
        <div class="top"><span class="name">Active Subscriptions</span><span class="delta up">&#9650; <span data-count="7860" data-suffix="%" data-dec="1">0%</span></span></div>
        <div class="num" data-count="437">0</div>
      </div>
      <div class="card stat reveal">
        <div class="top"><span class="name">Net Revenue</span><span class="delta up">&#9650; <span data-count="91.8" data-suffix="%" data-dec="1">0%</span></span></div>
        <div class="num" data-count="3.577" data-prefix="$" data-suffix="M" data-dec="3">$0M</div>
      </div>
      <div class="card stat reveal">
        <div class="top"><span class="name">Net Payments Received</span><span class="delta up">&#9650; <span data-count="2298.1" data-suffix="%" data-dec="1">0%</span></span></div>
        <div class="num" data-count="837.635" data-prefix="$" data-suffix="K" data-dec="3">$0K</div>
      </div>
      <div class="card stat reveal">
        <div class="top"><span class="name">Unpaid Invoices</span></div>
        <div class="num" data-count="6239" data-comma="1">0</div>
        <div class="sub">$2.741M</div>
      </div>
      <div class="card stat reveal">
        <div class="top"><span class="name">Total Subscriptions</span><span class="delta up">&#9650; <span data-count="908" data-suffix="%" data-dec="1">0%</span></span></div>
        <div class="num" data-count="523">0</div>
      </div>
      <div class="card stat reveal">
        <div class="top"><span class="name">Total Invoices</span></div>
        <div class="num" data-count="9339" data-comma="1">0</div>
      </div>
    </div>

  </div>
  <!-- ============ /SCREEN 1 ============ -->

  <!-- ============ SCREEN 2 ============ -->
  <div class="sfx-screen" id="sfxScreen2">

    <!-- status overview -->
    <div class="sec reveal"><span class="bar"></span><h3>Status Overview</h3></div>
    <div class="sfx-duo">
      <div class="card donut-card reveal">
        <div class="donut-wrap">
          <svg viewBox="0 0 170 170" data-donut="subs"></svg>
          <div class="donut-center">
            <div class="c-num" data-count="457">0</div>
            <div class="c-lbl">Active &middot; 82.5%</div>
          </div>
        </div>
        <div class="donut-info">
          <div class="title">Subscriptions by Status</div>
          <div class="desc">Breakdown of all subscription states</div>
          <div class="legend" data-legend="subs"></div>
        </div>
      </div>

      <div class="card donut-card reveal">
        <div class="donut-wrap">
          <svg viewBox="0 0 170 170" data-donut="inv"></svg>
          <div class="donut-center">
            <div class="c-num" data-count="9339" data-comma="1">0</div>
            <div class="c-lbl">Total invoices</div>
          </div>
        </div>
        <div class="donut-info">
          <div class="title">Invoices by Status</div>
          <div class="desc">Breakdown for USD invoices</div>
          <div class="legend" data-legend="inv"></div>
        </div>
      </div>
    </div>

    <!-- performance trends -->
    <div class="sec reveal">
      <span class="bar"></span><h3>Performance Trends</h3>
      <div class="toggle">
        <button class="on">Daily</button><button>3M</button><button>6M</button><button>12M</button>
      </div>
    </div>
    <div class="sfx-trio">
      <div class="card trend reveal">
        <div class="lbl">MRR</div>
        <div class="num" data-count="80.145" data-prefix="$" data-suffix="K" data-dec="3">$0K</div>
        <div class="sub" style="color:#15803d">&#9650; 31.3% &middot; 1.7M previous period</div>
        <svg class="spark" data-line="t-mrr" viewBox="0 0 300 60" preserveAspectRatio="none"></svg>
      </div>
      <div class="card trend reveal">
        <div class="lbl">Reversals</div>
        <div class="num" data-count="0" data-prefix="$" data-dec="2">$0.00</div>
        <div class="sub">No previous data</div>
        <svg class="spark" data-line="t-rev" viewBox="0 0 300 60" preserveAspectRatio="none"></svg>
      </div>
      <div class="card trend reveal">
        <div class="lbl">Payments</div>
        <div class="num" data-count="12.404" data-prefix="$" data-suffix="K" data-dec="3">$0K</div>
        <div class="sub" style="color:#b91c1c">&#9660; 94.3% &middot; 12K previous period</div>
        <svg class="spark" data-line="t-pay" viewBox="0 0 300 60" preserveAspectRatio="none"></svg>
      </div>
    </div>

  </div>
  <!-- ============ /SCREEN 2 ============ -->

  </div><!-- /stage -->
  </div><!-- /scale -->

  <script>
  (function(){
    var root = document.getElementById('sfxRoot');
    var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion:reduce)').matches;
    var scaleEl = root.querySelector('#sfxScale');

    /* ---------- data ---------- */
    var LINES = {
      mrr:  [30,28,31,29,30,33,30,34,31,33,36,40,52,82],
      arr:  [18,18,20,19,28,52,68,42,24,20,21,20,21,22],
      't-mrr':[8,8,9,8,9,40,42,41,42,42,43,42],
      't-rev':[2,2,2,2,2,2,2,2,2,2,2,2],
      't-pay':[0,0,0,0,1,0,0,9,10,1,0,0]
    };
    var DONUTS = {
      subs:[
        {n:'Active',v:457,p:'82.5%',c:'var(--green)'},
        {n:'Expired',v:73,p:'13.2%',c:'var(--grey)'},
        {n:'Trial',v:7,p:'1.3%',c:'var(--cyan)'},
        {n:'Pending',v:6,p:'1.1%',c:'var(--o)'},
        {n:'Cancelled',v:6,p:'1.1%',c:'var(--red)'},
        {n:'Draft',v:4,p:'0.7%',c:'var(--pink)'},
        {n:'Suspended',v:1,p:'0.2%',c:'var(--dark)'}
      ],
      inv:[
        {n:'Overdue',v:6207,p:'66.5%',c:'var(--red)'},
        {n:'Paid',v:3072,p:'32.9%',c:'var(--green)'},
        {n:'Due',v:29,p:'0.3%',c:'var(--o)'},
        {n:'Void',v:27,p:'0.3%',c:'var(--grey)'},
        {n:'Partially Paid',v:3,p:'0.0%',c:'var(--blue)'},
        {n:'Draft',v:1,p:'0.0%',c:'var(--dark)'}
      ]
    };

    /* ---------- live date ---------- */
    try{
      root.querySelector('#sfxDate').textContent =
        new Date().toLocaleDateString('en-US',{weekday:'long',month:'long',day:'numeric'});
    }catch(e){}

    /* ---------- smooth path builder ---------- */
    function smoothPath(data,w,h,pad){
      var min=Math.min.apply(null,data), max=Math.max.apply(null,data);
      var rng=(max-min)||1, n=data.length;
      var pts=data.map(function(v,i){
        return {x: i*(w/(n-1)), y: h-pad-((v-min)/rng)*(h-pad*2)};
      });
      var d='M '+pts[0].x.toFixed(1)+' '+pts[0].y.toFixed(1);
      for(var i=0;i<pts.length-1;i++){
        var p0=pts[i?i-1:0], p1=pts[i], p2=pts[i+1], p3=pts[i+2]||p2;
        var c1x=p1.x+(p2.x-p0.x)/6, c1y=p1.y+(p2.y-p0.y)/6;
        var c2x=p2.x-(p3.x-p1.x)/6, c2y=p2.y-(p3.y-p1.y)/6;
        d+=' C '+c1x.toFixed(1)+' '+c1y.toFixed(1)+', '+c2x.toFixed(1)+' '+c2y.toFixed(1)+', '+p2.x.toFixed(1)+' '+p2.y.toFixed(1);
      }
      return {line:d, area:d+' L '+w+' '+h+' L 0 '+h+' Z'};
    }

    /* ---------- render line / spark charts ---------- */
    root.querySelectorAll('[data-line]').forEach(function(svg,idx){
      var key=svg.getAttribute('data-line'), data=LINES[key];
      var vb=svg.getAttribute('viewBox').split(' ');
      var w=+vb[2], h=+vb[3], pad= h>80?14:8;
      var paths=smoothPath(data,w,h,pad);
      var gid='sfg'+idx;
      svg.innerHTML=
        '<defs><linearGradient id="'+gid+'" x1="0" y1="0" x2="0" y2="1">'+
        '<stop offset="0%" stop-color="var(--o)" stop-opacity=".28"/>'+
        '<stop offset="100%" stop-color="var(--o)" stop-opacity="0"/></linearGradient></defs>'+
        '<path class="sfx-area" d="'+paths.area+'" fill="url(#'+gid+')" opacity="0" style="transition:opacity 1s ease .3s"/>'+
        '<path class="sfx-stroke" d="'+paths.line+'" fill="none" stroke="var(--o)" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/>';
      var stroke=svg.querySelector('.sfx-stroke');
      var len=stroke.getTotalLength();
      stroke.style.strokeDasharray=len; stroke.style.strokeDashoffset= reduce?0:len;
      stroke.style.transition='stroke-dashoffset 1.6s cubic-bezier(.25,.7,.25,1)';
      var area=svg.querySelector('.sfx-area');
      svg._play=function(){ stroke.style.strokeDashoffset=0; area.style.opacity=1; };
      svg._reset=function(){
        if(reduce) return;
        stroke.style.transition='none'; stroke.style.strokeDashoffset=len;
        area.style.transition='none'; area.style.opacity=0;
        void svg.getBoundingClientRect();
        stroke.style.transition='stroke-dashoffset 1.6s cubic-bezier(.25,.7,.25,1)';
        area.style.transition='opacity 1s ease .3s';
      };
    });

    /* ---------- render donuts + legends ---------- */
    root.querySelectorAll('[data-donut]').forEach(function(svg){
      var key=svg.getAttribute('data-donut'), segs=DONUTS[key];
      var total=segs.reduce(function(a,b){return a+b.v;},0);
      var cx=85, cy=85, r=65, C=2*Math.PI*r, off=0;
      var html='';
      segs.forEach(function(s){
        var frac=s.v/total, len=frac*C, gap=2;
        html+='<circle class="donut-seg" cx="'+cx+'" cy="'+cy+'" r="'+r+'" '+
              'stroke="'+s.c+'" stroke-dasharray="0 '+C+'" '+
              'stroke-dashoffset="'+(-off)+'" data-len="'+Math.max(len-gap,0)+'" data-c="'+C+'"></circle>';
        off+=len;
      });
      svg.innerHTML=html;
      svg._play=function(){
        svg.querySelectorAll('.donut-seg').forEach(function(c,i){
          var len=c.getAttribute('data-len'), C=c.getAttribute('data-c');
          c.style.transitionDelay=(i*0.08)+'s';
          requestAnimationFrame(function(){ c.style.strokeDasharray=len+' '+C; });
        });
      };
      svg._reset=function(){
        if(reduce) return;
        svg.querySelectorAll('.donut-seg').forEach(function(c){
          var C=c.getAttribute('data-c');
          c.style.transition='none'; c.style.transitionDelay='0s';
          c.style.strokeDasharray='0 '+C;
          void c.getBoundingClientRect();
          c.style.transition='stroke-dasharray 1.2s cubic-bezier(.2,.7,.2,1)';
        });
      };
      var leg=root.querySelector('[data-legend="'+key+'"]');
      if(leg){
        leg.innerHTML=segs.map(function(s){
          return '<div class="leg-row"><span class="dot" style="background:'+s.c+'"></span>'+
                 '<span class="leg-name">'+s.n+'</span>'+
                 '<span class="leg-val">'+s.v.toLocaleString()+'</span>'+
                 '<span class="leg-pct">'+s.p+'</span></div>';
        }).join('');
      }
    });

    /* ---------- count-up ---------- */
    function countUp(el){
      var target=parseFloat(el.getAttribute('data-count'))||0;
      var dec=parseInt(el.getAttribute('data-dec')||'0',10);
      var pre=el.getAttribute('data-prefix')||'';
      var suf=el.getAttribute('data-suffix')||'';
      var comma=el.getAttribute('data-comma')==='1';
      var dur=1400, t0=null;
      function fmt(v){
        var s = comma ? Math.round(v).toLocaleString() : v.toFixed(dec);
        return pre+s+suf;
      }
      if(reduce){ el.textContent=fmt(target); return; }
      el.textContent=fmt(0);
      function step(t){
        if(!t0)t0=t;
        var p=Math.min((t-t0)/dur,1);
        var e=1-Math.pow(1-p,3);
        el.textContent=fmt(target*e);
        if(p<1)requestAnimationFrame(step); else el.textContent=fmt(target);
      }
      requestAnimationFrame(step);
    }

    /* ---------- play / reset a screen ---------- */
    function resetCard(scope){
      scope.querySelectorAll('[data-line],[data-donut]').forEach(function(s){ if(s._reset)s._reset(); });
    }
    function playCard(scope){
      scope.querySelectorAll('[data-count]').forEach(countUp);
      scope.querySelectorAll('[data-line],[data-donut]').forEach(function(s){ if(s._play)s._play(); });
    }

    /* ---------- two-screen loop ---------- */
    var screens = [].slice.call(root.querySelectorAll('.sfx-screen'));
    var HOLD    = 4000;   /* each screen stays this long (ms) — change to speed up/slow down */
    var current = 0, timer = null, started = false;

    function showScreen(idx){
      screens.forEach(function(s,i){
        if(i===idx){
          var rev = s.querySelectorAll('.reveal');
          rev.forEach(function(el,j){ el.classList.remove('in'); el.style.transitionDelay=(j*0.05)+'s'; });
          resetCard(s);
          s.classList.add('active');
          void s.getBoundingClientRect();
          requestAnimationFrame(function(){
            rev.forEach(function(el){ el.classList.add('in'); });
            playCard(s);
          });
        }else{
          s.classList.remove('active');
        }
      });
    }
    function tick(){
      showScreen(current);
      timer=setTimeout(function(){ current=(current+1)%screens.length; tick(); }, HOLD);
    }
    function startLoop(){ if(started)return; started=true; tick(); }

    /* ---------- responsive scale-to-fit (keeps 650x550 aspect) ---------- */
    function fit(){
      var avail = root.clientWidth || 650;
      var scale = Math.min(1, avail/650);
      scaleEl.style.transform = 'scale('+scale+')';
      root.style.height = (550*scale)+'px';
    }
    window.addEventListener('resize', fit);
    fit();

    if(reduce){
      screens.forEach(function(s){ s.querySelectorAll('.reveal').forEach(function(el){ el.classList.add('in'); }); });
      screens[0].classList.add('active'); playCard(screens[0]); current=0;
      setInterval(function(){
        screens[current].classList.remove('active');
        current=(current+1)%screens.length;
        screens[current].classList.add('active');
      }, HOLD);
    }else if('IntersectionObserver' in window){
      var io=new IntersectionObserver(function(es){
        es.forEach(function(e){ if(e.isIntersecting) startLoop(); });
      },{threshold:.2});
      io.observe(root);
    }else{
      startLoop();
    }
  })();
  </script>
</div>				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-b0f5284 metrix-section-img" data-id="b0f5284" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-292433e elementor-widget elementor-widget-heading" data-id="292433e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Minimize Revenue Leakage Subscription Metrics for Data-Driven Strategies</h2>				</div>
				<div class="elementor-element elementor-element-e44317f elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="e44317f" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Monthly and Annual Recurring Revenue Rate</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Lead Velocity Rate &amp; Churn Rate</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Customer Lifetime Value</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Customer Acquisition Cost</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-check-circle" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Sales, Refunds, And Net Payments</span>
									</li>
						</ul>
						</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section data-wpr-lazyrender="1" data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-64fb518 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="64fb518" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f6b2ec6" data-id="f6b2ec6" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-52fbaa9 elementor-widget elementor-widget-heading" data-id="52fbaa9" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">PCI-Compliant Payment Solutions to Automate Collection and Reconciliation</h2>				</div>
				<div class="elementor-element elementor-element-cbaddce elementor-widget elementor-widget-text-editor" data-id="cbaddce" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Integrate Any Payment Processor. Automate Collections. Stay PCI Compliant.</p>								</div>
				<div class="elementor-element elementor-element-b067b0c elementor-widget elementor-widget-spacer" data-id="b067b0c" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				<div class="elementor-element elementor-element-75d789b sfpp-icon-list elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="75d789b" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-credit-card" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M0 432c0 26.5 21.5 48 48 48h480c26.5 0 48-21.5 48-48V256H0v176zm192-68c0-6.6 5.4-12 12-12h136c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H204c-6.6 0-12-5.4-12-12v-40zm-128 0c0-6.6 5.4-12 12-12h72c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM576 80v48H0V80c0-26.5 21.5-48 48-48h480c26.5 0 48 21.5 48 48z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Multiple Payment Methods</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-globe-americas" viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"><path d="M248 8C111.03 8 0 119.03 0 256s111.03 248 248 248 248-111.03 248-248S384.97 8 248 8zm82.29 357.6c-3.9 3.88-7.99 7.95-11.31 11.28-2.99 3-5.1 6.7-6.17 10.71-1.51 5.66-2.73 11.38-4.77 16.87l-17.39 46.85c-13.76 3-28 4.69-42.65 4.69v-27.38c1.69-12.62-7.64-36.26-22.63-51.25-6-6-9.37-14.14-9.37-22.63v-32.01c0-11.64-6.27-22.34-16.46-27.97-14.37-7.95-34.81-19.06-48.81-26.11-11.48-5.78-22.1-13.14-31.65-21.75l-.8-.72a114.792 114.792 0 0 1-18.06-20.74c-9.38-13.77-24.66-36.42-34.59-51.14 20.47-45.5 57.36-82.04 103.2-101.89l24.01 12.01C203.48 89.74 216 82.01 216 70.11v-11.3c7.99-1.29 16.12-2.11 24.39-2.42l28.3 28.3c6.25 6.25 6.25 16.38 0 22.63L264 112l-10.34 10.34c-3.12 3.12-3.12 8.19 0 11.31l4.69 4.69c3.12 3.12 3.12 8.19 0 11.31l-8 8a8.008 8.008 0 0 1-5.66 2.34h-8.99c-2.08 0-4.08.81-5.58 2.27l-9.92 9.65a8.008 8.008 0 0 0-1.58 9.31l15.59 31.19c2.66 5.32-1.21 11.58-7.15 11.58h-5.64c-1.93 0-3.79-.7-5.24-1.96l-9.28-8.06a16.017 16.017 0 0 0-15.55-3.1l-31.17 10.39a11.95 11.95 0 0 0-8.17 11.34c0 4.53 2.56 8.66 6.61 10.69l11.08 5.54c9.41 4.71 19.79 7.16 30.31 7.16s22.59 27.29 32 32h66.75c8.49 0 16.62 3.37 22.63 9.37l13.69 13.69a30.503 30.503 0 0 1 8.93 21.57 46.536 46.536 0 0 1-13.72 32.98zM417 274.25c-5.79-1.45-10.84-5-14.15-9.97l-17.98-26.97a23.97 23.97 0 0 1 0-26.62l19.59-29.38c2.32-3.47 5.5-6.29 9.24-8.15l12.98-6.49C440.2 193.59 448 223.87 448 256c0 8.67-.74 17.16-1.82 25.54L417 274.25z"></path></svg>						</span>
										<span class="elementor-icon-list-text">Multiple Currency Support</span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-calendar" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M12 192h424c6.6 0 12 5.4 12 12v260c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V204c0-6.6 5.4-12 12-12zm436-44v-36c0-26.5-21.5-48-48-48h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v36c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12z"></path></svg>						</span>
										<span class="elementor-icon-list-text"> Payment Gateway Integrations </span>
									</li>
								<li class="elementor-icon-list-item">
											<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-history" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 255.531c.253 136.64-111.18 248.372-247.82 248.468-59.015.042-113.223-20.53-155.822-54.911-11.077-8.94-11.905-25.541-1.839-35.607l11.267-11.267c8.609-8.609 22.353-9.551 31.891-1.984C173.062 425.135 212.781 440 256 440c101.705 0 184-82.311 184-184 0-101.705-82.311-184-184-184-48.814 0-93.149 18.969-126.068 49.932l50.754 50.754c10.08 10.08 2.941 27.314-11.313 27.314H24c-8.837 0-16-7.163-16-16V38.627c0-14.254 17.234-21.393 27.314-11.314l49.372 49.372C129.209 34.136 189.552 8 256 8c136.81 0 247.747 110.78 248 247.531zm-180.912 78.784l9.823-12.63c8.138-10.463 6.253-25.542-4.21-33.679L288 256.349V152c0-13.255-10.745-24-24-24h-16c-13.255 0-24 10.745-24 24v135.651l65.409 50.874c10.463 8.137 25.541 6.253 33.679-4.21z"></path></svg>						</span>
										<span class="elementor-icon-list-text"> Payment Failure &amp; Recovery Management </span>
									</li>
						</ul>
						</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4ae60c9" data-id="4ae60c9" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-73db09d elementor-widget elementor-widget-html" data-id="73db09d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
/* ── Scoped to #sfpp-art-widget only ── */
#sfpp-art-widget {
  --sfpp-orange:      #F47B20;
  --sfpp-orange-2:    #FF9A3D;
  --sfpp-orange-deep: #E0670F;
  --sfpp-amber:       #FBA94C;
  --sfpp-ink:         #2B2C36;
  --sfpp-muted:       #7C7D8B;
  --sfpp-cream:       #FFF6EE;
  --sfpp-line:        #F1E7DD;
  --sfpp-line-2:      #E9D9CB;
  --sfpp-white:       #ffffff;
  --sfpp-sh:          30,30,46;

  position: relative;
  width: 100%;
  max-width: 480px;
  margin-inline: auto;
  aspect-ratio: 1 / 1.04;
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

#sfpp-art-widget * {
  box-sizing: border-box;
}

/* ── Particle flow paths ── */
#sfpp-art-widget .sa-flows {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  overflow: visible;
}

#sfpp-art-widget .sa-p1 {
  offset-path: path("M 30 60 C 160 30 240 140 250 230");
  fill: var(--sfpp-orange);
  offset-rotate: 0deg;
  animation: sa-flow 3.6s linear infinite;
}
#sfpp-art-widget .sa-p2 {
  offset-path: path("M 450 70 C 340 110 270 150 252 232");
  fill: var(--sfpp-amber);
  offset-rotate: 0deg;
  animation: sa-flow 4.1s linear infinite 0.7s;
}
#sfpp-art-widget .sa-p3 {
  offset-path: path("M 40 430 C 150 380 230 300 250 252");
  fill: var(--sfpp-orange);
  offset-rotate: 0deg;
  animation: sa-flow 3.9s linear infinite 0.4s;
}

@keyframes sa-flow {
  0%   { opacity: 0; offset-distance: 0%;   }
  12%  { opacity: 1; }
  88%  { opacity: 1; }
  100% { opacity: 0; offset-distance: 100%; }
}

/* ── Main floating console card ── */
#sfpp-art-widget .sa-console {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-2.5deg);
  width: 86%;
  background: var(--sfpp-white);
  border: 1px solid var(--sfpp-line);
  border-radius: 24px;
  padding: 18px;
  z-index: 2;
  box-shadow:
    0 44px 84px -34px rgba(var(--sfpp-sh), .5),
    0 8px 22px -12px rgba(var(--sfpp-sh), .22);
  animation: sa-float 6s ease-in-out infinite;
}

@keyframes sa-float {
  0%,100% { transform: translate(-50%,-50%) rotate(-2.5deg); }
  50%      { transform: translate(-50%, calc(-50% - 10px)) rotate(-2.5deg); }
}

/* Console top row */
#sfpp-art-widget .sa-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

#sfpp-art-widget .sa-title {
  font-family: 'IBM Plex Mono', 'Courier New', monospace;
  font-size: 10.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--sfpp-muted);
}

#sfpp-art-widget .sa-pci {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-weight: 700;
  font-size: 11px;
  color: #fff;
  background: linear-gradient(135deg, var(--sfpp-orange), var(--sfpp-orange-2));
  padding: 5px 11px;
  border-radius: 99px;
  animation: sa-blink 2.2s infinite;
  white-space: nowrap;
}

@keyframes sa-blink {
  0%,100% { opacity: 1; }
  50%      { opacity: .85; }
}

/* ── Credit card ── */
#sfpp-art-widget .sa-card {
  position: relative;
  border-radius: 16px;
  padding: 16px;
  color: #fff;
  overflow: hidden;
  background: linear-gradient(135deg, var(--sfpp-orange), var(--sfpp-orange-deep));
}

#sfpp-art-widget .sa-sheen {
  position: absolute;
  top: 0; left: -60%;
  width: 46%; height: 100%;
  transform: skewX(-20deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.38), transparent);
  animation: sa-sheen 3.4s ease-in-out infinite;
  pointer-events: none;
}

@keyframes sa-sheen {
  0%        { left: -60%; }
  55%, 100% { left: 135%; }
}

#sfpp-art-widget .sa-card-r1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

#sfpp-art-widget .sa-chip {
  width: 34px; height: 25px;
  border-radius: 6px;
  background: linear-gradient(135deg, #FFE0BE, #F8B36B);
  position: relative;
  flex-shrink: 0;
}
#sfpp-art-widget .sa-chip::after {
  content: "";
  position: absolute;
  inset: 5px 7px;
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 3px;
}

#sfpp-art-widget .sa-wifi { opacity: .85; }
#sfpp-art-widget .sa-wifi svg { display: block; }

#sfpp-art-widget .sa-num {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 14.5px;
  letter-spacing: .18em;
}

#sfpp-art-widget .sa-card-r2 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 9px;
  font-size: 11px;
  opacity: .92;
}
#sfpp-art-widget .sa-brand {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 800;
  font-size: 15px;
  letter-spacing: .04em;
}

/* ── Status row ── */
#sfpp-art-widget .sa-status {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 15px 2px 12px;
  font-size: 13px;
  color: var(--sfpp-ink);
}

#sfpp-art-widget .sa-spinner {
  width: 16px; height: 16px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 2px solid var(--sfpp-line-2);
  border-top-color: var(--sfpp-orange);
  animation: sa-spin .8s linear infinite;
}
@keyframes sa-spin { to { transform: rotate(360deg); } }

#sfpp-art-widget .sa-status-txt {
  font-weight: 600;
  font-size: 13px;
}

/* ── Processing rows ── */
#sfpp-art-widget .sa-rows {
  display: grid;
  gap: 8px;
}

#sfpp-art-widget .sa-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 12px;
  border-radius: 12px;
  background: var(--sfpp-cream);
  border: 1px solid var(--sfpp-line);
  opacity: .5;
  transition: opacity .4s ease, background .4s ease,
              border-color .4s ease, box-shadow .4s ease;
}
#sfpp-art-widget .sa-row.sa-on {
  opacity: 1;
  background: var(--sfpp-white);
  border-color: var(--sfpp-line-2);
  box-shadow: 0 10px 22px -16px rgba(var(--sfpp-sh), .4);
}

#sfpp-art-widget .sa-rl {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  font-weight: 500;
  color: var(--sfpp-ink);
}

#sfpp-art-widget .sa-ri {
  width: 26px; height: 26px;
  flex-shrink: 0;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: var(--sfpp-orange);
  background: linear-gradient(
    135deg,
    rgba(244,123,32,.12),
    rgba(251,169,76,.12)
  );
}
#sfpp-art-widget .sa-ri svg { display: block; }

#sfpp-art-widget .sa-stat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10.5px;
  color: var(--sfpp-muted);
  letter-spacing: .04em;
  white-space: nowrap;
}
#sfpp-art-widget .sa-row.sa-on .sa-stat {
  color: var(--sfpp-orange-deep);
}

#sfpp-art-widget .sa-ck {
  width: 16px; height: 16px;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--sfpp-line-2);
  display: grid;
  place-items: center;
  color: #fff;
  transition: background .3s, transform .3s;
  transform: scale(.6);
}
#sfpp-art-widget .sa-row.sa-on .sa-ck {
  background: linear-gradient(135deg, var(--sfpp-orange), var(--sfpp-orange-2));
  transform: scale(1);
}
#sfpp-art-widget .sa-ck svg { display: block; }

/* ── Floating currency badges ── */
#sfpp-art-widget .sa-curr {
  position: absolute;
  width: 42px; height: 42px;
  border-radius: 13px;
  background: var(--sfpp-white);
  border: 1px solid var(--sfpp-line);
  z-index: 3;
  display: grid;
  place-items: center;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 800;
  font-size: 18px;
  color: var(--sfpp-orange);
  box-shadow: 0 16px 30px -18px rgba(var(--sfpp-sh), .45);
  animation: sa-flt 5s ease-in-out infinite;
  user-select: none;
}
#sfpp-art-widget .sa-c1 { top: 3%;     left: 5%;   }
#sfpp-art-widget .sa-c2 { top: 9%;     right: 3%;  animation-delay: .8s; }
#sfpp-art-widget .sa-c3 { bottom: 13%; left: 1%;   animation-delay: .4s; }
#sfpp-art-widget .sa-c4 { bottom: 5%;  right: 7%;  animation-delay:1.2s; }

@keyframes sa-flt {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-9px); }
}

/* ════════════════════
   RESPONSIVE
════════════════════ */
@media (max-width: 1024px) {
  #sfpp-art-widget { max-width: 440px; }
}
@media (max-width: 768px) {
  #sfpp-art-widget { max-width: 400px; }
  #sfpp-art-widget .sa-console { width: 90%; padding: 15px; }
}
@media (max-width: 600px) {
  #sfpp-art-widget { max-width: 340px; }
  #sfpp-art-widget .sa-console { width: 92%; padding: 13px; border-radius: 18px; }
  #sfpp-art-widget .sa-num { font-size: 12px; letter-spacing: .1em; }
  #sfpp-art-widget .sa-card { padding: 13px; }
  #sfpp-art-widget .sa-rows { gap: 6px; }
  #sfpp-art-widget .sa-row  { padding: 8px 10px; }
  #sfpp-art-widget .sa-rl   { font-size: 12px; }
  #sfpp-art-widget .sa-stat { font-size: 9.5px; }
}
@media (max-width: 520px) {
  #sfpp-art-widget .sa-c1,
  #sfpp-art-widget .sa-c3 { display: none; }
  #sfpp-art-widget { max-width: 300px; }
  #sfpp-art-widget .sa-console { width: 96%; padding: 12px; }
}
@media (max-width: 380px) {
  #sfpp-art-widget { max-width: 270px; }
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
  #sfpp-art-widget .sa-console,
  #sfpp-art-widget .sa-curr,
  #sfpp-art-widget .sa-p1,
  #sfpp-art-widget .sa-p2,
  #sfpp-art-widget .sa-p3,
  #sfpp-art-widget .sa-sheen,
  #sfpp-art-widget .sa-spinner {
    animation: none !important;
  }
  #sfpp-art-widget .sa-row { opacity: 1; transition: none; }
}
</style>

<!-- ── HTML ── -->
<div id="sfpp-art-widget" aria-hidden="true">

  <!-- Particle dots -->
  <svg class="sa-flows" viewBox="0 0 480 480" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M 30 60 C 160 30 240 140 250 230"
          stroke="rgba(244,123,32,.14)" stroke-width="1.5" stroke-dasharray="4 7"/>
    <path d="M 450 70 C 340 110 270 150 252 232"
          stroke="rgba(251,169,76,.16)" stroke-width="1.5" stroke-dasharray="4 7"/>
    <path d="M 40 430 C 150 380 230 300 250 252"
          stroke="rgba(244,123,32,.14)" stroke-width="1.5" stroke-dasharray="4 7"/>
    <circle class="sa-p1" r="4"/>
    <circle class="sa-p2" r="4"/>
    <circle class="sa-p3" r="4"/>
  </svg>

  <!-- Console card -->
  <div class="sa-console">

    <!-- Header -->
    <div class="sa-head">
      <span class="sa-title">Secure processing</span>
      <span class="sa-pci">
        <svg width="12" height="12" viewBox="0 0 24 24" fill="none">
          <path d="M12 2 4 6v6c0 5 3.5 8 8 10 4.5-2 8-5 8-10V6l-8-4Z"
                stroke="#fff" stroke-width="2" stroke-linejoin="round"/>
          <path d="M9 12l2 2 4-4" stroke="#fff" stroke-width="2"
                stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
        PCI
      </span>
    </div>

    <!-- Credit card -->
    <div class="sa-card">
      <span class="sa-sheen"></span>
      <div class="sa-card-r1">
        <span class="sa-chip"></span>
        <span class="sa-wifi">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="none">
            <path d="M8.5 8.5a5 5 0 0 1 7 0M6 6a8.5 8.5 0 0 1 12 0M11 11a1.5 1.5 0 0 1 2 0"
                  stroke="#fff" stroke-width="1.8" stroke-linecap="round"/>
          </svg>
        </span>
      </div>
      <div class="sa-num">•••• &nbsp;•••• &nbsp;•••• &nbsp;••••</div>
      <div class="sa-card-r2">
        <span>PCI Payment</span>
        <span class="sa-brand">&nbsp;</span>
      </div>
    </div>

    <!-- Status -->
    <div class="sa-status">
      <span class="sa-spinner"></span>
      <span class="sa-status-txt" id="saStatusTxt">Processing payment…</span>
    </div>

    <!-- Rows — JS adds .sa-on class -->
    <div class="sa-rows" id="saRows">

      <div class="sa-row">
        <span class="sa-rl">
          <span class="sa-ri">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none">
              <rect x="2" y="5" width="20" height="14" rx="2.5"
                    stroke="currentColor" stroke-width="2"/>
              <path d="M2 9h20" stroke="currentColor" stroke-width="2"/>
            </svg>
          </span>
          Payment methods
        </span>
        <span class="sa-stat">
          <span class="sa-ck">
            <svg width="9" height="9" viewBox="0 0 24 24" fill="none">
              <path d="M20 6 9 17l-5-5" stroke="#fff" stroke-width="3.4"
                    stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </span>
          Captured
        </span>
      </div>

      <div class="sa-row">
        <span class="sa-rl">
          <span class="sa-ri">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none">
              <circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2"/>
              <path d="M4 10h16M4 14h16" stroke="currentColor" stroke-width="1.6"/>
            </svg>
          </span>
          Currency support
        </span>
        <span class="sa-stat">
          <span class="sa-ck">
            <svg width="9" height="9" viewBox="0 0 24 24" fill="none">
              <path d="M20 6 9 17l-5-5" stroke="#fff" stroke-width="3.4"
                    stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </span>
          Converted
        </span>
      </div>

      <div class="sa-row">
        <span class="sa-rl">
          <span class="sa-ri">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none">
              <rect x="3" y="6" width="18" height="12" rx="2"
                    stroke="currentColor" stroke-width="2"/>
              <path d="M3 10h18" stroke="currentColor" stroke-width="2"/>
            </svg>
          </span>
          Gateway routing
        </span>
        <span class="sa-stat">
          <span class="sa-ck">
            <svg width="9" height="9" viewBox="0 0 24 24" fill="none">
              <path d="M20 6 9 17l-5-5" stroke="#fff" stroke-width="3.4"
                    stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </span>
          Routed
        </span>
      </div>

      <div class="sa-row">
        <span class="sa-rl">
          <span class="sa-ri">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none">
              <path d="M21 12a9 9 0 1 1-3-6.7M21 4v5h-5"
                    stroke="currentColor" stroke-width="2"
                    stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </span>
          Failure &amp; recovery
        </span>
        <span class="sa-stat">
          <span class="sa-ck">
            <svg width="9" height="9" viewBox="0 0 24 24" fill="none">
              <path d="M20 6 9 17l-5-5" stroke="#fff" stroke-width="3.4"
                    stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </span>
          Recovered
        </span>
      </div>

    </div><!-- end #saRows -->
  </div><!-- end .sa-console -->

  <!-- Floating currency badges -->
  <span class="sa-curr sa-c1" aria-hidden="true">$</span>
  <span class="sa-curr sa-c2" aria-hidden="true">€</span>
  <span class="sa-curr sa-c3" aria-hidden="true">£</span>
  <span class="sa-curr sa-c4" aria-hidden="true">¥</span>

</div><!-- end #sfpp-art-widget -->

<script type="text/rocketlazyloadscript">
(function () {
  'use strict';

  /* ── Status titles (matching left list order) ── */
  var TITLES = [
    'Multiple Payment Methods',
    'Multiple Currency Support',
    'Payment Gateway Integrations',
    'Payment Failure & Recovery Management'
  ];
  var CYCLE = 2200; /* ms per step */

  function init() {
    var rows      = document.querySelectorAll('#saRows .sa-row');
    var statusTxt = document.getElementById('saStatusTxt');
    if (!rows.length) return;

    /* Reduced motion check */
    var reduced = window.matchMedia &&
                  window.matchMedia('(prefers-reduced-motion: reduce)').matches;
    if (reduced) {
      rows.forEach(function(r){ r.classList.add('sa-on'); });
      if (statusTxt) statusTxt.textContent = TITLES[0];
      return;
    }

    var idx      = 0;
    var paused   = false;
    var timer    = null;

    /* ── Activate step i on right side ── */
    function activateRight(i) {
      idx = i;
      rows.forEach(function(r, k){
        r.classList.toggle('sa-on', k <= i);
      });
      if (statusTxt) statusTxt.textContent = TITLES[i] || TITLES[0];
    }

    /* ── Auto cycle ── */
    function startCycle() {
      timer = setInterval(function(){
        if (!paused) activateRight((idx + 1) % rows.length);
      }, CYCLE);
    }

    /* ── Pause on hover (nicer UX) ── */
    var widget = document.getElementById('sfpp-art-widget');
    if (widget) {
      widget.addEventListener('mouseenter', function(){ paused = true;  });
      widget.addEventListener('mouseleave', function(){ paused = false; });
    }

    /* ────────────────────────────────────────────────────────
       LEFT SIDE SYNC — 3 strategies, all auto-detected:

       Strategy A: sfpp-section.html left side used
         → targets #sfppList .sfpp-list-item

       Strategy B: Elementor Icon List widget
         → targets .elementor-icon-list-item
         → add CSS class "sfpp-trigger" + data-sfpp="0/1/2/3"
           on each item via Elementor > Advanced > CSS Classes

       Strategy C: Any custom element with
         class="sfpp-trigger" data-sfpp="0/1/2/3"
    ──────────────────────────────────────────────────────── */
    function bindLeft() {

      /* Strategy A — sfpp-section.html list */
      var sfppItems = document.querySelectorAll('#sfppList .sfpp-list-item');
      if (sfppItems.length) {
        sfppItems.forEach(function(el, k){
          el.addEventListener('click', function(){
            jumpTo(k);
          });
        });
      }

      /* Strategy B+C — Elementor Icon List OR custom triggers */
      var triggers = document.querySelectorAll('.sfpp-trigger');
      triggers.forEach(function(el){
        el.addEventListener('click', function(){
          var i = parseInt(el.getAttribute('data-sfpp'), 10);
          if (!isNaN(i)) jumpTo(i);
        });
      });

      /* Strategy D — Elementor Icon List auto-detect (no extra class needed)
         Looks for .elementor-icon-list-items inside the same
         Elementor section/column as this widget */
      var elIconList = document.querySelectorAll(
        '.elementor-icon-list-items .elementor-icon-list-item'
      );
      if (elIconList.length >= 4) {
        /* Only bind first 4 */
        [].slice.call(elIconList, 0, 4).forEach(function(el, k){
          el.style.cursor = 'pointer';
          el.addEventListener('click', function(){
            jumpTo(k);
          });
        });
      }
    }

    function jumpTo(i) {
      activateRight(i);
      paused = true;
      clearInterval(timer);
      setTimeout(function(){
        paused = false;
        startCycle();
      }, CYCLE);
    }

    /* Boot */
    activateRight(0);
    startCycle();
    bindLeft();
  }

  /* Run after DOM ready */
  if (document.readyState !== 'loading') {
    /* Small delay so Elementor widgets are all rendered */
    setTimeout(init, 300);
  } else {
    document.addEventListener('DOMContentLoaded', function(){
      setTimeout(init, 300);
    });
  }

})();
</script>				</div>
					</div>
		</div>
					</div>
		</section>
				<section data-wpr-lazyrender="1" data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-7314dc5 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="7314dc5" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bce1fe0" data-id="bce1fe0" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5cad252 elementor-widget elementor-widget-heading" data-id="5cad252" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default"><span>SubscriptionFlow</span> Partners</h2>				</div>
					</div>
		</div>
					</div>
		</section>
				<section data-wpr-lazyrender="1" data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-97526bc h-section-8 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="97526bc" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-611991b" data-id="611991b" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-36d8738 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="36d8738" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-cb92bb3" data-id="cb92bb3" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-35a1443 elementor-widget elementor-widget-html" data-id="35a1443" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<section class="sfp">
  <div class="sfp-wrap">


    <div class="sfp-stage">

      <!-- ===================== LEFT : PAYMENT GATEWAYS ===================== -->
      <div class="sfp-side">
        <p class="sfp-label">Payment Gateways</p>
        <div class="sfp-grid">

          <!-- NMI -->
          <a href="https://subscriptionflow.com/nmi-recurring-billing/" class="sfp-card">
            <img width="87" height="24" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2087%2024'%3E%3C/svg%3E" alt="nmi" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/nmi-logo-copy.png.webp"><noscript><img width="87" height="24" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/nmi-logo-copy.png.webp" alt="nmi" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback">Brain<b>tree</b></span>
          </a>

          <!-- stripe -->
          <a href="https://subscriptionflow.com/recurring-billing-with-stripe" class="sfp-card">
            <img width="110" height="46" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20110%2046'%3E%3C/svg%3E" alt="Authorize.Net" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/15.png"><noscript><img width="110" height="46" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/15.png" alt="Authorize.Net" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback">Authorize.Net</span>
          </a>

          <!-- authorize-net -->
          <a href="https://subscriptionflow.com/recurring-billing-with-authorize-net/" class="sfp-card">
            <img width="156" height="20" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20156%2020'%3E%3C/svg%3E" alt="authorize-net" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/19.png"><noscript><img width="156" height="20" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/19.png" alt="authorize-net" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback" style="color:#635bff">stripe</span>
          </a>

          <!-- iyzico -->
          <a href="https://subscriptionflow.com/recurring-payments-with-iyzico/" class="sfp-card">
            <img width="87" height="24" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2087%2024'%3E%3C/svg%3E" alt="iyzico" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/Iyzico-logo.png.webp"><noscript><img width="87" height="24" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/Iyzico-logo.png.webp" alt="iyzico" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback">card<b>connect</b></span>
          </a>

          <!-- subscriptionflow Payments -->
          <a href="https://subscriptionflow.com/recurring-payments-with-peach-payments/" class="sfp-card">
            <img width="87" height="24" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2087%2024'%3E%3C/svg%3E" alt="PayPal" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/pechpayment-logo.png.webp"><noscript><img width="87" height="24" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/pechpayment-logo.png.webp" alt="PayPal" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback" style="color:#003087">Pay<span style="color:#0070e0">Pal</span></span>
          </a>

          <!-- Paystack -->
          <a href="https://subscriptionflow.com/recurring-payments-with-paystack" class="sfp-card">
            <img width="87" height="24" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2087%2024'%3E%3C/svg%3E" alt="Paystack" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/paystack-logo.png.webp"><noscript><img width="87" height="24" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/paystack-logo.png.webp" alt="Paystack" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback" style="font-size:9px;line-height:1.2">SUBSCRIPTIONFLOW<br><b style="color:#f26522">PAYMENTS</b></span>
          </a>

        </div>
      </div>

      <!-- ===================== CENTER : SF LOGO ===================== -->
      <div class="sfp-center">
        <span class="sfp-glow"></span>
        <span class="sfp-ring"></span>
        <div class="sfp-orb">
          <img width="137" height="42" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20137%2042'%3E%3C/svg%3E" alt="SubscriptionFlow" class="sfp-orb-logo" onerror="this.style.display='none';this.nextElementSibling.style.display='block'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/12/new-logo.svg"><noscript><img width="137" height="42" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2022/12/new-logo.svg" alt="SubscriptionFlow" class="sfp-orb-logo" onerror="this.style.display='none';this.nextElementSibling.style.display='block'"></noscript>
          <span class="sfp-fallback sfp-orb-fallback">Subscription<b>FLOW</b></span>
        </div>
      </div>

      <!-- ===================== RIGHT : INTEGRATIONS ===================== -->
      <div class="sfp-side">
        <p class="sfp-label">Integrations</p>
        <div class="sfp-grid">

          <!-- Xero -->
          <a href="https://subscriptionflow.com/subscription-software-integrated-with-xero/" class="sfp-card">
            <img width="75" height="22" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2075%2022'%3E%3C/svg%3E" alt="Xero" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/46.png"><noscript><img width="75" height="22" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/46.png" alt="Xero" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback" style="color:#13b5ea">xero</span>
          </a>

          <!-- QuickBooks -->
          <a href="https://subscriptionflow.com/subscription-software-integration-with-quickbooks/" class="sfp-card">
            <img width="105" height="20" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20105%2020'%3E%3C/svg%3E" alt="QuickBooks" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/47.png"><noscript><img width="105" height="20" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/47.png" alt="QuickBooks" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback" style="color:#2ca01c">quickbooks</span>
          </a>

          <!-- monday-com -->
          <a href="https://subscriptionflow.com/subscriptionflow-monday-com-integration/" class="sfp-card">
            <img width="111" height="25" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20111%2025'%3E%3C/svg%3E" alt="nmi" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/monday-com.png.webp"><noscript><img width="111" height="25" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/monday-com.png.webp" alt="nmi" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback" style="color:#ff8200">Amonday-com</span>
          </a>

          <!-- Salesforce -->
          <a href="https://subscriptionflow.com/subscription-software-integrated-with-salesforce/" class="sfp-card">
            <img width="87" height="61" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2087%2061'%3E%3C/svg%3E" alt="Salesforce" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/49.png"><noscript><img width="87" height="61" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/49.png" alt="Salesforce" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback" style="color:#00a1e0">salesforce</span>
          </a>

          <!-- HubSpot -->
          <a href="https://subscriptionflow.com/subscriptionflow-hubspot-integration/" class="sfp-card">
            <img width="87" height="24" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2087%2024'%3E%3C/svg%3E" alt="HubSpot" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/50.png"><noscript><img width="87" height="24" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2021/11/50.png" alt="HubSpot" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback" style="color:#ff7a59">Hub<b>Spot</b></span>
          </a>

          <!-- clickfunnels -->
          <a href="https://subscriptionflow.com/clickfunnels-recurring-payments/" class="sfp-card">
            <img width="111" height="25" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20111%2025'%3E%3C/svg%3E" alt="clickfunnels" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/Clickfunnels-logo.png.webp"><noscript><img width="111" height="25" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/Clickfunnels-logo.png.webp" alt="clickfunnels" onerror="this.style.display='none';this.nextElementSibling.style.display='flex'"></noscript>
            <span class="sfp-fallback">clickfunnels</span>
          </a>

        </div>
      </div>

    </div>
  </div>
</section>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap');
 
  .sfp{
    --orange:#f26522; --ink:#1b1b1f; --muted:#6b6f76;
    --card:#f4f6f9; --card-hover:#ffffff; --line:#e8eaee;
    font-family:'Plus Jakarta Sans',-apple-system,'Segoe UI',sans-serif;
    padding:70px 18px;
    background:radial-gradient(60% 70% at 50% 45%, rgba(242,101,34,.05), transparent 70%), #ffffff;
    overflow:hidden;
  }
  .sfp *{box-sizing:border-box;}
  .sfp-wrap{max-width:1240px;margin:0 auto;}
 
  .sfp-title{text-align:center;margin:0 0 60px;font-size:clamp(28px,4.5vw,44px);line-height:1;opacity:0;animation:sfpFadeDown .8s ease .1s forwards;}
  .sfp-script{font-family:'Pacifico',cursive;color:var(--orange);font-weight:400;margin-right:8px;}
  .sfp-bold{color:var(--ink);font-weight:800;}
 
  .sfp-stage{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;}
  .sfp-label{text-align:center;font-size:18px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink);margin:0 0 20px;opacity:0;animation:sfpFadeDown .6s ease .2s forwards;}
 
  .sfp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  .sfp-card{
    position:relative;aspect-ratio:13/10;display:flex;align-items:center;justify-content:center;padding:14px;
    background:var(--card);border:1px solid var(--line);border-radius:14px;text-decoration:none;overflow:hidden;
    opacity:0;transform:translateY(16px) scale(.94);
    animation:sfpPop .55s cubic-bezier(.22,1,.36,1) forwards;
    transition:transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
  }
  .sfp-card::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s ease;}
  .sfp-card:hover{background:var(--card-hover);border-color:rgba(242,101,34,.45);transform:translateY(-6px) scale(1.03);box-shadow:0 14px 30px rgba(20,22,28,.12);}
  .sfp-card:hover::after{transform:translateX(120%);}
 
  .sfp-card img, .sfp-card .sfp-fallback{animation:sfpFloat 4.5s ease-in-out infinite;}
  .sfp-card img{max-width:100%;max-height:70%;object-fit:contain;}
  .sfp-fallback{display:none;align-items:center;justify-content:center;text-align:center;font-weight:700;font-size:15px;color:var(--ink);}
 
  .sfp-grid .sfp-card:nth-child(1){animation-delay:.15s}
  .sfp-grid .sfp-card:nth-child(2){animation-delay:.25s}
  .sfp-grid .sfp-card:nth-child(3){animation-delay:.35s}
  .sfp-grid .sfp-card:nth-child(4){animation-delay:.45s}
  .sfp-grid .sfp-card:nth-child(5){animation-delay:.55s}
  .sfp-grid .sfp-card:nth-child(6){animation-delay:.65s}
 
  .sfp-grid .sfp-card:nth-child(1) img, .sfp-grid .sfp-card:nth-child(1) .sfp-fallback{animation-duration:4.2s;animation-delay:0s}
  .sfp-grid .sfp-card:nth-child(2) img, .sfp-grid .sfp-card:nth-child(2) .sfp-fallback{animation-duration:5.1s;animation-delay:.4s}
  .sfp-grid .sfp-card:nth-child(3) img, .sfp-grid .sfp-card:nth-child(3) .sfp-fallback{animation-duration:4.6s;animation-delay:.8s}
  .sfp-grid .sfp-card:nth-child(4) img, .sfp-grid .sfp-card:nth-child(4) .sfp-fallback{animation-duration:5.4s;animation-delay:.2s}
  .sfp-grid .sfp-card:nth-child(5) img, .sfp-grid .sfp-card:nth-child(5) .sfp-fallback{animation-duration:4.4s;animation-delay:.6s}
  .sfp-grid .sfp-card:nth-child(6) img, .sfp-grid .sfp-card:nth-child(6) .sfp-fallback{animation-duration:5.0s;animation-delay:1s}
 
  .sfp-center{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center;justify-self:center;}
  .sfp-glow{position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle, rgba(242,101,34,.18), rgba(242,101,34,0) 65%);animation:sfpPulse 3.5s ease-in-out infinite;}
  .sfp-ring{position:absolute;inset:0;border-radius:50%;border:2px dashed rgba(242,101,34,.35);animation:sfpSpin 22s linear infinite;}
  .sfp-orb{
    position:relative;width:210px;height:210px;border-radius:50%;background:#fff;
    box-shadow:0 20px 50px rgba(20,22,28,.12), inset 0 0 0 1px rgba(0,0,0,.03);
    display:flex;align-items:center;justify-content:center;text-align:center;
    overflow:hidden;padding:38px;          /* logo circle ke andar hi rahega */
    opacity:0;transform:scale(.85);
    animation:sfpOrbIn .8s cubic-bezier(.22,1,.36,1) .3s forwards, sfpFloat 6s ease-in-out 1.1s infinite;
  }
  .sfp-orb-logo{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
  .sfp-orb-fallback{display:none;font-weight:600;font-size:24px;color:var(--ink);}
  .sfp-orb-fallback b{display:block;font-weight:800;letter-spacing:1px;}
 
  @keyframes sfpPop{to{opacity:1;transform:none;}}
  @keyframes sfpOrbIn{to{opacity:1;transform:scale(1);}}
  @keyframes sfpFadeDown{from{opacity:0;transform:translateY(-12px);}to{opacity:1;transform:none;}}
  @keyframes sfpFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}
  @keyframes sfpSpin{to{transform:rotate(360deg);}}
  @keyframes sfpPulse{0%,100%{transform:scale(1);opacity:.6;}50%{transform:scale(1.12);opacity:.95;}}
 
  @media (max-width:900px){
    .sfp{padding:50px 16px;}
    .sfp-stage{grid-template-columns:1fr;gap:42px;}
    .sfp-center{order:-1;width:230px;height:230px;}
    .sfp-orb{width:172px;height:172px;}
    .sfp-side{max-width:430px;margin:0 auto;width:100%;}
    .sfp-title{margin-bottom:36px;}
  }
  @media (max-width:420px){.sfp-grid{gap:11px;}.sfp-fallback{font-size:13px;}}
  @media (prefers-reduced-motion:reduce){.sfp *{animation:none !important;opacity:1 !important;transform:none !important;}}
</style>				</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-60925d3 elementor-mobile-align-center elementor-align-center sflow-el-btn tb-btn elementor-widget elementor-widget-button" data-id="60925d3" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-grow" href="https://www.subscriptionflow.com/integrations/">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-right" viewBox="0 0 256 512" xmlns="http://www.w3.org/2000/svg"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg>			</span>
									<span class="elementor-button-text">Explore Integrations</span>
					</span>
					</a>
								</div>
					</div>
		</div>
					</div>
		</section>
				<section data-wpr-lazyrender="1" data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-74a78c9 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="74a78c9" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f4387ed" data-id="f4387ed" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-9364499 elementor-widget elementor-widget-html" data-id="9364499" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
  :root{
    --brand:#fd7d07;
    --brand-2:#ff9a3d;
    --brand-dark:#c25f00;
    --tint:#fff4e8;
    --tint2:#ffe6cf;
    --ink:#1b1a18;
    --ink-soft:#736f69;
    --line:#eeebe7;
    --bg:#ffffff;
  }
  *{box-sizing:border-box;margin:0;padding:0;}

  .gw-wrap{width:100%;max-width:580px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}

  .gw-stage{
    position:relative;width:100%;aspect-ratio:580/480;
    background:
      radial-gradient(60% 55% at 50% 50%, #fff8f0 0%, rgba(255,248,240,0) 72%),
      var(--bg);
    border:1px solid var(--line);border-radius:20px;overflow:hidden;
    container-type:inline-size;
    box-shadow:0 2cqw 6cqw rgba(125,61,0,.05);
  }

  /* ---------- network svg ---------- */
  .gw-net{position:absolute;inset:0;width:100%;height:100%;z-index:1;}
  .gw-link{stroke:var(--tint2);stroke-width:1.4;stroke-dasharray:4 5;fill:none;opacity:.9;}
  .gw-pulse{fill:var(--brand);}
  .gw-ring{fill:none;stroke:var(--brand);transform-box:fill-box;transform-origin:center;}

  /* ---------- hub ---------- */
  .gw-core{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;
    width:20cqw;height:20cqw;border-radius:50%;
    background:#fff;border:1px solid var(--tint2);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 4cqw 11cqw rgba(253,125,7,.30), 0 0 0 1.8cqw rgba(253,125,7,.10);
  }
  .gw-core img{width:11cqw;height:11cqw;object-fit:contain;animation:breathe 3s ease-in-out infinite;}
  @keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}

  .gw-status{
    position:absolute;left:50%;top:67%;transform:translate(-50%,-50%);z-index:6;
    background:#fff;border:1px solid var(--line);border-radius:30px;
    padding:1.4cqw 3cqw;display:flex;align-items:center;gap:1.6cqw;white-space:nowrap;
    box-shadow:0 1.6cqw 4cqw rgba(0,0,0,.08);
  }
  .gw-status .led{width:1.8cqw;height:1.8cqw;border-radius:50%;background:#1fb866;animation:blink 1.3s infinite;}
  @keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
  .gw-status span{font-size:2.4cqw;font-weight:700;color:var(--ink);}

  /* ---------- industry nodes ---------- */
  .node{position:absolute;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:1.2cqw;width:26cqw;transition:transform .4s ease;}
  .node .ic{
    width:12cqw;height:12cqw;border-radius:28%;
    background:#fff;border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 1.6cqw 4cqw rgba(0,0,0,.06);transition:all .4s ease;
  }
  .node .ic svg{width:6cqw;height:6cqw;stroke:var(--brand);fill:none;transition:stroke .4s ease;}
  .node .lbl{font-size:2.3cqw;font-weight:700;color:var(--ink-soft);transition:color .4s ease;white-space:nowrap;}
  .node.active{transform:translate(-50%,-50%) scale(1.08);}
  .node.active .ic{background:linear-gradient(135deg,var(--brand-2),var(--brand));border-color:var(--brand);box-shadow:0 2.4cqw 6cqw rgba(253,125,7,.35);}
  .node.active .ic svg{stroke:#fff;}
  .node.active .lbl{color:var(--brand-dark);}

  @media (prefers-reduced-motion: reduce){
    *{animation-duration:.001s !important;}
    .gw-status .led,.gw-core img{animation:none;}
  }

  /* pulse motion (hub -> node), staggered across 7 lines */
  .p0{animation:f0 2.4s linear infinite;}
  .p1{animation:f1 2.4s linear infinite .34s;}
  .p2{animation:f2 2.4s linear infinite .68s;}
  .p3{animation:f3 2.4s linear infinite 1.02s;}
  .p4{animation:f4 2.4s linear infinite 1.36s;}
  .p5{animation:f5 2.4s linear infinite 1.70s;}
  .p6{animation:f6 2.4s linear infinite 2.04s;}
  @keyframes f0{0%{transform:translate(0,0);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translate(0,-170px);opacity:0}}
  @keyframes f1{0%{transform:translate(0,0);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translate(160px,-106px);opacity:0}}
  @keyframes f2{0%{transform:translate(0,0);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translate(200px,38px);opacity:0}}
  @keyframes f3{0%{transform:translate(0,0);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translate(89px,153px);opacity:0}}
  @keyframes f4{0%{transform:translate(0,0);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translate(-89px,153px);opacity:0}}
  @keyframes f5{0%{transform:translate(0,0);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translate(-200px,38px);opacity:0}}
  @keyframes f6{0%{transform:translate(0,0);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translate(-160px,-106px);opacity:0}}

  .r1{animation:ring 3.6s ease-out infinite;}
  .r2{animation:ring 3.6s ease-out infinite 1.2s;}
  .r3{animation:ring 3.6s ease-out infinite 2.4s;}
  @keyframes ring{0%{transform:scale(1);opacity:.5}100%{transform:scale(3.2);opacity:0}}
</style>
<div class="gw-wrap">
  <div class="gw-stage">

    <svg class="gw-net" viewBox="0 0 580 480" preserveAspectRatio="none">
      <!-- links hub(290,240) -> nodes -->
      <line class="gw-link" x1="290" y1="240" x2="290" y2="70"/>
      <line class="gw-link" x1="290" y1="240" x2="450" y2="134"/>
      <line class="gw-link" x1="290" y1="240" x2="490" y2="278"/>
      <line class="gw-link" x1="290" y1="240" x2="379" y2="393"/>
      <line class="gw-link" x1="290" y1="240" x2="201" y2="393"/>
      <line class="gw-link" x1="290" y1="240" x2="90"  y2="278"/>
      <line class="gw-link" x1="290" y1="240" x2="130" y2="134"/>

      <circle class="gw-ring r1" cx="290" cy="240" r="44" stroke-width="2"/>
      <circle class="gw-ring r2" cx="290" cy="240" r="44" stroke-width="2"/>
      <circle class="gw-ring r3" cx="290" cy="240" r="44" stroke-width="2"/>

      <circle class="gw-pulse p0" cx="290" cy="240" r="4.5"/>
      <circle class="gw-pulse p1" cx="290" cy="240" r="4.5"/>
      <circle class="gw-pulse p2" cx="290" cy="240" r="4.5"/>
      <circle class="gw-pulse p3" cx="290" cy="240" r="4.5"/>
      <circle class="gw-pulse p4" cx="290" cy="240" r="4.5"/>
      <circle class="gw-pulse p5" cx="290" cy="240" r="4.5"/>
      <circle class="gw-pulse p6" cx="290" cy="240" r="4.5"/>
    </svg>

    <!-- hub core with SubscriptionFlow icon -->
    <div class="gw-core">
      <img width="27" height="22" decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2027%2022'%3E%3C/svg%3E" alt="" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/SF-icon.svg" /><noscript><img width="27" height="22" decoding="async" src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/SF-icon.svg" alt="" /></noscript>
    </div>

    <!-- agentic live status -->
    <div class="gw-status"><span class="led"></span><span id="gwStatus">Metering usage</span></div>

    <!-- industry nodes (7) -->
    <div class="node" data-n="0" style="left:50%;top:14.58%">
      <div class="ic"><svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 10a4 4 0 0 0-7.6-1.5A3.5 3.5 0 1 0 9 16h8.5a3.5 3.5 0 0 0 .5-6z"/></svg></div>
      <div class="lbl">SaaS</div>
    </div>
    <div class="node" data-n="1" style="left:77.59%;top:27.92%">
      <div class="ic"><svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="20" r="1.4"/><circle cx="18" cy="20" r="1.4"/><path d="M2 3h3l2.4 12.2a1.5 1.5 0 0 0 1.5 1.2h8.3a1.5 1.5 0 0 0 1.5-1.2L22 7H6"/></svg></div>
      <div class="lbl">ECommerce</div>
    </div>
    <div class="node" data-n="2" style="left:84.48%;top:57.92%">
      <div class="ic"><svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-4 9 4-9 4z"/><path d="M21 9v5"/><path d="M7 11v3.2c0 1.4 2.2 2.3 5 2.3s5-.9 5-2.3V11"/></svg></div>
      <div class="lbl">E-Learning</div>
    </div>
    <div class="node" data-n="3" style="left:65.34%;top:81.88%">
      <div class="ic"><svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 5.5h8a2.5 2.5 0 0 1 2 1 2.5 2.5 0 0 1 2-1h8v12h-7a3 3 0 0 0-3 1.5 3 3 0 0 0-3-1.5H2z"/><path d="M12 6.5V18"/></svg></div>
      <div class="lbl">Magazine</div>
    </div>
    <div class="node" data-n="4" style="left:34.66%;top:81.88%">
      <div class="ic"><svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2"/><circle cx="8.5" cy="11" r="2"/><path d="M5 16c.3-1.6 1.8-2.4 3.5-2.4S11.7 14.4 12 16"/><path d="M14.5 10h3.5M14.5 13h3.5"/></svg></div>
      <div class="lbl">Membership</div>
    </div>
    <div class="node" data-n="5" style="left:15.52%;top:57.92%">
      <div class="ic"><svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12h4l2-6 4 12 2.5-6H22"/></svg></div>
      <div class="lbl">Health &amp; Fitness</div>
    </div>
    <div class="node" data-n="6" style="left:22.41%;top:27.92%">
      <div class="ic"><svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l8 3v5.5c0 4.7-3.3 7.7-8 8.5-4.7-.8-8-3.8-8-8.5V6z"/><path d="M9 12l2 2 4-4"/></svg></div>
      <div class="lbl">Insurance</div>
    </div>

  </div>
</div>

<script type="text/rocketlazyloadscript">
(function(){
  var statuses=["Metering usage","Rating & pricing","Generating invoices","Collecting payments","Renewing plans","Reconciling revenue"];
  var nodes=document.querySelectorAll('.node');
  var statusEl=document.getElementById('gwStatus');
  var i=0;
  function step(){
    nodes.forEach(function(n,k){ n.classList.toggle('active', k===i%nodes.length); });
    statusEl.textContent=statuses[i%statuses.length];
    i++;
  }
  step();
  setInterval(step,1700);
})();
</script>				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-cf59df4" data-id="cf59df4" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-26fac4d elementor-widget elementor-widget-spacer" data-id="26fac4d" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				<div class="elementor-element elementor-element-fa963f6 elementor-widget elementor-widget-heading" data-id="fa963f6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Serving Clients All Over the World Across Countless Industries</h2>				</div>
				<div class="elementor-element elementor-element-72eb068 elementor-widget elementor-widget-text-editor" data-id="72eb068" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>If your business involves recurring billing and invoicing, charges customers and clients with custom billing models and pricing strategies, SubscriptionFlow is for you!</p>								</div>
				<div class="elementor-element elementor-element-4c1d4de elementor-mobile-align-center sflow-el-btn tb-btn elementor-widget elementor-widget-button" data-id="4c1d4de" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-grow" href="https://subscriptionflow.com/other-industries/">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-right" viewBox="0 0 256 512" xmlns="http://www.w3.org/2000/svg"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg>			</span>
									<span class="elementor-button-text">Other Industries</span>
					</span>
					</a>
								</div>
					</div>
		</div>
					</div>
		</section>
				<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-13f860a elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="13f860a" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c8a0c5d" data-id="c8a0c5d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-cec637d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="cec637d" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-a374140" data-id="a374140" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-e6ed4b9 elementor-widget elementor-widget-heading" data-id="e6ed4b9" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Trusted by Teams Who Grow Fast</h2>				</div>
				<div class="elementor-element elementor-element-739e0c8 elementor-widget elementor-widget-text-editor" data-id="739e0c8" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>If your business involves recurring billing and invoicing, charges customers and clients with custom billing models and pricing strategies, SubscriptionFlow is for you!</p>								</div>
					</div>
		</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-19f6adf elementor-widget elementor-widget-spacer" data-id="19f6adf" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				<div class="elementor-element elementor-element-35a20dc elementor-widget elementor-widget-html" data-id="35a20dc" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					
<style>
.sf-stats-wrap{background:#FDF0E6;border-radius:24px;padding:48px 32px;font-family:"IBM Plex Sans",sans-serif;}
.sf-stats-grid{display:flex;align-items:stretch;justify-content:center;gap:0;flex-wrap:wrap;}
.sf-stat{flex:1 1 0;min-width:240px;padding:0 40px;text-align:left;border-right:1px solid #F0D9C6;}
.sf-stat:last-child{border-right:none;}
.sf-stat-num{display:inline-block;border:2px dashed #F2994A;border-radius:10px;padding:6px 16px;font-size:52px;line-height:1.1;font-weight:700;color:#F2771A;letter-spacing:-1px;margin-bottom:18px;}
.sf-stat-num .sf-dark{color:#1A1A2E;}
.sf-stat-cap{font-size:16px;line-height:1.55;color:#64648C;margin:0;max-width:280px;}
@media(max-width:900px){.sf-stats-wrap{padding:32px 16px;}.sf-stat{border-right:none;border-bottom:1px solid #F0D9C6;padding:24px 16px;}.sf-stat:last-child{border-bottom:none;}.sf-stat-num{font-size:42px;}.sf-stat-cap{max-width:none;}}

/* --- Trusted strip: new title + logo row (this page only) --- */
.elementor-element-e79d2a1{margin-top:90px;margin-bottom:34px;}
.elementor-element-c7dd43e .elementor-element-a4a4ada{display:none!important;}
.elementor-element-c7dd43e .logo-slider .nav{display:none!important;}
.elementor-element-c7dd43e .logo-slider .marquee{
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 11%,#000 89%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 11%,#000 89%,transparent 100%);
}
.elementor-element-c7dd43e .logo-slider .marquee-content img{
  filter:grayscale(100%);opacity:.55;transition:filter .3s ease,opacity .3s ease;
}
.elementor-element-c7dd43e .logo-slider .marquee-content li:hover img{filter:grayscale(0);opacity:1;}
@media(max-width:900px){.elementor-element-e79d2a1{margin-top:56px;margin-bottom:24px;}}
</style>
<div class="sf-stats-wrap">
  <div class="sf-stats-grid">
    <div class="sf-stat">
      <div class="sf-stat-num">$1B<span class="sf-dark">+</span></div>
      <p class="sf-stat-cap">in recurring revenue billed through SubscriptionFlow</p>
    </div>
    <div class="sf-stat">
      <div class="sf-stat-num">40<span class="sf-dark">+</span></div>
      <p class="sf-stat-cap">countries with customers billing in local currency</p>
    </div>
    <div class="sf-stat">
      <div class="sf-stat-num">70%</div>
      <p class="sf-stat-cap">less time spent on manual invoicing and dunning</p>
    </div>
  </div>
</div>				</div>
				<div class="elementor-element elementor-element-e79d2a1 elementor-widget elementor-widget-heading" data-id="e79d2a1" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Billing for growing SaaS, e-commerce and fintech teams</h2>				</div>
				<div class="elementor-element elementor-element-c7dd43e elementor-widget elementor-widget-shortcode" data-id="c7dd43e" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
							<div class="elementor-shortcode">		<div data-elementor-type="section" data-elementor-id="12772" class="elementor elementor-12772" data-elementor-post-type="elementor_library">
					<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-ebcef4f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="ebcef4f" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2872de3b" data-id="2872de3b" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-a4a4ada elementor-widget elementor-widget-heading" data-id="a4a4ada" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h4 class="elementor-heading-title elementor-size-default">Trusted by Tech Leaders at:</h4>				</div>
				<div class="elementor-element elementor-element-3efa48b4 elementor-widget elementor-widget-html" data-id="3efa48b4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- ===== LOGO SLIDER (real colors → black on hover, slow auto-scroll, manual left/right + drag) ===== -->

<style>
  .logo-slider {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;                 /* buttons hidden, so no side space needed */
    box-sizing: border-box;
  }

  /* The scrollable viewport */
  .logo-slider .marquee {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;       /* Firefox */
    -ms-overflow-style: none;    /* IE/Edge */
    cursor: grab;
    -webkit-overflow-scrolling: touch;
    user-select: none;
  }
  .logo-slider .marquee::-webkit-scrollbar { display: none; }  /* Chrome/Safari */
  .logo-slider .marquee.dragging { cursor: grabbing; }

  /* The track holding all logos */
  .logo-slider .marquee-content {
    display: flex;
    align-items: center;
    gap: 56px;
    list-style: none;
    margin: 0;
    padding: 18px 0;
    width: max-content;          /* lets the row be as wide as it needs */
  }

  .logo-slider .marquee-content li { flex: 0 0 auto; }

  .logo-slider .marquee-content a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    -webkit-user-drag: none;
    user-select: none;
  }

  /* Real colors by default */
  .logo-slider .marquee-content img {
    width: 140px;
    height: 50px;
    max-width: 100%;
    object-fit: contain;
    filter: none;
    opacity: 1;
    transition: filter .35s ease, opacity .35s ease, transform .35s ease;
    -webkit-user-drag: none;
    user-select: none;
    pointer-events: auto;
  }

  /* Turn that logo grayscale on hover */
  .logo-slider .marquee-content a:hover img {
    filter: grayscale(100%);
    transform: scale(1.05);
  }

  /* Navigation arrows (hidden) */
  .logo-slider .nav { display: none; }

  @media (max-width: 600px) {
    .logo-slider { padding: 0; }
    .logo-slider .marquee-content { gap: 36px; }
  }
</style>

<div class="logo-slider">
  <button class="nav prev" type="button" aria-label="Previous logos">&#8249;</button>

  <div class="marquee" id="logoMarquee">
    <ul class="marquee-content" id="logoTrack">

      <li><a href="#" rel="nofollow" aria-label="KGLlogo"><img width="490" height="84" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20490%2084'%3E%3C/svg%3E" alt="KGLlogo" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/05/KGLlogo.svg"><noscript><img width="490" height="84" src="https://www.subscriptionflow.com/wp-content/uploads/2026/05/KGLlogo.svg" alt="KGLlogo" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="blink payment"><img width="965" height="508" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20965%20508'%3E%3C/svg%3E" alt="blink payment" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/05/blink-payment-logo.svg"><noscript><img width="965" height="508" src="https://www.subscriptionflow.com/wp-content/uploads/2026/05/blink-payment-logo.svg" alt="blink payment" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="openservelogo"><img width="1200" height="632" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201200%20632'%3E%3C/svg%3E" alt="openservelogo" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/05/openservelogo.svg"><noscript><img width="1200" height="632" src="https://www.subscriptionflow.com/wp-content/uploads/2026/05/openservelogo.svg" alt="openservelogo" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="gymlaunch"><img width="1766" height="371" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201766%20371'%3E%3C/svg%3E" alt="gymlaunch" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/05/gymlaunch-logo.svg"><noscript><img width="1766" height="371" src="https://www.subscriptionflow.com/wp-content/uploads/2026/05/gymlaunch-logo.svg" alt="gymlaunch" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="transpersonal"><img width="1781" height="372" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201781%20372'%3E%3C/svg%3E" alt="transpersonal" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/05/transpersonal-logo.svg"><noscript><img width="1781" height="372" src="https://www.subscriptionflow.com/wp-content/uploads/2026/05/transpersonal-logo.svg" alt="transpersonal" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="voiceprompts"><img width="1229" height="441" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201229%20441'%3E%3C/svg%3E" alt="voiceprompts" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/05/voiceprompts.svg"><noscript><img width="1229" height="441" src="https://www.subscriptionflow.com/wp-content/uploads/2026/05/voiceprompts.svg" alt="voiceprompts" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="cmj"><img width="537" height="90" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20537%2090'%3E%3C/svg%3E" alt="cmj" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/cmj-site-logo-white.svg"><noscript><img width="537" height="90" src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/cmj-site-logo-white.svg" alt="cmj" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="lonesurvivalist"><img width="1019" height="1018" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201019%201018'%3E%3C/svg%3E" alt="lonesurvivalist" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/lonesurvivalist.svg"><noscript><img width="1019" height="1018" src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/lonesurvivalist.svg" alt="lonesurvivalist" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="asherhousewellness"><img width="1004" height="1029" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201004%201029'%3E%3C/svg%3E" alt="asherhousewellness" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/asherhousewellness-round-logo.svg"><noscript><img width="1004" height="1029" src="https://www.subscriptionflow.com/wp-content/uploads/2026/06/asherhousewellness-round-logo.svg" alt="asherhousewellness" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="Tulip Publishing"><img width="1074" height="394" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201074%20394'%3E%3C/svg%3E" alt="Tulip Publishing" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/tulippiblishing.svg"><noscript><img width="1074" height="394" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/tulippiblishing.svg" alt="Tulip Publishing" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="/case-study/kamp-solutions/" rel="nofollow" aria-label="Kamp Solutions Case Study"><img width="1070" height="390" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201070%20390'%3E%3C/svg%3E" alt="Kamp Solutions" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/kamp-solutions-logo.svg"><noscript><img width="1070" height="390" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/kamp-solutions-logo.svg" alt="Kamp Solutions" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="View From The Top"><img width="1034" height="370" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201034%20370'%3E%3C/svg%3E" alt="View From The Top" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/view-form-the-top.svg"><noscript><img width="1034" height="370" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/view-form-the-top.svg" alt="View From The Top" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="/case-study/onhold-marketing/" rel="nofollow" aria-label="OnHold Marketing Case Study"><img width="1073" height="329" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201073%20329'%3E%3C/svg%3E" alt="OnHold Marketing" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/onhold.svg"><noscript><img width="1073" height="329" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/onhold.svg" alt="OnHold Marketing" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="OrangeOnions"><img width="1100" height="435" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201100%20435'%3E%3C/svg%3E" alt="OrangeOnions" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/OrangeOnions.svg"><noscript><img width="1100" height="435" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/OrangeOnions.svg" alt="OrangeOnions" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="/case-study/vault/" rel="nofollow" aria-label="Vault Case Study"><img width="862" height="346" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20862%20346'%3E%3C/svg%3E" alt="Vault" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/vault.svg"><noscript><img width="862" height="346" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/vault.svg" alt="Vault" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="/case-study/cognitech/" rel="nofollow" aria-label="Cognitech Case Study"><img width="1088" height="302" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201088%20302'%3E%3C/svg%3E" alt="Cognitech" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/Cognitech-logo-1.svg"><noscript><img width="1088" height="302" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/Cognitech-logo-1.svg" alt="Cognitech" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="Halodata"><img width="1071" height="460" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201071%20460'%3E%3C/svg%3E" alt="Halodata" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/halodata.svg"><noscript><img width="1071" height="460" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/halodata.svg" alt="Halodata" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="XexWorks Inc"><img width="1094" height="364" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201094%20364'%3E%3C/svg%3E" alt="XexWorks Inc" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/xexworksinc.svg"><noscript><img width="1094" height="364" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/xexworksinc.svg" alt="XexWorks Inc" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="Brown and Company"><img width="1123" height="278" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201123%20278'%3E%3C/svg%3E" alt="Brown and Company" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/brownandcompany.svg"><noscript><img width="1123" height="278" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/brownandcompany.svg" alt="Brown and Company" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="/case-study/alldata-united/" rel="nofollow" aria-label="Alldata United Case Study"><img width="1007" height="339" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201007%20339'%3E%3C/svg%3E" alt="Alldata United" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/Alldata-United.svg"><noscript><img width="1007" height="339" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/Alldata-United.svg" alt="Alldata United" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="/case-study/providerplus/" rel="nofollow" aria-label="ProviderPlus Case Study"><img width="876" height="540" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20876%20540'%3E%3C/svg%3E" alt="ProviderPlus" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/provideplus.svg"><noscript><img width="876" height="540" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/provideplus.svg" alt="ProviderPlus" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="/case-study/gulf-innova/" rel="nofollow" aria-label="Gulf Innova Case Study"><img width="723" height="510" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20723%20510'%3E%3C/svg%3E" alt="Gulf Innova" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/nnova.svg"><noscript><img width="723" height="510" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/nnova.svg" alt="Gulf Innova" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="/case-study/salis/" rel="nofollow" aria-label="Salis Case Study"><img width="862" height="243" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20862%20243'%3E%3C/svg%3E" alt="Salis" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/salis.svg"><noscript><img width="862" height="243" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/salis.svg" alt="Salis" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="/case-study/icanmandarin/" rel="nofollow" aria-label="iCanMandarin Case Study"><img width="544" height="544" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20544%20544'%3E%3C/svg%3E" alt="iCanMandarin" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/iCanMandarinh-logo.svg"><noscript><img width="544" height="544" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/iCanMandarinh-logo.svg" alt="iCanMandarin" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="Peak Biomed"><img width="1131" height="354" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201131%20354'%3E%3C/svg%3E" alt="Peak Biomed" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/peakbiomed.svg"><noscript><img width="1131" height="354" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/peakbiomed.svg" alt="Peak Biomed" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="10 of Those"><img width="1055" height="304" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201055%20304'%3E%3C/svg%3E" alt="10 of Those" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/10ofthose.svg"><noscript><img width="1055" height="304" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/10ofthose.svg" alt="10 of Those" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="Characters.io"><img width="1027" height="530" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201027%20530'%3E%3C/svg%3E" alt="Characters.io" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/charactersio.svg"><noscript><img width="1027" height="530" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/charactersio.svg" alt="Characters.io" loading="lazy" decoding="async"></noscript></a></li>
      <li><a href="#" rel="nofollow" aria-label="Nasopure"><img width="968" height="505" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20968%20505'%3E%3C/svg%3E" alt="Nasopure" decoding="async" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/nasopure.svg"><noscript><img width="968" height="505" src="https://www.subscriptionflow.com/wp-content/uploads/2022/06/nasopure.svg" alt="Nasopure" loading="lazy" decoding="async"></noscript></a></li>

    </ul>
  </div>

  <button class="nav next" type="button" aria-label="Next logos">&#8250;</button>
</div>

<script type="text/rocketlazyloadscript">
(function () {
  var viewport = document.getElementById('logoMarquee');
  var track    = document.getElementById('logoTrack');
  var slider   = viewport.closest('.logo-slider');
  var prevBtn  = slider.querySelector('.nav.prev');
  var nextBtn  = slider.querySelector('.nav.next');

  // ---- Duplicate logos once so the auto-scroll can loop seamlessly ----
  track.innerHTML += track.innerHTML;

  // ---- Settings ----
  var SPEED      = 0.05;  // pixels per frame -> smaller = slower (lower this more if needed)
  var STEP       = 320;   // how far each arrow click scrolls
  var RESUME_MS  = 200;   // resume auto-scroll almost instantly after a drag
  var VISIBLE    = 5;     // how many logos to show on screen at once
  var GAP        = 56;    // space between logos (px) - matches the CSS gap

  var halfWidth = 0;
  var paused    = false;
  var resumeTimer = null;

  var items = track.querySelectorAll('li');

  // Size each logo so exactly VISIBLE fit across the viewport (responsive)
  function sizeItems() {
    var visible = VISIBLE;
    var gap = GAP;
    // On small screens, show fewer so logos don't get too tiny
    if (viewport.clientWidth < 480)      { visible = 2; gap = 28; }
    else if (viewport.clientWidth < 768) { visible = 3; gap = 36; }

    track.style.gap = gap + 'px';
    var w = (viewport.clientWidth - gap * (visible - 1)) / visible;
    for (var i = 0; i < items.length; i++) {
      items[i].style.width = w + 'px';
    }
  }

  function measure() {
    sizeItems();
    halfWidth = track.scrollWidth / 2;
  }
  window.addEventListener('load', measure);
  window.addEventListener('resize', measure);
  measure();

  // ---- Continuous auto-scroll ----
  function tick() {
    if (!paused && halfWidth > 0) {
      viewport.scrollLeft += SPEED;
      if (viewport.scrollLeft >= halfWidth) viewport.scrollLeft -= halfWidth;
    }
    requestAnimationFrame(tick);
  }
  requestAnimationFrame(tick);

  // Keep the infinite loop working in BOTH directions (manual scroll/drag)
  function normalizeLoop() {
    if (halfWidth <= 0) return;
    if (viewport.scrollLeft >= halfWidth) viewport.scrollLeft -= halfWidth;
    else if (viewport.scrollLeft <= 0)    viewport.scrollLeft += halfWidth;
  }

  // Auto-scroll keeps running. We only pause briefly during an active drag,
  // then resume right away so the slider never looks "stopped".
  function resumeSoon() {
    clearTimeout(resumeTimer);
    resumeTimer = setTimeout(function () { paused = false; }, RESUME_MS);
  }

  // ---- Arrow buttons (manual left / right) ----
  // These add an extra nudge on top of the auto-scroll without stopping it.
  function nudge(dir) {
    var target = viewport.scrollLeft + dir * STEP;
    viewport.scrollTo({ left: target, behavior: 'smooth' });
    // fix the loop boundaries shortly after the smooth scroll settles
    setTimeout(normalizeLoop, 450);
  }
  prevBtn.addEventListener('click', function () { nudge(-1); });
  nextBtn.addEventListener('click', function () { nudge(1); });

  // ---- Drag / swipe to scroll ----
  var dragging = false, startX = 0, startScroll = 0, moved = false;

  function pointerDown(x) {
    dragging = true; moved = false;
    startX = x; startScroll = viewport.scrollLeft;
    paused = true;
    viewport.classList.add('dragging');
  }
  function pointerMove(x) {
    if (!dragging) return;
    var delta = x - startX;
    if (Math.abs(delta) > 3) moved = true;
    viewport.scrollLeft = startScroll - delta;
    normalizeLoop();
  }
  function pointerUp() {
    if (!dragging) return;
    dragging = false;
    viewport.classList.remove('dragging');
    resumeSoon();
  }

  // Mouse
  viewport.addEventListener('mousedown', function (e) {
    if (e.button !== 0) return;   // left button only
    e.preventDefault();           // stop native link/image drag + text selection
    pointerDown(e.pageX);
  });
  window.addEventListener('mousemove', function (e) { pointerMove(e.pageX); });
  window.addEventListener('mouseup', pointerUp);
  // Safety: if the mouse leaves the window mid-drag, release too
  window.addEventListener('blur', pointerUp);

  // Block the browser's built-in drag-and-drop on logos/links entirely
  track.addEventListener('dragstart', function (e) { e.preventDefault(); });

  // Touch
  viewport.addEventListener('touchstart', function (e) { pointerDown(e.touches[0].pageX); }, { passive: true });
  viewport.addEventListener('touchmove',  function (e) { pointerMove(e.touches[0].pageX); }, { passive: true });
  viewport.addEventListener('touchend', pointerUp);

  // Prevent accidental link clicks after a drag
  track.addEventListener('click', function (e) {
    if (moved) { e.preventDefault(); moved = false; }
  }, true);

  // Manual wheel/trackpad scroll should also pause + loop
  viewport.addEventListener('scroll', function () {
    if (!paused && !dragging) return; // auto-scroll handles its own loop
    normalizeLoop();
  });
})();
</script>				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		</div>
						</div>
					</div>
		</div>
					</div>
		</section>
				<section data-wpr-lazyrender="1" data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-c3e3387 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="c3e3387" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a7257f5" data-id="a7257f5" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-b55bad1 your-section-class elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="b55bad1" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-539dd1c" data-id="539dd1c" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f214099 elementor-widget elementor-widget-heading" data-id="f214099" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Scale and Grow with <br>SubscriptionFlow</h2>				</div>
				<div class="elementor-element elementor-element-f2bb4fd elementor-widget elementor-widget-text-editor" data-id="f2bb4fd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>We help SaaS, usage-based, and recurring charge companies automate what they operate — built to grow your revenue from day one.</p>								</div>
				<div class="elementor-element elementor-element-434afdd elementor-widget elementor-widget-spacer" data-id="434afdd" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				<div class="elementor-element elementor-element-709cb77 sflow-el-btn tb-btn demo-schedule elementor-widget__width-initial elementor-widget elementor-widget-button" data-id="709cb77" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-float" href="#">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-angle-right" viewBox="0 0 256 512" xmlns="http://www.w3.org/2000/svg"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg>			</span>
									<span class="elementor-button-text">Schedule a demo</span>
					</span>
					</a>
								</div>
				<div class="elementor-element elementor-element-6453625 sflow-el-btn-1 elementor-align-center elementor-widget__width-initial elementor-widget elementor-widget-button" data-id="6453625" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm elementor-animation-float" href="https://www.subscriptionflow.com/pricing/">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-dollar-sign" viewBox="0 0 288 512" xmlns="http://www.w3.org/2000/svg"><path d="M209.2 233.4l-108-31.6C88.7 198.2 80 186.5 80 173.5c0-16.3 13.2-29.5 29.5-29.5h66.3c12.2 0 24.2 3.7 34.2 10.5 6.1 4.1 14.3 3.1 19.5-2l34.8-34c7.1-6.9 6.1-18.4-1.8-24.5C238 74.8 207.4 64.1 176 64V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48h-2.5C45.8 64-5.4 118.7.5 183.6c4.2 46.1 39.4 83.6 83.8 96.6l102.5 30c12.5 3.7 21.2 15.3 21.2 28.3 0 16.3-13.2 29.5-29.5 29.5h-66.3C100 368 88 364.3 78 357.5c-6.1-4.1-14.3-3.1-19.5 2l-34.8 34c-7.1 6.9-6.1 18.4 1.8 24.5 24.5 19.2 55.1 29.9 86.5 30v48c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-48.2c46.6-.9 90.3-28.6 105.7-72.7 21.5-61.6-14.6-124.8-72.5-141.7z"></path></svg>			</span>
									<span class="elementor-button-text">View Pricing</span>
					</span>
					</a>
								</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				<section data-wpr-lazyrender="1" data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-a6fd00e elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="a6fd00e" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ffe92d0" data-id="ffe92d0" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-inner-section elementor-element elementor-element-dfbc27c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="dfbc27c" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-5b696f7" data-id="5b696f7" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-727f56c elementor-widget elementor-widget-html" data-id="727f56c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<section class="askai" aria-labelledby="askai-heading">
  <style>
    .askai {
      --askai-accent: #f15a24;      /* SubscriptionFlow orange */
      --askai-bg: #131116;          /* near-black background */
      --askai-bg-soft: rgba(255, 255, 255, 0.05);
      --askai-text: #f4f6fb;
      --askai-muted: #b9bcc6;
      --askai-pill-bg: #ffffff;
      --askai-pill-text: var(--askai-accent);
      --askai-radius: 28px;

      max-width: 100%;
      padding: 0 16px;
      font-family: inherit;
    }

    .askai__card {
      background:
        radial-gradient(420px 340px at 88% 8%, rgba(241, 90, 36, 0.14), transparent 65%),
        radial-gradient(380px 320px at 6% 95%, rgba(241, 90, 36, 0.12), transparent 65%),
        var(--askai-bg);
      border-radius: var(--askai-radius);
      padding: clamp(28px, 5vw, 56px);
      display: grid;
      grid-template-columns: minmax(240px, 1fr) minmax(300px, 1.3fr);
      gap: clamp(24px, 4vw, 44px);
      align-items: center;
      color: var(--askai-text);
    }

    .askai__eyebrow {
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 0.02em;
      color: var(--askai-muted);
      margin: 0 0 12px;
    }

    .askai__heading {
      font-size: clamp(28px, 4vw, 40px);
      line-height: 1.1;
      font-weight: 700;
      margin: 0 0 14px;
      color: #FFFFFF!important;
      font-size: 56px;
    }

    .askai__sub {
      font-size: 16px;
      line-height: 1.6;
      color: var(--askai-muted);
      margin: 0;
      max-width: 34ch;
    }

    .askai__buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-bottom: 20px;
    }

    .askai__btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      background: var(--askai-pill-bg);
      color: var(--askai-pill-text);
      border: none;
      border-radius: 999px;
      padding: 12px 22px;
      font-size: 15px;
      font-weight: 700;
      cursor: pointer;
      text-decoration: none;
      transition: transform 0.15s ease, box-shadow 0.15s ease;
    }

    .askai__btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 20px rgba(241, 90, 36, 0.25);
    }

    .askai__btn:focus-visible {
      outline: 3px solid var(--askai-accent);
      outline-offset: 3px;
    }

    .askai__prompt {
      background: var(--askai-bg-soft);
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 18px;
      padding: clamp(18px, 3vw, 28px);
      font-size: 15px;
      line-height: 1.7;
      color: var(--askai-text);
      text-align: center;
      margin: 0;
    }

    /* Tablet: columns stack ho jati hain */
    @media (max-width: 760px) {
      .askai__card {
        grid-template-columns: 1fr;
        text-align: left;
      }
      .askai__prompt {
        text-align: left;
      }
      .askai__sub {
        max-width: none;
      }
      h2#askai-heading {
        line-height: 58px;
    }
    }

    /* Mobile: buttons full-width stack */
    @media (max-width: 480px) {
      .askai {
        margin: 40px auto;
      }
      .askai__buttons {
        flex-direction: column;
        align-items: stretch;
      }
      .askai__btn {
        width: 100%;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .askai__btn {
        transition: none;
      }
      .askai__btn:hover {
        transform: none;
      }
    }
  </style>

  <div class="askai__card">
    <div class="askai__intro">
      <p class="askai__eyebrow">Straight answers. No sales pitch.</p>
      <h2 id="askai-heading" class="askai__heading">Don't ask us.<br>Ask AI.</h2>
      <p class="askai__sub">
        Before you book a demo, get an unbiased take. Ask ChatGPT,
        Perplexity, or Claude whether SubscriptionFlow fits your
        billing setup.
      </p>
    </div>

    <div class="askai__right">
      <div class="askai__buttons">
        <a class="askai__btn" data-askai="chatgpt" href="#" target="_blank" rel="noopener">
          Ask ChatGPT
        </a>
        <a class="askai__btn" data-askai="perplexity" href="#" target="_blank" rel="noopener">
          Ask Perplexity
        </a>
        <a class="askai__btn" data-askai="claude" href="#" target="_blank" rel="noopener">
          Ask Claude
        </a>
      </div>

      <blockquote class="askai__prompt" id="askai-prompt-text">
        “I run a subscription business and I'm shortlisting billing platforms.
        Ask me two quick questions — what kind of business I run (SaaS, membership, publisher, ecommerce, or other) and how
        I charge customers (flat fee, usage-based, or hybrid) — then give me
        an honest assessment of SubscriptionFlow (subscriptionflow.com) for my
        setup: where it's strong, where it has limitations, and how it
        compares to alternatives.”
      </blockquote>
    </div>
  </div>

  <script type="text/rocketlazyloadscript">
    (function () {
      // ===== Yahan apna prompt edit karein =====
      var BRAND_PROMPT =
        "I run a subscription business and I'm shortlisting billing platforms. " +
        "Ask me two quick questions — what kind of business I run (SaaS, " +
        "subscription boxes, media or memberships, services, or other) and how " +
        "I charge customers (flat fee, usage-based, or hybrid) — then give me " +
        "an honest assessment of SubscriptionFlow (subscriptionflow.com) for my " +
        "setup: where it's strong, where it has limitations, and how it " +
        "compares to alternatives.";

      var encoded = encodeURIComponent(BRAND_PROMPT);

      var urls = {
        chatgpt: "https://chatgpt.com/?q=" + encoded,
        perplexity: "https://www.perplexity.ai/search?q=" + encoded,
        claude: "https://claude.ai/new?q=" + encoded
      };

      document.querySelectorAll("[data-askai]").forEach(function (link) {
        var key = link.getAttribute("data-askai");
        if (urls[key]) link.setAttribute("href", urls[key]);
      });
    })();
  </script>
</section>				</div>
					</div>
		</div>
					</div>
		</section>
					</div>
		</div>
					</div>
		</section>
				</div>
				<div data-wpr-lazyrender="1" class="post-tags">
					</div>
			</div>

	<section data-wpr-lazyrender="1" id="comments" class="comments-area">

	


</section><!-- .comments-area -->
</main>

	








<div  class="custom-popup-area">
	<div  class="popup-bg"></div>
	<div  class="popup-content">
		
				<noscript class="ninja-forms-noscript-message">
	Notice: JavaScript is required for this content.</noscript>
<div  id="nf-form-3-cont" class="nf-form-cont custom-ninja-form trial-custom-ninja-form" aria-live="polite" aria-labelledby="nf-form-title-3" aria-describedby="nf-form-errors-3" role="form">

    <div class="nf-loading-spinner"></div>

</div>
        <!-- That data is being printed as a workaround to page builders reordering the order of the scripts loaded-->
        <script>var formDisplay=1;var nfForms=nfForms||[];var form=[];form.id='3';form.settings={"ninjaForms":"Ninja Forms","changeEmailErrorMsg":"Please enter a valid email address!","changeDateErrorMsg":"Please enter a valid date!","confirmFieldErrorMsg":"These fields must match!","fieldNumberNumMinError":"Number Min Error","fieldNumberNumMaxError":"Number Max Error","fieldNumberIncrementBy":"Please increment by ","fieldTextareaRTEInsertLink":"Insert Link","fieldTextareaRTEInsertMedia":"Insert Media","fieldTextareaRTESelectAFile":"Select a file","tableInsertRowAbove":"Insert Row Above","tableInsertRowBelow":"Insert Row Below","tableInsertColumnLeft":"Insert Column Left","tableInsertColumnRight":"Insert Column Right","tableDeleteRow":"Delete Row","tableDeleteColumn":"Delete Column","tableDeleteTable":"Delete Table","tableLegacyNotice":"This content has tables in the old editor format. Custom styles are preserved until converted. Editing will update to the new format.","tableLegacyConvert":"Convert Now","tableInsertTable":"Insert Table","dismiss":"Dismiss","insertLink":"Insert Link","formErrorsCorrectErrors":"Please correct errors before submitting this form.","formHoneypot":"If you are a human seeing this field, please leave it empty.","validateRequiredField":"This is a required field.","honeypotHoneypotError":"Honeypot Error","fileUploadOldCodeFileUploadInProgress":"File Upload in Progress.","fileUploadOldCodeFileUpload":"FILE UPLOAD","currencySymbol":"&#36;","fieldsMarkedRequired":"Fields marked with an <span class=\"ninja-forms-req-symbol\">*<\/span> are required","thousands_sep":",","decimal_point":".","siteLocale":"en_US","dateFormat":"m\/d\/Y","startOfWeek":"1","of":"of","previousMonth":"Previous Month","nextMonth":"Next Month","months":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthsShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"weekdays":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"weekdaysShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"weekdaysMin":["Su","Mo","Tu","We","Th","Fr","Sa"],"recaptchaConsentMissing":"reCaptcha validation couldn&#039;t load.","recaptchaMissingCookie":"reCaptcha v3 validation couldn&#039;t load the cookie needed to submit the form.","recaptchaConsentEvent":"Accept reCaptcha cookies before sending the form.","hourPlaceholder":"Hour","minutePlaceholder":"Minute","am":"AM","pm":"PM","objectType":"Form Setting","editActive":true,"title":"Request a free Trial","created_at":"2022-04-15 05:38:49","default_label_pos":"above","show_title":1,"clear_complete":"0","hide_complete":"1","logged_in":"0","drawerDisabled":false,"unique_field_error":"A form with this value has already been submitted.","repeatable_fieldsets":"","currency":"","success-msg_styles_margin":"","success-msg_styles_padding":"","success-msg_styles_display":"","success-msg_styles_show_advanced_css":"0","success-msg_styles_advanced":"","error_msg_styles_background-color":"","error_msg_styles_border":"","error_msg_styles_border-style":"","error_msg_styles_border-color":"","error_msg_styles_color":"","error_msg_styles_height":"","error_msg_styles_width":"","error_msg_styles_font-size":"","error_msg_styles_margin":"","error_msg_styles_padding":"","error_msg_styles_display":"","error_msg_styles_show_advanced_css":"0","error_msg_styles_advanced":"","success-msg_styles_width":"","success-msg_styles_font-size":"","success-msg_styles_height":"","success-msg_styles_color":"","success-msg_styles_border-color":"","success-msg_styles_border-style":"","success-msg_styles_border":"","success-msg_styles_background-color":"","row-odd_styles_advanced":"","row-odd_styles_show_advanced_css":"0","row-odd_styles_display":"","row-odd_styles_padding":"","row-odd_styles_margin":"","row-odd_styles_width":"","row-odd_styles_font-size":"","row-odd_styles_height":"","row-odd_styles_color":"","row-odd_styles_border-color":"","row-odd_styles_border-style":"","row-odd_styles_border":"","row-odd_styles_background-color":"","row_styles_advanced":"","row_styles_show_advanced_css":"0","row_styles_display":"","row_styles_padding":"","row_styles_margin":"","row_styles_font-size":"","row_styles_width":"","row_styles_color":"","row_styles_height":"","row_styles_border-color":"","row_styles_border-style":"","row_styles_border":"","row_styles_background-color":"","title_styles_advanced":"","title_styles_show_advanced_css":"0","title_styles_float":"","title_styles_display":"","title_styles_padding":"","title_styles_margin":"","title_styles_font-size":"","title_styles_width":"","title_styles_color":"","title_styles_height":"","title_styles_border-color":"","title_styles_border-style":"","title_styles_border":"","title_styles_background-color":"","container_styles_advanced":"","container_styles_show_advanced_css":"0","container_styles_float":"","container_styles_display":"","container_styles_padding":"","container_styles_margin":"","container_styles_font-size":"","container_styles_width":"","container_styles_color":"","container_styles_height":"","container_styles_border-style":"","container_styles_border-color":"","container_styles_border":"","container_styles_background-color":"","formContentData":["firstname","lastname","email","phonenumber","companyname","do_you_currently_use_any_subscription_management_platform_1650022980096","do_you_use_any_other_applications_that_need_to_be_integrated_with_subscription_management_system_1650023291588","do_you_need_the_control_to_cancel_pause_or_reactivate_the_subscription_lifecycle_for_your_customers_1650023297060","comments","recaptcha_1691145975151","request_a_free_trial_1650023112723"],"sub_limit_msg":"","calculations":[],"sub_limit_number":"","not_logged_in_msg":"","element_class":"","add_submit":"1","wrapper_class":"custom-ninja-form trial-custom-ninja-form","conditions":[],"key":"","allow_public_link":0,"embed_form":"","public_link":"https:\/\/subscriptionflow.com\/ninja-forms\/3tb8a","public_link_key":"3tb8a","form_title_heading_level":"3","currency_symbol":"","beforeForm":"","beforeFields":"","afterFields":"","afterForm":""};form.fields=[{"objectType":"Field","objectDomain":"fields","editActive":false,"order":1,"idAttribute":"id","field_key":"firstname","field_label":"First Name","drawerDisabled":"","manual_key":1,"value":"","personally_identifiable":1,"custom_name_attribute":"firstname","admin_label":"","help_text":"","element_class":"","container_class":"one-half-col","default":"","placeholder":"","required":1,"label_pos":"above","key":"firstname","type":"firstname","label":"First Name","id":13,"beforeField":"","afterField":"","parentType":"firstname","element_templates":["firstname","input"],"old_classname":"","wrap_template":"wrap"},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":2,"idAttribute":"id","field_key":"lastname","field_label":"Last Name","value":"","manual_key":1,"personally_identifiable":1,"custom_name_attribute":"lastname","help_text":"","admin_label":"","element_class":"","container_class":"","placeholder":"","default":"","required":1,"label_pos":"above","key":"lastname","type":"lastname","label":"Last Name","id":14,"beforeField":"","afterField":"","parentType":"lastname","element_templates":["lastname","input"],"old_classname":"","wrap_template":"wrap"},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":3,"idAttribute":"id","field_key":"email","field_label":"Email","value":"","personally_identifiable":1,"custom_name_attribute":"email","cellcid":"c3281","element_styles_advanced":"","element_styles_show_advanced_css":0,"element_styles_float":"","element_styles_display":"","element_styles_padding":"","element_styles_margin":"","element_styles_font-size":"","element_styles_width":"","element_styles_height":"","element_styles_color":"","element_styles_border-color":"","element_styles_border-style":"","element_styles_border":"","element_styles_background-color":"","label_styles_advanced":"","label_styles_show_advanced_css":0,"label_styles_float":"","label_styles_display":"","label_styles_padding":"","label_styles_margin":"","label_styles_font-size":"","label_styles_width":"","label_styles_height":"","label_styles_color":"","label_styles_border-color":"","label_styles_border-style":"","label_styles_border":"","label_styles_background-color":"","wrap_styles_advanced":"","wrap_styles_show_advanced_css":0,"wrap_styles_float":"","wrap_styles_display":"","wrap_styles_padding":"","wrap_styles_margin":"","wrap_styles_font-size":"","wrap_styles_width":"","wrap_styles_height":"","wrap_styles_color":"","wrap_styles_border-color":"","wrap_styles_border-style":"","wrap_styles_border":"","wrap_styles_background-color":"","desc_text":"","help_text":"","admin_label":"","element_class":"","container_class":"","wrapper_class":"","default":"","placeholder":"","required":1,"label_pos":"above","created_at":"2019-08-27 08:49:08","type":"email","key":"email","label":"Email","id":15,"beforeField":"","afterField":"","parentType":"email","element_templates":["email","input"],"old_classname":"","wrap_template":"wrap"},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":4,"idAttribute":"id","field_key":"phonenumber","field_label":"Phone","value":"","personally_identifiable":1,"custom_name_attribute":"phonenumber","custom_mask":"","mask":"","help_text":"","admin_label":"","manual_key":1,"input_limit_msg":"Character(s) left","input_limit_type":"characters","input_limit":"","element_class":"","container_class":"","placeholder":"","default":"","required":1,"label_pos":"above","key":"phonenumber","type":"phone","label":"Phone","id":16,"beforeField":"","afterField":"","parentType":"textbox","element_templates":["tel","textbox","input"],"old_classname":"","wrap_template":"wrap"},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":5,"idAttribute":"id","field_key":"companyname","field_label":"Company","value":"","personally_identifiable":"","custom_name_attribute":"companyname","mask":"","custom_mask":"","help_text":"","admin_label":"","manual_key":1,"input_limit_msg":"Character(s) left","input_limit_type":"characters","input_limit":"","element_class":"","container_class":"","placeholder":"","default":"","required":1,"label_pos":"above","key":"companyname","type":"textbox","label":"Company","id":17,"beforeField":"","afterField":"","parentType":"textbox","element_templates":["textbox","input"],"old_classname":"","wrap_template":"wrap"},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":6,"idAttribute":"id","label":"Do you currently use any Subscription Management Platform? ","type":"listradio","key":"do_you_currently_use_any_subscription_management_platform_1650022980096","label_pos":"above","required":false,"options":[{"errors":[],"max_options":0,"label":"Yes","value":"Yes","calc":"","selected":0,"order":0,"settingModel":{"settings":false,"hide_merge_tags":false,"error":false,"name":"options","type":"option-repeater","label":"Options <a href=\"#\" class=\"nf-add-new\">Add New<\/a> <a href=\"#\" class=\"extra nf-open-import-tooltip\"><i class=\"fa fa-sign-in\" aria-hidden=\"true\"><\/i> Import<\/a>","width":"full","group":"","value":[{"label":"One","value":"one","calc":"","selected":0,"order":0},{"label":"Two","value":"two","calc":"","selected":0,"order":1},{"label":"Three","value":"three","calc":"","selected":0,"order":2}],"columns":{"label":{"header":"Label","default":""},"value":{"header":"Value","default":""},"calc":{"header":"Calc Value","default":""},"selected":{"header":"<span class=\"dashicons dashicons-yes\"><\/span>","default":0}}},"manual_value":true},{"errors":[],"max_options":0,"label":"No","value":"No","calc":"","selected":0,"order":1,"settingModel":{"settings":false,"hide_merge_tags":false,"error":false,"name":"options","type":"option-repeater","label":"Options <a href=\"#\" class=\"nf-add-new\">Add New<\/a> <a href=\"#\" class=\"extra nf-open-import-tooltip\"><i class=\"fa fa-sign-in\" aria-hidden=\"true\"><\/i> Import<\/a>","width":"full","group":"","value":[{"label":"One","value":"one","calc":"","selected":0,"order":0},{"label":"Two","value":"two","calc":"","selected":0,"order":1},{"label":"Three","value":"three","calc":"","selected":0,"order":2}],"columns":{"label":{"header":"Label","default":""},"value":{"header":"Value","default":""},"calc":{"header":"Calc Value","default":""},"selected":{"header":"<span class=\"dashicons dashicons-yes\"><\/span>","default":0}}},"manual_value":true}],"container_class":"","element_class":"","admin_label":"","help_text":"","drawerDisabled":false,"id":21,"beforeField":"","afterField":"","value":"","parentType":"list","element_templates":["listradio","input"],"old_classname":"list-radio","wrap_template":"wrap"},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":7,"idAttribute":"id","label":"Do you use any other applications that need to be integrated with Subscription Management System?","type":"listradio","key":"do_you_use_any_other_applications_that_need_to_be_integrated_with_subscription_management_system_1650023291588","label_pos":"above","required":false,"options":[{"errors":[],"max_options":0,"label":"Yes","value":"Yes","calc":"","selected":0,"order":0,"settingModel":{"settings":false,"hide_merge_tags":false,"error":false,"name":"options","type":"option-repeater","label":"Options <a href=\"#\" class=\"nf-add-new\">Add New<\/a> <a href=\"#\" class=\"extra nf-open-import-tooltip\"><i class=\"fa fa-sign-in\" aria-hidden=\"true\"><\/i> Import<\/a>","width":"full","group":"","value":[{"label":"One","value":"one","calc":"","selected":0,"order":0},{"label":"Two","value":"two","calc":"","selected":0,"order":1},{"label":"Three","value":"three","calc":"","selected":0,"order":2}],"columns":{"label":{"header":"Label","default":""},"value":{"header":"Value","default":""},"calc":{"header":"Calc Value","default":""},"selected":{"header":"<span class=\"dashicons dashicons-yes\"><\/span>","default":0}}},"manual_value":true},{"errors":[],"max_options":0,"label":"No","value":"No","calc":"","selected":0,"order":1,"settingModel":{"settings":false,"hide_merge_tags":false,"error":false,"name":"options","type":"option-repeater","label":"Options <a href=\"#\" class=\"nf-add-new\">Add New<\/a> <a href=\"#\" class=\"extra nf-open-import-tooltip\"><i class=\"fa fa-sign-in\" aria-hidden=\"true\"><\/i> Import<\/a>","width":"full","group":"","value":[{"label":"One","value":"one","calc":"","selected":0,"order":0},{"label":"Two","value":"two","calc":"","selected":0,"order":1},{"label":"Three","value":"three","calc":"","selected":0,"order":2}],"columns":{"label":{"header":"Label","default":""},"value":{"header":"Value","default":""},"calc":{"header":"Calc Value","default":""},"selected":{"header":"<span class=\"dashicons dashicons-yes\"><\/span>","default":0}}},"manual_value":true}],"container_class":"","element_class":"","admin_label":"","help_text":"","drawerDisabled":false,"id":24,"beforeField":"","afterField":"","value":"","parentType":"list","element_templates":["listradio","input"],"old_classname":"list-radio","wrap_template":"wrap"},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":8,"idAttribute":"id","label":"Do you need the control to cancel, pause, or reactivate the subscription lifecycle for your customers?","type":"listradio","key":"do_you_need_the_control_to_cancel_pause_or_reactivate_the_subscription_lifecycle_for_your_customers_1650023297060","label_pos":"above","required":false,"options":[{"errors":[],"max_options":0,"label":"Yes","value":"Yes","calc":"","selected":0,"order":0,"settingModel":{"settings":false,"hide_merge_tags":false,"error":false,"name":"options","type":"option-repeater","label":"Options <a href=\"#\" class=\"nf-add-new\">Add New<\/a> <a href=\"#\" class=\"extra nf-open-import-tooltip\"><i class=\"fa fa-sign-in\" aria-hidden=\"true\"><\/i> Import<\/a>","width":"full","group":"","value":[{"label":"One","value":"one","calc":"","selected":0,"order":0},{"label":"Two","value":"two","calc":"","selected":0,"order":1},{"label":"Three","value":"three","calc":"","selected":0,"order":2}],"columns":{"label":{"header":"Label","default":""},"value":{"header":"Value","default":""},"calc":{"header":"Calc Value","default":""},"selected":{"header":"<span class=\"dashicons dashicons-yes\"><\/span>","default":0}}},"manual_value":true},{"errors":[],"max_options":0,"label":"No","value":"No","calc":"","selected":0,"order":1,"settingModel":{"settings":false,"hide_merge_tags":false,"error":false,"name":"options","type":"option-repeater","label":"Options <a href=\"#\" class=\"nf-add-new\">Add New<\/a> <a href=\"#\" class=\"extra nf-open-import-tooltip\"><i class=\"fa fa-sign-in\" aria-hidden=\"true\"><\/i> Import<\/a>","width":"full","group":"","value":[{"label":"One","value":"one","calc":"","selected":0,"order":0},{"label":"Two","value":"two","calc":"","selected":0,"order":1},{"label":"Three","value":"three","calc":"","selected":0,"order":2}],"columns":{"label":{"header":"Label","default":""},"value":{"header":"Value","default":""},"calc":{"header":"Calc Value","default":""},"selected":{"header":"<span class=\"dashicons dashicons-yes\"><\/span>","default":0}}},"manual_value":true}],"container_class":"","element_class":"","admin_label":"","help_text":"","drawerDisabled":false,"id":25,"beforeField":"","afterField":"","value":"","parentType":"list","element_templates":["listradio","input"],"old_classname":"list-radio","wrap_template":"wrap"},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":9,"idAttribute":"id","label":"Comments","key":"comments","type":"textarea","created_at":"2019-08-27 08:49:08","label_pos":"above","required":0,"placeholder":"","default":"","wrapper_class":"","element_class":"","container_class":"","input_limit":"","input_limit_type":"characters","input_limit_msg":"Character(s) left","manual_key":1,"disable_input":"","admin_label":"","help_text":"","desc_text":"","disable_browser_autocomplete":"","textarea_rte":"","disable_rte_mobile":"","textarea_media":"","wrap_styles_background-color":"","wrap_styles_border":"","wrap_styles_border-style":"","wrap_styles_border-color":"","wrap_styles_color":"","wrap_styles_height":"","wrap_styles_width":"","wrap_styles_font-size":"","wrap_styles_margin":"","wrap_styles_padding":"","wrap_styles_display":"","wrap_styles_float":"","wrap_styles_show_advanced_css":0,"wrap_styles_advanced":"","label_styles_background-color":"","label_styles_border":"","label_styles_border-style":"","label_styles_border-color":"","label_styles_color":"","label_styles_height":"","label_styles_width":"","label_styles_font-size":"","label_styles_margin":"","label_styles_padding":"","label_styles_display":"","label_styles_float":"","label_styles_show_advanced_css":0,"label_styles_advanced":"","element_styles_background-color":"","element_styles_border":"","element_styles_border-style":"","element_styles_border-color":"","element_styles_color":"","element_styles_height":"","element_styles_width":"","element_styles_font-size":"","element_styles_margin":"","element_styles_padding":"","element_styles_display":"","element_styles_float":"","element_styles_show_advanced_css":0,"element_styles_advanced":"","cellcid":"c3284","value":"","drawerDisabled":"","field_label":"Comments","field_key":"comments","id":19,"beforeField":"","afterField":"","parentType":"textarea","element_templates":["textarea","input"],"old_classname":"","wrap_template":"wrap"},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":10,"idAttribute":"id","label":"","type":"recaptcha","container_class":"","element_class":"","size":"visible","key":"recaptcha_1691145975151","drawerDisabled":false,"id":105,"beforeField":"","afterField":"","value":"","label_pos":"above","parentType":"textbox","element_templates":["recaptcha","input"],"old_classname":"","wrap_template":"wrap","site_key":"6LeEbYgfAAAAAE5nt7WcauPsJzzK06LbhuqrKZfV","theme":"light","lang":false},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":11,"idAttribute":"id","label":"Request a free Trial","key":"request_a_free_trial_1650023112723","type":"submit","created_at":"2019-08-27 08:49:08","processing_label":"Processing....","container_class":"","element_class":"","wrap_styles_background-color":"","wrap_styles_border":"","wrap_styles_border-style":"","wrap_styles_border-color":"","wrap_styles_color":"","wrap_styles_height":"","wrap_styles_width":"","wrap_styles_font-size":"","wrap_styles_margin":"","wrap_styles_padding":"","wrap_styles_display":"","wrap_styles_float":"","wrap_styles_show_advanced_css":0,"wrap_styles_advanced":"","label_styles_background-color":"","label_styles_border":"","label_styles_border-style":"","label_styles_border-color":"","label_styles_color":"","label_styles_height":"","label_styles_width":"","label_styles_font-size":"","label_styles_margin":"","label_styles_padding":"","label_styles_display":"","label_styles_float":"","label_styles_show_advanced_css":0,"label_styles_advanced":"","element_styles_background-color":"","element_styles_border":"","element_styles_border-style":"","element_styles_border-color":"","element_styles_color":"","element_styles_height":"","element_styles_width":"","element_styles_font-size":"","element_styles_margin":"","element_styles_padding":"","element_styles_display":"","element_styles_float":"","element_styles_show_advanced_css":0,"element_styles_advanced":"","submit_element_hover_styles_background-color":"","submit_element_hover_styles_border":"","submit_element_hover_styles_border-style":"","submit_element_hover_styles_border-color":"","submit_element_hover_styles_color":"","submit_element_hover_styles_height":"","submit_element_hover_styles_width":"","submit_element_hover_styles_font-size":"","submit_element_hover_styles_margin":"","submit_element_hover_styles_padding":"","submit_element_hover_styles_display":"","submit_element_hover_styles_float":"","submit_element_hover_styles_show_advanced_css":0,"submit_element_hover_styles_advanced":"","cellcid":"c3287","drawerDisabled":false,"field_label":"Submit Now!","field_key":"submit_now_1650017371355","id":20,"beforeField":"","afterField":"","value":"","label_pos":"above","parentType":"textbox","element_templates":["submit","button","input"],"old_classname":"","wrap_template":"wrap-no-label"}];nfForms.push(form);</script>
        		<button class="close-btn">close</button>
	</div>

</div>


<div  class="csearch-form" style="display:none;">
			<section  data-elementor-type="section" data-elementor-id="18427" class="elementor elementor-18427" data-elementor-post-type="elementor_library">
					<section  data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-017310d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="017310d" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2b2166a" data-id="2b2166a" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-45d98da elementor-widget elementor-widget-shortcode" data-id="45d98da" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
					<form role="search" method="get" class="search-form" action="https://www.subscriptionflow.com/">
    <label>
        <span class="search-icon"><i class="fas fa-search"></i></span>
        <input type="search" class="search-field" placeholder="Search..." data-url="https://www.subscriptionflow.com/wp-admin/admin-ajax.php" value=""  name="s" title="Search for:"  autocomplete="off"/>
    </label>
    <input type="submit" class="search-submit"
        value="Search" />
     
</form>

<div id="datafetch" style="display:none;"></div>
		<div class="elementor-shortcode">
</div>
						</div>
					</div>
		</div>
					</div>
		</section>
				</section>
			
	<a href="#" class="close-button" data-id="csearch-form"></a>
</div>



<footer data-wpr-lazyrender="1" id="site-footer1" class="site-footer1 elementor-section elementor-section-boxed " role="contentinfo">
	
				<section  data-elementor-type="section" data-elementor-id="811" class="elementor elementor-811" data-elementor-post-type="elementor_library">
					<section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-61b6bb5 elementor-section-stretched footer elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="61b6bb5" data-element_type="section" data-e-type="section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-0c4921d footer-link" data-id="0c4921d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5e325fe footer-title elementor-widget elementor-widget-heading" data-id="5e325fe" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h4 class="elementor-heading-title elementor-size-default">Company <span class="dashicons dashicons-arrow-right-alt2"></span></h4>				</div>
				<div class="elementor-element elementor-element-10c7e7a elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="10c7e7a" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/about/">

											<span class="elementor-icon-list-text">About</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://support.subscriptionflow.com/hc/en-us" target="_blank">

											<span class="elementor-icon-list-text">Support</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/security" target="_blank">

											<span class="elementor-icon-list-text">Security </span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/privacypolicy/" target="_blank">

											<span class="elementor-icon-list-text">Privacy Policy</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/terms-and-conditions/">

											<span class="elementor-icon-list-text">Terms of Service</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/contact/">

											<span class="elementor-icon-list-text">Contact Us</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/sitemap/">

											<span class="elementor-icon-list-text">Sitemap</span>
											</a>
									</li>
						</ul>
						</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-2fd5484 footer-link" data-id="2fd5484" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-65f7f36 footer-title elementor-widget elementor-widget-heading" data-id="65f7f36" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h4 class="elementor-heading-title elementor-size-default">Why us<span class="dashicons dashicons-arrow-right-alt2"></span></h4>				</div>
				<div class="elementor-element elementor-element-985a31a elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="985a31a" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/why-us/">

											<span class="elementor-icon-list-text">Why SubscriptionFlow?</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/compare/">

											<span class="elementor-icon-list-text">Compare</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/case-study/">

											<span class="elementor-icon-list-text">Customers </span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/pricing">

											<span class="elementor-icon-list-text">Pricing</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/integrations/">

											<span class="elementor-icon-list-text">Integrations</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/payment-gateways/">

											<span class="elementor-icon-list-text">Payment Gateways</span>
											</a>
									</li>
						</ul>
						</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-1a2779c footer-link" data-id="1a2779c" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f38c18e footer-title elementor-widget elementor-widget-heading" data-id="f38c18e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h4 class="elementor-heading-title elementor-size-default">Subscription Management <span class="dashicons dashicons-arrow-right-alt2"></span></h4>				</div>
				<div class="elementor-element elementor-element-1273b3f elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="1273b3f" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/subscription-management-software/">

											<span class="elementor-icon-list-text">Subscription Orchestration</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://www.subscriptionflow.com/usage-based-billing-software/">

											<span class="elementor-icon-list-text">Usage-Based Billing</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/sales-tax-management/">

											<span class="elementor-icon-list-text">Tax &amp; Compliance</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/crm-for-saas/">

											<span class="elementor-icon-list-text">CRM for SaaS</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/recurring-payments/">

											<span class="elementor-icon-list-text">Recurring Payments</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/hosted-payment-page/">

											<span class="elementor-icon-list-text">HPP &amp; Checkouts</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/churn-management-software/">

											<span class="elementor-icon-list-text">Churn Management</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/customer-retention-management/">

											<span class="elementor-icon-list-text">Retention Management</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/subscription-analytics-reporting/">

											<span class="elementor-icon-list-text">Reporting &amp; Analytics</span>
											</a>
									</li>
						</ul>
						</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-1724414 footer-link" data-id="1724414" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f392434 footer-title elementor-widget elementor-widget-heading" data-id="f392434" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h4 class="elementor-heading-title elementor-size-default">Solutions <span class="dashicons dashicons-arrow-right-alt2"></span></h4>				</div>
				<div class="elementor-element elementor-element-36a3a7a elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="36a3a7a" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/saas-billing/">

											<span class="elementor-icon-list-text">SaaS</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/subscription-management-software-for-educational-institutions/">

											<span class="elementor-icon-list-text">E-Learning</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/subscription-management-software-for-ecommerce/">

											<span class="elementor-icon-list-text">Ecommerce</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/magazine-subscription-management-software/">

											<span class="elementor-icon-list-text">Print &amp; Magazines    </span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/ott-video-subscriptions/">

											<span class="elementor-icon-list-text">OTT &amp; Digital Media</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/subscription-management-software-for-small-business/">

											<span class="elementor-icon-list-text">SMBs</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/subscription-management-software-for-enterprises/">

											<span class="elementor-icon-list-text">Enterprises</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/subscription-management-software-for-nonprofits/">

											<span class="elementor-icon-list-text">Non-Profits</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/other-industries/">

											<span class="elementor-icon-list-text">View More</span>
											</a>
									</li>
						</ul>
						</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-20 elementor-top-column elementor-element elementor-element-8f303bd footer-link" data-id="8f303bd" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-025956a footer-title elementor-widget elementor-widget-heading" data-id="025956a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h4 class="elementor-heading-title elementor-size-default">Resource Center <span class="dashicons dashicons-arrow-right-alt2"></span></h4>				</div>
				<div class="elementor-element elementor-element-55b9b7b elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="55b9b7b" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/blog">

											<span class="elementor-icon-list-text">Blog</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://support.subscriptionflow.com/hc/en-us/categories/900001271603-Configuration-Management">

											<span class="elementor-icon-list-text">How-To Guides</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/wp-content/uploads/2020/11/Subscription-Billing-E-Book.pdf">

											<span class="elementor-icon-list-text">Subscription Billing E-Book</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/api/documentation/" target="_blank">

											<span class="elementor-icon-list-text">APIs</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://support.subscriptionflow.com/hc/en-us/articles/31587691380889-How-to-Get-Started">

											<span class="elementor-icon-list-text">Implementation Guide</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/faqs/">

											<span class="elementor-icon-list-text">FAQs</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="https://subscriptionflow.com/glossaries/">

											<span class="elementor-icon-list-text">Glossaries</span>
											</a>
									</li>
						</ul>
						</div>
					</div>
		</div>
					</div>
		</section>
				<section  data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-d585e85 footer elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d585e85" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-75c4bd6" data-id="75c4bd6" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-1368b9e logo-box elementor-widget elementor-widget-image" data-id="1368b9e" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
																<a href="https://subscriptionflow.com">
							<img width="2088" height="633" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202088%20633'%3E%3C/svg%3E" class="attachment-full size-full wp-image-13072" alt="SF-logo" data-lazy-src="https://www.subscriptionflow.com/wp-content/uploads/2022/02/SF-logo.svg" /><noscript><img width="2088" height="633" src="https://www.subscriptionflow.com/wp-content/uploads/2022/02/SF-logo.svg" class="attachment-full size-full wp-image-13072" alt="SF-logo" /></noscript>								</a>
															</div>
				<div class="elementor-element elementor-element-f709775 footer-social-icon elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="f709775" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="mailto:%20support@subscriptionflow.com">

												<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-envelope" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg>						</span>
										<span class="elementor-icon-list-text">support@subscriptionflow.com</span>
											</a>
									</li>
								<li class="elementor-icon-list-item">
											<a href="mailto:info@subscriptionflow.com">

												<span class="elementor-icon-list-icon">
							<svg aria-hidden="true" class="e-font-icon-svg e-fas-envelope" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg>						</span>
										<span class="elementor-icon-list-text">info@subscriptionflow.com</span>
											</a>
									</li>
						</ul>
						</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-80ea1be footer-logo-section" data-id="80ea1be" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-73d618a e-grid-align-right e-grid-align-mobile-left elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="73d618a" data-element_type="widget" data-e-type="widget" data-widget_type="social-icons.default">
							<div class="elementor-social-icons-wrapper elementor-grid" role="list">
							<span class="elementor-grid-item" role="listitem">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-70316cc" href="https://www.facebook.com/SubscriptionFlow" target="_blank">
						<span class="elementor-screen-only">Facebook</span>
						<svg aria-hidden="true" class="e-font-icon-svg e-fab-facebook" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"></path></svg>					</a>
				</span>
							<span class="elementor-grid-item" role="listitem">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-x-twitter elementor-repeater-item-9946633" href="https://x.com/SubscriptionFL" target="_blank">
						<span class="elementor-screen-only">X-twitter</span>
						<svg aria-hidden="true" class="e-font-icon-svg e-fab-x-twitter" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg>					</a>
				</span>
							<span class="elementor-grid-item" role="listitem">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-232bfb9" href="https://www.linkedin.com/company/subscriptionflow" target="_blank">
						<span class="elementor-screen-only">Linkedin</span>
						<svg aria-hidden="true" class="e-font-icon-svg e-fab-linkedin" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg>					</a>
				</span>
							<span class="elementor-grid-item" role="listitem">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-a413f63" href="https://www.youtube.com/@subscriptionflow" target="_blank">
						<span class="elementor-screen-only">Youtube</span>
						<svg aria-hidden="true" class="e-font-icon-svg e-fab-youtube" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg>					</a>
				</span>
							<span class="elementor-grid-item" role="listitem">
					<a class="elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-6c20ed7" href="https://www.instagram.com/subscriptionflowapp/" target="_blank">
						<span class="elementor-screen-only">Instagram</span>
						<svg aria-hidden="true" class="e-font-icon-svg e-fab-instagram" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg>					</a>
				</span>
					</div>
						</div>
					</div>
		</div>
					</div>
		</section>
				<section  data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-8d3ba9c elementor-section-full_width copy-right elementor-section-height-default elementor-section-height-default" data-id="8d3ba9c" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-162de69" data-id="162de69" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-6bdea3e elementor-widget elementor-widget-text-editor" data-id="6bdea3e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<center>All rights reserved 2026 <span class="site-name">SubscriptionFlow</span></center>								</div>
					</div>
		</div>
					</div>
		</section>
				</section>
			
</footer>



<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hello-elementor/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script type="text/rocketlazyloadscript">
document.addEventListener( 'wpcf7mailsent', function( event ) {

	if ( '630' == event.detail.contactFormId || '2889'== event.detail.contactFormId ) {

		location = 'https://demo.subscriptionflow.com/en/dashboard';
	}
	else if( '12754' == event.detail.contactFormId ){

		location ='/thank-you-for-filling-out-your-information/';
	}
	else{
		location = '/thank-you/';
	}
   
}, false );
</script>
			<script type="text/rocketlazyloadscript">
				( () => {
					const lazyloadRunObserver = () => {
						const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
						const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
							entries.forEach( ( entry ) => {
								if ( entry.isIntersecting ) {
									let lazyloadBackground = entry.target;
									if( lazyloadBackground ) {
										lazyloadBackground.classList.add( 'e-lazyloaded' );
									}
									lazyloadBackgroundObserver.unobserve( entry.target );
								}
							});
						}, { rootMargin: '200px 0px 200px 0px' } );
						lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
							lazyloadBackgroundObserver.observe( lazyloadBackground );
						} );
					};
					const events = [
						'DOMContentLoaded',
						'elementor/lazyload/observe',
					];
					events.forEach( ( event ) => {
						document.addEventListener( event, lazyloadRunObserver );
					} );
				} )();
			</script>
			<link rel='stylesheet' id='elementor-post-12772-css' href='https://www.subscriptionflow.com/wp-content/uploads/elementor/css/post-12772.css?ver=1793890445' media='all' />
<link data-minify="1" rel='stylesheet' id='nf-display-css' href='https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/plugins/ninja-forms/assets/css/display-structure.css?ver=1793990689' media='all' />
<link rel='stylesheet' id='elementor-post-811-css' href='https://www.subscriptionflow.com/wp-content/uploads/elementor/css/post-811.css?ver=1793890437' media='all' />
<link rel='stylesheet' id='widget-social-icons-css' href='https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/css/widget-social-icons.min.css?ver=4.2.0' media='all' />
<link rel='stylesheet' id='e-apple-webkit-css' href='https://www.subscriptionflow.com/wp-content/uploads/elementor/css/custom-apple-webkit.min.css?ver=1793890434' media='all' />
<script type="text/rocketlazyloadscript" id="rocket-browser-checker-js-after">
"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
//# sourceURL=rocket-browser-checker-js-after
</script>
<script id="rocket-preload-links-js-extra">
var RocketPreloadLinksConfig = {"excludeUris":"/register/|/contact/|/contact-subscriptionflow/|/mana.js/|/customer-questionnaire/|/saas-and-tech-companies/|/demo-of-questionair/|/subscription-management-with-subscriptionflow/|/enterprise-contact-subscriptionflow/|/launch-subscriptionflow/|/magazine-contact-subscriptionflow/|/magazines-publishing/|/sme-contact-subscriptionflow/|/subscriptionflow-api/|/api/|/api/documentation/|/login/|/api/mobile-sdk/|/2024/01/benefits-of-xero-saas-integration/|/122143.js/|/thank-you/|/sitemap_index.xml/|/wp-content/plugins/wordpress-seo/css/main-sitemap.xsl/|/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|/(index.php/)?(.*)wp-json(/.*|$)|/refer/|/go/|/recommend/|/recommends/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://www.subscriptionflow.com","onHoverDelay":"100","rateThrottle":"3"};
//# sourceURL=rocket-preload-links-js-extra
</script>
<script type="text/rocketlazyloadscript" id="rocket-preload-links-js-after">
(function() {
"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
}());

//# sourceURL=rocket-preload-links-js-after
</script>
<script type="text/rocketlazyloadscript" id="hello-theme-frontend-js" data-rocket-src="https://www.subscriptionflow.com/wp-content/themes/hello-elementor/assets/js/hello-frontend.min.js?ver=1.0.0" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" id="slick_jquery-js" data-rocket-src="https://www.subscriptionflow.com/wp-content/themes/hello-elementor/assets/js/slick.min.js" data-rocket-defer defer></script>
<script id="eael-general-js-extra">
var localize = {"ajaxurl":"https://www.subscriptionflow.com/wp-admin/admin-ajax.php","nonce":"3c359cfd88","i18n":{"added":"Added ","compare":"Compare","loading":"Loading..."},"eael_translate_text":{"required_text":"is a required field","invalid_text":"Invalid","billing_text":"Billing","shipping_text":"Shipping","fg_mfp_counter_text":"of"},"page_permalink":"https://www.subscriptionflow.com/","cart_redirectition":"","cart_page_url":"","el_breakpoints":{"mobile":{"label":"Mobile Portrait","value":768,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":true},"tablet":{"label":"Tablet Portrait","value":1025,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1250,"default_value":1366,"direction":"max","is_enabled":true},"widescreen":{"label":"Widescreen","value":1800,"default_value":2400,"direction":"min","is_enabled":true}},"ParticleThemesData":{"default":"{\"particles\":{\"number\":{\"value\":160,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#ffffff\"},\"shape\":{\"type\":\"circle\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"img/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.5,\"random\":false,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":3,\"random\":true,\"anim\":{\"enable\":false,\"speed\":40,\"size_min\":0.1,\"sync\":false}},\"line_linked\":{\"enable\":true,\"distance\":150,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":1},\"move\":{\"enable\":true,\"speed\":6,\"direction\":\"none\",\"random\":false,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":true,\"mode\":\"repulse\"},\"onclick\":{\"enable\":true,\"mode\":\"push\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":400,\"size\":40,\"duration\":2,\"opacity\":8,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","nasa":"{\"particles\":{\"number\":{\"value\":250,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#ffffff\"},\"shape\":{\"type\":\"circle\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"img/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":1,\"random\":true,\"anim\":{\"enable\":true,\"speed\":1,\"opacity_min\":0,\"sync\":false}},\"size\":{\"value\":3,\"random\":true,\"anim\":{\"enable\":false,\"speed\":4,\"size_min\":0.3,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":150,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":1},\"move\":{\"enable\":true,\"speed\":1,\"direction\":\"none\",\"random\":true,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":600}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":true,\"mode\":\"bubble\"},\"onclick\":{\"enable\":true,\"mode\":\"repulse\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":250,\"size\":0,\"duration\":2,\"opacity\":0,\"speed\":3},\"repulse\":{\"distance\":400,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","bubble":"{\"particles\":{\"number\":{\"value\":15,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#1b1e34\"},\"shape\":{\"type\":\"polygon\",\"stroke\":{\"width\":0,\"color\":\"#000\"},\"polygon\":{\"nb_sides\":6},\"image\":{\"src\":\"img/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.3,\"random\":true,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":50,\"random\":false,\"anim\":{\"enable\":true,\"speed\":10,\"size_min\":40,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":200,\"color\":\"#ffffff\",\"opacity\":1,\"width\":2},\"move\":{\"enable\":true,\"speed\":8,\"direction\":\"none\",\"random\":false,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":false,\"mode\":\"grab\"},\"onclick\":{\"enable\":false,\"mode\":\"push\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":400,\"size\":40,\"duration\":2,\"opacity\":8,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","snow":"{\"particles\":{\"number\":{\"value\":450,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#fff\"},\"shape\":{\"type\":\"circle\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"img/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.5,\"random\":true,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":5,\"random\":true,\"anim\":{\"enable\":false,\"speed\":40,\"size_min\":0.1,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":500,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":2},\"move\":{\"enable\":true,\"speed\":6,\"direction\":\"bottom\",\"random\":false,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":true,\"mode\":\"bubble\"},\"onclick\":{\"enable\":true,\"mode\":\"repulse\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":0.5}},\"bubble\":{\"distance\":400,\"size\":4,\"duration\":0.3,\"opacity\":1,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","nyan_cat":"{\"particles\":{\"number\":{\"value\":150,\"density\":{\"enable\":false,\"value_area\":800}},\"color\":{\"value\":\"#ffffff\"},\"shape\":{\"type\":\"star\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"http://wiki.lexisnexis.com/academic/images/f/fb/Itunes_podcast_icon_300.jpg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.5,\"random\":false,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":4,\"random\":true,\"anim\":{\"enable\":false,\"speed\":40,\"size_min\":0.1,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":150,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":1},\"move\":{\"enable\":true,\"speed\":14,\"direction\":\"left\",\"random\":false,\"straight\":true,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":false,\"mode\":\"grab\"},\"onclick\":{\"enable\":true,\"mode\":\"repulse\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":200,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":400,\"size\":40,\"duration\":2,\"opacity\":8,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}"},"eael_login_nonce":"af1ec7af8b","eael_register_nonce":"8edeeddbb7","eael_lostpassword_nonce":"762360c68a","eael_resetpassword_nonce":"03a82782d3"};
//# sourceURL=eael-general-js-extra
</script>
<script type="text/rocketlazyloadscript" id="eael-general-js" data-rocket-src="https://www.subscriptionflow.com/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/js/view/general.min.js?ver=6.8.4" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" data-minify="1" id="eael-48431-js" data-rocket-src="https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/uploads/essential-addons-elementor/eael-48431.js?ver=1793990691" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" id="elementor-webpack-runtime-js" data-rocket-src="https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.2.0" data-rocket-defer defer></script>
<script id="elementor-frontend-modules-js" src="https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.2.0" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" id="jquery-ui-core-js-before">window.addEventListener('DOMContentLoaded', function() {
jQuery.uiBackCompat = true;
//# sourceURL=jquery-ui-core-js-before
});</script>
<script type="text/rocketlazyloadscript" id="jquery-ui-core-js" data-rocket-src="https://www.subscriptionflow.com/wp-includes/js/jquery/ui/core.min.js?ver=1.14.2"></script>
<script id="elementor-frontend-js-extra">
var EAELImageMaskingConfig = {"svg_dir_url":"https://www.subscriptionflow.com/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/img/image-masking/svg-shapes/"};
//# sourceURL=elementor-frontend-js-extra
</script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnX":"Share on X","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":769,"lg":1026,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":768,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":true},"tablet":{"label":"Tablet Portrait","value":1025,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1250,"default_value":1366,"direction":"max","is_enabled":true},"widescreen":{"label":"Widescreen","value":1800,"default_value":2400,"direction":"min","is_enabled":true}},"hasCustomBreakpoints":true},"version":"4.2.0","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_optimized_markup":true,"e_panel_promotions":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"landing-pages":true,"nested-elements":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"e_opt_in_v4_page":true,"e_components":true,"e_interactions":true,"e_widget_creation":true,"import-export-customization":true,"e_pro_atomic_form":true,"e_pro_collection_loop":true,"mega-menu":true,"e_pro_variables":true,"e_pro_interactions":true},"urls":{"assets":"https:\/\/www.subscriptionflow.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/www.subscriptionflow.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/www.subscriptionflow.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"b1719db62b","atomicFormsSendForm":"5e7c8aab54"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_mobile_extra","viewport_tablet","viewport_laptop","viewport_widescreen"],"viewport_widescreen":1800,"viewport_mobile":768,"viewport_mobile_extra":880,"viewport_tablet":1025,"viewport_laptop":1250,"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","hello_header_logo_type":"logo","hello_header_menu_layout":"horizontal"},"post":{"id":7,"title":"Next%20Gen-AI%20Billing%20%26%20Subscription%20Management%20Software","excerpt":"","featuredImage":"https:\/\/www.subscriptionflow.com\/wp-content\/uploads\/2026\/01\/subscriptionflow-logo-for-branding-1024x576.jpg"}};
//# sourceURL=elementor-frontend-js-before
</script>
<script id="elementor-frontend-js" src="https://www.subscriptionflow.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.2.0" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" id="e-sticky-js" data-rocket-src="https://www.subscriptionflow.com/wp-content/plugins/elementor-pro-1/assets/lib/sticky/jquery.sticky.min.js?ver=4.2.0"></script>
<script type="text/rocketlazyloadscript" id="underscore-js" data-rocket-src="https://www.subscriptionflow.com/wp-includes/js/underscore.min.js?ver=1.13.8" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" id="backbone-js" data-rocket-src="https://www.subscriptionflow.com/wp-includes/js/backbone.min.js?ver=1.6.1" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" data-minify="1" id="nf-front-end-deps-js" data-rocket-src="https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/plugins/ninja-forms/assets/js/min/front-end-deps.js?ver=1793990691" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" id="nf-google-recaptcha-js" data-rocket-src="https://www.google.com/recaptcha/api.js?hl=&#038;onload=nfRenderRecaptcha&#038;render=explicit&#038;ver=3.15.5"></script>
<script id="nf-front-end-js-extra">
var nfi18n = {"ninjaForms":"Ninja Forms","changeEmailErrorMsg":"Please enter a valid email address!","changeDateErrorMsg":"Please enter a valid date!","confirmFieldErrorMsg":"These fields must match!","fieldNumberNumMinError":"Number Min Error","fieldNumberNumMaxError":"Number Max Error","fieldNumberIncrementBy":"Please increment by ","fieldTextareaRTEInsertLink":"Insert Link","fieldTextareaRTEInsertMedia":"Insert Media","fieldTextareaRTESelectAFile":"Select a file","tableInsertRowAbove":"Insert Row Above","tableInsertRowBelow":"Insert Row Below","tableInsertColumnLeft":"Insert Column Left","tableInsertColumnRight":"Insert Column Right","tableDeleteRow":"Delete Row","tableDeleteColumn":"Delete Column","tableDeleteTable":"Delete Table","tableLegacyNotice":"This content has tables in the old editor format. Custom styles are preserved until converted. Editing will update to the new format.","tableLegacyConvert":"Convert Now","tableInsertTable":"Insert Table","dismiss":"Dismiss","insertLink":"Insert Link","formErrorsCorrectErrors":"Please correct errors before submitting this form.","formHoneypot":"If you are a human seeing this field, please leave it empty.","validateRequiredField":"This is a required field.","honeypotHoneypotError":"Honeypot Error","fileUploadOldCodeFileUploadInProgress":"File Upload in Progress.","fileUploadOldCodeFileUpload":"FILE UPLOAD","currencySymbol":"$","fieldsMarkedRequired":"Fields marked with an \u003Cspan class=\"ninja-forms-req-symbol\"\u003E*\u003C/span\u003E are required","thousands_sep":",","decimal_point":".","siteLocale":"en_US","dateFormat":"m/d/Y","startOfWeek":"1","of":"of","previousMonth":"Previous Month","nextMonth":"Next Month","months":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthsShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"weekdays":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"weekdaysShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"weekdaysMin":["Su","Mo","Tu","We","Th","Fr","Sa"],"recaptchaConsentMissing":"reCaptcha validation couldn't load.","recaptchaMissingCookie":"reCaptcha v3 validation couldn't load the cookie needed to submit the form.","recaptchaConsentEvent":"Accept reCaptcha cookies before sending the form.","hourPlaceholder":"Hour","minutePlaceholder":"Minute","am":"AM","pm":"PM"};
var nfFrontEnd = {"adminAjax":"https://www.subscriptionflow.com/wp-admin/admin-ajax.php","ajaxNonce":"6a8a64ce06","requireBaseUrl":"https://www.subscriptionflow.com/wp-content/plugins/ninja-forms/assets/js/","use_merge_tags":{"user":{"address":"address","textbox":"textbox","button":"button","checkbox":"checkbox","city":"city","confirm":"confirm","date":"date","email":"email","firstname":"firstname","html":"html","hcaptcha":"hcaptcha","hidden":"hidden","lastname":"lastname","listcheckbox":"listcheckbox","listcountry":"listcountry","listimage":"listimage","listmultiselect":"listmultiselect","listradio":"listradio","listselect":"listselect","liststate":"liststate","note":"note","number":"number","password":"password","passwordconfirm":"passwordconfirm","product":"product","quantity":"quantity","recaptcha":"recaptcha","recaptcha_v3":"recaptcha_v3","repeater":"repeater","shipping":"shipping","signature":"signature","spam":"spam","starrating":"starrating","submit":"submit","terms":"terms","textarea":"textarea","total":"total","turnstile":"turnstile","unknown":"unknown","zip":"zip","hr":"hr"},"post":{"address":"address","textbox":"textbox","button":"button","checkbox":"checkbox","city":"city","confirm":"confirm","date":"date","email":"email","firstname":"firstname","html":"html","hcaptcha":"hcaptcha","hidden":"hidden","lastname":"lastname","listcheckbox":"listcheckbox","listcountry":"listcountry","listimage":"listimage","listmultiselect":"listmultiselect","listradio":"listradio","listselect":"listselect","liststate":"liststate","note":"note","number":"number","password":"password","passwordconfirm":"passwordconfirm","product":"product","quantity":"quantity","recaptcha":"recaptcha","recaptcha_v3":"recaptcha_v3","repeater":"repeater","shipping":"shipping","signature":"signature","spam":"spam","starrating":"starrating","submit":"submit","terms":"terms","textarea":"textarea","total":"total","turnstile":"turnstile","unknown":"unknown","zip":"zip","hr":"hr"},"system":{"address":"address","textbox":"textbox","button":"button","checkbox":"checkbox","city":"city","confirm":"confirm","date":"date","email":"email","firstname":"firstname","html":"html","hcaptcha":"hcaptcha","hidden":"hidden","lastname":"lastname","listcheckbox":"listcheckbox","listcountry":"listcountry","listimage":"listimage","listmultiselect":"listmultiselect","listradio":"listradio","listselect":"listselect","liststate":"liststate","note":"note","number":"number","password":"password","passwordconfirm":"passwordconfirm","product":"product","quantity":"quantity","recaptcha":"recaptcha","recaptcha_v3":"recaptcha_v3","repeater":"repeater","shipping":"shipping","signature":"signature","spam":"spam","starrating":"starrating","submit":"submit","terms":"terms","textarea":"textarea","total":"total","turnstile":"turnstile","unknown":"unknown","zip":"zip","hr":"hr"},"fields":{"address":"address","textbox":"textbox","button":"button","checkbox":"checkbox","city":"city","confirm":"confirm","date":"date","email":"email","firstname":"firstname","html":"html","hcaptcha":"hcaptcha","hidden":"hidden","lastname":"lastname","listcheckbox":"listcheckbox","listcountry":"listcountry","listimage":"listimage","listmultiselect":"listmultiselect","listradio":"listradio","listselect":"listselect","liststate":"liststate","note":"note","number":"number","password":"password","passwordconfirm":"passwordconfirm","product":"product","quantity":"quantity","recaptcha":"recaptcha","recaptcha_v3":"recaptcha_v3","repeater":"repeater","shipping":"shipping","signature":"signature","spam":"spam","starrating":"starrating","submit":"submit","terms":"terms","textarea":"textarea","total":"total","turnstile":"turnstile","unknown":"unknown","zip":"zip","hr":"hr"},"calculations":{"html":"html","hidden":"hidden","note":"note","unknown":"unknown"}},"opinionated_styles":"","filter_esc_status":"false","nf_consent_status_response":[]};
var nfInlineVars = [];
//# sourceURL=nf-front-end-js-extra
</script>
<script type="text/rocketlazyloadscript" data-minify="1" id="nf-front-end-js" data-rocket-src="https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/plugins/ninja-forms/assets/js/min/front-end.js?ver=1793990691" data-rocket-defer defer></script>
<script id="elementor-pro-webpack-runtime-js" src="https://www.subscriptionflow.com/wp-content/plugins/elementor-pro-1/assets/js/webpack-pro.runtime.min.js?ver=4.2.0" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" id="wp-hooks-js" data-rocket-src="https://www.subscriptionflow.com/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
<script type="text/rocketlazyloadscript" id="wp-i18n-js" data-rocket-src="https://www.subscriptionflow.com/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
<script type="text/rocketlazyloadscript" id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script type="text/rocketlazyloadscript" id="elementor-pro-frontend-js-before">
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/www.subscriptionflow.com\/wp-admin\/admin-ajax.php","nonce":"08eb0be8e2","urls":{"assets":"https:\/\/www.subscriptionflow.com\/wp-content\/plugins\/elementor-pro-1\/assets\/","rest":"https:\/\/www.subscriptionflow.com\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":true},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/www.subscriptionflow.com\/wp-content\/plugins\/elementor-pro-1\/modules\/lottie\/assets\/animations\/default.json"}};
//# sourceURL=elementor-pro-frontend-js-before
</script>
<script type="text/rocketlazyloadscript" id="elementor-pro-frontend-js" data-rocket-src="https://www.subscriptionflow.com/wp-content/plugins/elementor-pro-1/assets/js/frontend.min.js?ver=4.2.0" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript" id="pro-elements-handlers-js" data-rocket-src="https://www.subscriptionflow.com/wp-content/plugins/elementor-pro-1/assets/js/elements-handlers.min.js?ver=4.2.0" data-rocket-defer defer></script>
<script type="text/rocketlazyloadscript">
document.addEventListener("DOMContentLoaded", function () {

    function activateTabFromHash() {
        var hash = window.location.hash;
        if (!hash) return;

        var cleanHash = hash.replace("#", "");

        setTimeout(function () {

            var tabButtons = document.querySelectorAll('.elementor-tab-title');

            tabButtons.forEach(function(button) {

                var text = button.textContent.trim().toLowerCase().replace(/\s+/g, '-');

                if (text === cleanHash) {
                    button.click();
                }

            });

        }, 700);
    }

    activateTabFromHash();

});
</script>
<script type="text/rocketlazyloadscript">var localize ={"ajaxurl":"https:\/\/www.subscriptionflow.com\/wp-admin\/admin-ajax.php","nonce":"3c359cfd88","i18n":{"added":"Added ","compare":"Compare","loading":"Loading..."},"eael_translate_text":{"required_text":"is a required field","invalid_text":"Invalid","billing_text":"Billing","shipping_text":"Shipping","fg_mfp_counter_text":"of"},"page_permalink":"https:\/\/www.subscriptionflow.com\/","cart_redirectition":false,"cart_page_url":"","el_breakpoints":{"mobile":{"label":"Mobile Portrait","value":768,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":true},"tablet":{"label":"Tablet Portrait","value":1025,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1250,"default_value":1366,"direction":"max","is_enabled":true},"widescreen":{"label":"Widescreen","value":1800,"default_value":2400,"direction":"min","is_enabled":true}},"ParticleThemesData":{"default":"{\"particles\":{\"number\":{\"value\":160,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#ffffff\"},\"shape\":{\"type\":\"circle\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"img\/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.5,\"random\":false,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":3,\"random\":true,\"anim\":{\"enable\":false,\"speed\":40,\"size_min\":0.1,\"sync\":false}},\"line_linked\":{\"enable\":true,\"distance\":150,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":1},\"move\":{\"enable\":true,\"speed\":6,\"direction\":\"none\",\"random\":false,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":true,\"mode\":\"repulse\"},\"onclick\":{\"enable\":true,\"mode\":\"push\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":400,\"size\":40,\"duration\":2,\"opacity\":8,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","nasa":"{\"particles\":{\"number\":{\"value\":250,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#ffffff\"},\"shape\":{\"type\":\"circle\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"img\/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":1,\"random\":true,\"anim\":{\"enable\":true,\"speed\":1,\"opacity_min\":0,\"sync\":false}},\"size\":{\"value\":3,\"random\":true,\"anim\":{\"enable\":false,\"speed\":4,\"size_min\":0.3,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":150,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":1},\"move\":{\"enable\":true,\"speed\":1,\"direction\":\"none\",\"random\":true,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":600}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":true,\"mode\":\"bubble\"},\"onclick\":{\"enable\":true,\"mode\":\"repulse\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":250,\"size\":0,\"duration\":2,\"opacity\":0,\"speed\":3},\"repulse\":{\"distance\":400,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","bubble":"{\"particles\":{\"number\":{\"value\":15,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#1b1e34\"},\"shape\":{\"type\":\"polygon\",\"stroke\":{\"width\":0,\"color\":\"#000\"},\"polygon\":{\"nb_sides\":6},\"image\":{\"src\":\"img\/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.3,\"random\":true,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":50,\"random\":false,\"anim\":{\"enable\":true,\"speed\":10,\"size_min\":40,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":200,\"color\":\"#ffffff\",\"opacity\":1,\"width\":2},\"move\":{\"enable\":true,\"speed\":8,\"direction\":\"none\",\"random\":false,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":false,\"mode\":\"grab\"},\"onclick\":{\"enable\":false,\"mode\":\"push\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":400,\"size\":40,\"duration\":2,\"opacity\":8,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","snow":"{\"particles\":{\"number\":{\"value\":450,\"density\":{\"enable\":true,\"value_area\":800}},\"color\":{\"value\":\"#fff\"},\"shape\":{\"type\":\"circle\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"img\/github.svg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.5,\"random\":true,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":5,\"random\":true,\"anim\":{\"enable\":false,\"speed\":40,\"size_min\":0.1,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":500,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":2},\"move\":{\"enable\":true,\"speed\":6,\"direction\":\"bottom\",\"random\":false,\"straight\":false,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":true,\"mode\":\"bubble\"},\"onclick\":{\"enable\":true,\"mode\":\"repulse\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":400,\"line_linked\":{\"opacity\":0.5}},\"bubble\":{\"distance\":400,\"size\":4,\"duration\":0.3,\"opacity\":1,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}","nyan_cat":"{\"particles\":{\"number\":{\"value\":150,\"density\":{\"enable\":false,\"value_area\":800}},\"color\":{\"value\":\"#ffffff\"},\"shape\":{\"type\":\"star\",\"stroke\":{\"width\":0,\"color\":\"#000000\"},\"polygon\":{\"nb_sides\":5},\"image\":{\"src\":\"http:\/\/wiki.lexisnexis.com\/academic\/images\/f\/fb\/Itunes_podcast_icon_300.jpg\",\"width\":100,\"height\":100}},\"opacity\":{\"value\":0.5,\"random\":false,\"anim\":{\"enable\":false,\"speed\":1,\"opacity_min\":0.1,\"sync\":false}},\"size\":{\"value\":4,\"random\":true,\"anim\":{\"enable\":false,\"speed\":40,\"size_min\":0.1,\"sync\":false}},\"line_linked\":{\"enable\":false,\"distance\":150,\"color\":\"#ffffff\",\"opacity\":0.4,\"width\":1},\"move\":{\"enable\":true,\"speed\":14,\"direction\":\"left\",\"random\":false,\"straight\":true,\"out_mode\":\"out\",\"bounce\":false,\"attract\":{\"enable\":false,\"rotateX\":600,\"rotateY\":1200}}},\"interactivity\":{\"detect_on\":\"canvas\",\"events\":{\"onhover\":{\"enable\":false,\"mode\":\"grab\"},\"onclick\":{\"enable\":true,\"mode\":\"repulse\"},\"resize\":true},\"modes\":{\"grab\":{\"distance\":200,\"line_linked\":{\"opacity\":1}},\"bubble\":{\"distance\":400,\"size\":40,\"duration\":2,\"opacity\":8,\"speed\":3},\"repulse\":{\"distance\":200,\"duration\":0.4},\"push\":{\"particles_nb\":4},\"remove\":{\"particles_nb\":2}}},\"retina_detect\":true}"},"eael_login_nonce":"af1ec7af8b","eael_register_nonce":"8edeeddbb7","eael_lostpassword_nonce":"762360c68a","eael_resetpassword_nonce":"03a82782d3"}</script><script type="text/rocketlazyloadscript" id="eael-inline-js">(function(){
  function closeAll(){
    document.querySelectorAll('.e-n-menu .e-n-menu-dropdown-icon[aria-expanded="true"]').forEach(function(b){ b.click(); });
  }
  /* bahar click / tap → band */
  document.addEventListener('pointerdown', function(e){
    if(window.innerWidth <= 1024) return;                 /* sirf desktop */
    if(e.target.closest('.e-n-menu')) return;             /* menu ke andar click → kuch nahi */
    closeAll();
  }, true);
  /* Esc key → band */
  document.addEventListener('keydown', function(e){ if(e.key === 'Escape') closeAll(); });
  /* mouse mega panel se 300ms bahar rahe → band */
  var t = null;
  document.addEventListener('mouseover', function(e){
    if(window.innerWidth <= 1024) return;
    var inside = e.target.closest('.e-n-menu');
    clearTimeout(t);
    if(!inside) t = setTimeout(closeAll, 300);
  });
})();;/* ============================================================
   rbp-box — Icon Box Auto-Cycle (v2 — robust)
   Fixes:
   - Agar .rbp-box.elementor-widget-icon-box na mile to
     sirf .rbp-box se dhoondta hai (fallback)
   - Boxes render hone tak 10 dafa retry karta hai (har 500ms)
   - IntersectionObserver fail ho to bhi cycle start ho jata hai
   ============================================================ */
(function () {
  'use strict';

  var reduced = window.matchMedia &&
    window.matchMedia('(prefers-reduced-motion: reduce)').matches;

  var tries = 0;
  var MAX_TRIES = 10;

  function findBoxes() {
    var boxes = document.querySelectorAll('.rbp-box.elementor-widget-icon-box');
    if (!boxes.length) {
      /* Fallback: shayad class kisi aur element par lagi hai */
      boxes = document.querySelectorAll('.rbp-box');
    }
    return boxes;
  }

  function init() {
    var boxes = findBoxes();

    /* Boxes abhi render nahi hue — thori der baad dobara try karo */
    if (!boxes.length) {
      tries++;
      if (tries < MAX_TRIES) {
        setTimeout(init, 500);
      } else {
        console.warn('[rbp-box] Koi .rbp-box element nahi mila. ' +
          'Elementor mein Icon Box widget par Advanced > CSS Classes ' +
          'mein "rbp-box" check karein.');
      }
      return;
    }

    var cur = 0;
    var timer = null;
    var started = false;

    function setOn(i) {
      boxes.forEach(function (b) { b.classList.remove('rp-on'); });
      boxes[i].classList.add('rp-on');
      cur = i;
    }

    function startCycle() {
      clearInterval(timer);
      if (!reduced) {
        timer = setInterval(function () {
          setOn((cur + 1) % boxes.length);
        }, 1800);
      }
    }

    function begin() {
      if (started) return;
      started = true;
      setOn(0);
      startCycle();
    }

    /* Hover: cycle ruk jaye, hatao to phir shuru */
    boxes.forEach(function (b, i) {
      b.addEventListener('mouseenter', function () {
        clearInterval(timer);
        setOn(i);
      });
      b.addEventListener('mouseleave', function () {
        startCycle();
      });
      b.addEventListener('click', function () {
        setOn(i);
      });
    });

    /* Scroll par start — lekin 3 second mein IO trigger na ho
       to bhi zabardasti start kar do (safety net) */
    if ('IntersectionObserver' in window && !reduced) {
      var io = new IntersectionObserver(function (es) {
        es.forEach(function (e) {
          if (e.isIntersecting) begin();
        });
      }, { threshold: 0.15 });
      io.observe(boxes[0]);
      setTimeout(begin, 3000);
    } else {
      begin();
    }
  }

  if (document.readyState !== 'loading') {
    setTimeout(init, 600);
  } else {
    document.addEventListener('DOMContentLoaded', function () {
      setTimeout(init, 600);
    });
  }
})();

/*---PCI--section---JS-----#/
/**
 * ============================================================
 *  SubscriptionFlow — Icon List Active Sync JS
 *  File: sfpp-iconlist-sync.js
 *
 *  Elementor > Custom JS (Footer) mein paste karein
 *
 *  Kya karta hai:
 *  1. Icon List items pe click → .sfpp-active class toggle
 *  2. Right side animation widget ke saath sync
 *  3. Auto-cycle har 2.2 seconds
 *  4. Hover pe pause
 * ============================================================
 */

(function () {
  'use strict';

  var TITLES = [
    'Multiple Payment Methods',
    'Multiple Currency Support',
    'Payment Gateway Integrations',
    'Payment Failure & Recovery Management'
  ];
  var CYCLE = 2200;

  function init() {

    /* ── Left side: Elementor Icon List items ── */
    var listItems = document.querySelectorAll(
      '.sfpp-icon-list .elementor-icon-list-item'
    );

    /* ── Right side: animated console rows ── */
    var rows      = document.querySelectorAll('#saRows .sa-row');
    var statusTxt = document.getElementById('saStatusTxt');

    if (!listItems.length) return;

    var idx    = 0;
    var paused = false;
    var timer  = null;

    /* ── Activate step i ── */
    function activate(i) {
      idx = i;

      /* Left list */
      listItems.forEach(function (el, k) {
        el.classList.toggle('sfpp-active', k === i);
      });

      /* Right console rows (if widget exists on page) */
      if (rows.length) {
        rows.forEach(function (r, k) {
          r.classList.toggle('sa-on', k <= i);
        });
      }

      /* Status text */
      if (statusTxt) statusTxt.textContent = TITLES[i] || TITLES[0];
    }

    /* ── Auto cycle ── */
    function startCycle() {
      timer = setInterval(function () {
        if (!paused) activate((idx + 1) % listItems.length);
      }, CYCLE);
    }

    /* ── Click on list item ── */
    listItems.forEach(function (el, k) {
      /* Make keyboard accessible */
      el.setAttribute('tabindex', '0');
      el.setAttribute('role', 'button');

      el.addEventListener('click', function () {
        jump(k);
      });

      el.addEventListener('keydown', function (e) {
        if (e.key === 'Enter' || e.key === ' ') {
          e.preventDefault();
          jump(k);
        }
      });
    });

    function jump(i) {
      activate(i);
      paused = true;
      clearInterval(timer);
      setTimeout(function () {
        paused = false;
        startCycle();
      }, CYCLE);
    }

    /* ── Pause on hover ── */
    var section = document.querySelector('.sfpp-icon-list');
    if (section) {
      section.addEventListener('mouseenter', function () { paused = true;  });
      section.addEventListener('mouseleave', function () { paused = false; });
    }

    /* ── Reduced motion: show all active, no animation ── */
    var reduced = window.matchMedia &&
                  window.matchMedia('(prefers-reduced-motion: reduce)').matches;
    if (reduced) {
      listItems.forEach(function (el) { el.classList.add('sfpp-active'); });
      if (rows.length) rows.forEach(function (r) { r.classList.add('sa-on'); });
      if (statusTxt) statusTxt.textContent = TITLES[0];
      return;
    }

    /* ── Boot ── */
    activate(0);
    startCycle();
  }

  /* Run after everything is rendered */
  if (document.readyState !== 'loading') {
    setTimeout(init, 400);
  } else {
    document.addEventListener('DOMContentLoaded', function () {
      setTimeout(init, 400);
    });
  }

})();;</script><script id="tmpl-nf-layout" type="text/template">
	<#
	var headingLevel = data.settings.form_title_heading_level;
	headingLevel = ( typeof headingLevel === 'number' || typeof headingLevel === 'string' ) && /^[1-6]$/.test( headingLevel ) ? headingLevel : 3;
	#>
	<span id="nf-form-title-{{{ data.id }}}" class="nf-form-title">
		{{{ ( 1 == data.settings.show_title ) ? '<h' + headingLevel + '>' + data.settings.title + '</h' + headingLevel + '>' : '' }}}
	</span>
	<div class="nf-form-wrap ninja-forms-form-wrap">
		<div class="nf-response-msg"></div>
		<div class="nf-debug-msg"></div>
		<div class="nf-before-form"></div>
		<div class="nf-form-layout"></div>
		<div class="nf-after-form"></div>
	</div>
</script>

<script id="tmpl-nf-empty" type="text/template">

</script>
<script id="tmpl-nf-before-form" type="text/template">
	{{{ data.beforeForm }}}
</script><script id="tmpl-nf-after-form" type="text/template">
	{{{ data.afterForm }}}
</script><script id="tmpl-nf-before-fields" type="text/template">
    <div class="nf-form-fields-required">{{{ data.renderFieldsMarkedRequired() }}}</div>
    {{{ data.beforeFields }}}
</script><script id="tmpl-nf-after-fields" type="text/template">
    {{{ data.afterFields }}}
    <div id="nf-form-errors-{{{ data.id }}}" class="nf-form-errors" role="alert"></div>
    <div class="nf-form-hp"></div>
</script>
<script id="tmpl-nf-before-field" type="text/template">
    {{{ data.beforeField }}}
</script><script id="tmpl-nf-after-field" type="text/template">
    {{{ data.afterField }}}
</script><script id="tmpl-nf-form-layout" type="text/template">
	<form id="ninja-form-{{{ data.id }}}">
		<div>
			<div class="nf-before-form-content"></div>
			<div class="nf-form-content {{{ data.element_class }}}"></div>
			<div class="nf-after-form-content"></div>
		</div>
	</form>
</script><script id="tmpl-nf-form-hp" type="text/template">
	<label id="nf-label-field-hp-{{{ data.id }}}" for="nf-field-hp-{{{ data.id }}}" aria-hidden="true">
		{{{ nfi18n.formHoneypot }}}
		<input id="nf-field-hp-{{{ data.id }}}" name="nf-field-hp" class="nf-element nf-field-hp" type="text" value="" aria-labelledby="nf-label-field-hp-{{{ data.id }}}" />
	</label>
</script>
<script id="tmpl-nf-field-layout" type="text/template">
    <div id="nf-field-{{{ data.id }}}-container" class="nf-field-container {{{ data.type }}}-container {{{ data.renderContainerClass() }}}" data-testid="nf-field-{{{ data.key }}}" data-nf-field-type="{{{ data.type }}}">
        <div class="nf-before-field"></div>
        <div class="nf-field"></div>
        <div class="nf-after-field"></div>
    </div>
</script>
<script id="tmpl-nf-field-before" type="text/template">
    {{{ data.beforeField }}}
</script><script id="tmpl-nf-field-after" type="text/template">
    <#
    /*
     * Render our input limit section if that setting exists.
     */
    #>
    <div class="nf-input-limit"></div>
    <#
    /*
     * Render our error section if we have an error.
     */
    #>
    <div id="nf-error-{{{ data.id }}}" class="nf-error-wrap nf-error" role="alert" aria-live="assertive"></div>
    <#
    /*
     * Render any custom HTML after our field.
     */
    #>
    {{{ data.afterField }}}
</script>
<script id="tmpl-nf-field-wrap" type="text/template">
	<div id="nf-field-{{{ data.id }}}-wrap" class="{{{ data.renderWrapClass() }}}" data-field-id="{{{ data.id }}}">
		<#
		/*
		 * This is our main field template. It's called for every field type.
		 * Note that must have ONE top-level, wrapping element. i.e. a div/span/etc that wraps all of the template.
		 */
        #>
		<#
		/*
		 * Render our label.
		 */
        #>
		{{{ data.renderLabel() }}}
		<#
		/*
		 * Render our field element. Uses the template for the field being rendered.
		 */
        #>
		<div class="nf-field-element">{{{ data.renderElement() }}}</div>
		<#
		/*
		 * Render our Description Text.
		 */
        #>
		{{{ data.renderDescText() }}}
	</div>
</script>
<script id="tmpl-nf-field-wrap-no-label" type="text/template">
    <div id="nf-field-{{{ data.id }}}-wrap" class="{{{ data.renderWrapClass() }}}" data-field-id="{{{ data.id }}}">
        <div class="nf-field-label"></div>
        <div class="nf-field-element">{{{ data.renderElement() }}}</div>
        <div class="nf-error-wrap"></div>
    </div>
</script>
<script id="tmpl-nf-field-wrap-no-container" type="text/template">

        {{{ data.renderElement() }}}

        <div class="nf-error-wrap"></div>
</script>
<script id="tmpl-nf-field-label" type="text/template">
	<div class="nf-field-label">
		<# if ( data.type === "listcheckbox" || data.type === "listradio" || data.type === "listimage" || data.type === "date" || data.type === "starrating" || data.type === "signature" || data.type === "html" || data.type === "hr" ) { #>
			<span id="nf-label-field-{{{ data.id }}}"
				class="nf-label-span {{{ data.renderLabelClasses() }}}">
					{{{ ( data.maybeFilterHTML() === 'true' ) ? _.escape( data.label ) : data.label }}} {{{ ( 'undefined' != typeof data.required && 1 == data.required ) ? '<span class="ninja-forms-req-symbol">*</span>' : '' }}} 
					{{{ data.maybeRenderHelp() }}}
			</span>
		<# } else { #>
			<label for="nf-field-{{{ data.id }}}"
					id="nf-label-field-{{{ data.id }}}"
					class="{{{ data.renderLabelClasses() }}}">
						{{{ ( data.maybeFilterHTML() === 'true' ) ? _.escape( data.label ) : data.label }}} {{{ ( 'undefined' != typeof data.required && 1 == data.required ) ? '<span class="ninja-forms-req-symbol">*</span>' : '' }}} 
						{{{ data.maybeRenderHelp() }}}
			</label>
		<# } #>
	</div>
</script>
<script id="tmpl-nf-field-error" type="text/template">
	<div class="nf-error-msg nf-error-{{{ data.id }}}" aria-live="assertive">{{{ data.msg }}}</div>
</script><script id="tmpl-nf-form-error" type="text/template">
	<div class="nf-error-msg nf-error-{{{ data.id }}}">{{{ data.msg }}}</div>
</script><script id="tmpl-nf-field-input-limit" type="text/template">
    {{{ data.currentCount() }}} {{{ nfi18n.of }}} {{{ data.input_limit }}} {{{ data.input_limit_msg }}}
</script><script id="tmpl-nf-field-null" type="text/template">
</script><script id="tmpl-nf-field-firstname" type="text/template">
    <input
        type="text"
        value="{{{ _.escape( data.value ) }}}"
        class="{{{ data.renderClasses() }}} nf-element"
        id="nf-field-{{{ data.id }}}"
        name="{{ data.custom_name_attribute || 'nf-field-' + data.id + '-' + data.type }}"
        {{{ data.maybeDisableAutocomplete() }}}
        {{{ data.renderPlaceholder() }}}
        aria-invalid="false"
        aria-describedby="<# if( data.desc_text ) { #>nf-description-{{{ data.id }}} <# } #>nf-error-{{{ data.id }}}"
        aria-labelledby="nf-label-field-{{{ data.id }}}"
        {{{ data.maybeRequired() }}}
    >
</script>
<script id='tmpl-nf-field-input' type='text/template'>
    <input id="nf-field-{{{ data.id }}}" name="nf-field-{{{ data.id }}}" aria-invalid="false" aria-describedby="<# if( data.desc_text ) { #>nf-description-{{{ data.id }}} <# } #>nf-error-{{{ data.id }}}" class="{{{ data.renderClasses() }}} nf-element" type="text" value="{{{ _.escape( data.value ) }}}" {{{ data.renderPlaceholder() }}} {{{ data.maybeDisabled() }}}
           aria-labelledby="nf-label-field-{{{ data.id }}}"

            {{{ data.maybeRequired() }}}
    >
</script>
<script id="tmpl-nf-field-lastname" type="text/template">
    <input
        type="text"
        value="{{{ _.escape( data.value ) }}}"
        class="{{{ data.renderClasses() }}} nf-element"
        id="nf-field-{{{ data.id }}}"
        name="{{ data.custom_name_attribute || 'nf-field-' + data.id + '-' + data.type }}"
        {{{ data.maybeDisableAutocomplete() }}}
        {{{ data.renderPlaceholder() }}}
        aria-invalid="false"
        aria-describedby="<# if( data.desc_text ) { #>nf-description-{{{ data.id }}} <# } #>nf-error-{{{ data.id }}}"
        aria-labelledby="nf-label-field-{{{ data.id }}}"
        {{{ data.maybeRequired() }}}
    >
</script>
<script id="tmpl-nf-field-email" type="text/template">
	<input
		type="email"
		value="{{{ _.escape( data.value ) }}}"
		class="{{{ data.renderClasses() }}} nf-element"
		id="nf-field-{{{ data.id }}}"
		name="{{ data.custom_name_attribute || 'nf-field-' + data.id + '-' + data.type }}"
		{{{data.maybeDisableAutocomplete()}}}
		{{{ data.renderPlaceholder() }}}
		{{{ data.maybeDisabled() }}}
		aria-invalid="false"
		aria-describedby="<# if( data.desc_text ) { #>nf-description-{{{ data.id }}} <# } #>nf-error-{{{ data.id }}}"
		aria-labelledby="nf-label-field-{{{ data.id }}}"
		{{{ data.maybeRequired() }}}
	>
</script>
<script id="tmpl-nf-field-tel" type="text/template">
	<input
		type="tel"
		value="{{{ _.escape( data.value ) }}}"
		class="{{{ data.renderClasses() }}} nf-element"
		{{{ data.maybeDisabled() }}}
		id="nf-field-{{{ data.id }}}"
		name="{{ data.custom_name_attribute || 'nf-field-' + data.id + '-' + data.type }}"
		{{{ data.maybeDisableAutocomplete() }}}
		{{{ data.renderPlaceholder() }}}
		aria-invalid="false"
		aria-describedby="<# if( data.desc_text ) { #>nf-description-{{{ data.id }}} <# } #>nf-error-{{{ data.id }}}"
		aria-labelledby="nf-label-field-{{{ data.id }}}"
		{{{ data.maybeRequired() }}}
	>
</script>
<script id="tmpl-nf-field-textbox" type="text/template">
	<input
		type="text"
		value="{{{ _.escape( data.value ) }}}"
		class="{{{ data.renderClasses() }}} nf-element"
		{{{ data.renderPlaceholder() }}}
		{{{ data.maybeDisabled() }}}
		{{{ data.maybeInputLimit() }}}
		id="nf-field-{{{ data.id }}}"
		name="{{ data.custom_name_attribute || 'nf-field-' + data.id + '-' + data.type }}"
		{{{ data.maybeDisableAutocomplete() }}}
		aria-invalid="false"
		aria-describedby="<# if( data.desc_text ) { #>nf-description-{{{ data.id }}} <# } #>nf-error-{{{ data.id }}}"
		aria-labelledby="nf-label-field-{{{ data.id }}}"
		{{{ data.maybeRequired() }}}
	>
</script>
<script id="tmpl-nf-field-listradio" type="text/template">
    <ul aria-describedby="<# if( data.desc_text ) { #>nf-description-{{{ data.id }}} <# } #>nf-error-{{{ data.id }}}">
        {{{ data.renderOptions() }}}
    </ul>
</script>

<script id='tmpl-nf-field-listradio-option' type='text/template'>
    <# if ( ! data.visible ) { return '' } #>
    <li>
        <input type="radio"
               id="nf-field-{{{ data.fieldID }}}-{{{ data.index }}}"
               name="nf-field-{{{ data.fieldID }}}"
               class="{{{ data.classes }}} nf-element {{{ ( data.value == data.currentValue  || 1 == data.selected ) ? 'nf-checked' : '' }}}" value="{{{ _.escape( data.value ) }}}" {{{ ( data.value == data.currentValue  || 1 == data.selected ) ? 'checked="checked"' : '' }}}
            aria-labelledby="nf-label-class-field-{{{ data.fieldID }}}-{{{ data.index }}}"
            <# if( data.required ) { #>
			required aria-required="true"
			<# } #>
        >
        <label for="nf-field-{{{ data.fieldID }}}-{{{ data.index }}}"
               id="nf-label-class-field-{{{ data.fieldID }}}-{{{ data.index }}}" class="{{{ ( data.value == data.currentValue  || 1
                       ==
               data.selected ) ? 'nf-checked-label' : '' }}}">{{{ data.label }}}</label>
    </li>
</script>

<script id='tmpl-nf-field-listradio-other' type='text/template'>
    <li>
        <input type="radio" name="nf-field-{{{ data.fieldID }}}" class="{{{ data.classes }}} nf-element" value="nf-other" {{{ ( ! data.valueFound ) ? 'checked="checked"' : '' }}}> <label>Other {{{ data.renderOtherText() }}}</label>
    </li>
</script>

<script id='tmpl-nf-field-listradio-other-text' type='text/template'>
    <input type="text" name="nf-field-{{{ data.fieldID }}}" class="nf-element" value="{{{ data.currentValue }}}">
</script>
<script id="tmpl-nf-field-textarea" type="text/template">
    <textarea id="nf-field-{{{ data.id }}}" name="nf-field-{{{ data.id }}}" aria-invalid="false" aria-describedby="<# if( data.desc_text ) { #>nf-description-{{{ data.id }}} <# } #>nf-error-{{{ data.id }}}" class="{{{ data.renderClasses() }}} nf-element" {{{ data.renderPlaceholder() }}} {{{ data.maybeDisabled() }}} {{{ data.maybeDisableAutocomplete() }}} {{{ data.maybeInputLimit() }}}
        aria-labelledby="nf-label-field-{{{ data.id }}}"

        {{{ data.maybeRequired() }}}
    >{{{ _.escape( data.value ) }}}</textarea>
</script>

<!-- Rich Text Editor Templates -->

<script id="tmpl-nf-rte-media-button" type="text/template">
    <span class="dashicons dashicons-admin-media"></span>
</script>

<script id="tmpl-nf-rte-link-button" type="text/template">
    <span class="dashicons dashicons-admin-links"></span>
</script>

<script id="tmpl-nf-rte-unlink-button" type="text/template">
    <span class="dashicons dashicons-editor-unlink"></span>
</script>

<script id="tmpl-nf-rte-link-dropdown" type="text/template">
    <div class="rte-link">
        URL
        <input type="url" class="widefat code link-url"> <br />
        Text
        <input type="url" class="widefat code link-text"> <br />
        <label>
            <input type="checkbox" class="link-new-window"> {{{ nfi18n.fieldsTextareaOpenNewWindow }}}
        </label>
        <input type="button" class="cancel-link extra" value="Cancel">
        <input type="button" class="insert-link extra" value="Insert">
    </div>
</script>
<script id="tmpl-nf-field-recaptcha" type="text/template">
	<input id="nf-field-{{{ data.id }}}" name="nf-field-{{{ data.id }}}" class="{{{ data.renderClasses() }}} nf-element" type="hidden" value="{{{ data.value }}}" />

	<div class="g-recaptcha" data-callback="nf_recaptcha_response_{{{ data.id }}}" data-theme="{{{ data.theme }}}" data-sitekey="{{{ data.site_key }}}" data-fieldid="{{{ data.id }}}" {{{ ( "invisible" == data.size ) ? 'data-size="invisible"' : '' }}}></div>
</script><script id="tmpl-nf-field-submit" type="text/template">

<# 
let myType = data.type
if('save'== data.type){
	myType = 'button'
}
#>
<input id="nf-field-{{{ data.id }}}" class="{{{ data.renderClasses() }}} nf-element " type="{{{myType}}}" value="{{{ ( data.maybeFilterHTML() === 'true' ) ? _.escape( data.label ) : data.label }}}" {{{ ( data.disabled ) ? 'aria-disabled="true" disabled="true"' : '' }}}>

</script><script id='tmpl-nf-field-button' type='text/template'>
    <button id="nf-field-{{{ data.id }}}" name="nf-field-{{{ data.id }}}" class="{{{ data.classes }}} nf-element">
        {{{ ( data.maybeFilterHTML() === 'true' ) ? _.escape( data.label ) : data.label }}}
    </button>
</script><script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://www.subscriptionflow.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script>
<!-- Calendly link widget begin -->
<link data-minify="1" href="https://www.subscriptionflow.com/wp-content/cache/min/1/assets/external/widget.css?ver=1793990689" rel="stylesheet">
<script type="text/rocketlazyloadscript" data-minify="1" defer data-rocket-src="https://www.subscriptionflow.com/wp-content/cache/min/1/assets/external/widget.js?ver=1793990691" data-rocket-type="text/javascript"></script>
<!-- Calendly link widget end -->


<script type="text/rocketlazyloadscript" data-minify="1" data-rocket-src="https://www.subscriptionflow.com/wp-content/cache/min/1/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js?ver=1793990691" crossorigin="anonymous" referrerpolicy="no-referrer" data-rocket-defer defer></script>

<!-- Custom Js File -->
<script type="text/rocketlazyloadscript" data-minify="1" data-rocket-src="https://www.subscriptionflow.com/wp-content/cache/min/1/wp-content/themes/hello-elementor/assets/js/custom-script.js?ver=1793990691" data-rocket-defer defer></script>

<script type="text/rocketlazyloadscript">window.addEventListener('DOMContentLoaded', function() {
	jQuery(document).ready(function($){
		
	

	/**
		** External JS code binding
		**
		** Calendly
		*/

		var compaign_source_type='';
		var compaign_name='';
		var compaign_medium='';
		var compaign_keyword='';

		$( ".demo-schedule" ).on( "click", function() {
			
			
			window.lintrk('track', { conversion_id: 10354753 });
			Calendly.initPopupWidget({url: 'https://calendly.com/info-8275/subscriptionflow', utm: {utmSource: compaign_source_type, utmCampaign: compaign_name, utmMedium: compaign_medium, utmContent: compaign_keyword }         });return false;
		});

		
	});
});</script>

<!-- linked In Code--->
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript">
	_linkedin_partner_id = "4083153";
	window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
	window._linkedin_data_partner_ids.push(_linkedin_partner_id);
	</script><script type="text/rocketlazyloadscript" data-rocket-type="text/javascript">
	(function(l) {
	if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])};
	window.lintrk.q=[]}
	var s = document.getElementsByTagName("script")[0];
	var b = document.createElement("script");
	b.type = "text/javascript";b.async = true;
	b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
	s.parentNode.insertBefore(b, s);})(window.lintrk);
</script>
<noscript>
	<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=4083153&fmt=gif" />
</noscript>
<!-- linked In Code End--->

<!--- Impact.com -->
<script type="text/rocketlazyloadscript" data-rocket-type="text/javascript">
               ire('identify', {customerId: '', customerEmail: '', customProfileId: ''});
</script>


</body>
</html>


<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me -->