.title{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;font-size:2.15rem;color:#3f4142!important;line-height:2.25rem;font-weight:600}.title.big{font-family:Bricolage Grotesque;color:#fff;font-size:2rem}.heading{font-family:Bricolage Grotesque;font-size:2rem;font-weight:700;color:#3f4142}.subtitle{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:600;color:#3f4142;margin:0;letter-spacing:.02em}.gray-text{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:500;color:#3f4142;font-size:1.15rem}.ex-light{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:300;color:#6c6c6c;font-size:1.5rem}.placeholder{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:600;color:#acacac;font-size:2rem}.field-heading{display:inline-block;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:600;color:#3f4142;font-size:.95rem;margin-bottom:.5rem}.project-title{font-family:Bricolage Grotesque,sans-serif;font-weight:600;color:#3f4142;font-size:1rem}.has-error{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;color:maroon}.lbl-p{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:500;color:#fff}.description{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;font-size:1.15rem;line-height:2rem;color:#3f4142}.paragh{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:600;font-size:1.1rem;color:#3f4142}.paragh strong{font-weight:700}.text-capital{text-transform:capitalize}.text-upper{text-transform:uppercase}.copy-r{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:500;color:#6c6c6c}.lg-gray{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:300;color:#6c6c6c;font-size:2rem}html,body,#root{position:relative;width:100%;height:100%}.borderAnimation,.project-create:after{border:10px solid rgb(214,90,225);animation:animateBodyBrdr 15s infinite}.border-top-animation{position:relative}.border-top-animation:after{position:absolute;content:"";top:0;left:0;width:100%;border-top:7px solid rgb(214,90,225);animation:animateBodyBrdr 15s infinite;opacity:.6}@keyframes animateBodyBrdr{0%,to{border-color:#7edde2}50%{border-color:#d65ae1}}.hero-btns{position:absolute;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.25rem;width:100%;text-align:center;left:0;margin-top:2rem}@media screen and (max-width: 768px){.hero-btns{position:relative}}.hero-creatorstag{display:inline-block;padding:.75rem 2rem;border:1px solid rgba(0,0,0,.3);border-radius:100px;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:600;color:#3f4142;font-size:1rem}.cta{position:relative;padding-top:2rem;background-image:radial-gradient(circle at center,#f7e6e6dd,#e6f7e6dd,#e6f7f7dd,#ebe6f7dd,#f7e6f1dd);background-size:200vw 100vh;animation:bgEffectAnimation 10s infinite linear;animation-fill-mode:forwards;overflow:hidden}.cta:before{position:absolute;content:"";top:calc(100% - 25px);left:0;width:100%;height:25px;background-image:linear-gradient(to top,rgba(0,0,0,.25),transparent);z-index:9}.cta-images{margin-top:1rem;display:flex;align-items:baseline;gap:6px;margin-bottom:-2rem}.cta-images img{width:100%;height:100%;max-width:200px;max-height:260px;object-fit:cover;object-position:top;border-radius:6px;filter:blur(10px);transition:all .1s ease}.cta-images img:hover{transform:translateY(-2rem)}@media (max-width: 768px){.cta-images{margin-bottom:0}.cta-images img{max-width:60px;max-height:120px}.cta-images img:hover{transform:translateY(0)}}.section-divider{display:inline-block;width:100%;height:2px;background-image:linear-gradient(to right,transparent 0%,hsl(182,26%,60%) 25%,hsl(182,26%,60%) 75%,transparent 100%)}.section-divider.__left{background-image:linear-gradient(to right,hsl(182,26%,60%) 50%,transparent 100%)}.fancy-line{position:absolute;left:-50px;height:100%;width:2px;background-image:linear-gradient(transparent 0,hsl(182,26%,70%) 300px,hsl(182,26%,70%) calc(100% - 200px),transparent 100%)}.fancy-block{position:absolute;left:-56px;height:14px;width:14px;border-radius:100%;background-color:#fff;border:2px solid hsl(182,26%,60%);outline:4px solid #fff;z-index:1}.fancy-block:after{position:absolute;content:"";left:16px;top:4px;width:var(--width);height:2px;background-image:linear-gradient(to right,hsl(182,26%,70%),transparent 75%);z-index:-1}@media (max-width: 768px){.feature-items .fancy-line{left:-30px}.feature-items .fancy-block{left:-36px}}.section-features{padding:0 60px}.feature-card{position:relative;padding:4rem 0}.img-features{position:relative;max-width:100%;height:auto;border-radius:12px;outline:3px solid hsl(182,26%,60%)}.img-features.no-outline{outline:none}@media screen and (max-width: 768px){.gt-btn{padding:.5rem 1rem;font-size:1rem}}.hero-creators{display:flex;width:100%;align-items:center;justify-content:center}.hero-creators .creators-images{display:flex}.hero-creators .creators-images .creator-thumb{position:relative;width:36px;height:36px;border-radius:36px;margin-left:-.75rem;border:2px solid white}.hero-creators .creators-images .creator-thumb:first-child{margin-left:0;z-index:10}.hero-creators .creators-images .creator-thumb:nth-child(2){z-index:9}.hero-creators .creators-images .creator-thumb:nth-child(3){z-index:8}.hero-creators .creators-images .creator-thumb:nth-child(4){z-index:7}.hero-creators .creators-images .creator-thumb:nth-child(5){z-index:6}.hero-creators .creators-images .creator-thumb:nth-child(6){z-index:5}.hero-creators .creators-text{font-family:Bricolage Grotesque,sans-serif;font-weight:500;font-size:1rem;color:#6c6c6c}@media screen and (max-width: 768px){.hero-creators .creators-images .creator-thumb{width:32px;height:32px}}.gs-arrow{position:absolute;margin-left:-215px;margin-top:-4px;transform:rotate(-63deg)}@media (max-width: 768px){.gs-arrow{margin-left:-200px}}.bg-effects{position:absolute;top:0;left:0;width:100%;height:100vh;background-image:radial-gradient(circle at center,#f7e6e6,#e6f7e6,#e6f7f7,#ebe6f7,#f7e6f1);background-size:200vw 100vh;animation:bgEffectAnimation 10s infinite linear;animation-fill-mode:forwards;z-index:-1;filter:blur(80px);opacity:.9}@keyframes bgEffectAnimation{0%,to{background-position:0 0}50%{background-position:100vw 0}}@keyframes rotateBrdr{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:77% 23% 82% 18%/49% 79% 21% 51%}}.landing-builder{position:relative;margin:0 auto;transform:perspective(600px) rotateX(30deg);text-align:center}.landing-builder img{border:3px solid hsla(182,26%,36%,.3);border-radius:10px;display:inline-block;max-width:1200px;margin:0 auto}.landing-builder .landing-video{width:1400px;max-width:90%;border-radius:12px;border:2px solid hsla(182,26%,36%,.4);outline:12px solid hsla(182,26%,36%,.25)}@media screen and (max-width: 768px){.landing-builder{transform:perspective(0) rotateX(0)}}.library-templates{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;width:100%}.library-templates .editor{background-color:transparent!important;height:396px}.library-templates .library-template__list{position:relative;display:flex;background-color:#d9e0ea;border:9px solid #d9e0ea;border-radius:24px;box-sizing:border-box;cursor:pointer;width:calc((100% - 48px) / 3);min-width:300px;max-height:260px;align-items:center;justify-content:center;transition:all .15s;max-width:300px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.library-templates .library-template__list::-webkit-scrollbar{display:none}.library-templates .library-template__list:hover{transform:scale(1.01)}.library-templates .library-template__list.appstore,.library-templates .library-template__list.playstore{justify-content:flex-start;width:calc(50% - 12px)!important;max-width:50%;overflow-x:auto}.library-templates .library-template__list.appmockup{width:calc((100% - 72px)/4);max-width:25%}.library-templates .library-template__list .library-template__image{border-radius:10px;object-fit:cover}@media screen and (max-width: 1200px){.library-templates .library-template__list{width:calc((100% - 24px)/2)}.library-templates .library-template__list.appmockup{width:calc((100% - 48px) / 3)}}@media screen and (max-width: 768px){.library-templates{gap:16px}.library-templates .library-template__list{width:100%;max-width:100%}.library-templates .library-template__list.appstore,.library-templates .library-template__list.playstore,.library-templates .library-template__list.appmockup{width:100%!important;max-width:100%}}.section-title{font-family:Bricolage Grotesque,serif;color:#3f4142;font-size:2.25rem;font-weight:500;padding:2rem;padding-bottom:0;margin:0}.section-caption{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:500;color:#6c6c6c;font-size:1.2rem}.text-center{text-align:center}.project-create{text-align:center;min-height:100vh;padding-bottom:1rem}.project-create:after{position:fixed;content:"";height:calc(100vh - 20px);inset:0;z-index:-1}.project-create .project-selection{list-style:none;display:flex;justify-content:center;gap:3rem}.project-create .project-selection .project-selection__itm{padding:1rem;border-radius:10px;display:block;cursor:pointer;transition:all .25s;border:2px solid transparent}.project-create .project-selection .project-selection__itm input[type=radio]{display:none}.project-create .project-selection .project-selection__itm img{width:120px}.project-create .project-selection .project-selection__itm.active{background-color:#dfecec;border:2px solid hsl(182,26%,36%)}.project-create .project-mockup{display:flex;max-width:800px;min-width:-webkit-fill-available;width:fit-content;gap:1.5rem;margin:0 auto;margin-top:1rem;flex-wrap:wrap;justify-content:space-evenly;align-items:end;padding:1.5rem;border:1px solid #acacac;border-radius:10px}.project-create .project-mockup .project-mockup__screens{display:flex;justify-content:center;align-items:center;text-align:center;width:var(--width);height:var(--height);border:2px solid #9c9c9c;color:#6c6c6c;font-weight:500;border-radius:10px;gap:1rem;cursor:pointer}.project-create .project-mockup .project-mockup__screens.active{border-color:#447274;background-color:#dfecec;outline:2px solid hsl(182,26%,80%);outline-offset:2px}.project-create .project-mockup .project-mockup__lbl{margin-top:.75rem;color:#6c6c6c;cursor:pointer;font-weight:500;font-size:.9rem}.project-create .project-link{position:fixed;top:30px;left:30px;outline:2px dashed transparent;background-color:#e5f0f0;padding:.5rem;border-radius:6px;transition:all .25s}.project-create .project-link:hover{outline:2px dashed hsl(182,26%,80%)}.project-create .project-link:focus,.project-create .project-link:active{outline:2px dashed hsl(182,26%,36%)}.project-create .project-link:after{display:none}@media screen and (max-width: 720px){.container{padding:1rem!important}.landing-body .hero-unit{padding:1rem 2rem}.landing-body .nakxi-title{font-size:2rem;line-height:inherit}.section-title{font-size:1.5rem}.heading{font-size:1.25rem!important}.description{font-size:1rem!important}.feature-card{padding:2rem 0!important}.feature-card .flex{flex-direction:column}.section-features{padding:0 1rem}.footer .copy-r{display:none}.footer .flex{flex-direction:column}.footer .flex .col{flex:1}.footer .flex .col.first-col{text-align:center}}pre{padding:1.5em;border-radius:8px}pre>code{all:unset}.footer{padding:1rem}.footer .footer-logo{position:relative;left:0!important;top:0!important;margin-top:2rem;height:inherit}.footer .footer-logo img{height:36px}.footer .footer-title{font-family:Bricolage Grotesque,sans-serif;font-weight:600;color:#3f4142}.footer .footer-list{list-style:none;padding:0}.footer .footer-list .footer-list__item{margin-bottom:1rem}.footer .footer-list .footer-list__item a{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-decoration:none;font-weight:500;font-size:1.1rem;color:#3f4142;transition:all .25s}.footer .footer-list .footer-list__item a:hover{color:#000}.pnf{background-image:radial-gradient(hsl(182,26%,90%),transparent);margin:0;padding:0;position:fixed;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:column}.pnf h1{font-family:Bricolage Grotesque,sans-serif;font-weight:300;font-size:4rem;color:#447274}@media screen and (max-width: 720px){.container{padding:1rem!important}}.tags-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1rem}.tags-list .tags-item{display:flex}.tags-list .tags-item a{background-color:#dfecec;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:600;color:#447274;font-size:1.1rem;padding:.5rem 1rem;border-radius:10px;transition:all .25s;outline:2px solid transparent;outline-offset:1px;text-decoration:none}.tags-list .tags-item a:hover{outline:2px solid hsl(182,26%,85%);background-color:#bfd8d9}.tags-list .tags-item a:focus{background-color:#bfd8d9}.tags-list.sm{gap:.5rem;cursor:pointer}.tags-list.sm .tags-item{font-size:1rem;padding:0}.tags-list.sm .tags-item a{border-radius:6px;padding:.25rem .75rem;color:#447274;text-decoration:none}.template-collection{position:relative;display:inline-block;width:100%}.design-cover{position:relative;padding:5rem;background-image:linear-gradient(-196deg,#447274 10%,#2c2c2c 50%,#000);border-radius:10px;z-index:1}.design-cover:after{position:absolute;content:"";width:100%;height:100%;background-image:var(--bg);background-repeat:no-repeat;top:0;left:50%;width:50%;border-radius:10px;z-index:-1;opacity:.2}.design-cover:before{position:absolute;content:"";height:100%;width:50%;top:0;left:50%}.design-cover .design-cover__title{font-size:5rem;font-family:Anton,serif;font-family:Funnel Display,serif;font-weight:800;color:#fff;margin:0}.design-cover .design-cover__desc{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;font-size:1.25rem;color:#ccc;line-height:30px}.design-cover .design-cover__left{display:inline-block;width:50%;float:left}.design-cover .design-cover__right{position:relative;display:flex;align-items:center;justify-content:flex-end}.design-cover .design-cover__right .design-cover__img{display:inline-block;max-width:600px}.text-center{text-align:center;display:flex;flex-direction:column;align-items:center;width:100%}a[data-astro-cid-eimmu3lg]{display:inline-block;text-decoration:none}a[data-astro-cid-eimmu3lg].active{font-weight:bolder;text-decoration:underline}.cookie-consent[data-astro-cid-garwan2p]{position:fixed;bottom:20px;left:20px;border-radius:10px;width:600px;background:#fffffff2;padding:.75rem;box-shadow:0 -2px 10px #0000001a;z-index:1000;backdrop-filter:blur(10px)}.cookie-content[data-astro-cid-garwan2p]{max-width:1200px;margin:0 auto}.cookie-buttons[data-astro-cid-garwan2p]{display:flex;gap:1rem}@media (max-width: 768px){.cookie-content[data-astro-cid-garwan2p]{flex-direction:column;text-align:center}}:root{--sidebar-width: 420px;--sidebar-menu-width: 120px;--screenshot-frame-width: 250px;--screenshot-frame-height: 500px}.theme-cozy{--sidebar-width: 300px;--sidebar-menu-width: 50px;--sidebar-menu-item-width: 38px;--sidebar-menu-item-height: 38px}.btn{color:red}@font-face{font-family:Satoshi;src:url(/newfonts/Satoshi_Complete/Fonts/TTF/Satoshi-Variable.ttf) format("truetype");font-weight:400 900;font-style:normal;font-display:swap}html{background-color:#fff}body{display:inline-block;overflow-x:hidden}body.body-bg{background-image:linear-gradient(to bottom,#e2e8ed,#fff)}.container{max-width:1260px;margin:0 auto}.heading{font-family:Geist,sans-serif!important;font-size:32px;font-weight:500!important;color:#000;margin-top:2rem;margin-bottom:2rem}.hero .hero-content{max-width:1260px;margin:0 auto;text-align:center}.hero .hero-content .title{font-family:Satoshi,sans-serif;font-size:clamp(40px,6vw,76px);font-weight:700;color:#2c2c2c;margin:0;margin-top:3rem}.hero .hero-content .title span{display:inline-block;line-height:1;letter-spacing:-.02em;transform:translateY(.15em) scale(.8);transform-origin:center;filter:blur(10px);transition:all var(--delay) ease-in-out;opacity:0}.hero .hero-content .good-design{font-family:"Instrument Serif",serif;font-style:italic;font-size:clamp(46px,7vw,90px);font-weight:400;color:#000;margin:0;opacity:0}.hero .hero-content .slow-anim{transition:all .25s ease-in-out;opacity:0}header.header{margin-top:1rem}.navbar{max-width:1260px;margin:0 auto;border:1px solid #c5c5c5;background-color:#f0f5f2;background-color:#f7f7f7;border-radius:16px;display:flex;justify-content:space-between;align-items:center}.navbar .logo{display:flex;align-items:center;gap:1rem;margin-left:1rem;cursor:pointer}.navbar .logo .logo-link{display:flex}.navbar .logo .logo-link:focus{outline:3px solid hsl(182,26%,70%);outline-offset:5px;border-radius:3px}.navbar .logo img{height:32px}.navbar .nav-items{position:relative;display:flex;align-items:center;list-style:none;gap:.25rem;margin-bottom:0;margin-top:0;padding:.5rem}.navbar .nav-items .nav-item .nav-link{padding:.5rem 1rem;display:flex;align-items:center}.navbar .nav-items .nav-item.login-link .login-link-btn{font-family:Geist,sans-serif;font-weight:600;font-size:1rem;letter-spacing:.02em;color:#6c6c6c;transition:all .25s ease-in-out;border:2px solid #ccc;border-radius:12px;padding:.5rem 20px;margin-right:.25rem;outline:2px solid transparent;outline-offset:2px;transition:all .25s}.navbar .nav-items .nav-item.login-link .login-link-btn:hover{background-color:#e5e5e5;border-color:#ccc;color:#000}.navbar .nav-items .nav-item.login-link .login-link-btn:focus{outline:2px solid #ccc;transition:0s}.navbar .nav-items .nav-item:not(.btn-dark){position:relative;list-style:none}.navbar .nav-items .nav-item:not(.btn-dark) a:not(.btn-dark a):not(.login-link-btn){position:relative;text-decoration:none;color:#3f4142;font-family:Geist,sans-serif;font-weight:500;letter-spacing:.02em;color:#6c6c6c;font-size:1rem;transition:all .25s ease-in-out;border:2px solid transparent;border-radius:12px;z-index:1}.navbar .nav-items .nav-item:not(.btn-dark) a:not(.btn-dark a):not(.login-link-btn):hover{color:#000}.navbar .nav-items .nav-item:not(.btn-dark) a:not(.btn-dark a):not(.login-link-btn).active{color:#000;font-weight:500}.navbar .nav-items .nav-item:not(.btn-dark) a:not(.btn-dark a):not(.login-link-btn).active:after{position:absolute;content:"";inset:-1px;z-index:-1;border-radius:12px;background-color:#e3e3e3;border:1px solid #c5c5c5;box-shadow:0 2px 2px #0000001a,0 1px #ffffff80 inset}.navbar .nav-items .nav-item:not(.btn-dark) a:not(.btn-dark a):not(.login-link-btn):not(.btn-dark a):focus{outline:2px solid #c5c5c5;transition:0s}.navbar .nav-items .btn-dark a{position:relative;background-color:#000;color:#fff;padding:10px 20px;border-radius:12px;font-family:Geist,sans-serif;font-weight:500;font-size:16px;text-decoration:none;transition:all .25s;outline:2px solid transparent;outline-offset:2px}.navbar .nav-items .btn-dark a:hover{background-color:#3c3c3c;color:#fff}.navbar .nav-items .btn-dark a:focus{outline:2px solid rgba(0,0,0,.25)}.navbar .hamburger,.mobile-only{display:none}@media (max-width: 768px){.mobile-only{display:inline-block;width:120px}.navbar{position:relative;margin-top:.5rem;margin-left:.5rem;margin-right:.5rem;padding:.5rem .75rem;transition:all .25s ease-in-out}.navbar .logo{margin-left:0}.navbar.active{background-color:#fff;border-radius:6px}.navbar .hamburger{display:flex;flex-direction:column;gap:.5rem;cursor:pointer}.navbar .hamburger .hamburger-line{width:20px;height:2px;background-color:#000;border-radius:2px;transition:all .25s ease-in-out}.navbar .hamburger.active .hamburger-line:nth-child(1){transform:rotate(45deg) translateY(7px)}.navbar .hamburger.active .hamburger-line:nth-child(2){transform:rotate(-45deg) translateY(-7px)}.navbar .nav-items{position:absolute;list-style:none;top:100%;left:15px;right:15px;background-color:#fff;z-index:100;overflow:hidden;transition:all .25s ease-in-out;display:inline-block;height:0;visibility:hidden;opacity:0;padding:10px 0 0;margin:0}.navbar .nav-items li{padding:0 .5rem}.navbar .nav-items li a:not(.btn-dark a){display:inline-block;padding:.5rem;margin-bottom:2px;width:100%;border-radius:10px}.navbar .nav-items .btn-dark{position:relative;margin:0}.navbar .nav-items .btn-dark a{margin:12px 0 0}.navbar .nav-items.active{border:1px solid #ccc;border-top:0;border-radius:0 0 6px 6px;height:calc(100% + 160px);visibility:visible;opacity:1}}.hero-description{font-family:Geist,sans-serif;font-size:clamp(16px,1.15vw,1.15rem);font-weight:500;line-height:1.5;letter-spacing:.02em;color:#3f4142;margin:0 auto;margin-top:1.5rem;max-width:600px;display:flex}.creators-text{font-family:Geist,sans-serif!important;font-weight:500!important;font-size:1rem!important;color:#6c6c6c!important}.creators-images{margin-left:1.5rem}.gt-btn{font-family:Geist,sans-serif;font-weight:500;font-size:18px;border-radius:12px;padding:.75rem 3rem;color:#fff;background-color:#000;transition:all .25s ease-in-out;outline:2px solid transparent;outline-offset:1px;text-decoration:none}.gt-btn:hover{background-color:#3c3c3c;color:#fff;outline:2px solid #9c9c9c}@media (max-width: 768px){.gt-btn{padding:.5rem 1.5rem;font-size:1rem}}.good-design-img{width:clamp(60px,10vw,100px);height:clamp(60px,10vw,100px);object-fit:contain;position:absolute;transform:rotate(-26deg) scale(1);margin-left:1rem;border:1px solid #c6c6c6;outline:1px solid #c6c6c6;outline-offset:-2px;border-radius:12px;padding:10px;background-color:#fff;box-shadow:0 0 5px #0000001a;z-index:-1;opacity:0;transition:all .5s ease-in-out}.star{position:absolute;transform:rotate(10deg) scale(.8);filter:blur(10px);transition:all .5s ease-in-out;opacity:0}.landing-builder{opacity:0}.design-cards-container{width:100%;overflow:hidden;position:relative;max-width:1500px;margin:0 auto;padding:2rem}.design-cards{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:20px 0;scroll-behavior:auto;user-select:none;-moz-user-select:none;-webkit-user-select:none}.design-cards a{text-decoration:none;display:inline-block;position:relative}.design-cards::-webkit-scrollbar{display:none}.design-card{position:relative;min-width:225px;height:225px;display:flex;background-color:#f0f8ff;border-radius:10px;align-items:center;justify-content:center;z-index:1;cursor:pointer;overflow:hidden;scroll-snap-align:start;user-select:none;-moz-user-select:none;-webkit-user-select:none;pointer-events:none}.design-card:after{position:absolute;content:"";background:radial-gradient(var(--color) 50%,transparent 50%);top:-10%;left:0%;width:100%;height:100%;z-index:-1;opacity:.5;filter:blur(25px)}.design-card{position:relative;width:225px;height:225px!important;display:flex;background-color:#f0f8ff;border-radius:10px;align-items:center;justify-content:center;gap:2rem;z-index:1;cursor:pointer;overflow:hidden}.design-card:after{position:absolute;content:"";background:radial-gradient(var(--color) 50%,transparent 50%);top:-10%;left:0%;width:100%;height:100%;z-index:-1;opacity:.5;filter:blur(25px);color:#e0a1a1}.design-card .design-frame{height:160px}.design-card .design-frame.horizontal{height:inherit;width:160px}.design-card .design-card__title{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-decoration:none;font-size:1rem;font-weight:600;color:#3f4142;display:inline-block;margin-top:1rem}.design-frame{height:160px;object-fit:contain;pointer-events:none;user-drag:none;-webkit-user-drag:none}.design-frame.horizontal{height:inherit;width:160px}.design-card__title{font-size:1rem;font-weight:600;color:var(--stone);display:inline-block;margin-top:1rem;pointer-events:none}@media (max-width: 768px){.design-card{min-width:180px;height:180px}.design-frame{height:120px}.design-frame.horizontal{width:120px}.design-card__title{font-size:.9rem}}@media (max-width: 480px){.design-card{min-width:150px;height:150px}.design-frame{height:100px}.design-frame.horizontal{width:100px}.design-card__title{font-size:.8rem}}.before-after-container{position:relative;margin:2rem 0}.align-right{margin-left:auto;margin-right:0;float:right}.before-after-arrow{display:inline-block;transform:rotate(55deg)!important;position:absolute;top:40%}.features{position:relative;display:flex;font-family:Geist,sans-serif;font-weight:400;line-height:1.5;letter-spacing:.02em;color:#6c6c6c}.features:after{position:absolute;content:"";top:0;left:0;width:100%;height:2px;background-image:linear-gradient(to right,transparent,hsl(182,26%,70%),transparent);z-index:-1}.features .feature-item{position:relative;display:flex;flex-direction:row}@media (max-width: 768px){.features .feature-item{flex-direction:column}}.features .feature-item:first-child{border-right:2px solid hsl(182,26%,70%)}@media (max-width: 768px){.features .feature-item:first-child{border-right:none;border-bottom:2px solid hsl(182,26%,70%)}}.features .feature-item:first-child:after:not(:first-child){position:absolute;content:"";top:0;right:0;width:2px;height:100%;background-color:#9fc5c6}.features .feature-item:first-child:before{position:absolute;content:"";top:calc(100% - 8px);left:calc(100% - 8px);width:11px;height:11px;background:#fff;border-radius:100%;border:3px solid hsl(182,26%,60%);outline:5px solid #fff;z-index:1}.features .feature-item.first:first-child{border:0}.features .feature-item.first:first-child:after{position:absolute;content:"";top:0;right:-1px;width:2px;height:100%;background-image:linear-gradient(to bottom,transparent,hsl(182,26%,70%))}@media (max-width: 768px){.features .feature-item.first:first-child:after{width:100%;height:2px;right:0;bottom:-1px;top:auto;background-image:linear-gradient(to right,transparent,hsl(182,26%,70%))}}.features .feature-item.left{flex:1;display:flex;align-items:center}.features .feature-item.right{flex:1}.features .feature-item .feature-title{font-family:Geist,sans-serif;font-size:1.5rem;font-weight:600;color:#3f4142;margin-bottom:1rem}.features .feature-item .feature-description{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;color:#6c6c6c;font-size:1.1rem;line-height:1.75}.features .feature-item .feature-content{max-width:720px;padding:1rem 3rem}@media (max-width: 768px){.features .feature-item .feature-content{padding:1rem}}.features .feature-item .feature-image-div{flex:1;display:flex;align-items:center;padding:3rem;overflow:hidden;position:relative}@media (max-width: 768px){.features .feature-item .feature-image-div{padding:1.5rem}}.features .feature-item .feature-image-div:after{position:absolute;content:"";inset:0;z-index:-1}.features .feature-item .feature-image-div .feature-image-designer{position:relative;display:flex;padding:0;margin:0;z-index:2}.features .feature-item .feature-image-div .feature-image-designer:before{position:absolute;content:"";inset:-12px;z-index:-1;border-radius:32px;background-image:radial-gradient(#fdb6ffa6,#fff4f4);border:1px solid rgba(59,0,83,.25)}.features .feature-item .feature-image-div .feature-image-designer.device:before{background-image:radial-gradient(#eac9c9 69%,#7bbdc0)}.features .feature-item .feature-image-div .feature-image-designer.fonts:before{background-image:radial-gradient(#ecefff 69%,#c7d1ff)}.features .feature-item .feature-image-div .feature-image-designer.elements:before{background-image:radial-gradient(#fdf3e8 69%,#e1e8e5)}.features .feature-item .feature-image-div .feature-image-designer.sizes:before{background-image:radial-gradient(#fff3f3 69%,#ffdeff)}.features .feature-item .feature-image-div .feature-image-designer:after{position:absolute;content:"";width:100%;height:100%;z-index:-1}.features .feature-item .feature-image-div .feature-img{max-width:100%;height:auto;max-height:420px;width:auto;border-radius:24px;border:2px solid rgba(0,0,0,.15)}.features .feature-item .feature-image-div .feature-image-designer-blur{position:absolute;width:400px;height:200px;border-radius:100%;top:-50px;left:50%;transform:translate(-50%);z-index:-1}.features.last .feature-item:first-child{border:0}.features.last .feature-item:first-child:after{position:absolute;content:"";top:0;right:-1px;width:2px;height:100%;background-image:linear-gradient(to bottom,hsl(182,26%,70%),transparent)}@media (max-width: 768px){.features.last .feature-item:first-child:after{width:100%;height:2px;right:0;top:auto;bottom:-1px;background-image:linear-gradient(to right,hsl(182,26%,70%),transparent)}}.features.last .feature-item:before{display:none}.cta-title{font-family:Satoshi,sans-serif;font-weight:700;font-size:2.5rem;background-image:radial-gradient(circle at 60% 0%,#3c95ac 5%,#000 25%);background-size:200%;-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:headingAnim infinite 15s linear;filter:blur(20px)}.cta-title .highlight{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;font-size:3rem}@keyframes headingAnim{0%,to{background-position:0 0}50%{background-position:130% -50%}}[data-animation]{opacity:0;transition:all .5s ease-in-out}.fade-in{opacity:0;transform:translateY(12px);transition:all .5s ease-in-out}.fade-in.medium{transform:translateY(24px)}.fade-in.large{transform:translateY(42px)}.fade-in.small{transform:translateY(6px)}.fade-in.animated{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}.fade{opacity:0;transition:all .25s ease-in-out}.fade.animated{opacity:1}.global-search-container{margin-bottom:2rem;display:flex;justify-content:center}.flex .col.footer-brand{flex:2}