.c-spacer{padding:3rem 0}.c-spacer.sm{padding:2rem 0}.c-spacer svg path{fill:currentColor}.c-spacer__divider{max-width:200px;margin:0 auto}.c-spacer__divider svg{transform:rotate(5deg)}.c-hero-illustration{width:100%;margin-left:auto;margin-right:auto;display:flex;justify-content:center;align-items:center;margin-bottom:1rem;padding:.5rem;box-shadow:#0000 0 0,#0000 0 0,#00000008 0 0 22.07px;border:solid 1px var(--color-bg-5);border-radius:1rem;background-color:#ffffff05;box-shadow:0 8px 32px #ffffff05}.c-hero-illustration img{display:block;width:100%;height:auto;border-radius:.5rem;border:solid 1px var(--color-bg-2);box-shadow:0 8px 32px #ffffff05}.c-hero-illustration img:last-child{display:none;width:331px}@media screen and (max-width: 1020px){.c-hero-illustration{margin-top:1rem;width:100%;border-radius:0}}@media screen and (max-width: 576px){.c-hero-illustration img{border-radius:18px}.c-hero-illustration img:first-child{display:none}.c-hero-illustration img:last-child{display:block}}.c-roller-alert{position:relative;display:flex;align-items:center;justify-content:center;width:100%;transition:all var(--transition-time) linear;pointer-events:all;user-select:none;cursor:pointer}.c-roller-alert .c-card{width:100%;margin-bottom:1rem;filter:brightness(125%);box-shadow:0 1px 2px #03071226,0 4px 10px #0307124f,0 8px 22px #03071275}@media screen and (max-width: 576px){.c-roller-alert .c-card{margin-bottom:.5rem}}.c-roller{position:relative;z-index:1;margin:0 auto;width:500px;height:320px;overflow-y:hidden;padding:var(--margin-lg) var(--spacer);pointer-events:none}.c-roller>section{width:100%;position:relative}.c-roller .fade-move,.c-roller .fade-enter-active,.c-roller .fade-leave-active{transition:all .5s cubic-bezier(.55,0,.1,1)}.c-roller .fade-enter-from{opacity:0;transform:translateY(-8px)}.c-roller .fade-leave-to{opacity:0;transform:translateY(8px)}.c-roller .fade-leave-active{position:absolute}@media screen and (max-width: 576px){.c-roller{height:264px;left:0;width:100%;padding:var(--margin-lg)}}:root{--vc-clr-primary: #000;--vc-clr-secondary: #090f207f;--vc-clr-white: #ffffff}.carousel,.carousel *{box-sizing:border-box}.carousel{height:var(--vc-carousel-height);overscroll-behavior:none;position:relative;touch-action:pan-y;z-index:1}.carousel.is-dragging{touch-action:none}.carousel__track{display:flex;gap:var(--vc-slide-gap);height:100%;list-style:none;margin:0;padding:0;position:relative;transition:transform ease-out;transition-duration:var(--vc-transition-duration);width:100%}.carousel__viewport{height:100%;overflow:hidden;width:100%}.carousel__sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.carousel.is-rtl{direction:rtl}.carousel.is-ttb .carousel__track{flex-direction:column}.carousel.is-btt .carousel__track{flex-direction:column-reverse}.carousel.is-vertical .carousel__slide--clone:first-child{margin-block-start:var(--vc-cloned-offset)}.carousel:not(.is-vertical) .carousel__slide--clone:first-child{margin-inline-start:var(--vc-cloned-offset)}.carousel.is-effect-fade .carousel__track{display:grid;grid-template-columns:100%;grid-template-rows:100%;transition:none}.carousel.is-effect-fade .carousel__slide{grid-area:1 / 1;height:100%;opacity:0;pointer-events:none;transition:opacity ease-in-out;transition-duration:var(--vc-transition-duration);width:100%}.carousel.is-effect-fade .carousel__slide--active{opacity:1;pointer-events:auto}:root{--vc-icn-width: 100%}.carousel__icon{fill:currentColor;height:var(--vc-icn-width);width:var(--vc-icn-width)}:root{--vc-nav-background: transparent;--vc-nav-border-radius: 0;--vc-nav-color: var(--vc-clr-primary);--vc-nav-color-hover: var(--vc-clr-secondary);--vc-nav-height: 30px;--vc-nav-width: 30px}.carousel__next,.carousel__prev{align-items:center;background:var(--vc-nav-background);border:0;border-radius:var(--vc-nav-border-radius);color:var(--vc-nav-color);cursor:pointer;display:flex;font-size:var(--vc-nav-height);height:var(--vc-nav-height);justify-content:center;padding:0;position:absolute;inset-block-start:50%;transform:translateY(-50%);width:var(--vc-nav-width)}.carousel__next--disabled,.carousel__prev--disabled{cursor:not-allowed;opacity:.5}.carousel__next{inset-inline-end:0}.carousel__prev{inset-inline-start:0}.carousel.is-vertical{.carousel__next,.carousel__prev{inset-inline:auto 50%;inset-block-start:auto;transform:translate(50%)}&.is-ttb{.carousel__next{inset-block-end:0}.carousel__prev{inset-block-start:0}}&.is-btt{.carousel__next{inset-block-start:0}.carousel__prev{inset-block-end:0}}}@media (hover: hover){.carousel__next:hover,.carousel__prev:hover{color:var(--vc-nav-color-hover)}}:root{--vc-pgn-active-color: var(--vc-clr-primary);--vc-pgn-background-color: var(--vc-clr-secondary);--vc-pgn-border-radius: 0;--vc-pgn-gap: 6px;--vc-pgn-height: 4px;--vc-png-bottom: 10px;--vc-png-left: auto;--vc-png-right: 10px;--vc-pgn-width: 16px}.carousel__pagination{bottom:var(--vc-png-bottom);display:flex;gap:var(--vc-pgn-gap);justify-content:center;left:50%;list-style:none;margin:0;padding:0;position:absolute;transform:translate(-50%)}.carousel__pagination-button{background-color:var(--vc-pgn-background-color);border:0;border-radius:var(--vc-pgn-border-radius);cursor:pointer;display:block;height:var(--vc-pgn-height);margin:0;padding:0;width:var(--vc-pgn-width)}.carousel__pagination-button--active{background-color:var(--vc-pgn-active-color)}@media (hover: hover){.carousel__pagination-button:hover{background-color:var(--vc-pgn-active-color)}}.carousel.is-vertical{.carousel__pagination{bottom:50%;flex-direction:column;left:var(--vc-png-left);right:var(--vc-png-right);transform:translateY(50%)}.carousel__pagination-button{height:var(--vc-pgn-width);width:var(--vc-pgn-height)}}.carousel.is-btt .carousel__pagination{flex-direction:column-reverse}.carousel__slide{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin:0;transform:translateZ(0)}.funnel-container{position:absolute;top:calc(20% - 16rem);left:0;width:100%;height:100%;pointer-events:none;z-index:-1;background:transparent}.funnel-container svg{width:100%;height:100%;display:block}.funnel-container .fade-in-enter-from{opacity:0}.funnel-container .fade-in-enter-active{transition:opacity 1.5s ease}.funnel-container .fade-in-enter-to{opacity:1}@media screen and (max-width: 576px){.funnel-container{top:20%}.funnel-container svg{opacity:.75}}@keyframes jiggle{0%{transform:rotate(-2deg) translateY(0)}25%{transform:rotate(2deg) translateY(1px)}50%{transform:rotate(-2deg) translateY(0)}75%{transform:rotate(2deg) translateY(-1px)}to{transform:rotate(-2deg) translateY(0)}}.c-landing-intro .mark{width:64px;height:64px;background-color:red;position:relative}.c-landing-intro .mark>span{display:block;position:absolute;top:35%;left:36%;width:28%;height:30%}.c-landing-intro .mark>span:after{content:"";display:block;width:100%;height:100%;background-color:#fff;transform-style:preserve-3d;transform:skew(0,26.5deg);box-shadow:.5px -.5px #fff}.c-landing-intro .mark>span:nth-child(2){transform:translate(50%) translateY(-23%)}.c-landing-intro .mark>span:nth-child(3){transform:translate(-55%) translateY(25%)}.c-landing-intro .mark>img{display:none;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.25}.c-landing-intro .d-intro{position:relative;padding:7rem 0 5rem}.c-landing-intro .d-intro .subtitle{position:relative;display:inline-block;margin-bottom:1rem;font-weight:500}.c-landing-intro .d-intro .subtitle:after{content:"Beta";font-family:var(--font-family-monospace);font-size:var(--font-size-sm);display:inline-block;padding:var(--margin);background-color:var(--color-bg-3);line-height:1;border-radius:var(--border-radius)}.c-landing-intro .d-intro h1{position:relative;z-index:1;text-align:center;margin-bottom:1rem}.c-landing-intro .d-intro .article-text{position:relative;z-index:1;text-align:center;color:var(--color-font)}.c-landing-intro .d-intro nav{position:relative;z-index:1;width:400px;margin:0 auto;display:flex;align-items:center;justify-content:center}.c-landing-intro .d-intro nav>span{display:inline-block;padding:var(--margin) var(--margin-lg);color:var(--color-font);margin:0 var(--margin-sm);font-weight:500;font-size:var(--font-size-sm);line-height:1;border-radius:var(--border-radius);opacity:.8;transition:all var(--transition-time-sm) linear;user-select:none;cursor:pointer}.c-landing-intro .d-intro nav>span:hover,.c-landing-intro .d-intro nav>span:active,.c-landing-intro .d-intro nav>span.active{opacity:1;background-color:var(--color-bg-4)}.c-landing-intro .d-intro .btn-container{position:relative;z-index:1;text-align:center;margin-bottom:2rem}.c-landing-intro .d-intro .btn-container a{margin:0 var(--margin);min-width:183px}.c-landing-intro .d-intro .script-container{margin-top:-1rem;margin-bottom:2rem;position:relative;z-index:1}.c-landing-intro .d-intro .script-container>span{display:block;margin:0 auto;margin-bottom:.5rem;text-align:center}.c-landing-intro .d-intro .script-container .c-code{position:relative;margin-bottom:.5rem;background-color:var(--color-bg-2);overflow:initial;box-shadow:inset 0 -1px 1px #00000001,inset 0 1px 1px #ffffff06,inset 0 5px 20px 1px #ffffff06,0 2px 5px #3c425714,0 1px 1px #0000001f,0 0 0 1px #00000026}.c-landing-intro .d-intro .script-container .c-code code{font-size:var(--font-size-sm)}.c-landing-intro .d-intro .script-container>p{font-weight:500;font-size:var(--font-size-xs);text-align:center}@media screen and (max-width: 1300px){.c-landing-intro .d-intro{padding-top:4rem}}@media screen and (max-width: 576px){.c-landing-intro .d-intro{padding:2rem 0 3rem}.c-landing-intro .d-intro nav{width:100%}.c-landing-intro .d-intro nav>span{padding:4px 6px;margin:0 2px}.c-landing-intro .d-intro .item-container{margin-top:1.5rem;max-width:380px}.c-landing-intro .d-intro .item-container .c-card{transform:translate(0)!important}.c-landing-intro .d-intro .btn-container{margin-left:2rem;width:calc(100% - 4rem);margin:0 auto}.c-landing-intro .d-intro .btn-container .btn{width:100%;margin-bottom:1rem}.c-landing-intro .d-intro .script-container{display:none}}.c-landing-intro .d-usage{padding:5rem 0;overflow-x:hidden}.c-landing-intro .d-usage h2,.c-landing-intro .d-usage .article-text{text-align:center}.c-landing-intro .d-usage__grid{position:relative;margin-top:2rem;margin-bottom:1rem;margin-left:0;width:calc(100% + 4rem);display:grid;grid-template-columns:1.2fr .8fr;align-items:center}.c-landing-intro .d-usage__grid .c-code{transform:rotate(-2deg) translate(2rem);background-color:var(--color-bg-2);box-shadow:0 0 2px #0307121f,0 1px 10px #0307123d,0 2px 22px #0307125c}.c-landing-intro .d-usage__grid .c-card{z-index:1;margin-left:-2rem;transform:rotate(5deg) translate(-2rem) translateY(1rem);box-shadow:0 0 2px #0307121f,0 1px 10px #0307123d,0 2px 22px #0307125c}.c-landing-intro .d-usage__grid>svg{position:absolute;z-index:1;bottom:2.5rem;left:calc(50% - 5.5rem);transform:scale(.65) rotate(35deg);opacity:.95}@media screen and (max-width: 576px){.c-landing-intro .d-usage{padding:3rem 0}.c-landing-intro .d-usage__grid{display:block;margin-left:0;width:100%}.c-landing-intro .d-usage__grid .c-code{transform:rotate(0);margin-bottom:0}.c-landing-intro .d-usage__grid .c-card{margin-left:0;transform:rotate(0)}.c-landing-intro .d-usage__grid>svg{position:relative;margin:.5rem 0;z-index:1;bottom:initial;left:calc(50% - 1rem);transform:scale(.6) translate(-50%) rotate(130deg);opacity:1}}.c-landing-intro .d-problem{padding:5rem 0}.c-landing-intro .d-problem__grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:.25rem;margin-top:2rem;margin-bottom:3rem}.c-landing-intro .d-problem__grid span{position:relative;display:inline-block;height:100px;animation:jiggle .7s infinite;animation-timing-function:ease-in-out}.c-landing-intro .d-problem__grid span:nth-child(1){animation-delay:.2s}.c-landing-intro .d-problem__grid span:nth-child(odd){animation-delay:.1s}.c-landing-intro .d-problem__grid span img{display:block;border-radius:.5rem;border:var(--color-warning) solid 3px}.c-landing-intro .d-problem__grid span:after{content:attr(title);position:absolute;bottom:-10px;left:50%;padding:2px 6px;transform:translate(-50%);font-size:var(--font-size-xs);font-weight:600;background-color:var(--color-warning);border-radius:12px;line-height:1}.c-landing-intro .d-problem__inner{display:grid;grid-template-columns:1fr 1fr}.c-landing-intro .d-problem__inner article h4{text-align:center}.c-landing-intro .d-problem__inner article p{display:flex;font-size:var(--font-size-sm);margin-bottom:.5rem}.c-landing-intro .d-problem__inner article p svg{min-width:24px;color:var(--color-danger)}.c-landing-intro .d-problem__inner article:nth-child(2) p svg{color:var(--color-success)}@media screen and (max-width: 620px){.c-landing-intro .d-problem__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:50%}.c-landing-intro .d-problem__grid span{height:100%}.c-landing-intro .d-problem__grid span:nth-child(1){margin-top:-.5rem;z-index:1}.c-landing-intro .d-problem__grid span:nth-child(2){margin-top:-.5rem;z-index:2}}.c-landing-intro .d-explainer{padding:5rem 0}.c-landing-intro .d-explainer svg{display:inline-block;margin-bottom:.5rem;width:32px;height:32px;color:var(--color-primary-light)}.c-landing-intro .d-explainer h2{margin-bottom:2rem}.c-landing-intro .d-explainer article{padding:var(--spacer)}.c-landing-intro .d-explainer article p:last-child{margin-bottom:0}.c-landing-intro .d-explainer ul{margin:0;padding:0;list-style:none;margin-bottom:1rem}.c-landing-intro .d-explainer ul li{display:flex;margin-bottom:.5rem}.c-landing-intro .d-explainer ul li svg{color:var(--color-success);min-width:24px;margin-right:var(--margin)}.c-landing-intro .d-explainer ul li span{font-weight:500;font-variation-settings:"opsz" 12}.c-landing-intro .d-explainer section img{border-left:var(--color-translucent) solid 1px;border-top-right-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.c-landing-intro .d-explainer__inner{border-radius:var(--border-radius-lg);background-color:var(--color-bg-2);display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;margin-bottom:3rem}.c-landing-intro .d-explainer__inner.right{grid-template-columns:1.15fr .85fr}.c-landing-intro .d-explainer__inner.right section{order:-1}.c-landing-intro .d-explainer__inner.right section img{border-left:none;border-right:var(--color-translucent) solid 1px;border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--border-radius-lg);border-bottom-left-radius:var(--border-radius-lg)}@media screen and (max-width: 576px){.c-landing-intro .d-explainer{padding:3rem 0}.c-landing-intro .d-explainer__inner{padding:var(--spacer-sm);padding-top:var(--spacer);display:block}.c-landing-intro .d-explainer article{padding:0;padding-bottom:var(--spacer)}.c-landing-intro .d-explainer section{margin-left:calc(var(--spacer-sm) * -1);margin-bottom:calc(var(--spacer-sm) * -1);width:calc(100% + var(--spacer-sm) * 2)}.c-landing-intro .d-explainer section img{border-top:var(--color-translucent) solid 1px;border-left:none!important;border-right:none!important;border-radius:0;border-top-left-radius:0!important;border-top-right-radius:0!important;border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}}.c-landing-intro .d-examples{padding:5rem 0;overflow-x:hidden}.c-landing-intro .d-examples h2,.c-landing-intro .d-examples .article-text{text-align:center}.c-landing-intro .d-examples__grid{margin-left:-3rem;width:calc(100% + 6rem);padding:1rem 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column-gap:var(--margin-lg)}.c-landing-intro .d-examples__grid>article>span{display:inline-block;padding-bottom:.5rem;font-size:var(--font-size-lg);font-weight:600;font-family:Caveat}.c-landing-intro .d-examples__grid>article .c-card{box-shadow:0 0 2px #0307121f,0 1px 10px #0307123d,0 2px 22px #0307125c}.c-landing-intro .d-examples__grid>article:nth-child(2n){text-align:right}.c-landing-intro .d-examples__grid>article:nth-child(2n) .c-card{text-align:left}@media screen and (max-width: 576px){.c-landing-intro .d-examples{padding:3rem 0}.c-landing-intro .d-examples__grid{display:block;margin-left:0;width:100%}.c-landing-intro .d-examples__grid>article{transform:rotate(0)}.c-landing-intro .d-examples__grid>article>span{display:block;padding-bottom:.125rem;text-align:center}.c-landing-intro .d-examples__grid>article:nth-child(2n){transform:rotate(0);text-align:left}}.c-landing-intro .d-callout{padding:5rem 0;--img-width: 48px}.c-landing-intro .d-callout__inner{padding:3rem;border-radius:var(--border-radius-lg);border:var(--color-translucent) solid 1px;background-color:var(--color-bg-2);font-family:var(--font-family-monospace);letter-spacing:-.25px;color:var(--color-font-light);filter:brightness(112.5%)}.c-landing-intro .d-callout__inner article{margin-top:2rem;display:grid;grid-template-columns:var(--img-width) 1fr;grid-template-rows:auto auto;grid-column-gap:var(--margin-lg);align-items:center;width:100%;justify-items:start}.c-landing-intro .d-callout__inner article img{width:var(--img-width);height:var(--img-width);border-radius:99px;background-color:#000;grid-column:1/2;grid-row:span 2}.c-landing-intro .d-callout__inner article span:nth-of-type(1){grid-column:2/3;grid-row:1/2}.c-landing-intro .d-callout__inner article span:nth-of-type(2){grid-column:2/3;grid-row:2/2}@media screen and (max-width: 576px){.c-landing-intro .d-callout{padding:3rem 0;--img-width: 40px}.c-landing-intro .d-callout__inner{padding:1.5rem;font-size:var(--font-size-sm)}}.c-landing-intro .carousel{overflow:hidden}.c-landing-intro .carousel img{width:100%;height:auto;object-fit:cover;object-position:center center}.c-landing-intro .carousel__liveregion{display:none}.c-landing-intro .carousel-dots{position:absolute;bottom:0;left:50%;transform:translate(-50%);padding-bottom:var(--margin)}.c-landing-intro .carousel-dots span{display:inline-block;margin:0 2px;width:8px;height:8px;border-radius:4px;background-color:var(--color-font);opacity:.65}.c-landing-intro .carousel-dots span.active{opacity:1}