https://progressier.com/

스캔 ID:: f2312ff4-2626-4429-a551-c5b562edd4be완료
제출된 URL:: https://progressier.app/리디렉션됨
보고서 완료:: 2024년 11월 5일 15:32:57
링크 · 4개 결과

페이지에서 식별된 외부 링크
링크	텍스트
https://install.page/british24	Install Demo App
https://intercom.help/progressier/en/	Help Center
https://www.linkedin.com/company/progressier	Follow us on LinkedIn
https://twitter.com/kvnbsst	Follow us on Twitter
JavaScript 변수 · 91개 결과

페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
이름	유형
0	object
1	object
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
intercomSettings	object
Intercom	function
ClientCookies	function
entryUrl	function
fullscreenImage	function
콘솔 로그 메시지 · 1개 결과

웹 콘솔에 기록된 메시지
유형	카테고리	로그
info	other	URL https://js.intercomcdn.com/frame.6032976f.js 텍스트 [Intercom] Launcher is disabled in settings or current page does not match display conditions
HTML

페이지의 원시 HTML 본문
<!DOCTYPE html><html lang="en" data-currency="€"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no,maximum-scale=1"> <title>No-Code Web Push &amp; PWA Toolkit | Progressier</title> <meta name="title" content="No-Code Web Push &amp; PWA Toolkit | Progressier"> <link rel="canonical" href="https://progressier.com"> <link rel="icon" type="image/png" sizes="192x192" href="https://progressier.com/assets/img/logo/android-icon-192x192.png?v=7"> <link rel="icon" type="image/png" sizes="32x32" href="https://progressier.com/assets/img/logo/favicon-32x32.png?v=7"> <link rel="icon" type="image/png" sizes="96x96" href="https://progressier.com/assets/img/logo/favicon-96x96.png?v=7"> <link rel="icon" type="image/png" sizes="16x16" href="https://progressier.com/assets/img/logo/favicon-16x16.png?v=7"> <meta name="description" content="Progressier gives you the tools to distribute your apps yourself. Integrate universal installation and push notifications into any web app in a few minutes."> <meta property="og:type" content="website"> <meta property="og:title" content="No-Code Web Push &amp; PWA Toolkit | Progressier"> <meta property="og:url" content="https://progressier.com"> <meta property="og:description" content="Progressier gives you the tools to distribute your apps yourself. Integrate universal installation and push notifications into any web app in a few minutes."> <meta property="og:image" content="https://progressier.com/assets/img/social4.jpg?v=4"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:url" content="https://progressier.com"> <meta name="twitter:title" content="No-Code Web Push &amp; PWA Toolkit | Progressier"> <meta name="twitter:description" content="Progressier gives you the tools to distribute your apps yourself. Integrate universal installation and push notifications into any web app in a few minutes."> <meta name="twitter:image" content="https://progressier.com/assets/img/social4.jpg?v=4"> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <link href="https://progressier.com/assets/css/feather/feather.css" rel="stylesheet"> <style>#progressier-install-app,#progressier-install-app *{display:inline!important;color:#fff!important;cursor:pointer}#progressier-install-app *{padding:0!important;margin:0!important}</style> <script type="text/javascript" async="" src="https://widget.intercom.io/widget/auxm4z6t"></script><script>if(window.location.href.includes("/pwa-capabilities/app-shortcuts"))window.progressierAppRuntimeSettings={uid:"pwa-capabilities-app-shortcuts",name:"PWA Shortcut Demo",shortName:"Shortcut Demo",startUrl:"pwa-capabilities/app-shortcuts",manifestScreenshots:[],buttonColor:"#b7f6ff"};else if(window.location.href.includes("/pwa-capabilities")){let i=window.location.pathname.slice(1,window.location.pathname.length),e=!window.location.pathname.includes("-desktop");window.location.pathname.includes("in-app-browser")&&(e=!1),"/"!==i[i.length-1]&&(i+="/"),window.progressierAppRuntimeSettings={uid:"pwa-capabilities",name:"PWA Demos",shortName:"PWA Demos",scope:"pwa-capabilities/",startUrl:i,manifestScreenshots:[],desktopQRCode:e}}</script> <script defer="defer" src="https://progressier.app/pW6HKX1b5pULMSOQCice/script.js"></script> <script>window.intercomSettings={api_base:"https://api-iam.intercom.io",app_id:"auxm4z6t"}</script><script>!function(){var n,e,t=window,a=t.Intercom;"function"==typeof a?(a("reattach_activator"),a("update",t.intercomSettings)):(n=document,(e=function(){e.c(arguments)}).q=[],e.c=function(t){e.q.push(t)},t.Intercom=e,a=function(){var t=n.createElement("script"),e=(t.type="text/javascript",t.async=!0,t.src="https://widget.intercom.io/widget/auxm4z6t",n.getElementsByTagName("script")[0]);e.parentNode.insertBefore(t,e)},"complete"===document.readyState?a():t.attachEvent?t.attachEvent("onload",a):t.addEventListener("load",a,!1))}()</script> <style>:root{--font:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;--primary:#6beeff;--primarytext:#212143;--txthighlight:#5a72ff;--bghighlight:#e3e7fa;--secondary:#4c77ec;--tertiary:#9300ff;--white:#fff;--text:#b5c4de;--dark:#07071b;--subtitle:#bfbfdd;--header-bg:#000027;--darktext:#555177;--headings:#fff;--transition:all 0.3s ease-in-out;--header:70px;--black:#171734;--bodycolor:linear-gradient(74deg,#000000 0,#080820 100%);--hl:#101028;--hlhover:#232343;--red:#ff4235;--gradient1:linear-gradient(45deg, #6249ce, #35ffca);--gradient2:linear-gradient(165deg, #2dfff9, #2dc5ff, #9300ff);--cardgradient:linear-gradient(3deg,#0c0c1f 0,#17172f 50%,#16163a 100%);--pcard:#87859f;--borderdark:#1c1c44}*{font-family:var(--font);letter-spacing:1px;font-weight:300}:focus-visible{outline:0!important}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px transparent!important;background-color:#131438!important}::-webkit-scrollbar{width:20px!important;background-color:#131438!important;height:0!important}::-webkit-scrollbar-thumb{background-color:#3e3e74!important;border-radius:15px!important}.option-selector::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px transparent!important;background-color:#fbfbfb!important}.option-selector::-webkit-scrollbar{width:10px!important;background-color:#fbfbfb!important}.option-selector::-webkit-scrollbar-thumb{background-color:#ddd!important;border-radius:15px!important}.option-selector *{color:#212143}html{width:100vw;height:100vh;overflow-x:hidden;background:#080825}html:not(.unsmooth){scroll-behavior:smooth}body{margin:0;position:relative;width:100vw;background:var(--bodycolor);color:var(--text);overflow-x:hidden}main{width:100%;position:relative;overflow:hidden;padding:100px 0;display:flex;flex-direction:column;justify-content:center}code{font-family:monospace}.hidden{display:none}h1{font-size:50px;font-family:var(--font);font-weight:300;color:#fff;text-align:center;line-height:90px;margin-bottom:10px}h1>span{display:flex;width:100%;justify-content:center;align-items:center}h1>span:nth-child(2){color:var(--secondary)}h2{font-size:35px;color:#fff;font-weight:300;letter-spacing:1.5px;display:block}h2.center{text-align:center}h3{color:#fff;margin-bottom:10px;font-weight:400}h4{color:#fff}sup{vertical-align:middle;padding:10px 20px;background:var(--hl);padding:0 10px;margin:5px;font-size:14px;height:40px;display:inline-flex;align-items:center;white-space:nowrap}sup strong{font-weight:500;color:#fff}td:first-child,th:first-child{padding-left:25px!important}li,p{font-size:18px;line-height:30px}p{margin-top:0}p:not(:last-child){margin-bottom:25px}li{margin-bottom:5px}ul{margin:0 0 20px 0}blockquote{font-size:16px;font-weight:300}a{text-decoration:none;position:relative;display:inline-flex;align-items:center;justify-content:center;color:#fff}.card h2{color:var(--darktext)}.card p{color:var(--pcard)}body main{overflow:unset}.btn{font-size:16px;letter-spacing:.5px;font-weight:400;transition:var(--transition);border-radius:100px;font-weight:400;display:flex;align-items:center;justify-content:center;border:0;outline:0;position:relative;cursor:pointer;min-height:40px;height:70px}.btn1{color:var(--dark);background:var(--gradient2)}.btn2{background:var(--hl);color:var(--text)}.btn3{background:#fff;color:var(--dark)}.iconright i{position:absolute;right:30px;font-size:25px}.btn:hover{filter:brightness(.9);transform:scale(1.05)}section{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.hero-content{max-width:700px;display:flex;align-items:center;justify-content:center;flex-direction:column}.cta{display:flex;width:100%}body .cta a{width:100%;height:80px;font-size:20px!important;margin:10px}.cta a i{margin-right:20px;font-size:25px;font-weight:400;margin-left:-10px}.hero-content .subtitle{margin-bottom:40px;text-align:center;max-width:550px}[data-tooltip]{border-bottom:1px dotted rgb(181,196,222,.59);cursor:default}.tag{font-size:9px;padding:3px 10px;background:var(--black);border-radius:20px;color:var(--text);margin-left:5px;font-weight:400;white-space:nowrap}header{display:flex;align-items:center;height:var(--header);position:fixed;top:0;left:0;width:100vw;z-index:50;justify-content:center}body.scrolled header{background:var(--dark)}@supports (backdrop-filter:blur(20px)){body.scrolled header{background:rgba(7,7,27,.72);backdrop-filter:blur(20px)}}.header-progress{display:none;transition:width .3s linear;width:0}body.scrolled .header-progress{height:3px;background:var(--gradient2);width:0%;display:flex;position:absolute;bottom:-3px}.header-cta-wrap,.header-logo-container{width:130px}.header-logo{height:50px;display:flex;align-items:center;justify-content:center;flex:none;margin-left:20px}.header-logo img{width:100px;flex:none;margin-top:4px}.header-navs i{font-size:25px;margin-right:15px}.header-nav{color:var(--text);width:150px;height:50px;border-radius:5px;font-weight:400;letter-spacing:.5px;position:relative;font-size:14px;margin:0 4px}.header-nav>span{z-index:3;display:flex;align-items:center;font-weight:400}.header-nav.active,.header-nav:hover{border-radius:40px;background:rgba(252,252,255,.06);color:var(--white)}.header-cta-wrap{position:relative}.header-cta{background:var(--gradient2);font-weight:400;letter-spacing:.5px;border-radius:150px!important;width:100%;height:50px;color:var(--primarytext);transition:var(--transition)}.header-cta:hover,body.scrolled .header-cta{margin-right:0}.header-cta i{font-size:22px;position:absolute;right:15px;height:30px;top:calc(50% - 15px);display:flex;align-items:center;color:var(--dark)!important;opacity:1!important}.header-inner{display:flex;align-items:center;height:100%;width:100vw;justify-content:space-between}.header-cta-wrap,.header-logo-container,.header-menu,.header-navs{display:flex;position:relative;height:100%;justify-content:center;align-items:center}.header-menu{width:50px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;cursor:pointer;z-index:999;border-radius:10px;margin-right:5px}.header-menu>div{margin-left:-2px;width:40px;height:70px;position:relative;flex:none;transform:scale(.5);margin-top:11px}.header-menu>div>div{background:var(--text);border-radius:10px;height:7px;margin:7px 0;transition:.4s cubic-bezier(.68,-.6,.32,1.6)}.header-menu>div>div:nth-child(1){width:50%}.header-menu>div>div:nth-child(2){width:100%}.header-menu>div>div:nth-child(3){width:75%}header.open .header-menu>div>div:nth-child(1){transform-origin:bottom;transform:rotatez(45deg) translate(5px,1px)}header.open .header-menu>div>div:nth-child(2){transform-origin:top;transform:rotatez(-45deg)}header.open .header-menu>div>div:nth-child(3){transform-origin:bottom;width:50%;transform:translate(18px,-9px) rotatez(45deg)}.preh1{text-transform:uppercase;font-size:12px;font-weight:300;letter-spacing:2px;text-align:center;max-width:80%;line-height:25px}#hero .preh1~h1{margin:0 0 10px 0}.gradientxt{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:var(--gradient2);-webkit-box-decoration-break:clone;display:inline!important}.gradientxt *{-webkit-box-decoration-break:clone;display:inline!important}section.padded{width:70%;margin-left:15%}section>*{max-width:800px}.animate{transition:opacity 1s linear;opacity:0}.animate.fast{transition-duration:.5s}.animate.slow{transition-duration:1.3s}.animate.done{opacity:1}.no,.yes{width:100%;display:flex;align-items:center;justify-content:center}.no:after,.yes:after{font-family:Feather;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:22px}.yes:after{content:"\e925";background:var(--primary);color:var(--darktext)}.no:after{content:"\e9ea";background:var(--red);color:#fff}a.mini{margin-top:0!important;font-size:.7em;border-bottom:1px solid #3d3c3c}@keyframes chevronanim{0%{transform:translate(0,0)}50%{transform:translate(8px,0)}100%{transform:translate(0,0)}}@-webkit-keyframes chevronanim{0%{transform:translate(0,0)}50%{transform:translate(8px,0)}100%{transform:translate(0,0)}}.chevron{animation:2s infinite chevronanim;-webkit-animation:2s infinite chevronanim}@media (min-width:992px){#hero .preh1{margin-top:50px}.header-menu{display:none!important}.header-cta{width:150px;position:absolute;justify-content:flex-start;right:-20px;padding-left:50px;font-size:14px}.header-cta:hover,body.scrolled .header-cta{right:30px}.mobile{display:none!important}}@media (max-width:991px){:root{--hl:#1a1a37}.desktop{display:none!important}::-webkit-scrollbar{width:0!important;height:0!important}.btn{height:60px}li,p{font-size:16px}body .cta{flex-direction:column}body .cta a{font-size:15px!important;height:60px;margin:10px 0}h1{font-size:40px;line-height:50px}h2{font-size:25px}section.padded{width:90%;margin-left:5%}a.header-cta{height:70%;font-size:14px}.header-cta i{margin-left:0;padding:0;font-size:20px}.header-cta-wrap{width:150px}body:not(.morescrolled) .header-cta-wrap{opacity:0;pointer-events:none}body.scrolled header{background:#080825}body{overflow-x:hidden}section{width:90%;margin-left:5%}header{height:60px}.header-menu{width:45px;height:45px;margin-right:7px}.header-navs{top:-60vh}header nav.header-navs{height:100vh;width:100vw;position:fixed;z-index:999;top:60px;right:0;flex-direction:column;background:rgba(8,8,38);transition:var(--transition);display:flex;align-items:center;opacity:1;height:50vh;justify-content:space-around}.header-nav{width:90%;margin:10px;padding:20px 0;font-size:20px;font-weight:300}header nav.header-navs .btn{width:80%;font-size:25px;font-weight:400;border-bottom:1px solid #000;justify-content:flex-start;height:100px}header nav.header-navs .btn:not(.transparent){display:none}header:not(.open) .header-navs{opacity:0;z-index:-1;display:none}blockquote{font-size:16px;text-align:center}header nav.header-navs{flex-wrap:wrap;flex-direction:row;height:auto}.header-nav{height:auto;background:0 0}.header-nav>span{flex-direction:row;font-size:16px}header nav.header-navs{background:#08081e}.header-navs i{font-size:30px;margin-right:20px;margin-bottom:20px;margin-bottom:0}.header-cta{justify-content:flex-start;padding-left:20px}.btn{font-size:14px}.header-logo{margin-left:5px;margin-top:3px}#hero .preh1~h1{margin:20px 0 20px 0}}</style> <style id="progressier-theme-settings">
	 :root{
		 --progressierBg: #ffffff;
		 --progressierElement: #fafafa;
		 --progressierTxt: #142a37;
		 --progressierBorderColor:#eaeaea;
		 --progressierHover:#f6f6f6;
		 --progressierBackdrop:rgba(255, 255, 255, 0.90);
		 --progressierBoxShadow: 0 2px 8px rgba(15,41,14,.08), 0 3px 35px rgba(7,21,41,.20);
		 --progressierIconShadow:0 2px 9px 0 rgba(82, 79, 79, 0.15);
		 --progressierFont:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;
		 --progressierLetterSpacing:0.1px;
		 --progressierTextFontWeight:400;
		 --progressierHeadingFontWeight:500;
		 --progressierBtnFontWeight:400;
	}</style><link rel="manifest" href="https://progressier.com/myapp/pW6HKX1b5pULMSOQCice/progressier.json"><meta content="true" name="x5-fullscreen"><meta content="app" name="x5-page-mode"><meta content="application" name="browsermode"><meta content="yes" name="full-screen"><meta content="https://progressier.com/dashboard/" property="al:web:url"><meta content="yes" name="mobile-web-app-capable"><meta content="#000027" name="theme-color"><meta content="Progressier" name="application-name"><meta content="https://progressier.com/dashboard/" name="msapplication-starturl"><meta content="#000027" name="msapplication-navbutton-color"><meta content="https://pwa.xyz/v0/b/pwaa-8d87e.appspot.com/o/eWYX0PrgnbmJTIRgmYiH%2FgsUEZlyEGHgGqUA.png?alt=media&amp;token=09f76955-c91d-40c1-ad12-79c8f2aaeed1" name="msapplication-TileImage"><meta content="#000027" name="msapplication-TileColor"><meta content="yes" name="apple-touch-fullscreen"><meta content="yes" name="apple-mobile-web-app-capable"><meta content="default" name="apple-mobile-web-app-status-bar-style"><meta content="Progressier" name="apple-mobile-web-app-title"><link sizes="180x180" href="https://pwa.xyz/v0/b/pwaa-8d87e.appspot.com/o/eWYX0PrgnbmJTIRgmYiH%2FIiEZUgSyCNyGWKw.png?alt=media&amp;token=824968a2-d783-43de-9793-a159503ebd3c" rel="apple-touch-icon"></head> <body data-progressier-forced-theme="light"> <script>function ClientCookies(){this.set=function(e,t,n){var o=new Date,n=(o.setTime(o.getTime()+24*n*60*60*1e3),"expires="+o.toUTCString());document.cookie=e+"="+t+";"+n+";path=/"},this.get=function(e){for(var t=e+"=",n=decodeURIComponent(document.cookie).split(";"),o=0;o<n.length;o++){for(var r=n[o];" "==r.charAt(0);)r=r.substring(1);if(0==r.indexOf(t))return r.substring(t.length,r.length)}return""}}function entryUrl(){var e,t="entry_url";(new ClientCookies).get(t)||(e=window.location.href+"|"+document.referrer,(new ClientCookies).set(t,e,9999))}entryUrl()</script> <style>.full-screen-image{z-index:9999999999999;position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.73);cursor:pointer}.full-screen-image img{max-width:60vw;max-height:80vh}.full-screen-image:after{content:"\e9ea";font-family:Feather;position:fixed;top:20px;font-size:25px;color:#070715;right:20px;background:#fff;border-radius:50%;padding:10px}@media (max-width:991px){.full-screen-image img{max-width:90vw}}</style> <script>function fullscreenImage(e){let n=document.createElement("div");n.classList.add("full-screen-image"),n.innerHTML='<img src="'+e+'" ></img>',n.addEventListener("click",function(){n.remove()}),document.querySelector("body").appendChild(n)}</script> <header> <div class="header-inner"> <div class="header-logo-container"> <div class="header-logo-img"> <a class="header-logo" href="https://progressier.com?force=true"> <img src="https://progressier.com/assets/img/logo-name.svg?v=3" alt="Progressier logo"> </a> </div> </div> <nav class="header-navs"> <a href="https://progressier.com/quickstart" class="header-nav"><span>How It Works</span></a> <a href="https://progressier.com/features" class="header-nav"><span>Features</span></a> <a href="https://progressier.com/pricing" class="header-nav"><span>Pricing</span></a> <a href="https://progressier.com/login" class="header-nav"><span>Login</span></a> </nav> <div class="header-cta-wrap"><a href="https://progressier.com/new" class="header-cta">Get started<i class="feather feather-chevron-right chevron"></i></a></div> <div class="header-menu"><div><div></div><div></div><div></div></div></div> <div class="header-progress"></div> </div> </header> <script>function animateEls(){document.querySelectorAll(".animate:not(.done)").forEach(function(t){document.querySelector("html").scrollTop;if(t.getBoundingClientRect().top-window.innerHeight<=0){let e=10;t.classList.contains("delay1")?e=1800:t.classList.contains("delay2")&&(e=2e3),setTimeout(function(){t.classList.add("done")},e),setTimeout(function(){t.classList.remove("slow","fast")},2e3)}})}document.querySelector(".header-menu").addEventListener("click",function(){document.querySelector("header").classList.toggle("open")}),document.querySelectorAll(".header-navs a").forEach(function(e){var t="https://progressier.com/"+(window.location.pathname.split("/")[1]||""),o=e.getAttribute("href");o&&o===t&&e.classList.add("active")}),window.addEventListener("scroll",function(e){var t=document.querySelector("html"),o=t.scrollTop||document.querySelector("body").scrollTop,s=window.innerHeight+300,r=.5*window.innerHeight,c=window.innerHeight-200,r=(100<o?document.querySelector("body").classList.add("scrolled"):document.querySelector("body").classList.remove("scrolled"),r<o?document.querySelector("body").classList.add("morescrolled"):document.querySelector("body").classList.remove("morescrolled"),c<o?document.querySelector("body").classList.add("pasthero"):document.querySelector("body").classList.remove("pasthero"),s<o?document.querySelector("body").classList.add("pastfirst"):document.querySelector("body").classList.remove("pastfirst"),document.querySelector("body").offsetHeight-window.screen.height),c="width:"+(parseInt(o/r*100)||0)+"%",s=(document.querySelector(".header-progress").setAttribute("style",c),t.scrollLeft);0<s&&(t.classList.add("unsmooth"),t.scrollLeft=0,t.classList.remove("unsmooth")),animateEls()})</script> <main> <style>#hero{height:100vh;margin-top:-100px}#hero h1{font-size:80px}#hero h1 .highlighted{-webkit-text-fill-color:#000;background-image:var(--gradient2);display:inline-flex!important;color:#000!important;font-weight:500;padding:0 10px}#hero .chevron{position:absolute;right:30px;font-size:25px;top:calc(50% - 15px);height:30px;display:flex;justify-content:center;align-items:center}#hero p{margin:25px 0 30px 0;line-height:30px}.reviews{background:var(--bodycolor)}.hero-txt{max-width:655px;text-align:center}.hero-container{display:flex;align-items:center;justify-content:center;z-index:1}.platforms{display:flex;margin:10px 0 30px 0;max-width:90vw;width:100%;margin-top:40px;justify-content:space-between}.platforms img{display:flex;width:35px;height:35px;margin:0 7px;max-width:40px;max-height:40px}.feature-summary ul{padding-left:0}.text1{width:400px;position:absolute;top:100px;left:20%;z-index:2}.paragraph{width:50%}.paragraph img{margin-left:-50px;margin-bottom:-50px;width:200px}.cta-section{padding-top:100px!important}h2.bold{font-weight:400;font-size:100px}#dashboard h2{font-weight:300;font-size:60px}#dashboard p{margin-top:20px}:root{--itemWidth:13vw}@media (max-width:991px){:root{--itemWidth:35vw}}:root{--nbItems:5;--marginBetweenItems:10px;--itemPadding:15px;--forwardTransform:calc((var(--itemWidth) * var(--nbItems)) + (var(--nbItems) * 2 * var(--itemPadding)) + (var(--nbItems) * 2 * var(--marginBetweenItems)));--backwardTransform:calc(0px - var(--forwardTransform))}#installpage{z-index:2}.scrolled #installpage{z-index:4}#hero{z-index:3}#installpage>div{width:100%;display:flex;align-items:center;justify-content:center;height:100%}#installpage{height:100vh;margin-top:-120px}#installpage .list{width:150%;height:120%;display:flex;align-items:center;justify-content:center;perspective:1000px;transform-style:preserve-3d;position:absolute;margin-left:-500px;margin-top:-160px}#installpage .examples{transform:perspective(1000px) rotateX(360deg) rotateY(0) scale3d(1,1,1);display:flex;margin-left:-50vw;flex-wrap:wrap;transform-style:preserve-3d}#installpage .paragraph{z-index:8888;height:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto}#installpage h2{margin-bottom:30px;margin-top:-10px;font-size:60px;font-weight:300}#installpage .examples img{width:var(--itemWidth);border-radius:15px;background:#fff;padding:var(--itemPadding);transition:all .3s linear;transform-style:preserve-3d;margin:var(--marginBetweenItems);opacity:.2;filter:brightness(.6);cursor:pointer}#installpage .examples img:hover{opacity:1;transform:scale(1.05);filter:brightness(1);box-shadow:var(--progressierBoxShadow)}#installpage .row{will-change:transform;flex-wrap:nowrap;display:flex}#installpage .row{animation:10s linear forward infinite}#installpage .row.slow{animation-duration:13s}#installpage .row.medium{animation-duration:10s}#installpage .row.fast{animation-duration:8s}#installpage .paragraph{margin-top:-30px;width:380px;max-width:90vw}.icon-scroll-container{bottom:30px;left:calc(50% - 35px);width:70px;position:fixed;display:flex;justify-content:center;font-weight:500;color:#fff;flex-direction:column;font-size:11px;align-items:center}.scrolled .icon-scroll-container{display:none}.hero-cta,.hero-txt .platforms{transition:linear .3s all}.scrolled .hero-cta,.scrolled .hero-txt .platforms{opacity:0}.icon-scroll{width:30px;height:50px;position:relative;box-shadow:inset 0 0 0 1px #fff;border-radius:25px;margin-bottom:10px;overflow:hidden}.icon-scroll:before{position:absolute;left:50%;bottom:10px;content:'';width:8px;height:8px;background:#fff;margin-left:-4px;top:8px;border-radius:4px;animation:1.5s infinite scroll-indicator}.cta-section{margin-top:0!important}#features{padding-bottom:80px}#dashboard{padding-top:120px}.dashboard-screenshot{width:140%;height:100%;position:relative;margin:30px 0 120px -20%;transition:.3s linear transform}.dashboard-screenshot.done{transform:perspective(500px) rotateX(7deg)}.dashboard-screenshot img{width:100%;height:100%;border-radius:2.5vw;z-index:22;position:relative}.dashboard-shadow{position:absolute;box-shadow:100px 80px 60px #0a0a2a;top:0;left:0;width:100%;height:90%}.examples>.row>*{pointer-events:none}.demo-btn{width:100%}.demo-btn-container{width:100%}.extra-info{font-size:11px;position:absolute;width:180px;margin-top:340px;font-style:italic}.info-arrow{position:absolute;margin-top:240px;transform:rotate(273deg)}.info-arrow svg{width:50px}@keyframes shine{0%{background-position:-100%}100%{background-position:0}}@keyframes scroll-indicator{0%{opacity:1}100%{opacity:0;transform:translateY(46px)}}@keyframes forward{0%{transform:translateX(0)}100%{transform:translateX(var(--forwardTransform))}}@media (min-width:992px){.hero-cta{width:85%;margin-left:7.5%}#hero h1{line-height:85px}.extra-info{margin-left:250px}.info-arrow{margin-left:200px}#hero p{width:90%;margin-left:5%}.platforms{width:85%;margin-left:7.5%}#hero h1 .highlighted{line-height:70px}.hero-txt{margin-top:30px}}@media (max-width:991px){.info-arrow{margin-top:180px;transform:rotate(313deg)}.paragraph{width:70%}.extra-info{margin-top:310px}#hero h1{font-size:35px}#hero{height:90vh}.hero-txt{max-width:450px}.platforms img{width:25px;height:25px;margin:0 3px}.dashboard-screenshot{width:100%;margin:50px 0}#dashboard h2{font-size:30px}.dashboard-screenshot img{border-radius:3vw}#installpage h2{font-size:35px}#installpage p{max-width:80vw}#dashboard{margin-top:-50px}h1>span{line-height:50px}#hero h1 .highlighted{line-height:35px;padding:0 5px}#hero p{margin:15px 0 28px 0}.demo-btn-container{width:80%}}@media (max-height:700px){.icon-scroll-container{display:none}}</style> <section id="hero"> <div class="hero-container"> <div class="hero-txt"> <h1 class="gradientxt animate done" id="h1">PWA Made Easy</h1> <p class="subtitle animate done">Integrate <a href="#installpage">universal installation</a> and <a href="#dashboard">push notifications</a> into any existing web app in a few minutes — no coding required. </p> <div class="animate done"><a href="/new" class="btn btn1 hero-cta">Get started <i class="feather feather-chevron-right chevron"></i></a></div> <div class="platforms animate done"> <a href="https://progressier.com/quickstart/create-a-pwa-with-webflow" title="Compatible with Webflow" aria-label="Compatible with Webflow"> <img src="https://progressier.com/assets/img/compatible/webflow.png?v=22" alt="Webflow" title="Compatible with Webflow"> </a> <a href="https://progressier.com/quickstart/create-a-pwa-with-softr" title="Compatible with Softr" aria-label="Compatible with Softr"> <img src="https://progressier.com/assets/img/compatible/softr.png" alt="Softr" title="Compatible with Softr"> </a> <a href="https://progressier.com/quickstart/turning-your-bubble-app-into-a-pwa" title="Compatible with Bubble.io" aria-label="Compatible with Bubble.io"> <img src="https://progressier.com/assets/img/compatible/bubble.png" alt="Bubble.io" title="Compatible with Bubble.io"> </a> <a href="https://progressier.com/quickstart/turn-your-shopify-store-into-a-pwa-with-push-notifications" title="Compatible with Shopify" aria-label="Compatible with Shopify"> <img src="https://progressier.com/assets/img/compatible/shopify.png" alt="Shopify" title="Compatible with Shopify"> </a> <a href="https://progressier.com/quickstart/turn-your-wordpress-site-into-a-pwa" title="Compatible with WordPress" aria-label="Compatible with WordPress"> <img src="https://progressier.com/assets/img/compatible/wordpress.png" alt="WordPress" title="Compatible with WordPress"> </a> <a href="https://progressier.com/quickstart/upgrade-your-flutterflow-pwa-with-new-features" title="Compatible with Flutterflow" aria-label="Compatible with Flutterflow"> <img src="https://progressier.com/assets/img/compatible/flutterflow.png" alt="FlutterFlow" title="Compatible with FlutterFlow"> </a> <a href="https://progressier.com/quickstart/should-you-turn-your-squarespace-website-into-a-pwa" title="Compatible with Squarespace" aria-label="Compatible with Squarespace"> <img src="https://progressier.com/assets/img/compatible/squarespace.png" alt="Squarespace" title="Compatible with Squarespace"> </a> <a href="https://progressier.com/quickstart/how-to-build-a-pwa-with-wix" title="Compatible with Wix" aria-label="Compatible with Wix"> <img src="https://progressier.com/assets/img/compatible/wix.png" alt="Wix" title="Compatible with Wix"> </a> <a href="https://progressier.com/quickstart/building-a-pwa-with-vanilla-javascript" title="Compatible with JavaScript" aria-label="Compatible with JavaScript"> <img src="https://progressier.com/assets/img/compatible/vanilla.png" alt="JavaScript" title="Compatible with JavaScript"> </a> <a href="https://progressier.com/quickstart/create-a-fully-featured-pwa-with-react" title="Compatible with React" aria-label="Compatible with React"> <img src="https://progressier.com/assets/img/compatible/react.png" alt="React" title="Compatible with React"> </a> <a href="https://progressier.com/quickstart/using-vue-js-to-create-a-fully-featured-pwa" title="Compatible with Vue" aria-label="Compatible with Vue"> <img src="https://progressier.com/assets/img/compatible/vue.png" alt="Vue" title="Compatible with Vue"> </a> </div> <div class="icon-scroll-container"> <div class="icon-scroll"></div> <div>View demo</div> </div> </div> </div> </section> <section id="installpage"> <div> <div class="paragraph"> <p class="animate done" style="margin-top:-180px">Trusted by</p> <h2 class="animate bold done" id="app-count"><strong class="gradientxt">24,000+</strong><br><div class="gradientxt">web apps</div></h2> <div class="animate demo-btn-container"> <a href="https://install.page/british24" target="_blank" class="btn btn1 demo-btn"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin-right:10px" viewBox="0 0 24 24" width="16pt" height="16pt"><defs><clipPath id="_clipPath_rnpDcv3XSHoXzye5ycAxBn1N5nbiy1UP"><rect width="24" height="24"></rect></clipPath></defs><g clip-path="url(#_clipPath_rnpDcv3XSHoXzye5ycAxBn1N5nbiy1UP)"><path d=" M 18.011 16.254 L 18.011 22.001 C 18.011 23.052 17.157 23.906 16.105 23.906 L 4.671 23.906 C 3.62 23.906 2.766 23.052 2.766 22.001 L 2.766 1.999 C 2.766 0.948 3.62 0.094 4.671 0.094 L 12.517 0.094 L 12.517 5.617 L 4.992 5.617 L 4.992 18.383 L 15.784 18.383 L 15.784 16.309 L 18.011 16.254 L 18.011 16.254 Z  M 11.426 8.938 L 17.081 14.444 L 22.798 8.756 L 20.908 7.112 L 18.166 10.043 L 18.011 2.11 L 15.784 2.11 L 15.87 9.937 L 13.047 7.112 L 11.426 8.938 Z " fill-rule="evenodd" fill="currentColor"></path></g></svg>Install Demo App</a> </div> <div class="info-arrow animate done"> <svg fill="var(--text)" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 367.339 367.34" xml:space="preserve"> <g> <path d="M337.591,0.932c-13.464,6.12-26.315,12.852-39.168,20.196c-11.628,6.12-25.704,12.24-35.496,21.42
						c-5.508,4.896,0,15.3,7.344,12.852c0,0,0.612,0,0.612-0.612c1.836,1.224,3.061,2.448,4.896,4.284c0,0.612,0.611,1.836,0.611,2.448
						c0.612,1.224,1.836,2.448,3.061,3.672c-17.748,33.048-34.272,66.096-55.08,96.696c-6.12,9.18-12.853,17.748-20.808,25.704
						c-19.584-31.212-51.409-67.32-89.965-60.588c-50.796,9.18-23.256,63.647,3.06,82.008c31.212,22.644,58.14,21.42,85.068,0
						c12.24,20.808,20.809,44.063,19.584,66.708c-1.836,54.468-50.796,63.647-91.8,49.571c6.12-15.912,7.956-34.271,4.284-50.184
						c-6.12-28.764-50.184-54.468-75.888-34.272c-25.092,20.196,22.032,71.604,37.332,82.009c4.284,3.06,9.18,6.119,14.076,8.567
						c-0.612,0.612-0.612,1.225-1.224,1.836c-28.152,44.064-65.484,6.12-82.62-25.092c-2.448-4.896-9.18-0.612-7.344,4.284
						c14.076,32.436,42.84,70.38,81.396,48.348c9.18-5.508,17.136-13.464,22.644-23.256c33.66,13.464,72.829,13.464,97.308-17.136
						c29.376-36.72,11.017-84.456-8.567-119.952c0.611-0.612,0.611-0.612,1.224-1.224c34.884-33.66,56.304-81.396,78.336-124.236
						c4.284,3.06,9.181,6.12,13.464,9.18c3.061,1.836,7.345,1.224,9.792-1.224c17.748-20.808,31.212-45.9,35.496-73.44
						C351.055,2.768,344.324-2.128,337.591,0.932z M178.471,207.787c-23.256,13.464-46.512-3.06-63.648-18.972
						c-22.644-20.808-16.524-54.468,18.36-47.735c17.748,3.672,31.824,19.584,43.452,32.436c6.12,6.732,12.241,14.687,17.749,23.255
						C189.488,201.056,183.979,204.728,178.471,207.787z M116.047,319.171C116.047,319.171,115.435,319.171,116.047,319.171
						c-16.524-8.567-28.764-20.808-38.556-36.107c-4.284-6.732-7.956-14.076-9.792-22.032c-6.12-20.808,26.928-10.404,35.496-6.12
						C126.451,267.764,124.615,297.14,116.047,319.171z M306.379,67.028c-0.612,0-0.612-0.612-1.224-0.612
						c0-1.836-1.225-3.672-3.672-4.896c-4.284-1.836-8.568-4.284-12.853-6.732c-1.836-1.224-5.508-4.896-5.508-3.672
						c0-0.612-0.612-1.224-1.224-1.224c6.731-3.672,13.464-8.568,20.195-12.24c8.568-4.896,17.748-9.792,26.929-14.688
						C324.74,38.264,316.784,53.564,306.379,67.028z"></path> </g> </svg> </div> <div class="extra-info animate">Works on any iPhone, iPad, Android device, Mac or PC.</div> </div> <div class="list"> <div class="examples"> <div class="row slow"> <div><img src="https://progressier.com/assets/img/install-pages/1.jpg" alt="Coach Saxeide"></div> <div><img src="https://progressier.com/assets/img/install-pages/2.jpg" alt="Elon's Shenanigans"></div> <div><img src="https://progressier.com/assets/img/install-pages/3.jpg" alt="The Coronavirus App"></div> <div><img src="https://progressier.com/assets/img/install-pages/4.jpg" alt="Vecizdarma"></div> <div><img src="https://progressier.com/assets/img/install-pages/5.jpg" alt="Clear Money"></div> <div><img src="https://progressier.com/assets/img/install-pages/1.jpg" alt="Coach Saxeide"></div> <div><img src="https://progressier.com/assets/img/install-pages/2.jpg" alt="Elon's Shenanigans"></div> <div><img src="https://progressier.com/assets/img/install-pages/3.jpg" alt="The Coronavirus App"></div> <div><img src="https://progressier.com/assets/img/install-pages/4.jpg" alt="Vecizdarma"></div> <div><img src="https://progressier.com/assets/img/install-pages/5.jpg" alt="Clear Money"></div> <div><img src="https://progressier.com/assets/img/install-pages/1.jpg" alt="Coach Saxeide"></div> <div><img src="https://progressier.com/assets/img/install-pages/2.jpg" alt="Elon's Shenanigans"></div> <div><img src="https://progressier.com/assets/img/install-pages/3.jpg" alt="The Coronavirus App"></div> <div><img src="https://progressier.com/assets/img/install-pages/4.jpg" alt="Vecizdarma"></div> <div><img src="https://progressier.com/assets/img/install-pages/5.jpg" alt="Clear Money"></div> </div> <div class="row fast"> <div><img src="https://progressier.com/assets/img/install-pages/6.jpg" alt="Fodmapedia"></div> <div><img src="https://progressier.com/assets/img/install-pages/22.jpg" alt="ZOI ZAPS"></div> <div><img src="https://progressier.com/assets/img/install-pages/8.jpg" alt="Vtrack"></div> <div><img src="https://progressier.com/assets/img/install-pages/9.jpg" alt="British24"></div> <div><img src="https://progressier.com/assets/img/install-pages/10.jpg" alt="Secondra"></div> <div><img src="https://progressier.com/assets/img/install-pages/6.jpg" alt="Fodmapedia"></div> <div><img src="https://progressier.com/assets/img/install-pages/22.jpg" alt="ZOI ZAPS"></div> <div><img src="https://progressier.com/assets/img/install-pages/8.jpg" alt="Vtrack"></div> <div><img src="https://progressier.com/assets/img/install-pages/9.jpg" alt="British24"></div> <div><img src="https://progressier.com/assets/img/install-pages/10.jpg" alt="Secondra"></div> <div><img src="https://progressier.com/assets/img/install-pages/6.jpg" alt="Fodmapedia"></div> <div><img src="https://progressier.com/assets/img/install-pages/22.jpg" alt="ZOI ZAPS"></div> <div><img src="https://progressier.com/assets/img/install-pages/8.jpg" alt="Vtrack"></div> <div><img src="https://progressier.com/assets/img/install-pages/9.jpg" alt="British24"></div> <div><img src="https://progressier.com/assets/img/install-pages/10.jpg" alt="Secondra"></div> </div> <div class="row middle"> <div><img src="https://progressier.com/assets/img/install-pages/21.jpg" alt="Wasabi Trade App"></div> <div><img src="https://progressier.com/assets/img/install-pages/12.jpg" alt="Chefy"></div> <div><img src="https://progressier.com/assets/img/install-pages/13.jpg" alt="Balabenzine"></div> <div><img src="https://progressier.com/assets/img/install-pages/14.jpg" alt="Gymvio"></div> <div><img src="https://progressier.com/assets/img/install-pages/15.jpg" alt="Dox"></div> <div><img src="https://progressier.com/assets/img/install-pages/21.jpg" alt="Wasabi Trade App"></div> <div><img src="https://progressier.com/assets/img/install-pages/12.jpg" alt="Chefy"></div> <div><img src="https://progressier.com/assets/img/install-pages/13.jpg" alt="Balabenzine"></div> <div><img src="https://progressier.com/assets/img/install-pages/14.jpg" alt="Gymvio"></div> <div><img src="https://progressier.com/assets/img/install-pages/15.jpg" alt="Dox"></div> <div><img src="https://progressier.com/assets/img/install-pages/21.jpg" alt="Wasabi Trade App"></div> <div><img src="https://progressier.com/assets/img/install-pages/12.jpg" alt="Chefy"></div> <div><img src="https://progressier.com/assets/img/install-pages/13.jpg" alt="Balabenzine"></div> <div><img src="https://progressier.com/assets/img/install-pages/14.jpg" alt="Gymvio"></div> <div><img src="https://progressier.com/assets/img/install-pages/15.jpg" alt="Dox"></div> </div> </div> </div> </div> </section> <section id="dashboard"> <div> <div> <div class="paragraph" style="width:100%"> <h2 class="animate gradientxt">Unlock the powers of the web... without the dev work</h2> <p class="animate">Progressier leverages the latest web technologies to turn your website into a powerful <a href="https://progressier.com/pwa-capabilities/">Progressive Web App</a>. You focus on making a great app — we make it installable across devices and browsers. In one single dashboard, you can send <a href="https://progressier.com/features/push-notifications">push notifications</a>, manage your <a href="https://progressier.com/features/no-code-web-app-manifest">app manifest</a>, and configure your <a href="https://progressier.com/features/auto-generated-no-code-service-worker">service worker</a>. We even provide you with a cool little <a href="https://progressier.com/features/pwa-install-page">installation page</a> to make it super easy for your users to install your app. </p> </div> <div class="dashboard-screenshot animate"> <img class="dashboard-preview" src="https://progressier.com/assets/img/home/dashboard.jpg?v=11" loading="lazy" alt="Progressier dashboard preview"> <div class="dashboard-shadow"></div> </div> </div> </div> </section> <section id="features"> <div> <style>.feature-summary *{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.feature-summary{display:flex}.feature-summary ul{width:50%;list-style-type:none;display:flex;flex-wrap:wrap;margin:0}.feature-summary li{flex:none;width:100%;margin:5px 0;position:relative;white-space:nowrap}.feature-summary li:before{content:"\e925";font-family:Feather;background:var(--gradient2);width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--dark);margin-right:20px;font-size:13px}.calculator-plans{display:flex;justify-content:space-between;align-items:center;flex-direction:column;width:100%}.feature-summary .wrap:not(:hover) .explainer{display:none}.explainer{font-size:14px;position:absolute;width:300px;background:var(--hl);border-radius:10px;z-index:9999;box-shadow:10px 10px 50px #0a0a2a;flex-direction:column;display:flex;justify-content:center;align-items:center;padding:15px 25px;border:1px solid #21283d;left:50px;top:0}.explainer>*{width:100%;margin:10px 0;white-space:normal!important}.explainer .btn{height:50px}.explainer img{border-radius:10px}.underlined{border-bottom:1px dotted rgb(181,196,222,.4);cursor:default;white-space:nowrap}@media (min-width:992px){.wrap:hover .underline{border-color:transparent;color:#fff}}@media (max-width:991px){.feature-summary{flex-direction:column}.feature-summary ul{width:100%;padding-left:10px}.feature-summary li{width:100%}.explainer{left:0;width:calc(80vw - 30px)}}</style> <div class="feature-summary"> <ul> <li class="animate fast"> <span class="wrap"> <span class="underlined">Universal installation page</span> <span class="explainer"><h3>Universal installation page</h3><span>When you sign up to Progressier, your PWA get a unique installation page that emulates the app store experience... but without the typical app stores hassles.</span><a class="btn btn1" href="https://progressier.com/features/pwa-install-page">Learn more</a></span></span> </li><li class="animate fast"> <span class="wrap"> <span class="underlined">Web push notifications</span> <span class="explainer"><h3>Web push notifications</h3><span>Progressier allows you to send notifications to any iPhone, iPad, Android phone or tablet, and even PCs and Macs.</span></span></span> </li><li class="animate fast"> <span class="wrap"> <span class="underlined">Continuous updates<span class="last-update-from-now">Updated 4 days ago</span></span> <span class="explainer"><h3>Continuous updates<span class="last-update-from-now">Updated 4 days ago</span></h3><span>Sign up to Progressier and let us handle your PWA. We'll keep it up-to-date with the latest browser improvements from Apple, Google, Samsung, and Mozilla. <style>.last-update-from-now:empty{display:none}</style> <style>.last-update-from-now{background:var(--gradient2);font-size:10px;border-radius:10px;padding:2px 5px;color:var(--dark);margin-left:5px;font-weight:500;white-space:nowrap;letter-spacing:0}</style> <script>setTimeout(function(){let t=document.getElementById("software-update-time").innerHTML;document.querySelectorAll(".last-update-from-now").forEach(function(e){e.innerHTML="Updated "+t})},1e3)</script></span></span></span> </li><li class="animate fast"> <span class="wrap"> <span class="underlined">Asset generation</span> <span class="explainer"><h3>Asset generation</h3><span>Progressier creates splash screens, maskable icons, perfectly sized macOS icons and 45+ individual assets to make your app look great across platforms and browsers.</span></span></span> </li><li class="animate fast"> <span class="wrap"> <span class="underlined">Push API &amp; dashboard</span> <span class="explainer"><h3>Push API &amp; dashboard</h3><span>Compose, preview, send and schedule push notifications with our dashboard and/or API. Progressier prompts users to authorize push notifications and auto-syncs push subscriptions with your own user data.</span><img src="https://progressier.com/assets/img/previews/push.jpg" alt="Push API &amp; dashboard"></span></span> </li><li class="animate fast"> <span class="wrap"> <span class="underlined">PWA promotion widgets</span> <span class="explainer"><h3>PWA promotion widgets</h3><span>Progressier provides you with a set of customizable UI elements that promote installation of your app and encourage users to allow push notifications.</span><a class="btn btn1" href="https://progressier.com/features/in-app-pwa-promotion">Learn more</a></span></span> </li> </ul> <ul> <li class="animate fast"> <span class="wrap"> <span class="underlined">iOS splash screens</span> <span class="explainer"><h3>iOS splash screens</h3><span>A splash screen is a temporary loading screen that opens when you launch an app from your home screen. While Android generates them automatically, iOS requires a custom image for each iPhone and iPad size (that's 26 individual images!). Progressier takes care of the heavy lifting by generating those for you.</span><img src="https://progressier.com/assets/img/previews/splash.jpg" alt="iOS splash screens"></span></span> </li><li class="animate fast"> <span class="wrap"> <span class="underlined">No-code web app manifest</span> <span class="explainer"><h3>No-code web app manifest</h3><span>Progressier lets you set up your web app manifest with toggles and inputs instead of lines of code. And we automatically shield you from common gotchas.</span><a class="btn btn1" href="https://progressier.com/features/no-code-web-app-manifest">Learn more</a></span></span> </li><li class="animate fast"> <span class="wrap"> <span class="underlined">12+ integrations</span> <span class="explainer"><h3>12+ integrations</h3><span>Progressier is compatible with most no-code builders (including Bubble, Softr, Webflow) and virtually every JavaScript framework.</span><a class="btn btn1" href="https://progressier.com/quickstart">Learn more</a></span></span> </li><li class="animate fast"> <span class="wrap"> <span class="underlined">PWA analytics</span> <span class="explainer"><h3>PWA analytics</h3><span>The dashboard shows the number of new app launches and push subscriptions you get every day, broken down by platform.</span><img src="https://progressier.com/assets/img/previews/analytics.jpg" alt="PWA analytics"></span></span> </li><li class="animate fast"> <span class="wrap"> <span class="underlined">Programmatic PWA Creation</span> <span class="explainer"><h3>Programmatic PWA Creation</h3><span>Progressier comes with client-side and server-side APIs that allow you to turn user-generated content into standalone apps with minimal effort. Only available with the Enterprise plan.</span><a class="btn btn1" href="https://progressier.com/features/programmatic-pwa-creation">Learn more</a></span></span> </li><li class="animate fast"> <span class="wrap"> <span class="underlined">Screenshot designer</span> <span class="explainer"><h3>Screenshot designer</h3><span>Create beautiful editable screenshots from scratch for your PWA. No design skills required. Click on the button below to try it for free before signing up.</span><a class="btn btn1" href="https://progressier.com/pwa-screenshots-generator">Try it free</a></span></span> </li><li class="animate fast"> <span class="wrap"> <span class="underlined">App reviews manager</span> <span class="explainer"><h3>App reviews manager</h3><span>Gather and consolidate reviews from various platforms such as Trustpilot, Capterra, Google Play, and more. With our platform, you can efficiently organize all your reviews on a visually stunning Wall of Love, and seamlessly embed customer testimonials onto your marketing website.</span><a class="btn btn1" href="https://progressier.com/features/wall-of-love">Learn more</a></span></span> </li> </ul> </div> </div> </section> <style>.testimonials{width:100%;margin-left:0;background:#040411;padding:50px 0 0 0}.testimonials-inner{width:100%}.testimonials h2{margin-top:0}@media (max-width:991px){.testimonials{width:100%}.testimonials iframe{width:90%!important;margin-left:5%}.testimonials h2{margin-left:5%}}</style> <section class="testimonials" id="testimonials"> <div class="testimonials-inner"> <h2 class="gradientxt">What they're saying</h2> <iframe title="Reviews" class="animate" src="https://wall.love/progressier?v=1&amp;embed=true&amp;element=101028&amp;text=b5c4de&amp;radius=10px&amp;stars=2ddbfd&amp;highlight=2ddbfd&amp;button=2ddbfd&amp;hl=all&amp;border=101028&amp;fs=16px&amp;more=true&amp;background=040411&amp;noscrollbar=true" style="border:0;outline:0;width:100%;height:900px"></iframe> </div> </section> <script>window.location.href.includes("ref=hwklp")&&(document.getElementById("h1").innerHTML="Convert any website<br>into a PWA in minutes")</script> <script src="https://progressier.com/assets/js/utils.js?v=idGIMyWCJC"></script> <style>.cta-section{background:var(--bodycolor);padding-top:50px;margin-bottom:-100px;margin-top:50px;width:100%;margin-left:0;padding-top:30px}.cta-section>div{flex-direction:row;justify-content:space-between;align-items:center;display:flex;width:90%}.cta-section>div>:first-child img{width:390px;margin-bottom:-40px;box-shadow:-50px 100px 100px #0a0a2a,50px 30px 150px #0a0a2a}.cta-section>div>:last-child p{margin:20px 0 25px 0}.cta-section h2{margin-top:0}.cta-section a{display:flex;margin-top:20px}.cta-section a i{margin-right:20px;font-size:25px;margin-left:20px;position:absolute;right:20px;height:30px;top:calc(50% - 15px);display:flex;align-items:center}.cta-section a:last-child{margin-bottom:40px}@media (min-width:992px){.cta-section>div>:last-child{margin-left:70px}}@media (max-width:991px){.cta-section{margin-top:30px}.cta-section>div{flex-direction:column-reverse}.cta-section a:last-child{margin-bottom:70px}.cta-section>div>:first-child img{width:100%}}</style> <section class="cta-section"> <div> <div><img src="https://progressier.com/assets/img/home/your-app-here.svg?v=4" alt="Your app here"></div> <div class="animate"> <h2 class="gradientxt">Unlock the powers of the web today</h2> <p>Try our PWA toolkit free of charge and without limits for 14 days. No credit card required.</p> <a class="btn btn1" href="https://progressier.com/new">Get started<i class="feather feather-chevron-right chevron"></i></a> <a class="btn btn2 iconright" href="https://progressier.com/pricing">See plans</a> </div> </div> </section> </main> <style>footer{position:relative;z-index:40;background:linear-gradient(135deg,#080826 0,#070713 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 0}footer *{line-height:23px}footer a{color:var(--text);white-space:nowrap;font-size:14px}footer a:hover{color:#fff}.footer-row-head{border-top:1px solid #161639;margin-top:40px;padding-top:20px}.footer-row{display:flex;width:100%;justify-content:space-between;max-width:90%}.footer-about{justify-content:flex-start}.footer-row-head{justify-content:space-between!important}.footer-section{position:relative;display:flex;flex-direction:column;max-width:24%;justify-content:space-between}.footer-section a{margin:5px;justify-content:flex-start}.footer-social{display:flex;justify-content:center;margin-top:20px}.footer-social a{border:1px solid #151533;border-radius:10px;padding:7px;width:40px;height:40px;display:flex;background:#0e0e23;margin:5px 5px;font-size:18px}.footer-logo a{align-items:center;margin-top:20px}.footer-logo img{width:100px;margin-left:-3px;margin-bottom:10px}.footer-legal *{font-size:14px}.footer-cookies{position:fixed;bottom:20px;left:20px;padding:30px 40px 20px 40px;width:400px;background:#141429;border-radius:20px;font-size:14px;z-index:9999;display:flex;align-items:center;flex-direction:column;justify-content:center}.footer-cookies.hidden{display:none!important}.footer-cookies-btns{width:100%;display:flex;align-items:center;justify-content:center;margin-top:15px}.footer-cookies-btns>.btn{width:50%;margin:10px;height:50px}.footer-cookies a{color:#fff;font-weight:600}footer .hl{color:#fff;font-weight:500}footer small{margin:0 5px}.footer-desc{font-size:14px}.footer-legal{justify-content:center;display:flex;width:100%;margin-top:40px}.footer-desc{max-width:450px}.footer-attribution{font-style:italic;font-size:12px;margin-top:20px;text-align:center;width:100%}.footer-software-version{font-size:10px;margin-top:30px;text-align:center;max-width:300px}.footer-software-version *{font-size:10px}.footer-software-version a{color:#fff}@media (min-width:991px){.footer-row{padding-right:40px}.footer-legal>:not(:last-child):after{content:"●";opacity:.4;color:var(--grey)!important;margin:0 10px}.footer-legal>div:first-child a:before{content:"●";opacity:.4;color:var(--grey)!important;margin:0 10px}.footer-about{max-width:90%}.footer-row{max-width:calc(100% - 300px)}.footer-main{margin-top:50px}.footer-software-version{text-align:right}.footer-social{justify-content:flex-end}.footer-social a:last-child{margin-right:0}}@media (max-width:991px){footer{padding:30px}.footer-row{flex-direction:column}.footer-section{width:100%;max-width:none;text-align:center;align-items:center}footer h3{margin-top:40px}.footer-legal{text-align:center;flex-direction:column-reverse}.footer-social{align-items:center;margin-bottom:40px}.footer-desc{max-width:500px}.footer-legal>*{margin:5px 0}.footer-legal>:first-child{margin-top:40px}.footer-section a{justify-content:center}.footer-cookies{padding:20px 0;left:0;bottom:0;width:100vw;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top:3px solid #000}.footer-cookies>*{width:80%;text-align:center}.footer-cookies-btns{flex-direction:row-reverse}.footer-attribution{font-style:italic}.footer-software-version{max-width:100vw;padding-bottom:100px}}</style> <div class="footer-cookies"> <div>This website or its third-party tools process personal data and use cookies or other identifiers, which are necessary for its functioning and required to achieve the purposes illustrated in the <a href="https://progressier.com/cookie">cookie policy</a>.</div> <div class="footer-cookies-btns"><button class="btn btn2" id="reject-cookies">Reject</button><button class="btn btn3" id="accept-cookies">Accept</button></div> </div> <footer> <div class="footer-row footer-main"> <div class="footer-section"> <h3>Features</h3> <a href="https://progressier.com/features/universal-pwa-installation">Universal Installation</a><a href="https://progressier.com/features/push-notifications">Push Notifications</a><a href="https://progressier.com/features/caching-strategy-builder">Caching Strategy Builder</a><a href="https://progressier.com/features/pwa-install-page">Installation Page</a><a href="https://progressier.com/features/wall-of-love">App Reviews</a><a href="https://progressier.com/features/programmatic-pwa-creation">Programmatic PWA Creation</a><a href="https://progressier.com/features/push-and-install-pwa-analytics">PWA Analytics</a><a href="https://progressier.com/features/in-app-pwa-promotion">In-App Promotion</a><a href="https://progressier.com/features/web-share-target-api-implementation">Web Share Target</a><a href="https://progressier.com/features/auto-generated-no-code-service-worker">Service Worker</a><a href="https://progressier.com/features/browser-agnostic-install-button">Install Button</a><a class="hl" href="https://progressier.com/features">View all</a> <h3>Resources</h3> <a href="https://progressier.com/what-are-the-best-no-code-platforms-for-pwa">Best No-Code Builders for PWA</a> <a href="https://progressier.com/best-ad-networks-to-monetize-pwa">Best Ad Networks for PWA</a> </div> <div class="footer-section"> <h3>Integrations</h3> <a href="https://progressier.com/quickstart/turning-your-bubble-app-into-a-pwa">Bubble</a><a href="https://progressier.com/quickstart/building-a-pwa-with-vanilla-javascript">JavaScript</a><a href="https://progressier.com/quickstart/create-a-pwa-with-softr">Softr</a><a href="https://progressier.com/quickstart/create-a-pwa-with-webflow">Webflow</a><a href="https://progressier.com/quickstart/turn-your-wordpress-site-into-a-pwa">WordPress</a><a href="https://progressier.com/quickstart/turn-your-shopify-store-into-a-pwa-with-push-notifications">Shopify</a><a href="https://progressier.com/quickstart/turn-your-business-apps-built-on-knack-into-pwas">Knack</a><a href="https://progressier.com/quickstart/should-you-turn-your-squarespace-website-into-a-pwa">Squarespace</a><a href="https://progressier.com/quickstart/create-a-fully-featured-pwa-with-react">React</a><a href="https://progressier.com/quickstart/using-vue-js-to-create-a-fully-featured-pwa">Vue.js</a><a href="https://progressier.com/quickstart/upgrade-your-flutterflow-pwa-with-new-features">FlutterFlow</a><a href="https://progressier.com/quickstart/generate-a-pwa-install-page-for-your-jotform-app">Jotform</a><a href="https://progressier.com/quickstart/how-to-build-a-pwa-with-wix">Wix</a><a href="https://progressier.com/quickstart/make-your-nocode-adalo-app-a-pwa">Adalo</a><a class="hl" href="https://progressier.com/quickstart">View all</a> </div> <div class="footer-section"> <h3>About</h3> <a href="https://progressier.com/pricing">Pricing</a> <a href="https://progressier.com/story" rel="author">Manifesto</a> <a href="https://intercom.help/progressier/en/" rel="help" target="_blank">Help Center</a> <a href="https://progressier.com/why-you-should-outsource-your-pwa">Why Progressier?</a> <a href="https://progressier.com/login">Login</a> <a href="https://progressier.com/signup">Sign Up</a> <h3>Compare</h3> <a href="https://progressier.com/alternative-to/google-play">Google Play<small>vs</small>Progressier</a><a href="https://progressier.com/alternative-to/superpwa">SuperPWA<small>vs</small>Progressier</a><a href="https://progressier.com/alternative-to/onesignal">OneSignal<small>vs</small>Progressier</a><a href="https://progressier.com/alternative-to/workbox">Workbox<small>vs</small>Progressier</a><a href="https://progressier.com/alternative-to/pwa-builder">PWA Builder<small>vs</small>Progressier</a><a href="https://progressier.com/alternative-to/bdk-native">BDK Native<small>vs</small>Progressier</a><a href="https://progressier.com/alternative-to/firebase-cloud-messaging-solution-comparison-for-pwa">FCM<small>vs</small>Progressier</a> <a href="https://progressier.com/pwa-vs-native-app-comparison-table">Native Apps <small>vs</small> PWA</a> </div> <div class="footer-section"> <h3>Free Tools</h3> <a href="https://progressier.com/pwa-screenshots-generator">Screenshot Designer</a> <a href="https://progressier.com/pwa-icons-and-ios-splash-screen-generator">Splash Screen Generator</a> <a href="https://progressier.com/maskable-icons-editor">Maskable Icon Generator</a> <a href="https://progressier.com/pwa-manifest-generator">Manifest Generator</a> <a href="https://progressier.com/pwa-capabilities/push-notifications">Push Notification Tester</a> <h3>PWA Demos</h3> <a href="https://progressier.com/pwa-capabilities/geolocation">Geolocation Demo</a><a href="https://progressier.com/pwa-capabilities/audio-player-pwa">Audio Player Demo</a><a href="https://progressier.com/pwa-capabilities/file-system-desktop">File System Demo</a><a href="https://progressier.com/pwa-capabilities/qr-code-and-barcode-reader">QR Code Reader Demo</a><a href="https://progressier.com/pwa-capabilities/bluetooth">Bluetooth Demo</a><a href="https://progressier.com/pwa-capabilities/audio-recording">Audio Recording Demo</a><a href="https://progressier.com/pwa-capabilities/biometric-authentication-with-passkeys">Biometric Auth Demo</a><a class="hl" href="https://progressier.com/pwa-capabilities">View all</a> </div> </div> <div class="footer-row footer-row-head"> <div class="footer-section footer-about"> <div class="footer-logo"><a href="https://progressier.com"><img src="https://progressier.com/assets/img/logo-name-white.svg" alt="Progressier full logo"></a></div> <div class="footer-desc">Progressier empowers web developers and no-code makers to effortlessly build fully-featured Progressive Web Apps.</div> <div class="footer-legal"> <div>© 2024 Scriby, Inc. All Rights Reserved. <a href="https://progressier.com/terms">Terms</a> <a href="https://progressier.com/privacy">Privacy Policy</a></div> </div> </div> <div> <div class="footer-social"> <a class="fa fa-coffee" target="_blank" href="https://progressier.com/coffee" aria-label="Buy us a coffee"></a> <a class="fa fa-linkedin" target="_blank" href="https://www.linkedin.com/company/progressier" aria-label="Follow us on LinkedIn"></a> <a class="fa fa-twitter" target="_blank" href="https://twitter.com/kvnbsst" aria-label="Follow us on Twitter"></a> </div> <div class="footer-software-version">Latest software update: version 2511,<br>shipped <span id="software-update-time" data-latest-update-time-iso="2024-11-01T00:36:21Z">4 days ago</span> by <a href="https://progressier.com/story" rel="author">Kevin Basset</a></div> <script>function howLongAgo(e){var t,e=new Date(e).getTime();if(e)return t={when:"now"},0<(e=e/1e3-(new Date).getTime()/1e3)?t.when="future":e<-1&&(t.when="past"),1<(e=Math.abs(e))/31536e3?(t.unitOfTime="years",t.time=Math.floor(e/31536e3)):1<e/3888e3?(t.unitOfTime="months",t.time=Math.floor(e/3888e3)):1<e/86400?(t.unitOfTime="days",t.time=Math.floor(e/86400)):1<e/3600?(t.unitOfTime="hours",t.time=Math.floor(e/3600)):(t.unitOfTime="minutes",t.time=Math.ceil(e/60)),1===t.time&&(t.unitOfTime=t.unitOfTime.slice(0,t.unitOfTime.length-1)),"now"===t.when?"now":"future"===t.when?"in "+t.time+" "+t.unitOfTime:t.time+" "+t.unitOfTime+" ago"}let time="2024-11-01T00:36:21Z",timeElement=document.getElementById("software-update-time");timeElement.innerHTML=howLongAgo(time)</script> </div> </div> </footer> <script>let cname="cookiesaccepted",accepted=(new ClientCookies).get(cname),el=document.querySelector(".footer-cookies");accepted||el.classList.remove("hidden"),document.getElementById("accept-cookies").addEventListener("click",function(){el.classList.add("hidden"),(new ClientCookies).set(cname,"accepted",999)}),document.getElementById("reject-cookies").addEventListener("click",function(){el.classList.add("hidden")})</script> <style>.scriby-header{position:fixed;z-index:99999;top:0;left:0;height:100px;width:100vw;background:rgba(0,0,0,.88);display:flex;justify-content:center;align-items:center;text-align:center}.scriby-header h3{margin-top:0;margin-bottom:7px}.scriby-header>div{display:flex;flex-direction:column}.scriby-header *{display:inline-flex;flex-wrap:wrap}.scriby-header button{margin-left:40px;width:100px}@media (max-width:991px){.scriby-header{height:100vh;flex-direction:column}.scriby-header *{justify-content:center}.scriby-header button{margin-left:0;margin-top:40px;width:80%}.scriby-header>div{max-width:80%}}</style> <script>if(window.location.href.includes("ref=scriby")){let e=document.createElement("div");e.classList.add("scriby-header"),e.innerHTML="<div><h3>Were you looking for Scriby.ai? &#x1F9D0;</h3><span>Sorry, Scriby is no longer maintained. But discover our new project.... Progressier.</span></div><button class='btn btn1'>Got it</button>",e.querySelector("button").addEventListener("click",function(){document.querySelector(".scriby-header").remove()}),document.querySelector("body").appendChild(e)}animateEls()</script> <style>.faq-list{width:100%;display:flex;flex-direction:column;align-items:center}.faq-list article{padding:20px 50px;background:var(--hl);margin:20px 0;position:relative;border-radius:10px;width:calc(100% - 100px);cursor:pointer}.faq-list article.open:after{transform:rotate(180deg)}.faq-list article:after{font-family:Feather;position:absolute;right:40px;content:"\e928";font-size:25px;top:31px;transition:var(--transition);-webkit-transition:var(--transition)}.faq-list article p{margin-top:40px}.faq-list article:not(.open) p{display:none}.faq-list h3{max-width:80%;margin-top:10px;font-size:16px;color:var(--subtitle)}.faq-list p{font-size:16px}@media (max-width:991px){.faq-list h3{font-size:16px}}</style> <script>let items=document.querySelectorAll(".faq-list article");items.forEach(function(t){t.addEventListener("click",function(e){items.forEach(function(e){e!==t||e.classList.contains("open")?e.classList.remove("open"):e.classList.add("open")})})})</script>   <style id="progressier-backdrop">
		.progressier-backdrop{position:fixed;z-index: 2147483642;left:0px;top:0px;width:100vw;height:100vh;background:var(--progressierBackdrop);}
		body:not(.progressier-blurring)  .progressier-backdrop{display:none !important;z-index:-1 !important;}
		.progressier-backdrop svg{display:none !important;}
		body.progressier-blurring > *:not(.no-blurring){-webkit-filter:grayscale(1)  url(#backdropBlur);filter: grayscale(1) url(#backdropBlur);pointer-events:none;z-index: 888 !important;}
		body.progressier-blurring::-webkit-scrollbar{ width:0px !important; height:0px !important;}
		body.progressier-blurring *::-webkit-scrollbar{ width:0px !important; height:0px !important;}
		@media (min-width:992px){
			body.progressier-blurring > *:not(.no-blurring){-webkit-filter:grayscale(1)  blur(8px);filter: grayscale(1) blur(8px);pointer-events:none;z-index: 888 !important;}	
		}
		@supports (-webkit-touch-callout: none) {
		  -webkit-filter:grayscale(1)  blur(3px);filter: grayscale(1) blur(3px);
		}
	</style><div class="progressier-backdrop no-blurring"><svg>
		  <filter id="backdropBlur">
			<feGaussianBlur stdDeviation="5"></feGaussianBlur>
			<feColorMatrix type="matrix" values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 9 0"></feColorMatrix>
			<feComposite in2="SourceGraphic" operator="in"></feComposite>
		  </filter>
		</svg></div><iframe id="intercom-frame" style="position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; top: 0 !important; left: 0 !important; border: none !important; display: block !important; z-index: -1 !important; pointer-events: none;" aria-hidden="true" tabindex="-1" title="Intercom"></iframe><div class="intercom-lightweight-app"><style id="intercom-lightweight-app-style" type="text/css">
  @keyframes intercom-lightweight-app-launcher {
    from {
      opacity: 0;
      transform: scale(0.5);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes intercom-lightweight-app-gradient {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  @keyframes intercom-lightweight-app-messenger {
    0% {
      opacity: 0;
      transform: scale(0);
    }
    40% {
      opacity: 1;
    }
    100% {
      transform: scale(1);
    }
  }

  .intercom-lightweight-app {
    position: fixed;
    z-index: 2147483001;
    width: 0;
    height: 0;
    font-family: intercom-font, "Helvetica Neue", "Apple Color Emoji", Helvetica, Arial, sans-serif;
  }

  .intercom-lightweight-app-gradient {
    position: fixed;
    z-index: 2147483002;
    width: 500px;
    height: 500px;
    bottom: 0;
    right: 0;
    pointer-events: none;
    background: radial-gradient(
      ellipse at bottom right,
      rgba(29, 39, 54, 0.16) 0%,
      rgba(29, 39, 54, 0) 72%);
    animation: intercom-lightweight-app-gradient 200ms ease-out;
  }

  .intercom-lightweight-app-launcher {
    position: fixed;
    z-index: 2147483003;
    padding: 0 !important;
    margin: 0 !important;
    border: none;
    bottom: 20px;
    right: 20px;
    max-width: 48px;
    width: 48px;
    max-height: 48px;
    height: 48px;
    border-radius: 50%;
    background: #66dbff;
    cursor: pointer;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
    transition: transform 167ms cubic-bezier(0.33, 0.00, 0.00, 1.00);
    box-sizing: content-box;
  }


  .intercom-lightweight-app-launcher:hover {
    transition: transform 250ms cubic-bezier(0.33, 0.00, 0.00, 1.00);
    transform: scale(1.1)
  }

  .intercom-lightweight-app-launcher:active {
    transform: scale(0.85);
    transition: transform 134ms cubic-bezier(0.45, 0, 0.2, 1);
  }


  .intercom-lightweight-app-launcher:focus {
    outline: none;

    
  }

  .intercom-lightweight-app-launcher-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    transition: transform 100ms linear, opacity 80ms linear;
  }

  .intercom-lightweight-app-launcher-icon-open {
    
        opacity: 1;
        transform: rotate(0deg) scale(1);
      
  }

  .intercom-lightweight-app-launcher-icon-open svg {
    width: 24px;
    height: 24px;
  }

  .intercom-lightweight-app-launcher-icon-open svg path {
    fill: rgb(0, 0, 0);
  }

  .intercom-lightweight-app-launcher-icon-self-serve {
    
        opacity: 1;
        transform: rotate(0deg) scale(1);
      
  }

  .intercom-lightweight-app-launcher-icon-self-serve svg {
    height: 44px;
  }

  .intercom-lightweight-app-launcher-icon-self-serve svg path {
    fill: rgb(0, 0, 0);
  }

  .intercom-lightweight-app-launcher-custom-icon-open {
    max-height: 24px;
    max-width: 24px;

    
        opacity: 1;
        transform: rotate(0deg) scale(1);
      
  }

  .intercom-lightweight-app-launcher-icon-minimize {
    
        opacity: 0;
        transform: rotate(-60deg) scale(0);
      
  }

  .intercom-lightweight-app-launcher-icon-minimize svg path {
    fill: rgb(0, 0, 0);
  }

  .intercom-lightweight-app-messenger {
    position: fixed;
    z-index: 2147483003;
    overflow: hidden;
    background-color: white;
    animation: intercom-lightweight-app-messenger 250ms cubic-bezier(0, 1, 1, 1);
    transform-origin: bottom right;

    
        width: 300px;
        height: 250px;
        max-height: 704px;
        min-height: 250px;
        right: 20px;
        bottom: 84px;
        box-shadow: 0 5px 40px rgba(0,0,0,0.16);
      

    border-radius: 16px;
  }

  .intercom-lightweight-app-messenger-header {
    height: 48px;
    border-bottom: rgba(0,0,0,0.06) solid 1px;
    background: white

    
  }

  .intercom-lightweight-app-messenger-footer{
    position:absolute;
    bottom:0;
    width: 100%;
    height: 80px;
    background: #fff;
    font-size: 14px;
    line-height: 21px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);
    
  }

  @media print {
    .intercom-lightweight-app {
      display: none;
    }
  }
</style><div class="intercom-lightweight-app-launcher intercom-launcher" role="button" tabindex="0" aria-label="Open Intercom Messenger" aria-live="polite"><div class="intercom-lightweight-app-launcher-icon intercom-lightweight-app-launcher-icon-open"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 32"><path d="M28 32s-4.714-1.855-8.527-3.34H3.437C1.54 28.66 0 27.026 0 25.013V3.644C0 1.633 1.54 0 3.437 0h21.125c1.898 0 3.437 1.632 3.437 3.645v18.404H28V32zm-4.139-11.982a.88.88 0 00-1.292-.105c-.03.026-3.015 2.681-8.57 2.681-5.486 0-8.517-2.636-8.571-2.684a.88.88 0 00-1.29.107 1.01 1.01 0 00-.219.708.992.992 0 00.318.664c.142.128 3.537 3.15 9.762 3.15 6.226 0 9.621-3.022 9.763-3.15a.992.992 0 00.317-.664 1.01 1.01 0 00-.218-.707z"></path></svg></div><div class="intercom-lightweight-app-launcher-icon intercom-lightweight-app-launcher-icon-minimize"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M18.601 8.39897C18.269 8.06702 17.7309 8.06702 17.3989 8.39897L12 13.7979L6.60099 8.39897C6.26904 8.06702 5.73086 8.06702 5.39891 8.39897C5.06696 8.73091 5.06696 9.2691 5.39891 9.60105L11.3989 15.601C11.7309 15.933 12.269 15.933 12.601 15.601L18.601 9.60105C18.9329 9.2691 18.9329 8.73091 18.601 8.39897Z" fill="white"></path>
</svg>
</div></div></div></body></html>