@font-face{font-family:Satoshi Variable;src:url(/assets/fonts/satoshi/Satoshi-Variable.woff2) format("woff2"),url(/assets/fonts/satoshi/Satoshi-Variable.woff) format("woff"),url(/assets/fonts/satoshi/Satoshi-Variable.ttf) format("truetype");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:local(""),url(/assets/fonts/inter/inter-v12-latin-regular.woff2) format("woff2"),url(/assets/fonts/inter/inter-v12-latin-regular.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:local(""),url(/assets/fonts/inter/inter-v12-latin-500.woff2) format("woff2"),url(/assets/fonts/inter/inter-v12-latin-500.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:600;src:local(""),url(/assets/fonts/inter/inter-v12-latin-600.woff2) format("woff2"),url(/assets/fonts/inter/inter-v12-latin-600.woff) format("woff")}.confetti-button.inactive{pointer-events:none}.isp-2{margin:0 auto;border-radius:12px;padding:0;left:20px;width:240px;top:50px;height:400px}.isp-1,.isp-2{transform:translateY(0);background:white;box-shadow:0 20px 40px rgb(0 0 0/20%);overflow:hidden;position:absolute}.isp-1{border-radius:8px;padding-top:0;width:110%;left:-20px;top:0}.sep-rating{margin-bottom:24px}body{font-family:Inter,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;line-height:1.5;overflow:auto;background:var(--dark);color:var(--white);text-rendering:optimizeLegibility;--lighter:#3f4956;--white:#fff;--black:#000;--accent:#28ffd4;--accent-green:#1bd1a0;--accent-secondary:#27ffd4;--dark:#1a1d21;--darker-bg:#151517;--bg-primary:#181819;--bg-secondary:#202021;--bg-tertiary:#222830;--bg-light:#fafafa;--bg-modal:#181819;--color-text-dark:#222830;--color-text-muted:#cacaca;--color-text-light:#abb6c1;--color-text-lighter:#a5a5a5;--border-primary:#3f4956;--border-secondary:#39424e;--border-tertiary:#404040;--border-modal:#252527;--border-separator:#38383a;--border-light:#272729;--button-primary:#7c3aee;--button-primary-hover:#6f34d5;--button-secondary:#ff0081;--button-disabled:#e8e8e8;--success:#00927a;--warning:#fde047;--error:#c6006b;--shadow-light:rgba(0,0,0,0.2);--shadow-medium:rgba(0,0,0,0.3);--shadow-dark:rgba(0,0,0,0.4);--shadow-colored:rgba(255,0,130,0.2);--shadow-button:rgba(124,58,238,0.3);--overlay:rgba(24,24,25,0.6);--glass-bg:rgba(255,255,255,0.04);--hover-bg:rgba(32,32,32,0.5);--color-bg:var(--bg-tertiary);--color-line:var(--border-primary);--color-link:var(--accent-green);--color-link-hover:var(--accent-green);--color-info:var(--accent-green);--lighter:var(--border-primary)}.mock-container{transition:all .1s ease-in;transform:scale(1);opacity:.2;transform-origin:center top}.toast{background:#181819;position:absolute;border-radius:12px;border:1px solid #252527;display:flex;flex-direction:column;overflow:hidden;z-index:1000;font-weight:500;padding:12px 24px}.emoji{margin-right:8px}.confetti-button{font-family:Helvetica,Arial,sans-serif;display:inline-block;font-size:1em;padding:1em 2em;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#ff0081;color:#fff;border-radius:4px;border:none;cursor:pointer;position:relative;transition:transform .1s ease-in,box-shadow .25s ease-in}.confetti-button:focus{outline:0}.confetti-button:after,.confetti-button:before{position:absolute;content:"";display:block;width:140%;height:100%;left:-20%;z-index:-1000;transition:all .5s ease-in-out;background-repeat:no-repeat}.confetti-button:before{display:none;top:-75%;background-image:radial-gradient(circle,#7c3aee 20%,transparent 0),radial-gradient(circle,transparent 20%,#7c3aee 0,transparent 30%),radial-gradient(circle,#7c3aee 20%,transparent 0),radial-gradient(circle,#7c3aee 20%,transparent 0),radial-gradient(circle,transparent 10%,#7c3aee 15%,transparent 20%),radial-gradient(circle,#7c3aee 20%,transparent 0),radial-gradient(circle,#7c3aee 20%,transparent 0),radial-gradient(circle,#7c3aee 20%,transparent 0),radial-gradient(circle,#7c3aee 20%,transparent 0);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%}.confetti-button:after{display:none;bottom:-75%;background-image:radial-gradient(circle,#7c3aee 20%,transparent 0),radial-gradient(circle,#7c3aee 20%,transparent 0),radial-gradient(circle,transparent 10%,#7c3aee 15%,transparent 20%),radial-gradient(circle,#7c3aee 20%,transparent 0),radial-gradient(circle,#7c3aee 20%,transparent 0),radial-gradient(circle,#7c3aee 20%,transparent 0),radial-gradient(circle,#7c3aee 20%,transparent 0);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,10% 10%,20% 20%}.confetti-button:active{transform:scale(.9);background-color:#7c3aee;box-shadow:0 2px 25px rgba(255,0,130,.2)}.confetti-button.animate:before{display:block;animation:topBubbles .75s ease-in-out forwards}.confetti-button.animate:after{display:block;animation:bottomBubbles .75s ease-in-out forwards}@keyframes topBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}to{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}}@keyframes bottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}to{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}}.app-layout{display:flex;height:100%}.app-list{min-width:200px;display:flex;overflow:hidden;flex-direction:column;max-height:460px}.app-list-item{margin-bottom:11px;padding-bottom:11px;cursor:pointer}.app-list-title{font-size:14px;text-align:left;font-weight:600;margin-top:1px}.scale-2 svg{opacity:1}.app-content{flex:1 1;display:flex;flex-direction:column;align-items:flex-start;padding-left:74px;padding-top:1px}.app-description,.app-rating{margin-top:24px;font-size:14.5px;line-height:1.5;letter-spacing:-.2px;color:#cacaca}.app-rating{overflow:hidden;height:230px}.app-location{margin-top:8px;font-size:15px}img.app-list-image{width:198px;height:92px;object-fit:cover;border-radius:10px}.app-list-meta{color:#a5a5a5;font-size:11px}.app-meta{margin-top:16px;color:#a5a5a5;font-size:13px;display:flex;align-items:center;flex-wrap:wrap}.meta-sep{display:inline-flex;margin:0 12px;height:15px;width:1px;background:#38383a}.app-meta svg{margin-right:4px}.app-list-meta>*{margin-right:12px}.app-preview{opacity:0;text-align:left;height:100%;width:100%;position:absolute;margin-top:95px;z-index:1;padding:0 36px;font-family:inter;transition:all .1s ease-in}.app-visible .app-preview{opacity:1}.app-visible #Group-2,.app-visible #Group-4{opacity:0!important}svg #Group-2,svg #Group-4 *{opacity:0;transition:all .1s ease-in}.wireframe-visible svg #Group-2,.wireframe-visible svg #Group-4 *{opacity:1;scale:1}.q-1-visible .quote-1,.q-2-visible .quote-2,.q-3-visible .quote-3,.q-4-visible .quote-4{opacity:1}.app-list-item:hover{cursor:pointer;background:rgb(32 32 32/50%);border-radius:13px}.hint{position:absolute;display:flex;flex-direction:column;left:-240px;font-weight:500;color:#28ffd5;font-size:26px;top:80px}.hint span{margin-left:-40px;margin-bottom:20px}.paradaiser-1{transform:translateY(0);border-radius:12px;position:absolute;padding-top:10px;background:white;box-shadow:0 20px 40px rgb(0 0 0/20%);width:430px;left:20px;top:0;overflow:hidden}.frameshift-2,.paradaiser-4{transform:translateY(50px);border-radius:12px;overflow:hidden;position:absolute;z-index:1;right:40px;width:225px;background:white;box-shadow:0 20px 40px rgb(0 0 0/20%)}.unicv-1{width:430px}.rsg-1,.unicv-1{transform:translateY(0);border-radius:8px;position:absolute;padding-top:0;background:white;box-shadow:0 20px 40px rgb(0 0 0/20%);left:20px;top:0;overflow:hidden}.rsg-1{width:100%}.rsg-4{right:20px}.rsg-4,.unicv-4{transform:translateY(50px);border-radius:8px;padding:12px;overflow:hidden;position:absolute;z-index:1;width:200px;background:white;box-shadow:0 20px 40px rgb(0 0 0/20%)}.unicv-4{right:40px}.emarketing-1{transform:translateX(0);border-radius:12px;position:absolute;width:500px;left:20px;top:0;overflow:hidden}.emarketing-2{transform:translateY(80px);border-radius:8px;width:350px}.emarketing-2,.emarketing-3{overflow:hidden;position:absolute;z-index:1;right:0;background:white;box-shadow:0 20px 40px rgb(0 0 0/40%)}.emarketing-3{transform:translateY(120px);width:500px;top:150px;border-radius:4px}.animation-area{margin:0 -100px;text-align:center;position:relative;min-height:3000px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.showcase img{border-radius:4px}.animation-container{transition:all .1s ease;position:-webkit-sticky;position:sticky;top:120px;display:inline-flex}h1,h2,h3,h4,h5,h6{font-family:Satoshi Variable}body{background-color:#181819}a{text-decoration:none;font-weight:400;color:currentColor}.wave{animation-name:wave-animation;animation-duration:2.5s;animation-iteration-count:3;transform-origin:70% 70%;display:inline-block}@keyframes wave-animation{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.layout{margin:0 auto;max-width:1140px;display:block}.logo-container{display:flex}.logo-container:hover .logo-letter{background:var(--white);color:var(--dark);border-color:var(--dark)}.logo-letter{text-decoration:none;border:1px solid var(--white);height:36px;width:36px;font-weight:600;display:flex;transition:all .2s linear;align-items:center;justify-content:center;letter-spacing:1px;line-height:1;font-size:13px;text-align:center}.logo-letter+.logo-letter{border-left:none}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;height:128px}.hero-headline{font-size:2.2rem;font-weight:500;text-align:center;line-height:1.4;letter-spacing:-.4px;padding-top:4rem}.project-section{margin:0 -48px}body{--color-text:#fff;--color-bg:#222830;--color-line:#3f4956;--color-link:#1bd1a0;--color-link-hover:#1bd1a0;--color-info:#1bd1a0}.nav-menu .column{margin-right:24px;font-weight:500;white-space:nowrap}.drobeBg{background:rgb(214,237,241)}.app{pointer-events:none;position:absolute;top:0;left:0;height:100%;width:100%;background:#fafafa;color:#222830;transition:all .3s ease}.seperator{font-size:10px;text-transform:uppercase;font-weight:700;margin-right:8px}.fake-button{border:1px solid #404957;max-width:180px;padding:4px;text-align:center;border-radius:24px}.mock{background:transparent}.mock svg path{stroke:var(--lighter)}.mock .arrow-box,.mock .zi-select-container{background:none;color:transparent}.intro-text{color:#3f4956;font-family:BLOKK;@media (max-width:480px){font-size:12px}}.result-row{color:#3f4956;display:flex;font-family:BLOKK}.result-row>*{margin-right:16px}.app-inner{margin:24px}a{cursor:pointer}.arrow{width:.625rem;height:.625rem}.activeTab{background:#282828}.result{margin-top:24px}.hovered svg,.icon-box{color:rgb(253,224,71)!important}.hovered svg{fill:rgb(253,224,71)!important}.settings{right:16px;top:16px;position:absolute;width:26px}.switch{background:#202020;border-radius:8px;font-size:12px;overflow:hidden;display:inline-flex;min-width:218px}.firstTab{border-right:1px solid #404040}.switch span:hover{background:#282828}.switch span{transition:all .3s;padding:6px 0;color:white;font-size:13px;flex:1 1;text-align:center;cursor:pointer}.switch-wrapper{display:flex;width:100%;justify-content:flex-end}.shape{margin-right:16px}.rect{width:180px}.button,.rect{height:24px;border:1px solid #3f4956;box-sizing:content-box;border-radius:2px}.button{width:80px;background:#3f4956}.quote{transition:all .1s ease-in-out;font-family:Satoshi Variable;font-size:20px;font-weight:500;max-width:auto;color:white;top:20px;display:inline-flex;z-index:10;position:-webkit-sticky;position:sticky;left:0;line-height:1.4;padding:8px 16px;border-radius:16px;background:rgb(255 255 255/4%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;border:1px solid #272729}.quote-1{z-index:9;opacity:0;transition:all .2 linear}.quote-2,.quote-4{z-index:11;opacity:0;transition:all .2 linear}.blob{background:black;border-radius:50%;box-shadow:0 0 0 0 rgba(0,0,0,1);margin:10px;height:20px;display:block;position:absolute;width:20px;transform:scale(1);animation:pulse-black 2s infinite}.blob.green{background:rgba(51,217,178,1);box-shadow:0 0 0 0 rgba(51,217,178,1);animation:pulse-green 2s infinite}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(51,217,178,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(51,217,178,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(51,217,178,0)}}.blob-1{top:100px;right:0}.quote-3{z-index:12;opacity:0;transition:all .2 linear}*{margin:0;padding:0;box-sizing:border-box}*,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{line-height:1.5}button,input,textarea{font-size:1rem}.grid{display:flex;flex-wrap:wrap}.modal-backdrop{top:0;left:0;width:100%;height:100%;background:rgb(24 24 25/60%);justify-content:center}.modal-backdrop,.modal-w{position:absolute;z-index:1000;display:flex}.modal-w{width:450px;height:310px;background:#181819;border-radius:12px;border:1px solid #252527;top:20px;flex-direction:column;overflow:hidden}.blur{filter:blur(4px)}.column{box-sizing:border-box;flex:1 1}.bigger{flex:2.5 1}.halves .column{flex:0 0 50%}.thirds .column{flex:0 0 33.3333%}.fourths .column{flex:0 0 25%}@media (max-width:600px){.grid{display:block}}img{max-width:100%}.intro{margin-bottom:106px}.is-desktop{display:block}.is-mobile{display:none}@media (max-width:480px){.is-desktop{display:none}.is-mobile{display:block}}.scroll-up{z-index:10;position:fixed;right:48px;bottom:48px;width:32px;height:40px;display:flex;align-items:center;justify-content:center;transform:translateY(72px);transition:all .3s linear;cursor:pointer;opacity:0;border:1px solid #404040;border-radius:6px;padding-bottom:6px}.scroll-up.active{opacity:1;transform:translateY(0) scale(1)}.card{background:#202021;border:1px solid #2b2b2d;border-radius:16px;padding:48px;margin-bottom:64px;flex-wrap:wrap;overflow:hidden;min-width:100%;margin-right:114px;cursor:pointer;transition:all .1s linear}.card:hover{transform:scale(1.01)}.button{display:inline-block;padding:10px 24px;position:relative;z-index:1;cursor:pointer;overflow:hidden;border:1px solid #39424e;border-radius:6px;font-weight:500;margin-top:42px;font-size:15px;text-decoration:none;transition:all .3s cubic-bezier(.075,.82,.165,1)}.button,.rainbow{color:var(--accent)}.emarketing-preview{height:310px;max-width:unset;left:45px;position:absolute;width:auto;top:75px;border-radius:12px;overflow:hidden}.emarketing-bg{background:#84a59d}.preview-wrapper{position:relative;height:450px;display:flex;border-radius:8px;align-items:flex-start;justify-content:center;cursor:pointer;box-sizing:border-box;transition:all .1s linear}.iphone{width:270px;border-radius:42px;border:8px solid #bdbdbd;box-shadow:0 10px 20px 0 rgb(0 0 0/30%);overflow:hidden;background:white;padding-top:0}.form{width:100%;display:inline-flex;flex-direction:column;margin:24px auto}.wrapper{background:#181819!important;border-radius:16px!important;padding:0 36px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:2px 30px 2px 2px;border:none}input,select,textarea{width:100%;border-radius:6px;padding:12px;border:1px solid transparent;margin-bottom:16px;margin-top:8px;background:#202021;color:white;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transition:all .1s linear}textarea{resize:none}.select-wrapper{position:relative}.loadingCircle{animation-duration:1s;animation-iteration-count:infinite;animation-name:loading;cy:10}.loadingMessage{opacity:1;transition:opacity .3s linear .3s,top .4s cubic-bezier(.22,0,.41,-.57)}.frameshift-1{display:flex;transform:translateY(0);border-radius:12px;position:absolute;background:white;box-shadow:0 20px 40px rgb(0 0 0/20%);width:430px;left:20px;top:0;overflow:hidden}.paradaiser-1{left:0;width:90%;margin:0 auto}.loadingMessage svg{fill:#000;margin:0;width:22px}.back-icon{background:transparent;transform-origin:center center;display:flex;align-items:center;cursor:pointer;font-weight:500;font-size:15px;transition:all .1s ease-in;@media (max-width:480px){display:none!important}}.back-icon:hover{transform:scale(1.1)}.loading-dots{transform:scale(1.4)}.back-icon img{margin-right:8px}@keyframes loading{0%{cy:10}25%{cy:3}50%{cy:10}}.modal-action-bar{display:flex;justify-content:flex-end;padding:12px 20px;background:#202021}.app-actions{margin-top:26px}.modal-header{margin-top:24px}.switch .active{background:#343434}.line-lighter{color:#a5a5a5;min-width:72px}.modal-close{background:#202021;width:24px;height:24px;position:absolute;right:16px;top:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.modal-content::placeholder{font-size:15px}.review-input{max-width:350px}.modal-close svg{width:22px;height:22px}.header-line{border-bottom:1px solid #202021;height:32px;display:flex;margin:0 12px 12px;align-items:flex-start;font-size:14px;color:white}.avatar{height:20px;width:20px;overflow:hidden;margin-right:8px}.avatar img{width:100%;height:auto}.header-line span{margin-left:8px;display:flex;align-items:center}.modal-button{background:#7c3aee;color:white;font-size:14px;font-weight:500;font-family:inter;transition:all .3s cubic-bezier(.215,.61,.355,1);cursor:pointer;border:none;border-radius:8px;padding:8px 24px}.modal-w textarea{flex:1 1;background:none;margin:0;padding-top:10px}.app-actions button{border:none;border-radius:8px;padding:9px 15px;background:#7c3aee;color:white;font-size:14px;font-weight:500;font-family:inter;transition:all .3s cubic-bezier(.215,.61,.355,1);cursor:pointer}.app-actions button:hover{background:#6f34d5;box-shadow:0 2px 20px rgba(124 58 238/.3)}.m-b-48{margin-bottom:48px}.app-actions button+button{margin-left:12px}.app-actions .ghost-btn{border:1px solid rgb(124 58 238/80%);color:white;background:none}.app-actions .ghost-btn:hover{background:rgb(124 58 238/30%)}::-webkit-scrollbar{background-color:#202021;width:10px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:#acb6c2;border-radius:12px}::-webkit-scrollbar-thumb:hover{background:white}.formMessage{font-weight:500;text-align:center;margin-top:-10px;font-size:16px}.app-title{margin-top:32px;font-weight:600;font-size:20px;letter-spacing:.2px}.button-full{margin-top:36px;padding:12px 24px;border:none;background:#fff;transition:all .2s ease;color:#181819;cursor:pointer;text-decoration:none;width:100%;border-radius:12px;font-family:Satoshi Variable}.button-full,.projectLink{font-size:16px;font-weight:500}.projectLink{color:var(--accent);padding:4px 12px 4px 0;letter-spacing:.5px;margin-top:64px;display:inline-flex;align-items:center;text-transform:uppercase}.projectLink svg{margin-left:12px}.iphone-2{transform:translateX(-45px) translateY(100px);width:300px!important;border-radius:42px;border:8px solid #bdbdbd;box-shadow:0 10px 20px 0 rgb(0 0 0/30%);overflow:hidden}.unselected{color:#757575;font-weight:500;font-size:14px}.meta{margin:2rem 0}@media (max-width:480px){.nav{display:none}h1{margin-left:20px;margin-right:20px}.rsg-4{display:none}.paradaiser-4{transform:translateY(120px);right:70px;width:130px}.frameshift-1,.paradaiser-1,.rsg-1,.unicv-1{position:relative;left:0;display:flex}.meta{margin:2rem 20px}.animation-area{display:none}.frameshift-1{width:100%}.scroll-up{z-index:10;position:fixed;right:28px;bottom:28px;width:42px;height:42px}.header{display:flex;justify-content:center;align-items:center;margin-bottom:0;height:96px}.unicv-4{width:130px;transform:translateY(200px)}.card{background:none;border-bottom:1px solid #202021;padding:0 0 36px;border-radius:0}.intro{padding:0 24px}.project-section{margin:0}.frameshift-2{display:none}.preview-wrapper{padding:24px 12px;height:auto}.emarketing-1{position:relative;left:0;width:100%}.emarketing-3{display:none}.iphone,.iphone-2{border-radius:28px}.iphone-2{transform:translateX(-25px) translateY(60px);display:flex}.hero-headline{font-size:1.65rem}}.bold{font-weight:500}.ampersand{font-size:24px;color:white;font-family:Inter;transform:translateY(-4px);display:inline-block}