Domain > api.superwall.dev

More information on this domain is in AlienVault OTX

DNS Resolutions

Date	IP Address
2025-08-11	104.26.11.76 (ClassC)
2026-01-17	172.67.73.30 (ClassC)

HTTP/1.1 200 OKDate: Sat, 17 Jan 2026 19:21:12 GMTContent-Type: text/html; charsetutf-8Transfer-Encoding: chunkedConnection: keep-aliveServer: cloudflareNel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}access-control-allow-origin: *age: 168246cache-control: public, max-age0, must-revalidatecontent-disposition: inlineReport-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?sF4Ypt8nKc%2FzYfIQa1BiezqAGXwuCY9YSDLXjafPvRQYfwqK3n%2FoayJE6ef0yNTF%2Fllncq93tRDOXw04%2FBswNMPWfXY4oHvl0IppOyzU%2BbRM%3D}}last-modified: Thu, 15 Jan 2026 20:37:06 GMTstrict-transport-security: max-age63072000; includeSubDomains; preloadx-vercel-cache: HITx-vercel-id: iad1::6vnvm-1768677672868-4c314feb82c0Vary: Accept-Encodingcf-cache-status: DYNAMICCF-RAY: 9bf836de5acfb57f-PDX

!DOCTYPE html>html langen classoverflow-x-hidden> head>meta charsetutf-8>meta nameviewport contentwidthdevice-width, initial-scale1.0>meta namegenerator contentAstro v5.13.10>!-- Title and Description -->title>Paywalls for mobile apps - Superwall/title>meta namedescription contentThe ultimate paywall solution for iOS & Android apps>meta namekeywords contentpaywall, mobile apps, subscription, monetization>!-- Canonical URL -->link relcanonical hrefhttps://superwall.com/>!-- Favicon -->link relicon typeimage/svg+xml href/assets/favicon.svg>!-- Open Graph -->meta propertyog:title contentPaywalls for mobile apps>meta propertyog:description contentThe ultimate paywall solution for iOS & Android apps>meta propertyog:type contentwebsite>meta propertyog:url contenthttps://superwall.com/>meta propertyog:image content/assets/og-image.jpg>meta propertyog:site_name contentSuperwall>!-- Twitter Card -->meta nametwitter:card contentsummary_large_image>meta nametwitter:title contentPaywalls for mobile apps>meta nametwitter:description contentThe ultimate paywall solution for iOS & Android apps>meta nametwitter:image content/assets/og-image.jpg>!-- Robots -->!-- Preload critical fonts -->link relpreconnect hrefhttps://fonts.googleapis.com>link relpreconnect hrefhttps://fonts.gstatic.com crossorigin>!-- Global Scripts (Head) -->!-- Google tag (gtag.js) -->script async srchttps://www.googletagmanager.com/gtag/js?idAW-16895514314 typed4753b8115dc48e134bdc224-text/javascript>/script>script typed4753b8115dc48e134bdc224-text/javascript>  window.dataLayer  window.dataLayer || ;  function gtag(){dataLayer.push(arguments);}  gtag(js, new Date());  gtag(config, AW-16895514314);/script>script typed4753b8115dc48e134bdc224-text/javascript>    !function(t,e){var o,n,p,r;e.__SV||(window.posthog && window.posthog.__loaded)||(window.posthoge,e._i,e.initfunction(i,s,a){function g(t,e){var oe.split(.);2o.length&&(tto0,eo1),tefunction(){t.push(e.concat(Array.prototype.slice.call(arguments,0)))}}(pt.createElement(script)).typetext/javascript,p.crossOriginanonymous,p.async!0,p.srcs.api_host.replace(.i.posthog.com,-assets.i.posthog.com)+/static/array.js,(rt.getElementsByTagName(script)0).parentNode.insertBefore(p,r);var ue;for(void 0!a?uea:aposthog,u.peopleu.people||,u.toStringfunction(t){var eposthog;returnposthog!a&&(e+.+a),t||(e+ (stub)),e},u.people.toStringfunction(){return u.toString(1)+.people (stub)},oinit fi Cr Or ci Tr Ir capture Mi calculateEventProperties Ar register register_once register_for_session unregister unregister_for_session Nr getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey displaySurvey canRenderSurvey canRenderSurveyAsync identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty jr Mr createPersonProfile Lr kr Ur opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing get_explicit_consent_status is_capturing clear_opt_in_out_capturing Fr debug M Dr getPageViewId captureTraceFeedback captureTraceMetric Sr.split( ),n0;no.length;n++)g(u,on);e._i.push(i,s,a)},e.__SV1)}(document,window.posthog||);    posthog.init(phc_JLVMCDWhjBypOQV7HHBlaFTAQcjsxeavdm8W7AzTCHI, {        api_host: https://us.i.posthog.com,        defaults: 2025-05-24,        person_profiles: identified_only, // or always to create profiles for anonymous users as well    })/script>!-- Analytics Scripts -->script typed4753b8115dc48e134bdc224-text/javascript>    (function(w,d,s,l,i){wlwl||;wl.push({gtm.start:    new Date().getTime(),event:gtm.js});var fd.getElementsByTagName(s)0,    jd.createElement(s),dll!dataLayer?&l+l:;j.asynctrue;j.src    https://www.googletagmanager.com/gtm.js?id+i+dl;f.parentNode.insertBefore(j,f);    })(window,document,script,dataLayer,GTM-KBK427DW);  /script>!-- June Analytics -->!-- Intercom -->!-- Custom Pixel Tracking -->!-- Twitter Ads -->script typed4753b8115dc48e134bdc224-text/javascript>    !function(e,t,n,s,u,a){e.twq||(se.twqfunction(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);    },s.version1.1,s.queue,ut.createElement(n),u.async!0,u.srchttps://static.ads-twitter.com/uwt.js,    at.getElementsByTagName(n)0,a.parentNode.insertBefore(u,a))}(window,document,script);    twq(config,o5gil);  /script>!-- Koala -->script typed4753b8115dc48e134bdc224-text/javascript>    !function(t){if(window.ko)return;window.ko,identify,track,removeListeners,open,on,off,qualify,ready.forEach(function(t){kotfunction(){var n.slice.call(arguments);return n.unshift(t),ko.push(n),ko}});var ndocument.createElement(script);n.async!0,n.setAttribute(src,https://cdn.getkoala.com/v1/pk_bb14368d62edc25720162725191d610bbd28/sdk.js),(document.body || document.head).appendChild(n)}();  /script>!-- Pylon -->script typed4753b8115dc48e134bdc224-text/javascript>    (function(){var ewindow;var tdocument;var nfunction(){n.e(arguments)};n.q;n.efunction(e){n.q.push(e)};e.Pylonn;var rfunction(){var et.createElement(script);e.setAttribute(type,text/javascript);e.setAttribute(async,true);e.setAttribute(src,https://widget.usepylon.com/widget/3016d5e1-846d-4920-a1c0-7093acfdef82);var nt.getElementsByTagName(script)0;n.parentNode.insertBefore(e,n)};if(t.readyStatecomplete){r()}else if(e.addEventListener){e.addEventListener(load,r,false)}})();  /script>script typed4753b8115dc48e134bdc224-text/javascript>    (async function () {      try {        var response  await fetch(/api/auth/session, { credentials: include });        var isLoggedIn  true;        if (response && response.ok) {          try {            var session  await response.json();            isLoggedIn  !!(session && session.isLoggedIn);          } catch (_e) {            // ignore JSON parse errors; default remains logged in          }        }        if (!isLoggedIn) {          // Avina          (function (m, e, s, h, a, i, c) {            ma  ma || function () {              (ma.q  ma.q || ).push(arguments);            };            var o  e.createElement(s);            o.type  text/javascript;            o.id  mesh-analytics-sdk;            o.async  true;            o.src  h;            o.setAttribute(data-mesh-sdk, i);            o.setAttribute(data-mesh-sdk-attributes, JSON.stringify(c));            var x  e.getElementsByTagName(s)0;            x.parentNode.insertBefore(o, x);          })(window, document, script,            https://cdn.jsdelivr.net/npm/@mesh-interactive/mesh-sdk@latest/dist/umd/index.js, mesh,            f07b5d8a5db35b3c4ae6847dc9fd5aea,            { useFingerprint: false, track: { session: true, forms: true } });          // Unify          !function () {            var methods  identify, page, startAutoPage, stopAutoPage, startAutoIdentify, stopAutoIdentify;            function factory(queue) {              return Object.assign(, methods.reduce(function (acc, name) {                accname  function () { return queue.push(name, .slice.call(arguments)), queue; };                return acc;              }, {}));            }            window.unify || (window.unify  factory(window.unify));            window.unifyBrowser || (window.unifyBrowser  factory(window.unifyBrowser));            var script  document.createElement(script);            script.async  true;            script.setAttribute(src, https://tag.unifyintent.com/v1/BVX9FKaxzFGCRccAumvRMY/script.js);            script.setAttribute(data-api-key, wk_FwitvsY3_6G932EdwwUi7h4YaJpXTCn1Pd8QrMaRk);            script.setAttribute(id, unifytag);            (document.body || document.head).appendChild(script);          }();          // RB2B          !function(key) {if (window.reb2b) return;window.reb2b  {loaded: true};var s  document.createElement(script);s.async  true;s.src  https://b2bjsstore.s3.us-west-2.amazonaws.com/b/ + key + / + key + .js.gz;document.getElementsByTagName(script)0.parentNode.insertBefore(s, document.getElementsByTagName(script)0);}(GOYPYHDMWROX);          // CR-Relay Signals          (function() {            if (typeof window  undefined) return;            if (typeof window.signals ! undefined) return;            var script  document.createElement(script);            script.src  https://cdn.cr-relay.com/v1/site/4917ccd3-ed29-4d67-aac8-31ff4766d046/signals.js;            script.async  true;            window.signals  Object.assign(              ,              page, identify, form.reduce(function (acc, method){                accmethod  function () {                  signals.push(method, arguments);                  return signals;                };               return acc;              }, {})            );            document.head.appendChild(script);          })();        }      } catch (_err) {        // On error, assume logged in (do nothing)      }    })();  /script>!-- Additional head content from page -->style>.blur-artifactdata-astro-cid-g5s3wlnq{animation:scale 20s ease-in-out infinite}.blur-artifactdata-astro-cid-g5s3wlnq .div-1data-astro-cid-g5s3wlnq{animation-delay:0s;animation:spin 40s ease-in-out infinite alternate}.blur-artifactdata-astro-cid-g5s3wlnq .div-2data-astro-cid-g5s3wlnq{animation:spin 40s ease-in-out infinite alternate}.blur-artifactdata-astro-cid-g5s3wlnq .div-3data-astro-cid-g5s3wlnq{animation:spin 40s ease-in-out infinite alternate-reverse}@keyframes scale{0%{transform:scaleX(3) rotate(0)}50%{transform:scaleX(5) rotate(180deg)}to{transform:scaleX(3) rotate(360deg)}}@keyframes spin{0%{transform:translateY(-40%) rotate(0)}to{transform:translateY(40%) rotate(360deg)}}/style>link relstylesheet href/_astro/_slug_.DQcFAbWm.css>style>.blur-artifactdata-astro-cid-3do7wtlr{animation:scale 20s ease-in-out infinite}.blur-artifactdata-astro-cid-3do7wtlr .div-1data-astro-cid-3do7wtlr{animation-delay:0s;animation:spin 40s ease-in-out infinite alternate}.blur-artifactdata-astro-cid-3do7wtlr .div-2data-astro-cid-3do7wtlr{animation:spin 40s ease-in-out infinite alternate}.blur-artifactdata-astro-cid-3do7wtlr .div-3data-astro-cid-3do7wtlr{animation:spin 40s ease-in-out infinite alternate-reverse}@keyframes scale{0%{transform:scaleX(3) rotate(0)}50%{transform:scaleX(5) rotate(180deg)}to{transform:scaleX(3) rotate(360deg)}}@keyframes spin{0%{transform:translateY(-40%) rotate(0)}to{transform:translateY(40%) rotate(360deg)}}.video-modaldata-astro-cid-bn7cw7bh{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:opacity,backdrop-filter,background-color;transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.video-modal--hiddendata-astro-cid-bn7cw7bh{opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background-color:#0000;background-color:transparent}.video-modal--openingdata-astro-cid-bn7cw7bh{opacity:0;visibility:visible;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background-color:#0000;background-color:transparent}.video-modal--visibledata-astro-cid-bn7cw7bh{opacity:1;visibility:visible;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#00000080;background-color:#000000b3}.video-modal--closingdata-astro-cid-bn7cw7bh{opacity:0;visibility:visible;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background-color:#0000;background-color:transparent}.video-modal--hiddendata-astro-cid-bn7cw7bh .video-containerdata-astro-cid-bn7cw7bh,.video-modal--openingdata-astro-cid-bn7cw7bh .video-containerdata-astro-cid-bn7cw7bh,.video-modal--closingdata-astro-cid-bn7cw7bh .video-containerdata-astro-cid-bn7cw7bh{transform:scale3d(.9,.9,1);opacity:0}.video-modal--visibledata-astro-cid-bn7cw7bh .video-containerdata-astro-cid-bn7cw7bh{transform:scaleZ(1);opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.video-containerdata-astro-cid-bn7cw7bh{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity;transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@supports (-webkit-backdrop-filter: blur(1px)){.video-modal--visibledata-astro-cid-bn7cw7bh{background-color:#00000080}}@supports not (backdrop-filter: blur(1px)) and not (-webkit-backdrop-filter: blur(1px)){.video-modal--visibledata-astro-cid-bn7cw7bh{background-color:#000c}}.overflow-hiddendata-astro-cid-bn7cw7bh{overflow:hidden!important;position:fixed;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.not-loadeddata-astro-cid-j7pv25f6{opacity:0;filter:blur(10px);transform-origin:center;transform:perspective(100vh) rotateX(-80deg) translateY(100%)}.bleed-edgesdata-astro-cid-bzsy455p{mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent)}.marquee-contentdata-astro-cid-bzsy455p{animation:marquee;animation-timing-function:linear;animation-iteration-count:infinite}.marquee-contentdata-astro-cid-bzsy455p.left-to-right{animation:marquee-reverse;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes marquee-reverse{0%{transform:translate(0)}to{transform:translate(100%)}}/style>script typed4753b8115dc48e134bdc224-text/javascript>window.va  window.va || function () { (window.vaq  window.vaq || ).push(arguments); };		var script  document.createElement(script);		script.defer  true;		script.src  /_vercel/insights/script.js;		var head  document.querySelector(head);		head.appendChild(script);	/script>/head> body classfont-body bg-gray-900 text-white antialiased> !-- Global Scripts (Body Start) --> !-- Analytics Scripts -->noscript>iframe srchttps://www.googletagmanager.com/ns.html?idGTM-KBK427DW height0 width0 styledisplay:none;visibility:hidden>/iframe>/noscript>!-- June Analytics -->!-- Intercom -->!-- Custom Pixel Tracking -->!-- Twitter Ads -->!-- Koala -->!-- Pylon --> !-- Navigation --> div class data-astro-cid-psjfeutw>div classw-full bg-gradient-to-b from-gray-900 via-gray-900/90 to-gray-900/0 fixed top-0 left-0 right-0 h-header-mobile-height md:h-header-tablet-height xl:h-header-height z-100 flex justify-center p-6 pb-0 md:px-12 xl:px-6 @media(min-width:2560px):px-0 data-astro-cid-psjfeutw>nav idnavbar classw-full xl:max-w-1790px data-astro-cid-psjfeutw>div classw-full flex justify-between items-center relative h-navbar-mobile-height md:h-navbar-tablet-height xl:h-navbar-height data-astro-cid-psjfeutw>!-- Logo Section -->div classtext-left pr-3 data-astro-cid-psjfeutw>style>astro-island,astro-slot,astro-static-slot{display:contents}/style>script typed4753b8115dc48e134bdc224-text/javascript>(()>{var easync t>{await(await t())()};(self.Astro||(self.Astro{})).loade;window.dispatchEvent(new Event(astro:load));})();/script>script typed4753b8115dc48e134bdc224-text/javascript>(()>{var AObject.defineProperty;var g(i,o,a)>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):ioa;var d(i,o,a)>g(i,typeof o!symbol?o+:o,a);{let i{0:t>m(t),1:t>a(t),2:t>new RegExp(t),3:t>new Date(t),4:t>new Map(a(t)),5:t>new Set(a(t)),6:t>BigInt(t),7:t>new URL(t),8:t>new Uint8Array(t),9:t>new Uint16Array(t),10:t>new Uint32Array(t),11:t>1/0*t},ot>{letl,et;return l in i?il(e):void 0},at>t.map(o),mt>typeof t!object||tnull?t:Object.fromEntries(Object.entries(t).map((l,e)>l,o(e)));class y extends HTMLElement{constructor(){super(...arguments);d(this,Component);d(this,hydrator);d(this,hydrate,async()>{var b;if(!this.hydrator||!this.isConnected)return;let e(bthis.parentElement)null?void 0:b.closest(astro-islandssr);if(e){e.addEventListener(astro:hydrate,this.hydrate,{once:!0});return}let cthis.querySelectorAll(astro-slot),n{},hthis.querySelectorAll(templatedata-astro-template);for(let r of h){let sr.closest(this.tagName);s!null&&s.isSameNode(this)&&(nr.getAttribute(data-astro-template)||defaultr.innerHTML,r.remove())}for(let r of c){let sr.closest(this.tagName);s!null&&s.isSameNode(this)&&(nr.getAttribute(name)||defaultr.innerHTML)}let p;try{pthis.hasAttribute(props)?m(JSON.parse(this.getAttribute(props))):{}}catch(r){let sthis.getAttribute(component-url)||unknown>,vthis.getAttribute(component-export);throw v&&(s+` (export ${v})`),console.error(`hydrate Error parsing props for component ${s}`,this.getAttribute(props),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute(client)}),this.removeAttribute(ssr),this.dispatchEvent(new CustomEvent(astro:hydrate))});d(this,unmount,()>{this.isConnected||this.dispatchEvent(new CustomEvent(astro:unmount))})}disconnectedCallback(){document.removeEventListener(astro:after-swap,this.unmount),document.addEventListener(astro:after-swap,this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute(await-children)||document.readyStateinteractive||document.readyStatecomplete)this.childrenConnectedCallback();else{let e()>{document.removeEventListener(DOMContentLoaded,e),c.disconnect(),this.childrenConnectedCallback()},cnew MutationObserver(()>{var n;((nthis.lastChild)null?void 0:n.nodeType)Node.COMMENT_NODE&&this.lastChild.nodeValueastro:end&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener(DOMContentLoaded,e)}}async childrenConnectedCallback(){let ethis.getAttribute(before-hydration-url);e&&await import(e),this.start()}async start(){let eJSON.parse(this.getAttribute(opts)),cthis.getAttribute(client);if(Astrocvoid 0){window.addEventListener(`astro:${c}`,()>this.start(),{once:!0});return}try{await Astroc(async()>{let nthis.getAttribute(renderer-url),h,{default:p}await Promise.all(import(this.getAttribute(component-url)),n?import(n):()>()>{}),uthis.getAttribute(component-export)||default;if(!u.includes(.))this.Componenthu;else{this.Componenth;for(let f of u.split(.))this.Componentthis.Componentf}return this.hydratorp,this.hydrate},e,this)}catch(n){console.error(`astro-island Error hydrating ${this.getAttribute(component-url)}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,observedAttributes,props),customElements.get(astro-island)||customElements.define(astro-island,y)}})();/script>astro-island uid6puJy prefixr365 component-url/_astro/BrandKitDropdown.Dj1eOdv-.js component-exportdefault renderer-url/_astro/client.DIfvxlH4.js props{"data-astro-cid-psjfeutw":0,true} ssr clientload opts{"name":"BrandKitDropdown","value":true} await-children>link relpreload asimage href/assets/logo.svg/>div classrelative>a href/ classflex items-center group focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-primary-300 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-900 rounded-sm titleSuperwall (right-click for brand kit) aria-labelSuperwall home (right-click for brand kit)>img src/assets/logo.svg altSuperwall classh-4 xl:h-5 transition-opacity group-hover:opacity-80/>/a>/div>!--astro:end-->/astro-island>/div>!-- Desktop Navigation -->div idnavbar-content classhidden xl:block absolute left-1/2 -translate-x-1/2 top-0 data-astro-cid-psjfeutw>div classfont-ui bg-gray-900/70 backdrop-blur-10px border border-white/10 flex items-center h-navbar-height px-2.5 rounded-full overflow-visible data-astro-cid-psjfeutw>div idnav-button-twczltv0v classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 > div classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between sticky xl:static top-0 left-0 bg-gray-800 xl:bg-transparent z-1 pr-34px md:pr-6 xl:pr-0> div classw-full transition-all duration-200 font-bold py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Featuresdiv classnav-menu-mega cursor-default text-shadow-none  data-astro-cid-l5dysisd> !-- Desktop Mega Menu --> div classhidden xl:flex left-1/2 -translate-x-1/2 fixed top-calc(var(--spacing-navbar-height)-8px) pt-25px shadow-xl rounded-xl translate-y-2 group-.menu-open:translate-y-0 group-hover:xl:translate-y-0 transition-all duration-300 nav-menu scale-y-0.95 group-hover:xl:scale-y-100 group-.menu-open:scale-y-100 blur-xs group-hover:xl:blur-none group-.menu-open:blur-none opacity-0 group-hover:xl:opacity-100 group-.menu-open:opacity-100 invisible group-hover:xl:visible group-.menu-open:visible z-50 data-astro-cid-l5dysisd> div classflex max-h-calc(100dvh-7rem) overflow-y-hidden bg-gray-800 border border-gray-400/20 rounded-xl divide-x divide-white/10 w-auto max-w-calc(100dvw-6rem) data-astro-cid-l5dysisd> div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8  data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 width24 height24 style fillcurrentColor class>g fillcurrentColor>  path dM13,10.265V5.013a9.722,9.722,0,0,1,2.6.722l1.342.662,1.327-2.69-1.345-.663A12.4,12.4,0,0,0,13,1.989V0H11V1.983c-3.537.306-5.773,2.3-5.773,5.264,0,3.726,3.174,4.85,5.773,5.577V18.09a15.77,15.77,0,0,1-4.24-.819l-1.411-.509L4.33,19.583l1.411.51A18.577,18.577,0,0,0,11,21.1V24h2V21.087c5.125-.431,5.708-3.776,5.708-5.264C18.708,12.129,15.587,10.993,13,10.265ZM8.227,7.247c0-1.6,1.6-2.1,2.773-2.249V9.69C9.1,9.092,8.227,8.523,8.227,7.247ZM13,18.072V13.4c1.857.591,2.708,1.161,2.708,2.422C15.708,16.382,15.7,17.769,13,18.072Z fillcurrentColor >  /path>/g>/svg>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> Monetization /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self href/features/paywall-editor class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Paywall Editor /p> /a>a target_self href/features/template-gallery class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Template Gallery /p> /a>a target_self href/features/campaigns class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Campaigns /p> /a>a target_self href/features/placements class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Placements /p> /a>a target_self href/features/audience-targeting class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Audiences & Targeting /p> /a>a target_self href/features/ab-testing class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> A/B Testing /p> /a>a target_self href/features/deep-links class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Deep Links /p> /a>a target_self href/features/app-to-web-checkout class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> App to Web Checkout /p> /a>a target_self href/features/web-paywalls class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Web Paywalls /p> /a>a target_self href/features/localization class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Localization /p> /a>a target_self href/features/ai-pricing-demand-score class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> AI Pricing – Demand Score /p> /a> /div> /div> /div>div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8  data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-br-chart-simple styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> Analytics /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self href/features/paywall-analytics class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Paywall Analytics /p> /a>a target_self href/features/conversion-stats class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Conversion Stats /p> /a>a target_self href/features/revenue-tracking class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Revenue Tracking /p> /a>a target_self href/features/subscription-analytics class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Subscription Analytics /p> /a>a target_self href/features/paywall-revenue-attribution class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Paywall Revenue Attribution /p> /a>a target_self href/features/filters-and-breakdowns class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Filters & Breakdowns /p> /a>a target_self href/features/custom-user-properties class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Custom User Properties /p> /a>a target_self href/features/search-ads-attribution class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Search Ads Attribution /p> /a> /div> /div> /div>div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8  data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-rocket-lunch styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> Subscription Management /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self href/features/customers class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Customers /p> /a>a target_self href/features/entitlements-and-products class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Entitlements & Products /p> /a>a target_self href/features/surveys class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Surveys /p> /a>a target_self href/features/free-trial-reminders class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Free Trial Reminders /p> /a>a target_self href/features/refund-protection class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Refund Protection /p> /a> /div> /div> /div> /div> /div> !-- Mobile Menu --> div classblock xl:hidden data-astro-cid-l5dysisd> div classhidden group-.menu-open:flex w-full flex-col gap-y-6 pb-6 divide-y divide-white/10 pt-2 data-astro-cid-l5dysisd> div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 width21.5 height21.5 style fillcurrentColor classtext-brand-primary-350>g fillcurrentColor>  path dM13,10.265V5.013a9.722,9.722,0,0,1,2.6.722l1.342.662,1.327-2.69-1.345-.663A12.4,12.4,0,0,0,13,1.989V0H11V1.983c-3.537.306-5.773,2.3-5.773,5.264,0,3.726,3.174,4.85,5.773,5.577V18.09a15.77,15.77,0,0,1-4.24-.819l-1.411-.509L4.33,19.583l1.411.51A18.577,18.577,0,0,0,11,21.1V24h2V21.087c5.125-.431,5.708-3.776,5.708-5.264C18.708,12.129,15.587,10.993,13,10.265ZM8.227,7.247c0-1.6,1.6-2.1,2.773-2.249V9.69C9.1,9.092,8.227,8.523,8.227,7.247ZM13,18.072V13.4c1.857.591,2.708,1.161,2.708,2.422C15.708,16.382,15.7,17.769,13,18.072Z fillcurrentColor >  /path>/g>/svg>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> Monetization /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self href/features/paywall-editor classflex text-white text-base font-bold items-center justify-between py-3> Paywall Editor /a>a data-mobile-nav-link target_self href/features/template-gallery classflex text-white text-base font-bold items-center justify-between py-3> Template Gallery /a>a data-mobile-nav-link target_self href/features/campaigns classflex text-white text-base font-bold items-center justify-between py-3> Campaigns /a>a data-mobile-nav-link target_self href/features/placements classflex text-white text-base font-bold items-center justify-between py-3> Placements /a>a data-mobile-nav-link target_self href/features/audience-targeting classflex text-white text-base font-bold items-center justify-between py-3> Audiences & Targeting /a>a data-mobile-nav-link target_self href/features/ab-testing classflex text-white text-base font-bold items-center justify-between py-3> A/B Testing /a>a data-mobile-nav-link target_self href/features/deep-links classflex text-white text-base font-bold items-center justify-between py-3> Deep Links /a>a data-mobile-nav-link target_self href/features/app-to-web-checkout classflex text-white text-base font-bold items-center justify-between py-3> App to Web Checkout /a>a data-mobile-nav-link target_self href/features/web-paywalls classflex text-white text-base font-bold items-center justify-between py-3> Web Paywalls /a>a data-mobile-nav-link target_self href/features/localization classflex text-white text-base font-bold items-center justify-between py-3> Localization /a>a data-mobile-nav-link target_self href/features/ai-pricing-demand-score classflex text-white text-base font-bold items-center justify-between py-3> AI Pricing – Demand Score /a> /div> /div> /div>div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-br-chart-simple styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> Analytics /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self href/features/paywall-analytics classflex text-white text-base font-bold items-center justify-between py-3> Paywall Analytics /a>a data-mobile-nav-link target_self href/features/conversion-stats classflex text-white text-base font-bold items-center justify-between py-3> Conversion Stats /a>a data-mobile-nav-link target_self href/features/revenue-tracking classflex text-white text-base font-bold items-center justify-between py-3> Revenue Tracking /a>a data-mobile-nav-link target_self href/features/subscription-analytics classflex text-white text-base font-bold items-center justify-between py-3> Subscription Analytics /a>a data-mobile-nav-link target_self href/features/paywall-revenue-attribution classflex text-white text-base font-bold items-center justify-between py-3> Paywall Revenue Attribution /a>a data-mobile-nav-link target_self href/features/filters-and-breakdowns classflex text-white text-base font-bold items-center justify-between py-3> Filters & Breakdowns /a>a data-mobile-nav-link target_self href/features/custom-user-properties classflex text-white text-base font-bold items-center justify-between py-3> Custom User Properties /a>a data-mobile-nav-link target_self href/features/search-ads-attribution classflex text-white text-base font-bold items-center justify-between py-3> Search Ads Attribution /a> /div> /div> /div>div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-rocket-lunch styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> Subscription Management /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self href/features/customers classflex text-white text-base font-bold items-center justify-between py-3> Customers /a>a data-mobile-nav-link target_self href/features/entitlements-and-products classflex text-white text-base font-bold items-center justify-between py-3> Entitlements & Products /a>a data-mobile-nav-link target_self href/features/surveys classflex text-white text-base font-bold items-center justify-between py-3> Surveys /a>a data-mobile-nav-link target_self href/features/free-trial-reminders classflex text-white text-base font-bold items-center justify-between py-3> Free Trial Reminders /a>a data-mobile-nav-link target_self href/features/refund-protection classflex text-white text-base font-bold items-center justify-between py-3> Refund Protection /a> /div> /div> /div> /div> /div> /div>  /div> svg xmlnshttp://www.w3.org/2000/svg width16 height16 viewBox0 0 16 16 fillcurrentColor class                nav-button-trigger                transition-all duration-200                 size-4 translate-y-1px -mr-0.5                text-brand-primary-300 xl:text-white xl:group-hover:text-brand-primary-300 xl:group-.menu-open:text-brand-primary-300                -rotate-90 xl:rotate-0                group-.menu-open:rotate-0                group-hover:xl:scale--1 group-.menu-open:xl:scale--1              > path dM3.64197 5.69721L8.00248 10.0577L12.3629 5.69721C12.6233 5.43687 13.0454 5.43687 13.3057 5.69721C13.5661 5.95757 13.5661 6.37967 13.3057 6.64002L8.47388 11.4719C8.34881 11.597 8.17928 11.6672 8.00248 11.6672C7.82568 11.6672 7.65608 11.597 7.53108 11.4719L2.69917 6.64002C2.66662 6.60748 2.63815 6.57241 2.61374 6.53544C2.44289 6.27667 2.47136 5.92502 2.69917 5.69721C2.95951 5.43687 3.38163 5.43687 3.64197 5.69721Z fillcurrentColor>/path> /svg> /div>  /div> /div> script typed4753b8115dc48e134bdc224-module>function c(){const tdocument.querySelectorAll(id^nav-button-);t.forEach(e>{const ne.querySelectorAll(.nav-button-trigger),se.querySelector(.nav-menu);s&&(n.forEach(o>{o.addEventListener(click,i>{i.preventDefault(),i.stopPropagation(),t.forEach(r>{r!e&&(r.classList.remove(menu-open),r.classList.remove(compressed))}),e.classList.toggle(menu-open),e.scrollIntoView({behavior:smooth,block:start,inline:start})})}),e.addEventListener(mouseleave,()>{if(window.innerWidth>1280){e.classList.remove(menu-open),t.forEach(i>{i.classList.remove(compressed)});const odocument.getElementById(mobile-menu);o&&o.classList.remove(overflow-y-auto,overflow-x-hidden)}}),s.addEventListener(click,o>{o.stopPropagation()}))}),document.addEventListener(click,e>{if(!e.target.closest(id^nav-button-)){t.forEach(o>{o.classList.remove(menu-open),o.classList.remove(compressed)});const sdocument.getElementById(mobile-menu);s&&s.classList.remove(overflow-y-auto,overflow-x-hidden)}}),document.addEventListener(keydown,e>{if(e.keyEscape){t.forEach(s>{s.classList.remove(menu-open),s.classList.remove(compressed)});const ndocument.getElementById(mobile-menu);n&&n.classList.remove(overflow-y-auto,overflow-x-hidden)}})}document.readyStateloading?document.addEventListener(DOMContentLoaded,c):c();/script>div idnav-button-e2q42sm4e classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 > div classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between sticky xl:static top-0 left-0 bg-gray-800 xl:bg-transparent z-1 pr-34px md:pr-6 xl:pr-0> div classw-full transition-all duration-200 font-bold py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Solutionsdiv classnav-menu-mega cursor-default text-shadow-none  data-astro-cid-l5dysisd> !-- Desktop Mega Menu --> div classhidden xl:flex left-1/2 -translate-x-1/2 absolute top-42px pt-6 shadow-xl rounded-xl translate-y-2 group-.menu-open:translate-y-0 group-hover:xl:translate-y-0 transition-all duration-300 nav-menu scale-y-0.95 group-hover:xl:scale-y-100 group-.menu-open:scale-y-100 blur-xs group-hover:xl:blur-none group-.menu-open:blur-none opacity-0 group-hover:xl:opacity-100 group-.menu-open:opacity-100 invisible group-hover:xl:visible group-.menu-open:visible z-50 data-astro-cid-l5dysisd> div classflex max-h-calc(100dvh-7rem) overflow-y-hidden bg-gray-800 border border-gray-400/20 rounded-xl divide-x divide-white/10 w-auto min-w-max data-astro-cid-l5dysisd> div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8 min-w-60 data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-team-check-alt styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> By Teams /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self href/solutions/by-team/product-managers class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Product Managers /p> /a>a target_self href/solutions/by-team/engineers class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Engineers /p> /a>a target_self href/solutions/by-team/marketers class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Marketers /p> /a>a target_self href/solutions/by-team/data-teams class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Data Teams /p> /a>a target_self href/solutions/by-team/support-teams class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Support Teams /p> /a>a target_self href/solutions/by-team/app-studios class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> App Studios /p> /a>a target_self href/solutions/by-team/agencies class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Agencies /p> /a> /div> /div> /div>div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8 min-w-60 data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-rocket-lunch styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> By Stage /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self href/solutions/by-stage/indies class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Indies /p> /a>a target_self href/solutions/by-stage/start-ups class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Startups /p> /a>a target_self href/solutions/by-stage/enterprise class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Enterprise /p> /a>a target_self href/solutions/by-stage/new-apps class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> New Apps /p> /a>a target_self href/solutions/by-stage/existing-apps class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Existing Apps /p> /a> /div> /div> /div> /div> /div> !-- Mobile Menu --> div classblock xl:hidden data-astro-cid-l5dysisd> div classhidden group-.menu-open:flex w-full flex-col gap-y-6 pb-6 divide-y divide-white/10 pt-2 data-astro-cid-l5dysisd> div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-team-check-alt styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> By Teams /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self href/solutions/by-team/product-managers classflex text-white text-base font-bold items-center justify-between py-3> Product Managers /a>a data-mobile-nav-link target_self href/solutions/by-team/engineers classflex text-white text-base font-bold items-center justify-between py-3> Engineers /a>a data-mobile-nav-link target_self href/solutions/by-team/marketers classflex text-white text-base font-bold items-center justify-between py-3> Marketers /a>a data-mobile-nav-link target_self href/solutions/by-team/data-teams classflex text-white text-base font-bold items-center justify-between py-3> Data Teams /a>a data-mobile-nav-link target_self href/solutions/by-team/support-teams classflex text-white text-base font-bold items-center justify-between py-3> Support Teams /a>a data-mobile-nav-link target_self href/solutions/by-team/app-studios classflex text-white text-base font-bold items-center justify-between py-3> App Studios /a>a data-mobile-nav-link target_self href/solutions/by-team/agencies classflex text-white text-base font-bold items-center justify-between py-3> Agencies /a> /div> /div> /div>div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-rocket-lunch styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> By Stage /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self href/solutions/by-stage/indies classflex text-white text-base font-bold items-center justify-between py-3> Indies /a>a data-mobile-nav-link target_self href/solutions/by-stage/start-ups classflex text-white text-base font-bold items-center justify-between py-3> Startups /a>a data-mobile-nav-link target_self href/solutions/by-stage/enterprise classflex text-white text-base font-bold items-center justify-between py-3> Enterprise /a>a data-mobile-nav-link target_self href/solutions/by-stage/new-apps classflex text-white text-base font-bold items-center justify-between py-3> New Apps /a>a data-mobile-nav-link target_self href/solutions/by-stage/existing-apps classflex text-white text-base font-bold items-center justify-between py-3> Existing Apps /a> /div> /div> /div> /div> /div> /div>  /div> svg xmlnshttp://www.w3.org/2000/svg width16 height16 viewBox0 0 16 16 fillcurrentColor class                nav-button-trigger                transition-all duration-200                 size-4 translate-y-1px -mr-0.5                text-brand-primary-300 xl:text-white xl:group-hover:text-brand-primary-300 xl:group-.menu-open:text-brand-primary-300                -rotate-90 xl:rotate-0                group-.menu-open:rotate-0                group-hover:xl:scale--1 group-.menu-open:xl:scale--1              > path dM3.64197 5.69721L8.00248 10.0577L12.3629 5.69721C12.6233 5.43687 13.0454 5.43687 13.3057 5.69721C13.5661 5.95757 13.5661 6.37967 13.3057 6.64002L8.47388 11.4719C8.34881 11.597 8.17928 11.6672 8.00248 11.6672C7.82568 11.6672 7.65608 11.597 7.53108 11.4719L2.69917 6.64002C2.66662 6.60748 2.63815 6.57241 2.61374 6.53544C2.44289 6.27667 2.47136 5.92502 2.69917 5.69721C2.95951 5.43687 3.38163 5.43687 3.64197 5.69721Z fillcurrentColor>/path> /svg> /div>  /div> /div> div idnav-button-ztb9339fc classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 > a hrefhttps://www.paywallscreens.com/ classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between pr-34px md:pr-6 xl:pr-0> div classw-full transition-all font-bold duration-200 py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Inspiration /div>  /div> /a> /div> div idnav-button-f3sa97pkh classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 > div classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between sticky xl:static top-0 left-0 bg-gray-800 xl:bg-transparent z-1 pr-34px md:pr-6 xl:pr-0> div classw-full transition-all duration-200 font-bold py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Docsdiv classnav-menu-mega cursor-default text-shadow-none  data-astro-cid-l5dysisd> !-- Desktop Mega Menu --> div classhidden xl:flex left-1/2 -translate-x-1/2 absolute top-42px pt-6 shadow-xl rounded-xl translate-y-2 group-.menu-open:translate-y-0 group-hover:xl:translate-y-0 transition-all duration-300 nav-menu scale-y-0.95 group-hover:xl:scale-y-100 group-.menu-open:scale-y-100 blur-xs group-hover:xl:blur-none group-.menu-open:blur-none opacity-0 group-hover:xl:opacity-100 group-.menu-open:opacity-100 invisible group-hover:xl:visible group-.menu-open:visible z-50 data-astro-cid-l5dysisd> div classflex max-h-calc(100dvh-7rem) overflow-y-hidden bg-gray-800 border border-gray-400/20 rounded-xl divide-x divide-white/10 w-auto min-w-max data-astro-cid-l5dysisd> div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8 min-w-60 data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-document styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> Documentation /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_blank hrefhttps://superwall.com/docs/home class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Documentation /p> /a>a target_blank hrefhttps://superwall.com/docs/sdk/sdk-reference class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> SDK Reference /p> /a> /div> /div> /div>div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8 min-w-60 data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-laptop-code styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> SDKs /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self hrefhttps://superwall.com/docs/ios class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> iOS /p> /a>a target_self hrefhttps://superwall.com/docs/android class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Android /p> /a>a target_blank hrefhttps://superwall.com/docs/flutter class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Flutter /p> /a>a target_blank hrefhttps://superwall.com/docs/expo class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Expo /p> /a> /div> /div> /div> /div> /div> !-- Mobile Menu --> div classblock xl:hidden data-astro-cid-l5dysisd> div classhidden group-.menu-open:flex w-full flex-col gap-y-6 pb-6 divide-y divide-white/10 pt-2 data-astro-cid-l5dysisd> div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-document styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> Documentation /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_blank relnoopener noreferrer hrefhttps://superwall.com/docs/home classflex text-white text-base font-bold items-center justify-between py-3> Documentation /a>a data-mobile-nav-link target_blank relnoopener noreferrer hrefhttps://superwall.com/docs/sdk/sdk-reference classflex text-white text-base font-bold items-center justify-between py-3> SDK Reference /a> /div> /div> /div>div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-laptop-code styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> SDKs /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self hrefhttps://superwall.com/docs/ios classflex text-white text-base font-bold items-center justify-between py-3> iOS /a>a data-mobile-nav-link target_self hrefhttps://superwall.com/docs/android classflex text-white text-base font-bold items-center justify-between py-3> Android /a>a data-mobile-nav-link target_blank relnoopener noreferrer hrefhttps://superwall.com/docs/flutter classflex text-white text-base font-bold items-center justify-between py-3> Flutter /a>a data-mobile-nav-link target_blank relnoopener noreferrer hrefhttps://superwall.com/docs/expo classflex text-white text-base font-bold items-center justify-between py-3> Expo /a> /div> /div> /div> /div> /div> /div>  /div> svg xmlnshttp://www.w3.org/2000/svg width16 height16 viewBox0 0 16 16 fillcurrentColor class                nav-button-trigger                transition-all duration-200                 size-4 translate-y-1px -mr-0.5                text-brand-primary-300 xl:text-white xl:group-hover:text-brand-primary-300 xl:group-.menu-open:text-brand-primary-300                -rotate-90 xl:rotate-0                group-.menu-open:rotate-0                group-hover:xl:scale--1 group-.menu-open:xl:scale--1              > path dM3.64197 5.69721L8.00248 10.0577L12.3629 5.69721C12.6233 5.43687 13.0454 5.43687 13.3057 5.69721C13.5661 5.95757 13.5661 6.37967 13.3057 6.64002L8.47388 11.4719C8.34881 11.597 8.17928 11.6672 8.00248 11.6672C7.82568 11.6672 7.65608 11.597 7.53108 11.4719L2.69917 6.64002C2.66662 6.60748 2.63815 6.57241 2.61374 6.53544C2.44289 6.27667 2.47136 5.92502 2.69917 5.69721C2.95951 5.43687 3.38163 5.43687 3.64197 5.69721Z fillcurrentColor>/path> /svg> /div>  /div> /div> div idnav-button-76p0gzlk6 classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 > div classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between sticky xl:static top-0 left-0 bg-gray-800 xl:bg-transparent z-1 pr-34px md:pr-6 xl:pr-0> div classw-full transition-all duration-200 font-bold py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Learndiv classnav-menu-mega cursor-default text-shadow-none  data-astro-cid-l5dysisd> !-- Desktop Mega Menu --> div classhidden xl:flex left-1/2 -translate-x-1/2 absolute top-42px pt-6 shadow-xl rounded-xl translate-y-2 group-.menu-open:translate-y-0 group-hover:xl:translate-y-0 transition-all duration-300 nav-menu scale-y-0.95 group-hover:xl:scale-y-100 group-.menu-open:scale-y-100 blur-xs group-hover:xl:blur-none group-.menu-open:blur-none opacity-0 group-hover:xl:opacity-100 group-.menu-open:opacity-100 invisible group-hover:xl:visible group-.menu-open:visible z-50 data-astro-cid-l5dysisd> div classflex max-h-calc(100dvh-7rem) overflow-y-hidden bg-gray-800 border border-gray-400/20 rounded-xl divide-x divide-white/10 w-auto min-w-max data-astro-cid-l5dysisd> div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8 min-w-60 data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-plant-growth styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> Learn & Grow /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self hrefhttps://superwall.com/docs class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Documentation /p> /a>a target_blank hrefhttps://www.youtube.com/channel/UCWWlrm9Y5ZjYzfi_H0caBhw class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Tutorials /p> /a>a target_self hrefhttps://superwall.com/blog class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Blog /p> /a> /div> /div> /div> /div> /div> !-- Mobile Menu --> div classblock xl:hidden data-astro-cid-l5dysisd> div classhidden group-.menu-open:flex w-full flex-col gap-y-6 pb-6 divide-y divide-white/10 pt-2 data-astro-cid-l5dysisd> div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-plant-growth styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> Learn & Grow /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self hrefhttps://superwall.com/docs classflex text-white text-base font-bold items-center justify-between py-3> Documentation /a>a data-mobile-nav-link target_blank relnoopener noreferrer hrefhttps://www.youtube.com/channel/UCWWlrm9Y5ZjYzfi_H0caBhw classflex text-white text-base font-bold items-center justify-between py-3> Tutorials /a>a data-mobile-nav-link target_self hrefhttps://superwall.com/blog classflex text-white text-base font-bold items-center justify-between py-3> Blog /a> /div> /div> /div> /div> /div> /div>  /div> svg xmlnshttp://www.w3.org/2000/svg width16 height16 viewBox0 0 16 16 fillcurrentColor class                nav-button-trigger                transition-all duration-200                 size-4 translate-y-1px -mr-0.5                text-brand-primary-300 xl:text-white xl:group-hover:text-brand-primary-300 xl:group-.menu-open:text-brand-primary-300                -rotate-90 xl:rotate-0                group-.menu-open:rotate-0                group-hover:xl:scale--1 group-.menu-open:xl:scale--1              > path dM3.64197 5.69721L8.00248 10.0577L12.3629 5.69721C12.6233 5.43687 13.0454 5.43687 13.3057 5.69721C13.5661 5.95757 13.5661 6.37967 13.3057 6.64002L8.47388 11.4719C8.34881 11.597 8.17928 11.6672 8.00248 11.6672C7.82568 11.6672 7.65608 11.597 7.53108 11.4719L2.69917 6.64002C2.66662 6.60748 2.63815 6.57241 2.61374 6.53544C2.44289 6.27667 2.47136 5.92502 2.69917 5.69721C2.95951 5.43687 3.38163 5.43687 3.64197 5.69721Z fillcurrentColor>/path> /svg> /div>  /div> /div> div idnav-button-i8jnv1l7h classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 > a href/pricing classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between pr-34px md:pr-6 xl:pr-0> div classw-full transition-all font-bold duration-200 py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Pricing /div>  /div> /a> /div> /div>/div>!-- Auth Buttons & Mobile Menu Toggle -->div classflex flex-row items-center justify-end xl:gap-2 xl:min-w-36 @media(min-width:2560px):min-w-267px data-astro-cid-psjfeutw>div idauth-buttons classflex flex-row items-center justify-end gap-1.5 md:gap-3 md:mr-1.5 xl:mr-0 data-astro-cid-psjfeutw>div idget-a-demo-button classauth-btn hidden md:flex data-astro-cid-psjfeutw>a href/contact/book-a-demo classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale !px-0 text-brand-primary-300 hover:text-brand-primary-200 px-4 md:px-5 py-2 lg:py-2.5 text-base !pl-0 !md:pr-3 !py-3 text-base font-bold origin-center aria-labelContact Sales>div classflex items-center gap-0 false>span classhidden md:block xl:hidden @media(min-width:1380px):block data-astro-cid-psjfeutw>Contact Sales/span>span classhidden xl:block @media(min-width:1380px):hidden data-astro-cid-psjfeutw>Sales/span>/div>/a>/div>div idlogin-button classauth-btn data-astro-cid-psjfeutw>a href/api/auth/login classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-#0E1624/20 border-1px border-white/10 text-brand-primary-200 active:text-brand-primary-200/70 rounded-full px-4 md:px-5 py-2 lg:py-2.5 text-base !py-1 !px-4 md:!py-2 text-base font-bold backdrop-blur-10px max-h-navbar-mobile-height md:max-h-navbar-tablet-height xl:max-h-none origin-center aria-labelLog in>div classflex items-center gap-0 false>Log in/div>/a>/div>div idget-a-demo-button-2 classauth-btn md:hidden data-astro-cid-psjfeutw>a href/contact/book-a-demo classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-300 text-black border-1px border-brand-primary-300 active:text-black/70 rounded-full px-4 md:px-5 py-2 lg:py-2.5 text-base !py-1 !px-4 md:!py-2 text-base font-bold max-h-navbar-mobile-height md:max-h-navbar-tablet-height xl:max-h-none origin-center aria-labelSales>div classflex items-center gap-0 false>Sales/div>/a>/div>div idsignup-button classauth-btn hidden md:flex data-astro-cid-psjfeutw>a href/api/auth/signup classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-300 text-black border-1px border-brand-primary-300 active:text-black/70 rounded-full px-4 md:px-5 py-2 lg:py-2.5 text-base !py-1 !px-4 md:!py-2 text-base font-bold max-h-navbar-mobile-height md:max-h-navbar-tablet-height xl:max-h-none origin-center aria-labelSign Up>div classflex items-center gap-0 false>Sign Up/div>/a>/div>div iddashboard-button classauth-btn data-astro-cid-psjfeutw>a href/dashboard classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-300 text-black border-1px border-brand-primary-300 active:text-black/70 rounded-full px-4 md:px-5 py-2 lg:py-2.5 text-base !py-3 !px-4 text-base font-bold max-h-navbar-mobile-height md:max-h-navbar-tablet-height xl:max-h-none origin-center aria-labelDashboard>div classflex items-center gap-0 false>Dashboard/div>/a>/div>/div>button aria-labelToggle navigation menu classgrid xl:hidden md:min-w-42px !rounded-none menu-button group/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backrounded-fullwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale!px-0 text-brand-primary-300 hover:text-brand-primary-200  idmenu-toggle data-astro-cid-qe6hrpaw> div idhamburger-toggle classhamburger-menu md:backdrop-blur-10px transition-all duration-200 ease-in-out rounded-full md:border md:border-white/10 -mr-3 md:-ml-0 size-42px p-2.5 py-3.5 data-astro-cid-qe6hrpaw> span classhamburger-line rounded-full transition-all duration-200 ease-in-out origin-center data-astro-cid-qe6hrpaw>/span> span classhamburger-line rounded-full transition-all duration-200 ease-in-out origin-center data-astro-cid-qe6hrpaw>/span> span classhamburger-line rounded-full transition-all duration-200 ease-in-out origin-center data-astro-cid-qe6hrpaw>/span> /div> /button> /div>/div>/nav>/div>div idmobile-menu classclosed xl:hidden duration-600 bg-gray-800 md:bg-black/40 fixed top-0 left-0 bottom-0 right-0 origin-bottom z-100 md:pb-10 overscroll-contain data-astro-cid-psjfeutw>div classorigin-top-right h-full md:h-auto transition-all duration-600 ease-out-back-soft data-astro-cid-psjfeutw>div idmobile-menu-content classrelative h-full md:h-auto font-ui bg-gray-800 md:border md:border-gray-400/20 md:shadow-xl flex flex-col items-stretch md:mt-calc(var(--spacing-header-tablet-height)+24px) md:max-h-calc(100dvh-(var(--spacing-header-tablet-height)+48px)) pl-6 py-6 md:p-0 md:mx-12 z-50 md:rounded-20px data-astro-cid-psjfeutw>div classmd:hidden text-left w-full flex items-center justify-between mb-4 pr-6 data-astro-cid-psjfeutw>a href/ class data-astro-cid-psjfeutw>div classflex flex-row items-start> img src/assets/logo.svg altSuperwall classh-4 block xl:hidden>   /div>/a>button idclose-menu-btn classhover:scale-105 transition-transform cursor-pointer aria-labelClose mobile menu data-astro-cid-psjfeutw>div style classflex items-center justify-center  w-8 h-8 max-w-8 max-h-8 size-8 p-0 !rounded-full> div classborder border-white/10 rounded-full grid place-content-center size-full text-brand-primary-300 data-astro-cid-psjfeutw>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 16 16 width16 height16 style fillcurrentColor class>g fillcurrentColor>  path fillcurrentColor dM14.7,1.3c-0.4-0.4-1-0.4-1.4,0L8,6.6L2.7,1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4L6.6,8l-5.3,5.3 c-0.4,0.4-0.4,1,0,1.4C1.5,14.9,1.7,15,2,15s0.5-0.1,0.7-0.3L8,9.4l5.3,5.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L9.4,8l5.3-5.3C15.1,2.3,15.1,1.7,14.7,1.3z >  /path>/g>/svg>/div> /div>/button>/div>div idmobile-menu-content-list classrelative flex flex-col overflow-y-auto overflow-x-hidden divide-y divide-white/10 md:mb-0 md:rounded-20px data-astro-cid-psjfeutw>div idnav-button-ai49wfd10 classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 last:border-b last:border-white/10 md:last:border-b-0> div classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between sticky xl:static top-0 left-0 bg-gray-800 xl:bg-transparent z-1 pr-34px md:pr-6 xl:pr-0> div classw-full transition-all duration-200 font-bold py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Features /div> svg xmlnshttp://www.w3.org/2000/svg width16 height16 viewBox0 0 16 16 fillcurrentColor class                nav-button-trigger                transition-all duration-200                 size-4 translate-y-1px -mr-0.5                text-brand-primary-300 xl:text-white xl:group-hover:text-brand-primary-300 xl:group-.menu-open:text-brand-primary-300                -rotate-90 xl:rotate-0                group-.menu-open:rotate-0                group-hover:xl:scale--1 group-.menu-open:xl:scale--1              > path dM3.64197 5.69721L8.00248 10.0577L12.3629 5.69721C12.6233 5.43687 13.0454 5.43687 13.3057 5.69721C13.5661 5.95757 13.5661 6.37967 13.3057 6.64002L8.47388 11.4719C8.34881 11.597 8.17928 11.6672 8.00248 11.6672C7.82568 11.6672 7.65608 11.597 7.53108 11.4719L2.69917 6.64002C2.66662 6.60748 2.63815 6.57241 2.61374 6.53544C2.44289 6.27667 2.47136 5.92502 2.69917 5.69721C2.95951 5.43687 3.38163 5.43687 3.64197 5.69721Z fillcurrentColor>/path> /svg> /div> div classnav-menu-mega cursor-default text-shadow-none  data-astro-cid-l5dysisd> !-- Desktop Mega Menu --> div classhidden xl:flex left-1/2 -translate-x-1/2 fixed top-calc(var(--spacing-navbar-height)-8px) pt-25px shadow-xl rounded-xl translate-y-2 group-.menu-open:translate-y-0 group-hover:xl:translate-y-0 transition-all duration-300 nav-menu scale-y-0.95 group-hover:xl:scale-y-100 group-.menu-open:scale-y-100 blur-xs group-hover:xl:blur-none group-.menu-open:blur-none opacity-0 group-hover:xl:opacity-100 group-.menu-open:opacity-100 invisible group-hover:xl:visible group-.menu-open:visible z-50 data-astro-cid-l5dysisd> div classflex max-h-calc(100dvh-7rem) overflow-y-hidden bg-gray-800 border border-gray-400/20 rounded-xl divide-x divide-white/10 w-auto max-w-calc(100dvw-6rem) data-astro-cid-l5dysisd> div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8  data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 width24 height24 style fillcurrentColor class>g fillcurrentColor>  path dM13,10.265V5.013a9.722,9.722,0,0,1,2.6.722l1.342.662,1.327-2.69-1.345-.663A12.4,12.4,0,0,0,13,1.989V0H11V1.983c-3.537.306-5.773,2.3-5.773,5.264,0,3.726,3.174,4.85,5.773,5.577V18.09a15.77,15.77,0,0,1-4.24-.819l-1.411-.509L4.33,19.583l1.411.51A18.577,18.577,0,0,0,11,21.1V24h2V21.087c5.125-.431,5.708-3.776,5.708-5.264C18.708,12.129,15.587,10.993,13,10.265ZM8.227,7.247c0-1.6,1.6-2.1,2.773-2.249V9.69C9.1,9.092,8.227,8.523,8.227,7.247ZM13,18.072V13.4c1.857.591,2.708,1.161,2.708,2.422C15.708,16.382,15.7,17.769,13,18.072Z fillcurrentColor >  /path>/g>/svg>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> Monetization /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self href/features/paywall-editor class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Paywall Editor /p> /a>a target_self href/features/template-gallery class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Template Gallery /p> /a>a target_self href/features/campaigns class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Campaigns /p> /a>a target_self href/features/placements class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Placements /p> /a>a target_self href/features/audience-targeting class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Audiences & Targeting /p> /a>a target_self href/features/ab-testing class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> A/B Testing /p> /a>a target_self href/features/deep-links class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Deep Links /p> /a>a target_self href/features/app-to-web-checkout class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> App to Web Checkout /p> /a>a target_self href/features/web-paywalls class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Web Paywalls /p> /a>a target_self href/features/localization class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Localization /p> /a>a target_self href/features/ai-pricing-demand-score class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> AI Pricing – Demand Score /p> /a> /div> /div> /div>div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8  data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-br-chart-simple styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> Analytics /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self href/features/paywall-analytics class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Paywall Analytics /p> /a>a target_self href/features/conversion-stats class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Conversion Stats /p> /a>a target_self href/features/revenue-tracking class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Revenue Tracking /p> /a>a target_self href/features/subscription-analytics class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Subscription Analytics /p> /a>a target_self href/features/paywall-revenue-attribution class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Paywall Revenue Attribution /p> /a>a target_self href/features/filters-and-breakdowns class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Filters & Breakdowns /p> /a>a target_self href/features/custom-user-properties class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Custom User Properties /p> /a>a target_self href/features/search-ads-attribution class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Search Ads Attribution /p> /a> /div> /div> /div>div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8  data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-rocket-lunch styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> Subscription Management /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self href/features/customers class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Customers /p> /a>a target_self href/features/entitlements-and-products class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Entitlements & Products /p> /a>a target_self href/features/surveys class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Surveys /p> /a>a target_self href/features/free-trial-reminders class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Free Trial Reminders /p> /a>a target_self href/features/refund-protection class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Refund Protection /p> /a> /div> /div> /div> /div> /div> !-- Mobile Menu --> div classblock xl:hidden data-astro-cid-l5dysisd> div classhidden group-.menu-open:flex w-full flex-col gap-y-6 pb-6 divide-y divide-white/10 pt-2 data-astro-cid-l5dysisd> div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 width21.5 height21.5 style fillcurrentColor classtext-brand-primary-350>g fillcurrentColor>  path dM13,10.265V5.013a9.722,9.722,0,0,1,2.6.722l1.342.662,1.327-2.69-1.345-.663A12.4,12.4,0,0,0,13,1.989V0H11V1.983c-3.537.306-5.773,2.3-5.773,5.264,0,3.726,3.174,4.85,5.773,5.577V18.09a15.77,15.77,0,0,1-4.24-.819l-1.411-.509L4.33,19.583l1.411.51A18.577,18.577,0,0,0,11,21.1V24h2V21.087c5.125-.431,5.708-3.776,5.708-5.264C18.708,12.129,15.587,10.993,13,10.265ZM8.227,7.247c0-1.6,1.6-2.1,2.773-2.249V9.69C9.1,9.092,8.227,8.523,8.227,7.247ZM13,18.072V13.4c1.857.591,2.708,1.161,2.708,2.422C15.708,16.382,15.7,17.769,13,18.072Z fillcurrentColor >  /path>/g>/svg>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> Monetization /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self href/features/paywall-editor classflex text-white text-base font-bold items-center justify-between py-3> Paywall Editor /a>a data-mobile-nav-link target_self href/features/template-gallery classflex text-white text-base font-bold items-center justify-between py-3> Template Gallery /a>a data-mobile-nav-link target_self href/features/campaigns classflex text-white text-base font-bold items-center justify-between py-3> Campaigns /a>a data-mobile-nav-link target_self href/features/placements classflex text-white text-base font-bold items-center justify-between py-3> Placements /a>a data-mobile-nav-link target_self href/features/audience-targeting classflex text-white text-base font-bold items-center justify-between py-3> Audiences & Targeting /a>a data-mobile-nav-link target_self href/features/ab-testing classflex text-white text-base font-bold items-center justify-between py-3> A/B Testing /a>a data-mobile-nav-link target_self href/features/deep-links classflex text-white text-base font-bold items-center justify-between py-3> Deep Links /a>a data-mobile-nav-link target_self href/features/app-to-web-checkout classflex text-white text-base font-bold items-center justify-between py-3> App to Web Checkout /a>a data-mobile-nav-link target_self href/features/web-paywalls classflex text-white text-base font-bold items-center justify-between py-3> Web Paywalls /a>a data-mobile-nav-link target_self href/features/localization classflex text-white text-base font-bold items-center justify-between py-3> Localization /a>a data-mobile-nav-link target_self href/features/ai-pricing-demand-score classflex text-white text-base font-bold items-center justify-between py-3> AI Pricing – Demand Score /a> /div> /div> /div>div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-br-chart-simple styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> Analytics /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self href/features/paywall-analytics classflex text-white text-base font-bold items-center justify-between py-3> Paywall Analytics /a>a data-mobile-nav-link target_self href/features/conversion-stats classflex text-white text-base font-bold items-center justify-between py-3> Conversion Stats /a>a data-mobile-nav-link target_self href/features/revenue-tracking classflex text-white text-base font-bold items-center justify-between py-3> Revenue Tracking /a>a data-mobile-nav-link target_self href/features/subscription-analytics classflex text-white text-base font-bold items-center justify-between py-3> Subscription Analytics /a>a data-mobile-nav-link target_self href/features/paywall-revenue-attribution classflex text-white text-base font-bold items-center justify-between py-3> Paywall Revenue Attribution /a>a data-mobile-nav-link target_self href/features/filters-and-breakdowns classflex text-white text-base font-bold items-center justify-between py-3> Filters & Breakdowns /a>a data-mobile-nav-link target_self href/features/custom-user-properties classflex text-white text-base font-bold items-center justify-between py-3> Custom User Properties /a>a data-mobile-nav-link target_self href/features/search-ads-attribution classflex text-white text-base font-bold items-center justify-between py-3> Search Ads Attribution /a> /div> /div> /div>div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-rocket-lunch styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> Subscription Management /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self href/features/customers classflex text-white text-base font-bold items-center justify-between py-3> Customers /a>a data-mobile-nav-link target_self href/features/entitlements-and-products classflex text-white text-base font-bold items-center justify-between py-3> Entitlements & Products /a>a data-mobile-nav-link target_self href/features/surveys classflex text-white text-base font-bold items-center justify-between py-3> Surveys /a>a data-mobile-nav-link target_self href/features/free-trial-reminders classflex text-white text-base font-bold items-center justify-between py-3> Free Trial Reminders /a>a data-mobile-nav-link target_self href/features/refund-protection classflex text-white text-base font-bold items-center justify-between py-3> Refund Protection /a> /div> /div> /div> /div> /div> /div>  /div> /div> div idnav-button-3iini0znn classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 last:border-b last:border-white/10 md:last:border-b-0> div classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between sticky xl:static top-0 left-0 bg-gray-800 xl:bg-transparent z-1 pr-34px md:pr-6 xl:pr-0> div classw-full transition-all duration-200 font-bold py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Solutions /div> svg xmlnshttp://www.w3.org/2000/svg width16 height16 viewBox0 0 16 16 fillcurrentColor class                nav-button-trigger                transition-all duration-200                 size-4 translate-y-1px -mr-0.5                text-brand-primary-300 xl:text-white xl:group-hover:text-brand-primary-300 xl:group-.menu-open:text-brand-primary-300                -rotate-90 xl:rotate-0                group-.menu-open:rotate-0                group-hover:xl:scale--1 group-.menu-open:xl:scale--1              > path dM3.64197 5.69721L8.00248 10.0577L12.3629 5.69721C12.6233 5.43687 13.0454 5.43687 13.3057 5.69721C13.5661 5.95757 13.5661 6.37967 13.3057 6.64002L8.47388 11.4719C8.34881 11.597 8.17928 11.6672 8.00248 11.6672C7.82568 11.6672 7.65608 11.597 7.53108 11.4719L2.69917 6.64002C2.66662 6.60748 2.63815 6.57241 2.61374 6.53544C2.44289 6.27667 2.47136 5.92502 2.69917 5.69721C2.95951 5.43687 3.38163 5.43687 3.64197 5.69721Z fillcurrentColor>/path> /svg> /div> div classnav-menu-mega cursor-default text-shadow-none  data-astro-cid-l5dysisd> !-- Desktop Mega Menu --> div classhidden xl:flex left-1/2 -translate-x-1/2 absolute top-42px pt-6 shadow-xl rounded-xl translate-y-2 group-.menu-open:translate-y-0 group-hover:xl:translate-y-0 transition-all duration-300 nav-menu scale-y-0.95 group-hover:xl:scale-y-100 group-.menu-open:scale-y-100 blur-xs group-hover:xl:blur-none group-.menu-open:blur-none opacity-0 group-hover:xl:opacity-100 group-.menu-open:opacity-100 invisible group-hover:xl:visible group-.menu-open:visible z-50 data-astro-cid-l5dysisd> div classflex max-h-calc(100dvh-7rem) overflow-y-hidden bg-gray-800 border border-gray-400/20 rounded-xl divide-x divide-white/10 w-auto min-w-max data-astro-cid-l5dysisd> div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8 min-w-60 data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-team-check-alt styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> By Teams /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self href/solutions/by-team/product-managers class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Product Managers /p> /a>a target_self href/solutions/by-team/engineers class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Engineers /p> /a>a target_self href/solutions/by-team/marketers class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Marketers /p> /a>a target_self href/solutions/by-team/data-teams class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Data Teams /p> /a>a target_self href/solutions/by-team/support-teams class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Support Teams /p> /a>a target_self href/solutions/by-team/app-studios class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> App Studios /p> /a>a target_self href/solutions/by-team/agencies class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Agencies /p> /a> /div> /div> /div>div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8 min-w-60 data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-rocket-lunch styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> By Stage /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self href/solutions/by-stage/indies class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Indies /p> /a>a target_self href/solutions/by-stage/start-ups class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Startups /p> /a>a target_self href/solutions/by-stage/enterprise class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Enterprise /p> /a>a target_self href/solutions/by-stage/new-apps class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> New Apps /p> /a>a target_self href/solutions/by-stage/existing-apps class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Existing Apps /p> /a> /div> /div> /div> /div> /div> !-- Mobile Menu --> div classblock xl:hidden data-astro-cid-l5dysisd> div classhidden group-.menu-open:flex w-full flex-col gap-y-6 pb-6 divide-y divide-white/10 pt-2 data-astro-cid-l5dysisd> div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-team-check-alt styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> By Teams /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self href/solutions/by-team/product-managers classflex text-white text-base font-bold items-center justify-between py-3> Product Managers /a>a data-mobile-nav-link target_self href/solutions/by-team/engineers classflex text-white text-base font-bold items-center justify-between py-3> Engineers /a>a data-mobile-nav-link target_self href/solutions/by-team/marketers classflex text-white text-base font-bold items-center justify-between py-3> Marketers /a>a data-mobile-nav-link target_self href/solutions/by-team/data-teams classflex text-white text-base font-bold items-center justify-between py-3> Data Teams /a>a data-mobile-nav-link target_self href/solutions/by-team/support-teams classflex text-white text-base font-bold items-center justify-between py-3> Support Teams /a>a data-mobile-nav-link target_self href/solutions/by-team/app-studios classflex text-white text-base font-bold items-center justify-between py-3> App Studios /a>a data-mobile-nav-link target_self href/solutions/by-team/agencies classflex text-white text-base font-bold items-center justify-between py-3> Agencies /a> /div> /div> /div>div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-rocket-lunch styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> By Stage /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self href/solutions/by-stage/indies classflex text-white text-base font-bold items-center justify-between py-3> Indies /a>a data-mobile-nav-link target_self href/solutions/by-stage/start-ups classflex text-white text-base font-bold items-center justify-between py-3> Startups /a>a data-mobile-nav-link target_self href/solutions/by-stage/enterprise classflex text-white text-base font-bold items-center justify-between py-3> Enterprise /a>a data-mobile-nav-link target_self href/solutions/by-stage/new-apps classflex text-white text-base font-bold items-center justify-between py-3> New Apps /a>a data-mobile-nav-link target_self href/solutions/by-stage/existing-apps classflex text-white text-base font-bold items-center justify-between py-3> Existing Apps /a> /div> /div> /div> /div> /div> /div>  /div> /div> div idnav-button-4epa1fh2x classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 last:border-b last:border-white/10 md:last:border-b-0> a hrefhttps://www.paywallscreens.com/ classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between pr-34px md:pr-6 xl:pr-0> div classw-full transition-all font-bold duration-200 py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Inspiration /div> svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 20 20 fillcurrentColor class                xl:hidden                size-4 -mr-0.5                transition-all duration-200                rotate-0 group-hover:rotate-45 group-.menu-open:rotate-45                text-brand-primary-300 xl:text-white xl:group-hover:text-brand-primary-300 xl:group-.menu-open:text-brand-primary-300              > path fill-ruleevenodd dM5.22 14.78a.75.75 0 0 0 1.06 0l7.22-7.22v5.69a.75.75 0 0 0 1.5 0v-7.5a.75.75 0 0 0-.75-.75h-7.5a.75.75 0 0 0 0 1.5h5.69l-7.22 7.22a.75.75 0 0 0 0 1.06Z clip-ruleevenodd>/path> /svg> /div> /a> /div> div idnav-button-gz98zo88f classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 last:border-b last:border-white/10 md:last:border-b-0> div classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between sticky xl:static top-0 left-0 bg-gray-800 xl:bg-transparent z-1 pr-34px md:pr-6 xl:pr-0> div classw-full transition-all duration-200 font-bold py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Docs /div> svg xmlnshttp://www.w3.org/2000/svg width16 height16 viewBox0 0 16 16 fillcurrentColor class                nav-button-trigger                transition-all duration-200                 size-4 translate-y-1px -mr-0.5                text-brand-primary-300 xl:text-white xl:group-hover:text-brand-primary-300 xl:group-.menu-open:text-brand-primary-300                -rotate-90 xl:rotate-0                group-.menu-open:rotate-0                group-hover:xl:scale--1 group-.menu-open:xl:scale--1              > path dM3.64197 5.69721L8.00248 10.0577L12.3629 5.69721C12.6233 5.43687 13.0454 5.43687 13.3057 5.69721C13.5661 5.95757 13.5661 6.37967 13.3057 6.64002L8.47388 11.4719C8.34881 11.597 8.17928 11.6672 8.00248 11.6672C7.82568 11.6672 7.65608 11.597 7.53108 11.4719L2.69917 6.64002C2.66662 6.60748 2.63815 6.57241 2.61374 6.53544C2.44289 6.27667 2.47136 5.92502 2.69917 5.69721C2.95951 5.43687 3.38163 5.43687 3.64197 5.69721Z fillcurrentColor>/path> /svg> /div> div classnav-menu-mega cursor-default text-shadow-none  data-astro-cid-l5dysisd> !-- Desktop Mega Menu --> div classhidden xl:flex left-1/2 -translate-x-1/2 absolute top-42px pt-6 shadow-xl rounded-xl translate-y-2 group-.menu-open:translate-y-0 group-hover:xl:translate-y-0 transition-all duration-300 nav-menu scale-y-0.95 group-hover:xl:scale-y-100 group-.menu-open:scale-y-100 blur-xs group-hover:xl:blur-none group-.menu-open:blur-none opacity-0 group-hover:xl:opacity-100 group-.menu-open:opacity-100 invisible group-hover:xl:visible group-.menu-open:visible z-50 data-astro-cid-l5dysisd> div classflex max-h-calc(100dvh-7rem) overflow-y-hidden bg-gray-800 border border-gray-400/20 rounded-xl divide-x divide-white/10 w-auto min-w-max data-astro-cid-l5dysisd> div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8 min-w-60 data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-document styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> Documentation /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_blank hrefhttps://superwall.com/docs/home class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Documentation /p> /a>a target_blank hrefhttps://superwall.com/docs/sdk/sdk-reference class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> SDK Reference /p> /a> /div> /div> /div>div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8 min-w-60 data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-laptop-code styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> SDKs /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self hrefhttps://superwall.com/docs/ios class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> iOS /p> /a>a target_self hrefhttps://superwall.com/docs/android class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Android /p> /a>a target_blank hrefhttps://superwall.com/docs/flutter class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Flutter /p> /a>a target_blank hrefhttps://superwall.com/docs/expo class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Expo /p> /a> /div> /div> /div> /div> /div> !-- Mobile Menu --> div classblock xl:hidden data-astro-cid-l5dysisd> div classhidden group-.menu-open:flex w-full flex-col gap-y-6 pb-6 divide-y divide-white/10 pt-2 data-astro-cid-l5dysisd> div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-document styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> Documentation /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_blank relnoopener noreferrer hrefhttps://superwall.com/docs/home classflex text-white text-base font-bold items-center justify-between py-3> Documentation /a>a data-mobile-nav-link target_blank relnoopener noreferrer hrefhttps://superwall.com/docs/sdk/sdk-reference classflex text-white text-base font-bold items-center justify-between py-3> SDK Reference /a> /div> /div> /div>div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-laptop-code styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> SDKs /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self hrefhttps://superwall.com/docs/ios classflex text-white text-base font-bold items-center justify-between py-3> iOS /a>a data-mobile-nav-link target_self hrefhttps://superwall.com/docs/android classflex text-white text-base font-bold items-center justify-between py-3> Android /a>a data-mobile-nav-link target_blank relnoopener noreferrer hrefhttps://superwall.com/docs/flutter classflex text-white text-base font-bold items-center justify-between py-3> Flutter /a>a data-mobile-nav-link target_blank relnoopener noreferrer hrefhttps://superwall.com/docs/expo classflex text-white text-base font-bold items-center justify-between py-3> Expo /a> /div> /div> /div> /div> /div> /div>  /div> /div> div idnav-button-yx4lwk7th classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 last:border-b last:border-white/10 md:last:border-b-0> div classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between sticky xl:static top-0 left-0 bg-gray-800 xl:bg-transparent z-1 pr-34px md:pr-6 xl:pr-0> div classw-full transition-all duration-200 font-bold py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Learn /div> svg xmlnshttp://www.w3.org/2000/svg width16 height16 viewBox0 0 16 16 fillcurrentColor class                nav-button-trigger                transition-all duration-200                 size-4 translate-y-1px -mr-0.5                text-brand-primary-300 xl:text-white xl:group-hover:text-brand-primary-300 xl:group-.menu-open:text-brand-primary-300                -rotate-90 xl:rotate-0                group-.menu-open:rotate-0                group-hover:xl:scale--1 group-.menu-open:xl:scale--1              > path dM3.64197 5.69721L8.00248 10.0577L12.3629 5.69721C12.6233 5.43687 13.0454 5.43687 13.3057 5.69721C13.5661 5.95757 13.5661 6.37967 13.3057 6.64002L8.47388 11.4719C8.34881 11.597 8.17928 11.6672 8.00248 11.6672C7.82568 11.6672 7.65608 11.597 7.53108 11.4719L2.69917 6.64002C2.66662 6.60748 2.63815 6.57241 2.61374 6.53544C2.44289 6.27667 2.47136 5.92502 2.69917 5.69721C2.95951 5.43687 3.38163 5.43687 3.64197 5.69721Z fillcurrentColor>/path> /svg> /div> div classnav-menu-mega cursor-default text-shadow-none  data-astro-cid-l5dysisd> !-- Desktop Mega Menu --> div classhidden xl:flex left-1/2 -translate-x-1/2 absolute top-42px pt-6 shadow-xl rounded-xl translate-y-2 group-.menu-open:translate-y-0 group-hover:xl:translate-y-0 transition-all duration-300 nav-menu scale-y-0.95 group-hover:xl:scale-y-100 group-.menu-open:scale-y-100 blur-xs group-hover:xl:blur-none group-.menu-open:blur-none opacity-0 group-hover:xl:opacity-100 group-.menu-open:opacity-100 invisible group-hover:xl:visible group-.menu-open:visible z-50 data-astro-cid-l5dysisd> div classflex max-h-calc(100dvh-7rem) overflow-y-hidden bg-gray-800 border border-gray-400/20 rounded-xl divide-x divide-white/10 w-auto min-w-max data-astro-cid-l5dysisd> div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8 min-w-60 data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-plant-growth styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> Learn & Grow /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self hrefhttps://superwall.com/docs class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Documentation /p> /a>a target_blank hrefhttps://www.youtube.com/channel/UCWWlrm9Y5ZjYzfi_H0caBhw class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Tutorials /p> /a>a target_self hrefhttps://superwall.com/blog class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Blog /p> /a> /div> /div> /div> /div> /div> !-- Mobile Menu --> div classblock xl:hidden data-astro-cid-l5dysisd> div classhidden group-.menu-open:flex w-full flex-col gap-y-6 pb-6 divide-y divide-white/10 pt-2 data-astro-cid-l5dysisd> div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-plant-growth styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> Learn & Grow /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self hrefhttps://superwall.com/docs classflex text-white text-base font-bold items-center justify-between py-3> Documentation /a>a data-mobile-nav-link target_blank relnoopener noreferrer hrefhttps://www.youtube.com/channel/UCWWlrm9Y5ZjYzfi_H0caBhw classflex text-white text-base font-bold items-center justify-between py-3> Tutorials /a>a data-mobile-nav-link target_self hrefhttps://superwall.com/blog classflex text-white text-base font-bold items-center justify-between py-3> Blog /a> /div> /div> /div> /div> /div> /div>  /div> /div> div idnav-button-6rcqge53z classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 last:border-b last:border-white/10 md:last:border-b-0> a href/pricing classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between pr-34px md:pr-6 xl:pr-0> div classw-full transition-all font-bold duration-200 py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Pricing /div> svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 20 20 fillcurrentColor class                xl:hidden                size-4 -mr-0.5                transition-all duration-200                rotate-0 group-hover:rotate-45 group-.menu-open:rotate-45                text-brand-primary-300 xl:text-white xl:group-hover:text-brand-primary-300 xl:group-.menu-open:text-brand-primary-300              > path fill-ruleevenodd dM5.22 14.78a.75.75 0 0 0 1.06 0l7.22-7.22v5.69a.75.75 0 0 0 1.5 0v-7.5a.75.75 0 0 0-.75-.75h-7.5a.75.75 0 0 0 0 1.5h5.69l-7.22 7.22a.75.75 0 0 0 0 1.06Z clip-ruleevenodd>/path> /svg> /div> /a> /div> /div>section classmd:hidden flex flex-col gap-y-4 p-6 pt-0 w-full fixed bottom-0 left-0 shadow-0_40px_30px_60px shadow-gray-800 data-astro-cid-psjfeutw>div idlogin-button-mobile classauth-btn w-full data-astro-cid-psjfeutw>a href/api/auth/login classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-#0E1624/20 border-1px border-white/10 text-brand-primary-200 active:text-brand-primary-200/70 rounded-full px-4 md:px-5 py-2 lg:py-2.5 text-base w-full !py-3 !px-4 text-base font-bold origin-center aria-labelLog in>div classflex items-center gap-0 false>Log in/div>/a>/div>div iddashboard-button-mobile classauth-btn md:hidden w-full data-astro-cid-psjfeutw>a href/dashboard classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-300 text-black border-1px border-brand-primary-300 active:text-black/70 rounded-full px-4 md:px-5 py-2 lg:py-2.5 text-base w-full !py-3 !px-4 text-base font-bold origin-center aria-labelDashboard>div classflex items-center gap-0 false>Dashboard/div>/a>/div>div classflex w-full gap-x-2 data-astro-cid-psjfeutw>div idsignup-button-mobile classauth-btn md:hidden w-full data-astro-cid-psjfeutw>a href/api/auth/signup classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-300 text-black border-1px border-brand-primary-300 active:text-black/70 rounded-full px-4 md:px-5 py-2 lg:py-2.5 text-base w-full !py-3 !px-4 text-base font-bold origin-center aria-labelSign Up>div classflex items-center gap-0 false>Sign up/div>/a>/div>div idget-a-demo-button-mobile classauth-btn w-full data-astro-cid-psjfeutw>a href/contact/book-a-demo classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale !px-0 text-brand-primary-300 hover:text-brand-primary-200 px-4 md:px-5 py-2 lg:py-2.5 text-base w-full !py-3 !px-4 text-base font-bold origin-center aria-labelContact Sales>div classflex items-center gap-0 false>Contact Sales/div>/a>/div>/div>/section>/div>/div>/div>/div>script typed4753b8115dc48e134bdc224-text/javascript>  document.addEventListener(DOMContentLoaded, function () {    const menuToggle  document.getElementById(menu-toggle)    const hamburgerToggle  document.getElementById(hamburger-toggle)    const closeMenuBtn  document.getElementById(close-menu-btn)    const mobileMenu  document.getElementById(mobile-menu)    if (menuToggle && mobileMenu && hamburgerToggle) {      menuToggle.addEventListener(click, function () {        mobileMenu.classList.toggle(closed)        hamburgerToggle.classList.toggle(active)        document.documentElement.classList.toggle(scroll-lock)      })    }    if (closeMenuBtn && mobileMenu && hamburgerToggle) {      closeMenuBtn.addEventListener(click, function (e) {        e.stopPropagation()        mobileMenu.classList.add(closed)        hamburgerToggle.classList.remove(active)        document.documentElement.classList.remove(scroll-lock)      })    }    // when clicking outside mobile-menu-content, close the menu (tablet only)    mobileMenu?.addEventListener(click, function (e) {      const isTablet  window.matchMedia((min-width: 768px) and (max-width: 1279px)).matches      if (!isTablet) return            const mobileMenuContent  document.getElementById(mobile-menu-content)      if (!mobileMenuContent?.contains(e.target)) {        mobileMenu?.classList.add(closed)        hamburgerToggle?.classList.remove(active)        document.documentElement.classList.remove(scroll-lock)      }    })    // Check auth session    async function checkAuthSession() {      let isLoggedIn  false      try {        const response  await fetch(/api/auth/session, {          credentials: include        })        if (response.ok) {          const data  await response.json()          isLoggedIn  data.isLoggedIn || (data.userId ? true : false)        }      } catch (error) {        console.error(Failed to check auth session:, error)      }            // Show appropriate buttons      if (isLoggedIn) {        document.getElementById(dashboard-button)?.classList.remove(auth-btn)        document.getElementById(dashboard-button-mobile)?.classList.remove(auth-btn)        document.getElementById(mobile-menu-content-list)?.classList.add(mb-67px)      } else {        document.getElementById(get-a-demo-button)?.classList.remove(auth-btn)        document.getElementById(get-a-demo-button-2)?.classList.remove(auth-btn)        document.getElementById(signup-button)?.classList.remove(auth-btn)        document.getElementById(login-button)?.classList.remove(auth-btn)        document.getElementById(get-a-demo-button-mobile)?.classList.remove(auth-btn)        document.getElementById(login-button-mobile)?.classList.remove(auth-btn)        document.getElementById(signup-button-mobile)?.classList.remove(auth-btn)        document.getElementById(mobile-menu-content-list)?.classList.add(mb-116px)      }    }    // Check session on page load    checkAuthSession()  })/script> !-- Client-side Analytics --> script typed4753b8115dc48e134bdc224-text/javascript>(()>{var easync t>{await(await t())()};(self.Astro||(self.Astro{})).onlye;window.dispatchEvent(new Event(astro:only));})();/script>astro-island uidueHVI component-url/_astro/ClientAnalytics.Bdo8zYfX.js component-exportdefault renderer-url/_astro/client.DIfvxlH4.js props{"pathname":0,"/"} ssr clientonly opts{"name":"ClientAnalytics","value":"react"}>/astro-island> !-- Main Content --> main class pt-header-mobile-height md:pt-header-tablet-height xl:pt-header-height>  div class-z-1 sw-starfield-container bleed-edges-vertical absolute -top-200px bottom-0 left-0 right-0 origin-center transform-gpu overflow-hidden data-astro-cid-3do7wtlr> div classsw-starfield animate transform-gpu data-astro-cid-3do7wtlr>/div> /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-4    id data-astro-cid-g5s3wlnq>  div classmax-w-1180px px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classmax-w-1180px w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12    data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-center text-center justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div>    div classflex flex-col gap-6 md:gap-8 lg:gap-10 xl:gap-12 items-center justify-center data-astro-cid-3do7wtlr> a href/blog/introducing-the-superwall-figma-plugin classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-600/20 backdrop-blur-sm border-1px border-white/10 text-brand-primary-200 active:text-brand-primary-200/70 rounded-full px-4 md:px-5 py-2 lg:py-2.5 text-base z-10 origin-center aria-labelThe Superwall Figma Plugin is Here!>div classflex items-center gap-0 translate-x-0.5 group-active/button:translate-x-2 group-hover/button:-translate-x-0.5 transition-transform group-hover/button:duration-300 duration-200> svg classinline mr-4 xmlnshttp://www.w3.org/2000/svg width16 height16 viewBox0 0 16 16 data-astro-cid-3do7wtlr>g fillcurrentColor data-astro-cid-3do7wtlr>path data-colorcolor-2 dM8.438,11.5H3.969l1.76,3.412a2,2,0,1,0,3.555-1.831Z data-astro-cid-3do7wtlr>/path>path dM14.691.038a.5.5,0,0,0-.545.108C14.118.175,11.254,3,8.5,3h-5a3.5,3.5,0,0,0,0,7h5c2.754,0,5.618,2.825,5.646,2.854A.5.5,0,0,0,15,12.5V.5A.5.5,0,0,0,14.691.038Z fillcurrentColor data-astro-cid-3do7wtlr>/path>/g>/svg>div classw-auto max-w-65vw md:max-w-2xl inline-block truncate data-astro-cid-3do7wtlr> The Superwall Figma Plugin is Here! /div> svg width22 height22 fillnone strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 16 16 classtransition-all group-hover/button:duration-300 duration-200 undefined translate-y-1px translate-x-1 group-active/button:translate-x-6 group-active/button:blur-2px group-active/button:opacity-0 -mr-0.5>path dM12 8H4 classorigin-center opacity-0 scale-x-0 transition-all group-hover/button:scale-x-100 group-hover/button:opacity-100 group-hover/button:duration-300 duration-200 >/path>path dm6.5 11.5 3.146-3.146a.5.5 0 0 0 0-.708L6.5 4.5 classtransition-transform group-hover/button:duration-300 duration-200  translate-x--2px group-hover/button:translate-x-3.9px>/path>/svg>/div>/a> div classtext-center relative data-astro-cid-3do7wtlr> div classblur-90px opacity-60 absolute overflow-hidden top-0 bottom-0 left-0 right-0 transform-gpu flex flex-row items-center justify-center data-astro-cid-3do7wtlr> div classblur-artifact transform-gpu flex flex-row items-center justify-center overflow-hidden data-astro-cid-3do7wtlr> div classtransform-gpu bg-gradient-to-br f to-brand-primary-300 w-10vw h-25vh md:h-15vw div-1 data-astro-cid-3do7wtlr>/div> div classtransform-gpu bg-gradient-to-br from-brand-primary-300 to-brand-tertiary-500 w-10vw h-40vh md:h-25vw div-2 data-astro-cid-3do7wtlr>/div> div classtransform-gpu bg-gradient-to-br from-brand-tertiary-500 to-brand-secondary-400 w-10vw h-25vh md:h-15vw div-3 data-astro-cid-3do7wtlr>/div> /div> /div> !-- This acts as true H1 --> div classfont-title absolute mix-blend-overlay inset-0 flex flex-col items-center justify-center gap-2 md:gap-5 lg:gap-6 data-astro-cid-3do7wtlr> h1 classtitle py-2.5 font-700 text-2xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl data-astro-cid-3do7wtlr> The paywall experimentation platform for mobile apps. /h1> p classpx-1 sm:px-0 sm:w-80% sm:text-lg md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal data-astro-cid-3do7wtlr> No-code paywalls, A/B testing, and business analytics in 2 lines of code. /p> /div> !-- This is styled thesame as H1 but doubled up to brighten it --> div aria-hiddentrue classfont-title absolute mix-blend-overlay inset-0 flex flex-col items-center justify-center gap-2 md:gap-5 lg:gap-6 pointer-events-none select-none data-astro-cid-3do7wtlr> p aria-hiddentrue classtitle py-2.5 font-700 text-2xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl data-astro-cid-3do7wtlr> The paywall experimentation platform for mobile apps. /p> p aria-hiddentrue classpx-1 sm:px-0 sm:w-80% sm:text-lg md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal data-astro-cid-3do7wtlr> No-code paywalls, A/B testing, and business analytics in 2 lines of code. /p> /div> !-- This is styled thesame as H1 but doubled up to brighten it --> div aria-hiddentrue classfont-title absolute mix-blend-overlay inset-0 flex flex-col items-center justify-center gap-2 md:gap-5 lg:gap-6 opacity-30 pointer-events-none select-none data-astro-cid-3do7wtlr> p aria-hiddentrue classtitle py-2.5 font-700 text-2xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl data-astro-cid-3do7wtlr> The paywall experimentation platform for mobile apps. /p> p aria-hiddentrue classpx-1 sm:px-0 sm:w-80% sm:text-lg md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal data-astro-cid-3do7wtlr> No-code paywalls, A/B testing, and business analytics in 2 lines of code. /p> /div> !-- This defines the height of the container --> div aria-hiddentrue classfont-title absolute mix-blend-overlay inset-0 flex flex-col items-center justify-center gap-2 md:gap-5 lg:gap-6 !text-white/0 !static pointer-events-none select-none data-astro-cid-3do7wtlr> p aria-hiddentrue classtitle py-2.5 font-700 text-2xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl data-astro-cid-3do7wtlr> The paywall experimentation platform for mobile apps. /p> p aria-hiddentrue classpx-1 sm:px-0 sm:w-80% sm:text-lg md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal data-astro-cid-3do7wtlr> No-code paywalls, A/B testing, and business analytics in 2 lines of code. /p> /div> /div> div classpt-6 data-astro-cid-3do7wtlr> !-- Email Input -->form classmd:h-62px flex flex-row items-center justify-center gap-4 rounded-full pl-7 pr-2 py-1.5 border border-gray-400/20 bg-gray-500/20 backdrop-blur-sm onsubmitif (!window.__cfRLUnblockHandlers) return false; event.preventDefault(); const email  event.target.email.value; window.location.href  `/api/auth/signup?email${encodeURIComponent(email)}`; data-cf-modified-d4753b8115dc48e134bdc224-> input nameemail typeemail placeholderYour work email... classw-full py-2.5 text-base md:text-lg !w-50vw md:!max-w-300px appearance-none active:outline-none focus:outline-none autocompleteemail required> button typesubmit classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-300 text-black border-1px border-brand-primary-300 active:text-black/70 rounded-full px-4 md:px-5 py-2 lg:py-2.5 text-base  origin-right aria-labelStart for free>div classflex items-center gap-0 translate-x-0.5 group-active/button:translate-x-2 group-hover/button:-translate-x-0.5 transition-transform group-hover/button:duration-300 duration-200> span> Start span classhidden md:inline> for free /span>/span> svg width22 height22 fillnone strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 16 16 classtransition-all group-hover/button:duration-300 duration-200 undefined translate-y-1px translate-x-1 group-active/button:translate-x-6 group-active/button:blur-2px group-active/button:opacity-0 -mr-0.5>path dM12 8H4 classorigin-center opacity-0 scale-x-0 transition-all group-hover/button:scale-x-100 group-hover/button:opacity-100 group-hover/button:duration-300 duration-200 >/path>path dm6.5 11.5 3.146-3.146a.5.5 0 0 0 0-.708L6.5 4.5 classtransition-transform group-hover/button:duration-300 duration-200  translate-x--2px group-hover/button:translate-x-3.9px>/path>/svg>/div>/button> /form> /div> /div>  /div>  /div>  /div>  /div>  div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-4    id data-astro-cid-g5s3wlnq>  div classmax-w-1336px px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classmax-w-1336px w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12    data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-center text-center justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div>    div classmarquee-container overflow-hidden bleed-edges max-w-full undefined data-speed3 data-astro-cid-bzsy455p> div classw-max relative data-astro-cid-bzsy455p> div classmarquee-content flex gap-10  md:gap-16 lg:gap-24 pr-10 md:pr-16 lg:pr-24   styleanimation-duration: 66.66666666666667s data-astro-cid-bzsy455p>  a hrefhttps://ngl.link target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/ngl.webp altNGL classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://www.calai.app/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/cal-ai.webp altCal AI classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://quittrapp.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/quittr.webp altQuittr classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://mojo-app.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/mojo.webp altMojo classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://citizen.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/citizen.webp altCitizen classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://www.yubo.live/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/yubo.webp altYubo classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://backbone.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/backbone.webp altBackbone classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://www.opal.so/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/opal.webp altOpal classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://www.burnerapp.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/burner.webp altBurner classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://coinstats.app/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/coinstats.webp altCoinStats classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://planner5d.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/planner-5d.webp altPlanner 5D classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://www.dubapp.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/dub.webp altDub classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://gronda.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/gronda.webp altGronda classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://nymag.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/ny-mag.webp altNew York Magazine classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://liftoffrank.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/liftoff.webp altLiftoff classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://lifesum.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/lifesum.webp altLifesum classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a>  /div> div classabsolute left-0 top-0  right-0 bottom-0   translate-x-full aria-hiddentrue data-astro-cid-bzsy455p> div classmarquee-content flex gap-10  md:gap-16 lg:gap-24 pr-10 md:pr-16 lg:pr-24   styleanimation-duration: 66.66666666666667s aria-hiddentrue data-astro-cid-bzsy455p>  a hrefhttps://ngl.link target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/ngl.webp altNGL classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://www.calai.app/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/cal-ai.webp altCal AI classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://quittrapp.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/quittr.webp altQuittr classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://mojo-app.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/mojo.webp altMojo classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://citizen.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/citizen.webp altCitizen classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://www.yubo.live/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/yubo.webp altYubo classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://backbone.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/backbone.webp altBackbone classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://www.opal.so/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/opal.webp altOpal classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://www.burnerapp.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/burner.webp altBurner classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://coinstats.app/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/coinstats.webp altCoinStats classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://planner5d.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/planner-5d.webp altPlanner 5D classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://www.dubapp.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/dub.webp altDub classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://gronda.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/gronda.webp altGronda classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://nymag.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/ny-mag.webp altNew York Magazine classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://liftoffrank.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/liftoff.webp altLiftoff classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://lifesum.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/lifesum.webp altLifesum classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a>  /div> /div> /div> /div>   /div>  /div>  /div>  /div> div idmain-hero classnot-loaded ease-out-back-soft duration-2000ms transition-all data-astro-cid-j7pv25f6> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-4    id data-astro-cid-g5s3wlnq>  div classmax-w-1180px px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classmax-w-1180px w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12    data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-center text-center justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div>    div classgroup hover:scale-1.02 active:scale-0.98 ease-out-back-soft transition-all duration-800 cursor-pointer  data-astro-cid-bn7cw7bh> div classflex flex-row items-stretch justify-center rounded-10px md:rounded-20px border border-gray-200/20 overflow-hidden undefined w-full>div classflex flex-row items-stretch justify-center p-4px md:p-8px bg-gradient-to-b from-gray-400/10 to-gray-800/0 backdrop-blur-xl w-full >div classflex flex-row items-center justify-center rounded-6px md:rounded-12px border border-gray-200/20 bg-gray-400/10 overflow-hidden w-full >div classflex items-center w-full > img class src/assets/screenshots/youtube-thumbnail.avif altVideo preview loadingeager fetchpriorityhigh data-astro-cid-bn7cw7bh>  button idplayButton classabsolute inset-0 flex items-center justify-center hover:bg-black/30 transition-all duration-400 cursor-pointer aria-labelPlay video data-video-urlhttps://www.youtube.com/embed/dfXaaduJIDc?autoplay1&rel0 data-astro-cid-bn7cw7bh> div classgroup-hover:scale-1.4 transition-all duration-800 ease-out-back-soft data-astro-cid-bn7cw7bh> div classbg-gray-950 transition-all duration-300 rounded-full group-hover:text-brand-primary-300 group-hover:bg-gray-800 transform data-astro-cid-bn7cw7bh> svg xmlnshttp://www.w3.org/2000/svg width75 height75 viewBox0 0 32 32 class-m-1px data-astro-cid-bn7cw7bh>title>btn-play/title>g fillcurrentColor data-astro-cid-bn7cw7bh>path fillcurrentColor dM16,0C7.178,0,0,7.178,0,16s7.178,16,16,16s16-7.178,16-16S24.822,0,16,0z M23.537,16.844l-11,7 C12.373,23.947,12.187,24,12,24c-0.165,0-0.331-0.041-0.481-0.123C11.199,23.701,11,23.365,11,23V9c0-0.365,0.199-0.701,0.519-0.877 c0.32-0.175,0.71-0.162,1.019,0.033l11,7C23.825,15.34,24,15.658,24,16S23.825,16.66,23.537,16.844z data-astro-cid-bn7cw7bh>/path>/g>/svg> /div> /div> /button> /div>/div>/div>/div> /div> !-- YouTube Video Modal --> div idvideoModal classvideo-modal video-modal--hidden cursor-pointer data-astro-cid-bn7cw7bh> button typebutton classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-600/20 backdrop-blur-sm border-1px border-white/10 text-brand-primary-200 active:text-brand-primary-200/70 rounded-full px-4 md:px-5 py-2 lg:py-2.5 text-base absolute top-6 right-6 !p-3 aspect-square z-10000 origin-center idcloseButton aria-labelClose video>div classflex items-center gap-0 false> svg classw-8 h-8 fillnone strokecurrentColor viewBox0 0 24 24 data-astro-cid-bn7cw7bh> path stroke-linecapround stroke-linejoinround stroke-width2 dM6 18L18 6M6 6l12 12 data-astro-cid-bn7cw7bh>/path> /svg> /div>/button> !-- YouTube Video Container --> div classvideo-container relative w-full max-w-1400px mx-auto aspect-video bg-black rounded-lg overflow-hidden shadow-2xl data-astro-cid-bn7cw7bh> iframe idyoutubeVideo classw-full h-full src titleYouTube video player styleborder: none; allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share allowfullscreen data-astro-cid-bn7cw7bh>    /iframe> /div> /div> script typed4753b8115dc48e134bdc224-module>const idocument.getElementById(playButton),edocument.getElementById(videoModal),sdocument.getElementById(closeButton),ddocument.getElementById(youtubeVideo),ni?.dataset.videoUrl||;function l(){e&&d&&(d.srcn,e.classList.remove(video-modal--hidden),e.classList.add(video-modal--opening),requestAnimationFrame(()>{e.classList.remove(video-modal--opening),e.classList.add(video-modal--visible)}),document.documentElement.classList.add(overflow-hidden))}function t(){e&&d&&(e.classList.remove(video-modal--visible),e.classList.add(video-modal--closing),setTimeout(()>{d.src,e.classList.remove(video-modal--closing),e.classList.add(video-modal--hidden),document.documentElement.classList.remove(overflow-hidden)},300))}i?.addEventListener(click,l);s?.addEventListener(click,t);e?.addEventListener(click,o>{o.targete&&t()});document.addEventListener(keydown,o>{o.keyEscape&&!e?.classList.contains(video-modal--hidden)&&t()});/script>   /div>  /div>  /div>  /div> /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-0   id data-astro-cid-g5s3wlnq>  div classw-full px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classw-full w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12    data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-center text-center justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div> div classflex flex-col gap-2 items-center text-center data-astro-cid-g5s3wlnq> div classfont-title  lg:pb-2.5 font-700 text-2xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl bg-gradient-to-br from-gray-100 to-gray-200 bg-clip-text text-transparent data-astro-cid-g5s3wlnq> h2 data-astro-cid-j7pv25f6>Trusted by over 4,000 apps/h2> /div> div classfont-title sm:px-0 sm:text-xl md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal text-gray-400 max-w-3xl data-astro-cid-g5s3wlnq> h3 data-astro-cid-j7pv25f6>Powering over 100,000 paywalls for apps like these/h3> /div> /div>     div classmax-w-100vw flex flex-col gap-3 mt-4 data-astro-cid-j7pv25f6> div classmarquee-container overflow-hidden bleed-edges max-w-full undefined data-speed2 data-astro-cid-bzsy455p> div classw-max relative data-astro-cid-bzsy455p> div classmarquee-content flex gap-0 left-to-right styleanimation-duration: 100s data-astro-cid-bzsy455p>  div classrelative grid grid-cols-30 gap-3 pr-3 data-astro-cid-j7pv25f6> div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/21.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/8.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/20.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/15.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/28.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/10.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/5.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/6.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/11.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/7.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/27.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/26.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/9.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/14.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/22.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/1.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/0.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/12.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/17.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/25.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/24.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/29.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/16.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/2.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/4.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/13.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/18.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/19.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/23.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/3.webp altapp-icon loadinglazy fetchPrioritylow/>/div> /div>  /div> div classabsolute left-0 top-0  right-0 bottom-0  -translate-x-full aria-hiddentrue data-astro-cid-bzsy455p> div classmarquee-content flex gap-0 left-to-right styleanimation-duration: 100s aria-hiddentrue data-astro-cid-bzsy455p>  div classrelative grid grid-cols-30 gap-3 pr-3 data-astro-cid-j7pv25f6> div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/21.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/8.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/20.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/15.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/28.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/10.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/5.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/6.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/11.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/7.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/27.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/26.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/9.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/14.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/22.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/1.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/0.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/12.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/17.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/25.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/24.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/29.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/16.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/2.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/4.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/13.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/18.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/19.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/23.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/3.webp altapp-icon loadinglazy fetchPrioritylow/>/div> /div>  /div> /div> /div> /div> div classmarquee-container overflow-hidden bleed-edges max-w-full undefined data-speed2 data-astro-cid-bzsy455p> div classw-max relative data-astro-cid-bzsy455p> div classmarquee-content flex gap-0  styleanimation-duration: 100s data-astro-cid-bzsy455p>  div classrelative grid grid-cols-30 gap-3 pr-3 data-astro-cid-j7pv25f6> div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/17.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/1.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/27.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/16.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/15.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/11.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/12.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/4.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/10.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/7.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/21.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/2.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/20.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/28.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/3.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/8.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/0.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/26.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/9.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/24.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/22.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/19.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/5.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/23.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/14.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/25.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/6.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/13.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/29.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/18.webp altapp-icon loadinglazy fetchPrioritylow/>/div> /div>  /div> div classabsolute left-0 top-0  right-0 bottom-0   translate-x-full aria-hiddentrue data-astro-cid-bzsy455p> div classmarquee-content flex gap-0  styleanimation-duration: 100s aria-hiddentrue data-astro-cid-bzsy455p>  div classrelative grid grid-cols-30 gap-3 pr-3 data-astro-cid-j7pv25f6> div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/17.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/1.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/27.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/16.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/15.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/11.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/12.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/4.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/10.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/7.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/21.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/2.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/20.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/28.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/3.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/8.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/0.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/26.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/9.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/24.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/22.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/19.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/5.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/23.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/14.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/25.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/6.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/13.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/29.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/18.webp altapp-icon loadinglazy fetchPrioritylow/>/div> /div>  /div> /div> /div> /div> div classmarquee-container overflow-hidden bleed-edges max-w-full undefined data-speed2 data-astro-cid-bzsy455p> div classw-max relative data-astro-cid-bzsy455p> div classmarquee-content flex gap-0 left-to-right styleanimation-duration: 100s data-astro-cid-bzsy455p>  div classrelative grid grid-cols-30 gap-3 pr-3 data-astro-cid-j7pv25f6> div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/16.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/20.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/26.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/2.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/18.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/5.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/29.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/27.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/22.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/7.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/28.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/8.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/3.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/4.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/14.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/13.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/0.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/15.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/9.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/24.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/17.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/19.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/6.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/1.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/10.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/11.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/23.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/21.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/25.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/12.webp altapp-icon loadinglazy fetchPrioritylow/>/div> /div>  /div> div classabsolute left-0 top-0  right-0 bottom-0  -translate-x-full aria-hiddentrue data-astro-cid-bzsy455p> div classmarquee-content flex gap-0 left-to-right styleanimation-duration: 100s aria-hiddentrue data-astro-cid-bzsy455p>  div classrelative grid grid-cols-30 gap-3 pr-3 data-astro-cid-j7pv25f6> div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/16.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/20.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/26.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/2.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/18.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/5.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/29.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/27.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/22.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/7.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/28.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/8.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/3.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/4.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/14.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/13.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/0.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/15.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/9.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/24.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/17.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/19.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/6.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/1.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/10.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/11.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/23.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/21.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/25.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/12.webp altapp-icon loadinglazy fetchPrioritylow/>/div> /div>  /div> /div> /div> /div>  /div>  /div>  /div>  /div>  /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-4   bg-gradient-to-b from-gray-800/40 to-gray-800/0 pt-20 md:pt-24 lg:pt-32 xl:pt-34 border-t border-gray-800 id data-astro-cid-g5s3wlnq>  div classmax-w-1336px px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classmax-w-1336px w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12  grid grid-cols-1 lg:grid-cols-2  data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-start text-left justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div> div classflex flex-col gap-2 items-start text-left data-astro-cid-g5s3wlnq> div classfont-title  lg:pb-2.5 font-700 text-2xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl bg-gradient-to-br from-gray-100 to-gray-200 bg-clip-text text-transparent data-astro-cid-g5s3wlnq> h2 class data-astro-cid-j7pv25f6>Build & deploy paywalls without coding/h2> /div> div classfont-title sm:px-0 sm:text-xl md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal text-gray-400 max-w-3xl data-astro-cid-g5s3wlnq> div data-astro-cid-j7pv25f6> div classspace-y-3 > div classflex items-center gap-3> div classflex-shrink-0 flex flex-row items-center justify-center> svg classw-6 h-6 fillcurrentColor viewBox0 0 20 20 xmlnshttp://www.w3.org/2000/svg> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> /div> p classleading-relaxed>Drag and drop paywall builder/p> /div>div classflex items-center gap-3> div classflex-shrink-0 flex flex-row items-center justify-center> svg classw-6 h-6 fillcurrentColor viewBox0 0 20 20 xmlnshttp://www.w3.org/2000/svg> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> /div> p classleading-relaxed>A/B testing with advanced targeting/p> /div>div classflex items-center gap-3> div classflex-shrink-0 flex flex-row items-center justify-center> svg classw-6 h-6 fillcurrentColor viewBox0 0 20 20 xmlnshttp://www.w3.org/2000/svg> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> /div> p classleading-relaxed>Track revenue, subscriptions, and more/p> /div> /div> /div> /div> /div>   /div> div class data-astro-cid-j7pv25f6> img classw-full src/assets/hero/paywall-editor-2x.avif altPaywall loadinglazy data-astro-cid-j7pv25f6> /div> /div>  /div>  /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-0   id data-astro-cid-g5s3wlnq>  div classw-full px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classw-full w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12    data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-center text-center justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div> div classflex flex-col gap-2 items-center text-center data-astro-cid-g5s3wlnq> div classfont-title  lg:pb-2.5 font-700 text-2xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl bg-gradient-to-br from-gray-100 to-gray-200 bg-clip-text text-transparent data-astro-cid-g5s3wlnq> h2 class data-astro-cid-j7pv25f6>Target users with different paywalls/h2> /div> div classfont-title sm:px-0 sm:text-xl md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal text-gray-400 max-w-3xl data-astro-cid-g5s3wlnq> div data-astro-cid-j7pv25f6>Show paywalls based on behavior, demographics, and more./div> /div> /div>   /div>  /div> div classw-full data-astro-cid-j7pv25f6> img classw-full max-w-1800px mx-auto src/assets/hero/audience-rules-2x.avif altPaywall loadinglazy data-astro-cid-j7pv25f6> /div> /div>  /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-4    id data-astro-cid-g5s3wlnq>  div classmax-w-1336px px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classmax-w-1336px w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12  grid grid-cols-1 lg:grid-cols-2  data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-start text-left justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div> div classflex flex-col gap-2 items-start text-left data-astro-cid-g5s3wlnq> div classfont-title  lg:pb-2.5 font-700 text-2xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl bg-gradient-to-br from-gray-100 to-gray-200 bg-clip-text text-transparent data-astro-cid-g5s3wlnq> h2 class data-astro-cid-j7pv25f6>Boost your revenue with A/B testing/h2> /div> div classfont-title sm:px-0 sm:text-xl md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal text-gray-400 max-w-3xl data-astro-cid-g5s3wlnq> div data-astro-cid-j7pv25f6>Test paywall variations and track performance, all in one platform./div> /div> /div>   /div> div class data-astro-cid-j7pv25f6> img classmin-w-20vw src/assets/hero/ab-testing-2x.avif loadinglazy fetchprioritylow altPaywall data-astro-cid-j7pv25f6> /div> /div>  /div>  /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-0  bg-gradient-to-b from-gray-800/40 to-gray-800/0 pt-20 md:pt-24 lg:pt-32 xl:pt-34 border-t border-gray-800 id data-astro-cid-g5s3wlnq>  div classw-full px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classw-full w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12    data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-center text-center justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div> div classflex flex-col gap-2 items-center text-center data-astro-cid-g5s3wlnq> div classfont-title  lg:pb-2.5 font-700 text-2xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl bg-gradient-to-br from-gray-100 to-gray-200 bg-clip-text text-transparent data-astro-cid-g5s3wlnq> h2 data-astro-cid-j7pv25f6>Start from scratch, or from a template/h2> /div> div classfont-title sm:px-0 sm:text-xl md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal text-gray-400 max-w-3xl data-astro-cid-g5s3wlnq> h3 data-astro-cid-j7pv25f6>200+ paywall templates to choose from, 100% free of charge. Edit everything from text and fonts to colors and      images./h3> /div> /div>     div classmarquee-container overflow-hidden bleed-edges max-w-full undefined data-speed1 data-astro-cid-bzsy455p> div classw-max relative data-astro-cid-bzsy455p> div classmarquee-content flex   styleanimation-duration: 200s data-astro-cid-bzsy455p> div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/1.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/2.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/3.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/4.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/5.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/6.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/7.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/8.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/9.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/10.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/11.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/12.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/13.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/14.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/15.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/16.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/17.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/18.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/19.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/20.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/21.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/22.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/23.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/24.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/25.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/26.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/27.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/28.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/29.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/30.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/31.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/32.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/33.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/34.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div> /div> div classabsolute left-0 top-0  right-0 bottom-0   translate-x-full aria-hiddentrue data-astro-cid-bzsy455p> div classmarquee-content flex   styleanimation-duration: 200s aria-hiddentrue data-astro-cid-bzsy455p> div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/1.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/2.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/3.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/4.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/5.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/6.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/7.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/8.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/9.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/10.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/11.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/12.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/13.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/14.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/15.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/16.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/17.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/18.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/19.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/20.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/21.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/22.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/23.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/24.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/25.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/26.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/27.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/28.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/29.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/30.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/31.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/32.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/33.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/34.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div> /div> /div> /div> /div>   /div>  /div>  /div>  /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-4   bg-gradient-to-b from-gray-800/40 to-gray-800/0 pt-20 md:pt-24 lg:pt-32 xl:pt-34 border-t border-gray-800 id data-astro-cid-g5s3wlnq>  div classmax-w-1336px px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classmax-w-1336px w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12    data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-center text-center justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div> div classflex flex-col gap-2 items-center text-center data-astro-cid-g5s3wlnq> div classfont-title  lg:pb-2.5 font-700 text-2xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl bg-gradient-to-br from-gray-100 to-gray-200 bg-clip-text text-transparent data-astro-cid-g5s3wlnq> h2 class data-astro-cid-j7pv25f6>One unified subscriber management platform/h2> /div> div classfont-title sm:px-0 sm:text-xl md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal text-gray-400 max-w-3xl data-astro-cid-g5s3wlnq> div data-astro-cid-j7pv25f6>Manage subscribers, revenue and entitlements in one place./div> /div> /div>   /div>  /div> div data-astro-cid-j7pv25f6> img src/assets/hero/subscriber-management.avif altPaywall loadinglazy data-astro-cid-j7pv25f6> /div> /div>  /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-4   bg-gradient-to-b from-gray-800/40 to-gray-800/0 pt-20 md:pt-24 lg:pt-32 xl:pt-34 border-t border-gray-800 id data-astro-cid-g5s3wlnq>  div classmax-w-1180px px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classmax-w-1180px w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12    data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-center text-center justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div> div classflex flex-col gap-2 items-center text-center data-astro-cid-g5s3wlnq> div classfont-title  lg:pb-2.5 font-700 text-2xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl bg-gradient-to-br from-gray-100 to-gray-200 bg-clip-text text-transparent data-astro-cid-g5s3wlnq> h2 class data-astro-cid-j7pv25f6>Track revenue, subscriptions, and more/h2> /div> div classfont-title sm:px-0 sm:text-xl md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal text-gray-400 max-w-3xl data-astro-cid-g5s3wlnq> div data-astro-cid-j7pv25f6>Get real-time insights into your apps performance, including revenue, subscriptions, and more./div> /div> /div>   /div>  /div> div data-astro-cid-j7pv25f6> div classflex flex-row items-stretch justify-center rounded-10px md:rounded-20px border border-gray-200/20 overflow-hidden undefined w-full>div classflex flex-row items-stretch justify-center p-4px md:p-8px bg-gradient-to-b from-gray-400/10 to-gray-800/0 backdrop-blur-xl w-full >div classflex flex-row items-center justify-center rounded-6px md:rounded-12px border border-gray-200/20 bg-gray-400/10 overflow-hidden w-full >div classflex items-center w-full > img src/assets/screenshots/charts.avif altPaywall loadinglazy data-astro-cid-j7pv25f6> /div>/div>/div>/div> /div> /div>  /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-4   bg-gradient-to-b from-gray-800/40 to-gray-800/0 pt-20 md:pt-24 lg:pt-32 xl:pt-34 border-t border-gray-800 id data-astro-cid-g5s3wlnq>  div classmax-w-1180px px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classmax-w-1180px w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12  grid grid-cols-1 lg:grid-cols-2  data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-start text-left justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div> div classflex flex-col gap-2 items-start text-left data-astro-cid-g5s3wlnq> div classfont-title  lg:pb-2.5 font-700 text-2xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl bg-gradient-to-br from-gray-100 to-gray-200 bg-clip-text text-transparent data-astro-cid-g5s3wlnq> h2 class data-astro-cid-j7pv25f6>Integrate in minutes/h2> /div> div classfont-title sm:px-0 sm:text-xl md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal text-gray-400 max-w-3xl data-astro-cid-g5s3wlnq> div data-astro-cid-j7pv25f6>Open-source SDKs for iOS & Android built in Swift, Kotlin, React Native, and Flutter./div> /div> /div>   /div> div class data-astro-cid-j7pv25f6> div classrounded-lg py-8 px-5 border border-gray-400/20 bg-gray-800/50 data-astro-cid-j7pv25f6> img src/assets/code/integrate.svg altIntegrate loadinglazy data-astro-cid-j7pv25f6> /div> /div> /div> div classborder-t border-gray-400/10 pt-8 lg:pt-12 w-full data-astro-cid-j7pv25f6> div classflex flex-row flex-wrap items-center justify-center md:justify-between w-full gap-16 data-astro-cid-j7pv25f6> div classflex flex-row gap-6 items-center data-astro-cid-j7pv25f6> img classh-8 md:h-10 src/assets/code/swift.svg altSwift loadinglazy data-astro-cid-j7pv25f6> p classtext-xl lg:text-3xl font-medium whitespace-nowrap data-astro-cid-j7pv25f6>Swift/p> /div> div classflex flex-row gap-6 items-center data-astro-cid-j7pv25f6> img classh-8 md:h-10 src/assets/code/kotlin.svg altKotlin loadinglazy data-astro-cid-j7pv25f6> p classtext-xl lg:text-3xl font-medium whitespace-nowrap data-astro-cid-j7pv25f6>Kotlin/p> /div> div classhidden lg:flex gap-6 items-center data-astro-cid-j7pv25f6> img classh-8 md:h-10 src/assets/code/expo.svg altExpo loadinglazy data-astro-cid-j7pv25f6> p classtext-xl lg:text-3xl font-medium whitespace-nowrap data-astro-cid-j7pv25f6>Expo/p> /div> div classflex flex-row gap-6 items-center data-astro-cid-j7pv25f6> img classh-8 md:h-10 src/assets/code/react.svg altReact Native loadinglazy data-astro-cid-j7pv25f6> p classtext-xl lg:text-3xl font-medium whitespace-nowrap data-astro-cid-j7pv25f6>React Native/p> /div> div classflex flex-row gap-6 items-center data-astro-cid-j7pv25f6> img classh-8 md:h-10 src/assets/code/flutter.svg altFlutter loadinglazy data-astro-cid-j7pv25f6> p classtext-xl lg:text-3xl font-medium whitespace-nowrap data-astro-cid-j7pv25f6>Flutter/p> /div> /div> /div> /div>  /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-4    id data-astro-cid-g5s3wlnq>  div classmax-w-1336px px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classmax-w-1336px w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12    data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-center text-center justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div>    div classmx-auto grid grid-cols-1 grid-rows-1 gap-3 md:gap-4 text-sm grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 >  div classflex flex-row items-center justify-center rounded-12px border border-gray-200/20 bg-gradient-to-br from-gray-400/10  to-gray-500/0 backdrop-blur-xl overflow-hidden radial-gradient-container border-none w-full>div classflex items-center w-full > figure classflex flex-col items-stretch divide-y divide-white/10 text-left> blockquote classtext-20px font-ui font-bold leading-1.5 p-8 pb-6> div classgrid grid-cols-1fr_auto>  svg classscale--1.0 mb-2 text-white/40 xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 32 32> title>blockquote/title> g fillcurrentColor> path dM7,6a6,6,0,0,0-.03,12A17.045,17.045,0,0,1,4.2,26.4a1,1,0,0,0,1.452,1.358C5.951,27.5,13,21.353,13,12A6.006,6.006,0,0,0,7,6Z fillcurrentColor>/path> path dM25,6a6,6,0,0,0-.03,12A17.045,17.045,0,0,1,22.2,26.4a1,1,0,0,0,1.452,1.358C23.951,27.5,31,21.353,31,12A6.006,6.006,0,0,0,25,6Z data-colorcolor-2>/path> /g> /svg>  /div> p data-astro-cid-j7pv25f6>Thanks to Superwall, we were able to 2x our iOS app profitability in just six months. It has greatly assisted          our growth team in achieving exceptional results by facilitating high-frequency experimentation./p> /blockquote> div classflex flex-col items-stretch gap-4 justify-center p-8 pt-6 md:grid md:grid-cols-1fr_auto md:gap-2 md:items-center> figcaption class> div classflex text-left items-center gap-x-4> img classh-12 w-12 rounded-35% shadow-xl srchttps://is2-ssl.mzstatic.com/image/thumb/Purple116/v4/93/41/d9/9341d9eb-3c70-b000-01c2-1985e2fd8714/AppIcon-AppStore-0-1x_U007emarketing-0-10-0-85-220.png/256x256bb.jpg alt loadinglazy data-astro-cid-j7pv25f6> div classflex flex-col items-start gap-0> div classflex flex-col items-start gap-0> div classfont-ui font-bold text-white/70 text-20px flex items-center gap-2> span data-astro-cid-j7pv25f6>Mojo/span> /div> div classfont-ui font-bold text-white/50 text-base opacity-50 -mt-1> span data-astro-cid-j7pv25f6>Bernard Bontemps, Head of Growth/span> /div> /div> /div> /div> /figcaption>  /div> /figure>/div>/div> div classflex flex-row items-center justify-center rounded-12px border border-gray-200/20 bg-gradient-to-br from-gray-400/10  to-gray-500/0 backdrop-blur-xl overflow-hidden radial-gradient-container border-none w-full>div classflex items-center w-full > figure classflex flex-col items-stretch divide-y divide-white/10 text-left> blockquote classtext-20px font-ui font-bold leading-1.5 p-8 pb-6> div classgrid grid-cols-1fr_auto>  svg classscale--1.0 mb-2 text-white/40 xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 32 32> title>blockquote/title> g fillcurrentColor> path dM7,6a6,6,0,0,0-.03,12A17.045,17.045,0,0,1,4.2,26.4a1,1,0,0,0,1.452,1.358C5.951,27.5,13,21.353,13,12A6.006,6.006,0,0,0,7,6Z fillcurrentColor>/path> path dM25,6a6,6,0,0,0-.03,12A17.045,17.045,0,0,1,22.2,26.4a1,1,0,0,0,1.452,1.358C23.951,27.5,31,21.353,31,12A6.006,6.006,0,0,0,25,6Z data-colorcolor-2>/path> /g> /svg>  /div> p data-astro-cid-j7pv25f6>Superwall lets us move 10x faster on our monetization strategy. We can build and launch multiple paywall          iterations without the need for client releases or complicated deploys. Our product iteration loop is days,          rather than months because of Superwall./p> /blockquote> div classflex flex-col items-stretch gap-4 justify-center p-8 pt-6 md:grid md:grid-cols-1fr_auto md:gap-2 md:items-center> figcaption class> div classflex text-left items-center gap-x-4> img classh-12 w-12 rounded-35% shadow-xl srchttps://is5-ssl.mzstatic.com/image/thumb/Purple116/v4/a5/8b/12/a58b123b-f09d-9e9b-5ccb-a47221b3e2de/AppIcon-1x_U007emarketing-0-7-0-85-220.png/256x265bb.jpg alt loadinglazy data-astro-cid-j7pv25f6> div classflex flex-col items-start gap-0> div classflex flex-col items-start gap-0> div classfont-ui font-bold text-white/70 text-20px flex items-center gap-2> span data-astro-cid-j7pv25f6>Citizen/span> /div> div classfont-ui font-bold text-white/50 text-base opacity-50 -mt-1> span data-astro-cid-j7pv25f6>Jon Rhome, Head of Product/span> /div> /div> /div> /div> /figcaption>  /div> /figure>/div>/div> div classflex flex-row items-center justify-center rounded-12px border border-gray-200/20 bg-gradient-to-br from-gray-400/10  to-gray-500/0 backdrop-blur-xl overflow-hidden radial-gradient-container border-none w-full>div classflex items-center w-full > figure classflex flex-col items-stretch divide-y divide-white/10 text-left> blockquote classtext-20px font-ui font-bold leading-1.5 p-8 pb-6> div classgrid grid-cols-1fr_auto>  svg classscale--1.0 mb-2 text-white/40 xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 32 32> title>blockquote/title> g fillcurrentColor> path dM7,6a6,6,0,0,0-.03,12A17.045,17.045,0,0,1,4.2,26.4a1,1,0,0,0,1.452,1.358C5.951,27.5,13,21.353,13,12A6.006,6.006,0,0,0,7,6Z fillcurrentColor>/path> path dM25,6a6,6,0,0,0-.03,12A17.045,17.045,0,0,1,22.2,26.4a1,1,0,0,0,1.452,1.358C23.951,27.5,31,21.353,31,12A6.006,6.006,0,0,0,25,6Z data-colorcolor-2>/path> /g> /svg>  /div> p data-astro-cid-j7pv25f6>Really excited about the progress we made recently on paywalls with Superwall. We got more than 50% increase          in conversion for upsell screens. This is crazy./p> /blockquote> div classflex flex-col items-stretch gap-4 justify-center p-8 pt-6 md:grid md:grid-cols-1fr_auto md:gap-2 md:items-center> figcaption class> div classflex text-left items-center gap-x-4> img classh-12 w-12 rounded-35% shadow-xl srchttps://is2-ssl.mzstatic.com/image/thumb/Purple116/v4/e6/ac/af/e6acaf67-e34e-c62d-b765-ea9525ed1d73/AppIcon-1x_U007emarketing-0-7-0-85-220.png/256x256bb.jpg alt loadinglazy data-astro-cid-j7pv25f6> div classflex flex-col items-start gap-0> div classflex flex-col items-start gap-0> div classfont-ui font-bold text-white/70 text-20px flex items-center gap-2> span data-astro-cid-j7pv25f6>Photoroom/span> /div> div classfont-ui font-bold text-white/50 text-base opacity-50 -mt-1> span data-astro-cid-j7pv25f6>Matthieu Rouif, CEO/span> /div> /div> /div> /div> /figcaption>  /div> /figure>/div>/div>  /div>  /div>  /div>  /div>  /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-4   bg-gradient-to-b from-gray-800/40 to-gray-800/0 pt-20 md:pt-24 lg:pt-32 xl:pt-34 border-t border-gray-800 id data-astro-cid-g5s3wlnq>  div classmax-w-1336px px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classmax-w-1336px w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12    data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-center text-center justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div> div classflex flex-col gap-2 items-center text-center data-astro-cid-g5s3wlnq> div classfont-title  lg:pb-2.5 font-700 text-2xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl bg-gradient-to-br from-gray-100 to-gray-200 bg-clip-text text-transparent data-astro-cid-g5s3wlnq> h2 data-astro-cid-j7pv25f6>Simple, transparent pricing/h2> /div> div classfont-title sm:px-0 sm:text-xl md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal text-gray-400 max-w-3xl data-astro-cid-g5s3wlnq> div data-astro-cid-j7pv25f6>Start free and scale as you grow./div> /div> /div>   /div>  /div> div classw-full data-astro-cid-j7pv25f6> div classw-full> div classgrid items-stretch w-full mt-8 grid-cols-1 md:grid-cols-2 lg:grid-cols-4> div classradial-gradient-container border border-white/10 font-bold font-ui !shadow-none grid grid-rows-subgrid row-span-5 gap-y-3 text-left p-4 sm:p-6 relative rounded-tl-2xl rounded-tr-2xl md:rounded-none md:rounded-tl-2xl lg:rounded-none lg:rounded-tl-2xl lg:rounded-bl-2xl border-b-0 md:border-r-0 md:border-b-0 lg:border-b lg:border-r-0>   div classtext-base leading-tight stylecolor:#66C4F8> Indie /div>  div classflex items-baseline gap-1.5 flex-wrap> h3 classtext-2xl sm:text-3xl leading-tight> span classtext-white/70>$/span> span classtext-white>0/span> /h3> span classtext-white/70 text-sm sm:text-base>/ month/span> /div>  span classtext-white/70 text-sm leading-relaxed> Up to $10k MAR, then 1% of totalastro-island uidZ28yUOu prefixr373 component-url/_astro/Tooltip.Bc18ig0o.js component-exportTooltip renderer-url/_astro/client.DIfvxlH4.js props{"text":0,"MAR","tooltipContent":0,"Free up to $10k Monthly Attributed Revenue (MAR), then 1% of total MAR. Monthly Tracked Revenue (MTR) is always completely free!"} ssr clientload opts{"name":"Tooltip","value":true} await-children>span classwhitespace-nowrap> !-- -->MAR!-- --> span classrelative inline-block ml-0.5>svg classw-4 h-4 text-white/70 inline-block cursor-help fillcurrentColor viewBox0 0 20 20 aria-hiddentrue>path fill-ruleevenodd dM18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z clip-ruleevenodd>/path>/svg>/span>/span>!--astro:end-->/astro-island>  /span>  div classpricing-auth-wrapper data-plan-idindie> a href# classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-600/20 backdrop-blur-sm border-1px border-white/10 text-brand-primary-200 active:text-brand-primary-200/70 rounded-full px-5 md:px-7 py-2 lg:py-2.5 text-lg &&:bg-rgba(102,196,248,0.1) &&:text-rgba(102,196,248,1) &&:shadow-xs &&:hover:bg-rgba(102,196,248,0.15) &&:border &&:border-rgba(102,196,248,0.2) rounded-full w-full text-sm origin-center>div classflex items-center gap-0 translate-x-0.5 group-active/button:translate-x-2 group-hover/button:-translate-x-0.5 transition-transform group-hover/button:duration-300 duration-200>Get Startedsvg width22 height22 fillnone strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 16 16 classtransition-all group-hover/button:duration-300 duration-200 undefined translate-y-1px translate-x-1 group-active/button:translate-x-6 group-active/button:blur-2px group-active/button:opacity-0 -mr-0.5>path dM12 8H4 classorigin-center opacity-0 scale-x-0 transition-all group-hover/button:scale-x-100 group-hover/button:opacity-100 group-hover/button:duration-300 duration-200 >/path>path dm6.5 11.5 3.146-3.146a.5.5 0 0 0 0-.708L6.5 4.5 classtransition-transform group-hover/button:duration-300 duration-200  translate-x--2px group-hover/button:translate-x-3.9px>/path>/svg>/div>/a> div classmt-18px h-px bg-white/10>/div> /div>  div classmin-h-0> ul classspace-y-2> li classflex items-start gap-2 stylecolor:#66C4F8>  span classtext-sm text-white/70>Includes:/span> /li>li classflex items-start gap-2 stylecolor:#66C4F8> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Charts/span> /li>li classflex items-start gap-2 stylecolor:#66C4F8> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Webhooks/span> /li>li classflex items-start gap-2 stylecolor:#66C4F8> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Integrations/span> /li>li classflex items-start gap-2 stylecolor:#66C4F8> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>IAP SDK/span> /li>li classflex items-start gap-2 stylecolor:#66C4F8> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Paywalls/span> /li>li classflex items-start gap-2 stylecolor:#66C4F8> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Campaigns/span> /li>li classflex items-start gap-2 stylecolor:#66C4F8> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Audiences/span> /li>li classflex items-start gap-2 stylecolor:#66C4F8> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Templates/span> /li> /ul> /div> /div> script typed4753b8115dc48e134bdc224-text/javascript>  document.addEventListener(DOMContentLoaded, function () {    // Handle pricing button clicks that need auth check    const pricingWrappers  document.querySelectorAll(.pricing-auth-wrapper)        pricingWrappers.forEach(wrapper > {      const link  wrapper.querySelector(a)      if (!link) return            link.addEventListener(click, async (e) > {        e.preventDefault() // Prevent default link behavior                let isLoggedIn  false        try {          const response  await fetch(/api/auth/session, {            credentials: include          })          if (response.ok) {            const data  await response.json()            isLoggedIn  data.isLoggedIn || (data.userId ? true : false)          }          // If response is not ok (4xx, 5xx), treat as logged out        } catch (error) {          console.error(Failed to check auth session:, error)          // If fetch fails completely, treat as logged out          isLoggedIn  false        }                // Redirect based on auth status        if (isLoggedIn) {          window.location.href  /applications/:app/settings/billing        } else {          window.location.href  /api/auth/signup        }      })    })  })/script>div classradial-gradient-container border font-bold font-ui !shadow-none grid grid-rows-subgrid row-span-5 gap-y-3 text-left p-4 sm:p-6 relative rounded-2xl scale-1.04 z-20 !border border-brand-primary-300/50> div classinline-flex items-center justify-centerfont-uifont-boldrounded-fullwhitespace-nowrap bg-brand-primary-300 text-black px-2 py-1 text-xs absolute -top-3 left-1/2 transform -translate-x-1/2 whitespace-nowrap bg-brand-primary-300> Most Popular /div>  div classtext-base leading-tight stylecolor:#74FFF1> Startup /div>  div classflex items-baseline gap-1.5 flex-wrap> h3 classtext-2xl sm:text-3xl leading-tight> span classtext-white/70>$/span> span classtext-white>49/span> /h3> span classtext-white/70 text-sm sm:text-base>/ month/span> /div>  span classtext-white/70 text-sm leading-relaxed> + 1% ofastro-island uidZV2MAi prefixr374 component-url/_astro/Tooltip.Bc18ig0o.js component-exportTooltip renderer-url/_astro/client.DIfvxlH4.js props{"text":0,"MAR","tooltipContent":0,"$49 flat monthly fee plus 1% of Monthly Attributed Revenue (MAR)"} ssr clientload opts{"name":"Tooltip","value":true} await-children>span classwhitespace-nowrap> !-- -->MAR!-- --> span classrelative inline-block ml-0.5>svg classw-4 h-4 text-white/70 inline-block cursor-help fillcurrentColor viewBox0 0 20 20 aria-hiddentrue>path fill-ruleevenodd dM18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z clip-ruleevenodd>/path>/svg>/span>/span>!--astro:end-->/astro-island>  /span>  div classpricing-auth-wrapper data-plan-idstartup> a href# classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-300 text-black border-1px border-brand-primary-300 active:text-black/70 rounded-full px-5 md:px-7 py-2 lg:py-2.5 text-lg &&:bg-rgba(116,255,241,0.1) &&:shadow-xs &&:hover:bg-rgba(116,255,241,0.15) &&:border &&:border-brand-primary-300/20 !bg-brand-primary-300 hover:bg-brand-primary-300/90 text-black rounded-full w-full text-sm origin-center>div classflex items-center gap-0 translate-x-0.5 group-active/button:translate-x-2 group-hover/button:-translate-x-0.5 transition-transform group-hover/button:duration-300 duration-200>Get Startedsvg width22 height22 fillnone strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 16 16 classtransition-all group-hover/button:duration-300 duration-200 undefined translate-y-1px translate-x-1 group-active/button:translate-x-6 group-active/button:blur-2px group-active/button:opacity-0 -mr-0.5>path dM12 8H4 classorigin-center opacity-0 scale-x-0 transition-all group-hover/button:scale-x-100 group-hover/button:opacity-100 group-hover/button:duration-300 duration-200 >/path>path dm6.5 11.5 3.146-3.146a.5.5 0 0 0 0-.708L6.5 4.5 classtransition-transform group-hover/button:duration-300 duration-200  translate-x--2px group-hover/button:translate-x-3.9px>/path>/svg>/div>/a> div classmt-18px h-px bg-white/10>/div> /div>  div classmin-h-0> ul classspace-y-2> li classflex items-start gap-2 stylecolor:#74FFF1>  span classtext-sm text-white/70>Everything in Indie, plus:/span> /li>li classflex items-start gap-2 stylecolor:#74FFF1> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Surveys/span> /li>li classflex items-start gap-2 stylecolor:#74FFF1> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Localization/span> /li>li classflex items-start gap-2 stylecolor:#74FFF1> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>AI Powered Localization/span> /li>li classflex items-start gap-2 stylecolor:#74FFF1> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Collaborators/span> /li> /ul> /div> /div> script typed4753b8115dc48e134bdc224-text/javascript>  document.addEventListener(DOMContentLoaded, function () {    // Handle pricing button clicks that need auth check    const pricingWrappers  document.querySelectorAll(.pricing-auth-wrapper)        pricingWrappers.forEach(wrapper > {      const link  wrapper.querySelector(a)      if (!link) return            link.addEventListener(click, async (e) > {        e.preventDefault() // Prevent default link behavior                let isLoggedIn  false        try {          const response  await fetch(/api/auth/session, {            credentials: include          })          if (response.ok) {            const data  await response.json()            isLoggedIn  data.isLoggedIn || (data.userId ? true : false)          }          // If response is not ok (4xx, 5xx), treat as logged out        } catch (error) {          console.error(Failed to check auth session:, error)          // If fetch fails completely, treat as logged out          isLoggedIn  false        }                // Redirect based on auth status        if (isLoggedIn) {          window.location.href  /applications/:app/settings/billing        } else {          window.location.href  /api/auth/signup        }      })    })  })/script>div classradial-gradient-container border border-white/10 font-bold font-ui !shadow-none grid grid-rows-subgrid row-span-5 gap-y-3 text-left p-4 sm:p-6 relative md:rounded-none md:rounded-bl-2xl lg:rounded-none border-b-0 md:border-b md:border-r-0 lg:border-b lg:border-r-0>   div classtext-base leading-tight stylecolor:#74FFF1> Scale /div>  div classflex items-baseline gap-1.5 flex-wrap> h3 classtext-2xl sm:text-3xl leading-tight> span classtext-white/70>$/span> span classtext-white>199/span> /h3> span classtext-white/70 text-sm sm:text-base>/ month/span> /div>  span classtext-white/70 text-sm leading-relaxed> + 1% ofastro-island uidZ28rJYB prefixr375 component-url/_astro/Tooltip.Bc18ig0o.js component-exportTooltip renderer-url/_astro/client.DIfvxlH4.js props{"text":0,"MAR","tooltipContent":0,"$199 flat monthly fee plus 1% of Monthly Attributed Revenue (MAR)"} ssr clientload opts{"name":"Tooltip","value":true} await-children>span classwhitespace-nowrap> !-- -->MAR!-- --> span classrelative inline-block ml-0.5>svg classw-4 h-4 text-white/70 inline-block cursor-help fillcurrentColor viewBox0 0 20 20 aria-hiddentrue>path fill-ruleevenodd dM18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z clip-ruleevenodd>/path>/svg>/span>/span>!--astro:end-->/astro-island>  /span>  div classpricing-auth-wrapper data-plan-idscale> a href# classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-300 text-black border-1px border-brand-primary-300 active:text-black/70 rounded-full px-5 md:px-7 py-2 lg:py-2.5 text-lg &&:bg-rgba(116,255,241,0.1) text-brand-primary-300 &&:shadow-xs &&:hover:bg-rgba(116,255,241,0.15) &&:border &&:border-brand-primary-300/20 rounded-full w-full text-sm origin-center>div classflex items-center gap-0 translate-x-0.5 group-active/button:translate-x-2 group-hover/button:-translate-x-0.5 transition-transform group-hover/button:duration-300 duration-200>Get Startedsvg width22 height22 fillnone strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 16 16 classtransition-all group-hover/button:duration-300 duration-200 undefined translate-y-1px translate-x-1 group-active/button:translate-x-6 group-active/button:blur-2px group-active/button:opacity-0 -mr-0.5>path dM12 8H4 classorigin-center opacity-0 scale-x-0 transition-all group-hover/button:scale-x-100 group-hover/button:opacity-100 group-hover/button:duration-300 duration-200 >/path>path dm6.5 11.5 3.146-3.146a.5.5 0 0 0 0-.708L6.5 4.5 classtransition-transform group-hover/button:duration-300 duration-200  translate-x--2px group-hover/button:translate-x-3.9px>/path>/svg>/div>/a> div classmt-18px h-px bg-white/10>/div> /div>  div classmin-h-0> ul classspace-y-2> li classflex items-start gap-2 stylecolor:#74FFF1>  span classtext-sm text-white/70>Everything in Startup, plus:/span> /li>li classflex items-start gap-2 stylecolor:#74FFF1> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Dedicated Account Manager/span> /li>li classflex items-start gap-2 stylecolor:#74FFF1> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Demand Score/span> /li>li classflex items-start gap-2 stylecolor:#74FFF1> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Refund Protection/span> /li>li classflex items-start gap-2 stylecolor:#74FFF1> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Transaction Abandon/span> /li>li classflex items-start gap-2 stylecolor:#74FFF1> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>AI Audience Gen/span> /li>li classflex items-start gap-2 stylecolor:#74FFF1> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Saved Snippets/span> /li> /ul> /div> /div> script typed4753b8115dc48e134bdc224-text/javascript>  document.addEventListener(DOMContentLoaded, function () {    // Handle pricing button clicks that need auth check    const pricingWrappers  document.querySelectorAll(.pricing-auth-wrapper)        pricingWrappers.forEach(wrapper > {      const link  wrapper.querySelector(a)      if (!link) return            link.addEventListener(click, async (e) > {        e.preventDefault() // Prevent default link behavior                let isLoggedIn  false        try {          const response  await fetch(/api/auth/session, {            credentials: include          })          if (response.ok) {            const data  await response.json()            isLoggedIn  data.isLoggedIn || (data.userId ? true : false)          }          // If response is not ok (4xx, 5xx), treat as logged out        } catch (error) {          console.error(Failed to check auth session:, error)          // If fetch fails completely, treat as logged out          isLoggedIn  false        }                // Redirect based on auth status        if (isLoggedIn) {          window.location.href  /applications/:app/settings/billing        } else {          window.location.href  /api/auth/signup        }      })    })  })/script>div classradial-gradient-container border border-white/10 font-bold font-ui !shadow-none grid grid-rows-subgrid row-span-5 gap-y-3 text-left p-4 sm:p-6 relative rounded-bl-2xl rounded-br-2xl md:rounded-none md:rounded-br-2xl lg:rounded-none lg:rounded-tr-2xl lg:rounded-br-2xl md:border-r md:border-b lg:border-r lg:border-b>   div classtext-base leading-tight stylecolor:#FFC459> Enterprise /div>  div classflex items-baseline gap-1.5 flex-wrap> h3 classtext-2xl sm:text-3xl text-white leading-tight>Custom/h3>  /div>  span classtext-white/70 text-sm leading-relaxed> 100% Custom Flat-Rate Pricing /span>  div class data-plan-identerprise> a href/contact/book-a-demo target_blank classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-#FFC459 text-black border-1px border-#FFC459 active:text-black/70 rounded-full  px-5 md:px-7 py-2 lg:py-2.5 text-lg rounded-full w-full text-sm origin-center>div classflex items-center gap-0 translate-x-0.5 group-active/button:translate-x-2 group-hover/button:-translate-x-0.5 transition-transform group-hover/button:duration-300 duration-200>Contact Ussvg width22 height22 fillnone strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 16 16 classtransition-all group-hover/button:duration-300 duration-200 undefined translate-y-1px translate-x-1 group-active/button:translate-x-6 group-active/button:blur-2px group-active/button:opacity-0 -mr-0.5>path dM12 8H4 classorigin-center opacity-0 scale-x-0 transition-all group-hover/button:scale-x-100 group-hover/button:opacity-100 group-hover/button:duration-300 duration-200 >/path>path dm6.5 11.5 3.146-3.146a.5.5 0 0 0 0-.708L6.5 4.5 classtransition-transform group-hover/button:duration-300 duration-200  translate-x--2px group-hover/button:translate-x-3.9px>/path>/svg>/div>/a> div classmt-18px h-px bg-white/10>/div> /div>  div classmin-h-0> ul classspace-y-2> li classflex items-start gap-2 stylecolor:#FFC459>  span classtext-sm text-white/70>Everything in Scale, plus:/span> /li>li classflex items-start gap-2 stylecolor:#FFC459> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Implementation Support/span> /li>li classflex items-start gap-2 stylecolor:#FFC459> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Dedicated Slack Support Channel/span> /li>li classflex items-start gap-2 stylecolor:#FFC459> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Monthly Syncs/span> /li>li classflex items-start gap-2 stylecolor:#FFC459> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>SSO/span> /li>li classflex items-start gap-2 stylecolor:#FFC459> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Custom SLA/span> /li>li classflex items-start gap-2 stylecolor:#FFC459> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Signed Contract/span> /li> /ul> /div> /div> script typed4753b8115dc48e134bdc224-text/javascript>  document.addEventListener(DOMContentLoaded, function () {    // Handle pricing button clicks that need auth check    const pricingWrappers  document.querySelectorAll(.pricing-auth-wrapper)        pricingWrappers.forEach(wrapper > {      const link  wrapper.querySelector(a)      if (!link) return            link.addEventListener(click, async (e) > {        e.preventDefault() // Prevent default link behavior                let isLoggedIn  false        try {          const response  await fetch(/api/auth/session, {            credentials: include          })          if (response.ok) {            const data  await response.json()            isLoggedIn  data.isLoggedIn || (data.userId ? true : false)          }          // If response is not ok (4xx, 5xx), treat as logged out        } catch (error) {          console.error(Failed to check auth session:, error)          // If fetch fails completely, treat as logged out          isLoggedIn  false        }                // Redirect based on auth status        if (isLoggedIn) {          window.location.href  /applications/:app/settings/billing        } else {          window.location.href  /api/auth/signup        }      })    })  })/script> /div> /div> /div> /div>  /div> script typed4753b8115dc48e134bdc224-module>function t(){const edocument.getElementById(main-hero);e&&(setTimeout(()>{e.classList.remove(not-loaded)},400),setTimeout(()>{e.classList.add(loaded)},3e3))}document.readyStateloading?document.addEventListener(DOMContentLoaded,t):t();/script>   /main> !-- Footer --> footer classtracking-tight bg-gray-900 relative>div classabsolute inset-0 bg-black/10 pointer-events-none>/div>div classrelative z-10 pt-5.5rem md:pt-7.5rem>div classmax-w-content-container w-full flex flex-col lg:flex-row justify-between justify-self-center gap-16 lg:gap-20 px-6 md:px-12 xl:px-0 xl:mx-4.75rem pb-16 md:pb-4.5rem>a href/ classgrid place-content-center lg:place-content-start>astro-island uidymvR8 prefixr381 component-url/_astro/LogoColorSmall.UpoAquiE.js component-exportdefault renderer-url/_astro/client.DIfvxlH4.js props{"className":0,"max-h-77px max-w-116px"} ssr clientload opts{"name":"LogoColorSmall","value":true} await-children>svg width118 height79 viewBox0 0 118 79 fillnone xmlnshttp://www.w3.org/2000/svg classmax-h-77px max-w-116px>path dM27.0652 77.9399C27.6724 77.9399 28.1554 77.7605 28.5142 77.4017C28.873 77.0429 29.0524 76.5599 29.0524 75.9527V70.1567C34.9036 69.5495 39.5542 67.7555 43.0042 64.7747C46.4542 61.7939 48.1792 57.9023 48.1792 53.0999C48.1792 49.8431 47.4892 47.1659 46.1092 45.0683C44.7292 42.9707 42.5902 41.2319 39.6922 39.8519C36.7942 38.4719 32.8888 37.2299 27.976 36.1259C24.4432 35.2427 21.7246 34.4147 19.8202 33.6419C17.9158 32.8691 16.5358 31.9859 15.6802 30.9923C14.8246 29.9987 14.3968 28.7567 14.3968 27.2663C14.3968 25.0583 15.2662 23.3747 17.005 22.2155C18.7438 21.0563 21.1312 20.4767 24.1672 20.4767C26.9272 20.4767 29.2318 21.0701 31.081 22.2569C32.9302 23.4437 34.0204 24.9203 34.3516 26.6867C34.7932 27.6803 35.5936 28.1771 36.7528 28.1771H44.6188C45.1156 28.1771 45.5296 28.0115 45.8608 27.6803C46.192 27.3491 46.3576 26.9351 46.3576 26.4383C46.2472 24.3959 45.5158 22.2983 44.1634 20.1455C42.811 17.9927 40.8514 16.1021 38.2846 14.4737C35.7178 12.8453 32.6404 11.7827 29.0524 11.2859V5.40712C29.0524 4.79992 28.873 4.31692 28.5142 3.95812C28.1554 3.59932 27.6724 3.41992 27.0652 3.41992H21.9316C21.3796 3.41992 20.9104 3.59932 20.524 3.95812C20.1376 4.31692 19.9444 4.79992 19.9444 5.40712V11.1203C14.5348 11.7827 10.2706 13.6043 7.15179 16.5851C4.03299 19.5659 2.47359 23.2091 2.47359 27.5147C2.47359 32.2619 3.99159 35.9051 7.02759 38.4443C10.0636 40.9835 14.8384 43.0259 21.352 44.5715C25.2712 45.6203 28.2382 46.5173 30.253 47.2625C32.2678 48.0077 33.772 48.8771 34.7656 49.8707C35.7592 50.8643 36.256 52.1063 36.256 53.5967C36.256 55.8599 35.2762 57.6401 33.3166 58.9373C31.357 60.2345 28.4728 60.8831 24.664 60.8831C21.2416 60.8831 18.5506 60.2483 16.591 58.9787C14.6314 57.7091 13.348 56.1359 12.7408 54.2591C12.4096 53.7071 12.0646 53.3069 11.7058 53.0585C11.347 52.8101 10.8364 52.6859 10.174 52.6859H2.72199C2.22519 52.6859 1.79739 52.8653 1.43859 53.2241C1.07979 53.5829 0.900391 53.9831 0.900391 54.4247C1.01079 56.9639 1.79739 59.3513 3.26019 61.5869C4.72299 63.8225 6.87579 65.7131 9.71859 67.2587C12.5614 68.8043 15.97 69.7703 19.9444 70.1567V75.9527C19.9444 76.5599 20.1376 77.0429 20.524 77.4017C20.9104 77.7605 21.3796 77.9399 21.9316 77.9399H27.0652Z fill#74FFF1 stroke#74FFF1 stroke-width1.8>/path>path dM73.9038 58.8604C75.3942 58.8604 76.3603 58.1704 76.8019 56.7904L86.0755 29.3008L95.3491 56.7904C95.5147 57.3424 95.8459 57.8254 96.3427 58.2394C96.8395 58.6534 97.4743 58.8604 98.2471 58.8604H103.877C104.705 58.8604 105.382 58.6396 105.906 58.198C106.43 57.7564 106.748 57.1492 106.858 56.3764L116.629 3.30159C116.684 3.13599 116.711 2.91519 116.711 2.63919C116.711 2.14239 116.546 1.72839 116.215 1.39719C115.883 1.06599 115.497 0.900391 115.055 0.900391H107.603C106.223 0.900391 105.451 1.45239 105.285 2.55639L98.4955 39.8164L91.0435 15.8044C90.8779 15.2524 90.5743 14.7694 90.1327 14.3554C89.6911 13.9414 89.1115 13.7344 88.3939 13.7344H83.8399C82.5702 13.7344 81.6595 14.4244 81.1075 15.8044L73.7383 39.8164L66.8658 2.55639C66.7554 1.94919 66.5346 1.52139 66.2034 1.27299C65.8722 1.02459 65.3479 0.900391 64.6303 0.900391H57.1783C56.6815 0.900391 56.2675 1.06599 55.9363 1.39719C55.6051 1.72839 55.4395 2.14239 55.4395 2.63919L55.5223 3.30159L65.2927 56.3764C65.6791 58.0324 66.6727 58.8604 68.2735 58.8604H73.9038Z fillwhite strokewhite stroke-width1.8>/path>/svg>!--astro:end-->/astro-island>/a>div classlg:max-w-4xl w-full flex flex-wrap md:flex-row justify-between items-start gap-x-1 gap-y-4.5rem>div classmax-w-1/2>h3 classfont-title text-lg font-medium text-white leading-1.55>Legal/h3>ul classmt-3 space-y-4>li>a hrefhttps://superwall.com/legal/privacy-policy/ classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>Privacy Policy/a>/li>li>a hrefhttps://superwall.com/legal/terms-of-service/ classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>Terms of Use/a>/li>li>a hrefhttps://superwall.com/legal/gdpr/ classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>GDPR/a>/li>li>a hrefhttps://superwall.com/legal/dpa/ classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>DPA/a>/li>/ul>/div>div classmax-w-1/2>h3 classfont-title text-lg font-medium text-white leading-1.55>Product/h3>ul classmt-3 space-y-4>li>a hrefhttps://superwall.com/api/auth/signup classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>Sign Up/a>/li>li>a hrefhttps://superwall.com/api/auth/login classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>Log In/a>/li>li>a hrefhttps://superwall.com/pricing classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>Pricing/a>/li>li>a target_blank relnoopener noreferrer hrefhttps://status.superwall.com classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>System Status/a>/li>/ul>/div>div classmax-w-1/2>h3 classfont-title text-lg font-medium text-white leading-1.55>Company/h3>ul classmt-3 space-y-4>li>a target_blank relnoopener noreferrer hrefhttps://twitter.com/superwall classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>Twitter/a>/li>li>a target_blank relnoopener noreferrer href/cdn-cgi/l/email-protection#2f5b4a4e426f5c5a5f4a5d584e4343014c4042105c5a4d454a4c5b127c5a5f4a5d584e43430a1d1f66415e5a465d56 classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>span class__cf_email__ data-cfemail423627232f02313732273035232e2e6c212d2f>email protected/span>/a>/li>li>a hrefhttps://superwall.com/contact/book-a-demo classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>Book a demo/a>/li>li>a target_blank relnoopener noreferrer href/cdn-cgi/l/email-protection#bbcfdedad6fbc8cecbdec9ccdad7d795d8d4d684c8ced9d1ded8cf86f4cbded59e898bcbd4c8d2cfd2d4d5c89e898bdacf9e898be8cecbdec9ccdad7d7 classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>Careers/a>/li>/ul>/div>div classmax-w-1/2>h3 classfont-title text-lg font-medium text-white leading-1.55>Resources/h3>ul classmt-3 space-y-4>li>a target_blank relnoopener noreferrer hrefhttps://superwall.com/docs classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>Docs/a>/li>li>a target_blank relnoopener noreferrer hrefhttps://superwall.com/docs/sdk/sdk-reference classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>SDK Reference/a>/li>li>a target_blank relnoopener noreferrer hrefhttps://github.com/superwall classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>GitHub/a>/li>li>a target_blank relnoopener noreferrer hrefhttps://paywallscreens.com classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>Inspiration/a>/li>/ul>/div>/div>/div>div classw-auto py-12 border-t border-white/10 lg:mx-8>div classw-full flex justify-center>p classtext-base font-ui text-white/70 copyright-text>© 2025 Superwall. All rights reserved./p>/div>/div>/div>/footer>script data-cfasyncfalse src/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js>/script>script typed4753b8115dc48e134bdc224-module>document.addEventListener(DOMContentLoaded,()>{const tdocument.querySelector(.copyright-text);if(t){const enew Date().getFullYear();t.textContent&&(t.textContentt.textContent.replace(/\b\d{4}\b/g,e.toString()))}});/script> !-- Footer slot for optional additional footer content -->  !-- Global Scripts (Body End) --> !-- Analytics Scripts -->!-- June Analytics -->!-- Intercom -->script typed4753b8115dc48e134bdc224-text/javascript>      (function(){var wwindow;var icw.Intercom;if(typeof icfunction){ic(reattach_activator);ic(update,w.intercomSettings);}else{var ddocument;var ifunction(){i.c(arguments);};i.q;i.cfunction(args){i.q.push(args);};w.Intercomi;var lfunction(){var sd.createElement(script);s.typetext/javascript;s.asynctrue;s.srchttps://widget.intercom.io/widget/oyf4e3ep;var xd.getElementsByTagName(script)0;x.parentNode.insertBefore(s,x);};if(document.readyStatecomplete){l();}else if(w.addEventListener){w.addEventListener(load,l,false);}else{w.attachEvent(onload,l);}}})();    /script>!-- Custom Pixel Tracking -->script srchttps://yqagkqabd5.us-east-2.awsapprunner.com/pixel.js data-project-id86aa073c-62ff-4eb8-aaff-91cb72bfbbd7 typed4753b8115dc48e134bdc224-text/javascript>/script>!-- Twitter Ads -->!-- Koala -->!-- Pylon --> script src/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js data-cf-settingsd4753b8115dc48e134bdc224-|49 defer>/script>/body>/html>

