@font-face{font-family:source-code-pro;font-display:swap;font-style:normal;font-weight:400;font-stretch:100%;src:url(/assets/source-code-pro_normal-400-DlDz32fl.woff2)format("woff2")}@font-face{font-family:source-code-pro;font-display:swap;font-style:normal;font-weight:500;font-stretch:100%;src:url(/assets/source-code-pro_normal-500-DTmSA4OP.woff2)format("woff2")}@font-face{font-family:source-code-pro;font-display:swap;font-style:normal;font-weight:600;font-stretch:100%;src:url(/assets/source-code-pro_normal-600-Bbjkt_Sw.woff2)format("woff2")}@font-face{font-family:source-sans-3;font-display:swap;font-style:italic;font-weight:400;font-stretch:100%;src:url(/assets/source-sans-3_italic-400-7nU82_JN.woff2)format("woff2")}@font-face{font-family:source-sans-3;font-display:swap;font-style:italic;font-weight:700;font-stretch:100%;src:url(/assets/source-sans-3_italic-700-3kaX9CIG.woff2)format("woff2")}@font-face{font-family:source-sans-3;font-display:swap;font-style:normal;font-weight:400;font-stretch:100%;src:url(/assets/source-sans-3_normal-400-BqyKS6ZE.woff2)format("woff2")}@font-face{font-family:source-sans-3;font-display:swap;font-style:normal;font-weight:700;font-stretch:100%;src:url(/assets/source-sans-3_normal-700-vCnDgOay.woff2)format("woff2")}:root{--color--white:#fff;--color--white-oo:#e1e1e11a;--color--white-o:#e1e1e10d;--color--bg:#080810;--color--black-o:#00000020;--color--gray:#0f0f1a;--color--gray-d:#0f0f10;--color--gray-l:#a1a1aa;--color--teal:#06d6a0;--color--teal-o:#06d6a066;--color--green:#27c93f;--color--purple:#4f46e5;--color--orange:#ff5f56;--color--yellow:#ffbd2e;--site-margin:30px;--font--text:source-sans-3, sans-serif;--font--heading:source-sans-3, sans-serif;--font--kicker:source-code-pro, monospace}@media screen and (width>=780px){:root{--site-margin:50px}}body{color:var(--color--gray-l);font-family:var(--font--text);font-size:1rem;line-height:170%}p{margin-block:0 16px;font-size:1.125rem}a{color:currentColor;font-size:1.125rem;text-decoration:none;transition:all .25s}a:hover,a:focus{color:var(--color--teal)}h1,h2,h3,h4{color:var(--color--white);font-family:var(--font--heading);flex-direction:column;justify-content:center;align-items:center;column-gap:1rem;margin-block:0 16px;display:flex}h1 .text-kicker,h2 .text-kicker,h3 .text-kicker,h4 .text-kicker{text-transform:uppercase;letter-spacing:.0625rem;color:var(--color--teal);font-size:.875rem;font-weight:600;line-height:1.3;font-family:var(--font--kicker);margin-block-end:16px}h1 .text-content,h2 .text-content,h3 .text-content,h4 .text-content{color:currentColor}h1{font-size:5.5rem;font-weight:700;line-height:100%}h2{font-size:3.5rem;font-weight:700;line-height:110%}.menu{flex:1 0 auto;margin:0}.menu__list{justify-content:flex-end;align-items:center;column-gap:32px;margin:0;list-style-type:none;display:flex}.menu__list,.menu__list>li{margin-left:0;padding-left:0}.menu__list>li:before{content:"​";position:absolute}.wrapper{inline-size:100%;max-inline-size:min(900px - var(--site-margin) * 2, 100% - var(--site-margin) * 2);margin-inline:auto;display:block;position:relative}.wrapper .wrapper{max-inline-size:100%}.wrapper--lg{max-inline-size:min(1200px - var(--site-margin) * 2, 100% - var(--site-margin) * 2)}.wrapper--lg .wrapper{max-inline-size:min(900px - var(--site-margin) * 2, 100% - var(--site-margin) * 2)}.wrapper--xlg{max-inline-size:min(1600px - var(--site-margin) * 2, 100% - var(--site-margin) * 2)}.wrapper--xlg .wrapper{max-inline-size:min(1200px - var(--site-margin) * 2, 100% - var(--site-margin) * 2)}*,:after,:before{box-sizing:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{background-color:var(--color--bg);margin:0;position:relative}body:before{content:"";pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.4' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.15'/%3E%3C/svg%3E");background-size:150px 150px;position:absolute;inset:0}#root{width:100%;height:100%;margin:0 auto;overflow-x:clip}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}.page{position:relative}.site-header{z-index:1;inline-size:100%;max-inline-size:100%;margin-block-end:24px;position:relative}.site-header .site-header__wrapper{padding-inline:var(--site-margin);inline-size:100%;max-inline-size:min(1600px - var(--site-margin) * 2, 100% - var(--site-margin) * 2);align-items:center;column-gap:48px;margin-inline:auto;padding-block:32px;display:flex}.site-header .site-header__logo{flex:0 75px;inline-size:100%;max-inline-size:75px}.site-footer{border-top:1px solid #ffffff14;inline-size:100%;max-inline-size:100%;margin-block-start:100px;position:relative}.site-footer__wrapper{padding-inline:var(--site-margin);max-inline-size:min(1600px - var(--site-margin) * 2, 100% - var(--site-margin) * 2);align-items:center;gap:32px;margin-inline:auto;padding-block:12px;display:flex}.oval{opacity:.12;filter:blur(100px);border-radius:800px;width:800px;height:800px;position:absolute}.oval--green{background:var(--color--teal);top:-400px;left:-400px}.oval--blue{background:var(--color--purple);opacity:.14;width:600px;height:600px;bottom:-274px;right:-310px}.buttons{align-items:center;gap:24px;display:flex}.button .button__link{text-align:center;background-color:var(--color--teal);border:2px solid var(--color--teal);color:var(--color--bg);font-weight:600;font-family:var(--font--text);cursor:pointer;letter-spacing:.03125rem;border-radius:8px;padding-block:14px;padding-inline:20px;text-decoration:none;transition:all .25s;display:block}.button .button__link:hover,.button .button__link:focus{background-color:var(--color--teal-o);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color--white)}.button--secondary .button__link{color:var(--color--white);background-color:#0000}.section-techstack{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px 80px;margin-block:0 80px;display:flex}.section-techstack>span{text-align:center;flex-grow:1;flex-basis:100%}.section-techstack .techstack__list{list-style-type:none}.section-techstack .techstack__list,.section-techstack .techstack__list>li{margin-inline-start:0;padding-inline-start:0}.section-techstack .techstack__list>li:before{content:"​";position:absolute}.section-techstack .techstack__list{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px 80px;margin:0;display:flex}.section-techstack .techstack__item{flex-direction:row;flex:none;justify-content:flex-start;align-items:center;column-gap:12px;display:flex}.section-techstack .techstack__item svg{width:24px;height:24px}.section-techstack .techstack__item svg path{fill:var(--color--white)}.section-featured{margin-block-start:110px}.section-featured header{text-align:center;margin-block-end:48px}.section-featured header h1{max-inline-size:940px;margin-block-end:24px;margin-inline:auto}.section-featured header p{max-inline-size:680px;margin-inline:auto;font-size:1.375rem;line-height:160%}.section-featured .buttons{justify-content:center;margin-block-end:105px}.section-featured-projects{margin-block:70px}@media screen and (width>=840px){.section-featured-projects{margin-block:140px}}.section-featured-projects header{margin-block-end:80px}.section-featured-projects .featured-projects__list{grid-template-rows:auto auto;grid-template-columns:65% 1fr;gap:32px;display:grid}.section-featured-projects .featured-projects__list .featured-projects__item{background-color:var(--color--white-o);border-radius:32px;overflow:hidden}.section-featured-projects .featured-projects__list .featured-projects__item:first-child{grid-row:1/3}.section-featured-projects .featured-projects__list .featured-projects__item:first-child .featured-projects__item-content{padding-block:32px;padding-inline:32px}.section-featured-projects .featured-projects__list .featured-projects__item-content{padding-block:28px;padding-inline:28px}.section-group{background-color:var(--color--gray-d);width:100vw;margin-block-end:140px;margin-inline:calc(50% - 50vw);padding-block:70px}@media screen and (width>=840px){.section-group{padding-block:140px}}.section-group .wrapper{flex-direction:column;align-items:center;gap:80px;display:flex}@media screen and (width>=840px){.section-group .wrapper{flex-direction:row}}.section-group .group-content{flex:auto}.section-group .group-content h2{align-items:flex-start}.section-group .group-media{flex-grow:1;flex-shrink:0;max-inline-size:80%}@media screen and (width>=840px){.section-group .group-media{flex-basis:46%;max-inline-size:46%}}.section-group .group-media__card-content{background-color:var(--color--white-o);border-radius:0 0 32px 32px;padding-block:32px 10px;padding-inline:32px}.section-group .group-media__card-content .code-header{flex-direction:row;align-items:center;gap:6px;margin-block-end:16px;display:flex}.section-group .group-media__figure{border-radius:32px 32px 0 0;block-size:320px;margin:0;overflow:hidden}.section-group .group-media__figure img{object-fit:cover;object-position:40% 50%;width:100%;height:100%}.section-contact{position:relative}.section-contact header{margin-block-end:48px}.section-contact header h2{margin-block-end:16px}.section-contact header p{text-align:center}.section-contact .section-contact-form{--padding-block:32px;--padding-inline:32px;max-inline-size:calc(600px - var(--padding-inline));padding-block:var(--padding-block);padding-inline:var(--padding-inline);border:1px solid var(--color--white-oo);background:var(--color--white-o);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top-width:2px;border-radius:32px;margin-inline:auto}@media screen and (width>=600px){.section-contact .section-contact-form{--padding-block:48px;--padding-inline:48px}}.section-contact .section-contact-form form{flex-direction:column;align-items:flex-start;gap:32px;display:flex}.section-contact .section-contact-form form .form-body{flex-direction:column;gap:24px;width:100%;display:flex}.section-contact .section-contact-form form .form-body label{flex-direction:column;flex-basis:100%;justify-content:flex-start;display:flex}.section-contact .section-contact-form form .form-body label span{color:var(--color--white);margin-block-end:12px;position:relative}.section-contact .section-contact-form form .form-body input[type=text],.section-contact .section-contact-form form .form-body input[type=email],.section-contact .section-contact-form form .form-body textarea{background:var(--color--gray);color:var(--color--white);border:1px solid var(--color--white-oo);letter-spacing:.0625rem;border-radius:8px;outline:0;padding-block:16px 18px;padding-inline:16px}.section-contact .section-contact-form form .form-body input[type=text]::placeholder,.section-contact .section-contact-form form .form-body input[type=email]::placeholder,.section-contact .section-contact-form form .form-body textarea::placeholder{color:var(--color--gray-l);opacity:1;font-style:italic}.section-contact .section-contact-form form .form-body textarea{resize:none}.section-contact .section-contact-form form .form-footer{align-self:stretch}.section-contact .section-contact-form form .form-footer button[type=submit]{background-color:var(--color--teal);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;width:100%;padding-block:16px;padding-inline:16px;display:flex}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}