:root{--text:#131523;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:1.28571rem/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:14px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:2.28571rem 0;font-size:4rem}@media (width<=1024px){h1{margin:1.42857rem 0;font-size:2.57143rem}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:1.71429rem;line-height:118%}@media (width<=1024px){h2{font-size:1.42857rem}}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:1.71429rem;padding:5px 10px;font-size:1.14286rem;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:12.1429rem;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:2rem;top:2.42857rem;transform:perspective(142.857rem)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:1.85714rem;top:7.64286rem;transform:perspective(142.857rem)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:80.4286rem;max-width:100%;min-height:100svh;margin:0 auto;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:1.78571rem;display:flex}@media (width<=1024px){#center{gap:1.28571rem;padding:2.28571rem 1.42857rem 1.71429rem}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:2.28571rem}@media (width<=1024px){#next-steps>div{padding:1.71429rem 1.42857rem}}#next-steps .icon{width:1.57143rem;height:1.57143rem;margin-bottom:1.14286rem}@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:2.28571rem 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:1.28571rem}#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:1.14286rem;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:1.28571rem;height:1.28571rem}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:1.42857rem}#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:6.28571rem}@media (width<=1024px){#spacer{height:3.42857rem}}.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}.app[data-v-d90face4]{background:var(--background);height:100%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{color:#131523;-webkit-text-size-adjust:100%;touch-action:manipulation;height:100%;line-height:1.5;font-size:14px!important}html::-webkit-scrollbar{display:none}body{height:100%;min-height:100vh;min-height:calc(100vh - env(safe-area-inset-bottom));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;line-height:inherit}p{margin:0}address,blockquote,dl,dd{margin:0;font-style:normal}em,i,strong,b{font-style:normal;font-weight:inherit}small{font-size:80%}pre{white-space:pre-wrap;word-wrap:break-word;font-family:inherit}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;-webkit-tap-highlight-color:transparent;outline:none;text-decoration:none}a:hover,a:active,a:focus{outline:none}button,input,select,textarea{appearance:none;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background-color:#0000;border:none;outline:none}button,input[type=button],input[type=submit],input[type=reset]{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled,input[type=button]:disabled,input[type=submit]:disabled,input[type=reset]:disabled{cursor:not-allowed;opacity:.6}textarea{resize:none;-webkit-user-select:auto}input::placeholder,textarea::placeholder{color:#c0c4cc}input::-webkit-input-placeholder{color:#c0c4cc}textarea::-webkit-input-placeholder{color:#c0c4cc}input::-moz-placeholder{color:#c0c4cc}textarea::-moz-placeholder{color:#c0c4cc}:is(input:-ms-placeholder-shown,textarea:-ms-placeholder-shown){color:#c0c4cc}:is(input:placeholder-shown,textarea:placeholder-shown){color:#c0c4cc}input:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed}img,video,audio{border:none;max-width:100%;height:auto;display:block}svg{fill:currentColor;vertical-align:middle;width:1em;height:1em;display:inline-block}table{border-collapse:collapse;border-spacing:0}th,td{font-weight:inherit;text-align:left;padding:0}hr{background-color:#eee;border:none;height:1px;margin:0}:not(input):not(textarea){-webkit-user-select:none;user-select:none}.scroll-view{-webkit-overflow-scrolling:touch;overflow-y:auto}.clearfix:after{content:"";clear:both;display:block}.text-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.text-ellipsis-2{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-ellipsis-3{-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flex-center{flex-direction:row;justify-content:center;align-items:center;display:flex}.mx-auto{margin-left:auto;margin-right:auto}.full-screen{width:100vw;height:100vh}.hidden{display:none!important}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app{height:100%;min-height:100vh}*,:before,:after,::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.pointer-events-none{pointer-events:none}.m-\[16px_24px_16px_24px\]{margin:1.14286rem 1.71429rem}.m-6{margin:1.5rem}.m-b-4{margin-bottom:1rem}.m-r2{margin-right:.5rem}.m-t-4,.m-t4{margin-top:1rem}.m-t1{margin-top:.25rem}.m-t2{margin-top:.5rem}.m-t3{margin-top:.75rem}.m-t5,.mt-5{margin-top:1.25rem}.m-t6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.inline-block{display:inline-block}.h-2{height:.5rem}.h-full{height:100%}.w-full{width:100%}.flex{display:flex}.flex-auto{flex:auto}.flex-shrink{flex-shrink:1}.flex-nowrap\!{flex-wrap:nowrap!important}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.border{border-width:1px}.rounded-1{border-radius:.25rem}.rounded-2{border-radius:.5rem}.b-none\!{border-style:none!important}.bg-\[var\(--background\)\]{background-color:var(--background) }.bg-\[var\(--content-background\)\]{background-color:var(--content-background) }.bg-\#06A561{--un-bg-opacity:1;background-color:rgb(6 165 97/var(--un-bg-opacity)) }.bg-\#CA8A04\!{--un-bg-opacity:1!important;background-color:rgb(202 138 4/var(--un-bg-opacity)) !important}.bg-\#DC2626\!{--un-bg-opacity:1!important;background-color:rgb(220 38 38/var(--un-bg-opacity)) !important}.bg-\#E6E9F4{--un-bg-opacity:1;background-color:rgb(230 233 244/var(--un-bg-opacity)) }.bg-\#FEE2E2\!{--un-bg-opacity:1!important;background-color:rgb(254 226 226/var(--un-bg-opacity)) !important}.bg-\#FEF2F2{--un-bg-opacity:1;background-color:rgb(254 242 242/var(--un-bg-opacity)) }.bg-\#FEF2F2\!{--un-bg-opacity:1!important;background-color:rgb(254 242 242/var(--un-bg-opacity)) !important}.bg-\#FEF9C3\!{--un-bg-opacity:1!important;background-color:rgb(254 249 195/var(--un-bg-opacity)) !important}.bg-\#FEFCE8{--un-bg-opacity:1;background-color:rgb(254 252 232/var(--un-bg-opacity)) }.bg-\#FEFCE8\!{--un-bg-opacity:1!important;background-color:rgb(254 252 232/var(--un-bg-opacity)) !important}.bg-\#FFFACC{--un-bg-opacity:1;background-color:rgb(255 250 204/var(--un-bg-opacity)) }.bg-\#FFFACC\!{--un-bg-opacity:1!important;background-color:rgb(255 250 204/var(--un-bg-opacity)) !important}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-b-0{padding-bottom:0}.p-b-4{padding-bottom:1rem}.p-b3{padding-bottom:.75rem}.p-l6{padding-left:1.5rem}.p-r6{padding-right:1.5rem}.p-t-0,.p-t0{padding-top:0}.p-t-10{padding-top:2.5rem}.p-t3{padding-top:.75rem}.p-t7{padding-top:1.75rem}.p-t8{padding-top:2rem}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-size-\[var\(--buttonText\)\]\!{font-size:var(--buttonText)!important}.font-size-\[var\(--mainTitle\)\]{font-size:var(--mainTitle)}.font-size-\[var\(--subMainTitle\)\]{font-size:var(--subMainTitle)}.font-size-\[var\(--subTitle\)\]{font-size:var(--subTitle)}.font-size-3{font-size:.75rem}.font-size-3\.5{font-size:.875rem}.font-size-4\.5{font-size:1.125rem}.font-size-6{font-size:1.5rem}.color-\[var\(--active-color\)\]{color:var(--active-color) }.color-\[var\(--foreground\)\]{color:var(--foreground) }.color-\[var\(--secondary\)\]{color:var(--secondary) }.color-\#854D0E{--un-text-opacity:1;color:rgb(133 77 14/var(--un-text-opacity)) }.color-\#854D0E\!{--un-text-opacity:1!important;color:rgb(133 77 14/var(--un-text-opacity)) !important}.color-\#991B1B{--un-text-opacity:1;color:rgb(153 27 27/var(--un-text-opacity)) }.color-\#991B1B\!{--un-text-opacity:1!important;color:rgb(153 27 27/var(--un-text-opacity)) !important}.color-\#ca8a04\!{--un-text-opacity:1!important;color:rgb(202 138 4/var(--un-text-opacity)) !important}.color-\#dc2626\!{--un-text-opacity:1!important;color:rgb(220 38 38/var(--un-text-opacity)) !important}.color-\#fff\!{--un-text-opacity:1!important;color:rgb(255 255 255/var(--un-text-opacity)) !important}[checked-color~=\#06A561]:checked{--un-text-opacity:1;color:rgb(6 165 97/var(--un-text-opacity)) }.font-500{font-weight:500}.font-bold{font-weight:700}[duration~="0"]{transition-duration:0s}