.banner-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90vh;position:relative;padding:var(--spacing-md)}.banner-section a{text-decoration:none}.banner-section h1{font-size:calc(var(--fs-32) * 1.85);text-align:center;margin-bottom:var(--spacing-sm)}.banner-section h1 span{--_space: ;background-image:linear-gradient(45deg var(--_space),#0251e9,#0581ee 50%,#07c2f7 91%);background-clip:text;color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.banner-section p{line-height:1.6;max-width:680px;font-size:var(--fs-18);text-align:center;color:color-mix(in srgb,var(--black) 80%,transparent);margin-bottom:var(--spacing-lg)}.banner-section .banner-subtext{font-size:var(--fs-16);color:color-mix(in srgb,var(--black) 60%,transparent);margin-top:var(--spacing-md)}@supports (background-image: linear-gradient(in oklch,#000,#fff)){.banner-section h1 span{--_space: in oklch}}.banner-block-1{padding:16px;width:256px;background-color:var(--white);border:1px solid var(--neutral-100);display:flex;flex-direction:column;gap:14px;border-radius:14px;box-shadow:#0003 0 18px 50px -10px;position:absolute;top:200px;left:48px}.banner-block-1 .top{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:14px}.banner-block-1 .top .box{background-color:var(--black);width:40px;height:40px;border-radius:10px}.banner-block-1 .top .top-span{display:flex;flex-direction:column;gap:6px;width:100%;flex:1}.banner-block-1 .top .top-span span:nth-child(1){background-color:var(--neutral-200);height:8px;border-radius:4px;width:70%}.banner-block-1 .top .top-span span:nth-child(2){background-color:var(--neutral-100);height:8px;border-radius:4px;width:50%}.banner-block-1 .bottom{display:flex;flex-direction:column;gap:6px;width:100%;flex:1}.banner-block-1 .bottom span:nth-child(1){background-color:var(--neutral-100);height:8px;border-radius:4px;width:100%}.banner-block-1 .bottom span:nth-child(2){background-color:var(--neutral-100);height:8px;border-radius:4px;width:75%}.banner-block-2{padding:12px;width:224px;background-color:var(--white);border:1px solid var(--neutral-100);display:flex;flex-direction:column;gap:14px;border-radius:14px;box-shadow:#0003 0 18px 50px -10px;position:absolute;top:390px;left:95px}.banner-block-2 .top{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;gap:8px}.banner-block-2 .top img{width:16px;height:16px;opacity:.7}.banner-block-2 .top p{font-size:12px;opacity:.7;margin:0}.banner-block-2 .bottom{height:80px;width:100%;border-radius:10px;background-color:var(--neutral-100)}.banner-block-3{padding:16px;width:288px;background-color:var(--white);border:1px solid var(--neutral-100);display:flex;flex-direction:column;gap:14px;border-radius:14px;box-shadow:#0003 0 18px 50px -10px;position:absolute;top:345px;right:60px}.banner-block-3 .top{height:128px;width:100%;border-radius:10px;background-color:var(--neutral-100)}.banner-block-3 .bottom{display:flex;flex-direction:column;gap:6px;width:100%;flex:1}.banner-block-3 .bottom span:nth-child(1){background-color:var(--neutral-100);height:8px;border-radius:4px;width:80%}.banner-block-3 .bottom span:nth-child(2){background-color:var(--neutral-100);height:8px;border-radius:4px;width:65%}.banner-block-4{padding:16px;width:240px;background-color:var(--white);border:1px solid var(--neutral-100);display:flex;flex-direction:column;gap:14px;border-radius:14px;box-shadow:#0003 0 18px 50px -10px;position:absolute;top:415px;right:80px}.banner-block-4 .top{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;gap:8px}.banner-block-4 .top img{width:16px;height:16px;opacity:.7}.banner-block-4 .top p{font-size:12px;opacity:.7;margin:0}.banner-block-4 .bottom{display:flex;flex-direction:column;font-size:12px;opacity:.7}.subheader-text{font-size:var(--fs-18);opacity:.7;margin:0 auto var(--spacing-lg) auto!important;max-width:1000px;width:100%}.value-prop .value-prop-section{padding:var(--spacing-3xl) var(--spacing-md)}@media(max-width:576px){.value-prop .value-prop-section{padding:calc(var(--spacing-3xl) * 2) var(--spacing-md)}}.value-prop .value-prop-section h2{margin-bottom:var(--spacing-3xs)}.value-prop .value-prop-section .value-prop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--spacing-md);max-width:var(--container-width);margin:auto}.value-prop .value-prop-section .value-prop-grid .value-prop-col{padding:var(--spacing-md);border-radius:16px;border:1px solid var(--neutral-100);box-shadow:#63636333 0 2px 8px;transition:var(--transition-base)}.value-prop .value-prop-section .value-prop-grid .value-prop-col .img-div{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 0 var(--spacing-md) 0;transition:var(--transition-base)}.value-prop .value-prop-section .value-prop-grid .value-prop-col img{filter:invert(1);width:24px;height:24px}.value-prop .value-prop-section .value-prop-grid .value-prop-col .layout{background:linear-gradient(45deg,#935ff4,#6d48b1 25%,#493172 100%,#000)}.value-prop .value-prop-section .value-prop-grid .value-prop-col .preview{background:linear-gradient(45deg,#34ddbc,#30a189 25%,#27685a 100%,#000)}.value-prop .value-prop-section .value-prop-grid .value-prop-col .download{background:linear-gradient(45deg,#dc02ea,#a11aaa 25%,#691b6e 100%,#000)}.value-prop .value-prop-section .value-prop-grid .value-prop-col h3{font-size:var(--fs-20);margin:0 0 var(--spacing-xs) 0;font-weight:600}.value-prop .value-prop-section .value-prop-grid .value-prop-col p{font-size:var(--fs-16);opacity:.6;margin:0}.value-prop .value-prop-section .value-prop-grid .value-prop-col:hover{transition:var(--transition-base);transform:translateY(-10px)}.value-prop .value-prop-section .value-prop-grid .value-prop-col:hover .img-div{transition:var(--transition-base);transform:scale(1.1)}.how-it-works .how-it-works-section{background-color:color-mix(in srgb,var(--black) 2%,transparent);border-top:1px solid var(--neutral-100);border-bottom:1px solid var(--neutral-100);padding:var(--spacing-3xl) var(--spacing-md)}@media(max-width:576px){.how-it-works .how-it-works-section{padding:calc(var(--spacing-3xl) * 2) var(--spacing-md)}}.how-it-works .how-it-works-section h2{margin-bottom:var(--spacing-3xs)}.how-it-works .how-it-works-section .how-it-works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-sm);max-width:var(--container-width);margin:auto}.how-it-works .how-it-works-section .how-it-works-grid .how-it-works-col{padding:var(--spacing-sm);border-radius:16px;background-color:var(--neutral-50);border:1px solid var(--neutral-100);box-shadow:#63636333 0 2px 8px;transition:var(--transition-base);display:flex;flex-direction:column}.how-it-works .how-it-works-section .how-it-works-grid .how-it-works-col .no{font-size:var(--fs-36);opacity:.15;margin:0 0 var(--spacing-xs) 0}.how-it-works .how-it-works-section .how-it-works-grid .how-it-works-col img{width:32px;height:32px;margin:0 0 var(--spacing-xs) 0;opacity:.9}.how-it-works .how-it-works-section .how-it-works-grid .how-it-works-col h3{font-size:var(--fs-18);margin:0 0 var(--spacing-3xs) 0}.how-it-works .how-it-works-section .how-it-works-grid .how-it-works-col p{font-size:var(--fs-14)}.templates .templates-section{--template-preview-scale: .6;--template-preview-height: 400px;padding:var(--spacing-3xl) var(--spacing-md)}@media(max-width:576px){.templates .templates-section{padding:calc(var(--spacing-3xl) * 2) var(--spacing-md)}}.templates .templates-section h2{margin-bottom:var(--spacing-3xs)}.templates .templates-section .templates-grid{max-width:var(--container-width);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-sm);align-items:stretch}.templates .templates-section .templates-grid .template-card{display:flex;flex-direction:column;gap:8px}.templates .templates-section .templates-grid .template-card .template-name{font-size:14px;opacity:.7;text-align:center}.templates .templates-section .templates-grid .template-card .template-thumb{position:relative;height:400px;overflow:hidden;border-radius:16px;background:#fff;border:1px solid var(--neutral-200)}.templates .templates-section .templates-grid .template-card .template-thumb .template-thumb-img{width:100%;height:auto;display:block;transition:transform 5s ease}.templates .templates-section .templates-grid .template-card .template-thumb .template-card-actions{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;background:#00000073;transition:opacity .25s ease}.templates .templates-section .templates-grid .template-card .template-thumb .template-card-actions a{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 10px;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;min-width:120px;min-height:45px;transform:translateY(100px) scale(.2);transition:opacity .22s ease,transform .22s ease}.templates .templates-section .templates-grid .template-card .template-thumb .template-card-actions a img{width:20px;height:20px}.templates .templates-section .templates-grid .template-card .template-thumb .template-card-actions a.edit{background-color:var(--primary-100)}.templates .templates-section .templates-grid .template-card .template-thumb .template-card-actions a.preview{background-color:var(--primary-500);color:var(--neutral-50)}.templates .templates-section .templates-grid .template-card .template-thumb .template-card-actions a.preview img{filter:invert(1)}.templates .templates-section .templates-grid .template-card .template-thumb:hover .template-thumb-img,.templates .templates-section .templates-grid .template-card .template-thumb:focus-within .template-thumb-img{transform:translateY(calc(-100% + 400px))}.templates .templates-section .templates-grid .template-card .template-thumb:hover .template-card-actions,.templates .templates-section .templates-grid .template-card .template-thumb:focus-within .template-card-actions{opacity:1}.templates .templates-section .templates-grid .template-card .template-thumb:hover .template-card-actions a,.templates .templates-section .templates-grid .template-card .template-thumb:focus-within .template-card-actions a{transform:translateY(0) scale(1)}.templates .templates-section .templates-grid .template-card .template-thumb.blank-template-thumb{background:linear-gradient(135deg,#2495ff14,#2495ff05),#fff}.templates .templates-section .templates-grid .template-card .template-thumb.blank-template-thumb .blank-template-preview{width:100%;height:100%;display:flex;flex-direction:column;gap:18px;padding:32px;border:1px dashed rgba(0,0,0,.18);border-radius:inherit}.templates .templates-section .templates-grid .template-card .template-thumb.blank-template-thumb .blank-template-preview span{display:block;border-radius:10px;background:#00000014}.templates .templates-section .templates-grid .template-card .template-thumb.blank-template-thumb .blank-template-preview span:nth-child(1){width:34%;height:28px}.templates .templates-section .templates-grid .template-card .template-thumb.blank-template-thumb .blank-template-preview span:nth-child(2){width:100%;height:130px;display:flex;align-items:center;justify-content:center}.templates .templates-section .templates-grid .template-card .template-thumb.blank-template-thumb .blank-template-preview span:nth-child(2) p{font-size:24px;font-weight:600;opacity:.5;color:var(--force-black)}.templates .templates-section .templates-grid .template-card .template-thumb.blank-template-thumb .blank-template-preview span:nth-child(3){width:82%;height:18px}.templates .templates-section .templates-grid .template-card .template-thumb.blank-template-thumb .blank-template-preview span:nth-child(4){width:52%;height:42px}.workflows .workflows-section{padding:var(--spacing-3xl) var(--spacing-md)}@media(max-width:576px){.workflows .workflows-section{padding:calc(var(--spacing-3xl) * 2) var(--spacing-md)}}.workflows .workflows-section h2{margin-bottom:var(--spacing-3xs)}.workflows .workflows-section .workflows-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);max-width:var(--container-width);margin:auto}.workflows .workflows-section .workflows-grid .workflows-grid-col{padding:var(--spacing-md);border-radius:16px;background-color:var(--neutral-50);border:1px solid var(--neutral-200)}.workflows .workflows-section .workflows-grid .workflows-grid-col h3{font-size:var(--fs-18);margin:0 0 var(--spacing-3xs) 0!important}.workflows .workflows-section .workflows-grid .workflows-grid-col p{font-size:var(--fs-16);opacity:.7}.workflows .workflows-section .workflows-grid .workflows-grid-col svg{width:32px;height:32px;margin:0 0 var(--spacing-xs) 0}.workflows .workflows-section .workflows-grid .workflows-grid-col .comp-lib{color:var(--primary-800)}.workflows .workflows-section .workflows-grid .workflows-grid-col .fast-prod{color:var(--purple-heart-700)}.workflows .workflows-section .workflows-grid .workflows-grid-col .style{color:var(--success-700)}.workflows .workflows-section .workflows-grid .workflows-grid-col .export{color:var(--warning-600)}.who .who-section{padding:var(--spacing-3xl) var(--spacing-md)}@media(max-width:576px){.who .who-section{padding:calc(var(--spacing-3xl) * 2) var(--spacing-md)}}.who .who-section h2{margin-bottom:var(--spacing-3xs)}.who .who-section .who-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);max-width:var(--container-width);margin:auto}.who .who-section .who-grid .who-grid-col{padding:var(--spacing-md);border-radius:16px}.who .who-section .who-grid .who-grid-col h3{font-size:var(--fs-18);margin:0 0 var(--spacing-3xs) 0!important}.who .who-section .who-grid .who-grid-col p{font-size:var(--fs-16);opacity:.7}.who .who-section .who-grid .who-grid-col svg{width:32px;height:32px;margin:0 0 var(--spacing-xs) 0}.who .who-section .who-grid .who-grid-col .users{color:var(--purple-heart-700)}.who .who-section .who-grid .who-grid-col .luggage{color:var(--success-700)}.who .who-section .who-grid .who-grid-col .palette{color:var(--primary-800)}.who .who-section .who-grid .who-grid-col .code{color:var(--error-500)}.who .who-section .who-grid .who-grid-col.freelancers{background-color:color-mix(in srgb,var(--purple-heart-100) 20%,transparent);border:1px solid var(--purple-heart-200)}.who .who-section .who-grid .who-grid-col.marketing{background-color:color-mix(in srgb,var(--success-100) 50%,transparent);border:1px solid var(--success-200)}.who .who-section .who-grid .who-grid-col.designers{background-color:color-mix(in srgb,var(--primary-100) 50%,transparent);border:1px solid var(--primary-200)}.who .who-section .who-grid .who-grid-col.developers{background-color:color-mix(in srgb,var(--error-100) 50%,transparent);border:1px solid var(--error-200)}.faqs .faqs-section{padding:var(--spacing-3xl) var(--spacing-md)}@media(max-width:576px){.faqs .faqs-section{padding:calc(var(--spacing-3xl) * 2) var(--spacing-md)}}.faqs .faqs-section h2{margin-bottom:var(--spacing-3xs)}.faqs .faqs-section .faqs-grid{max-width:var(--container-width);margin:auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.faqs .faqs-section .faqs-grid .view-more-faqs-button{color:var(--primary-700);font-size:16px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.faqs .faqs-section .faqs-grid .view-more-faqs-button img{width:24px;height:24px;filter:var(--primary-filter);transition:var(--transition-base)}.faqs .faqs-section .faqs-grid .view-more-faqs-button:hover img{transform:translate(5px);transition:var(--transition-base)}.ready-to-build .ready-to-build-section{padding:var(--spacing-3xl) var(--spacing-md)}@media(max-width:576px){.ready-to-build .ready-to-build-section{padding:calc(var(--spacing-3xl) * 2) var(--spacing-md)}}.ready-to-build .ready-to-build-section h2{margin-bottom:var(--spacing-xs)}.ready-to-build .ready-to-build-section .ready-to-build-grid{display:flex;flex-direction:column;align-items:center}@media(max-width:1280px){.banner-block-1{left:32px}.banner-block-3{top:355px;right:30px}.banner-block-4{top:430px;right:35px}}@media(max-width:1215px){.banner-block-1{display:none}}@media(max-width:1024px){.banner-block-2{top:365px;left:30px}.banner-block-3{display:none}.templates .templates-section .templates-grid .template-card .template-thumb .template-card-actions{opacity:1;pointer-events:auto;align-items:flex-end;padding-bottom:var(--spacing-sm)}.templates .templates-section .templates-grid .template-card .template-thumb .template-card-actions a{font-size:14px;min-width:100px;min-height:35px;transform:translateY(0) scale(1)}}@media(max-width:992px){.subheader-text{max-width:760px}.banner-block-1,.banner-block-2,.banner-block-3,.banner-block-4{display:none}.value-prop .value-prop-section .value-prop-grid{grid-template-columns:1fr;max-width:500px}.templates .templates-section{--template-preview-scale: .52}.templates .templates-section .templates-grid .template-card .template-thumb{height:300px}.templates .templates-section .templates-grid .template-card .template-thumb.blank-template-thumb .blank-template-preview{padding:18px}.templates .templates-section .templates-grid .template-card .template-thumb.blank-template-thumb .blank-template-preview span:nth-child(2) p{font-size:20px}}@media(max-width:768px){.banner-section h1{font-size:var(--fs-48)}.how-it-works .how-it-works-section .how-it-works-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}.templates .templates-section{--template-preview-scale: .56;--template-preview-height: 360px}.templates .templates-section .templates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.templates .templates-section .template-card-actions{inset:auto 0 0;opacity:1;pointer-events:auto;align-items:flex-end;border-radius:12px;transform:translateY(0);max-height:none;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.templates .templates-section .template-card-actions a{transform:translateY(0) scale(1)}}@media(hover:none),(pointer:coarse){.templates .templates-section .templates-grid .template-card .template-thumb .template-card-actions{inset:auto 0 0;opacity:1;pointer-events:auto;align-items:flex-end;border-radius:12px;transform:translateY(0);max-height:none;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.templates .templates-section .templates-grid .template-card .template-thumb .template-card-actions a{transform:translateY(0) scale(1)}}@media(max-width:576px){.banner-section h1{font-size:calc(var(--fs-36) * 1.2)}.banner-section p{line-height:1.5}.banner-section .banner-subtext{font-size:14px}.how-it-works .how-it-works-section .how-it-works-grid{grid-template-columns:1fr;max-width:320px}.templates .templates-section .templates-grid{grid-template-columns:1fr;max-width:300px}.workflows .workflows-section .workflows-grid,.who .who-section .who-grid{grid-template-columns:repeat(1,1fr);max-width:400px}}.theme-dark .banner-block-1,.theme-dark .banner-block-2{border-color:var(--neutral-300)}.theme-dark .banner-block-2 .top img{filter:invert(1)}.theme-dark .banner-block-3,.theme-dark .banner-block-4{border-color:var(--neutral-300)}.theme-dark .banner-block-4 .top img{filter:invert(1)}.theme-dark .how-it-works .how-it-works-section .how-it-works-grid .how-it-works-col .no{opacity:.5}.theme-dark .how-it-works .how-it-works-section .how-it-works-grid .how-it-works-col img{filter:invert(1)}.videos .videos-section{padding:var(--spacing-3xl) var(--spacing-md)}@media(max-width:576px){.videos .videos-section{padding:calc(var(--spacing-3xl) * 2) var(--spacing-md)}}.videos .videos-section h2{margin-bottom:var(--spacing-3xs)}.videos .videos-section .videos-grid{max-width:var(--container-width);margin:auto;display:grid;grid-template-columns:minmax(0,960px);justify-content:center;gap:var(--spacing-sm)}.videos .videos-section .videos-grid .videos-player{aspect-ratio:16/9;overflow:hidden;border:1px solid var(--neutral-200);border-radius:16px;background-color:var(--neutral-50);box-shadow:#63636333 0 2px 8px}.videos .videos-section .videos-grid .videos-player iframe{display:block;width:100%;height:100%;border:0}