html{scroll-behavior:smooth}:root{--navbar-height: 4rem;--bg-color: #020617;--surface: rgba(15, 23, 42, .6);--surface-solid: #0f172a;--text-main: #f8fafc;--text-muted: #94a3b8;--text-bright: #ffffff;--text-inverse: #020617;--accent-1: #22d3ee;--accent-2: #2563eb;--border: rgba(255, 255, 255, .08);--border-hover: rgba(34, 211, 238, .5);--border-light: rgba(255, 255, 255, .03);--glow-base: rgba(34, 211, 238, .12);--glow-strong: rgba(34, 211, 238, .3);--shadow-base: rgba(0, 0, 0, .6);--shadow-heavy: rgba(0, 0, 0, .8);--glass-bg: rgba(2, 6, 23, .7);--glass-menu: rgba(2, 6, 23, .95);--btn-primary-bg: #ffffff;--btn-primary-text: #020617;--btn-primary-shadow: rgba(255, 255, 255, .15);--btn-primary-hover: rgba(255, 255, 255, .25);--btn-outline-bg: rgba(255, 255, 255, .03);--btn-outline-hover: rgba(255, 255, 255, .08);--input-bg: rgba(0, 0, 0, .2);--input-border: rgba(255, 255, 255, .1);--terminal-bg: rgba(15, 23, 42, .8);--terminal-border: rgba(255, 255, 255, .08);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-weight-base: 400;--font-weight-medium: 500;--font-weight-bold: 700}@media(prefers-color-scheme:light){:root{--bg-color: #f8fafc;--surface: #ffffff;--surface-solid: #ffffff;--text-main: #334155;--text-muted: #64748b;--text-bright: #0f172a;--text-inverse: #ffffff;--accent-1: #0891b2;--accent-2: #1d4ed8;--border: #e2e8f0;--border-hover: #0891b2;--border-light: rgba(0, 0, 0, .04);--glow-base: rgba(8, 145, 178, .08);--glow-strong: rgba(8, 145, 178, .2);--shadow-base: rgba(15, 23, 42, .06);--shadow-heavy: rgba(15, 23, 42, .12);--glass-bg: rgba(255, 255, 255, .85);--glass-menu: rgba(255, 255, 255, .98);--btn-primary-bg: #0f172a;--btn-primary-text: #ffffff;--btn-primary-shadow: rgba(15, 23, 42, .15);--btn-primary-hover: rgba(15, 23, 42, .25);--btn-outline-bg: rgba(0, 0, 0, .02);--btn-outline-hover: rgba(0, 0, 0, .06);--input-bg: #ffffff;--input-border: #cbd5e1}}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,ul{margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);font-weight:var(--font-weight-base);-webkit-font-smoothing:antialiased;line-height:1.6;transition:background-color .4s ease,color .4s ease}#root,.app-root{overflow-x:hidden}a{text-decoration:none;color:inherit}img,svg,video{display:block;max-width:100%}button{font:inherit;cursor:pointer}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem;position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background-color .2s ease,border-color .2s ease;border:1px solid transparent}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:0 4px 14px 0 var(--btn-primary-shadow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--btn-primary-hover)}.btn-outline{background:var(--btn-outline-bg);border:1px solid var(--border);color:var(--text-bright)}.btn-outline:hover{background:var(--btn-outline-hover);border-color:var(--text-muted)}.section{padding:6rem 0;border-top:1px solid var(--border)}.section-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:1rem;letter-spacing:-.02em;color:var(--text-bright)}.section-subtitle{text-align:center;color:var(--text-muted);max-width:600px;margin:0 auto 4rem;font-size:1.1rem}.navbar{border-bottom:1px solid var(--border);background-color:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:100;transition:background-color .3s ease,border-color .3s ease}.nav-content{display:flex;justify-content:space-between;align-items:center;height:var(--navbar-height)}.nav-brand{font-weight:var(--font-weight-bold);font-size:1.1rem;letter-spacing:-.02em;color:var(--text-bright)}.nav-links{display:flex;align-items:center;gap:2.5rem;font-size:.85rem;font-weight:var(--font-weight-medium)}.nav-link{color:var(--text-muted);font-weight:var(--font-weight-medium);transition:color .2s ease}.nav-link:hover{color:var(--text-bright)}.user-stats{display:flex;align-items:center;gap:1.5rem}.usage-badge{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.menu-toggle{display:none;background:none;border:none;color:var(--text-bright);cursor:pointer;padding:.5rem}.mobile-menu{position:fixed;top:var(--navbar-height);left:0;width:100%;height:calc(100vh - var(--navbar-height));background:var(--glass-menu);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;z-index:90;transform:translateY(-20px);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease}.mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-link{font-size:1.5rem;font-weight:var(--font-weight-medium);color:var(--text-muted);letter-spacing:-.02em;transition:color .2s ease}.mobile-link:hover,.mobile-link:active{color:var(--text-bright)}.mobile-menu .btn-primary{margin-top:1.5rem;width:100%;max-width:280px;padding:1rem;font-size:1.1rem;border-radius:12px}@media(max-width:768px){.nav-links,.user-stats{display:none!important}.menu-toggle{display:block}}@media(min-width:769px){.mobile-menu{display:none!important}}.hero{padding:5rem 0;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-glow{position:absolute;top:-10%;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(circle,var(--glow-base) 0%,transparent 60%);z-index:-1;pointer-events:none}.badge{display:inline-flex;align-items:center;font-size:.8rem;font-weight:var(--font-weight-medium);color:var(--accent-1);background:var(--border-light);border:1px solid var(--border);padding:.4rem 1rem;border-radius:100px;margin-bottom:2.5rem}.hero-large{font-size:5.5rem;font-weight:800;letter-spacing:-.05em;line-height:1.05;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-bright) 0%,var(--text-muted) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.1em}.text-gradient{background:linear-gradient(135deg,var(--accent-1) 0%,var(--accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);max-width:640px;margin:0 auto 3rem;line-height:1.6}.hero-actions{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap}.terminal-wrapper{margin-top:5rem;width:100%;max-width:800px;perspective:1000px}.terminal{position:relative;background:var(--terminal-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--terminal-border);border-radius:12px;text-align:left;box-shadow:0 20px 50px -10px var(--shadow-heavy),inset 0 1px #ffffff08;overflow:hidden}.terminal-header{display:flex;align-items:center;gap:.35rem;padding:.75rem 1rem;border-bottom:1px solid var(--terminal-border);background:#0003}.dot{width:10px;height:10px;border-radius:50%}.terminal-title-text{margin-left:12px;font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono);opacity:.8}.terminal-body{padding:1.25rem 1.5rem;overflow-x:auto}.terminal-body pre{margin:0;white-space:pre-wrap;word-break:break-all}.terminal code{font-family:var(--font-mono);font-size:.8rem;color:#e2e8f0;white-space:pre;line-height:1.5}.terminal .kw{color:#38bdf8;font-weight:600}.terminal .str{color:#4ade80}.terminal .comment{color:#64748b;font-style:italic}.copy-btn{position:absolute;top:.6rem;right:1rem;background:#ffffff0d;border:1px solid var(--terminal-border);color:#94a3b8;border-radius:6px;padding:.35rem .7rem;font-size:.75rem;font-family:var(--font-sans);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;z-index:5;display:flex;align-items:center;gap:.4rem}.copy-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.copy-btn.copied{background:#22d3ee26;color:var(--accent-1);border-color:var(--accent-1)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:7rem 0;text-align:left}.feature-card{padding:2.5rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;transition:transform .3s ease,border-color .2s ease,box-shadow .3s ease;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-5px);border-color:var(--border-hover);box-shadow:0 10px 30px -10px var(--glow-strong)}.feature-icon{width:48px;height:48px;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;color:var(--accent-1);background:var(--border-light);border:1px solid var(--border)}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-bright)}.feature-text{font-size:.95rem;color:var(--text-muted);line-height:1.6}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:stretch}.comp-card{padding:3rem 2.5rem;border-radius:16px;border:1px solid var(--border);background:var(--surface);text-align:left;position:relative;overflow:hidden}.comp-bad:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ef4444,transparent);opacity:.6}.comp-good{border-color:var(--border-hover);box-shadow:0 10px 40px -10px var(--glow-base)}.comp-good:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-1),transparent)}.comp-title{font-size:1.4rem;font-weight:700;margin-bottom:2.5rem;color:var(--text-bright);letter-spacing:-.02em}.comp-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.8rem}.comp-item{display:flex;align-items:flex-start;gap:1.2rem;color:var(--text-main);font-size:.95rem;line-height:1.5}.comp-icon-wrapper{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;flex-shrink:0;margin-top:2px}.bad-icon{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.good-icon{background:var(--glow-base);color:var(--accent-1);border:1px solid var(--border-hover)}.comp-item strong{color:var(--text-bright);font-weight:600;display:block;margin-bottom:.2rem}.use-cases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.uc-card{padding:2rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);display:flex;gap:1.5rem;align-items:flex-start;transition:border-color .2s ease}.uc-card:hover{border-color:var(--border-hover)}.uc-icon{width:48px;height:48px;border-radius:10px;background:var(--glow-base);color:var(--accent-1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.uc-content h4{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-bright)}.uc-content p{font-size:.9rem;color:var(--text-muted);line-height:1.5}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem 2rem}.faq-item h4{font-size:1.1rem;font-weight:600;color:var(--text-bright);margin-bottom:.8rem}.faq-item p{font-size:.95rem;color:var(--text-muted);line-height:1.6}.bottom-cta{text-align:center;padding:8rem 0 6rem;background:radial-gradient(circle at bottom,var(--glow-base) 0%,transparent 50%)}.bottom-title{font-size:3rem;font-weight:800;color:var(--text-bright);letter-spacing:-.03em;margin-bottom:1.5rem}.pricing-hero{padding:6rem 0 4rem;text-align:center}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:6rem}.pricing-card{padding:2.5rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;transition:transform .3s ease,border-color .2s ease}.pricing-card:hover{border-color:var(--text-muted);transform:translateY(-4px)}.pricing-card.popular{border-color:var(--accent-1);position:relative;box-shadow:0 20px 40px -20px var(--glow-strong)}.popular-badge{position:absolute;top:1rem;right:1rem;background:var(--accent-1);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:4px;text-transform:uppercase}.price-title{font-size:1rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem}.price-value{font-size:2.5rem;font-weight:800;color:var(--text-bright);margin-bottom:1.5rem}.price-value span{font-size:1rem;font-weight:400;color:var(--text-muted)}.price-features{list-style:none;padding:0;margin:0 0 2.5rem;flex-grow:1}.price-feature{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--text-muted);margin-bottom:1rem}.price-feature svg{color:var(--accent-1);flex-shrink:0}.price-feature.disabled{opacity:.4}.price-feature.disabled svg{color:var(--text-muted)}.pricing-matrix-section{margin:6rem 0}.matrix-title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:3rem;color:var(--text-bright)}.pricing-matrix{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px var(--shadow-base)}.pricing-matrix th,.pricing-matrix td{padding:1.2rem 1.5rem;text-align:center;border-bottom:1px solid var(--border)}.pricing-matrix th:first-child,.pricing-matrix td:first-child{text-align:left;width:30%;border-right:1px solid var(--border)}.pricing-matrix th{background:var(--border-light);font-weight:600;color:var(--text-bright);font-size:1.1rem}.matrix-category{background:var(--glow-base);color:var(--accent-1)!important;font-weight:700!important;font-size:.9rem!important;text-transform:uppercase;letter-spacing:.05em;text-align:left!important}.pricing-matrix td{color:var(--text-muted);font-size:.95rem}.matrix-col-pro{background:var(--glow-base);border-left:1px solid var(--border-hover);border-right:1px solid var(--border-hover)}.pricing-matrix th.matrix-col-pro{color:var(--accent-1)}.icon-check{color:#27c93f;display:inline-flex;align-items:center;justify-content:center}.icon-cross{color:#64748b;opacity:.5;display:inline-flex;align-items:center;justify-content:center}.feature-name{display:flex;flex-direction:column}.feature-desc{font-size:.75rem;color:#64748b;margin-top:.2rem}.billing-toggle-wrapper{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:4rem}.billing-label{font-size:1.1rem;font-weight:var(--font-weight-medium);color:var(--text-muted);cursor:pointer;transition:color .2s ease}.billing-label.active{color:var(--text-bright)}.toggle-switch{position:relative;width:60px;height:32px;background:var(--surface);border:1px solid var(--border);border-radius:32px;cursor:pointer;transition:background-color .3s ease,border-color .2s ease}.toggle-slider{position:absolute;top:3px;left:3px;width:24px;height:24px;background:var(--accent-1);border-radius:50%;transition:transform .3s cubic-bezier(.16,1,.3,1)}.toggle-switch[data-checked=true] .toggle-slider{transform:translate(28px)}.discount-badge{background:#27c93f26;color:#27c93f;padding:.2rem .6rem;border-radius:100px;font-size:.75rem;font-weight:700;margin-left:.5rem}.footer{border-top:1px solid var(--border);padding:3rem 0;color:var(--text-muted);font-size:.9rem;display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:2rem}@media(max-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-large{font-size:3.5rem}.features-grid,.comparison-grid,.use-cases-grid,.faq-grid{grid-template-columns:1fr}.section{padding:4rem 0}.footer{flex-direction:column;gap:1.5rem;text-align:center}}@media(max-width:640px){.pricing-grid{grid-template-columns:1fr}}@media(max-width:480px){.hero-actions{flex-direction:column;width:100%;align-items:stretch}.hero-actions .btn{width:100%;justify-content:center}}.auth-wrapper{min-height:calc(100vh - var(--navbar-height));display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;position:relative}.auth-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,var(--glow-base) 0%,transparent 50%);z-index:-1;pointer-events:none}.auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2.5rem;box-shadow:0 25px 50px -12px var(--shadow-heavy);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:1.75rem;font-weight:700;color:var(--text-bright);margin-bottom:.5rem;letter-spacing:-.02em}.auth-subtitle{font-size:.95rem;color:var(--text-muted)}.form-group{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.85rem;font-weight:var(--font-weight-medium);color:var(--text-main)}.form-input{width:100%;padding:.75rem 1rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text-bright);font-family:var(--font-sans);font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.form-input::placeholder{color:#475569}.form-input:focus{outline:none;border-color:var(--accent-1);box-shadow:0 0 0 3px var(--glow-base)}.auth-footer{text-align:center;margin-top:2rem;font-size:.9rem;color:var(--text-muted)}.auth-footer a{color:var(--accent-1);font-weight:var(--font-weight-medium);transition:color .2s ease}.auth-footer a:hover{color:var(--text-bright)}.auth-benefits{margin-top:2rem;padding-top:1.5rem;border-top:1px dashed var(--border)}.auth-benefit-item{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem}.auth-benefit-item:last-child{margin-bottom:0}.auth-benefit-icon{color:var(--accent-1);display:flex;align-items:center;justify-content:center;background:var(--glow-base);padding:.2rem;border-radius:50%}.docs-container{padding:1.5rem;display:flex;flex-direction:column;gap:2rem;min-height:100vh}.docs-sidebar{width:100%;position:sticky;top:var(--navbar-height);background-color:var(--bg-color);z-index:10;padding:1rem 0;border-bottom:1px solid var(--border);display:block!important}.docs-sidebar-title{display:none;font-size:.8rem;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem;letter-spacing:.05em;font-weight:700}.docs-sidebar-nav{list-style:none;display:flex;flex-direction:row;gap:1.5rem;overflow-x:auto;padding:.5rem 0;-webkit-overflow-scrolling:touch}.docs-sidebar-nav::-webkit-scrollbar{display:none}.docs-sidebar-link{color:var(--text-muted);font-size:.9rem;font-weight:600;white-space:nowrap;transition:color .2s ease}.docs-sidebar-link:hover{color:var(--accent-1)}.docs-content{flex:1;max-width:800px;width:100%}.docs-section{margin-bottom:5rem}.docs-title{color:var(--text-bright);font-size:2.2rem;margin-bottom:1rem;font-weight:700;scroll-margin-top:calc(var(--navbar-height) + 3rem)}.docs-subtitle{font-size:1.25rem;margin:3.5rem 0 1.2rem;color:var(--text-bright);border-bottom:1px solid var(--border);padding-bottom:.6rem;font-weight:600}.docs-callout{padding:1.25rem 1.5rem;background:var(--glow-base);border-left:4px solid var(--accent-1);border-radius:0 8px 8px 0;color:var(--text-main);font-size:.95rem;margin:2.5rem 0;line-height:1.6}.docs-callout strong{color:var(--accent-1)}.method-badge{background:var(--glow-base);color:var(--accent-1);padding:.3rem .8rem;border-radius:4px;font-size:.8rem;font-weight:700;font-family:var(--font-mono);border:1px solid var(--border)}.param-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;border-bottom:1px solid var(--border-light);padding-bottom:.5rem;margin-top:2rem}.param-name{color:var(--accent-1);font-weight:700;font-family:var(--font-mono)}.param-type{color:var(--text-muted);font-size:.85rem}@media(min-width:1024px){.docs-container{flex-direction:row;padding:4rem 1.5rem;gap:4rem}.docs-sidebar{width:250px;top:calc(var(--navbar-height) + 2rem);border-bottom:none;padding-bottom:0;height:fit-content}.docs-sidebar-title{display:block}.docs-sidebar-nav{flex-direction:column;gap:.8rem;overflow-x:visible}.docs-sidebar-link{font-size:.95rem;font-weight:var(--font-weight-medium)}.docs-title{scroll-margin-top:calc(var(--navbar-height) + 2rem)}}.app-main{min-height:calc(100vh - var(--navbar-height))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-error-banner{display:flex;align-items:center;gap:.6rem;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:.75rem 1rem;color:#f87171;font-size:.875rem;line-height:1.4;margin-bottom:1.25rem}.social-proof-badges{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.social-proof-badges .badge{font-size:.875rem;color:var(--text-muted)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.testimonial-card{background:var(--surface-solid);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.testimonial-text{color:var(--text-main);font-size:.9375rem;line-height:1.6;margin-bottom:1.25rem;font-style:italic}.testimonial-author{display:flex;flex-direction:column;gap:.25rem}.testimonial-author strong{color:var(--text-bright);font-size:.9375rem}.testimonial-author span{color:var(--text-muted);font-size:.8125rem}