Port 443

HTTP/1.1 200 OKDate: Sat, 17 Jan 2026 19:21:13 GMTContent-Type: text/html; charsetutf-8Transfer-Encoding: chunkedConnection: keep-aliveServer: cloudflareNel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}access-control-allow-origin: *age: 93658cache-control: public, max-age0, must-revalidatecontent-disposition: inlineReport-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?s2k5TyvYHGfiKIiFFvd66TV8P5aZUz3s%2FjVCb56tDTfSiV3mp%2BGryWTd2UxYzCFI852exrx75FrN2eiAiIVso6E8xrbBapHpIkdcBkUYs}}last-modified: Thu, 15 Jan 2026 20:37:06 GMTstrict-transport-security: max-age63072000; includeSubDomains; preloadx-vercel-cache: HITx-vercel-id: iad1::bnkz5-1768677673217-335717d12dcdVary: Accept-Encodingcf-cache-status: DYNAMICCF-RAY: 9bf836e09f0d495f-PDX

!DOCTYPE html>html langen classoverflow-x-hidden> head>meta charsetutf-8>meta nameviewport contentwidthdevice-width, initial-scale1.0>meta namegenerator contentAstro v5.13.10>!-- Title and Description -->title>Paywalls for mobile apps - Superwall/title>meta namedescription contentThe ultimate paywall solution for iOS & Android apps>meta namekeywords contentpaywall, mobile apps, subscription, monetization>!-- Canonical URL -->link relcanonical hrefhttps://superwall.com/>!-- Favicon -->link relicon typeimage/svg+xml href/assets/favicon.svg>!-- Open Graph -->meta propertyog:title contentPaywalls for mobile apps>meta propertyog:description contentThe ultimate paywall solution for iOS & Android apps>meta propertyog:type contentwebsite>meta propertyog:url contenthttps://superwall.com/>meta propertyog:image content/assets/og-image.jpg>meta propertyog:site_name contentSuperwall>!-- Twitter Card -->meta nametwitter:card contentsummary_large_image>meta nametwitter:title contentPaywalls for mobile apps>meta nametwitter:description contentThe ultimate paywall solution for iOS & Android apps>meta nametwitter:image content/assets/og-image.jpg>!-- Robots -->!-- Preload critical fonts -->link relpreconnect hrefhttps://fonts.googleapis.com>link relpreconnect hrefhttps://fonts.gstatic.com crossorigin>!-- Global Scripts (Head) -->!-- Google tag (gtag.js) -->script async srchttps://www.googletagmanager.com/gtag/js?idAW-16895514314 type08db4330841c51354024416f-text/javascript>/script>script type08db4330841c51354024416f-text/javascript>  window.dataLayer  window.dataLayer || ;  function gtag(){dataLayer.push(arguments);}  gtag(js, new Date());  gtag(config, AW-16895514314);/script>script type08db4330841c51354024416f-text/javascript>    !function(t,e){var o,n,p,r;e.__SV||(window.posthog && window.posthog.__loaded)||(window.posthoge,e._i,e.initfunction(i,s,a){function g(t,e){var oe.split(.);2o.length&&(tto0,eo1),tefunction(){t.push(e.concat(Array.prototype.slice.call(arguments,0)))}}(pt.createElement(script)).typetext/javascript,p.crossOriginanonymous,p.async!0,p.srcs.api_host.replace(.i.posthog.com,-assets.i.posthog.com)+/static/array.js,(rt.getElementsByTagName(script)0).parentNode.insertBefore(p,r);var ue;for(void 0!a?uea:aposthog,u.peopleu.people||,u.toStringfunction(t){var eposthog;returnposthog!a&&(e+.+a),t||(e+ (stub)),e},u.people.toStringfunction(){return u.toString(1)+.people (stub)},oinit fi Cr Or ci Tr Ir capture Mi calculateEventProperties Ar register register_once register_for_session unregister unregister_for_session Nr getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey displaySurvey canRenderSurvey canRenderSurveyAsync identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty jr Mr createPersonProfile Lr kr Ur opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing get_explicit_consent_status is_capturing clear_opt_in_out_capturing Fr debug M Dr getPageViewId captureTraceFeedback captureTraceMetric Sr.split( ),n0;no.length;n++)g(u,on);e._i.push(i,s,a)},e.__SV1)}(document,window.posthog||);    posthog.init(phc_JLVMCDWhjBypOQV7HHBlaFTAQcjsxeavdm8W7AzTCHI, {        api_host: https://us.i.posthog.com,        defaults: 2025-05-24,        person_profiles: identified_only, // or always to create profiles for anonymous users as well    })/script>!-- Analytics Scripts -->script type08db4330841c51354024416f-text/javascript>    (function(w,d,s,l,i){wlwl||;wl.push({gtm.start:    new Date().getTime(),event:gtm.js});var fd.getElementsByTagName(s)0,    jd.createElement(s),dll!dataLayer?&l+l:;j.asynctrue;j.src    https://www.googletagmanager.com/gtm.js?id+i+dl;f.parentNode.insertBefore(j,f);    })(window,document,script,dataLayer,GTM-KBK427DW);  /script>!-- June Analytics -->!-- Intercom -->!-- Custom Pixel Tracking -->!-- Twitter Ads -->script type08db4330841c51354024416f-text/javascript>    !function(e,t,n,s,u,a){e.twq||(se.twqfunction(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);    },s.version1.1,s.queue,ut.createElement(n),u.async!0,u.srchttps://static.ads-twitter.com/uwt.js,    at.getElementsByTagName(n)0,a.parentNode.insertBefore(u,a))}(window,document,script);    twq(config,o5gil);  /script>!-- Koala -->script type08db4330841c51354024416f-text/javascript>    !function(t){if(window.ko)return;window.ko,identify,track,removeListeners,open,on,off,qualify,ready.forEach(function(t){kotfunction(){var n.slice.call(arguments);return n.unshift(t),ko.push(n),ko}});var ndocument.createElement(script);n.async!0,n.setAttribute(src,https://cdn.getkoala.com/v1/pk_bb14368d62edc25720162725191d610bbd28/sdk.js),(document.body || document.head).appendChild(n)}();  /script>!-- Pylon -->script type08db4330841c51354024416f-text/javascript>    (function(){var ewindow;var tdocument;var nfunction(){n.e(arguments)};n.q;n.efunction(e){n.q.push(e)};e.Pylonn;var rfunction(){var et.createElement(script);e.setAttribute(type,text/javascript);e.setAttribute(async,true);e.setAttribute(src,https://widget.usepylon.com/widget/3016d5e1-846d-4920-a1c0-7093acfdef82);var nt.getElementsByTagName(script)0;n.parentNode.insertBefore(e,n)};if(t.readyStatecomplete){r()}else if(e.addEventListener){e.addEventListener(load,r,false)}})();  /script>script type08db4330841c51354024416f-text/javascript>    (async function () {      try {        var response  await fetch(/api/auth/session, { credentials: include });        var isLoggedIn  true;        if (response && response.ok) {          try {            var session  await response.json();            isLoggedIn  !!(session && session.isLoggedIn);          } catch (_e) {            // ignore JSON parse errors; default remains logged in          }        }        if (!isLoggedIn) {          // Avina          (function (m, e, s, h, a, i, c) {            ma  ma || function () {              (ma.q  ma.q || ).push(arguments);            };            var o  e.createElement(s);            o.type  text/javascript;            o.id  mesh-analytics-sdk;            o.async  true;            o.src  h;            o.setAttribute(data-mesh-sdk, i);            o.setAttribute(data-mesh-sdk-attributes, JSON.stringify(c));            var x  e.getElementsByTagName(s)0;            x.parentNode.insertBefore(o, x);          })(window, document, script,            https://cdn.jsdelivr.net/npm/@mesh-interactive/mesh-sdk@latest/dist/umd/index.js, mesh,            f07b5d8a5db35b3c4ae6847dc9fd5aea,            { useFingerprint: false, track: { session: true, forms: true } });          // Unify          !function () {            var methods  identify, page, startAutoPage, stopAutoPage, startAutoIdentify, stopAutoIdentify;            function factory(queue) {              return Object.assign(, methods.reduce(function (acc, name) {                accname  function () { return queue.push(name, .slice.call(arguments)), queue; };                return acc;              }, {}));            }            window.unify || (window.unify  factory(window.unify));            window.unifyBrowser || (window.unifyBrowser  factory(window.unifyBrowser));            var script  document.createElement(script);            script.async  true;            script.setAttribute(src, https://tag.unifyintent.com/v1/BVX9FKaxzFGCRccAumvRMY/script.js);            script.setAttribute(data-api-key, wk_FwitvsY3_6G932EdwwUi7h4YaJpXTCn1Pd8QrMaRk);            script.setAttribute(id, unifytag);            (document.body || document.head).appendChild(script);          }();          // RB2B          !function(key) {if (window.reb2b) return;window.reb2b  {loaded: true};var s  document.createElement(script);s.async  true;s.src  https://b2bjsstore.s3.us-west-2.amazonaws.com/b/ + key + / + key + .js.gz;document.getElementsByTagName(script)0.parentNode.insertBefore(s, document.getElementsByTagName(script)0);}(GOYPYHDMWROX);          // CR-Relay Signals          (function() {            if (typeof window  undefined) return;            if (typeof window.signals ! undefined) return;            var script  document.createElement(script);            script.src  https://cdn.cr-relay.com/v1/site/4917ccd3-ed29-4d67-aac8-31ff4766d046/signals.js;            script.async  true;            window.signals  Object.assign(              ,              page, identify, form.reduce(function (acc, method){                accmethod  function () {                  signals.push(method, arguments);                  return signals;                };               return acc;              }, {})            );            document.head.appendChild(script);          })();        }      } catch (_err) {        // On error, assume logged in (do nothing)      }    })();  /script>!-- Additional head content from page -->style>.blur-artifactdata-astro-cid-g5s3wlnq{animation:scale 20s ease-in-out infinite}.blur-artifactdata-astro-cid-g5s3wlnq .div-1data-astro-cid-g5s3wlnq{animation-delay:0s;animation:spin 40s ease-in-out infinite alternate}.blur-artifactdata-astro-cid-g5s3wlnq .div-2data-astro-cid-g5s3wlnq{animation:spin 40s ease-in-out infinite alternate}.blur-artifactdata-astro-cid-g5s3wlnq .div-3data-astro-cid-g5s3wlnq{animation:spin 40s ease-in-out infinite alternate-reverse}@keyframes scale{0%{transform:scaleX(3) rotate(0)}50%{transform:scaleX(5) rotate(180deg)}to{transform:scaleX(3) rotate(360deg)}}@keyframes spin{0%{transform:translateY(-40%) rotate(0)}to{transform:translateY(40%) rotate(360deg)}}/style>link relstylesheet href/_astro/_slug_.DQcFAbWm.css>style>.blur-artifactdata-astro-cid-3do7wtlr{animation:scale 20s ease-in-out infinite}.blur-artifactdata-astro-cid-3do7wtlr .div-1data-astro-cid-3do7wtlr{animation-delay:0s;animation:spin 40s ease-in-out infinite alternate}.blur-artifactdata-astro-cid-3do7wtlr .div-2data-astro-cid-3do7wtlr{animation:spin 40s ease-in-out infinite alternate}.blur-artifactdata-astro-cid-3do7wtlr .div-3data-astro-cid-3do7wtlr{animation:spin 40s ease-in-out infinite alternate-reverse}@keyframes scale{0%{transform:scaleX(3) rotate(0)}50%{transform:scaleX(5) rotate(180deg)}to{transform:scaleX(3) rotate(360deg)}}@keyframes spin{0%{transform:translateY(-40%) rotate(0)}to{transform:translateY(40%) rotate(360deg)}}.video-modaldata-astro-cid-bn7cw7bh{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:opacity,backdrop-filter,background-color;transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.video-modal--hiddendata-astro-cid-bn7cw7bh{opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background-color:#0000;background-color:transparent}.video-modal--openingdata-astro-cid-bn7cw7bh{opacity:0;visibility:visible;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background-color:#0000;background-color:transparent}.video-modal--visibledata-astro-cid-bn7cw7bh{opacity:1;visibility:visible;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#00000080;background-color:#000000b3}.video-modal--closingdata-astro-cid-bn7cw7bh{opacity:0;visibility:visible;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background-color:#0000;background-color:transparent}.video-modal--hiddendata-astro-cid-bn7cw7bh .video-containerdata-astro-cid-bn7cw7bh,.video-modal--openingdata-astro-cid-bn7cw7bh .video-containerdata-astro-cid-bn7cw7bh,.video-modal--closingdata-astro-cid-bn7cw7bh .video-containerdata-astro-cid-bn7cw7bh{transform:scale3d(.9,.9,1);opacity:0}.video-modal--visibledata-astro-cid-bn7cw7bh .video-containerdata-astro-cid-bn7cw7bh{transform:scaleZ(1);opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.video-containerdata-astro-cid-bn7cw7bh{transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity;transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@supports (-webkit-backdrop-filter: blur(1px)){.video-modal--visibledata-astro-cid-bn7cw7bh{background-color:#00000080}}@supports not (backdrop-filter: blur(1px)) and not (-webkit-backdrop-filter: blur(1px)){.video-modal--visibledata-astro-cid-bn7cw7bh{background-color:#000c}}.overflow-hiddendata-astro-cid-bn7cw7bh{overflow:hidden!important;position:fixed;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.not-loadeddata-astro-cid-j7pv25f6{opacity:0;filter:blur(10px);transform-origin:center;transform:perspective(100vh) rotateX(-80deg) translateY(100%)}.bleed-edgesdata-astro-cid-bzsy455p{mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent)}.marquee-contentdata-astro-cid-bzsy455p{animation:marquee;animation-timing-function:linear;animation-iteration-count:infinite}.marquee-contentdata-astro-cid-bzsy455p.left-to-right{animation:marquee-reverse;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes marquee-reverse{0%{transform:translate(0)}to{transform:translate(100%)}}/style>script type08db4330841c51354024416f-text/javascript>window.va  window.va || function () { (window.vaq  window.vaq || ).push(arguments); };		var script  document.createElement(script);		script.defer  true;		script.src  /_vercel/insights/script.js;		var head  document.querySelector(head);		head.appendChild(script);	/script>/head> body classfont-body bg-gray-900 text-white antialiased> !-- Global Scripts (Body Start) --> !-- Analytics Scripts -->noscript>iframe srchttps://www.googletagmanager.com/ns.html?idGTM-KBK427DW height0 width0 styledisplay:none;visibility:hidden>/iframe>/noscript>!-- June Analytics -->!-- Intercom -->!-- Custom Pixel Tracking -->!-- Twitter Ads -->!-- Koala -->!-- Pylon --> !-- Navigation --> div class data-astro-cid-psjfeutw>div classw-full bg-gradient-to-b from-gray-900 via-gray-900/90 to-gray-900/0 fixed top-0 left-0 right-0 h-header-mobile-height md:h-header-tablet-height xl:h-header-height z-100 flex justify-center p-6 pb-0 md:px-12 xl:px-6 @media(min-width:2560px):px-0 data-astro-cid-psjfeutw>nav idnavbar classw-full xl:max-w-1790px data-astro-cid-psjfeutw>div classw-full flex justify-between items-center relative h-navbar-mobile-height md:h-navbar-tablet-height xl:h-navbar-height data-astro-cid-psjfeutw>!-- Logo Section -->div classtext-left pr-3 data-astro-cid-psjfeutw>style>astro-island,astro-slot,astro-static-slot{display:contents}/style>script type08db4330841c51354024416f-text/javascript>(()>{var easync t>{await(await t())()};(self.Astro||(self.Astro{})).loade;window.dispatchEvent(new Event(astro:load));})();/script>script type08db4330841c51354024416f-text/javascript>(()>{var AObject.defineProperty;var g(i,o,a)>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):ioa;var d(i,o,a)>g(i,typeof o!symbol?o+:o,a);{let i{0:t>m(t),1:t>a(t),2:t>new RegExp(t),3:t>new Date(t),4:t>new Map(a(t)),5:t>new Set(a(t)),6:t>BigInt(t),7:t>new URL(t),8:t>new Uint8Array(t),9:t>new Uint16Array(t),10:t>new Uint32Array(t),11:t>1/0*t},ot>{letl,et;return l in i?il(e):void 0},at>t.map(o),mt>typeof t!object||tnull?t:Object.fromEntries(Object.entries(t).map((l,e)>l,o(e)));class y extends HTMLElement{constructor(){super(...arguments);d(this,Component);d(this,hydrator);d(this,hydrate,async()>{var b;if(!this.hydrator||!this.isConnected)return;let e(bthis.parentElement)null?void 0:b.closest(astro-islandssr);if(e){e.addEventListener(astro:hydrate,this.hydrate,{once:!0});return}let cthis.querySelectorAll(astro-slot),n{},hthis.querySelectorAll(templatedata-astro-template);for(let r of h){let sr.closest(this.tagName);s!null&&s.isSameNode(this)&&(nr.getAttribute(data-astro-template)||defaultr.innerHTML,r.remove())}for(let r of c){let sr.closest(this.tagName);s!null&&s.isSameNode(this)&&(nr.getAttribute(name)||defaultr.innerHTML)}let p;try{pthis.hasAttribute(props)?m(JSON.parse(this.getAttribute(props))):{}}catch(r){let sthis.getAttribute(component-url)||unknown>,vthis.getAttribute(component-export);throw v&&(s+` (export ${v})`),console.error(`hydrate Error parsing props for component ${s}`,this.getAttribute(props),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute(client)}),this.removeAttribute(ssr),this.dispatchEvent(new CustomEvent(astro:hydrate))});d(this,unmount,()>{this.isConnected||this.dispatchEvent(new CustomEvent(astro:unmount))})}disconnectedCallback(){document.removeEventListener(astro:after-swap,this.unmount),document.addEventListener(astro:after-swap,this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute(await-children)||document.readyStateinteractive||document.readyStatecomplete)this.childrenConnectedCallback();else{let e()>{document.removeEventListener(DOMContentLoaded,e),c.disconnect(),this.childrenConnectedCallback()},cnew MutationObserver(()>{var n;((nthis.lastChild)null?void 0:n.nodeType)Node.COMMENT_NODE&&this.lastChild.nodeValueastro:end&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener(DOMContentLoaded,e)}}async childrenConnectedCallback(){let ethis.getAttribute(before-hydration-url);e&&await import(e),this.start()}async start(){let eJSON.parse(this.getAttribute(opts)),cthis.getAttribute(client);if(Astrocvoid 0){window.addEventListener(`astro:${c}`,()>this.start(),{once:!0});return}try{await Astroc(async()>{let nthis.getAttribute(renderer-url),h,{default:p}await Promise.all(import(this.getAttribute(component-url)),n?import(n):()>()>{}),uthis.getAttribute(component-export)||default;if(!u.includes(.))this.Componenthu;else{this.Componenth;for(let f of u.split(.))this.Componentthis.Componentf}return this.hydratorp,this.hydrate},e,this)}catch(n){console.error(`astro-island Error hydrating ${this.getAttribute(component-url)}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,observedAttributes,props),customElements.get(astro-island)||customElements.define(astro-island,y)}})();/script>astro-island uid6puJy prefixr365 component-url/_astro/BrandKitDropdown.Dj1eOdv-.js component-exportdefault renderer-url/_astro/client.DIfvxlH4.js props{"data-astro-cid-psjfeutw":0,true} ssr clientload opts{"name":"BrandKitDropdown","value":true} await-children>link relpreload asimage href/assets/logo.svg/>div classrelative>a href/ classflex items-center group focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-primary-300 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-900 rounded-sm titleSuperwall (right-click for brand kit) aria-labelSuperwall home (right-click for brand kit)>img src/assets/logo.svg altSuperwall classh-4 xl:h-5 transition-opacity group-hover:opacity-80/>/a>/div>!--astro:end-->/astro-island>/div>!-- Desktop Navigation -->div idnavbar-content classhidden xl:block absolute left-1/2 -translate-x-1/2 top-0 data-astro-cid-psjfeutw>div classfont-ui bg-gray-900/70 backdrop-blur-10px border border-white/10 flex items-center h-navbar-height px-2.5 rounded-full overflow-visible data-astro-cid-psjfeutw>div idnav-button-twczltv0v classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 > div classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between sticky xl:static top-0 left-0 bg-gray-800 xl:bg-transparent z-1 pr-34px md:pr-6 xl:pr-0> div classw-full transition-all duration-200 font-bold py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Featuresdiv classnav-menu-mega cursor-default text-shadow-none  data-astro-cid-l5dysisd> !-- Desktop Mega Menu --> div classhidden xl:flex left-1/2 -translate-x-1/2 fixed top-calc(var(--spacing-navbar-height)-8px) pt-25px shadow-xl rounded-xl translate-y-2 group-.menu-open:translate-y-0 group-hover:xl:translate-y-0 transition-all duration-300 nav-menu scale-y-0.95 group-hover:xl:scale-y-100 group-.menu-open:scale-y-100 blur-xs group-hover:xl:blur-none group-.menu-open:blur-none opacity-0 group-hover:xl:opacity-100 group-.menu-open:opacity-100 invisible group-hover:xl:visible group-.menu-open:visible z-50 data-astro-cid-l5dysisd> div classflex max-h-calc(100dvh-7rem) overflow-y-hidden bg-gray-800 border border-gray-400/20 rounded-xl divide-x divide-white/10 w-auto max-w-calc(100dvw-6rem) data-astro-cid-l5dysisd> div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8  data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 width24 height24 style fillcurrentColor class>g fillcurrentColor>  path dM13,10.265V5.013a9.722,9.722,0,0,1,2.6.722l1.342.662,1.327-2.69-1.345-.663A12.4,12.4,0,0,0,13,1.989V0H11V1.983c-3.537.306-5.773,2.3-5.773,5.264,0,3.726,3.174,4.85,5.773,5.577V18.09a15.77,15.77,0,0,1-4.24-.819l-1.411-.509L4.33,19.583l1.411.51A18.577,18.577,0,0,0,11,21.1V24h2V21.087c5.125-.431,5.708-3.776,5.708-5.264C18.708,12.129,15.587,10.993,13,10.265ZM8.227,7.247c0-1.6,1.6-2.1,2.773-2.249V9.69C9.1,9.092,8.227,8.523,8.227,7.247ZM13,18.072V13.4c1.857.591,2.708,1.161,2.708,2.422C15.708,16.382,15.7,17.769,13,18.072Z fillcurrentColor >  /path>/g>/svg>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> Monetization /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self href/features/paywall-editor class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Paywall Editor /p> /a>a target_self href/features/template-gallery class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Template Gallery /p> /a>a target_self href/features/campaigns class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Campaigns /p> /a>a target_self href/features/placements class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Placements /p> /a>a target_self href/features/audience-targeting class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Audiences & Targeting /p> /a>a target_self href/features/ab-testing class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> A/B Testing /p> /a>a target_self href/features/deep-links class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Deep Links /p> /a>a target_self href/features/app-to-web-checkout class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> App to Web Checkout /p> /a>a target_self href/features/web-paywalls class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Web Paywalls /p> /a>a target_self href/features/localization class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Localization /p> /a>a target_self href/features/ai-pricing-demand-score class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> AI Pricing – Demand Score /p> /a> /div> /div> /div>div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8  data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-br-chart-simple styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> Analytics /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self href/features/paywall-analytics class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Paywall Analytics /p> /a>a target_self href/features/conversion-stats class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Conversion Stats /p> /a>a target_self href/features/revenue-tracking class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Revenue Tracking /p> /a>a target_self href/features/subscription-analytics class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Subscription Analytics /p> /a>a target_self href/features/paywall-revenue-attribution class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Paywall Revenue Attribution /p> /a>a target_self href/features/filters-and-breakdowns class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Filters & Breakdowns /p> /a>a target_self href/features/custom-user-properties class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Custom User Properties /p> /a>a target_self href/features/search-ads-attribution class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Search Ads Attribution /p> /a> /div> /div> /div>div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8  data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-rocket-lunch styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> Subscription Management /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self href/features/customers class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Customers /p> /a>a target_self href/features/entitlements-and-products class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Entitlements & Products /p> /a>a target_self href/features/surveys class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Surveys /p> /a>a target_self href/features/free-trial-reminders class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Free Trial Reminders /p> /a>a target_self href/features/refund-protection class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Refund Protection /p> /a> /div> /div> /div> /div> /div> !-- Mobile Menu --> div classblock xl:hidden data-astro-cid-l5dysisd> div classhidden group-.menu-open:flex w-full flex-col gap-y-6 pb-6 divide-y divide-white/10 pt-2 data-astro-cid-l5dysisd> div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 width21.5 height21.5 style fillcurrentColor classtext-brand-primary-350>g fillcurrentColor>  path dM13,10.265V5.013a9.722,9.722,0,0,1,2.6.722l1.342.662,1.327-2.69-1.345-.663A12.4,12.4,0,0,0,13,1.989V0H11V1.983c-3.537.306-5.773,2.3-5.773,5.264,0,3.726,3.174,4.85,5.773,5.577V18.09a15.77,15.77,0,0,1-4.24-.819l-1.411-.509L4.33,19.583l1.411.51A18.577,18.577,0,0,0,11,21.1V24h2V21.087c5.125-.431,5.708-3.776,5.708-5.264C18.708,12.129,15.587,10.993,13,10.265ZM8.227,7.247c0-1.6,1.6-2.1,2.773-2.249V9.69C9.1,9.092,8.227,8.523,8.227,7.247ZM13,18.072V13.4c1.857.591,2.708,1.161,2.708,2.422C15.708,16.382,15.7,17.769,13,18.072Z fillcurrentColor >  /path>/g>/svg>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> Monetization /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self href/features/paywall-editor classflex text-white text-base font-bold items-center justify-between py-3> Paywall Editor /a>a data-mobile-nav-link target_self href/features/template-gallery classflex text-white text-base font-bold items-center justify-between py-3> Template Gallery /a>a data-mobile-nav-link target_self href/features/campaigns classflex text-white text-base font-bold items-center justify-between py-3> Campaigns /a>a data-mobile-nav-link target_self href/features/placements classflex text-white text-base font-bold items-center justify-between py-3> Placements /a>a data-mobile-nav-link target_self href/features/audience-targeting classflex text-white text-base font-bold items-center justify-between py-3> Audiences & Targeting /a>a data-mobile-nav-link target_self href/features/ab-testing classflex text-white text-base font-bold items-center justify-between py-3> A/B Testing /a>a data-mobile-nav-link target_self href/features/deep-links classflex text-white text-base font-bold items-center justify-between py-3> Deep Links /a>a data-mobile-nav-link target_self href/features/app-to-web-checkout classflex text-white text-base font-bold items-center justify-between py-3> App to Web Checkout /a>a data-mobile-nav-link target_self href/features/web-paywalls classflex text-white text-base font-bold items-center justify-between py-3> Web Paywalls /a>a data-mobile-nav-link target_self href/features/localization classflex text-white text-base font-bold items-center justify-between py-3> Localization /a>a data-mobile-nav-link target_self href/features/ai-pricing-demand-score classflex text-white text-base font-bold items-center justify-between py-3> AI Pricing – Demand Score /a> /div> /div> /div>div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-br-chart-simple styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> Analytics /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self href/features/paywall-analytics classflex text-white text-base font-bold items-center justify-between py-3> Paywall Analytics /a>a data-mobile-nav-link target_self href/features/conversion-stats classflex text-white text-base font-bold items-center justify-between py-3> Conversion Stats /a>a data-mobile-nav-link target_self href/features/revenue-tracking classflex text-white text-base font-bold items-center justify-between py-3> Revenue Tracking /a>a data-mobile-nav-link target_self href/features/subscription-analytics classflex text-white text-base font-bold items-center justify-between py-3> Subscription Analytics /a>a data-mobile-nav-link target_self href/features/paywall-revenue-attribution classflex text-white text-base font-bold items-center justify-between py-3> Paywall Revenue Attribution /a>a data-mobile-nav-link target_self href/features/filters-and-breakdowns classflex text-white text-base font-bold items-center justify-between py-3> Filters & Breakdowns /a>a data-mobile-nav-link target_self href/features/custom-user-properties classflex text-white text-base font-bold items-center justify-between py-3> Custom User Properties /a>a data-mobile-nav-link target_self href/features/search-ads-attribution classflex text-white text-base font-bold items-center justify-between py-3> Search Ads Attribution /a> /div> /div> /div>div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-rocket-lunch styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> Subscription Management /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self href/features/customers classflex text-white text-base font-bold items-center justify-between py-3> Customers /a>a data-mobile-nav-link target_self href/features/entitlements-and-products classflex text-white text-base font-bold items-center justify-between py-3> Entitlements & Products /a>a data-mobile-nav-link target_self href/features/surveys classflex text-white text-base font-bold items-center justify-between py-3> Surveys /a>a data-mobile-nav-link target_self href/features/free-trial-reminders classflex text-white text-base font-bold items-center justify-between py-3> Free Trial Reminders /a>a data-mobile-nav-link target_self href/features/refund-protection classflex text-white text-base font-bold items-center justify-between py-3> Refund Protection /a> /div> /div> /div> /div> /div> /div>  /div> svg xmlnshttp://www.w3.org/2000/svg width16 height16 viewBox0 0 16 16 fillcurrentColor class                nav-button-trigger                transition-all duration-200                 size-4 translate-y-1px -mr-0.5                text-brand-primary-300 xl:text-white xl:group-hover:text-brand-primary-300 xl:group-.menu-open:text-brand-primary-300                -rotate-90 xl:rotate-0                group-.menu-open:rotate-0                group-hover:xl:scale--1 group-.menu-open:xl:scale--1              > path dM3.64197 5.69721L8.00248 10.0577L12.3629 5.69721C12.6233 5.43687 13.0454 5.43687 13.3057 5.69721C13.5661 5.95757 13.5661 6.37967 13.3057 6.64002L8.47388 11.4719C8.34881 11.597 8.17928 11.6672 8.00248 11.6672C7.82568 11.6672 7.65608 11.597 7.53108 11.4719L2.69917 6.64002C2.66662 6.60748 2.63815 6.57241 2.61374 6.53544C2.44289 6.27667 2.47136 5.92502 2.69917 5.69721C2.95951 5.43687 3.38163 5.43687 3.64197 5.69721Z fillcurrentColor>/path> /svg> /div>  /div> /div> script type08db4330841c51354024416f-module>function c(){const tdocument.querySelectorAll(id^nav-button-);t.forEach(e>{const ne.querySelectorAll(.nav-button-trigger),se.querySelector(.nav-menu);s&&(n.forEach(o>{o.addEventListener(click,i>{i.preventDefault(),i.stopPropagation(),t.forEach(r>{r!e&&(r.classList.remove(menu-open),r.classList.remove(compressed))}),e.classList.toggle(menu-open),e.scrollIntoView({behavior:smooth,block:start,inline:start})})}),e.addEventListener(mouseleave,()>{if(window.innerWidth>1280){e.classList.remove(menu-open),t.forEach(i>{i.classList.remove(compressed)});const odocument.getElementById(mobile-menu);o&&o.classList.remove(overflow-y-auto,overflow-x-hidden)}}),s.addEventListener(click,o>{o.stopPropagation()}))}),document.addEventListener(click,e>{if(!e.target.closest(id^nav-button-)){t.forEach(o>{o.classList.remove(menu-open),o.classList.remove(compressed)});const sdocument.getElementById(mobile-menu);s&&s.classList.remove(overflow-y-auto,overflow-x-hidden)}}),document.addEventListener(keydown,e>{if(e.keyEscape){t.forEach(s>{s.classList.remove(menu-open),s.classList.remove(compressed)});const ndocument.getElementById(mobile-menu);n&&n.classList.remove(overflow-y-auto,overflow-x-hidden)}})}document.readyStateloading?document.addEventListener(DOMContentLoaded,c):c();/script>div idnav-button-e2q42sm4e classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 > div classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between sticky xl:static top-0 left-0 bg-gray-800 xl:bg-transparent z-1 pr-34px md:pr-6 xl:pr-0> div classw-full transition-all duration-200 font-bold py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Solutionsdiv classnav-menu-mega cursor-default text-shadow-none  data-astro-cid-l5dysisd> !-- Desktop Mega Menu --> div classhidden xl:flex left-1/2 -translate-x-1/2 absolute top-42px pt-6 shadow-xl rounded-xl translate-y-2 group-.menu-open:translate-y-0 group-hover:xl:translate-y-0 transition-all duration-300 nav-menu scale-y-0.95 group-hover:xl:scale-y-100 group-.menu-open:scale-y-100 blur-xs group-hover:xl:blur-none group-.menu-open:blur-none opacity-0 group-hover:xl:opacity-100 group-.menu-open:opacity-100 invisible group-hover:xl:visible group-.menu-open:visible z-50 data-astro-cid-l5dysisd> div classflex max-h-calc(100dvh-7rem) overflow-y-hidden bg-gray-800 border border-gray-400/20 rounded-xl divide-x divide-white/10 w-auto min-w-max data-astro-cid-l5dysisd> div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8 min-w-60 data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-team-check-alt styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> By Teams /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self href/solutions/by-team/product-managers class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Product Managers /p> /a>a target_self href/solutions/by-team/engineers class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Engineers /p> /a>a target_self href/solutions/by-team/marketers class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Marketers /p> /a>a target_self href/solutions/by-team/data-teams class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Data Teams /p> /a>a target_self href/solutions/by-team/support-teams class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Support Teams /p> /a>a target_self href/solutions/by-team/app-studios class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> App Studios /p> /a>a target_self href/solutions/by-team/agencies class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Agencies /p> /a> /div> /div> /div>div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8 min-w-60 data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-rocket-lunch styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> By Stage /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self href/solutions/by-stage/indies class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Indies /p> /a>a target_self href/solutions/by-stage/start-ups class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Startups /p> /a>a target_self href/solutions/by-stage/enterprise class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Enterprise /p> /a>a target_self href/solutions/by-stage/new-apps class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> New Apps /p> /a>a target_self href/solutions/by-stage/existing-apps class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Existing Apps /p> /a> /div> /div> /div> /div> /div> !-- Mobile Menu --> div classblock xl:hidden data-astro-cid-l5dysisd> div classhidden group-.menu-open:flex w-full flex-col gap-y-6 pb-6 divide-y divide-white/10 pt-2 data-astro-cid-l5dysisd> div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-team-check-alt styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> By Teams /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self href/solutions/by-team/product-managers classflex text-white text-base font-bold items-center justify-between py-3> Product Managers /a>a data-mobile-nav-link target_self href/solutions/by-team/engineers classflex text-white text-base font-bold items-center justify-between py-3> Engineers /a>a data-mobile-nav-link target_self href/solutions/by-team/marketers classflex text-white text-base font-bold items-center justify-between py-3> Marketers /a>a data-mobile-nav-link target_self href/solutions/by-team/data-teams classflex text-white text-base font-bold items-center justify-between py-3> Data Teams /a>a data-mobile-nav-link target_self href/solutions/by-team/support-teams classflex text-white text-base font-bold items-center justify-between py-3> Support Teams /a>a data-mobile-nav-link target_self href/solutions/by-team/app-studios classflex text-white text-base font-bold items-center justify-between py-3> App Studios /a>a data-mobile-nav-link target_self href/solutions/by-team/agencies classflex text-white text-base font-bold items-center justify-between py-3> Agencies /a> /div> /div> /div>div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-rocket-lunch styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> By Stage /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self href/solutions/by-stage/indies classflex text-white text-base font-bold items-center justify-between py-3> Indies /a>a data-mobile-nav-link target_self href/solutions/by-stage/start-ups classflex text-white text-base font-bold items-center justify-between py-3> Startups /a>a data-mobile-nav-link target_self href/solutions/by-stage/enterprise classflex text-white text-base font-bold items-center justify-between py-3> Enterprise /a>a data-mobile-nav-link target_self href/solutions/by-stage/new-apps classflex text-white text-base font-bold items-center justify-between py-3> New Apps /a>a data-mobile-nav-link target_self href/solutions/by-stage/existing-apps classflex text-white text-base font-bold items-center justify-between py-3> Existing Apps /a> /div> /div> /div> /div> /div> /div>  /div> svg xmlnshttp://www.w3.org/2000/svg width16 height16 viewBox0 0 16 16 fillcurrentColor class                nav-button-trigger                transition-all duration-200                 size-4 translate-y-1px -mr-0.5                text-brand-primary-300 xl:text-white xl:group-hover:text-brand-primary-300 xl:group-.menu-open:text-brand-primary-300                -rotate-90 xl:rotate-0                group-.menu-open:rotate-0                group-hover:xl:scale--1 group-.menu-open:xl:scale--1              > path dM3.64197 5.69721L8.00248 10.0577L12.3629 5.69721C12.6233 5.43687 13.0454 5.43687 13.3057 5.69721C13.5661 5.95757 13.5661 6.37967 13.3057 6.64002L8.47388 11.4719C8.34881 11.597 8.17928 11.6672 8.00248 11.6672C7.82568 11.6672 7.65608 11.597 7.53108 11.4719L2.69917 6.64002C2.66662 6.60748 2.63815 6.57241 2.61374 6.53544C2.44289 6.27667 2.47136 5.92502 2.69917 5.69721C2.95951 5.43687 3.38163 5.43687 3.64197 5.69721Z fillcurrentColor>/path> /svg> /div>  /div> /div> div idnav-button-ztb9339fc classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 > a hrefhttps://www.paywallscreens.com/ classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between pr-34px md:pr-6 xl:pr-0> div classw-full transition-all font-bold duration-200 py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Inspiration /div>  /div> /a> /div> div idnav-button-f3sa97pkh classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 > div classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between sticky xl:static top-0 left-0 bg-gray-800 xl:bg-transparent z-1 pr-34px md:pr-6 xl:pr-0> div classw-full transition-all duration-200 font-bold py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Docsdiv classnav-menu-mega cursor-default text-shadow-none  data-astro-cid-l5dysisd> !-- Desktop Mega Menu --> div classhidden xl:flex left-1/2 -translate-x-1/2 absolute top-42px pt-6 shadow-xl rounded-xl translate-y-2 group-.menu-open:translate-y-0 group-hover:xl:translate-y-0 transition-all duration-300 nav-menu scale-y-0.95 group-hover:xl:scale-y-100 group-.menu-open:scale-y-100 blur-xs group-hover:xl:blur-none group-.menu-open:blur-none opacity-0 group-hover:xl:opacity-100 group-.menu-open:opacity-100 invisible group-hover:xl:visible group-.menu-open:visible z-50 data-astro-cid-l5dysisd> div classflex max-h-calc(100dvh-7rem) overflow-y-hidden bg-gray-800 border border-gray-400/20 rounded-xl divide-x divide-white/10 w-auto min-w-max data-astro-cid-l5dysisd> div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8 min-w-60 data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-document styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> Documentation /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_blank hrefhttps://superwall.com/docs/home class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Documentation /p> /a>a target_blank hrefhttps://superwall.com/docs/sdk/sdk-reference class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> SDK Reference /p> /a> /div> /div> /div>div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8 min-w-60 data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-laptop-code styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> SDKs /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self hrefhttps://superwall.com/docs/ios class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> iOS /p> /a>a target_self hrefhttps://superwall.com/docs/android class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Android /p> /a>a target_blank hrefhttps://superwall.com/docs/flutter class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Flutter /p> /a>a target_blank hrefhttps://superwall.com/docs/expo class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Expo /p> /a> /div> /div> /div> /div> /div> !-- Mobile Menu --> div classblock xl:hidden data-astro-cid-l5dysisd> div classhidden group-.menu-open:flex w-full flex-col gap-y-6 pb-6 divide-y divide-white/10 pt-2 data-astro-cid-l5dysisd> div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-document styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> Documentation /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_blank relnoopener noreferrer hrefhttps://superwall.com/docs/home classflex text-white text-base font-bold items-center justify-between py-3> Documentation /a>a data-mobile-nav-link target_blank relnoopener noreferrer hrefhttps://superwall.com/docs/sdk/sdk-reference classflex text-white text-base font-bold items-center justify-between py-3> SDK Reference /a> /div> /div> /div>div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-laptop-code styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> SDKs /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self hrefhttps://superwall.com/docs/ios classflex text-white text-base font-bold items-center justify-between py-3> iOS /a>a data-mobile-nav-link target_self hrefhttps://superwall.com/docs/android classflex text-white text-base font-bold items-center justify-between py-3> Android /a>a data-mobile-nav-link target_blank relnoopener noreferrer hrefhttps://superwall.com/docs/flutter classflex text-white text-base font-bold items-center justify-between py-3> Flutter /a>a data-mobile-nav-link target_blank relnoopener noreferrer hrefhttps://superwall.com/docs/expo classflex text-white text-base font-bold items-center justify-between py-3> Expo /a> /div> /div> /div> /div> /div> /div>  /div> svg xmlnshttp://www.w3.org/2000/svg width16 height16 viewBox0 0 16 16 fillcurrentColor class                nav-button-trigger                transition-all duration-200                 size-4 translate-y-1px -mr-0.5                text-brand-primary-300 xl:text-white xl:group-hover:text-brand-primary-300 xl:group-.menu-open:text-brand-primary-300                -rotate-90 xl:rotate-0                group-.menu-open:rotate-0                group-hover:xl:scale--1 group-.menu-open:xl:scale--1              > path dM3.64197 5.69721L8.00248 10.0577L12.3629 5.69721C12.6233 5.43687 13.0454 5.43687 13.3057 5.69721C13.5661 5.95757 13.5661 6.37967 13.3057 6.64002L8.47388 11.4719C8.34881 11.597 8.17928 11.6672 8.00248 11.6672C7.82568 11.6672 7.65608 11.597 7.53108 11.4719L2.69917 6.64002C2.66662 6.60748 2.63815 6.57241 2.61374 6.53544C2.44289 6.27667 2.47136 5.92502 2.69917 5.69721C2.95951 5.43687 3.38163 5.43687 3.64197 5.69721Z fillcurrentColor>/path> /svg> /div>  /div> /div> div idnav-button-76p0gzlk6 classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 > div classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between sticky xl:static top-0 left-0 bg-gray-800 xl:bg-transparent z-1 pr-34px md:pr-6 xl:pr-0> div classw-full transition-all duration-200 font-bold py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Learndiv classnav-menu-mega cursor-default text-shadow-none  data-astro-cid-l5dysisd> !-- Desktop Mega Menu --> div classhidden xl:flex left-1/2 -translate-x-1/2 absolute top-42px pt-6 shadow-xl rounded-xl translate-y-2 group-.menu-open:translate-y-0 group-hover:xl:translate-y-0 transition-all duration-300 nav-menu scale-y-0.95 group-hover:xl:scale-y-100 group-.menu-open:scale-y-100 blur-xs group-hover:xl:blur-none group-.menu-open:blur-none opacity-0 group-hover:xl:opacity-100 group-.menu-open:opacity-100 invisible group-hover:xl:visible group-.menu-open:visible z-50 data-astro-cid-l5dysisd> div classflex max-h-calc(100dvh-7rem) overflow-y-hidden bg-gray-800 border border-gray-400/20 rounded-xl divide-x divide-white/10 w-auto min-w-max data-astro-cid-l5dysisd> div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8 min-w-60 data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-plant-growth styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> Learn & Grow /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self hrefhttps://superwall.com/docs class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Documentation /p> /a>a target_blank hrefhttps://www.youtube.com/channel/UCWWlrm9Y5ZjYzfi_H0caBhw class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Tutorials /p> /a>a target_self hrefhttps://superwall.com/blog class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Blog /p> /a> /div> /div> /div> /div> /div> !-- Mobile Menu --> div classblock xl:hidden data-astro-cid-l5dysisd> div classhidden group-.menu-open:flex w-full flex-col gap-y-6 pb-6 divide-y divide-white/10 pt-2 data-astro-cid-l5dysisd> div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-plant-growth styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> Learn & Grow /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self hrefhttps://superwall.com/docs classflex text-white text-base font-bold items-center justify-between py-3> Documentation /a>a data-mobile-nav-link target_blank relnoopener noreferrer hrefhttps://www.youtube.com/channel/UCWWlrm9Y5ZjYzfi_H0caBhw classflex text-white text-base font-bold items-center justify-between py-3> Tutorials /a>a data-mobile-nav-link target_self hrefhttps://superwall.com/blog classflex text-white text-base font-bold items-center justify-between py-3> Blog /a> /div> /div> /div> /div> /div> /div>  /div> svg xmlnshttp://www.w3.org/2000/svg width16 height16 viewBox0 0 16 16 fillcurrentColor class                nav-button-trigger                transition-all duration-200                 size-4 translate-y-1px -mr-0.5                text-brand-primary-300 xl:text-white xl:group-hover:text-brand-primary-300 xl:group-.menu-open:text-brand-primary-300                -rotate-90 xl:rotate-0                group-.menu-open:rotate-0                group-hover:xl:scale--1 group-.menu-open:xl:scale--1              > path dM3.64197 5.69721L8.00248 10.0577L12.3629 5.69721C12.6233 5.43687 13.0454 5.43687 13.3057 5.69721C13.5661 5.95757 13.5661 6.37967 13.3057 6.64002L8.47388 11.4719C8.34881 11.597 8.17928 11.6672 8.00248 11.6672C7.82568 11.6672 7.65608 11.597 7.53108 11.4719L2.69917 6.64002C2.66662 6.60748 2.63815 6.57241 2.61374 6.53544C2.44289 6.27667 2.47136 5.92502 2.69917 5.69721C2.95951 5.43687 3.38163 5.43687 3.64197 5.69721Z fillcurrentColor>/path> /svg> /div>  /div> /div> div idnav-button-i8jnv1l7h classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 > a href/pricing classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between pr-34px md:pr-6 xl:pr-0> div classw-full transition-all font-bold duration-200 py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Pricing /div>  /div> /a> /div> /div>/div>!-- Auth Buttons & Mobile Menu Toggle -->div classflex flex-row items-center justify-end xl:gap-2 xl:min-w-36 @media(min-width:2560px):min-w-267px data-astro-cid-psjfeutw>div idauth-buttons classflex flex-row items-center justify-end gap-1.5 md:gap-3 md:mr-1.5 xl:mr-0 data-astro-cid-psjfeutw>div idget-a-demo-button classauth-btn hidden md:flex data-astro-cid-psjfeutw>a href/contact/book-a-demo classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale !px-0 text-brand-primary-300 hover:text-brand-primary-200 px-4 md:px-5 py-2 lg:py-2.5 text-base !pl-0 !md:pr-3 !py-3 text-base font-bold origin-center aria-labelContact Sales>div classflex items-center gap-0 false>span classhidden md:block xl:hidden @media(min-width:1380px):block data-astro-cid-psjfeutw>Contact Sales/span>span classhidden xl:block @media(min-width:1380px):hidden data-astro-cid-psjfeutw>Sales/span>/div>/a>/div>div idlogin-button classauth-btn data-astro-cid-psjfeutw>a href/api/auth/login classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-#0E1624/20 border-1px border-white/10 text-brand-primary-200 active:text-brand-primary-200/70 rounded-full px-4 md:px-5 py-2 lg:py-2.5 text-base !py-1 !px-4 md:!py-2 text-base font-bold backdrop-blur-10px max-h-navbar-mobile-height md:max-h-navbar-tablet-height xl:max-h-none origin-center aria-labelLog in>div classflex items-center gap-0 false>Log in/div>/a>/div>div idget-a-demo-button-2 classauth-btn md:hidden data-astro-cid-psjfeutw>a href/contact/book-a-demo classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-300 text-black border-1px border-brand-primary-300 active:text-black/70 rounded-full px-4 md:px-5 py-2 lg:py-2.5 text-base !py-1 !px-4 md:!py-2 text-base font-bold max-h-navbar-mobile-height md:max-h-navbar-tablet-height xl:max-h-none origin-center aria-labelSales>div classflex items-center gap-0 false>Sales/div>/a>/div>div idsignup-button classauth-btn hidden md:flex data-astro-cid-psjfeutw>a href/api/auth/signup classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-300 text-black border-1px border-brand-primary-300 active:text-black/70 rounded-full px-4 md:px-5 py-2 lg:py-2.5 text-base !py-1 !px-4 md:!py-2 text-base font-bold max-h-navbar-mobile-height md:max-h-navbar-tablet-height xl:max-h-none origin-center aria-labelSign Up>div classflex items-center gap-0 false>Sign Up/div>/a>/div>div iddashboard-button classauth-btn data-astro-cid-psjfeutw>a href/dashboard classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-300 text-black border-1px border-brand-primary-300 active:text-black/70 rounded-full px-4 md:px-5 py-2 lg:py-2.5 text-base !py-3 !px-4 text-base font-bold max-h-navbar-mobile-height md:max-h-navbar-tablet-height xl:max-h-none origin-center aria-labelDashboard>div classflex items-center gap-0 false>Dashboard/div>/a>/div>/div>button aria-labelToggle navigation menu classgrid xl:hidden md:min-w-42px !rounded-none menu-button group/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backrounded-fullwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale!px-0 text-brand-primary-300 hover:text-brand-primary-200  idmenu-toggle data-astro-cid-qe6hrpaw> div idhamburger-toggle classhamburger-menu md:backdrop-blur-10px transition-all duration-200 ease-in-out rounded-full md:border md:border-white/10 -mr-3 md:-ml-0 size-42px p-2.5 py-3.5 data-astro-cid-qe6hrpaw> span classhamburger-line rounded-full transition-all duration-200 ease-in-out origin-center data-astro-cid-qe6hrpaw>/span> span classhamburger-line rounded-full transition-all duration-200 ease-in-out origin-center data-astro-cid-qe6hrpaw>/span> span classhamburger-line rounded-full transition-all duration-200 ease-in-out origin-center data-astro-cid-qe6hrpaw>/span> /div> /button> /div>/div>/nav>/div>div idmobile-menu classclosed xl:hidden duration-600 bg-gray-800 md:bg-black/40 fixed top-0 left-0 bottom-0 right-0 origin-bottom z-100 md:pb-10 overscroll-contain data-astro-cid-psjfeutw>div classorigin-top-right h-full md:h-auto transition-all duration-600 ease-out-back-soft data-astro-cid-psjfeutw>div idmobile-menu-content classrelative h-full md:h-auto font-ui bg-gray-800 md:border md:border-gray-400/20 md:shadow-xl flex flex-col items-stretch md:mt-calc(var(--spacing-header-tablet-height)+24px) md:max-h-calc(100dvh-(var(--spacing-header-tablet-height)+48px)) pl-6 py-6 md:p-0 md:mx-12 z-50 md:rounded-20px data-astro-cid-psjfeutw>div classmd:hidden text-left w-full flex items-center justify-between mb-4 pr-6 data-astro-cid-psjfeutw>a href/ class data-astro-cid-psjfeutw>div classflex flex-row items-start> img src/assets/logo.svg altSuperwall classh-4 block xl:hidden>   /div>/a>button idclose-menu-btn classhover:scale-105 transition-transform cursor-pointer aria-labelClose mobile menu data-astro-cid-psjfeutw>div style classflex items-center justify-center  w-8 h-8 max-w-8 max-h-8 size-8 p-0 !rounded-full> div classborder border-white/10 rounded-full grid place-content-center size-full text-brand-primary-300 data-astro-cid-psjfeutw>svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 16 16 width16 height16 style fillcurrentColor class>g fillcurrentColor>  path fillcurrentColor dM14.7,1.3c-0.4-0.4-1-0.4-1.4,0L8,6.6L2.7,1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4L6.6,8l-5.3,5.3 c-0.4,0.4-0.4,1,0,1.4C1.5,14.9,1.7,15,2,15s0.5-0.1,0.7-0.3L8,9.4l5.3,5.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L9.4,8l5.3-5.3C15.1,2.3,15.1,1.7,14.7,1.3z >  /path>/g>/svg>/div> /div>/button>/div>div idmobile-menu-content-list classrelative flex flex-col overflow-y-auto overflow-x-hidden divide-y divide-white/10 md:mb-0 md:rounded-20px data-astro-cid-psjfeutw>div idnav-button-ai49wfd10 classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 last:border-b last:border-white/10 md:last:border-b-0> div classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between sticky xl:static top-0 left-0 bg-gray-800 xl:bg-transparent z-1 pr-34px md:pr-6 xl:pr-0> div classw-full transition-all duration-200 font-bold py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Features /div> svg xmlnshttp://www.w3.org/2000/svg width16 height16 viewBox0 0 16 16 fillcurrentColor class                nav-button-trigger                transition-all duration-200                 size-4 translate-y-1px -mr-0.5                text-brand-primary-300 xl:text-white xl:group-hover:text-brand-primary-300 xl:group-.menu-open:text-brand-primary-300                -rotate-90 xl:rotate-0                group-.menu-open:rotate-0                group-hover:xl:scale--1 group-.menu-open:xl:scale--1              > path dM3.64197 5.69721L8.00248 10.0577L12.3629 5.69721C12.6233 5.43687 13.0454 5.43687 13.3057 5.69721C13.5661 5.95757 13.5661 6.37967 13.3057 6.64002L8.47388 11.4719C8.34881 11.597 8.17928 11.6672 8.00248 11.6672C7.82568 11.6672 7.65608 11.597 7.53108 11.4719L2.69917 6.64002C2.66662 6.60748 2.63815 6.57241 2.61374 6.53544C2.44289 6.27667 2.47136 5.92502 2.69917 5.69721C2.95951 5.43687 3.38163 5.43687 3.64197 5.69721Z fillcurrentColor>/path> /svg> /div> div classnav-menu-mega cursor-default text-shadow-none  data-astro-cid-l5dysisd> !-- Desktop Mega Menu --> div classhidden xl:flex left-1/2 -translate-x-1/2 fixed top-calc(var(--spacing-navbar-height)-8px) pt-25px shadow-xl rounded-xl translate-y-2 group-.menu-open:translate-y-0 group-hover:xl:translate-y-0 transition-all duration-300 nav-menu scale-y-0.95 group-hover:xl:scale-y-100 group-.menu-open:scale-y-100 blur-xs group-hover:xl:blur-none group-.menu-open:blur-none opacity-0 group-hover:xl:opacity-100 group-.menu-open:opacity-100 invisible group-hover:xl:visible group-.menu-open:visible z-50 data-astro-cid-l5dysisd> div classflex max-h-calc(100dvh-7rem) overflow-y-hidden bg-gray-800 border border-gray-400/20 rounded-xl divide-x divide-white/10 w-auto max-w-calc(100dvw-6rem) data-astro-cid-l5dysisd> div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8  data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 width24 height24 style fillcurrentColor class>g fillcurrentColor>  path dM13,10.265V5.013a9.722,9.722,0,0,1,2.6.722l1.342.662,1.327-2.69-1.345-.663A12.4,12.4,0,0,0,13,1.989V0H11V1.983c-3.537.306-5.773,2.3-5.773,5.264,0,3.726,3.174,4.85,5.773,5.577V18.09a15.77,15.77,0,0,1-4.24-.819l-1.411-.509L4.33,19.583l1.411.51A18.577,18.577,0,0,0,11,21.1V24h2V21.087c5.125-.431,5.708-3.776,5.708-5.264C18.708,12.129,15.587,10.993,13,10.265ZM8.227,7.247c0-1.6,1.6-2.1,2.773-2.249V9.69C9.1,9.092,8.227,8.523,8.227,7.247ZM13,18.072V13.4c1.857.591,2.708,1.161,2.708,2.422C15.708,16.382,15.7,17.769,13,18.072Z fillcurrentColor >  /path>/g>/svg>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> Monetization /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self href/features/paywall-editor class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Paywall Editor /p> /a>a target_self href/features/template-gallery class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Template Gallery /p> /a>a target_self href/features/campaigns class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Campaigns /p> /a>a target_self href/features/placements class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Placements /p> /a>a target_self href/features/audience-targeting class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Audiences & Targeting /p> /a>a target_self href/features/ab-testing class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> A/B Testing /p> /a>a target_self href/features/deep-links class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Deep Links /p> /a>a target_self href/features/app-to-web-checkout class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> App to Web Checkout /p> /a>a target_self href/features/web-paywalls class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Web Paywalls /p> /a>a target_self href/features/localization class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Localization /p> /a>a target_self href/features/ai-pricing-demand-score class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> AI Pricing – Demand Score /p> /a> /div> /div> /div>div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8  data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-br-chart-simple styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> Analytics /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self href/features/paywall-analytics class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Paywall Analytics /p> /a>a target_self href/features/conversion-stats class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Conversion Stats /p> /a>a target_self href/features/revenue-tracking class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Revenue Tracking /p> /a>a target_self href/features/subscription-analytics class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Subscription Analytics /p> /a>a target_self href/features/paywall-revenue-attribution class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Paywall Revenue Attribution /p> /a>a target_self href/features/filters-and-breakdowns class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Filters & Breakdowns /p> /a>a target_self href/features/custom-user-properties class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Custom User Properties /p> /a>a target_self href/features/search-ads-attribution class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Search Ads Attribution /p> /a> /div> /div> /div>div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8  data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-rocket-lunch styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> Subscription Management /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self href/features/customers class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Customers /p> /a>a target_self href/features/entitlements-and-products class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Entitlements & Products /p> /a>a target_self href/features/surveys class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Surveys /p> /a>a target_self href/features/free-trial-reminders class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Free Trial Reminders /p> /a>a target_self href/features/refund-protection class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Refund Protection /p> /a> /div> /div> /div> /div> /div> !-- Mobile Menu --> div classblock xl:hidden data-astro-cid-l5dysisd> div classhidden group-.menu-open:flex w-full flex-col gap-y-6 pb-6 divide-y divide-white/10 pt-2 data-astro-cid-l5dysisd> div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 width21.5 height21.5 style fillcurrentColor classtext-brand-primary-350>g fillcurrentColor>  path dM13,10.265V5.013a9.722,9.722,0,0,1,2.6.722l1.342.662,1.327-2.69-1.345-.663A12.4,12.4,0,0,0,13,1.989V0H11V1.983c-3.537.306-5.773,2.3-5.773,5.264,0,3.726,3.174,4.85,5.773,5.577V18.09a15.77,15.77,0,0,1-4.24-.819l-1.411-.509L4.33,19.583l1.411.51A18.577,18.577,0,0,0,11,21.1V24h2V21.087c5.125-.431,5.708-3.776,5.708-5.264C18.708,12.129,15.587,10.993,13,10.265ZM8.227,7.247c0-1.6,1.6-2.1,2.773-2.249V9.69C9.1,9.092,8.227,8.523,8.227,7.247ZM13,18.072V13.4c1.857.591,2.708,1.161,2.708,2.422C15.708,16.382,15.7,17.769,13,18.072Z fillcurrentColor >  /path>/g>/svg>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> Monetization /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self href/features/paywall-editor classflex text-white text-base font-bold items-center justify-between py-3> Paywall Editor /a>a data-mobile-nav-link target_self href/features/template-gallery classflex text-white text-base font-bold items-center justify-between py-3> Template Gallery /a>a data-mobile-nav-link target_self href/features/campaigns classflex text-white text-base font-bold items-center justify-between py-3> Campaigns /a>a data-mobile-nav-link target_self href/features/placements classflex text-white text-base font-bold items-center justify-between py-3> Placements /a>a data-mobile-nav-link target_self href/features/audience-targeting classflex text-white text-base font-bold items-center justify-between py-3> Audiences & Targeting /a>a data-mobile-nav-link target_self href/features/ab-testing classflex text-white text-base font-bold items-center justify-between py-3> A/B Testing /a>a data-mobile-nav-link target_self href/features/deep-links classflex text-white text-base font-bold items-center justify-between py-3> Deep Links /a>a data-mobile-nav-link target_self href/features/app-to-web-checkout classflex text-white text-base font-bold items-center justify-between py-3> App to Web Checkout /a>a data-mobile-nav-link target_self href/features/web-paywalls classflex text-white text-base font-bold items-center justify-between py-3> Web Paywalls /a>a data-mobile-nav-link target_self href/features/localization classflex text-white text-base font-bold items-center justify-between py-3> Localization /a>a data-mobile-nav-link target_self href/features/ai-pricing-demand-score classflex text-white text-base font-bold items-center justify-between py-3> AI Pricing – Demand Score /a> /div> /div> /div>div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-br-chart-simple styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> Analytics /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self href/features/paywall-analytics classflex text-white text-base font-bold items-center justify-between py-3> Paywall Analytics /a>a data-mobile-nav-link target_self href/features/conversion-stats classflex text-white text-base font-bold items-center justify-between py-3> Conversion Stats /a>a data-mobile-nav-link target_self href/features/revenue-tracking classflex text-white text-base font-bold items-center justify-between py-3> Revenue Tracking /a>a data-mobile-nav-link target_self href/features/subscription-analytics classflex text-white text-base font-bold items-center justify-between py-3> Subscription Analytics /a>a data-mobile-nav-link target_self href/features/paywall-revenue-attribution classflex text-white text-base font-bold items-center justify-between py-3> Paywall Revenue Attribution /a>a data-mobile-nav-link target_self href/features/filters-and-breakdowns classflex text-white text-base font-bold items-center justify-between py-3> Filters & Breakdowns /a>a data-mobile-nav-link target_self href/features/custom-user-properties classflex text-white text-base font-bold items-center justify-between py-3> Custom User Properties /a>a data-mobile-nav-link target_self href/features/search-ads-attribution classflex text-white text-base font-bold items-center justify-between py-3> Search Ads Attribution /a> /div> /div> /div>div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-rocket-lunch styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> Subscription Management /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self href/features/customers classflex text-white text-base font-bold items-center justify-between py-3> Customers /a>a data-mobile-nav-link target_self href/features/entitlements-and-products classflex text-white text-base font-bold items-center justify-between py-3> Entitlements & Products /a>a data-mobile-nav-link target_self href/features/surveys classflex text-white text-base font-bold items-center justify-between py-3> Surveys /a>a data-mobile-nav-link target_self href/features/free-trial-reminders classflex text-white text-base font-bold items-center justify-between py-3> Free Trial Reminders /a>a data-mobile-nav-link target_self href/features/refund-protection classflex text-white text-base font-bold items-center justify-between py-3> Refund Protection /a> /div> /div> /div> /div> /div> /div>  /div> /div> div idnav-button-3iini0znn classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 last:border-b last:border-white/10 md:last:border-b-0> div classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between sticky xl:static top-0 left-0 bg-gray-800 xl:bg-transparent z-1 pr-34px md:pr-6 xl:pr-0> div classw-full transition-all duration-200 font-bold py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Solutions /div> svg xmlnshttp://www.w3.org/2000/svg width16 height16 viewBox0 0 16 16 fillcurrentColor class                nav-button-trigger                transition-all duration-200                 size-4 translate-y-1px -mr-0.5                text-brand-primary-300 xl:text-white xl:group-hover:text-brand-primary-300 xl:group-.menu-open:text-brand-primary-300                -rotate-90 xl:rotate-0                group-.menu-open:rotate-0                group-hover:xl:scale--1 group-.menu-open:xl:scale--1              > path dM3.64197 5.69721L8.00248 10.0577L12.3629 5.69721C12.6233 5.43687 13.0454 5.43687 13.3057 5.69721C13.5661 5.95757 13.5661 6.37967 13.3057 6.64002L8.47388 11.4719C8.34881 11.597 8.17928 11.6672 8.00248 11.6672C7.82568 11.6672 7.65608 11.597 7.53108 11.4719L2.69917 6.64002C2.66662 6.60748 2.63815 6.57241 2.61374 6.53544C2.44289 6.27667 2.47136 5.92502 2.69917 5.69721C2.95951 5.43687 3.38163 5.43687 3.64197 5.69721Z fillcurrentColor>/path> /svg> /div> div classnav-menu-mega cursor-default text-shadow-none  data-astro-cid-l5dysisd> !-- Desktop Mega Menu --> div classhidden xl:flex left-1/2 -translate-x-1/2 absolute top-42px pt-6 shadow-xl rounded-xl translate-y-2 group-.menu-open:translate-y-0 group-hover:xl:translate-y-0 transition-all duration-300 nav-menu scale-y-0.95 group-hover:xl:scale-y-100 group-.menu-open:scale-y-100 blur-xs group-hover:xl:blur-none group-.menu-open:blur-none opacity-0 group-hover:xl:opacity-100 group-.menu-open:opacity-100 invisible group-hover:xl:visible group-.menu-open:visible z-50 data-astro-cid-l5dysisd> div classflex max-h-calc(100dvh-7rem) overflow-y-hidden bg-gray-800 border border-gray-400/20 rounded-xl divide-x divide-white/10 w-auto min-w-max data-astro-cid-l5dysisd> div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8 min-w-60 data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-team-check-alt styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> By Teams /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self href/solutions/by-team/product-managers class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Product Managers /p> /a>a target_self href/solutions/by-team/engineers class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Engineers /p> /a>a target_self href/solutions/by-team/marketers class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Marketers /p> /a>a target_self href/solutions/by-team/data-teams class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Data Teams /p> /a>a target_self href/solutions/by-team/support-teams class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Support Teams /p> /a>a target_self href/solutions/by-team/app-studios class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> App Studios /p> /a>a target_self href/solutions/by-team/agencies class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Agencies /p> /a> /div> /div> /div>div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8 min-w-60 data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-rocket-lunch styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> By Stage /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self href/solutions/by-stage/indies class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Indies /p> /a>a target_self href/solutions/by-stage/start-ups class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Startups /p> /a>a target_self href/solutions/by-stage/enterprise class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Enterprise /p> /a>a target_self href/solutions/by-stage/new-apps class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> New Apps /p> /a>a target_self href/solutions/by-stage/existing-apps class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Existing Apps /p> /a> /div> /div> /div> /div> /div> !-- Mobile Menu --> div classblock xl:hidden data-astro-cid-l5dysisd> div classhidden group-.menu-open:flex w-full flex-col gap-y-6 pb-6 divide-y divide-white/10 pt-2 data-astro-cid-l5dysisd> div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-team-check-alt styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> By Teams /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self href/solutions/by-team/product-managers classflex text-white text-base font-bold items-center justify-between py-3> Product Managers /a>a data-mobile-nav-link target_self href/solutions/by-team/engineers classflex text-white text-base font-bold items-center justify-between py-3> Engineers /a>a data-mobile-nav-link target_self href/solutions/by-team/marketers classflex text-white text-base font-bold items-center justify-between py-3> Marketers /a>a data-mobile-nav-link target_self href/solutions/by-team/data-teams classflex text-white text-base font-bold items-center justify-between py-3> Data Teams /a>a data-mobile-nav-link target_self href/solutions/by-team/support-teams classflex text-white text-base font-bold items-center justify-between py-3> Support Teams /a>a data-mobile-nav-link target_self href/solutions/by-team/app-studios classflex text-white text-base font-bold items-center justify-between py-3> App Studios /a>a data-mobile-nav-link target_self href/solutions/by-team/agencies classflex text-white text-base font-bold items-center justify-between py-3> Agencies /a> /div> /div> /div>div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-rocket-lunch styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> By Stage /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self href/solutions/by-stage/indies classflex text-white text-base font-bold items-center justify-between py-3> Indies /a>a data-mobile-nav-link target_self href/solutions/by-stage/start-ups classflex text-white text-base font-bold items-center justify-between py-3> Startups /a>a data-mobile-nav-link target_self href/solutions/by-stage/enterprise classflex text-white text-base font-bold items-center justify-between py-3> Enterprise /a>a data-mobile-nav-link target_self href/solutions/by-stage/new-apps classflex text-white text-base font-bold items-center justify-between py-3> New Apps /a>a data-mobile-nav-link target_self href/solutions/by-stage/existing-apps classflex text-white text-base font-bold items-center justify-between py-3> Existing Apps /a> /div> /div> /div> /div> /div> /div>  /div> /div> div idnav-button-4epa1fh2x classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 last:border-b last:border-white/10 md:last:border-b-0> a hrefhttps://www.paywallscreens.com/ classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between pr-34px md:pr-6 xl:pr-0> div classw-full transition-all font-bold duration-200 py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Inspiration /div> svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 20 20 fillcurrentColor class                xl:hidden                size-4 -mr-0.5                transition-all duration-200                rotate-0 group-hover:rotate-45 group-.menu-open:rotate-45                text-brand-primary-300 xl:text-white xl:group-hover:text-brand-primary-300 xl:group-.menu-open:text-brand-primary-300              > path fill-ruleevenodd dM5.22 14.78a.75.75 0 0 0 1.06 0l7.22-7.22v5.69a.75.75 0 0 0 1.5 0v-7.5a.75.75 0 0 0-.75-.75h-7.5a.75.75 0 0 0 0 1.5h5.69l-7.22 7.22a.75.75 0 0 0 0 1.06Z clip-ruleevenodd>/path> /svg> /div> /a> /div> div idnav-button-gz98zo88f classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 last:border-b last:border-white/10 md:last:border-b-0> div classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between sticky xl:static top-0 left-0 bg-gray-800 xl:bg-transparent z-1 pr-34px md:pr-6 xl:pr-0> div classw-full transition-all duration-200 font-bold py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Docs /div> svg xmlnshttp://www.w3.org/2000/svg width16 height16 viewBox0 0 16 16 fillcurrentColor class                nav-button-trigger                transition-all duration-200                 size-4 translate-y-1px -mr-0.5                text-brand-primary-300 xl:text-white xl:group-hover:text-brand-primary-300 xl:group-.menu-open:text-brand-primary-300                -rotate-90 xl:rotate-0                group-.menu-open:rotate-0                group-hover:xl:scale--1 group-.menu-open:xl:scale--1              > path dM3.64197 5.69721L8.00248 10.0577L12.3629 5.69721C12.6233 5.43687 13.0454 5.43687 13.3057 5.69721C13.5661 5.95757 13.5661 6.37967 13.3057 6.64002L8.47388 11.4719C8.34881 11.597 8.17928 11.6672 8.00248 11.6672C7.82568 11.6672 7.65608 11.597 7.53108 11.4719L2.69917 6.64002C2.66662 6.60748 2.63815 6.57241 2.61374 6.53544C2.44289 6.27667 2.47136 5.92502 2.69917 5.69721C2.95951 5.43687 3.38163 5.43687 3.64197 5.69721Z fillcurrentColor>/path> /svg> /div> div classnav-menu-mega cursor-default text-shadow-none  data-astro-cid-l5dysisd> !-- Desktop Mega Menu --> div classhidden xl:flex left-1/2 -translate-x-1/2 absolute top-42px pt-6 shadow-xl rounded-xl translate-y-2 group-.menu-open:translate-y-0 group-hover:xl:translate-y-0 transition-all duration-300 nav-menu scale-y-0.95 group-hover:xl:scale-y-100 group-.menu-open:scale-y-100 blur-xs group-hover:xl:blur-none group-.menu-open:blur-none opacity-0 group-hover:xl:opacity-100 group-.menu-open:opacity-100 invisible group-hover:xl:visible group-.menu-open:visible z-50 data-astro-cid-l5dysisd> div classflex max-h-calc(100dvh-7rem) overflow-y-hidden bg-gray-800 border border-gray-400/20 rounded-xl divide-x divide-white/10 w-auto min-w-max data-astro-cid-l5dysisd> div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8 min-w-60 data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-document styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> Documentation /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_blank hrefhttps://superwall.com/docs/home class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Documentation /p> /a>a target_blank hrefhttps://superwall.com/docs/sdk/sdk-reference class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> SDK Reference /p> /a> /div> /div> /div>div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8 min-w-60 data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-laptop-code styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> SDKs /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self hrefhttps://superwall.com/docs/ios class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> iOS /p> /a>a target_self hrefhttps://superwall.com/docs/android class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Android /p> /a>a target_blank hrefhttps://superwall.com/docs/flutter class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Flutter /p> /a>a target_blank hrefhttps://superwall.com/docs/expo class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Expo /p> /a> /div> /div> /div> /div> /div> !-- Mobile Menu --> div classblock xl:hidden data-astro-cid-l5dysisd> div classhidden group-.menu-open:flex w-full flex-col gap-y-6 pb-6 divide-y divide-white/10 pt-2 data-astro-cid-l5dysisd> div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-document styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> Documentation /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_blank relnoopener noreferrer hrefhttps://superwall.com/docs/home classflex text-white text-base font-bold items-center justify-between py-3> Documentation /a>a data-mobile-nav-link target_blank relnoopener noreferrer hrefhttps://superwall.com/docs/sdk/sdk-reference classflex text-white text-base font-bold items-center justify-between py-3> SDK Reference /a> /div> /div> /div>div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-laptop-code styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> SDKs /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self hrefhttps://superwall.com/docs/ios classflex text-white text-base font-bold items-center justify-between py-3> iOS /a>a data-mobile-nav-link target_self hrefhttps://superwall.com/docs/android classflex text-white text-base font-bold items-center justify-between py-3> Android /a>a data-mobile-nav-link target_blank relnoopener noreferrer hrefhttps://superwall.com/docs/flutter classflex text-white text-base font-bold items-center justify-between py-3> Flutter /a>a data-mobile-nav-link target_blank relnoopener noreferrer hrefhttps://superwall.com/docs/expo classflex text-white text-base font-bold items-center justify-between py-3> Expo /a> /div> /div> /div> /div> /div> /div>  /div> /div> div idnav-button-yx4lwk7th classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 last:border-b last:border-white/10 md:last:border-b-0> div classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between sticky xl:static top-0 left-0 bg-gray-800 xl:bg-transparent z-1 pr-34px md:pr-6 xl:pr-0> div classw-full transition-all duration-200 font-bold py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Learn /div> svg xmlnshttp://www.w3.org/2000/svg width16 height16 viewBox0 0 16 16 fillcurrentColor class                nav-button-trigger                transition-all duration-200                 size-4 translate-y-1px -mr-0.5                text-brand-primary-300 xl:text-white xl:group-hover:text-brand-primary-300 xl:group-.menu-open:text-brand-primary-300                -rotate-90 xl:rotate-0                group-.menu-open:rotate-0                group-hover:xl:scale--1 group-.menu-open:xl:scale--1              > path dM3.64197 5.69721L8.00248 10.0577L12.3629 5.69721C12.6233 5.43687 13.0454 5.43687 13.3057 5.69721C13.5661 5.95757 13.5661 6.37967 13.3057 6.64002L8.47388 11.4719C8.34881 11.597 8.17928 11.6672 8.00248 11.6672C7.82568 11.6672 7.65608 11.597 7.53108 11.4719L2.69917 6.64002C2.66662 6.60748 2.63815 6.57241 2.61374 6.53544C2.44289 6.27667 2.47136 5.92502 2.69917 5.69721C2.95951 5.43687 3.38163 5.43687 3.64197 5.69721Z fillcurrentColor>/path> /svg> /div> div classnav-menu-mega cursor-default text-shadow-none  data-astro-cid-l5dysisd> !-- Desktop Mega Menu --> div classhidden xl:flex left-1/2 -translate-x-1/2 absolute top-42px pt-6 shadow-xl rounded-xl translate-y-2 group-.menu-open:translate-y-0 group-hover:xl:translate-y-0 transition-all duration-300 nav-menu scale-y-0.95 group-hover:xl:scale-y-100 group-.menu-open:scale-y-100 blur-xs group-hover:xl:blur-none group-.menu-open:blur-none opacity-0 group-hover:xl:opacity-100 group-.menu-open:opacity-100 invisible group-hover:xl:visible group-.menu-open:visible z-50 data-astro-cid-l5dysisd> div classflex max-h-calc(100dvh-7rem) overflow-y-hidden bg-gray-800 border border-gray-400/20 rounded-xl divide-x divide-white/10 w-auto min-w-max data-astro-cid-l5dysisd> div classnav-menu-section py-6 px-8 first:pl-6 last:pr-6 2xl:px-16 2xl:first:pl-8 2xl:last:pr-8 2xl:py-8 min-w-60 data-astro-cid-l5dysisd> div classnav-menu-scrollable relative flex flex-col gap-y-3 2xl:gap-y-5 items-start h-full overflow-y-auto data-astro-cid-l5dysisd> div classflex items-center gap-x-4 w-full sticky top-0 left-0 pb-1 bg-gray-800 z-1 data-astro-cid-l5dysisd> div style classflex items-center justify-center bg-brand-primary-500/10 border border-brand-primary-300/30 text-brand-primary-400 rounded-md w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl>  div class styleheight:24px;width:24px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-plant-growth styledisplay:flex;max-height:24px;font-size:100cqh>/i>/div>  /div> h3 classtext-white font-bold text-base uppercase tracking-1.5px line-clamp-2 text-left flex-1 min-w-0 2xl:whitespace-nowrap data-astro-cid-l5dysisd> Learn & Grow /h3> /div> div classflex flex-col w-full data-astro-cid-l5dysisd> a target_self hrefhttps://superwall.com/docs class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Documentation /p> /a>a target_blank hrefhttps://www.youtube.com/channel/UCWWlrm9Y5ZjYzfi_H0caBhw class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Tutorials /p> /a>a target_self hrefhttps://superwall.com/blog class                      relative flex items-center justify-between w-full                      select-none group/navlink pr-3 2xl:pr-4 py-3 2xl:py-4 duration-300                       border-b last:border-b-transparent border-b-white/10                       data-astro-cid-l5dysisd> p classfont-bold text-base transition-colors duration-300 group-hover/navlink:text-brand-primary-300 text-white line-clamp-2 text-left flex-1 min-w-0 break-words hyphens-auto data-astro-cid-l5dysisd> Blog /p> /a> /div> /div> /div> /div> /div> !-- Mobile Menu --> div classblock xl:hidden data-astro-cid-l5dysisd> div classhidden group-.menu-open:flex w-full flex-col gap-y-6 pb-6 divide-y divide-white/10 pt-2 data-astro-cid-l5dysisd> div classnav-menu-section > div classflex flex-col gap-6> div classflex items-center gap-4> div stylebox-shadow:0 0 0 0.69px rgba(146, 252, 241, 0.12) inset classflex items-center justify-center  w-8 h-8 min-w-10 min-h-10 size-10 shrink-0 rounded-xl radial-gradient-container>  div classtext-brand-primary-350 styleheight:21.5px;width:21.5px;max-height:100%;max-width:100%;container-type:size;display:flex;align-items:center;justify-content:center>i classfi-sr-plant-growth styledisplay:flex;max-height:21.5px;font-size:100cqh>/i>/div>  /div> h3 classtext-white whitespace-normal text-left font-bold text-base uppercase tracking-1.5px pr-6> Learn & Grow /h3> /div> div classflex flex-col divide-y divide-white/10 border-t border-white/10> a data-mobile-nav-link target_self hrefhttps://superwall.com/docs classflex text-white text-base font-bold items-center justify-between py-3> Documentation /a>a data-mobile-nav-link target_blank relnoopener noreferrer hrefhttps://www.youtube.com/channel/UCWWlrm9Y5ZjYzfi_H0caBhw classflex text-white text-base font-bold items-center justify-between py-3> Tutorials /a>a data-mobile-nav-link target_self hrefhttps://superwall.com/blog classflex text-white text-base font-bold items-center justify-between py-3> Blog /a> /div> /div> /div> /div> /div> /div>  /div> /div> div idnav-button-6rcqge53z classflex xl:rounded-full xl:border xl:border-transparent xl:hover:border-white/20 cursor-pointer group transition-all duration-200 last:border-b last:border-white/10 md:last:border-b-0> a href/pricing classflex-col xl:flex-row items-center justify-between w-full xl:inline-flex xl:justify-centerfont-mediumtransition-all duration-200 whitespace-nowraptext-white grouptext-mdrelativemd:pl-6 xl:px-3 xl:py-2xl:group-hover:bg-white/10xl:group-hover:rounded-fullxl:h-minselect-none > div classflex gap-1 w-full items-center justify-between pr-34px md:pr-6 xl:pr-0> div classw-full transition-all font-bold duration-200 py-4 xl:p-0 flex items-center group-hover:text-brand-primary-300 group-.menu-open:text-brand-primary-300 cursor-pointer nav-button-trigger> Pricing /div> svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 20 20 fillcurrentColor class                xl:hidden                size-4 -mr-0.5                transition-all duration-200                rotate-0 group-hover:rotate-45 group-.menu-open:rotate-45                text-brand-primary-300 xl:text-white xl:group-hover:text-brand-primary-300 xl:group-.menu-open:text-brand-primary-300              > path fill-ruleevenodd dM5.22 14.78a.75.75 0 0 0 1.06 0l7.22-7.22v5.69a.75.75 0 0 0 1.5 0v-7.5a.75.75 0 0 0-.75-.75h-7.5a.75.75 0 0 0 0 1.5h5.69l-7.22 7.22a.75.75 0 0 0 0 1.06Z clip-ruleevenodd>/path> /svg> /div> /a> /div> /div>section classmd:hidden flex flex-col gap-y-4 p-6 pt-0 w-full fixed bottom-0 left-0 shadow-0_40px_30px_60px shadow-gray-800 data-astro-cid-psjfeutw>div idlogin-button-mobile classauth-btn w-full data-astro-cid-psjfeutw>a href/api/auth/login classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-#0E1624/20 border-1px border-white/10 text-brand-primary-200 active:text-brand-primary-200/70 rounded-full px-4 md:px-5 py-2 lg:py-2.5 text-base w-full !py-3 !px-4 text-base font-bold origin-center aria-labelLog in>div classflex items-center gap-0 false>Log in/div>/a>/div>div iddashboard-button-mobile classauth-btn md:hidden w-full data-astro-cid-psjfeutw>a href/dashboard classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-300 text-black border-1px border-brand-primary-300 active:text-black/70 rounded-full px-4 md:px-5 py-2 lg:py-2.5 text-base w-full !py-3 !px-4 text-base font-bold origin-center aria-labelDashboard>div classflex items-center gap-0 false>Dashboard/div>/a>/div>div classflex w-full gap-x-2 data-astro-cid-psjfeutw>div idsignup-button-mobile classauth-btn md:hidden w-full data-astro-cid-psjfeutw>a href/api/auth/signup classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-300 text-black border-1px border-brand-primary-300 active:text-black/70 rounded-full px-4 md:px-5 py-2 lg:py-2.5 text-base w-full !py-3 !px-4 text-base font-bold origin-center aria-labelSign Up>div classflex items-center gap-0 false>Sign up/div>/a>/div>div idget-a-demo-button-mobile classauth-btn w-full data-astro-cid-psjfeutw>a href/contact/book-a-demo classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale !px-0 text-brand-primary-300 hover:text-brand-primary-200 px-4 md:px-5 py-2 lg:py-2.5 text-base w-full !py-3 !px-4 text-base font-bold origin-center aria-labelContact Sales>div classflex items-center gap-0 false>Contact Sales/div>/a>/div>/div>/section>/div>/div>/div>/div>script type08db4330841c51354024416f-text/javascript>  document.addEventListener(DOMContentLoaded, function () {    const menuToggle  document.getElementById(menu-toggle)    const hamburgerToggle  document.getElementById(hamburger-toggle)    const closeMenuBtn  document.getElementById(close-menu-btn)    const mobileMenu  document.getElementById(mobile-menu)    if (menuToggle && mobileMenu && hamburgerToggle) {      menuToggle.addEventListener(click, function () {        mobileMenu.classList.toggle(closed)        hamburgerToggle.classList.toggle(active)        document.documentElement.classList.toggle(scroll-lock)      })    }    if (closeMenuBtn && mobileMenu && hamburgerToggle) {      closeMenuBtn.addEventListener(click, function (e) {        e.stopPropagation()        mobileMenu.classList.add(closed)        hamburgerToggle.classList.remove(active)        document.documentElement.classList.remove(scroll-lock)      })    }    // when clicking outside mobile-menu-content, close the menu (tablet only)    mobileMenu?.addEventListener(click, function (e) {      const isTablet  window.matchMedia((min-width: 768px) and (max-width: 1279px)).matches      if (!isTablet) return            const mobileMenuContent  document.getElementById(mobile-menu-content)      if (!mobileMenuContent?.contains(e.target)) {        mobileMenu?.classList.add(closed)        hamburgerToggle?.classList.remove(active)        document.documentElement.classList.remove(scroll-lock)      }    })    // Check auth session    async function checkAuthSession() {      let isLoggedIn  false      try {        const response  await fetch(/api/auth/session, {          credentials: include        })        if (response.ok) {          const data  await response.json()          isLoggedIn  data.isLoggedIn || (data.userId ? true : false)        }      } catch (error) {        console.error(Failed to check auth session:, error)      }            // Show appropriate buttons      if (isLoggedIn) {        document.getElementById(dashboard-button)?.classList.remove(auth-btn)        document.getElementById(dashboard-button-mobile)?.classList.remove(auth-btn)        document.getElementById(mobile-menu-content-list)?.classList.add(mb-67px)      } else {        document.getElementById(get-a-demo-button)?.classList.remove(auth-btn)        document.getElementById(get-a-demo-button-2)?.classList.remove(auth-btn)        document.getElementById(signup-button)?.classList.remove(auth-btn)        document.getElementById(login-button)?.classList.remove(auth-btn)        document.getElementById(get-a-demo-button-mobile)?.classList.remove(auth-btn)        document.getElementById(login-button-mobile)?.classList.remove(auth-btn)        document.getElementById(signup-button-mobile)?.classList.remove(auth-btn)        document.getElementById(mobile-menu-content-list)?.classList.add(mb-116px)      }    }    // Check session on page load    checkAuthSession()  })/script> !-- Client-side Analytics --> script type08db4330841c51354024416f-text/javascript>(()>{var easync t>{await(await t())()};(self.Astro||(self.Astro{})).onlye;window.dispatchEvent(new Event(astro:only));})();/script>astro-island uidueHVI component-url/_astro/ClientAnalytics.Bdo8zYfX.js component-exportdefault renderer-url/_astro/client.DIfvxlH4.js props{"pathname":0,"/"} ssr clientonly opts{"name":"ClientAnalytics","value":"react"}>/astro-island> !-- Main Content --> main class pt-header-mobile-height md:pt-header-tablet-height xl:pt-header-height>  div class-z-1 sw-starfield-container bleed-edges-vertical absolute -top-200px bottom-0 left-0 right-0 origin-center transform-gpu overflow-hidden data-astro-cid-3do7wtlr> div classsw-starfield animate transform-gpu data-astro-cid-3do7wtlr>/div> /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-4    id data-astro-cid-g5s3wlnq>  div classmax-w-1180px px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classmax-w-1180px w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12    data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-center text-center justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div>    div classflex flex-col gap-6 md:gap-8 lg:gap-10 xl:gap-12 items-center justify-center data-astro-cid-3do7wtlr> a href/blog/introducing-the-superwall-figma-plugin classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-600/20 backdrop-blur-sm border-1px border-white/10 text-brand-primary-200 active:text-brand-primary-200/70 rounded-full px-4 md:px-5 py-2 lg:py-2.5 text-base z-10 origin-center aria-labelThe Superwall Figma Plugin is Here!>div classflex items-center gap-0 translate-x-0.5 group-active/button:translate-x-2 group-hover/button:-translate-x-0.5 transition-transform group-hover/button:duration-300 duration-200> svg classinline mr-4 xmlnshttp://www.w3.org/2000/svg width16 height16 viewBox0 0 16 16 data-astro-cid-3do7wtlr>g fillcurrentColor data-astro-cid-3do7wtlr>path data-colorcolor-2 dM8.438,11.5H3.969l1.76,3.412a2,2,0,1,0,3.555-1.831Z data-astro-cid-3do7wtlr>/path>path dM14.691.038a.5.5,0,0,0-.545.108C14.118.175,11.254,3,8.5,3h-5a3.5,3.5,0,0,0,0,7h5c2.754,0,5.618,2.825,5.646,2.854A.5.5,0,0,0,15,12.5V.5A.5.5,0,0,0,14.691.038Z fillcurrentColor data-astro-cid-3do7wtlr>/path>/g>/svg>div classw-auto max-w-65vw md:max-w-2xl inline-block truncate data-astro-cid-3do7wtlr> The Superwall Figma Plugin is Here! /div> svg width22 height22 fillnone strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 16 16 classtransition-all group-hover/button:duration-300 duration-200 undefined translate-y-1px translate-x-1 group-active/button:translate-x-6 group-active/button:blur-2px group-active/button:opacity-0 -mr-0.5>path dM12 8H4 classorigin-center opacity-0 scale-x-0 transition-all group-hover/button:scale-x-100 group-hover/button:opacity-100 group-hover/button:duration-300 duration-200 >/path>path dm6.5 11.5 3.146-3.146a.5.5 0 0 0 0-.708L6.5 4.5 classtransition-transform group-hover/button:duration-300 duration-200  translate-x--2px group-hover/button:translate-x-3.9px>/path>/svg>/div>/a> div classtext-center relative data-astro-cid-3do7wtlr> div classblur-90px opacity-60 absolute overflow-hidden top-0 bottom-0 left-0 right-0 transform-gpu flex flex-row items-center justify-center data-astro-cid-3do7wtlr> div classblur-artifact transform-gpu flex flex-row items-center justify-center overflow-hidden data-astro-cid-3do7wtlr> div classtransform-gpu bg-gradient-to-br f to-brand-primary-300 w-10vw h-25vh md:h-15vw div-1 data-astro-cid-3do7wtlr>/div> div classtransform-gpu bg-gradient-to-br from-brand-primary-300 to-brand-tertiary-500 w-10vw h-40vh md:h-25vw div-2 data-astro-cid-3do7wtlr>/div> div classtransform-gpu bg-gradient-to-br from-brand-tertiary-500 to-brand-secondary-400 w-10vw h-25vh md:h-15vw div-3 data-astro-cid-3do7wtlr>/div> /div> /div> !-- This acts as true H1 --> div classfont-title absolute mix-blend-overlay inset-0 flex flex-col items-center justify-center gap-2 md:gap-5 lg:gap-6 data-astro-cid-3do7wtlr> h1 classtitle py-2.5 font-700 text-2xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl data-astro-cid-3do7wtlr> The paywall experimentation platform for mobile apps. /h1> p classpx-1 sm:px-0 sm:w-80% sm:text-lg md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal data-astro-cid-3do7wtlr> No-code paywalls, A/B testing, and business analytics in 2 lines of code. /p> /div> !-- This is styled thesame as H1 but doubled up to brighten it --> div aria-hiddentrue classfont-title absolute mix-blend-overlay inset-0 flex flex-col items-center justify-center gap-2 md:gap-5 lg:gap-6 pointer-events-none select-none data-astro-cid-3do7wtlr> p aria-hiddentrue classtitle py-2.5 font-700 text-2xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl data-astro-cid-3do7wtlr> The paywall experimentation platform for mobile apps. /p> p aria-hiddentrue classpx-1 sm:px-0 sm:w-80% sm:text-lg md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal data-astro-cid-3do7wtlr> No-code paywalls, A/B testing, and business analytics in 2 lines of code. /p> /div> !-- This is styled thesame as H1 but doubled up to brighten it --> div aria-hiddentrue classfont-title absolute mix-blend-overlay inset-0 flex flex-col items-center justify-center gap-2 md:gap-5 lg:gap-6 opacity-30 pointer-events-none select-none data-astro-cid-3do7wtlr> p aria-hiddentrue classtitle py-2.5 font-700 text-2xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl data-astro-cid-3do7wtlr> The paywall experimentation platform for mobile apps. /p> p aria-hiddentrue classpx-1 sm:px-0 sm:w-80% sm:text-lg md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal data-astro-cid-3do7wtlr> No-code paywalls, A/B testing, and business analytics in 2 lines of code. /p> /div> !-- This defines the height of the container --> div aria-hiddentrue classfont-title absolute mix-blend-overlay inset-0 flex flex-col items-center justify-center gap-2 md:gap-5 lg:gap-6 !text-white/0 !static pointer-events-none select-none data-astro-cid-3do7wtlr> p aria-hiddentrue classtitle py-2.5 font-700 text-2xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl data-astro-cid-3do7wtlr> The paywall experimentation platform for mobile apps. /p> p aria-hiddentrue classpx-1 sm:px-0 sm:w-80% sm:text-lg md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal data-astro-cid-3do7wtlr> No-code paywalls, A/B testing, and business analytics in 2 lines of code. /p> /div> /div> div classpt-6 data-astro-cid-3do7wtlr> !-- Email Input -->form classmd:h-62px flex flex-row items-center justify-center gap-4 rounded-full pl-7 pr-2 py-1.5 border border-gray-400/20 bg-gray-500/20 backdrop-blur-sm onsubmitif (!window.__cfRLUnblockHandlers) return false; event.preventDefault(); const email  event.target.email.value; window.location.href  `/api/auth/signup?email${encodeURIComponent(email)}`; data-cf-modified-08db4330841c51354024416f-> input nameemail typeemail placeholderYour work email... classw-full py-2.5 text-base md:text-lg !w-50vw md:!max-w-300px appearance-none active:outline-none focus:outline-none autocompleteemail required> button typesubmit classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-300 text-black border-1px border-brand-primary-300 active:text-black/70 rounded-full px-4 md:px-5 py-2 lg:py-2.5 text-base  origin-right aria-labelStart for free>div classflex items-center gap-0 translate-x-0.5 group-active/button:translate-x-2 group-hover/button:-translate-x-0.5 transition-transform group-hover/button:duration-300 duration-200> span> Start span classhidden md:inline> for free /span>/span> svg width22 height22 fillnone strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 16 16 classtransition-all group-hover/button:duration-300 duration-200 undefined translate-y-1px translate-x-1 group-active/button:translate-x-6 group-active/button:blur-2px group-active/button:opacity-0 -mr-0.5>path dM12 8H4 classorigin-center opacity-0 scale-x-0 transition-all group-hover/button:scale-x-100 group-hover/button:opacity-100 group-hover/button:duration-300 duration-200 >/path>path dm6.5 11.5 3.146-3.146a.5.5 0 0 0 0-.708L6.5 4.5 classtransition-transform group-hover/button:duration-300 duration-200  translate-x--2px group-hover/button:translate-x-3.9px>/path>/svg>/div>/button> /form> /div> /div>  /div>  /div>  /div>  /div>  div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-4    id data-astro-cid-g5s3wlnq>  div classmax-w-1336px px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classmax-w-1336px w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12    data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-center text-center justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div>    div classmarquee-container overflow-hidden bleed-edges max-w-full undefined data-speed3 data-astro-cid-bzsy455p> div classw-max relative data-astro-cid-bzsy455p> div classmarquee-content flex gap-10  md:gap-16 lg:gap-24 pr-10 md:pr-16 lg:pr-24   styleanimation-duration: 66.66666666666667s data-astro-cid-bzsy455p>  a hrefhttps://ngl.link target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/ngl.webp altNGL classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://www.calai.app/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/cal-ai.webp altCal AI classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://quittrapp.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/quittr.webp altQuittr classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://mojo-app.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/mojo.webp altMojo classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://citizen.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/citizen.webp altCitizen classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://www.yubo.live/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/yubo.webp altYubo classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://backbone.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/backbone.webp altBackbone classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://www.opal.so/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/opal.webp altOpal classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://www.burnerapp.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/burner.webp altBurner classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://coinstats.app/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/coinstats.webp altCoinStats classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://planner5d.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/planner-5d.webp altPlanner 5D classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://www.dubapp.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/dub.webp altDub classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://gronda.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/gronda.webp altGronda classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://nymag.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/ny-mag.webp altNew York Magazine classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://liftoffrank.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/liftoff.webp altLiftoff classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://lifesum.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/lifesum.webp altLifesum classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a>  /div> div classabsolute left-0 top-0  right-0 bottom-0   translate-x-full aria-hiddentrue data-astro-cid-bzsy455p> div classmarquee-content flex gap-10  md:gap-16 lg:gap-24 pr-10 md:pr-16 lg:pr-24   styleanimation-duration: 66.66666666666667s aria-hiddentrue data-astro-cid-bzsy455p>  a hrefhttps://ngl.link target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/ngl.webp altNGL classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://www.calai.app/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/cal-ai.webp altCal AI classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://quittrapp.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/quittr.webp altQuittr classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://mojo-app.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/mojo.webp altMojo classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://citizen.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/citizen.webp altCitizen classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://www.yubo.live/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/yubo.webp altYubo classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://backbone.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/backbone.webp altBackbone classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://www.opal.so/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/opal.webp altOpal classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://www.burnerapp.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/burner.webp altBurner classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://coinstats.app/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/coinstats.webp altCoinStats classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://planner5d.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/planner-5d.webp altPlanner 5D classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://www.dubapp.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/dub.webp altDub classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://gronda.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/gronda.webp altGronda classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://nymag.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/ny-mag.webp altNew York Magazine classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://liftoffrank.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/liftoff.webp altLiftoff classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a> a hrefhttps://lifesum.com/ target_blank relnoopener noreferrer classblock transition-opacity hover:opacity-80> img src/assets/customers/lifesum.webp altLifesum classh-20px sm:h-22px lg:h-30px object-contain loadinglazy> /a>  /div> /div> /div> /div>   /div>  /div>  /div>  /div> div idmain-hero classnot-loaded ease-out-back-soft duration-2000ms transition-all data-astro-cid-j7pv25f6> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-4    id data-astro-cid-g5s3wlnq>  div classmax-w-1180px px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classmax-w-1180px w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12    data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-center text-center justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div>    div classgroup hover:scale-1.02 active:scale-0.98 ease-out-back-soft transition-all duration-800 cursor-pointer  data-astro-cid-bn7cw7bh> div classflex flex-row items-stretch justify-center rounded-10px md:rounded-20px border border-gray-200/20 overflow-hidden undefined w-full>div classflex flex-row items-stretch justify-center p-4px md:p-8px bg-gradient-to-b from-gray-400/10 to-gray-800/0 backdrop-blur-xl w-full >div classflex flex-row items-center justify-center rounded-6px md:rounded-12px border border-gray-200/20 bg-gray-400/10 overflow-hidden w-full >div classflex items-center w-full > img class src/assets/screenshots/youtube-thumbnail.avif altVideo preview loadingeager fetchpriorityhigh data-astro-cid-bn7cw7bh>  button idplayButton classabsolute inset-0 flex items-center justify-center hover:bg-black/30 transition-all duration-400 cursor-pointer aria-labelPlay video data-video-urlhttps://www.youtube.com/embed/dfXaaduJIDc?autoplay1&rel0 data-astro-cid-bn7cw7bh> div classgroup-hover:scale-1.4 transition-all duration-800 ease-out-back-soft data-astro-cid-bn7cw7bh> div classbg-gray-950 transition-all duration-300 rounded-full group-hover:text-brand-primary-300 group-hover:bg-gray-800 transform data-astro-cid-bn7cw7bh> svg xmlnshttp://www.w3.org/2000/svg width75 height75 viewBox0 0 32 32 class-m-1px data-astro-cid-bn7cw7bh>title>btn-play/title>g fillcurrentColor data-astro-cid-bn7cw7bh>path fillcurrentColor dM16,0C7.178,0,0,7.178,0,16s7.178,16,16,16s16-7.178,16-16S24.822,0,16,0z M23.537,16.844l-11,7 C12.373,23.947,12.187,24,12,24c-0.165,0-0.331-0.041-0.481-0.123C11.199,23.701,11,23.365,11,23V9c0-0.365,0.199-0.701,0.519-0.877 c0.32-0.175,0.71-0.162,1.019,0.033l11,7C23.825,15.34,24,15.658,24,16S23.825,16.66,23.537,16.844z data-astro-cid-bn7cw7bh>/path>/g>/svg> /div> /div> /button> /div>/div>/div>/div> /div> !-- YouTube Video Modal --> div idvideoModal classvideo-modal video-modal--hidden cursor-pointer data-astro-cid-bn7cw7bh> button typebutton classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-600/20 backdrop-blur-sm border-1px border-white/10 text-brand-primary-200 active:text-brand-primary-200/70 rounded-full px-4 md:px-5 py-2 lg:py-2.5 text-base absolute top-6 right-6 !p-3 aspect-square z-10000 origin-center idcloseButton aria-labelClose video>div classflex items-center gap-0 false> svg classw-8 h-8 fillnone strokecurrentColor viewBox0 0 24 24 data-astro-cid-bn7cw7bh> path stroke-linecapround stroke-linejoinround stroke-width2 dM6 18L18 6M6 6l12 12 data-astro-cid-bn7cw7bh>/path> /svg> /div>/button> !-- YouTube Video Container --> div classvideo-container relative w-full max-w-1400px mx-auto aspect-video bg-black rounded-lg overflow-hidden shadow-2xl data-astro-cid-bn7cw7bh> iframe idyoutubeVideo classw-full h-full src titleYouTube video player styleborder: none; allowaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share allowfullscreen data-astro-cid-bn7cw7bh>    /iframe> /div> /div> script type08db4330841c51354024416f-module>const idocument.getElementById(playButton),edocument.getElementById(videoModal),sdocument.getElementById(closeButton),ddocument.getElementById(youtubeVideo),ni?.dataset.videoUrl||;function l(){e&&d&&(d.srcn,e.classList.remove(video-modal--hidden),e.classList.add(video-modal--opening),requestAnimationFrame(()>{e.classList.remove(video-modal--opening),e.classList.add(video-modal--visible)}),document.documentElement.classList.add(overflow-hidden))}function t(){e&&d&&(e.classList.remove(video-modal--visible),e.classList.add(video-modal--closing),setTimeout(()>{d.src,e.classList.remove(video-modal--closing),e.classList.add(video-modal--hidden),document.documentElement.classList.remove(overflow-hidden)},300))}i?.addEventListener(click,l);s?.addEventListener(click,t);e?.addEventListener(click,o>{o.targete&&t()});document.addEventListener(keydown,o>{o.keyEscape&&!e?.classList.contains(video-modal--hidden)&&t()});/script>   /div>  /div>  /div>  /div> /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-0   id data-astro-cid-g5s3wlnq>  div classw-full px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classw-full w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12    data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-center text-center justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div> div classflex flex-col gap-2 items-center text-center data-astro-cid-g5s3wlnq> div classfont-title  lg:pb-2.5 font-700 text-2xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl bg-gradient-to-br from-gray-100 to-gray-200 bg-clip-text text-transparent data-astro-cid-g5s3wlnq> h2 data-astro-cid-j7pv25f6>Trusted by over 4,000 apps/h2> /div> div classfont-title sm:px-0 sm:text-xl md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal text-gray-400 max-w-3xl data-astro-cid-g5s3wlnq> h3 data-astro-cid-j7pv25f6>Powering over 100,000 paywalls for apps like these/h3> /div> /div>     div classmax-w-100vw flex flex-col gap-3 mt-4 data-astro-cid-j7pv25f6> div classmarquee-container overflow-hidden bleed-edges max-w-full undefined data-speed2 data-astro-cid-bzsy455p> div classw-max relative data-astro-cid-bzsy455p> div classmarquee-content flex gap-0 left-to-right styleanimation-duration: 100s data-astro-cid-bzsy455p>  div classrelative grid grid-cols-30 gap-3 pr-3 data-astro-cid-j7pv25f6> div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/21.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/8.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/20.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/15.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/28.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/10.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/5.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/6.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/11.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/7.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/27.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/26.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/9.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/14.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/22.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/1.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/0.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/12.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/17.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/25.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/24.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/29.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/16.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/2.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/4.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/13.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/18.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/19.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/23.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/3.webp altapp-icon loadinglazy fetchPrioritylow/>/div> /div>  /div> div classabsolute left-0 top-0  right-0 bottom-0  -translate-x-full aria-hiddentrue data-astro-cid-bzsy455p> div classmarquee-content flex gap-0 left-to-right styleanimation-duration: 100s aria-hiddentrue data-astro-cid-bzsy455p>  div classrelative grid grid-cols-30 gap-3 pr-3 data-astro-cid-j7pv25f6> div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/21.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/8.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/20.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/15.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/28.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/10.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/5.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/6.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/11.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/7.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/27.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/26.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/9.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/14.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/22.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/1.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/0.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/12.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/17.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/25.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/24.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/29.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/16.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/2.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/4.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/13.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/18.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/19.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/23.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/3.webp altapp-icon loadinglazy fetchPrioritylow/>/div> /div>  /div> /div> /div> /div> div classmarquee-container overflow-hidden bleed-edges max-w-full undefined data-speed2 data-astro-cid-bzsy455p> div classw-max relative data-astro-cid-bzsy455p> div classmarquee-content flex gap-0  styleanimation-duration: 100s data-astro-cid-bzsy455p>  div classrelative grid grid-cols-30 gap-3 pr-3 data-astro-cid-j7pv25f6> div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/17.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/1.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/27.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/16.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/15.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/11.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/12.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/4.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/10.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/7.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/21.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/2.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/20.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/28.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/3.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/8.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/0.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/26.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/9.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/24.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/22.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/19.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/5.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/23.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/14.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/25.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/6.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/13.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/29.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/18.webp altapp-icon loadinglazy fetchPrioritylow/>/div> /div>  /div> div classabsolute left-0 top-0  right-0 bottom-0   translate-x-full aria-hiddentrue data-astro-cid-bzsy455p> div classmarquee-content flex gap-0  styleanimation-duration: 100s aria-hiddentrue data-astro-cid-bzsy455p>  div classrelative grid grid-cols-30 gap-3 pr-3 data-astro-cid-j7pv25f6> div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/17.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/1.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/27.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/16.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/15.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/11.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/12.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/4.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/10.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/7.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/21.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/2.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/20.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/28.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/3.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/8.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/0.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/26.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/9.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/24.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/22.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/19.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/5.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/23.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/14.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/25.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/6.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/13.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/29.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/18.webp altapp-icon loadinglazy fetchPrioritylow/>/div> /div>  /div> /div> /div> /div> div classmarquee-container overflow-hidden bleed-edges max-w-full undefined data-speed2 data-astro-cid-bzsy455p> div classw-max relative data-astro-cid-bzsy455p> div classmarquee-content flex gap-0 left-to-right styleanimation-duration: 100s data-astro-cid-bzsy455p>  div classrelative grid grid-cols-30 gap-3 pr-3 data-astro-cid-j7pv25f6> div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/16.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/20.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/26.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/2.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/18.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/5.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/29.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/27.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/22.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/7.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/28.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/8.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/3.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/4.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/14.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/13.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/0.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/15.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/9.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/24.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/17.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/19.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/6.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/1.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/10.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/11.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/23.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/21.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/25.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/12.webp altapp-icon loadinglazy fetchPrioritylow/>/div> /div>  /div> div classabsolute left-0 top-0  right-0 bottom-0  -translate-x-full aria-hiddentrue data-astro-cid-bzsy455p> div classmarquee-content flex gap-0 left-to-right styleanimation-duration: 100s aria-hiddentrue data-astro-cid-bzsy455p>  div classrelative grid grid-cols-30 gap-3 pr-3 data-astro-cid-j7pv25f6> div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/16.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/20.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/26.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/2.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/18.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/5.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/29.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/27.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/22.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/7.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/28.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/8.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/3.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/4.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/14.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/13.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/0.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/15.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/9.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/24.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/17.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/19.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/6.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/1.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/10.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/11.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/23.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/21.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/25.webp altapp-icon loadinglazy fetchPrioritylow/>/div>div classw-64px h-64px>img classpointer-events-none rounded-24% shadow-xl border border-gray-700/60 src/assets/icons/12.webp altapp-icon loadinglazy fetchPrioritylow/>/div> /div>  /div> /div> /div> /div>  /div>  /div>  /div>  /div>  /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-4   bg-gradient-to-b from-gray-800/40 to-gray-800/0 pt-20 md:pt-24 lg:pt-32 xl:pt-34 border-t border-gray-800 id data-astro-cid-g5s3wlnq>  div classmax-w-1336px px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classmax-w-1336px w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12  grid grid-cols-1 lg:grid-cols-2  data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-start text-left justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div> div classflex flex-col gap-2 items-start text-left data-astro-cid-g5s3wlnq> div classfont-title  lg:pb-2.5 font-700 text-2xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl bg-gradient-to-br from-gray-100 to-gray-200 bg-clip-text text-transparent data-astro-cid-g5s3wlnq> h2 class data-astro-cid-j7pv25f6>Build & deploy paywalls without coding/h2> /div> div classfont-title sm:px-0 sm:text-xl md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal text-gray-400 max-w-3xl data-astro-cid-g5s3wlnq> div data-astro-cid-j7pv25f6> div classspace-y-3 > div classflex items-center gap-3> div classflex-shrink-0 flex flex-row items-center justify-center> svg classw-6 h-6 fillcurrentColor viewBox0 0 20 20 xmlnshttp://www.w3.org/2000/svg> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> /div> p classleading-relaxed>Drag and drop paywall builder/p> /div>div classflex items-center gap-3> div classflex-shrink-0 flex flex-row items-center justify-center> svg classw-6 h-6 fillcurrentColor viewBox0 0 20 20 xmlnshttp://www.w3.org/2000/svg> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> /div> p classleading-relaxed>A/B testing with advanced targeting/p> /div>div classflex items-center gap-3> div classflex-shrink-0 flex flex-row items-center justify-center> svg classw-6 h-6 fillcurrentColor viewBox0 0 20 20 xmlnshttp://www.w3.org/2000/svg> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> /div> p classleading-relaxed>Track revenue, subscriptions, and more/p> /div> /div> /div> /div> /div>   /div> div class data-astro-cid-j7pv25f6> img classw-full src/assets/hero/paywall-editor-2x.avif altPaywall loadinglazy data-astro-cid-j7pv25f6> /div> /div>  /div>  /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-0   id data-astro-cid-g5s3wlnq>  div classw-full px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classw-full w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12    data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-center text-center justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div> div classflex flex-col gap-2 items-center text-center data-astro-cid-g5s3wlnq> div classfont-title  lg:pb-2.5 font-700 text-2xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl bg-gradient-to-br from-gray-100 to-gray-200 bg-clip-text text-transparent data-astro-cid-g5s3wlnq> h2 class data-astro-cid-j7pv25f6>Target users with different paywalls/h2> /div> div classfont-title sm:px-0 sm:text-xl md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal text-gray-400 max-w-3xl data-astro-cid-g5s3wlnq> div data-astro-cid-j7pv25f6>Show paywalls based on behavior, demographics, and more./div> /div> /div>   /div>  /div> div classw-full data-astro-cid-j7pv25f6> img classw-full max-w-1800px mx-auto src/assets/hero/audience-rules-2x.avif altPaywall loadinglazy data-astro-cid-j7pv25f6> /div> /div>  /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-4    id data-astro-cid-g5s3wlnq>  div classmax-w-1336px px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classmax-w-1336px w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12  grid grid-cols-1 lg:grid-cols-2  data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-start text-left justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div> div classflex flex-col gap-2 items-start text-left data-astro-cid-g5s3wlnq> div classfont-title  lg:pb-2.5 font-700 text-2xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl bg-gradient-to-br from-gray-100 to-gray-200 bg-clip-text text-transparent data-astro-cid-g5s3wlnq> h2 class data-astro-cid-j7pv25f6>Boost your revenue with A/B testing/h2> /div> div classfont-title sm:px-0 sm:text-xl md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal text-gray-400 max-w-3xl data-astro-cid-g5s3wlnq> div data-astro-cid-j7pv25f6>Test paywall variations and track performance, all in one platform./div> /div> /div>   /div> div class data-astro-cid-j7pv25f6> img classmin-w-20vw src/assets/hero/ab-testing-2x.avif loadinglazy fetchprioritylow altPaywall data-astro-cid-j7pv25f6> /div> /div>  /div>  /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-0  bg-gradient-to-b from-gray-800/40 to-gray-800/0 pt-20 md:pt-24 lg:pt-32 xl:pt-34 border-t border-gray-800 id data-astro-cid-g5s3wlnq>  div classw-full px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classw-full w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12    data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-center text-center justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div> div classflex flex-col gap-2 items-center text-center data-astro-cid-g5s3wlnq> div classfont-title  lg:pb-2.5 font-700 text-2xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl bg-gradient-to-br from-gray-100 to-gray-200 bg-clip-text text-transparent data-astro-cid-g5s3wlnq> h2 data-astro-cid-j7pv25f6>Start from scratch, or from a template/h2> /div> div classfont-title sm:px-0 sm:text-xl md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal text-gray-400 max-w-3xl data-astro-cid-g5s3wlnq> h3 data-astro-cid-j7pv25f6>200+ paywall templates to choose from, 100% free of charge. Edit everything from text and fonts to colors and      images./h3> /div> /div>     div classmarquee-container overflow-hidden bleed-edges max-w-full undefined data-speed1 data-astro-cid-bzsy455p> div classw-max relative data-astro-cid-bzsy455p> div classmarquee-content flex   styleanimation-duration: 200s data-astro-cid-bzsy455p> div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/1.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/2.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/3.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/4.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/5.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/6.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/7.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/8.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/9.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/10.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/11.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/12.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/13.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/14.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/15.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/16.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/17.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/18.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/19.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/20.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/21.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/22.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/23.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/24.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/25.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/26.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/27.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/28.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/29.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/30.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/31.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/32.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/33.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/34.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div> /div> div classabsolute left-0 top-0  right-0 bottom-0   translate-x-full aria-hiddentrue data-astro-cid-bzsy455p> div classmarquee-content flex   styleanimation-duration: 200s aria-hiddentrue data-astro-cid-bzsy455p> div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/1.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/2.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/3.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/4.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/5.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/6.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/7.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/8.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/9.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/10.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/11.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/12.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/13.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/14.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/15.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/16.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/17.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/18.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/19.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/20.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/21.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/22.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/23.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/24.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/25.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/26.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/27.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/28.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/29.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/30.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/31.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/32.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/33.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div>div classpy-10 lg:py-20> div classgroup/screenshot hover:px-10 hover:lg:px-20 transition-all duration-1200 ease-out-back-soft transform perspective-near rotate-x-25deg -rotate-y-25deg hover:rotate-x-0deg hover:-rotate-y-0deg scale-120 hover:scale-1.28> div classp-5px lg:p-10px bg-gray-400 rounded-19px lg:rounded-38px overflow-hidden group/screenshot relative w-125px lg:w-250px transition-all duration-1200 ease-out-back-soft> img classw-full rounded-14px lg:rounded-28px src/assets/paywalls/34.webp altScreenshot loadinglazy fetchprioritylow> div classabsolute inset-0 pointer-events-none bg-gradient-to-r from-black/10 to-black/50 opacity-100 group-hover/screenshot:opacity-0 transition-opacity duration-500 ease-in-out>/div> /div> /div> /div> /div> /div> /div> /div>   /div>  /div>  /div>  /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-4   bg-gradient-to-b from-gray-800/40 to-gray-800/0 pt-20 md:pt-24 lg:pt-32 xl:pt-34 border-t border-gray-800 id data-astro-cid-g5s3wlnq>  div classmax-w-1336px px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classmax-w-1336px w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12    data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-center text-center justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div> div classflex flex-col gap-2 items-center text-center data-astro-cid-g5s3wlnq> div classfont-title  lg:pb-2.5 font-700 text-2xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl bg-gradient-to-br from-gray-100 to-gray-200 bg-clip-text text-transparent data-astro-cid-g5s3wlnq> h2 class data-astro-cid-j7pv25f6>One unified subscriber management platform/h2> /div> div classfont-title sm:px-0 sm:text-xl md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal text-gray-400 max-w-3xl data-astro-cid-g5s3wlnq> div data-astro-cid-j7pv25f6>Manage subscribers, revenue and entitlements in one place./div> /div> /div>   /div>  /div> div data-astro-cid-j7pv25f6> img src/assets/hero/subscriber-management.avif altPaywall loadinglazy data-astro-cid-j7pv25f6> /div> /div>  /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-4   bg-gradient-to-b from-gray-800/40 to-gray-800/0 pt-20 md:pt-24 lg:pt-32 xl:pt-34 border-t border-gray-800 id data-astro-cid-g5s3wlnq>  div classmax-w-1180px px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classmax-w-1180px w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12    data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-center text-center justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div> div classflex flex-col gap-2 items-center text-center data-astro-cid-g5s3wlnq> div classfont-title  lg:pb-2.5 font-700 text-2xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl bg-gradient-to-br from-gray-100 to-gray-200 bg-clip-text text-transparent data-astro-cid-g5s3wlnq> h2 class data-astro-cid-j7pv25f6>Track revenue, subscriptions, and more/h2> /div> div classfont-title sm:px-0 sm:text-xl md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal text-gray-400 max-w-3xl data-astro-cid-g5s3wlnq> div data-astro-cid-j7pv25f6>Get real-time insights into your apps performance, including revenue, subscriptions, and more./div> /div> /div>   /div>  /div> div data-astro-cid-j7pv25f6> div classflex flex-row items-stretch justify-center rounded-10px md:rounded-20px border border-gray-200/20 overflow-hidden undefined w-full>div classflex flex-row items-stretch justify-center p-4px md:p-8px bg-gradient-to-b from-gray-400/10 to-gray-800/0 backdrop-blur-xl w-full >div classflex flex-row items-center justify-center rounded-6px md:rounded-12px border border-gray-200/20 bg-gray-400/10 overflow-hidden w-full >div classflex items-center w-full > img src/assets/screenshots/charts.avif altPaywall loadinglazy data-astro-cid-j7pv25f6> /div>/div>/div>/div> /div> /div>  /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-4   bg-gradient-to-b from-gray-800/40 to-gray-800/0 pt-20 md:pt-24 lg:pt-32 xl:pt-34 border-t border-gray-800 id data-astro-cid-g5s3wlnq>  div classmax-w-1180px px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classmax-w-1180px w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12  grid grid-cols-1 lg:grid-cols-2  data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-start text-left justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div> div classflex flex-col gap-2 items-start text-left data-astro-cid-g5s3wlnq> div classfont-title  lg:pb-2.5 font-700 text-2xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl bg-gradient-to-br from-gray-100 to-gray-200 bg-clip-text text-transparent data-astro-cid-g5s3wlnq> h2 class data-astro-cid-j7pv25f6>Integrate in minutes/h2> /div> div classfont-title sm:px-0 sm:text-xl md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal text-gray-400 max-w-3xl data-astro-cid-g5s3wlnq> div data-astro-cid-j7pv25f6>Open-source SDKs for iOS & Android built in Swift, Kotlin, React Native, and Flutter./div> /div> /div>   /div> div class data-astro-cid-j7pv25f6> div classrounded-lg py-8 px-5 border border-gray-400/20 bg-gray-800/50 data-astro-cid-j7pv25f6> img src/assets/code/integrate.svg altIntegrate loadinglazy data-astro-cid-j7pv25f6> /div> /div> /div> div classborder-t border-gray-400/10 pt-8 lg:pt-12 w-full data-astro-cid-j7pv25f6> div classflex flex-row flex-wrap items-center justify-center md:justify-between w-full gap-16 data-astro-cid-j7pv25f6> div classflex flex-row gap-6 items-center data-astro-cid-j7pv25f6> img classh-8 md:h-10 src/assets/code/swift.svg altSwift loadinglazy data-astro-cid-j7pv25f6> p classtext-xl lg:text-3xl font-medium whitespace-nowrap data-astro-cid-j7pv25f6>Swift/p> /div> div classflex flex-row gap-6 items-center data-astro-cid-j7pv25f6> img classh-8 md:h-10 src/assets/code/kotlin.svg altKotlin loadinglazy data-astro-cid-j7pv25f6> p classtext-xl lg:text-3xl font-medium whitespace-nowrap data-astro-cid-j7pv25f6>Kotlin/p> /div> div classhidden lg:flex gap-6 items-center data-astro-cid-j7pv25f6> img classh-8 md:h-10 src/assets/code/expo.svg altExpo loadinglazy data-astro-cid-j7pv25f6> p classtext-xl lg:text-3xl font-medium whitespace-nowrap data-astro-cid-j7pv25f6>Expo/p> /div> div classflex flex-row gap-6 items-center data-astro-cid-j7pv25f6> img classh-8 md:h-10 src/assets/code/react.svg altReact Native loadinglazy data-astro-cid-j7pv25f6> p classtext-xl lg:text-3xl font-medium whitespace-nowrap data-astro-cid-j7pv25f6>React Native/p> /div> div classflex flex-row gap-6 items-center data-astro-cid-j7pv25f6> img classh-8 md:h-10 src/assets/code/flutter.svg altFlutter loadinglazy data-astro-cid-j7pv25f6> p classtext-xl lg:text-3xl font-medium whitespace-nowrap data-astro-cid-j7pv25f6>Flutter/p> /div> /div> /div> /div>  /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-4    id data-astro-cid-g5s3wlnq>  div classmax-w-1336px px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classmax-w-1336px w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12    data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-center text-center justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div>    div classmx-auto grid grid-cols-1 grid-rows-1 gap-3 md:gap-4 text-sm grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 >  div classflex flex-row items-center justify-center rounded-12px border border-gray-200/20 bg-gradient-to-br from-gray-400/10  to-gray-500/0 backdrop-blur-xl overflow-hidden radial-gradient-container border-none w-full>div classflex items-center w-full > figure classflex flex-col items-stretch divide-y divide-white/10 text-left> blockquote classtext-20px font-ui font-bold leading-1.5 p-8 pb-6> div classgrid grid-cols-1fr_auto>  svg classscale--1.0 mb-2 text-white/40 xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 32 32> title>blockquote/title> g fillcurrentColor> path dM7,6a6,6,0,0,0-.03,12A17.045,17.045,0,0,1,4.2,26.4a1,1,0,0,0,1.452,1.358C5.951,27.5,13,21.353,13,12A6.006,6.006,0,0,0,7,6Z fillcurrentColor>/path> path dM25,6a6,6,0,0,0-.03,12A17.045,17.045,0,0,1,22.2,26.4a1,1,0,0,0,1.452,1.358C23.951,27.5,31,21.353,31,12A6.006,6.006,0,0,0,25,6Z data-colorcolor-2>/path> /g> /svg>  /div> p data-astro-cid-j7pv25f6>Thanks to Superwall, we were able to 2x our iOS app profitability in just six months. It has greatly assisted          our growth team in achieving exceptional results by facilitating high-frequency experimentation./p> /blockquote> div classflex flex-col items-stretch gap-4 justify-center p-8 pt-6 md:grid md:grid-cols-1fr_auto md:gap-2 md:items-center> figcaption class> div classflex text-left items-center gap-x-4> img classh-12 w-12 rounded-35% shadow-xl srchttps://is2-ssl.mzstatic.com/image/thumb/Purple116/v4/93/41/d9/9341d9eb-3c70-b000-01c2-1985e2fd8714/AppIcon-AppStore-0-1x_U007emarketing-0-10-0-85-220.png/256x256bb.jpg alt loadinglazy data-astro-cid-j7pv25f6> div classflex flex-col items-start gap-0> div classflex flex-col items-start gap-0> div classfont-ui font-bold text-white/70 text-20px flex items-center gap-2> span data-astro-cid-j7pv25f6>Mojo/span> /div> div classfont-ui font-bold text-white/50 text-base opacity-50 -mt-1> span data-astro-cid-j7pv25f6>Bernard Bontemps, Head of Growth/span> /div> /div> /div> /div> /figcaption>  /div> /figure>/div>/div> div classflex flex-row items-center justify-center rounded-12px border border-gray-200/20 bg-gradient-to-br from-gray-400/10  to-gray-500/0 backdrop-blur-xl overflow-hidden radial-gradient-container border-none w-full>div classflex items-center w-full > figure classflex flex-col items-stretch divide-y divide-white/10 text-left> blockquote classtext-20px font-ui font-bold leading-1.5 p-8 pb-6> div classgrid grid-cols-1fr_auto>  svg classscale--1.0 mb-2 text-white/40 xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 32 32> title>blockquote/title> g fillcurrentColor> path dM7,6a6,6,0,0,0-.03,12A17.045,17.045,0,0,1,4.2,26.4a1,1,0,0,0,1.452,1.358C5.951,27.5,13,21.353,13,12A6.006,6.006,0,0,0,7,6Z fillcurrentColor>/path> path dM25,6a6,6,0,0,0-.03,12A17.045,17.045,0,0,1,22.2,26.4a1,1,0,0,0,1.452,1.358C23.951,27.5,31,21.353,31,12A6.006,6.006,0,0,0,25,6Z data-colorcolor-2>/path> /g> /svg>  /div> p data-astro-cid-j7pv25f6>Superwall lets us move 10x faster on our monetization strategy. We can build and launch multiple paywall          iterations without the need for client releases or complicated deploys. Our product iteration loop is days,          rather than months because of Superwall./p> /blockquote> div classflex flex-col items-stretch gap-4 justify-center p-8 pt-6 md:grid md:grid-cols-1fr_auto md:gap-2 md:items-center> figcaption class> div classflex text-left items-center gap-x-4> img classh-12 w-12 rounded-35% shadow-xl srchttps://is5-ssl.mzstatic.com/image/thumb/Purple116/v4/a5/8b/12/a58b123b-f09d-9e9b-5ccb-a47221b3e2de/AppIcon-1x_U007emarketing-0-7-0-85-220.png/256x265bb.jpg alt loadinglazy data-astro-cid-j7pv25f6> div classflex flex-col items-start gap-0> div classflex flex-col items-start gap-0> div classfont-ui font-bold text-white/70 text-20px flex items-center gap-2> span data-astro-cid-j7pv25f6>Citizen/span> /div> div classfont-ui font-bold text-white/50 text-base opacity-50 -mt-1> span data-astro-cid-j7pv25f6>Jon Rhome, Head of Product/span> /div> /div> /div> /div> /figcaption>  /div> /figure>/div>/div> div classflex flex-row items-center justify-center rounded-12px border border-gray-200/20 bg-gradient-to-br from-gray-400/10  to-gray-500/0 backdrop-blur-xl overflow-hidden radial-gradient-container border-none w-full>div classflex items-center w-full > figure classflex flex-col items-stretch divide-y divide-white/10 text-left> blockquote classtext-20px font-ui font-bold leading-1.5 p-8 pb-6> div classgrid grid-cols-1fr_auto>  svg classscale--1.0 mb-2 text-white/40 xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 32 32> title>blockquote/title> g fillcurrentColor> path dM7,6a6,6,0,0,0-.03,12A17.045,17.045,0,0,1,4.2,26.4a1,1,0,0,0,1.452,1.358C5.951,27.5,13,21.353,13,12A6.006,6.006,0,0,0,7,6Z fillcurrentColor>/path> path dM25,6a6,6,0,0,0-.03,12A17.045,17.045,0,0,1,22.2,26.4a1,1,0,0,0,1.452,1.358C23.951,27.5,31,21.353,31,12A6.006,6.006,0,0,0,25,6Z data-colorcolor-2>/path> /g> /svg>  /div> p data-astro-cid-j7pv25f6>Really excited about the progress we made recently on paywalls with Superwall. We got more than 50% increase          in conversion for upsell screens. This is crazy./p> /blockquote> div classflex flex-col items-stretch gap-4 justify-center p-8 pt-6 md:grid md:grid-cols-1fr_auto md:gap-2 md:items-center> figcaption class> div classflex text-left items-center gap-x-4> img classh-12 w-12 rounded-35% shadow-xl srchttps://is2-ssl.mzstatic.com/image/thumb/Purple116/v4/e6/ac/af/e6acaf67-e34e-c62d-b765-ea9525ed1d73/AppIcon-1x_U007emarketing-0-7-0-85-220.png/256x256bb.jpg alt loadinglazy data-astro-cid-j7pv25f6> div classflex flex-col items-start gap-0> div classflex flex-col items-start gap-0> div classfont-ui font-bold text-white/70 text-20px flex items-center gap-2> span data-astro-cid-j7pv25f6>Photoroom/span> /div> div classfont-ui font-bold text-white/50 text-base opacity-50 -mt-1> span data-astro-cid-j7pv25f6>Matthieu Rouif, CEO/span> /div> /div> /div> /div> /figcaption>  /div> /figure>/div>/div>  /div>  /div>  /div>  /div>  /div> div classsection my-20 md:my-24 lg:my-28 xl:my-30  px-4   bg-gradient-to-b from-gray-800/40 to-gray-800/0 pt-20 md:pt-24 lg:pt-32 xl:pt-34 border-t border-gray-800 id data-astro-cid-g5s3wlnq>  div classmax-w-1336px px-4 flex flex-col mx-auto items-center gap-6 md:gap-8 lg:gap-10 xl:gap-12  data-astro-cid-g5s3wlnq>  div classmax-w-1336px w-full gap-6 md:gap-8 lg:gap-10 xl:gap-12    data-astro-cid-g5s3wlnq>  div classflex flex-col gap-3 md:gap-4  lg:gap-5 xl:gap-6 items-center text-center justify-center data-astro-cid-g5s3wlnq> div classflex flex-col md:flex-row gap-2 pb-3 hidden                 data-astro-cid-g5s3wlnq>   /div> div classflex flex-col gap-2 items-center text-center data-astro-cid-g5s3wlnq> div classfont-title  lg:pb-2.5 font-700 text-2xl sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl bg-gradient-to-br from-gray-100 to-gray-200 bg-clip-text text-transparent data-astro-cid-g5s3wlnq> h2 data-astro-cid-j7pv25f6>Simple, transparent pricing/h2> /div> div classfont-title sm:px-0 sm:text-xl md:text-xl lg:text-2xl font-600 leading-snug sm:leading-normal text-gray-400 max-w-3xl data-astro-cid-g5s3wlnq> div data-astro-cid-j7pv25f6>Start free and scale as you grow./div> /div> /div>   /div>  /div> div classw-full data-astro-cid-j7pv25f6> div classw-full> div classgrid items-stretch w-full mt-8 grid-cols-1 md:grid-cols-2 lg:grid-cols-4> div classradial-gradient-container border border-white/10 font-bold font-ui !shadow-none grid grid-rows-subgrid row-span-5 gap-y-3 text-left p-4 sm:p-6 relative rounded-tl-2xl rounded-tr-2xl md:rounded-none md:rounded-tl-2xl lg:rounded-none lg:rounded-tl-2xl lg:rounded-bl-2xl border-b-0 md:border-r-0 md:border-b-0 lg:border-b lg:border-r-0>   div classtext-base leading-tight stylecolor:#66C4F8> Indie /div>  div classflex items-baseline gap-1.5 flex-wrap> h3 classtext-2xl sm:text-3xl leading-tight> span classtext-white/70>$/span> span classtext-white>0/span> /h3> span classtext-white/70 text-sm sm:text-base>/ month/span> /div>  span classtext-white/70 text-sm leading-relaxed> Up to $10k MAR, then 1% of totalastro-island uidZ28yUOu prefixr373 component-url/_astro/Tooltip.Bc18ig0o.js component-exportTooltip renderer-url/_astro/client.DIfvxlH4.js props{"text":0,"MAR","tooltipContent":0,"Free up to $10k Monthly Attributed Revenue (MAR), then 1% of total MAR. Monthly Tracked Revenue (MTR) is always completely free!"} ssr clientload opts{"name":"Tooltip","value":true} await-children>span classwhitespace-nowrap> !-- -->MAR!-- --> span classrelative inline-block ml-0.5>svg classw-4 h-4 text-white/70 inline-block cursor-help fillcurrentColor viewBox0 0 20 20 aria-hiddentrue>path fill-ruleevenodd dM18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z clip-ruleevenodd>/path>/svg>/span>/span>!--astro:end-->/astro-island>  /span>  div classpricing-auth-wrapper data-plan-idindie> a href# classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-600/20 backdrop-blur-sm border-1px border-white/10 text-brand-primary-200 active:text-brand-primary-200/70 rounded-full px-5 md:px-7 py-2 lg:py-2.5 text-lg &&:bg-rgba(102,196,248,0.1) &&:text-rgba(102,196,248,1) &&:shadow-xs &&:hover:bg-rgba(102,196,248,0.15) &&:border &&:border-rgba(102,196,248,0.2) rounded-full w-full text-sm origin-center>div classflex items-center gap-0 translate-x-0.5 group-active/button:translate-x-2 group-hover/button:-translate-x-0.5 transition-transform group-hover/button:duration-300 duration-200>Get Startedsvg width22 height22 fillnone strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 16 16 classtransition-all group-hover/button:duration-300 duration-200 undefined translate-y-1px translate-x-1 group-active/button:translate-x-6 group-active/button:blur-2px group-active/button:opacity-0 -mr-0.5>path dM12 8H4 classorigin-center opacity-0 scale-x-0 transition-all group-hover/button:scale-x-100 group-hover/button:opacity-100 group-hover/button:duration-300 duration-200 >/path>path dm6.5 11.5 3.146-3.146a.5.5 0 0 0 0-.708L6.5 4.5 classtransition-transform group-hover/button:duration-300 duration-200  translate-x--2px group-hover/button:translate-x-3.9px>/path>/svg>/div>/a> div classmt-18px h-px bg-white/10>/div> /div>  div classmin-h-0> ul classspace-y-2> li classflex items-start gap-2 stylecolor:#66C4F8>  span classtext-sm text-white/70>Includes:/span> /li>li classflex items-start gap-2 stylecolor:#66C4F8> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Charts/span> /li>li classflex items-start gap-2 stylecolor:#66C4F8> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Webhooks/span> /li>li classflex items-start gap-2 stylecolor:#66C4F8> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Integrations/span> /li>li classflex items-start gap-2 stylecolor:#66C4F8> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>IAP SDK/span> /li>li classflex items-start gap-2 stylecolor:#66C4F8> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Paywalls/span> /li>li classflex items-start gap-2 stylecolor:#66C4F8> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Campaigns/span> /li>li classflex items-start gap-2 stylecolor:#66C4F8> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Audiences/span> /li>li classflex items-start gap-2 stylecolor:#66C4F8> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Templates/span> /li> /ul> /div> /div> script type08db4330841c51354024416f-text/javascript>  document.addEventListener(DOMContentLoaded, function () {    // Handle pricing button clicks that need auth check    const pricingWrappers  document.querySelectorAll(.pricing-auth-wrapper)        pricingWrappers.forEach(wrapper > {      const link  wrapper.querySelector(a)      if (!link) return            link.addEventListener(click, async (e) > {        e.preventDefault() // Prevent default link behavior                let isLoggedIn  false        try {          const response  await fetch(/api/auth/session, {            credentials: include          })          if (response.ok) {            const data  await response.json()            isLoggedIn  data.isLoggedIn || (data.userId ? true : false)          }          // If response is not ok (4xx, 5xx), treat as logged out        } catch (error) {          console.error(Failed to check auth session:, error)          // If fetch fails completely, treat as logged out          isLoggedIn  false        }                // Redirect based on auth status        if (isLoggedIn) {          window.location.href  /applications/:app/settings/billing        } else {          window.location.href  /api/auth/signup        }      })    })  })/script>div classradial-gradient-container border font-bold font-ui !shadow-none grid grid-rows-subgrid row-span-5 gap-y-3 text-left p-4 sm:p-6 relative rounded-2xl scale-1.04 z-20 !border border-brand-primary-300/50> div classinline-flex items-center justify-centerfont-uifont-boldrounded-fullwhitespace-nowrap bg-brand-primary-300 text-black px-2 py-1 text-xs absolute -top-3 left-1/2 transform -translate-x-1/2 whitespace-nowrap bg-brand-primary-300> Most Popular /div>  div classtext-base leading-tight stylecolor:#74FFF1> Startup /div>  div classflex items-baseline gap-1.5 flex-wrap> h3 classtext-2xl sm:text-3xl leading-tight> span classtext-white/70>$/span> span classtext-white>49/span> /h3> span classtext-white/70 text-sm sm:text-base>/ month/span> /div>  span classtext-white/70 text-sm leading-relaxed> + 1% ofastro-island uidZV2MAi prefixr374 component-url/_astro/Tooltip.Bc18ig0o.js component-exportTooltip renderer-url/_astro/client.DIfvxlH4.js props{"text":0,"MAR","tooltipContent":0,"$49 flat monthly fee plus 1% of Monthly Attributed Revenue (MAR)"} ssr clientload opts{"name":"Tooltip","value":true} await-children>span classwhitespace-nowrap> !-- -->MAR!-- --> span classrelative inline-block ml-0.5>svg classw-4 h-4 text-white/70 inline-block cursor-help fillcurrentColor viewBox0 0 20 20 aria-hiddentrue>path fill-ruleevenodd dM18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z clip-ruleevenodd>/path>/svg>/span>/span>!--astro:end-->/astro-island>  /span>  div classpricing-auth-wrapper data-plan-idstartup> a href# classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-300 text-black border-1px border-brand-primary-300 active:text-black/70 rounded-full px-5 md:px-7 py-2 lg:py-2.5 text-lg &&:bg-rgba(116,255,241,0.1) &&:shadow-xs &&:hover:bg-rgba(116,255,241,0.15) &&:border &&:border-brand-primary-300/20 !bg-brand-primary-300 hover:bg-brand-primary-300/90 text-black rounded-full w-full text-sm origin-center>div classflex items-center gap-0 translate-x-0.5 group-active/button:translate-x-2 group-hover/button:-translate-x-0.5 transition-transform group-hover/button:duration-300 duration-200>Get Startedsvg width22 height22 fillnone strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 16 16 classtransition-all group-hover/button:duration-300 duration-200 undefined translate-y-1px translate-x-1 group-active/button:translate-x-6 group-active/button:blur-2px group-active/button:opacity-0 -mr-0.5>path dM12 8H4 classorigin-center opacity-0 scale-x-0 transition-all group-hover/button:scale-x-100 group-hover/button:opacity-100 group-hover/button:duration-300 duration-200 >/path>path dm6.5 11.5 3.146-3.146a.5.5 0 0 0 0-.708L6.5 4.5 classtransition-transform group-hover/button:duration-300 duration-200  translate-x--2px group-hover/button:translate-x-3.9px>/path>/svg>/div>/a> div classmt-18px h-px bg-white/10>/div> /div>  div classmin-h-0> ul classspace-y-2> li classflex items-start gap-2 stylecolor:#74FFF1>  span classtext-sm text-white/70>Everything in Indie, plus:/span> /li>li classflex items-start gap-2 stylecolor:#74FFF1> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Surveys/span> /li>li classflex items-start gap-2 stylecolor:#74FFF1> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Localization/span> /li>li classflex items-start gap-2 stylecolor:#74FFF1> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>AI Powered Localization/span> /li>li classflex items-start gap-2 stylecolor:#74FFF1> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Collaborators/span> /li> /ul> /div> /div> script type08db4330841c51354024416f-text/javascript>  document.addEventListener(DOMContentLoaded, function () {    // Handle pricing button clicks that need auth check    const pricingWrappers  document.querySelectorAll(.pricing-auth-wrapper)        pricingWrappers.forEach(wrapper > {      const link  wrapper.querySelector(a)      if (!link) return            link.addEventListener(click, async (e) > {        e.preventDefault() // Prevent default link behavior                let isLoggedIn  false        try {          const response  await fetch(/api/auth/session, {            credentials: include          })          if (response.ok) {            const data  await response.json()            isLoggedIn  data.isLoggedIn || (data.userId ? true : false)          }          // If response is not ok (4xx, 5xx), treat as logged out        } catch (error) {          console.error(Failed to check auth session:, error)          // If fetch fails completely, treat as logged out          isLoggedIn  false        }                // Redirect based on auth status        if (isLoggedIn) {          window.location.href  /applications/:app/settings/billing        } else {          window.location.href  /api/auth/signup        }      })    })  })/script>div classradial-gradient-container border border-white/10 font-bold font-ui !shadow-none grid grid-rows-subgrid row-span-5 gap-y-3 text-left p-4 sm:p-6 relative md:rounded-none md:rounded-bl-2xl lg:rounded-none border-b-0 md:border-b md:border-r-0 lg:border-b lg:border-r-0>   div classtext-base leading-tight stylecolor:#74FFF1> Scale /div>  div classflex items-baseline gap-1.5 flex-wrap> h3 classtext-2xl sm:text-3xl leading-tight> span classtext-white/70>$/span> span classtext-white>199/span> /h3> span classtext-white/70 text-sm sm:text-base>/ month/span> /div>  span classtext-white/70 text-sm leading-relaxed> + 1% ofastro-island uidZ28rJYB prefixr375 component-url/_astro/Tooltip.Bc18ig0o.js component-exportTooltip renderer-url/_astro/client.DIfvxlH4.js props{"text":0,"MAR","tooltipContent":0,"$199 flat monthly fee plus 1% of Monthly Attributed Revenue (MAR)"} ssr clientload opts{"name":"Tooltip","value":true} await-children>span classwhitespace-nowrap> !-- -->MAR!-- --> span classrelative inline-block ml-0.5>svg classw-4 h-4 text-white/70 inline-block cursor-help fillcurrentColor viewBox0 0 20 20 aria-hiddentrue>path fill-ruleevenodd dM18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z clip-ruleevenodd>/path>/svg>/span>/span>!--astro:end-->/astro-island>  /span>  div classpricing-auth-wrapper data-plan-idscale> a href# classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-brand-primary-300 text-black border-1px border-brand-primary-300 active:text-black/70 rounded-full px-5 md:px-7 py-2 lg:py-2.5 text-lg &&:bg-rgba(116,255,241,0.1) text-brand-primary-300 &&:shadow-xs &&:hover:bg-rgba(116,255,241,0.15) &&:border &&:border-brand-primary-300/20 rounded-full w-full text-sm origin-center>div classflex items-center gap-0 translate-x-0.5 group-active/button:translate-x-2 group-hover/button:-translate-x-0.5 transition-transform group-hover/button:duration-300 duration-200>Get Startedsvg width22 height22 fillnone strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 16 16 classtransition-all group-hover/button:duration-300 duration-200 undefined translate-y-1px translate-x-1 group-active/button:translate-x-6 group-active/button:blur-2px group-active/button:opacity-0 -mr-0.5>path dM12 8H4 classorigin-center opacity-0 scale-x-0 transition-all group-hover/button:scale-x-100 group-hover/button:opacity-100 group-hover/button:duration-300 duration-200 >/path>path dm6.5 11.5 3.146-3.146a.5.5 0 0 0 0-.708L6.5 4.5 classtransition-transform group-hover/button:duration-300 duration-200  translate-x--2px group-hover/button:translate-x-3.9px>/path>/svg>/div>/a> div classmt-18px h-px bg-white/10>/div> /div>  div classmin-h-0> ul classspace-y-2> li classflex items-start gap-2 stylecolor:#74FFF1>  span classtext-sm text-white/70>Everything in Startup, plus:/span> /li>li classflex items-start gap-2 stylecolor:#74FFF1> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Dedicated Account Manager/span> /li>li classflex items-start gap-2 stylecolor:#74FFF1> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Demand Score/span> /li>li classflex items-start gap-2 stylecolor:#74FFF1> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Refund Protection/span> /li>li classflex items-start gap-2 stylecolor:#74FFF1> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Transaction Abandon/span> /li>li classflex items-start gap-2 stylecolor:#74FFF1> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>AI Audience Gen/span> /li>li classflex items-start gap-2 stylecolor:#74FFF1> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Saved Snippets/span> /li> /ul> /div> /div> script type08db4330841c51354024416f-text/javascript>  document.addEventListener(DOMContentLoaded, function () {    // Handle pricing button clicks that need auth check    const pricingWrappers  document.querySelectorAll(.pricing-auth-wrapper)        pricingWrappers.forEach(wrapper > {      const link  wrapper.querySelector(a)      if (!link) return            link.addEventListener(click, async (e) > {        e.preventDefault() // Prevent default link behavior                let isLoggedIn  false        try {          const response  await fetch(/api/auth/session, {            credentials: include          })          if (response.ok) {            const data  await response.json()            isLoggedIn  data.isLoggedIn || (data.userId ? true : false)          }          // If response is not ok (4xx, 5xx), treat as logged out        } catch (error) {          console.error(Failed to check auth session:, error)          // If fetch fails completely, treat as logged out          isLoggedIn  false        }                // Redirect based on auth status        if (isLoggedIn) {          window.location.href  /applications/:app/settings/billing        } else {          window.location.href  /api/auth/signup        }      })    })  })/script>div classradial-gradient-container border border-white/10 font-bold font-ui !shadow-none grid grid-rows-subgrid row-span-5 gap-y-3 text-left p-4 sm:p-6 relative rounded-bl-2xl rounded-br-2xl md:rounded-none md:rounded-br-2xl lg:rounded-none lg:rounded-tr-2xl lg:rounded-br-2xl md:border-r md:border-b lg:border-r lg:border-b>   div classtext-base leading-tight stylecolor:#FFC459> Enterprise /div>  div classflex items-baseline gap-1.5 flex-wrap> h3 classtext-2xl sm:text-3xl text-white leading-tight>Custom/h3>  /div>  span classtext-white/70 text-sm leading-relaxed> 100% Custom Flat-Rate Pricing /span>  div class data-plan-identerprise> a href/contact/book-a-demo target_blank classfont-uigroup/buttoninline-flex items-center justify-center font-boldtransition-all duration-300 ease-out-backwhitespace-nowraphover:scale-1.04active:scale-0.96cursor-pointerdisabled:opacity-60 disabled:cursor-not-allowed disabled:!scale-100 disabled:grayscale bg-#FFC459 text-black border-1px border-#FFC459 active:text-black/70 rounded-full  px-5 md:px-7 py-2 lg:py-2.5 text-lg rounded-full w-full text-sm origin-center>div classflex items-center gap-0 translate-x-0.5 group-active/button:translate-x-2 group-hover/button:-translate-x-0.5 transition-transform group-hover/button:duration-300 duration-200>Contact Ussvg width22 height22 fillnone strokecurrentColor stroke-linecapround stroke-linejoinround stroke-width1.5 viewBox0 0 16 16 classtransition-all group-hover/button:duration-300 duration-200 undefined translate-y-1px translate-x-1 group-active/button:translate-x-6 group-active/button:blur-2px group-active/button:opacity-0 -mr-0.5>path dM12 8H4 classorigin-center opacity-0 scale-x-0 transition-all group-hover/button:scale-x-100 group-hover/button:opacity-100 group-hover/button:duration-300 duration-200 >/path>path dm6.5 11.5 3.146-3.146a.5.5 0 0 0 0-.708L6.5 4.5 classtransition-transform group-hover/button:duration-300 duration-200  translate-x--2px group-hover/button:translate-x-3.9px>/path>/svg>/div>/a> div classmt-18px h-px bg-white/10>/div> /div>  div classmin-h-0> ul classspace-y-2> li classflex items-start gap-2 stylecolor:#FFC459>  span classtext-sm text-white/70>Everything in Scale, plus:/span> /li>li classflex items-start gap-2 stylecolor:#FFC459> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Implementation Support/span> /li>li classflex items-start gap-2 stylecolor:#FFC459> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Dedicated Slack Support Channel/span> /li>li classflex items-start gap-2 stylecolor:#FFC459> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Monthly Syncs/span> /li>li classflex items-start gap-2 stylecolor:#FFC459> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>SSO/span> /li>li classflex items-start gap-2 stylecolor:#FFC459> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Custom SLA/span> /li>li classflex items-start gap-2 stylecolor:#FFC459> svg classw-5 h-5 flex-shrink-0 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z clip-ruleevenodd>/path> /svg> span classtext-sm text-white>Signed Contract/span> /li> /ul> /div> /div> script type08db4330841c51354024416f-text/javascript>  document.addEventListener(DOMContentLoaded, function () {    // Handle pricing button clicks that need auth check    const pricingWrappers  document.querySelectorAll(.pricing-auth-wrapper)        pricingWrappers.forEach(wrapper > {      const link  wrapper.querySelector(a)      if (!link) return            link.addEventListener(click, async (e) > {        e.preventDefault() // Prevent default link behavior                let isLoggedIn  false        try {          const response  await fetch(/api/auth/session, {            credentials: include          })          if (response.ok) {            const data  await response.json()            isLoggedIn  data.isLoggedIn || (data.userId ? true : false)          }          // If response is not ok (4xx, 5xx), treat as logged out        } catch (error) {          console.error(Failed to check auth session:, error)          // If fetch fails completely, treat as logged out          isLoggedIn  false        }                // Redirect based on auth status        if (isLoggedIn) {          window.location.href  /applications/:app/settings/billing        } else {          window.location.href  /api/auth/signup        }      })    })  })/script> /div> /div> /div> /div>  /div> script type08db4330841c51354024416f-module>function t(){const edocument.getElementById(main-hero);e&&(setTimeout(()>{e.classList.remove(not-loaded)},400),setTimeout(()>{e.classList.add(loaded)},3e3))}document.readyStateloading?document.addEventListener(DOMContentLoaded,t):t();/script>   /main> !-- Footer --> footer classtracking-tight bg-gray-900 relative>div classabsolute inset-0 bg-black/10 pointer-events-none>/div>div classrelative z-10 pt-5.5rem md:pt-7.5rem>div classmax-w-content-container w-full flex flex-col lg:flex-row justify-between justify-self-center gap-16 lg:gap-20 px-6 md:px-12 xl:px-0 xl:mx-4.75rem pb-16 md:pb-4.5rem>a href/ classgrid place-content-center lg:place-content-start>astro-island uidymvR8 prefixr381 component-url/_astro/LogoColorSmall.UpoAquiE.js component-exportdefault renderer-url/_astro/client.DIfvxlH4.js props{"className":0,"max-h-77px max-w-116px"} ssr clientload opts{"name":"LogoColorSmall","value":true} await-children>svg width118 height79 viewBox0 0 118 79 fillnone xmlnshttp://www.w3.org/2000/svg classmax-h-77px max-w-116px>path dM27.0652 77.9399C27.6724 77.9399 28.1554 77.7605 28.5142 77.4017C28.873 77.0429 29.0524 76.5599 29.0524 75.9527V70.1567C34.9036 69.5495 39.5542 67.7555 43.0042 64.7747C46.4542 61.7939 48.1792 57.9023 48.1792 53.0999C48.1792 49.8431 47.4892 47.1659 46.1092 45.0683C44.7292 42.9707 42.5902 41.2319 39.6922 39.8519C36.7942 38.4719 32.8888 37.2299 27.976 36.1259C24.4432 35.2427 21.7246 34.4147 19.8202 33.6419C17.9158 32.8691 16.5358 31.9859 15.6802 30.9923C14.8246 29.9987 14.3968 28.7567 14.3968 27.2663C14.3968 25.0583 15.2662 23.3747 17.005 22.2155C18.7438 21.0563 21.1312 20.4767 24.1672 20.4767C26.9272 20.4767 29.2318 21.0701 31.081 22.2569C32.9302 23.4437 34.0204 24.9203 34.3516 26.6867C34.7932 27.6803 35.5936 28.1771 36.7528 28.1771H44.6188C45.1156 28.1771 45.5296 28.0115 45.8608 27.6803C46.192 27.3491 46.3576 26.9351 46.3576 26.4383C46.2472 24.3959 45.5158 22.2983 44.1634 20.1455C42.811 17.9927 40.8514 16.1021 38.2846 14.4737C35.7178 12.8453 32.6404 11.7827 29.0524 11.2859V5.40712C29.0524 4.79992 28.873 4.31692 28.5142 3.95812C28.1554 3.59932 27.6724 3.41992 27.0652 3.41992H21.9316C21.3796 3.41992 20.9104 3.59932 20.524 3.95812C20.1376 4.31692 19.9444 4.79992 19.9444 5.40712V11.1203C14.5348 11.7827 10.2706 13.6043 7.15179 16.5851C4.03299 19.5659 2.47359 23.2091 2.47359 27.5147C2.47359 32.2619 3.99159 35.9051 7.02759 38.4443C10.0636 40.9835 14.8384 43.0259 21.352 44.5715C25.2712 45.6203 28.2382 46.5173 30.253 47.2625C32.2678 48.0077 33.772 48.8771 34.7656 49.8707C35.7592 50.8643 36.256 52.1063 36.256 53.5967C36.256 55.8599 35.2762 57.6401 33.3166 58.9373C31.357 60.2345 28.4728 60.8831 24.664 60.8831C21.2416 60.8831 18.5506 60.2483 16.591 58.9787C14.6314 57.7091 13.348 56.1359 12.7408 54.2591C12.4096 53.7071 12.0646 53.3069 11.7058 53.0585C11.347 52.8101 10.8364 52.6859 10.174 52.6859H2.72199C2.22519 52.6859 1.79739 52.8653 1.43859 53.2241C1.07979 53.5829 0.900391 53.9831 0.900391 54.4247C1.01079 56.9639 1.79739 59.3513 3.26019 61.5869C4.72299 63.8225 6.87579 65.7131 9.71859 67.2587C12.5614 68.8043 15.97 69.7703 19.9444 70.1567V75.9527C19.9444 76.5599 20.1376 77.0429 20.524 77.4017C20.9104 77.7605 21.3796 77.9399 21.9316 77.9399H27.0652Z fill#74FFF1 stroke#74FFF1 stroke-width1.8>/path>path dM73.9038 58.8604C75.3942 58.8604 76.3603 58.1704 76.8019 56.7904L86.0755 29.3008L95.3491 56.7904C95.5147 57.3424 95.8459 57.8254 96.3427 58.2394C96.8395 58.6534 97.4743 58.8604 98.2471 58.8604H103.877C104.705 58.8604 105.382 58.6396 105.906 58.198C106.43 57.7564 106.748 57.1492 106.858 56.3764L116.629 3.30159C116.684 3.13599 116.711 2.91519 116.711 2.63919C116.711 2.14239 116.546 1.72839 116.215 1.39719C115.883 1.06599 115.497 0.900391 115.055 0.900391H107.603C106.223 0.900391 105.451 1.45239 105.285 2.55639L98.4955 39.8164L91.0435 15.8044C90.8779 15.2524 90.5743 14.7694 90.1327 14.3554C89.6911 13.9414 89.1115 13.7344 88.3939 13.7344H83.8399C82.5702 13.7344 81.6595 14.4244 81.1075 15.8044L73.7383 39.8164L66.8658 2.55639C66.7554 1.94919 66.5346 1.52139 66.2034 1.27299C65.8722 1.02459 65.3479 0.900391 64.6303 0.900391H57.1783C56.6815 0.900391 56.2675 1.06599 55.9363 1.39719C55.6051 1.72839 55.4395 2.14239 55.4395 2.63919L55.5223 3.30159L65.2927 56.3764C65.6791 58.0324 66.6727 58.8604 68.2735 58.8604H73.9038Z fillwhite strokewhite stroke-width1.8>/path>/svg>!--astro:end-->/astro-island>/a>div classlg:max-w-4xl w-full flex flex-wrap md:flex-row justify-between items-start gap-x-1 gap-y-4.5rem>div classmax-w-1/2>h3 classfont-title text-lg font-medium text-white leading-1.55>Legal/h3>ul classmt-3 space-y-4>li>a hrefhttps://superwall.com/legal/privacy-policy/ classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>Privacy Policy/a>/li>li>a hrefhttps://superwall.com/legal/terms-of-service/ classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>Terms of Use/a>/li>li>a hrefhttps://superwall.com/legal/gdpr/ classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>GDPR/a>/li>li>a hrefhttps://superwall.com/legal/dpa/ classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>DPA/a>/li>/ul>/div>div classmax-w-1/2>h3 classfont-title text-lg font-medium text-white leading-1.55>Product/h3>ul classmt-3 space-y-4>li>a hrefhttps://superwall.com/api/auth/signup classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>Sign Up/a>/li>li>a hrefhttps://superwall.com/api/auth/login classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>Log In/a>/li>li>a hrefhttps://superwall.com/pricing classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>Pricing/a>/li>li>a target_blank relnoopener noreferrer hrefhttps://status.superwall.com classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>System Status/a>/li>/ul>/div>div classmax-w-1/2>h3 classfont-title text-lg font-medium text-white leading-1.55>Company/h3>ul classmt-3 space-y-4>li>a target_blank relnoopener noreferrer hrefhttps://twitter.com/superwall classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>Twitter/a>/li>li>a target_blank relnoopener noreferrer href/cdn-cgi/l/email-protection#2f5b4a4e426f5c5a5f4a5d584e4343014c4042105c5a4d454a4c5b127c5a5f4a5d584e43430a1d1f66415e5a465d56 classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>span class__cf_email__ data-cfemail611504000c21121411041316000d0d4f020e0c>email protected/span>/a>/li>li>a hrefhttps://superwall.com/contact/book-a-demo classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>Book a demo/a>/li>li>a target_blank relnoopener noreferrer href/cdn-cgi/l/email-protection#4d39282c200d3e383d283f3a2c2121632e2220723e382f27282e3970023d2823687f7d3d223e24392422233e687f7d2c39687f7d1e383d283f3a2c2121 classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>Careers/a>/li>/ul>/div>div classmax-w-1/2>h3 classfont-title text-lg font-medium text-white leading-1.55>Resources/h3>ul classmt-3 space-y-4>li>a target_blank relnoopener noreferrer hrefhttps://superwall.com/docs classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>Docs/a>/li>li>a target_blank relnoopener noreferrer hrefhttps://superwall.com/docs/sdk/sdk-reference classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>SDK Reference/a>/li>li>a target_blank relnoopener noreferrer hrefhttps://github.com/superwall classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>GitHub/a>/li>li>a target_blank relnoopener noreferrer hrefhttps://paywallscreens.com classfont-ui text-base leading-6 transition focus:outline-none text-white/70 hover:text-white>Inspiration/a>/li>/ul>/div>/div>/div>div classw-auto py-12 border-t border-white/10 lg:mx-8>div classw-full flex justify-center>p classtext-base font-ui text-white/70 copyright-text>© 2025 Superwall. All rights reserved./p>/div>/div>/div>/footer>script data-cfasyncfalse src/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js>/script>script type08db4330841c51354024416f-module>document.addEventListener(DOMContentLoaded,()>{const tdocument.querySelector(.copyright-text);if(t){const enew Date().getFullYear();t.textContent&&(t.textContentt.textContent.replace(/\b\d{4}\b/g,e.toString()))}});/script> !-- Footer slot for optional additional footer content -->  !-- Global Scripts (Body End) --> !-- Analytics Scripts -->!-- June Analytics -->!-- Intercom -->script type08db4330841c51354024416f-text/javascript>      (function(){var wwindow;var icw.Intercom;if(typeof icfunction){ic(reattach_activator);ic(update,w.intercomSettings);}else{var ddocument;var ifunction(){i.c(arguments);};i.q;i.cfunction(args){i.q.push(args);};w.Intercomi;var lfunction(){var sd.createElement(script);s.typetext/javascript;s.asynctrue;s.srchttps://widget.intercom.io/widget/oyf4e3ep;var xd.getElementsByTagName(script)0;x.parentNode.insertBefore(s,x);};if(document.readyStatecomplete){l();}else if(w.addEventListener){w.addEventListener(load,l,false);}else{w.attachEvent(onload,l);}}})();    /script>!-- Custom Pixel Tracking -->script srchttps://yqagkqabd5.us-east-2.awsapprunner.com/pixel.js data-project-id86aa073c-62ff-4eb8-aaff-91cb72bfbbd7 type08db4330841c51354024416f-text/javascript>/script>!-- Twitter Ads -->!-- Koala -->!-- Pylon --> script src/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js data-cf-settings08db4330841c51354024416f-|49 defer>/script>/body>/html>

Subdomains

Date	Domain	IP
fc.superwall.dev	2026-01-17	104.26.11.76
api.superwall.dev	2026-01-17	172.67.73.30
enrichment-api.superwall.dev	2026-01-17	172.67.73.30
speak-data-export.superwall.dev	2026-01-17	172.67.73.30

View on OTX | View on ThreatMiner

Data with thanks to AlienVault OTX, VirusTotal, Malwr and others. [Sitemap]

Domain > api.superwall.dev

Is this malicious?

DNS Resolutions

Port 80

Port 443

Subdomains