@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/stackbase/manrope-0.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/stackbase/manrope-1.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/stackbase/manrope-2.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/stackbase/manrope-3.ttf)format("truetype")}.stackbase-design{color:#262626;--sb-max:1440px;background:#111}.stackbase-design .sb-section{box-sizing:border-box;width:100%;height:auto}.stackbase-design h1>span,.stackbase-design h2>span{display:block}.stackbase-design .sb-section a{text-decoration:none;transition:filter .18s,box-shadow .18s}.stackbase-design .sb-section a:hover{filter:brightness(.94)}.stackbase-design .sb-section a:focus-visible,.stackbase-design summary:focus-visible{outline-offset:5px;outline:3px solid #ff6a00}.stackbase-design .sb-hero{height:1072px;padding-top:162px;overflow:hidden}.stackbase-design .sb-hero>[data-name^="Hero /"]{width:100%;height:910px}.stackbase-design .sb-hero [data-name=Hero\ composition]{margin:auto;position:relative;top:88px;left:auto}.stackbase-design .sb-section:not(.sb-hero):not(.sb-marquee){padding-left:max(24px,50% - 720px);padding-right:max(24px,50% - 720px)}.stackbase-design .sb-reviews,.stackbase-design .sb-faq,.stackbase-design .sb-cta{padding-left:max(24px,50% - 800px)!important;padding-right:max(24px,50% - 800px)!important}.stackbase-design .sb-marquee{height:122px;overflow:hidden}.stackbase-design [data-name="Moving logo track"]{animation:32s linear infinite sb-marquee}.stackbase-design .sb-marquee:hover [data-name="Moving logo track"]{animation-play-state:paused}@keyframes sb-marquee{to{transform:translate(-2240px)}}@media (prefers-reduced-motion:reduce){.stackbase-design [data-name="Moving logo track"]{animation:none}}.stackbase-design summary{cursor:pointer;width:100%;list-style:none}.stackbase-design summary::-webkit-details-marker{display:none}.stackbase-design details{display:block}.stackbase-design details[open] summary img{transform:rotate(180deg)}.stackbase-design .sb-faq-answer{color:#555;padding:0 20px 24px;font:16px/1.75 Satoshi,sans-serif}.stackbase-design .sb-faq-answer a{text-decoration:underline}.stackbase-design .sb-section{scroll-margin-top:160px}@media (width<=1759px) and (width>=1024px){.stackbase-design .sb-hero [data-name=Hero\ composition]{gap:40px;width:calc(100% - 96px)}.stackbase-design .sb-hero [data-name=Product\ story]{width:50%}.stackbase-design .sb-hero h1{width:100%;font-size:clamp(48px,4vw,76px)}.stackbase-design .sb-hero [data-node-id="12847:526"]{width:100%;font-size:16px}.stackbase-design .sb-hero [data-name="Hero illustration • deployment workspace"]{transform-origin:0;width:50%;transform:scale(.8)}.stackbase-design .sb-hero [data-name=Launch\ actions]{width:100%}.stackbase-design .sb-hero [data-name=Guarantee]{width:auto}}@media (width<=1519px){.stackbase-design .sb-section:not(.sb-hero):not(.sb-marquee)>div{max-width:100%}.stackbase-design [data-name="Header • HostOnce type scale"]{gap:40px;width:100%}.stackbase-design [data-name="Header • HostOnce type scale"]>div{width:55%}.stackbase-design [data-name="Header • HostOnce type scale"]>p{width:40%}.stackbase-design [data-name="Three deployment paths"],.stackbase-design [data-name=Workflow\ directory]{gap:24px;width:100%}.stackbase-design [data-name="Three deployment paths"]>div,.stackbase-design [data-name=Workflow\ directory]>div{flex:1;min-width:0}.stackbase-design [data-name="Three deployment paths"]>div>div,.stackbase-design [data-name=Workflow\ directory]>div>div{max-width:100%}.stackbase-design [data-name="Workflow bento • 880 / 520"]{width:100%}.stackbase-design [data-name="Workflow bento • 880 / 520"]>div{gap:24px;width:100%}.stackbase-design [data-name="Workflow bento • 880 / 520"]>div>div{flex-wrap:wrap;flex:1;justify-content:center;min-width:0;height:auto;min-height:400px}.stackbase-design [data-name="Features • HostOnce open grid"]{gap:40px;width:100%}.stackbase-design [data-name=Section\ introduction]{width:32%}.stackbase-design [data-name="Nine included features"]{width:65%}.stackbase-design [data-name^=Feature\ row]{gap:24px;width:100%;height:auto}.stackbase-design [data-name^=Feature\ row]>div{width:calc(33.3333% - 16px);height:auto}.stackbase-design [data-name=Section\ introduction]>*,.stackbase-design [data-name^=Feature\ row] p,.stackbase-design [data-name=Workflow\ directory] p{max-width:100%}.stackbase-design [data-name=Supported\ tools],.stackbase-design [data-name=Supported\ tools]>*{width:100%}.stackbase-design [data-name=Supported\ tools] p{flex:1;min-width:0}}@media (width<=1023px){.stackbase-design .sb-hero{height:auto;padding:40px 24px 64px}.stackbase-design .sb-hero>[data-name^="Hero /"]{height:auto}.stackbase-design .sb-hero [data-name=Hero\ composition]{flex-direction:column;gap:24px;width:100%;height:auto;top:auto}.stackbase-design .sb-hero [data-name=Product\ story]{width:100%}.stackbase-design .sb-hero h1{letter-spacing:-.04em;width:100%;font-size:clamp(42px,7vw,68px)}.stackbase-design .sb-hero [data-node-id="12847:526"]{width:100%;font-size:16px}.stackbase-design .sb-hero [data-name=Launch\ actions]{flex-wrap:wrap;width:100%;height:auto}.stackbase-design .sb-hero [data-name="Hero illustration • deployment workspace"]{zoom:.8}.stackbase-design .sb-section:not(.sb-hero):not(.sb-marquee){gap:36px;padding-top:64px;padding-bottom:64px}.stackbase-design [data-name="Header • HostOnce type scale"]{flex-direction:column;align-items:flex-start;gap:20px}.stackbase-design [data-name="Header • HostOnce type scale"]>div,.stackbase-design [data-name="Header • HostOnce type scale"]>p{width:100%;max-width:100%}.stackbase-design .sb-section h2{font-size:36px}.stackbase-design [data-name="Three deployment paths"],.stackbase-design [data-name=Workflow\ directory],.stackbase-design [data-name="Features • HostOnce open grid"]{flex-direction:column;gap:36px}.stackbase-design [data-name="Three deployment paths"]>div,.stackbase-design [data-name=Workflow\ directory]>div,.stackbase-design [data-name="Features • HostOnce open grid"]>div,.stackbase-design [data-name="Three deployment paths"]>div>div{width:100%}.stackbase-design [data-name=Workflow\ directory]>div{flex:auto}.stackbase-design [data-name=Workflow\ directory]>div>div{width:100%}.stackbase-design [data-name="Workflow bento • 880 / 520"]>div{flex-direction:column}.stackbase-design [data-name="Workflow bento • 880 / 520"]>div>div{width:100%;padding:32px 24px}.stackbase-design .sb-section p{white-space:normal}}@media (width<=599px){.stackbase-design .sb-hero [data-name="Hero illustration • deployment workspace"]{zoom:.47}.stackbase-design .sb-hero [data-node-id="12995:3764"]{flex-wrap:wrap;gap:12px;width:100%}.stackbase-design .sb-hero [data-name=Guarantee]{width:100%}.stackbase-design .sb-section h2{font-size:32px;line-height:1.26}.stackbase-design [data-name^=Feature\ row]{flex-direction:column;gap:28px}.stackbase-design [data-name^=Feature\ row]>div{width:100%}.stackbase-design [data-name="Nine included features"]>div{max-width:100%}.stackbase-design [data-name="AI builder brands"]{zoom:.7}.stackbase-design [data-name=Builder\ content]{width:100%}}.stackbase-design .sb-section{overflow:clip}.stackbase-design .sb-hero [data-name="Live website • browser preview"],.stackbase-design .sb-hero [data-name="Connected tools • brand dock"],.stackbase-design .sb-hero [data-name="Live deployment confirmation"],.stackbase-design .sb-hero [data-node-id="12874:523"]{-webkit-mask-image:none!important;mask-image:none!important}.stackbase-design .sb-hero h1>span{width:100%}.stackbase-design .sb-plans{background:#fff;font-family:Satoshi,sans-serif}.stackbase-design .sb-plans [data-name=Plans]{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.stackbase-design .sb-plans [data-name=Plans]>*{width:100%;min-width:0}.stackbase-design .sb-plans [data-name=Column]{border:1px solid #e9e9e9;border-radius:24px;padding:32px}.stackbase-design .sb-plans [data-name=List\+Button]{border-radius:16px;width:calc(100% + 24px);margin-inline:-12px;padding:12px}.stackbase-design .sb-plans [data-name=Button]{border-radius:16px;padding:20px 32px}.stackbase-design .sb-plans [data-name=Main] [data-name=Icon\+Paragraph]{gap:12px}@media (width<=1519px){.stackbase-design .sb-reviews [data-name="HostOnce customer review cards"]{gap:24px}.stackbase-design .sb-reviews [data-name="HostOnce customer review cards"]>div{flex:1;min-width:0}.stackbase-design .sb-launch [data-name="Launch your project"]{gap:40px;width:100%}.stackbase-design .sb-launch [data-name=Launch\ message]{width:42%}.stackbase-design .sb-launch [data-name=Launch\ message]>*{max-width:100%}.stackbase-design .sb-launch [data-name="Live website preview"]{flex:1;min-width:0}.stackbase-design .sb-launch [data-name="Live website preview"]>*{width:100%}.stackbase-design .sb-launch [data-name=Published\ project]>*{max-width:100%}.stackbase-design .sb-faq{gap:40px}.stackbase-design .sb-faq>div{flex:1;min-width:0}.stackbase-design .sb-faq>div p{max-width:100%}}@media (width<=1023px){.stackbase-design .sb-deploy>div:last-child{flex-wrap:wrap;justify-content:center;height:auto;padding:24px}.stackbase-design .sb-plans [data-name=Plans]{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.stackbase-design .sb-plans [data-name=Intro]{width:100%}.stackbase-design .sb-plans [data-name=Intro]>*{white-space:normal;max-width:100%}.stackbase-design .sb-launch [data-name="Launch your project"]{flex-direction:column}.stackbase-design .sb-launch [data-name=Launch\ message],.stackbase-design .sb-launch [data-name="Live website preview"]{width:100%}.stackbase-design .sb-reviews [data-name=Section\ heading]>*{max-width:100%}.stackbase-design .sb-reviews [data-name="HostOnce customer review cards"]{flex-direction:column}.stackbase-design .sb-reviews [data-name="HostOnce customer review cards"]>div{flex:none;width:100%}.stackbase-design .sb-reviews>div:last-child{flex-wrap:wrap;justify-content:center;height:auto}.stackbase-design .sb-faq{flex-direction:column}.stackbase-design .sb-faq>div,.stackbase-design .sb-faq [data-name=Links]{width:100%}.stackbase-design .sb-cta{flex-direction:column;align-items:flex-start}.stackbase-design .sb-cta>div,.stackbase-design .sb-cta p{max-width:100%}}@media (width<=599px){.stackbase-design .sb-plans [data-name=Plans]{grid-template-columns:minmax(0,1fr);gap:48px}.stackbase-design .sb-plans [data-name=Column]{padding:24px}.stackbase-design .sb-plans [data-node-id="12850:320456"]{width:100%}.stackbase-design .sb-launch [data-name=Project\ highlights]{flex-direction:column;width:100%}.stackbase-design .sb-launch [data-name=Project\ highlights]>div{width:100%}.stackbase-design .sb-launch [data-name=Published\ project]{padding:24px}.stackbase-design .sb-launch [data-name=Published\ project] p,.stackbase-design .sb-cta [data-name="Sub-heading+Heading+Paragraph"]{width:100%}.stackbase-design .sb-faq [data-name=Heading\+Paragraph]{max-width:100%}.stackbase-design .sb-reviews [data-name="HostOnce customer review cards"]>div:first-child{min-height:400px}}.stackbase-design .sb-hero [data-name=Hero\ composition]{margin:0 auto}@media (width>=1024px){.stackbase-design .sb-hero{height:1032px;padding-top:122px}}@media (width<=1023px){.stackbase-design header{background:#111!important}.stackbase-design .sb-plans [data-name=Footnote]{padding-inline:0}.stackbase-design .sb-cta [data-name=Content\+CTA]{flex-direction:column;align-items:flex-start;gap:32px}.stackbase-design .sb-cta [data-name=Content\+CTA]>div{max-width:100%}.stackbase-design .sb-section [class*="text-[48px]"]{font-size:36px}.stackbase-design .sb-deploy [data-name="Three deployment paths"] p,.stackbase-design .sb-deploy [data-name="Three deployment paths"]>div>div>div{max-width:100%}}@media (width<=599px){.stackbase-design .sb-section [class*="text-[48px]"]{font-size:32px}.stackbase-design .sb-cta [data-name=Content\+CTA]>div>div{max-width:100%}.stackbase-design .sb-cta [data-node-id="I12832:320581;2344:766"]>div{flex-wrap:wrap;gap:12px}.stackbase-design .sb-workflows [data-name=Repository\ release],.stackbase-design .sb-workflows [data-name=Domain\ status]{max-width:100%}.stackbase-design .sb-reviews [data-name=Header]{flex-wrap:wrap;gap:16px;width:100%}}.stackbase-design .sb-faq-item{border-bottom:1px solid #20202014;width:100%;padding:16px 20px;font-family:Satoshi,sans-serif}.stackbase-design .sb-faq-item:last-child{border-bottom:0}.stackbase-design .sb-faq-item summary{justify-content:space-between;align-items:center;gap:24px;min-height:35px;font-size:20px;font-weight:500;line-height:1.78;display:flex}.stackbase-design .sb-faq-item summary img{flex-shrink:0}.stackbase-design .sb-faq-item .sb-faq-answer{padding:16px 0 0}.stackbase-design .sb-plans [data-node-id="12850:320456"]{flex-direction:column;padding:0;display:flex}.stackbase-design .sb-plans [data-node-id="12850:320456"]>div{border:4px solid #caf355;border-radius:24px;flex:1;width:100%}.stackbase-design .sb-recommended-label{z-index:10;color:#262626;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#caf355;border-radius:999px;align-items:center;gap:5px;padding:5px 14px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:-14px;left:24px}.stackbase-design .sb-recommended-label svg{flex-shrink:0;width:10px;height:12px}@media (width<=599px){.stackbase-design .sb-faq-item summary{gap:16px;font-size:18px}.stackbase-design .sb-deploy [data-name=Builder\ brands]{zoom:.83}.stackbase-design .sb-workflows [data-name=Framework\ detection]{zoom:.68}.stackbase-design .sb-workflows [data-name="Git deployment preview"]{zoom:.75}.stackbase-design .sb-workflows [data-name=Domain\ UI]{zoom:.7}.stackbase-design .sb-workflows [data-name=Git\ content],.stackbase-design .sb-workflows [data-name=Git\ content]>*{width:100%}}@media (width>=1024px){.stackbase-design .sb-hero>[data-node-id="12995:3707"],.stackbase-design .sb-hero>[data-node-id="12995:3781"]{top:calc(50% + 62.5px)}.stackbase-design .sb-faq{min-height:818px}}@media (width>=1024px) and (width<=1279px){.stackbase-design .sb-hero [data-name="Hero illustration • deployment workspace"]{transform:scale(.6)}}.stackbase-design .sb-launch>div:not([data-name="Launch your project"]){pointer-events:none}.stackbase-design .sb-launch [data-name="Launch your project"]{z-index:1}