:root{--theme-blue:#0ea5e9;--text:#6b6375;--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:"Open Sans", system-ui, sans-serif;--heading:"Roboto", system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, Consolas, monospace;font:18px/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:16px}}@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)}.eq-summary-image img,.type-card-inner img,.type-image,.expertise-image-container img{mix-blend-mode:normal!important}}*,:before,:after{box-sizing:border-box}html,body{width:100%;margin:0;overflow-x:clip}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:clip}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px;line-height:1.2}@media (width<=1024px){h1{margin:20px 0;font-size:36px;line-height:1.3}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}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%}input,textarea,select{font-family:var(--mono)}.navbar{color:#fff;box-sizing:border-box;z-index:1000;background:0 0;border-bottom:1px solid #0000;width:100%;padding:20px 5%;transition:all .4s;position:fixed;top:0;left:0}.navbar.scrolled{background:#0f172a;border-bottom:1px solid #38bdf833;padding:12px 5%;box-shadow:0 10px 30px #0003}.navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;display:flex}.navbar-logo a{align-items:center;gap:15px;text-decoration:none;display:flex}.navbar-logo img{object-fit:cover;background-color:#fff;border-radius:50%;width:50px;height:50px;transition:transform .3s}.navbar.scrolled .navbar-logo img{width:40px;height:40px}.logo-text{font-family:var(--font-heading,Arial, sans-serif);color:#fff;letter-spacing:.5px;font-size:22px;font-weight:800}.navbar.scrolled .logo-text{font-size:20px}.navbar-links{align-items:center;gap:35px;margin:0;padding:0;list-style:none;display:flex}.navbar-links .nav-item>a{color:#cbd5e1;letter-spacing:.5px;padding:8px 0;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.navbar-links .nav-item>a:not(.contact-btn):after{content:"";background:#38bdf8;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.navbar-links .nav-item>a:not(.contact-btn):hover{color:#38bdf8}.navbar-links .nav-item>a:not(.contact-btn):hover:after{width:100%}.navbar-links .nav-item>a.active-link{color:#38bdf8;font-weight:600}.navbar-links .nav-item>a.active-link:after{width:100%}.contact-btn{background:#0ea5e9;border:1px solid #0000;border-radius:30px;color:#fff!important;padding:10px 24px!important;font-weight:600!important;transition:all .3s!important}.contact-btn:hover{background:0 0;border-color:#0ea5e9;box-shadow:0 0 15px #0ea5e966;color:#38bdf8!important}.mobile-menu-icon{cursor:pointer;color:#fff;display:none}@media (width<=992px){.mobile-menu-icon{display:block}.desktop-contact-btn{margin:20px auto;display:block}.navbar-links{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172afa;border-top:1px solid #ffffff0d;flex-direction:column;gap:0;width:100%;padding:20px 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 15px 30px #0000004d}.navbar-links.active{display:flex}.navbar-links .nav-item{text-align:center;width:100%}.navbar-links .nav-item>a{border-bottom:1px solid #ffffff0d;padding:15px 20px;font-size:18px;display:block}.navbar-links .nav-item>a.contact-btn{border-bottom:none;padding:10px 24px;display:inline-block}.navbar-links .nav-item>a:after{display:none}.navbar-links .nav-item>a:hover{background:#38bdf81a}}@media (width<=576px){.logo-text{font-size:18px}.navbar.scrolled .logo-text{font-size:16px}.navbar-logo img{width:40px;height:40px}.navbar{padding:15px 5%}}.footer-section{color:#f8fafc;background-color:#0f172a;padding:100px 5% 30px;position:relative;overflow:hidden}.footer-section:before{content:"";background:linear-gradient(90deg,#0000,#38bdf880,#0000);width:100%;height:1px;position:absolute;top:0;left:0}.footer-container{max-width:1400px;margin:0 auto}.footer-grid{grid-template-columns:2fr 1fr 1.5fr;gap:60px;margin-bottom:80px;display:grid}.footer-brand-title{font-family:var(--font-heading,Arial, sans-serif);color:#fff;letter-spacing:-.5px;margin-bottom:25px;font-size:28px;font-weight:800}.footer-brand-desc{color:#94a3b8;max-width:450px;margin-bottom:35px;font-size:16px;line-height:1.8}.footer-socials{gap:15px;display:flex}.social-icon{color:#bae6fd;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex}.social-icon:hover{color:#fff;background:#0284c7;border-color:#0284c7;transform:translateY(-5px);box-shadow:0 10px 20px #0284c74d}.footer-heading{font-family:var(--font-heading,Arial, sans-serif);color:#fff;margin-bottom:30px;font-size:20px;font-weight:700;display:inline-block;position:relative}.footer-heading:after{content:"";background:#38bdf8;width:30px;height:2px;position:absolute;bottom:-10px;left:0}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:16px}.footer-links a{color:#94a3b8;align-items:center;font-size:16px;text-decoration:none;transition:all .3s;display:inline-flex}.footer-links a:before{content:"→";color:#0284c7;opacity:0;margin-right:8px;font-size:14px;transition:all .3s;transform:translate(-10px)}.footer-links a:hover{color:#38bdf8;transform:translate(5px)}.footer-links a:hover:before{opacity:1;transform:translate(0)}.footer-contact-info{margin:0;padding:0;list-style:none}.contact-item{align-items:flex-start;margin-bottom:25px;display:flex}.contact-icon{color:#38bdf8;background:#38bdf81a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:15px;display:flex}.contact-text{color:#cbd5e1;font-size:15px;line-height:1.6}.contact-text p{margin:0 0 4px}.contact-text p:last-child{margin-bottom:0}.footer-bottom{color:#64748b;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:flex-end;padding-top:30px;font-size:14px;display:flex}.footer-bottom-left{flex-direction:column;gap:8px;display:flex}.developer-credit{color:#94a3b8;font-size:13px}.developer-credit strong{color:#bae6fd}.developer-credit a{color:#38bdf8;text-decoration:none;transition:color .3s}.developer-credit a:hover{color:#bae6fd;text-decoration:underline}.footer-bottom-links{gap:20px;display:flex}.footer-bottom-links a{color:#64748b;text-decoration:none;transition:color .3s}.footer-bottom-links a:hover{color:#38bdf8}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:50px}.brand-column{grid-column:1/-1}.footer-brand-desc{max-width:100%}}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:40px}.footer-bottom{text-align:center;flex-direction:column;gap:15px}}.popup-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;box-sizing:border-box;background:#0f172ab3;justify-content:center;align-items:center;padding:20px;animation:1.2s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0;overflow:hidden auto}.premium-modal{background:#fff;border-radius:20px;flex-direction:row;width:100%;max-width:1000px;height:auto;margin:auto;animation:1.2s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.premium-close{color:#64748b;cursor:pointer;z-index:10;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:all .3s;display:flex;position:absolute;top:20px;right:24px}.premium-close:hover{color:#fff;background:#ef4444;transform:rotate(90deg)}.modal-left{background-position:50%;background-size:cover;align-items:flex-end;width:40%;padding:40px;display:flex;position:relative}.modal-left-overlay{z-index:1;background:linear-gradient(#ffffff1a 0%,#fffffff2 100%);width:100%;height:100%;position:absolute;top:0;left:0}.modal-left-content{z-index:2;color:#0f172a;position:relative}.premium-badge{color:#fff;letter-spacing:1px;text-transform:uppercase;background:#0ea5e9;border-radius:20px;margin-bottom:20px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-block;box-shadow:0 4px 6px #0ea5e933}.modal-left-content h3{font-family:var(--font-heading,Arial, sans-serif);color:#0f172a;margin-bottom:15px;font-size:32px;font-weight:800;line-height:1.2}.modal-left-content p{color:#334155;font-size:16px;font-weight:500;line-height:1.6}.modal-right{background:#fff;flex-direction:column;width:60%;display:flex}.popup-header{padding:40px 40px 10px}.popup-header h2{color:#0f172a;font-size:28px;font-weight:800;font-family:var(--font-heading,Arial, sans-serif);margin:0 0 8px}.header-subtitle{color:#64748b;margin:0;font-size:15px}.popup-body{padding:20px 40px 40px}.popup-form{flex-direction:column;gap:20px;display:flex}.form-row{gap:16px;display:grid}.three-col{grid-template-columns:85px 1fr 1fr}.two-col{grid-template-columns:1fr 1fr}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.form-group label span{color:#ef4444}.form-control{box-sizing:border-box;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .3s}.form-control:focus{background:#fff;border-color:#38bdf8;outline:none;box-shadow:0 0 0 4px #38bdf826}.form-control::placeholder{color:#94a3b8}.custom-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.premium-textarea{resize:vertical;min-height:100px}.premium-btn{box-sizing:border-box;color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:8px;width:100%;margin-top:10px;padding:16px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 10px 20px -10px #0ea5e999}.premium-btn:hover{filter:brightness(1.1);box-shadow:0 15px 25px -10px #0ea5e9cc}.premium-btn:active{filter:brightness(.9);transform:none;box-shadow:inset 0 4px 6px #0003}.premium-btn:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8;transform:none}.form-message{text-align:center;border-radius:8px;padding:14px;font-size:14px;font-weight:500}.form-message.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.form-message.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.input-error{background-color:snow!important;border-color:#ef4444!important;box-shadow:0 0 0 4px #ef444426!important}.premium-error-msg{color:#ef4444;align-items:center;gap:4px;margin-top:4px;font-size:12px;font-weight:600;animation:.2s ease-out slideDown;display:flex}.premium-error-msg:before{content:"⚠️";font-size:13px}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes scaleDown{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(20px)}}.popup-overlay.closing{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeOut}.premium-modal.closing{animation:.5s cubic-bezier(.16,1,.3,1) forwards scaleDown}@media (width<=992px){.popup-overlay{align-items:flex-start;padding:20px 0}.premium-modal{flex-direction:column;max-width:600px;height:auto;overflow-y:visible}.modal-left{flex:none;width:100%;height:200px;padding:30px}.modal-right{flex:none;width:100%}}@media (width<=640px){.premium-modal{box-sizing:border-box;border-radius:12px;width:100%;max-width:340px;height:auto;margin:0 auto}.modal-left{height:180px;padding:20px}.modal-left-content h3{margin-bottom:8px;font-size:22px}.modal-left-content p{font-size:14px;line-height:1.4}.three-col,.two-col{grid-template-columns:1fr}.popup-header{padding:24px 24px 10px}.popup-header h2{font-size:24px}.popup-body{padding:10px 24px 24px}.form-control{padding:12px 14px;font-size:15px}.premium-btn{padding:14px;font-size:15px}.premium-close{color:#0f172a;z-index:10;background:#ffffffe6;width:32px;height:32px;font-size:20px;position:absolute;top:10px;right:10px;box-shadow:0 2px 10px #0003}}.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}