:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#f4f4f4;--code-bg:#f4f3ec;--accent:#6c0;--accent-bg:#66cc001a;--accent-border:#66cc0080;--social-bg:#fffef8e6;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--card-bg:#f5f5f580;--card-bg-hover:#fff;--card-shadow:0 16px 40px #0000000a, 0 4px 12px #00000005;--testimonial-gradient-1:radial-gradient(circle at 50% 120%, #6c03 0%, #fff0 60%), #fff;--testimonial-gradient-2:radial-gradient(circle at 50% 120%, #0e1b0026 0%, #fff0 60%), #fff;--transition-theme:background-color .3s cubic-bezier(.4, 0, .2, 1), color .3s cubic-bezier(.4, 0, .2, 1), border-color .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--text:#9ba3af;--text-h:#f3f4f6;--bg:#080612;--border:#1f2028;--code-bg:#16171d;--accent-bg:#66cc0026;--accent-border:#6c09;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--card-bg:#16171d;--card-bg-hover:#1f2028;--card-shadow:0 16px 40px #0003, 0 4px 12px #0000001a;--testimonial-gradient-1:radial-gradient(circle at 50% 120%, #66cc0026 0%, #16171d00 60%), #16171d;--testimonial-gradient-2:radial-gradient(circle at 50% 120%, #ffffff0d 0%, #16171d00 60%), #16171d}}[data-theme=dark]{--text:#9ba3af;--text-h:#f3f4f6;--bg:#080612;--border:#1f2028;--code-bg:#16171d;--accent-bg:#66cc0026;--accent-border:#6c09;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--card-bg:#16171d;--card-bg-hover:#1f2028;--card-shadow:0 16px 40px #0003, 0 4px 12px #0000001a;--testimonial-gradient-1:radial-gradient(circle at 50% 120%, #66cc0026 0%, #16171d00 60%), #16171d;--testimonial-gradient-2:radial-gradient(circle at 50% 120%, #ffffff0d 0%, #16171d00 60%), #16171d}:root{--sans:"Manrope", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Manrope", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-6:3rem;--space-8:4rem;--space-10:5rem;--space-12:6rem;--space-16:8rem;--font-display:3.5rem;--font-h1:2.5rem;--font-h2:1.5rem;--font-h3:1.25rem;--font-body:1rem;--font-label:.875rem;--lh-display:1.1;--lh-heading:1.25;--lh-body:1.5;--weight-regular:400;--weight-medium:500;--weight-semi:600;--weight-bold:700;font:var(--font-body)/var(--lh-body) var(--sans);letter-spacing:.01125rem;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{--font-display:2.5rem;--font-h1:2rem;--font-h2:1.25rem;--font-body:.9375rem}}body{transition:var(--transition-theme);margin:0}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;margin:0;display:flex}h1,h2,h3{font-family:var(--heading);font-weight:var(--weight-medium);color:var(--text-h);margin:0}h1{font-size:var(--font-display);line-height:var(--lh-display);letter-spacing:-.105rem}h2{font-size:var(--font-h1);line-height:var(--lh-heading);letter-spacing:-.015rem}h3{font-size:var(--font-h2);line-height:var(--lh-heading)}p{font-size:var(--font-body);line-height:var(--lh-body);margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:.25rem .5rem;font-size:.9375rem;line-height:135%}.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}.btn{color:#0e1b00;text-align:center;letter-spacing:-.05rem;background:#6c0;border:none;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1rem;font-family:Manrope;font-size:1rem;font-weight:600;line-height:150%;display:flex}.btn:hover,.btn:active{color:#6c0;cursor:pointer;background-color:#0e1b00;text-decoration:none;transition:all .3s ease-in-out}.theme-toggle{border:.2px solid var(--text-h);background:var(--social-bg);color:var(--text-h);cursor:pointer;font-family:var(--sans);font-size:var(--font-label);font-weight:var(--weight-medium);transition:var(--transition-theme);-webkit-backdrop-filter:blur(8px);min-width:6.875rem;height:2.625rem;margin-right:var(--space-2);border-radius:100px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.theme-toggle:hover{background:var(--accent-bg);transition:all .3s ease-in-out}.theme-toggle .material-symbols-outlined{color:var(--accent);font-size:1.25rem}@media (width<=1024px){.theme-toggle .theme-text{display:none}.theme-toggle{width:2.625rem;margin-right:var(--space-1);justify-content:center;padding:0}}header{padding:0 var(--space-10);z-index:100;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.logo-box{width:3rem;height:2.5rem}.logo-box img{object-fit:cover;width:auto;height:100%}.main{padding:var(--space-1) var(--space-4);background-color:var(--social-bg);border:.2px solid var(--border);-webkit-backdrop-filter:blur(10px);border-top:none;border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;width:100%;display:flex}.nav-links{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.nav-links a{padding:var(--space-2);color:var(--text-h);font-family:Manrope;font-size:var(--font-body);font-weight:var(--weight-semi);line-height:var(--lh-body);letter-spacing:-.02rem;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1);position:relative}.nav-links a:after{content:"";bottom:10px;left:var(--space-2);right:var(--space-2);background-color:var(--text-h);transform-origin:100%;height:1.5px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;transform:scaleX(0)}.nav-links a:hover{text-decoration:none}.nav-links a:hover:after{transform-origin:0;transform:scaleX(1)}.header-actions{align-items:center;display:flex}#hamburger-menu,#close-menu{display:none}@media (width<=1024px){header{padding:0}.main{padding:var(--space-2);border-radius:0}#hamburger-menu{cursor:pointer;color:var(--text-h);margin-left:var(--space-2);font-size:1.75rem;display:block}.nav-links{box-sizing:border-box;width:100%;height:100vh;padding:var(--space-4) var(--space-3);background-color:var(--bg);border-left:1px solid var(--border);box-shadow:var(--shadow);z-index:100;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;transition:right .3s;position:fixed;top:0;right:-100%}.nav-links.open{right:0}.nav-links a{width:100%;padding:var(--space-2) 0;border-bottom:1px solid var(--border)}#close-menu{cursor:pointer;color:var(--text-h);align-self:flex-end;margin-bottom:1rem;font-size:1.75rem;display:block}.main .header-actions .btn{display:none}}.hero{width:100%;height:48rem;padding:var(--space-2) var(--space-3);box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:relative}.hero-image-wrapper{inset:var(--space-2);border-radius:1rem;position:absolute;overflow:hidden}.hero-bg{object-fit:cover;width:100%;height:100%}.hero-overlay{background:linear-gradient(183deg,#070d001f 30%,#070d0073 70%,#070d0099 90%);position:absolute;inset:0}.hero-content{z-index:2;align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;max-width:42.5rem;display:flex;position:relative}.hero-text{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.hero-text h1{font-size:var(--font-display);font-weight:var(--weight-bold);color:#fff;letter-spacing:-.125rem;line-height:var(--lh-display);max-width:42.75rem;margin:0}.hero-text p{font-size:var(--font-h3);font-weight:var(--weight-medium);color:#fff;letter-spacing:-.025rem;line-height:var(--lh-heading);max-width:47.625rem;margin:0}@media (width<=1024px){.hero{height:auto;min-height:37.5rem;padding:var(--space-2);margin-top:var(--space-10)}.hero-image-wrapper{inset:.75rem}.hero-content{max-width:90%;margin-top:4rem}.hero-text h1{letter-spacing:-.0625rem;font-size:2rem}.hero-text p{font-size:1rem}}@media (width<=480px){.hero{height:33.25rem}.hero-text h1{font-size:var(--font-h1)}.hero-text p{font-size:var(--font-body)}}.main-features{padding:var(--space-12) var(--space-3);gap:var(--space-6);flex-direction:column;align-items:center;max-width:1280px;margin:0 auto;display:flex}.main-features h2{font-family:var(--heading);font-size:var(--font-h1);font-weight:var(--weight-medium);color:var(--text-h);letter-spacing:-1.5px;line-height:var(--lh-heading);text-align:center;max-width:700px;margin:0}.features-card-container{gap:var(--space-4);flex-wrap:wrap;justify-content:center;width:100%;display:flex}.features-box{gap:var(--space-3);padding:var(--space-3);background:var(--card-bg);border:1px solid var(--border);box-shadow:none;width:calc(50% - var(--space-2));box-sizing:border-box;border-radius:20px;flex-direction:column;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden}.features-box:hover{background:var(--card-bg-hover);border-color:var(--accent);transform:translateY(-.3125rem);box-shadow:0 20px 40px #66cc000d}.featimgbox{aspect-ratio:16/9;background:0 0;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:0;display:flex;overflow:hidden}.featimgbox img{object-fit:cover;border-radius:8px;width:100%;height:100%;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.features-box:hover .featimgbox img{transform:scale(1.03)}.featText{gap:var(--space-1);flex-direction:column;padding:0 .5rem .5rem;display:flex}.featText h3{font-size:var(--font-h3);font-family:var(--heading);font-weight:var(--weight-bold);color:var(--text-h);letter-spacing:-.015em;line-height:var(--lh-heading);margin:0}.featText p{font-size:var(--font-body);font-weight:var(--weight-medium);color:var(--text);letter-spacing:-.015em;line-height:var(--lh-body);margin:0}@media (width<=1024px){.main-features{padding:var(--space-8) var(--space-3);gap:var(--space-6)}.main-features h2{font-size:var(--font-h2)}}@media (width<=768px){.main-features h2{font-size:var(--font-h3)}.features-card-container{gap:var(--space-4);flex-direction:column}.features-box{width:100%;padding:var(--space-2)}.featText h3{font-size:var(--font-body)}.featText p{font-size:var(--font-label)}}.main-testimonial{padding:var(--space-16) var(--space-3);gap:var(--space-8);border-top:1px solid var(--border);flex-direction:column;align-items:center;max-width:1280px;margin:0 auto;display:flex}.main-testimonial h2{font-family:var(--heading);font-size:var(--font-h1);font-weight:var(--weight-medium);color:var(--text-h);letter-spacing:-1.5px;line-height:var(--lh-heading);text-align:center;max-width:700px;margin:0}.testimonial-card-container{gap:var(--space-4);width:100%;padding-bottom:var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}.testimonial-card{width:calc(33.333% - var(--space-3));border:1px dashed var(--border);background-color:var(--card-bg);box-shadow:var(--card-shadow);gap:var(--space-2);border-radius:24px;flex-direction:column;transition:transform .3s;display:flex;position:relative;overflow:hidden}.testimonial-card:first-child{background:var(--testimonial-gradient-1)}.testimonial-card:nth-child(2){background:var(--testimonial-gradient-2)}.testimonial-card:nth-child(3){background:var(--testimonial-gradient-1)}@media (width>=1025px){.testimonial-card:nth-child(2){transform:translateY(3rem)}}.text-box{padding:var(--space-6) var(--space-4) var(--space-3) var(--space-4);background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"%237b96d4\"><path d=\"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z\"/></svg>");background-repeat:no-repeat;background-position:var(--space-4) var(--space-6);padding-top:var(--space-12);flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;display:flex}.text-box p{color:var(--text-h);font-family:inherit;font-size:var(--font-h3);font-weight:var(--weight-medium);line-height:var(--lh-heading);letter-spacing:-.01em;margin:0}.user-box{box-sizing:border-box;width:100%;padding:0 var(--space-4) var(--space-6) var(--space-4);align-items:center;gap:var(--space-2);background-color:#0000;display:flex}.img-box{border-radius:50%;flex-shrink:0;width:3.5rem;height:3.5rem;overflow:hidden}.img-box img{object-fit:cover;width:100%;height:100%}.user-info{flex-direction:column;justify-content:center;align-items:flex-start;gap:.2rem;display:flex}.user-info p{text-align:left;margin:0;font-family:Manrope,sans-serif}.user-info p:first-child{color:var(--text-h);font-size:var(--font-body);font-weight:var(--weight-bold);letter-spacing:-.01em}.user-info p:nth-child(2){color:var(--text);font-size:var(--font-label);font-weight:var(--weight-medium);letter-spacing:-.01em}@media (width<=1024px){.main-testimonial{padding:var(--space-10) var(--space-3)}.main-testimonial h2{font-size:var(--font-h2)}.testimonial-card{width:calc(50% - var(--space-2))}}@media (width<=768px){.main-testimonial h2{font-size:var(--font-h3)}.testimonial-card-container{gap:var(--space-4);flex-direction:column;padding-bottom:0}.testimonial-card{width:100%}}.main-blog{padding:var(--space-16) var(--space-3);gap:var(--space-8);border-top:1px solid var(--border);flex-direction:column;align-items:center;max-width:1280px;margin:0 auto;display:flex}.main-blog h2{font-family:var(--heading);font-size:var(--font-h1);font-weight:var(--weight-medium);color:var(--text-h);letter-spacing:-1.5px;line-height:var(--lh-heading);text-align:center;max-width:700px;margin:0}.blog-card-container{gap:var(--space-6);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.blog-card{background-color:var(--card-bg);border:1px solid var(--border);padding:var(--space-2);gap:var(--space-2);box-sizing:border-box;max-width:32rem;transition:var(--transition-theme), transform .3s cubic-bezier(.165, .84, .44, 1);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--card-shadow);cursor:pointer;background-color:var(--card-bg-hover);transform:translateY(-5px)}.blog-card:hover .blog-img-box img{transition:all .3s ease-in-out;transform:scale(1.05)}.blog-card:hover button{cursor:pointer;background-color:#fffffe;text-decoration:none;transition:all .3s ease-in-out}.blog-img-box{border-radius:16px;width:100%;height:18.75rem;overflow:hidden}.blog-img-box img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-info{justify-content:space-between;align-items:center;width:100%;display:flex}.blog-desc{gap:var(--space-1);padding:var(--space-1) 0;flex-direction:column;align-items:flex-start;display:flex}.blog-desc h2{color:var(--text-h);font-family:var(--heading);font-size:var(--font-h3);font-weight:var(--weight-bold);line-height:var(--lh-heading);letter-spacing:-.01em;text-align:left}.blog-desc p{color:var(--text);font-family:var(--sans);font-size:var(--font-label);font-weight:var(--weight-medium);line-height:var(--lh-body);letter-spacing:-.01em}@media (width<=1024px){.main-blog{padding:var(--space-10) var(--space-3);gap:var(--space-4)}.main-blog h2{font-size:var(--font-h2)}}@media (width<=768px){.main-blog h2{font-size:var(--font-h3)}.blog-card-container{gap:var(--space-4);flex-direction:column}.blog-card{width:100%;max-width:100%}.blog-img-box{height:14rem}.blog-info{gap:var(--space-2)}}.main-cta-section{padding:var(--space-12) var(--space-10);box-sizing:border-box;justify-content:center;align-items:center;width:100%;margin:0;display:flex}.main-cta{box-sizing:border-box;width:100%;height:auto;min-height:21.5rem;padding:var(--space-8) var(--space-4);border-radius:24px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 40px -10px #00000026}.cta-bg{z-index:0;width:100%;height:100%;position:absolute;inset:0}.cta-bg img{object-fit:cover;width:100%;height:100%;display:block}.cta-overlay{background:radial-gradient(306.68% 105.78% at 0 0,#0c190073 10%,#00000073 75%);position:absolute;inset:0}.cta-text-btn{z-index:1;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;width:100%;display:flex;position:relative}.cta-text{gap:var(--space-2);flex-direction:column;max-width:45rem;display:flex}.cta-text h2{color:#fff;font-size:var(--font-h1);font-weight:var(--weight-bold);line-height:var(--lh-heading);letter-spacing:-1.5px;margin:0}.cta-text p{color:#ffffffd9;font-size:var(--font-h3);line-height:var(--lh-body);margin:0}@media (width<=768px){.main-cta-section{padding:var(--space-4) var(--space-2)}.main-cta{padding:var(--space-6) var(--space-3)}.cta-text-btn{gap:var(--space-3)}.cta-text h2{font-size:var(--font-h2)}.cta-text p{font-size:var(--font-body)}}.main-footer{padding:var(--space-8) var(--space-3);box-sizing:border-box;align-items:center;gap:var(--space-4);background-color:#070d00;flex-direction:column;width:100%;display:flex}.footer-container{background-color:var(--bg);border:1px solid var(--border);width:100%;max-width:1280px;padding:var(--space-8) var(--space-10);box-sizing:border-box;align-items:flex-start;gap:var(--space-1);transition:var(--transition-theme);border-radius:20px;margin:0 auto;display:flex}[data-theme=dark] .footer-container{background-color:var(--card-bg)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .footer-container{background-color:var(--card-bg)}}.footer-left{gap:var(--space-4);flex-direction:column;align-items:start;max-width:38.5rem;margin-right:10%;display:flex}.footer-logo{width:3rem;height:2.5rem}.footer-logo img{object-fit:contain;width:auto;height:100%}.footer-desc{gap:var(--space-2);flex-direction:column;display:flex}.footer-desc p{color:var(--text-h);font-family:var(--sans);font-size:var(--font-body);font-weight:var(--weight-regular);line-height:var(--lh-body);letter-spacing:-.02em;text-align:left;opacity:.85;margin:0}.footer-desc p.footer-address{color:var(--text-h);font-weight:var(--weight-medium);font-size:var(--font-body);line-height:var(--lh-heading)}.footer-btn{margin-top:1rem;display:flex}.footer-right{gap:var(--space-3);text-align:left;flex-direction:column;display:flex}.footer-right h3{color:var(--text-h);font-size:var(--font-label);font-weight:var(--weight-bold);letter-spacing:-.02rem;opacity:.9;margin:0}.footer-links{gap:var(--space-2);flex-direction:column;display:flex}.footer-links a{color:var(--text-h);font-size:var(--font-body);font-weight:var(--weight-semi);letter-spacing:-.02rem;opacity:.8;text-decoration:none;transition:color .2s,opacity .2s}.footer-links a:hover{color:var(--accent);opacity:1}.sub-footer{width:100%;padding:var(--space-2) 0;justify-content:center;align-items:center;display:flex}.sub-footer p{color:#fff;font-family:var(--sans);font-size:var(--font-label);font-weight:var(--weight-regular);letter-spacing:-.024rem;text-align:center;margin:0}@media (width<=1024px){.footer-container{padding:var(--space-6) var(--space-4);gap:var(--space-6);flex-direction:column}}@media (width<=768px){.main-footer{padding:var(--space-4) var(--space-2)}.footer-container{padding:var(--space-4) var(--space-3)}.footer-left{margin-right:0}}