:root{--bg-color:#f5f5f7;--text-color:#111;--text-light:#666;--card-bg:#0a0a0a;--card-text:#fff;--card-text-light:#a1a1aa;--border-color:#00000014;--btn-bg:#111;--btn-text:#fff;--btn-hover:#333;--btn-shadow:#00000026;--btn-inset:#ffffff26;--btn-separator:#fff3;--font-sans:"Outfit", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-serif:"Playfair Display", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}body.lang-zh{font-family:Outfit,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif}body.lang-ja{font-family:Outfit,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif}body.lang-ko{font-family:Outfit,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif}body.lang-ar{direction:rtl;font-family:Outfit,San Francisco Arabic,Noto Sans Arabic,Tahoma,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.page-content-container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:24px}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline-offset:3px;outline:2px solid}.underline-highlight{line-height:1;display:inline-block;position:relative}.underline-highlight:after{content:"";background-color:var(--text-color);z-index:-1;opacity:1;width:100%;height:.1em;position:absolute;bottom:-.05em;left:0}.btn-primary{background-color:var(--btn-bg);color:var(--btn-text);box-shadow:0 2px 8px var(--btn-shadow), inset 0 1px 0 var(--btn-inset);border:1px solid #0000000d;transition:all .3s cubic-bezier(.16,1,.3,1)}.navbar{background-color:var(--bg-color);z-index:100;justify-content:center;width:100%;padding:1.5rem 2rem;transition:all .3s;display:flex;position:fixed;top:0;left:0}body.cursor-hovering .navbar{z-index:10002}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#f8fafcd9;border-bottom:1px solid #0f172a14;padding:1rem 2rem}.navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1280px;display:flex;position:relative}.logo-link{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;align-items:center;width:128px;height:auto;display:flex}.wordmark-logo{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto}.nav-links{align-items:center;gap:2rem;display:flex}.nav-item{color:var(--text-color);font-size:1.05rem;font-weight:500;transition:opacity .2s}.mobile-waitlist,.nav-menu-toggle{display:none}.nav-dropdown{cursor:pointer;align-items:center;gap:.25rem;display:flex}.dropdown-icon{transition:opacity .2s}.action-button-group{border-radius:6px;display:flex}.try-claude-btn{color:#fff;background-color:#0000;padding:.6rem 1.5rem;font-size:1.05rem;font-weight:600}.dropdown-btn{border-left:1px solid var(--btn-separator);background-color:#0000;justify-content:center;align-items:center;padding:0 .5rem;display:flex}@media (width<=900px){.navbar{padding:1rem 1.25rem}.navbar.scrolled{padding:.8rem 1.25rem}.logo-link{flex:none;width:118px}.action-button-group{display:none}.nav-menu-toggle{border:1px solid var(--border-color);width:42px;height:42px;color:var(--text-color);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.nav-links{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5f5f7fa;border-radius:16px;flex-direction:column;align-items:stretch;gap:0;padding:.5rem;display:none;position:absolute;top:calc(100% + .75rem);left:0;right:0;box-shadow:0 18px 40px #0000001f}.nav-links.open{display:flex}.nav-item,.mobile-waitlist{white-space:nowrap;padding:.95rem 1rem;font-size:1rem;display:block}.mobile-waitlist{background:var(--btn-bg);color:var(--btn-text);text-align:center;border-radius:10px;margin-top:.35rem;font-weight:600}}.footer-section{background-color:var(--card-bg);color:#fff;justify-content:center;width:100%;padding:7.2rem 2rem 2.4rem;display:flex}.footer-container{flex-direction:column;width:100%;max-width:1280px;display:flex}.footer-top{justify-content:space-between;gap:4rem;margin-bottom:7.2rem;display:flex}.footer-logo-col{flex:0 0 200px}.footer-logo{font-family:var(--font-sans);letter-spacing:.08em;color:#fff;font-size:1.5rem}.footer-links-grid{flex:0 0 65%;grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.footer-link-group{flex-direction:column;display:flex}.footer-link-title{font-family:var(--font-sans);color:#fff;margin-bottom:1.5rem;font-size:1.05rem;font-weight:600}.footer-link-title a{color:inherit;text-decoration:none}.footer-link-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.footer-link-list a{width:fit-content;font-family:var(--font-sans);color:#fff9;border:1px solid #0000;border-radius:.35rem;margin:0;padding:0;font-size:.85rem;transition:color .2s,border-color .2s,background-color .2s;display:inline-flex}.footer-link-disabled{font-family:var(--font-sans);color:#ffffff57;cursor:default;font-size:.85rem;display:inline-block}.footer-link-list a:hover{color:var(--card-text);border-color:#0000}.footer-bottom{font-family:var(--font-sans);color:#fff6;text-align:center;border-top:1px solid #ffffff1a;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:2.4rem;font-size:.8rem;display:grid}.footer-copyright{grid-column:1;justify-self:start;margin:0}.footer-legal-links{flex-wrap:wrap;grid-column:2;justify-content:center;align-items:center;gap:.55rem 1.25rem;display:inline-flex}.footer-legal-item{color:#ffffff8c;white-space:nowrap;transition:color .2s;display:inline-flex}.footer-legal-item:hover{color:#fff}.footer-legal-item+.footer-legal-item:before{content:"·";color:#ffffff47;margin-right:.55rem}.language-selector-btn{color:#fff;font-family:var(--font-sans);cursor:pointer;background-color:#222;border:none;border-radius:20px;grid-column:3;justify-self:end;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:background-color .2s;display:flex}.language-selector-btn:hover{background-color:#333}@media (width<=900px){.footer-top{flex-direction:column}.footer-links-grid{grid-template-columns:repeat(2,1fr);gap:3rem}}@media (width<=600px){.footer-links-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.footer-copyright{align-self:flex-start}.footer-legal-links{align-self:center}.language-selector-btn{align-self:flex-end}}.custom-cursor{pointer-events:none;z-index:10001;mix-blend-mode:difference;will-change:transform, width, height, border-radius;box-sizing:border-box;position:fixed;top:0;left:0}@media (pointer:fine) and (prefers-reduced-motion:no-preference){body,button,a,input,[role=button]{cursor:none}}@media (pointer:coarse),(prefers-reduced-motion:reduce){.custom-cursor{display:none}}.route-loading{background:var(--bg-color,#f6f6f8);min-height:100vh}.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}