:root{--color-canvas:#fff;--color-canvas-soft:#fafafa;--color-canvas-soft-2:#f5f5f5;--color-ink:#171717;--color-body:#4d4d4d;--color-mute:#888;--color-hairline:#ebebeb;--color-hairline-strong:#a1a1a1;--color-link:#0070f3;--color-success:#0070f3;--color-error:#e00;--color-error-soft:#f7d4d6;--color-error-deep:#c50000;--color-warning:#f5a623;--color-warning-soft:#ffefcf;--color-warning-deep:#ab570a;--color-cyan:#50e3c2;--color-violet:#7928ca;--color-highlight-pink:#ff0080;--color-gradient-develop-start:#007cf0;--color-gradient-develop-end:#00dfd8;--color-gradient-preview-start:#7928ca;--color-gradient-preview-end:#ff0080;--color-gradient-ship-start:#ff4d4d;--color-gradient-ship-end:#f9cb28;--rounded-none:0px;--rounded-xs:4px;--rounded-sm:6px;--rounded-md:8px;--rounded-lg:12px;--rounded-xl:16px;--rounded-pill-sm:64px;--rounded-pill:100px;--rounded-full:9999px;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:40px;--spacing-3xl:48px;--spacing-4xl:64px;--spacing-5xl:96px;--spacing-6xl:128px;--spacing-section:192px;--shadow-l1:0 0 0 1px #0000000d;--shadow-l2:0px 1px 1px #00000008, 0px 2px 2px #0000000f, 0 0 0 1px #0000000d;--shadow-l3:0px 2px 2px #0000000a, 0px 8px 8px -8px #0000000a, 0 0 0 1px #0000000f;--shadow-l4:0px 2px 2px #0000000a, 0px 8px 16px -4px #0000000a, 0 0 0 1px #0000000f;--shadow-l5:0px 1px 1px #00000008, 0px 8px 16px -4px #0000000a, 0px 24px 32px -8px #0000000f, 0 0 0 1px #0000000f;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, monospace}html[data-theme=dark]{--color-canvas:#0a0a0a;--color-canvas-soft:#000;--color-canvas-soft-2:#141414;--color-ink:#fff;--color-body:#a0a0a0;--color-mute:#666;--color-hairline:#222;--color-hairline-strong:#444;--shadow-l1:0 0 0 1px #ffffff14;--shadow-l2:0px 1px 1px #0003, 0px 2px 2px #0000004d, 0 0 0 1px #ffffff14;--shadow-l3:0px 2px 2px #0003, 0px 8px 8px -8px #0000004d, 0 0 0 1px #ffffff14;--shadow-l4:0px 2px 2px #0003, 0px 8px 16px -4px #0000004d, 0 0 0 1px #ffffff14;--shadow-l5:0px 1px 1px #0003, 0px 8px 16px -4px #0000004d, 0px 24px 32px -8px #00000080, 0 0 0 1px #ffffff14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--color-canvas-soft);color:var(--color-ink);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;font-weight:600;line-height:1.2}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}.display-xl{letter-spacing:-2.4px;font-size:48px;font-weight:600;line-height:48px}.display-lg{letter-spacing:-1.28px;font-size:32px;font-weight:600;line-height:40px}.display-md{letter-spacing:-.96px;font-size:24px;font-weight:600;line-height:32px}.display-sm{letter-spacing:-.6px;font-size:20px;font-weight:600;line-height:28px}.body-lg{color:var(--color-body);font-size:18px;line-height:28px}.body-md{color:var(--color-body);font-size:16px;line-height:24px}.body-md-strong{color:var(--color-ink);font-size:16px;font-weight:500;line-height:24px}.body-sm{letter-spacing:-.28px;color:var(--color-body);font-size:14px;line-height:20px}.body-sm-strong{letter-spacing:-.28px;color:var(--color-ink);font-size:14px;font-weight:500;line-height:20px}.caption{color:var(--color-mute);font-size:12px;line-height:16px}.caption-mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-mute);font-size:12px;line-height:16px}.code-snippet{font-family:var(--font-mono);background-color:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);border-radius:var(--rounded-xs);color:var(--color-ink);padding:2px 6px;font-size:13px;line-height:20px}.btn-primary{background-color:var(--color-ink);color:var(--color-canvas);font-family:var(--font-sans);border-radius:var(--rounded-pill);cursor:pointer;box-shadow:var(--shadow-l2);border:none;justify-content:center;align-items:center;padding:12px 28px;font-size:16px;font-weight:500;line-height:24px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary:hover{filter:brightness(1.1);box-shadow:var(--shadow-l3);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline);font-family:var(--font-sans);border-radius:var(--rounded-pill);cursor:pointer;box-shadow:var(--shadow-l2);justify-content:center;align-items:center;padding:12px 28px;font-size:16px;font-weight:500;line-height:24px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-secondary:hover{background-color:var(--color-canvas-soft-2);box-shadow:var(--shadow-l3);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-primary-sm,.btn-secondary-sm{border-radius:var(--rounded-pill);padding:8px 16px;font-size:14px;line-height:20px}.nav-cta-signup{background-color:var(--color-ink);color:var(--color-canvas);border-radius:var(--rounded-sm);cursor:pointer;border:none;justify-content:center;align-items:center;height:28px;padding:0 12px;font-size:14px;font-weight:500;transition:opacity .2s;display:inline-flex}.nav-cta-signup:hover{opacity:.9}.nav-cta-login{color:var(--color-body);border-radius:var(--rounded-sm);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;height:28px;padding:0 12px;font-size:14px;font-weight:500;transition:color .2s;display:inline-flex}.nav-cta-login:hover{color:var(--color-ink)}.card-marketing{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);padding:var(--spacing-lg);box-shadow:var(--shadow-l2);transition:box-shadow .2s,border-color .2s}.card-marketing:hover{box-shadow:var(--shadow-l3);border-color:var(--color-hairline-strong)}.card-marketing-large{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-l3)}.card-soft{background-color:var(--color-canvas-soft-2);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);padding:var(--spacing-lg)}.form-input{background-color:var(--color-canvas);width:100%;color:var(--color-ink);border:1px solid var(--color-hairline);font-family:var(--font-sans);border-radius:var(--rounded-sm);padding:0 var(--spacing-sm);outline:none;height:40px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--color-ink);box-shadow:0 0 0 1px var(--color-ink)}.form-input-sm{height:32px;font-size:13px}.badge-secondary{background-color:var(--color-canvas-soft-2);color:var(--color-body);font-family:var(--font-sans);border-radius:var(--rounded-full);border:1px solid var(--color-hairline);align-items:center;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.tab-row{gap:var(--spacing-xxs);background-color:var(--color-canvas-soft-2);padding:var(--spacing-xxs);border-radius:var(--rounded-pill-sm);border:1px solid var(--color-hairline);width:max-content;display:flex}.tab-ghost{color:var(--color-body);font-family:var(--font-sans);border-radius:var(--rounded-pill-sm);cursor:pointer;background-color:#0000;border:none;outline:none;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.tab-ghost:hover{color:var(--color-ink)}.tab-ghost.active{background-color:var(--color-canvas);color:var(--color-ink);box-shadow:var(--shadow-l2)}.app-header{border-bottom:1px solid var(--color-hairline);background-color:var(--color-canvas);z-index:100;height:64px;position:sticky;top:0}.header-container{max-width:1200px;height:100%;padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo-wrapper{align-items:center;gap:var(--spacing-xs);color:var(--color-ink);text-decoration:none;display:flex}.app-main{width:100%;max-width:1200px;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-5xl);flex:1;margin:0 auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-canvas-soft)}::-webkit-scrollbar-thumb{background:var(--color-hairline-strong);border-radius:var(--rounded-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-body)}.hero-gradient-container{border-radius:var(--rounded-xl);border:1px solid var(--color-hairline);background-color:var(--color-canvas);margin-bottom:var(--spacing-2xl);padding:var(--spacing-3xl) var(--spacing-lg);box-shadow:var(--shadow-l3);position:relative;overflow:hidden}.mesh-backdrop{z-index:0;filter:blur(80px);opacity:.15;pointer-events:none;transition:opacity .5s;position:absolute;inset:-150px}html[data-theme=dark] .mesh-backdrop{opacity:.25}.mesh-circle{mix-blend-mode:screen;border-radius:50%;animation:15s ease-in-out infinite alternate mesh-pulse;position:absolute}.mesh-c1{background:radial-gradient(circle, var(--color-gradient-develop-start) 0%, transparent 70%);width:300px;height:300px;animation-duration:18s;top:20%;left:20%}.mesh-c2{background:radial-gradient(circle, var(--color-gradient-preview-start) 0%, transparent 70%);width:350px;height:350px;animation-duration:22s;animation-delay:-4s;top:30%;right:15%}.mesh-c3{background:radial-gradient(circle, var(--color-gradient-ship-start) 0%, transparent 70%);width:400px;height:400px;animation-duration:25s;animation-delay:-8s;bottom:10%;left:35%}.mesh-c4{background:radial-gradient(circle, var(--color-cyan) 0%, transparent 70%);width:250px;height:250px;animation-duration:14s;animation-delay:-2s;top:40%;left:50%}@keyframes mesh-pulse{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(60px,-40px)scale(1.15)rotate(180deg)}to{transform:translate(-40px,50px)scale(.9)rotate(360deg)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;background-color:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-content{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);width:90%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-l5);padding:var(--spacing-xl);transition:transform .2s cubic-bezier(.16,1,.3,1);overflow-y:auto;transform:scale(.95)}.modal-overlay.open .modal-content{transform:scale(1)}.modal-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.modal-close{cursor:pointer;color:var(--color-mute);border-radius:var(--rounded-full);background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;transition:background-color .2s,color .2s;display:flex}.modal-close:hover{background-color:var(--color-canvas-soft-2);color:var(--color-ink)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background-color:var(--color-ink);color:var(--color-canvas);border-radius:var(--rounded-xs);font-size:11px;font-family:var(--font-sans);white-space:nowrap;opacity:0;pointer-events:none;box-shadow:var(--shadow-l3);z-index:10;padding:4px 8px;transition:all .15s;position:absolute;bottom:125%;left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.app-footer{margin-top:var(--spacing-6xl);border-top:1px solid var(--color-hairline-strong);padding:var(--spacing-xl) var(--spacing-md);background-color:var(--color-canvas-soft-2)}.footer-container{justify-content:space-between;align-items:center;gap:var(--spacing-md);max-width:800px;margin:0 auto;display:flex}.footer-copy{color:var(--color-body);font-size:13px;font-weight:450}.footer-nav{gap:var(--spacing-md);display:flex}.footer-link{color:var(--color-body);font-size:13px;font-weight:500;text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--color-ink);text-decoration:underline}@media (width<=600px){.footer-container{text-align:center;gap:var(--spacing-sm);flex-direction:column}.footer-nav{justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}}