.main-grid{--grid-column-count:12;--grid-column-gap:0;--grid-main:minmax(1rem,1fr)repeat(var(--grid-column-count),minmax(0,9rem))minmax(1rem,1fr);--grid-subgrid:var(--grid-main);grid-template-columns:var(--grid-main);gap:var(--grid-column-gap);display:grid}.main-grid>*{grid-column:1/-1;grid-template-columns:var(--grid-subgrid);display:grid}.main-grid .center{align-content:center;justify-items:center}.main-grid .col-start-1{--grid-column-start:2}.main-grid .col-end-1{--grid-column-end:3}.main-grid .col-width-1{--grid-column-width:span 1}.main-grid .col-start-2{--grid-column-start:3}.main-grid .col-end-2{--grid-column-end:4}.main-grid .col-width-2{--grid-column-width:span 2}.main-grid .col-start-3{--grid-column-start:4}.main-grid .col-end-3{--grid-column-end:5}.main-grid .col-width-3{--grid-column-width:span 3}.main-grid .col-start-4{--grid-column-start:5}.main-grid .col-end-4{--grid-column-end:6}.main-grid .col-width-4{--grid-column-width:span 4}.main-grid .col-start-5{--grid-column-start:6}.main-grid .col-end-5{--grid-column-end:7}.main-grid .col-width-5{--grid-column-width:span 5}.main-grid .col-start-6{--grid-column-start:7}.main-grid .col-end-6{--grid-column-end:8}.main-grid .col-width-6{--grid-column-width:span 6}.main-grid .col-start-7{--grid-column-start:8}.main-grid .col-end-7{--grid-column-end:9}.main-grid .col-width-7{--grid-column-width:span 7}.main-grid .col-start-8{--grid-column-start:9}.main-grid .col-end-8{--grid-column-end:10}.main-grid .col-width-8{--grid-column-width:span 8}.main-grid .col-start-9{--grid-column-start:10}.main-grid .col-end-9{--grid-column-end:11}.main-grid .col-width-9{--grid-column-width:span 9}.main-grid .col-start-10{--grid-column-start:11}.main-grid .col-end-10{--grid-column-end:12}.main-grid .col-width-10{--grid-column-width:span 10}.main-grid .col-start-11{--grid-column-start:12}.main-grid .col-end-11{--grid-column-end:13}.main-grid .col-width-11{--grid-column-width:span 11}.main-grid .col-start-12{--grid-column-start:13}.main-grid .col-end-12{--grid-column-end:14}.main-grid .col-width-12{--grid-column-width:span 12}.main-grid .col{grid-column:var(--grid-column-start,2)/var(--grid-column-end,var(--grid-column-width,-2))}@media only screen and (max-width:768px){.main-grid{--grid-subgrid:minmax(1rem,1fr)repeat(6,minmax(0,9rem))minmax(1rem,1fr)}.main-grid .col{grid-column:2/-2}}.main-grid.home-grid>*{padding:calc(var(--space-10)*3)0;border-bottom:1px solid var(--border-color-light);align-content:center;justify-items:center}.main-grid.home-grid h2{color:var(--color-primary-lighter);font-size:var(--font-size-48);max-width:22ch;line-height:1}.main-grid.home-grid h3{color:var(--color-primary-light);font-size:var(--font-size-24);font-weight:400;line-height:1}.main-grid.home-grid p{font-size:1.5rem;line-height:var(--font-line-height-medium);max-width:45ch;margin:var(--space-3)0 var(--space-9)0;color:var(--color-primary)}.main-grid.home-grid a.primary,.main-grid.home-grid .button,.main-grid.home-grid button{padding:var(--space-3)var(--space-4)}.main-grid.home-grid .note{max-width:45ch;padding:var(--space-2)0 var(--space-5)0;color:var(--gray-8);font-size:var(--font-size-14);line-height:1.5;font-weight:var(--font-weight-bold);text-align:center}.main-grid .hero-section{padding-top:var(--space-8);border-bottom:1px solid var(--border-color-light)}.main-grid .hero-section h1{margin:5rem 0 var(--space-2)0;text-align:center;max-width:60vw;color:var(--color-primary-lighter);font-size:6.4vw;font-weight:700;line-height:1em}.main-grid .hero-section h1 span{box-shadow:inset 0 0 0 2px var(--editor-element-color);justify-content:center;align-items:center;margin:0 -.5rem;padding:0 .5rem;display:inline-flex;position:relative}.main-grid .hero-section h1 span:after{content:"Heading one";pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--font-primary);background-color:var(--editor-element-color);color:var(--gray-10);letter-spacing:normal;white-space:nowrap;text-overflow:ellipsis;z-index:3;letter-spacing:.25px;border-radius:4px 4px 0 0;padding:4px 4px 2px;font-size:12px;font-weight:400;line-height:1;position:absolute;top:-18px;left:0;right:auto;overflow:hidden;transform:none}.main-grid .hero-section p{max-width:calc(var(--space-10)*14);text-align:center}.main-grid .hero-section .button.primary{font-size:var(--font-size-20)}.main-grid .hero-section .button.primary svg{margin-left:var(--space-1)}.main-grid .hero-section .preview{width:100%;margin-top:var(--space-1);justify-content:center;align-items:center;display:flex}.main-grid .hero-section .preview .hero-img-container{min-width:800px;max-width:80%;margin:0 auto;position:relative}.main-grid .hero-section .preview .hero-img-container .editor{background-color:var(--gray-2);border-radius:var(--border-radius-2);box-shadow:0 0 0 4px var(--gray-1),0 0 0 8px var(--border-color-light);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:perspective(1000px)rotateX(25deg)}.main-grid .hero-section .mar{max-width:calc(var(--space-10)*15);margin-top:var(--space-4);-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:var(--space-5);padding:var(--space-4);grid-auto-flow:column;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff 12.5%,#fff 87.5%,rgba(255,255,255,0) 100%);mask-image:linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff 12.5%,#fff 87.5%,rgba(255,255,255,0) 100%)}.main-grid .hero-section .mar ul{align-items:center;gap:var(--space-5);will-change:transform;grid-auto-flow:column;animation:50s linear infinite scroll-right;display:grid}.main-grid .hero-section .mar ul li{white-space:nowrap;font-size:var(--font-size-16);color:var(--gray-8);padding-left:var(--space-5);background:url("data:image/svg+xml,%3Csvg width='29' height='21' fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 21'%3E%3Cpath stroke='%23CCC' d='M2 9.3l8.8 8.7L27 2' stroke-width='4'/%3E%3C/svg%3E") no-repeat scroll left var(--space-1)/var(--space-3)}@keyframes scroll-right{0%{transform:translate(0)}to{transform:translateX(calc(-100% - var(--space-5)))}}.main-grid .hero-section .social-proof{justify-items:center;gap:var(--space-4);padding:var(--space-7)0 0 0;grid-auto-flow:row;display:grid}.main-grid .hero-section .social-proof .avatar-container{grid-auto-flow:column;display:grid}.main-grid .hero-section .social-proof .avatar-container img{--avatatar-dimensions:var(--space-10);width:var(--avatatar-dimensions);height:var(--avatatar-dimensions);object-fit:cover;border:2px solid var(--border-color-light);background-color:var(--gray-1);border-radius:50%}.main-grid .hero-section .social-proof .avatar-container img~img{margin-left:-8px}.main-grid .hero-section .social-proof p{margin:0 0 0 var(--space-2);line-height:1.2;font-size:var(--font-size-24);text-align:center}.main-grid .hero-section .social-proof p span{color:var(--editor-element-color);font-weight:var(--font-weight-bold)}.main-grid .steps-section{align-items:start}.main-grid .steps-section>.content{flex-direction:column;justify-self:start;align-items:flex-start;display:flex}.main-grid .steps-section>.content h2{padding-top:unset}.main-grid .steps-section .steps{gap:calc(2*var(--space-6));padding:var(--space-10)0 var(--space-9)0;grid-auto-flow:column;margin-right:auto;display:grid}.main-grid .steps-section .steps .step{width:100%;color:var(--color-primary);padding:var(--space-2)0 var(--space-2)var(--space-4);border-left:2px solid var(--editor-element-color)}.main-grid .steps-section .steps .step h3,.main-grid .steps-section .steps .step p,.main-grid .steps-section .steps .step .no-button{color:currentColor}.main-grid .steps-section .steps .step h3{align-items:center;display:flex}.main-grid .steps-section .steps .step h3 svg{margin-right:var(--space-3)}.main-grid .steps-section .steps .step p{font-size:var(--font-size-18);color:var(--color-primary-darker);max-width:32ch;margin:var(--space-3)0 0 var(--space-9)}.main-grid .steps-section .steps .step .no-button{font-weight:700;font-size:var(--font-size-16);padding:0}.main-grid .design-section>h2{margin-bottom:var(--space-9);justify-self:start}.main-grid .design-section .options{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.main-grid .design-section .options>div{border-radius:var(--border-radius-2);padding:var(--space-4);border:2px solid var(--border-color-light);background:linear-gradient(to bottom right,rgba(255,255,255,.2),transparent);padding-bottom:1px}.main-grid .design-section .options>div img{border-bottom:unset;border-radius:var(--border-radius-2)var(--border-radius-2)0 0;background:linear-gradient(to bottom right,rgba(255,255,255,.2),transparent);margin-top:auto}.main-grid .design-section .options>div p{font-size:var(--font-size-18);margin:0;margin:var(--space-3)0 var(--space-6)0;color:var(--color-primary-dark)}.main-grid .design-section .options .content-blocks{background:linear-gradient(to bottom right,rgba(255,255,255,.2),transparent);flex-direction:column;grid-column:span 2;display:flex;overflow:hidden}.main-grid .design-section .options .content-blocks img{padding-top:var(--space-base-half-unit);transform:perspective(1400px)rotateX(25deg)}.main-grid .design-section .options .element-styles{background:linear-gradient(to top right,rgba(255,255,255,.2),transparent);flex-direction:column;justify-content:space-between;align-items:center;display:flex}.main-grid .design-section .options .element-styles img{margin-top:calc(-1*var(--space-10));border-radius:var(--space-2);border:1px solid var(--border-color-light);max-width:17rem;padding:var(--space-2)}.main-grid .design-section .options .element-styles h3{margin-top:var(--space-6)}.main-grid .design-section .options .element-styles p{margin-bottom:var(--space-4)}.main-grid .design-section .options .web-editing{grid-column:span 3}.main-grid .design-section .options .design-system{flex-direction:column;grid-column:span 2;display:flex;position:relative;overflow:hidden}.main-grid .design-section .options .design-system img{position:absolute;top:22%;left:5%}.main-grid .design-section .options .color-palette{padding-bottom:unset;flex-direction:column;align-items:center;display:flex}.main-grid .design-section .options .color-palette img{padding-top:var(--space-base-half-unit);max-width:20rem}.main-grid .template-section{align-items:end}.main-grid .template-section>.content{flex-direction:column;justify-self:start;align-items:flex-start;display:flex}.main-grid .template-section>.content h2{padding-top:unset}.main-grid .template-section>.ctas{margin-bottom:var(--space-9);flex-direction:column;align-items:flex-start;display:flex}.main-grid .template-section>.ctas span{color:var(--color-primary);text-align:center;margin:0 var(--space-3)}.main-grid .template-section>.ctas .note{padding-bottom:0}.main-grid .template-section .templates{gap:var(--space-6);grid-template-columns:repeat(3,1fr);width:100%;display:grid}.main-grid .template-section .templates .template-image{border:2px solid var(--border-color-light);border-radius:var(--border-radius-2);position:relative;overflow:hidden}.main-grid .template-section .templates .template-image img{border-radius:var(--border-radius-2);object-fit:contain}.main-grid .template-section .templates .template-image .overlay{visibility:hidden;opacity:0;border-radius:var(--border-radius-2);background-color:rgba(0,0,0,.6);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s,visibility .3s,transform .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.main-grid .template-section .templates .template-image .overlay .link{padding-top:var(--space-2)}.main-grid .template-section .templates .template-image:hover .overlay{opacity:1;visibility:visible;transform:scale(1.25)}.main-grid .template-section .primary{margin-top:var(--space-6)}.main-grid .feature-section>h2,.main-grid .feature-section>p{justify-self:start}.main-grid .feature-section .list{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.main-grid .feature-section .list .feature{padding:var(--space-2)0 var(--space-2)var(--space-6);border-left:2px solid var(--editor-element-color);flex-direction:column;display:flex}.main-grid .feature-section .list .feature h3{flex-direction:column;display:flex}.main-grid .feature-section .list .feature h3 svg{margin-bottom:var(--space-3)}.main-grid .feature-section .list .feature p{font-size:var(--font-size-18);margin-bottom:unset;color:var(--color-primary-darker)}.main-grid .feature-section .list .feature img{border-radius:var(--border-radius-2);background-color:var(--gray-1);border:1px solid var(--border-color-light)}.main-grid .funnel-section{background-image:var(--background-image-decorative);padding:calc(var(--space-10)*2)0;border-bottom:unset;background-position:-20px;background-size:.75rem;align-content:end}.main-grid .funnel-section h2{text-align:center;max-width:22ch;padding-bottom:var(--space-8)}.main-grid .funnel-section h2,.main-grid .funnel-section form,.main-grid .funnel-section p{justify-self:center}.main-grid .funnel-section p{font-size:var(--font-size-16);margin-top:var(--space-4);margin-bottom:unset}.main-grid .funnel-section form{padding:var(--space-3);border:2px solid var(--border-color-light);background-color:var(--gray-1);border-radius:var(--border-radius-2);max-width:calc(var(--space-10)*12);justify-content:space-between;align-items:center;transition:border-color .3s;display:flex}.main-grid .funnel-section form:hover,.main-grid .funnel-section form:focus-within{border-color:var(--border-color-dark)}.main-grid .funnel-section form label{justify-content:flex-start;align-items:center;width:100%;display:flex}.main-grid .funnel-section form label input{background-color:inherit;font-size:var(--font-size-24);border:none}.main-grid .funnel-section form label input::placeholder{color:var(--gray-6)}.main-grid .funnel-section form label input:disabled{background:0 0}.main-grid .funnel-section form label input:focus{outline:none}.main-grid .funnel-section form label input:focus::placeholder{color:transparent}.main-grid .funnel-section form button{white-space:nowrap;font-size:var(--font-size-20);margin-left:auto}.main-grid .funnel-section form button svg{margin-left:var(--space-1)}@media only screen and (max-width:1250px){.main-grid.home-grid .steps-section>.content{--grid-column-start:2}.main-grid.home-grid .steps-section .steps{--grid-column-start:2;--grid-column-width:span 12}.main-grid.home-grid .template-section>.content{--grid-column-start:2}.main-grid.home-grid .template-section .ctas{--grid-column-width:span 6}.main-grid.home-grid .design-section h2,.main-grid.home-grid .design-section p,.main-grid.home-grid .design-section .options,.main-grid.home-grid .feature-section .list,.main-grid.home-grid .feature-section h2,.main-grid.home-grid .feature-section p{--grid-column-start:2;--grid-column-width:span 12}}@media only screen and (max-width:1012px){.main-grid.home-grid .steps-section .steps{grid-auto-flow:unset;grid-template-columns:repeat(2,1fr)}.main-grid.home-grid .template-section>.content{--grid-column-width:span 12}.main-grid.home-grid .template-section .ctas{--grid-column-start:2;--grid-column-width:span 12;width:100%}.main-grid.home-grid .template-section .templates{grid-template-columns:1fr}.main-grid.home-grid .feature-section .list{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:768px){.main-grid.home-grid>*{padding:var(--space-10)0}.main-grid.home-grid h2{font-size:var(--font-size-40)}.main-grid.home-grid h3{font-size:var(--font-size-20)}.main-grid.home-grid p{font-size:var(--font-size-18)}.main-grid.home-grid .hero-section h1{margin-top:var(--space-10);font-size:calc(var(--font-base-unit)*13);max-width:unset}.main-grid.home-grid .hero-section .mar{margin-top:unset;max-width:100%}.main-grid.home-grid .hero-section .preview{display:none}.main-grid.home-grid .hero-section .social-proof{padding-bottom:unset}.main-grid.home-grid .hero-section .social-proof p{font-size:var(--font-size-16)}.main-grid.home-grid .steps-section .steps{grid-auto-flow:rows;grid-template-columns:unset}.main-grid.home-grid .design-section .options{grid-template-columns:1fr}.main-grid.home-grid .design-section .options>div{grid-column:1}.main-grid.home-grid .design-section .options .element-styles img{margin-top:unset}.main-grid.home-grid .design-section .options .design-system img{position:unset;top:unset;left:unset}.main-grid.home-grid .template-section p{margin-bottom:unset}.main-grid.home-grid .template-section .ctas>div{gap:var(--space-2);grid-auto-flow:row;display:grid}.main-grid.home-grid .feature-section .list{grid-auto-flow:row;grid-template-columns:unset}.main-grid.home-grid .funnel-section form input,.main-grid.home-grid .funnel-section form button{font-size:var(--font-size-16)}}