*,:before,:after{--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-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5)}::-ms-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-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5)}::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-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5)}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.top-0{top:0}.\!my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.\!my-6{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.h-screen{height:100vh}.h2{height:.5rem}.max-w-\[1440px\]{max-width:1440px}.max-w-\[60\%\]{max-width:60%}.min-h-screen{min-height:100vh}.w-60{width:15rem}.w-full{width:100%}.flex{display:flex}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.self-stretch{align-self:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.gap-y-4{row-gap:1rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-width:1px}.border-t{border-top-width:1px}.border-\[\#d6d8f7\]{--un-border-opacity:1;border-color:rgba(214,216,247,var(--un-border-opacity))}.border-gray-100{--un-border-opacity:1;border-color:rgba(243,244,246,var(--un-border-opacity))}.rounded-\[6px\]{border-radius:6px}.rounded-lg{border-radius:.5rem}.border-solid{border-style:solid}.bg-white{--un-bg-opacity:1;background-color:rgba(255,255,255,var(--un-bg-opacity)) }.hover\:bg-\[\#2bb7fd\]:hover{--un-bg-opacity:1;background-color:rgba(43,183,253,var(--un-bg-opacity)) }.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-\[12px\]{font-size:12px}.text-5xl{font-size:3rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-emerald-500{--un-text-opacity:1;color:rgba(16,185,129,var(--un-text-opacity)) }.text-gray-400{--un-text-opacity:1;color:rgba(156,163,175,var(--un-text-opacity)) }.text-gray-500{--un-text-opacity:1;color:rgba(107,114,128,var(--un-text-opacity)) }.text-gray-600{--un-text-opacity:1;color:rgba(75,85,99,var(--un-text-opacity)) }.text-gray-700{--un-text-opacity:1;color:rgba(55,65,81,var(--un-text-opacity)) }.text-gray-800{--un-text-opacity:1;color:rgba(31,41,55,var(--un-text-opacity)) }.text-green-500{--un-text-opacity:1;color:rgba(34,197,94,var(--un-text-opacity)) }.text-indigo-500{--un-text-opacity:1;color:rgba(99,102,241,var(--un-text-opacity)) }.hover\:text-gray-500:hover{--un-text-opacity:1;color:rgba(107,114,128,var(--un-text-opacity)) }.hover\:text-gray-600:hover{--un-text-opacity:1;color:rgba(75,85,99,var(--un-text-opacity)) }.hover\:text-indigo-500:hover{--un-text-opacity:1;color:rgba(99,102,241,var(--un-text-opacity)) }.hover\:text-red-500:hover{--un-text-opacity:1;color:rgba(239,68,68,var(--un-text-opacity)) }.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.underline,.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{text-decoration:none}.outline{outline-style:solid}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:rgba(170,59,255,.1);--accent-border:rgba(170,59,255,.5);--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.n-dropdown-menu{min-width:360px!important}.hero{position:relative}.hero .base{margin:0 auto;left:0;right:0}.hero .framework{margin:0 auto;left:0;right:0}.hero .vite{margin:0 auto;left:0;right:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework{position:absolute}.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)}