html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(./source-serif-4-cyrillic-ext-wght-normal.cHuGMAiY.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(./source-serif-4-cyrillic-wght-normal.DwHjdM4S.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(./source-serif-4-greek-wght-normal.ece1310W.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(./source-serif-4-vietnamese-wght-normal.D-yuW59g.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(./source-serif-4-latin-ext-wght-normal.CxNHBx-q.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(./source-serif-4-latin-wght-normal.D9elroTD.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(./source-serif-4-cyrillic-ext-opsz-normal.DIwfbPUE.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(./source-serif-4-cyrillic-opsz-normal.C0olyEE-.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(./source-serif-4-greek-opsz-normal.DrHU7SY7.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(./source-serif-4-vietnamese-opsz-normal.BOyYyU_V.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(./source-serif-4-latin-ext-opsz-normal.HoL-AExg.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(./source-serif-4-latin-opsz-normal.BpEBLj1O.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:400;src:url(./source-serif-4-cyrillic-ext-400-italic.zoDFlEzN.woff2) format("woff2"),url(./source-serif-4-cyrillic-ext-400-italic.Dx4A8QUO.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:400;src:url(./source-serif-4-cyrillic-400-italic.BLN19cOa.woff2) format("woff2"),url(./source-serif-4-cyrillic-400-italic.Dx8qIUN3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:400;src:url(./source-serif-4-greek-400-italic.C7D4Dq0H.woff2) format("woff2"),url(./source-serif-4-greek-400-italic.DcuniPAV.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:400;src:url(./source-serif-4-vietnamese-400-italic.CjUPRDIa.woff2) format("woff2"),url(./source-serif-4-vietnamese-400-italic.DyjhI2GX.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:400;src:url(./source-serif-4-latin-ext-400-italic.JynPwBMj.woff2) format("woff2"),url(./source-serif-4-latin-ext-400-italic.G7LDTi7t.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:400;src:url(./source-serif-4-latin-400-italic.0j97Jm6B.woff2) format("woff2"),url(./source-serif-4-latin-400-italic.Dv9jnFA_.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-body: "Source Serif 4 Variable", serif;--font-size-body: 18px;--grey-10: #ffffff;--grey-9: #f1f1f1;--grey-5: #7d7d7e;--grey-3: #3b3b3d;--grey-1: #020203;--pink-9: #ffdbeb;--pink-6: #ff30ad;--pink-7: #ff69b8;--orange-8: #ffab94;--orange-9: #ffded4;--orange-6: #ff4724;--orange-3: #751200;--color-bg: var(--grey-9);--color-button: var(--grey-9);--color-button-2: var(--grey-5);--color-text: var(--grey-1);--color-text-2: var(--grey-5);--radius-1: 6px;--easing-1: cubic-bezier(.38, 0, .16, 1);--transition-1: .15s var(--easing-1);--transition-2: .3s var(--easing-1);--transition-3: .5s var(--easing-1);--shadow-1: 0px 0px 1px rgba(0, 0, 0, .05), 0px 8px 16px rgba(0, 0, 0, .08);--shadow-grey: 0 0 0 16px var(--grey-9);font-family:var(--font-body);font-size:var(--font-size-body);color:var(--color-text)}body{min-height:100vh;background-color:var(--color-bg);background-size:100vw auto}h1{font-size:54px;line-height:100%;letter-spacing:-1.25%;font-variation-settings:"wght" 385,"opsz" 15}h2{font-size:38px;line-height:100%;letter-spacing:-1.25%;font-variation-settings:"wght" 385,"opsz" 15}h3{font-size:24px;line-height:100%;font-variation-settings:"wght" 385,"opsz" 15}p{letter-spacing:-1%;line-height:138%}a{text-decoration:none;-webkit-user-select:none;user-select:none}.app{display:flex;min-height:100vh}main{display:flex;flex-direction:column;width:100%;height:fit-content}button{display:flex;align-items:center;border:none;cursor:pointer;-webkit-user-select:none;user-select:none}nav{position:fixed;overflow:hidden;width:72px;height:100%;display:flex;flex-direction:column;justify-content:center;background-color:var(--grey-10);padding:16px!important;box-shadow:var(--shadow-1);z-index:10;transition:var(--transition-1)}nav:hover{width:182px}section{position:relative;display:flex;gap:0px;height:100vh;justify-content:center;align-items:center}video{z-index:1;width:100%;flex-grow:1;border:none;max-width:960px;max-height:90%;aspect-ratio:1.33333;border-radius:var(--radius-1);box-shadow:var(--shadow-1)}.button-nav{height:48px;width:182px;gap:8px;padding-left:8px;background:none}.button-nav svg{width:20px;height:20px;fill:var(--color-text-2);transition:var(--transition-1)}.button-nav:hover svg{fill:var(--color-text)}.button-nav span{color:var(--color-text-2);opacity:0;transition:var(--transition-1)}nav:hover .button-nav span{opacity:1}.button-nav:hover span{color:var(--color-text)}.button-cta{width:40px;height:40px;gap:8px;padding-left:10px;border-radius:20px;background:linear-gradient(to top,var(--grey-1),var(--grey-3));color:var(--grey-10);transition:var(--transition-1)}:not(nav)>.button-cta{width:fit-content;padding:0 20px}.button-cta svg{min-width:20px;max-width:20px;height:20px;fill:var(--grey-10);transition:var(--transition-1)}.button-cta span{color:var(--grey-10);opacity:0;transition:var(--transition-1)}.button-cta:hover{opacity:.9;border-radius:4px}.button-cta:active{opacity:.8}nav:hover .button-cta span{opacity:1}nav:hover .button-cta{width:150px;padding-left:16px}.bottom{position:absolute;bottom:14px}.button-secondary{width:fit-content;height:40px;padding:20px;background:none;border:1px solid var(--grey-1);border-radius:20px;color:var(--grey-1);transition:var(--transition-1)}.button-secondary:hover{opacity:.9;border-radius:4px}.button-secondary:active{opacity:.8}.hero{height:75vh;padding-left:144px}.grid{position:fixed;z-index:-1;left:72px;stroke:#fff;stroke-width:1px;width:calc(100vw - 72px);height:100vh;overflow:visible}.hero div{position:relative;flex-grow:1;height:220px}.hero div img{position:absolute;width:32px;height:32px;border-radius:50%;border:1px solid var(--grey-10);box-shadow:var(--shadow-1);top:0;left:76px}.hero div img:nth-of-type(2){left:57px}.hero div img:nth-of-type(3){left:38px}.hero div img:nth-of-type(4){left:19px}.hero div img:nth-of-type(5){left:0}.hero div span{position:absolute;left:118px;top:4px;font-style:italic;letter-spacing:-1%}.hero div h1{position:absolute;width:fit-content;top:52px;left:0}.hero div h1:nth-of-type(2){left:215px}.hero div h1:nth-of-type(3){top:105px}.hero div svg{position:absolute;width:50px;height:50px;top:56px;left:165px}.hero div button{position:absolute;bottom:0}.hero div button:nth-of-type(2){left:182px;bottom:0}.demo{padding:0 72px 0 144px}.components{padding:0 0 0 72px}.components h2,.components p{width:100%;min-width:320px;max-width:348px}.left,.right{height:100%;width:50%;display:flex;flex-direction:column;justify-content:center;gap:20px;background-color:var(--grey-10)}.left{align-items:end;padding:0 64px 0 208px}.right{align-items:start;padding:0 208px 0 64px}.node-graph{position:relative;overflow:hidden;height:100%;width:50%}.node{position:absolute;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden;padding:2px;transition:transform var(--transition-2)}.node.dragging{transition:none}.node:hover{transform:scale(1.1) rotate(15deg)}.node:active{cursor:grabbing}.slider-container{overflow:hidden;position:relative;height:100%;width:50%}.slider-item{position:absolute;top:50%;background-color:var(--grey-10);padding:6px;border-radius:var(--radius-1);box-shadow:var(--shadow-1);transition:var(--transition-2)}.controls{display:flex;gap:16px}.slider-container .controls{position:absolute;top:50%;left:50%}.controls button{width:40px;height:40px;border-radius:50%;display:flex;padding-bottom:1px;align-items:center;justify-content:center;background:var(--grey-10);color:var(--grey-1)}.controls button.active{background:linear-gradient(to top,var(--grey-1),var(--grey-3));color:var(--grey-10)}.container{width:50%;height:100%;display:flex;padding:88px;justify-content:center;align-items:center}.container div{width:100%;max-width:512px!important;aspect-ratio:1;background-color:var(--color-bg);padding:16px}.tiles{border-bottom:2px solid var(--grey-10)}.features-container{padding:156px 96px 164px 168px}.features-container:has(.features){flex-direction:column;gap:32px}.features{position:relative;width:100%;height:100%;max-width:864px;max-height:864px;display:flex;background-color:var(--grey-10);border-radius:var(--radius-1);box-shadow:var(--shadow-1),var(--shadow-grey)}.features h2,.features p{text-wrap:balance;width:296px;opacity:0;transition:var(--transition-3)}.features span{flex-grow:1;position:relative;width:288px;overflow:hidden;display:flex;flex-direction:column;justify-content:end;padding:48px;gap:20px;transition:var(--transition-3);cursor:pointer}.features span:nth-of-type(2){border-left:2px solid var(--color-bg);border-right:2px solid var(--color-bg)}.features span.active{width:100%}.features span.active h2,.features span.active p{opacity:1}.features-shape{position:absolute;top:48px;right:0;bottom:0;left:48px;width:96px;height:108px}.pricing-card{position:relative;min-width:360px;width:360px;height:481px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:4px;padding:48px 48px 108px;border-radius:var(--radius-1);box-shadow:var(--shadow-1),var(--shadow-grey);background-color:var(--grey-10);z-index:1}.pricing-card h1{position:absolute;inset:48px auto auto 48px}.pricing-card span{position:absolute;inset:145px auto auto 48px;display:flex;align-items:end}.pricing-card button{position:absolute;inset:auto auto 40px 48px}.pricing-divider{position:absolute;inset:193px auto auto 48px;height:1.5px;width:92px;background-image:linear-gradient(to right,var(--orange-8),var(--pink-7))}.pricing-card svg{min-width:20px;min-height:20px;width:20px;height:20px;margin-top:1px;fill:var(--color-text)}.pricing-card li{list-style-type:none;width:100%;display:flex;gap:8px}.faq-container{position:relative;max-width:504px;padding:142px 48px 48px;border-radius:var(--radius-1);border:2px solid var(--grey-10);background-color:var(--grey-9);box-shadow:var(--shadow-grey)}.faq-container h1{position:absolute;inset:48px auto auto 48px}.faq-question{padding:20px 20px 20px 0;gap:8px;align-items:start;background:none;text-align:left;transition:var(--transition-1)}.faq-question svg{width:24px;height:24px;transition:var(--transition-1);fill:var(--color-text)}.faq-question:hover,.faq-question.active:hover{color:var(--grey-5)}.faq-question:hover svg{fill:var(--grey-5)}.faq-question.active{color:var(--color-text)}.faq-answer{overflow:hidden;max-height:0;transition:max-height var(--transition-2),padding var(--transition-2);padding:0 0 0 32px}.faq-answer.active{max-height:108px;padding:0 0 20px 32px}.faq-answer p{color:var(--color-text-2)}.faq-answer a{color:var(--orange-6);text-decoration:none}.faq-answer a:hover{color:var(--orange-3)}.faq-question span.rotated svg{transform:rotate(45deg)}.logo-big{position:fixed;top:14px;left:18.5px;z-index:10}.hamburger{display:none!important;position:fixed;inset:8px 12px auto auto;width:44px;height:44px;padding:15px 10px;flex-direction:column;justify-content:space-between;background:none;z-index:10}.hamburger div{height:2px;width:100%;background-color:var(--grey-5);transition:var(--transition-2)}.hamburger div.open:first-child{transform:translateY(6px) rotate(45deg)}.hamburger div.open:last-child{transform:translateY(-6px) rotate(-45deg)}@media (max-width: 1055px){.hero div{height:206px}.hero div span{position:absolute;left:118px;top:4px;font-style:italic;letter-spacing:-1%}.hero div h1{top:50px}.hero div h1:nth-of-type(2){left:186px}.hero div h1:nth-of-type(3){top:100px}.hero div svg{width:46px;height:46px;top:53px;left:141px}.hero div button{position:absolute;bottom:0}.hero div button:nth-of-type(2){left:170px;bottom:0}.components{padding:0 0 0 72px}.components h2,.components p{min-width:256px;max-width:320px}.left{padding:0 48px 0 64px}.right{padding:0 64px 0 48px}.slider-item{padding:6px}.container{padding:48px}.container div{max-width:308px!important;padding:12px}.features-container{padding:108px 64px 116px 136px}.features{max-width:772px;max-height:772px;min-height:386px}.features h2,.features p{width:280px}.features span{width:200px;padding:32px;gap:16px}.features-shape{top:32px;right:0;bottom:0;left:32px;width:72px;height:72px}.pricing-card{min-width:280px;width:280px;height:436px;gap:4px;padding:32px 32px 84px}.pricing-card h1{inset:32px auto auto 32px}.pricing-card span{inset:113px auto auto 32px}.pricing-card button{inset:auto auto 28px 32px}.pricing-divider{inset:153px auto auto 32px}.faq-container{max-width:504px;min-width:312px;padding:108px 32px 32px}.faq-container h1{inset:32px auto auto 32px}.faq-question{padding:16px 16px 16px 0}.faq-question svg{margin-top:-2px}.faq-answer.active{max-height:96px;padding:0 0 16px 32px}}@media (max-width: 719px){nav{top:0;left:0;right:0;width:100%;height:60px;justify-content:end}nav:hover{width:100%}nav.open{height:296px}.button-nav span{opacity:1}nav .button-cta{position:absolute;top:10px;right:64px;width:fit-content;padding:0 28px}nav .button-cta span{opacity:1}nav .button-cta svg{display:none}.mobile-mask{background-color:var(--grey-10);position:absolute;inset:0px 0px auto 0px;height:60px}.logo-big{top:10px;left:14px}.hero{padding:16px}.grid{left:0;width:100vw}.demo{padding:0 16px}.components{flex-direction:column;padding:0}.components:has(.left){flex-direction:column-reverse}.components h2,.components p{min-width:328px;max-width:348px}.left,.right{height:30%;min-height:256px;width:100%;align-items:center;padding:0 16px;gap:20px}.node-graph{width:100%}.slider-container{width:100%;margin-bottom:30px}.container{width:100%;padding:24px;justify-content:center;align-items:center}.container div{max-width:348px!important}.features-container{padding:156px 16px 100px;overflow:hidden}.features{width:calc(300% - 96px)!important;max-width:none;max-height:864px;justify-content:center;gap:16px;display:flex;transition:transform var(--transition-2);transform:translate(0)}.features-container.mobile-feature-0 .features{transform:translate(33.333%)}.features-container.mobile-feature-1 .features{transform:translate(0)}.features-container.mobile-feature-2 .features{transform:translate(-33.333%)}.features span{position:relative;flex:0 0 33.333%;padding:24px;gap:16px;background-color:var(--grey-10);border-radius:var(--radius-1);box-shadow:var(--shadow-1),var(--shadow-grey)}.features-container:has(.faq-container){padding-top:0;flex-direction:column;height:fit-content;gap:32px}.pricing-card{max-width:504px;min-width:312px;width:100%;height:436px;padding:32px 32px 84px}.hamburger{display:flex!important}}@media (max-width: 1055px){:root{--font-size-body: 16px}h1{font-size:46px;line-height:100%;letter-spacing:-1.25%}h2{font-size:32px;line-height:102%;letter-spacing:-1.25%}h3{font-size:20px;line-height:100%}}