:root{--t3d0:translate3d(0px,0px,0px)}*,:after,:before{box-sizing:border-box}*{border:none;margin:0;padding:0}ul{list-style-type:none}body{tab-size:4}h1,h2,h3,h4,h5,h6,blockquote,figure,media,video,img{margin:0;padding:0}p{margin:0;margin-block:0;margin-inline:0}.italic{font-style:italic}.app-drag{-webkit-user-select:none;-webkit-app-region:drag}.no-app-drag{-webkit-user-select:initial;-webkit-app-region:no-drag}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}:root{--md:72px}.circle{border-radius:50%}.sz-1md{width:var(--md);height:var(--md)}.bg-pop1{background-color:red}.bg-pop2{background-color:#ff0}.bg-pop3{background-color:#00f}.blend-luminosity{mix-blend-mode:luminosity}.blend-burn{mix-blend-mode:color-burn}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.none{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.flex{display:flex}.grid{display:grid}.flex-h,.flex-x,.flex-row{flex-direction:row;display:flex}.flex-v,.flex-y,.flex-col{flex-direction:column;display:flex}.flex-h-reverse{flex-direction:row-reverse;display:flex}.flex-v-reverse{flex-direction:column-reverse;display:flex}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-auto{flex:auto}.flex-initial{flex:0 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.no-grow{flex-shrink:0}.flex-shrink{flex-shrink:1}.flex-shrink-0,.no-shrink{flex-shrink:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.order-first{order:-9999}.order-last{order:9999}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-3,.bp-MD .MD\:grid-cols-3,.bp-LG .LG\:grid-cols-3,.bp-XL .XL\:grid-cols-3,.bp-XXL .XXL\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-2,.bp-MD .MD\:grid-cols-2,.bp-LG .LG\:grid-cols-2,.bp-XL .XL\:grid-cols-2,.bp-XXL .XXL\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-1,.bp-MD .MD\:grid-cols-1,.bp-LG .LG\:grid-cols-1,.bp-XL .XL\:grid-cols-1,.bp-XXL .XXL\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-none{grid-template-rows:none}.col-auto{grid-column:auto}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.col-start-5{grid-column-start:5}.col-start-6{grid-column-start:6}.col-start-7{grid-column-start:7}.col-start-8{grid-column-start:8}.col-start-9{grid-column-start:9}.col-start-10{grid-column-start:10}.col-start-11{grid-column-start:11}.col-start-12{grid-column-start:12}.col-start-13{grid-column-start:13}.col-start-auto{grid-column-start:auto}.col-end-1{grid-column-end:1}.col-end-2{grid-column-end:2}.col-end-3{grid-column-end:3}.col-end-4{grid-column-end:4}.col-end-5{grid-column-end:5}.col-end-6{grid-column-end:6}.col-end-7{grid-column-end:7}.col-end-8{grid-column-end:8}.col-end-9{grid-column-end:9}.col-end-10{grid-column-end:10}.col-end-11{grid-column-end:11}.col-end-12{grid-column-end:12}.col-end-13{grid-column-end:13}.col-end-auto{grid-column-end:auto}.row-auto{grid-row:auto}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.row-span-4{grid-row:span 4/span 4}.row-span-5{grid-row:span 5/span 5}.row-span-6{grid-row:span 6/span 6}.row-span-full{grid-row:1/-1}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.row-start-4{grid-row-start:4}.row-start-5{grid-row-start:5}.row-start-6{grid-row-start:6}.row-start-7{grid-row-start:7}.row-start-auto{grid-row-start:auto}.row-end-1{grid-row-end:1}.row-end-2{grid-row-end:2}.row-end-3{grid-row-end:3}.row-end-4{grid-row-end:4}.row-end-5{grid-row-end:5}.row-end-6{grid-row-end:6}.row-end-7{grid-row-end:7}.row-end-auto{grid-row-end:auto}.place-content-center{place-content:center}.place-content-start{place-content:start}.place-content-end{place-content:end}.place-content-between{place-content:space-between}.place-content-around{place-content:space-around}.place-content-evenly{place-content:space-evenly}.place-content-stretch{place-content:stretch}.place-items-start{place-items:start}.place-items-end{place-items:end}.place-items-center{place-items:center}.place-items-stretch{place-items:stretch stretch}.place-self-auto{place-self:auto}.place-self-start{place-self:start}.place-self-end{place-self:end}.place-self-center{place-self:center}.place-self-stretch{place-self:stretch stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.justify-items-stretch{justify-items:stretch}.justify-self-auto{justify-self:auto}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-clip{overflow-x:clip}.overflow-y-clip{overflow-y:clip}.overflow-x-visible{overflow-x:visible}.overflow-y-visible{overflow-y:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.mx-auto{margin-left:auto;margin-right:auto}.m-auto{margin:auto}:root{--color-text:#fff;--color-bg:#4732ab;--color-link:#fff;--color-link-hover:#fff;--page-padding:1.5rem 2rem;font-size:16px}body{color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:area-normal,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;overflow-x:hidden}.demo-1{background-image:linear-gradient(#0b0bef 0%,#3508e7 10%,#4a08e2 20%,#5c08e2 30%,#650adb 40%,#6f0ed8 50%,#7318c3 60%,#7220ac 70%,#6c2697 80%,#af1dbf 90%,#501cca 100%)}.unbutton{font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.unbutton:focus{outline:none}main{counter-reset:section}.splitting .word{white-space:nowrap}.font-sub{margin-top:2rem;font-size:5vw;display:block}.splitting .font-sub .word{grid-auto-flow:column;display:grid}.char-wrap{display:inline-block;position:relative;overflow:hidden}@media screen and (width>=53em){.frame{grid-gap:2rem;grid-template:"title prev demos sponsor"/auto auto 1fr auto;justify-items:start}.frame__demos{justify-self:end}}:root{--sbar_w:calc(72px*4);--sbar_right:var(--sbar_w);--sbar-header_h:144px;--sbar_blend:none;--sidebar_pl:72px}.bp-XL{--sbar_w:calc(64px*4)}.bp-MD{--sbar-header_h:72px;--sbar_w:calc(100vw - 18px);--sbar_right:0px;--sidebar_pl:11.1111vw;--sbar_blend:none}html.bp-MD{padding-top:var(--sbar-header_h)}#sbar_logo{width:100%;height:18px;display:flex}#sbar_logo>a{background-color:#0000;width:100%;height:18px;display:flex}#sbar_ctas{z-index:99;right:var(--sidebar_pl);height:calc(var(--sbar-header_h) - 0px);flex-direction:column;justify-content:center;display:flex;position:fixed;top:0;transform:translate(0,0)}.bp-MD #sbar_ctas{right:18px}.sbar_header_bg,.sbar_header{z-index:99;height:calc(var(--sbar-header_h) - 0px);width:calc(var(--sbar_w) - 16px);position:fixed;top:0;left:0;transform:translate(0,0)}.sbar_header_bg{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sbar_header{padding-left:var(--sidebar_pl);mix-blend-mode:color-burn;color:var(--c_title);background-color:#eff1f36b;flex-direction:row;flex-shrink:0;align-items:center;gap:24px;display:flex}.sbar_header svg{fill:var(--c_title)}.sbar_footer{padding-left:var(--sidebar_pl);flex-direction:column;flex-shrink:0;align-items:center;width:100%;height:144px;display:flex}side-bar{flex-direction:column;font-weight:400;display:flex}side-bar .hamburger{background-color:#0000;flex-direction:column;gap:3px;margin-left:-1.5rem;padding:1.5rem 0 1.5rem 1.5rem;display:none}side-bar .hamburger ._line{transform-origin:0%;background-color:currentColor;border-radius:1px;width:24px;height:2.5px;transition:transform .2s cubic-bezier(.215,.61,.355,1)}side-bar.show .hamburger ._line-1{transform:translateY(-1px)rotate(35deg)}side-bar.show .hamburger ._line-2{transform:scaleX(0)}side-bar.show .hamburger ._line-3{transform:translateY(1px)rotate(-35deg)}.bp-MD :is(side-bar) .hamburger{display:flex}.bp-MD :is(side-bar) .sbar_header_bg{background:#ffffff0d;width:100%}.bp-MD :is(side-bar).hidden nav{display:none}.sbar_nav,.sbar_nav_bg{padding-top:var(--sbar-header_h,0);top:0;left:0;bottom:var(--tbar_b,0);width:var(--sbar_w,288px);flex-grow:1;flex-shrink:1;position:fixed;transform:translate(0,0)}.sbar_nav_bg{display:none}.sidebar-shown.bp-MD .sbar_nav_bg{display:block}.bp-MD .sbar_nav,.bp-MD .sbar_nav_bg{top:var(--sbar-header_h,0);padding-top:36px;left:0}.sbar_nav{mix-blend-mode:var(--sbar_blend);padding-bottom:72px;padding-left:var(--sidebar_pl);flex-direction:column;font-size:16px;display:flex;overflow-y:auto}.sbar_nav ol{flex-direction:column;display:flex}.sbar_nav ol.legal{--color-link:var(--c_meta);--color-link-hover:var(--c_title)}.sbar_nav h5{color:var(--c_meta);text-transform:uppercase;letter-spacing:.1ch;flex-direction:row;flex-grow:0;flex-shrink:0;align-items:center;height:36px;margin-top:12px;font-size:12px;font-weight:400;display:flex}.sbar_nav li{flex-direction:row;align-items:center;height:36px;display:flex}.sbar_nav li a{flex-direction:row;align-items:center;width:100%;height:100%;display:flex}pop-up{z-index:9999999;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}pop-up.show{pointer-events:inherit}pop-up:not(.show){visibility:hidden;width:0;height:0}pop-up.hidden{width:0;height:0;display:none}pop-up>.bg{pointer-events:none;opacity:0;z-index:-1;background-color:#7ca1c566;transition:opacity .3s;position:absolute;inset:0}pop-up.show>.bg{opacity:1}pop-up>.fg{opacity:0;padding:3rem 3rem 4rem;transition:opacity .3s}pop-up.show>.fg{opacity:1}