@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=League+Spartan:wght@400;500;600;700;800&display=swap";:root{--color-yellow-50:#fffceb;--color-yellow-100:#fff9c5;--color-yellow-200:#fff485;--color-yellow-300:#ffe846;--color-yellow-400:#ffd71b;--color-yellow-500:#ffb700;--color-yellow-600:#fcab0a;--color-yellow-700:#bb6302;--color-yellow-800:#984c08;--color-yellow-900:#7c3e0b;--color-yellow-950:#481f00;--color-blue-50:#eff6ff;--color-blue-100:#daeaff;--color-blue-200:#bddbff;--color-blue-300:#90c5ff;--color-blue-400:#5ca5fe;--color-blue-500:#488cfb;--color-blue-600:#2061f0;--color-blue-700:#184cdd;--color-blue-800:#1a3eb3;--color-blue-900:#1b398d;--color-blue-950:#152456;--color-orange-50:#fff7ed;--color-orange-100:#ffeed4;--color-orange-200:#ffd9a8;--color-orange-300:#ffbd70;--color-orange-400:#ff9637;--color-orange-500:#ff801f;--color-orange-600:#f05b06;--color-orange-700:#c74307;--color-orange-800:#9e350e;--color-orange-900:#7f2f0f;--color-orange-950:#451405;--color-purple-50:#f4f3ff;--color-purple-100:#ece9fe;--color-purple-200:#dbd6fe;--color-purple-300:#c1b5fd;--color-purple-400:#a28bfa;--color-purple-500:#845cf6;--color-purple-600:#733aed;--color-purple-700:#6428d9;--color-purple-800:#5421b6;--color-purple-900:#3c197f;--color-purple-950:#2a1065;--color-green-50:#eefff5;--color-green-100:#d6ffea;--color-green-200:#b0ffd7;--color-green-300:#73ffb8;--color-green-400:#2ff992;--color-green-500:#05e271;--color-green-600:#00bc5a;--color-green-700:#02a352;--color-green-800:#08733e;--color-green-900:#095e35;--color-green-950:#00351c;--color-gray-50:#f6f5f5;--color-gray-100:#e7e6e6;--color-gray-200:#d2d1cf;--color-gray-300:#b2afae;--color-gray-400:#8b8785;--color-gray-500:#706c6a;--color-gray-600:#5f5d5b;--color-gray-700:#514f4d;--color-gray-800:#464444;--color-gray-900:#3e3d3b;--color-gray-950:#2d2c2b;--color-success-100:#d6ffea;--color-success-200:#00c48c;--color-error-100:#ffe8eb;--color-error-200:#ff647c;--color-warning-100:#ffeed4;--color-warning-200:#ff801f;--color-alert-100:#fff9c5;--color-alert-200:#ffb700;--color-information-100:#bddbff;--color-information-200:#488cfb;--spacing-none:0px;--spacing-0:2px;--spacing-1:4px;--spacing-2:6px;--spacing-3:8px;--spacing-4:12px;--spacing-5:16px;--spacing-6:18px;--spacing-7:20px;--spacing-8:24px;--spacing-9:28px;--spacing-10:32px;--spacing-11:40px;--spacing-12:42px;--spacing-13:48px;--spacing-14:56px;--spacing-15:62px;--spacing-16:72px;--radius-none:0px;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-3xl:14px;--radius-4xl:16px;--radius-5xl:20px;--radius-6xl:24px;--radius-7xl:28px;--radius-8xl:32px;--radius-full:999px;--font-family-primary:"Inter", sans-serif;--font-family-display:"League Spartan", sans-serif;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--text-display-1-size:76px;--text-display-1-line-height:82px;--text-display-2-size:60px;--text-display-2-line-height:70px;--text-h1-size:48px;--text-h1-line-height:60px;--text-h2-size:36px;--text-h2-line-height:45px;--text-h3-size:32px;--text-h3-line-height:40px;--text-h4-size:24px;--text-h4-line-height:30px;--text-h5-size:20px;--text-h5-line-height:24px;--text-body-lg-size:20px;--text-body-lg-line-height:28px;--text-body-md-size:16px;--text-body-md-line-height:24px;--text-body-sm-size:14px;--text-body-sm-line-height:21px;--text-body-xs-size:12px;--text-body-xs-line-height:19px;--accent-50:var(--color-yellow-50);--accent-100:var(--color-yellow-100);--accent-200:var(--color-yellow-200);--accent-300:var(--color-yellow-300);--accent-400:var(--color-yellow-400);--accent-500:var(--color-yellow-500);--accent-600:var(--color-yellow-600);--accent-700:var(--color-yellow-700);--accent-800:var(--color-yellow-800);--accent-900:var(--color-yellow-900);--accent-950:var(--color-yellow-950)}[data-accent=orange]{--accent-50:var(--color-orange-50);--accent-100:var(--color-orange-100);--accent-200:var(--color-orange-200);--accent-300:var(--color-orange-300);--accent-400:var(--color-orange-400);--accent-500:var(--color-orange-500);--accent-600:var(--color-orange-600);--accent-700:var(--color-orange-700);--accent-800:var(--color-orange-800);--accent-900:var(--color-orange-900);--accent-950:var(--color-orange-950)}[data-accent=blue]{--accent-50:var(--color-blue-50);--accent-100:var(--color-blue-100);--accent-200:var(--color-blue-200);--accent-300:var(--color-blue-300);--accent-400:var(--color-blue-400);--accent-500:var(--color-blue-500);--accent-600:var(--color-blue-600);--accent-700:var(--color-blue-700);--accent-800:var(--color-blue-800);--accent-900:var(--color-blue-900);--accent-950:var(--color-blue-950)}[data-accent=purple]{--accent-50:var(--color-purple-50);--accent-100:var(--color-purple-100);--accent-200:var(--color-purple-200);--accent-300:var(--color-purple-300);--accent-400:var(--color-purple-400);--accent-500:var(--color-purple-500);--accent-600:var(--color-purple-600);--accent-700:var(--color-purple-700);--accent-800:var(--color-purple-800);--accent-900:var(--color-purple-900);--accent-950:var(--color-purple-950)}[data-accent=green]{--accent-50:var(--color-green-50);--accent-100:var(--color-green-100);--accent-200:var(--color-green-200);--accent-300:var(--color-green-300);--accent-400:var(--color-green-400);--accent-500:var(--color-green-500);--accent-600:var(--color-green-600);--accent-700:var(--color-green-700);--accent-800:var(--color-green-800);--accent-900:var(--color-green-900);--accent-950:var(--color-green-950)}*{box-sizing:border-box}html,body{font-family:var(--font-family-primary);color:var(--color-gray-950);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}button,input{font-family:inherit}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.04)}to{transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes count-up{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:translateY(0)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.float{animation:3.5s ease-in-out infinite float}.wobble{animation:4s ease-in-out infinite wobble}.pop-in{animation:.5s cubic-bezier(.34,1.56,.64,1) both pop-in}.slide-up{animation:.5s cubic-bezier(.22,1,.36,1) both slide-up}.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}