*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root,[data-hub-theme=dark]{--hub-bg: #09090b;--hub-bg-pattern: rgba(255, 255, 255, .02);--hub-bg-glow: rgba(59, 130, 246, .08);--hub-surface: #111113;--hub-surface-2: #18181b;--hub-surface-hover: #1e1e22;--hub-border: #27272a;--hub-border-subtle: #1e1e22;--hub-text: #fafafa;--hub-text-secondary: #a1a1aa;--hub-text-muted: #71717a;--hub-accent: #3b82f6;--hub-accent-light: #60a5fa;--hub-accent-glow: rgba(59, 130, 246, .15);--hub-green: #22c55e;--hub-purple: #a855f7;--hub-orange: #f97316;--hub-pink: #ec4899;--hub-cyan: #06b6d4;--hub-red: #ef4444;--hub-card-shadow: 0 1px 3px rgba(0, 0, 0, .2);--hub-card-shadow-hover: 0 12px 40px rgba(0, 0, 0, .3);--hub-gradient-text: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%)}[data-hub-theme=light]{--hub-bg: #ffffff;--hub-bg-pattern: rgba(0, 0, 0, .03);--hub-bg-glow: rgba(59, 130, 246, .06);--hub-surface: #f8fafc;--hub-surface-2: #f1f5f9;--hub-surface-hover: #e2e8f0;--hub-border: #e2e8f0;--hub-border-subtle: #f1f5f9;--hub-text: #0f172a;--hub-text-secondary: #475569;--hub-text-muted: #94a3b8;--hub-accent: #3b82f6;--hub-accent-light: #2563eb;--hub-accent-glow: rgba(59, 130, 246, .08);--hub-green: #16a34a;--hub-purple: #9333ea;--hub-orange: #ea580c;--hub-pink: #db2777;--hub-cyan: #0891b2;--hub-red: #dc2626;--hub-radius: 12px;--hub-card-shadow: 0 1px 3px rgba(0, 0, 0, .06);--hub-card-shadow-hover: 0 8px 25px rgba(0, 0, 0, .1);--hub-gradient-text: linear-gradient(135deg, #2563eb 0%, #7c3aed 50%, #db2777 100%)}[data-hub-theme=high-contrast]{--hub-bg: #000000;--hub-bg-pattern: rgba(255, 255, 255, .04);--hub-bg-glow: rgba(255, 255, 0, .05);--hub-surface: #0a0a0a;--hub-surface-2: #141414;--hub-surface-hover: #1e1e1e;--hub-border: #ffffff;--hub-border-subtle: #444444;--hub-text: #ffffff;--hub-text-secondary: #e0e0e0;--hub-text-muted: #bbbbbb;--hub-accent: #ffff00;--hub-accent-light: #ffff66;--hub-accent-glow: rgba(255, 255, 0, .1);--hub-green: #00ff00;--hub-purple: #ff66ff;--hub-orange: #ff9900;--hub-pink: #ff66cc;--hub-cyan: #00ffff;--hub-red: #ff0000;--hub-card-shadow: none;--hub-card-shadow-hover: 0 0 0 2px #ffffff;--hub-gradient-text: linear-gradient(135deg, #ffff00 0%, #ff66ff 50%, #00ffff 100%)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--hub-bg);color:var(--hub-text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.hub-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 24px}.bg-pattern{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--hub-bg-pattern) 1px,transparent 1px),linear-gradient(90deg,var(--hub-bg-pattern) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.bg-glow{position:fixed;top:-200px;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse,var(--hub-bg-glow) 0%,transparent 70%);pointer-events:none;z-index:0}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--hub-border-subtle)}.top-nav-left{display:flex;align-items:center;gap:16px}.top-nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--hub-text)}.top-nav-logo{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff}.top-nav-name{font-size:18px;font-weight:700;letter-spacing:-.02em}.top-nav-links{display:flex;align-items:center;gap:24px}.top-nav-link{color:var(--hub-text-muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.top-nav-link:hover{color:var(--hub-text)}.top-nav-link.active{color:var(--hub-accent)}.top-nav-link--muted{color:var(--hub-text-muted);font-style:italic;cursor:default;pointer-events:none;font-size:12.5px}.top-nav-link--new{position:relative}.top-nav-new-dot{position:absolute;top:-3px;right:-5px;width:6px;height:6px;background:var(--hub-accent, #3b82f6);border-radius:50%;display:inline-block}.top-nav-right{display:flex;align-items:center;gap:12px}.btn-github{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid var(--hub-border);background:var(--hub-surface);color:var(--hub-text);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;font-family:inherit;transition:all .2s}.btn-github:hover{background:var(--hub-surface-hover);border-color:var(--hub-text-muted)}.hero{text-align:center;padding:80px 0 60px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:100px;padding:6px 16px;font-size:13px;color:var(--hub-text-secondary);margin-bottom:24px}.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--hub-green);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:20px}.hero h1 .gradient{background:var(--hub-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:1.15rem;color:var(--hub-text-muted);max-width:620px;margin:0 auto 32px;line-height:1.6}.hero-cta{display:flex;align-items:center;justify-content:center;gap:12px}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;border:1px solid var(--hub-border);background:transparent;color:var(--hub-text-secondary);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;transition:all .2s}.btn-outline:hover{background:var(--hub-surface-hover);border-color:var(--hub-text-muted);color:var(--hub-text)}.stats{display:flex;justify-content:center;gap:40px;margin-bottom:64px}.stat{text-align:center}.stat-value{font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--hub-text)}.stat-label{font-size:12px;color:var(--hub-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.stat-sub{font-size:11px;color:var(--hub-text-muted);opacity:.7;margin-top:1px}.section-header{margin-bottom:20px}.section-header h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--hub-text-muted)}.products-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:64px}.product-card{background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:var(--hub-radius);padding:28px;position:relative;overflow:hidden;transition:all .25s ease;box-shadow:var(--hub-card-shadow)}.product-card:hover{border-color:var(--hub-accent-glow);box-shadow:var(--hub-card-shadow-hover)}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.product-card.grid-product:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.product-card.pdf-product:before{background:linear-gradient(90deg,#ef4444,#f97316)}.product-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:6px;margin-bottom:14px}.product-label.grid-label{background:#3b82f61f;color:var(--hub-accent-light)}.product-label.pdf-label{background:#ef44441f;color:var(--hub-red)}.product-card h3{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}.product-card>p{color:var(--hub-text-muted);font-size:14px;line-height:1.6;margin-bottom:18px}.product-features{display:grid;grid-template-columns:1fr 1fr;gap:8px}.product-feature{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--hub-text-secondary)}.product-feature .check{color:var(--hub-green);font-size:14px;flex-shrink:0}.product-cta{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.product-btn{font-size:13px;padding:8px 16px}.product-btn-pdf{background:var(--hub-red)}.product-btn-pdf:hover{background:#b91c1c;box-shadow:0 4px 12px #dc26264d}.ai-section{margin-bottom:64px}.ai-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ai-card{background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:var(--hub-radius);padding:22px;position:relative;overflow:hidden;transition:all .25s ease;box-shadow:var(--hub-card-shadow)}.ai-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#a855f7,#ec4899)}.ai-card:hover{border-color:#a855f74d;box-shadow:var(--hub-card-shadow-hover)}.ai-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:#a855f71f;color:var(--hub-purple);padding:3px 8px;border-radius:4px;margin-bottom:12px}.ai-card h4{font-size:15px;font-weight:700;margin-bottom:6px;color:var(--hub-text)}.ai-card p{font-size:12.5px;color:var(--hub-text-muted);line-height:1.5}.demos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:64px}.card{background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:var(--hub-radius);padding:24px;text-decoration:none;color:var(--hub-text);transition:all .25s ease;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;box-shadow:var(--hub-card-shadow)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--hub-accent),transparent);opacity:0;transition:opacity .3s}.card:hover{background:var(--hub-surface-hover);border-color:#3b82f64d;transform:translateY(-2px);box-shadow:var(--hub-card-shadow-hover)}.card:hover:before{opacity:1}.card.card-new{border-color:#ef444440}.card.card-new:before{background:linear-gradient(90deg,transparent,#ef4444,transparent)}.card-header{display:flex;align-items:center;gap:12px}.card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.card-header h3{font-size:16px;font-weight:700;letter-spacing:-.01em}.card-new-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#ef444426;color:var(--hub-red);padding:2px 7px;border-radius:4px;margin-left:auto}.card p{color:var(--hub-text-muted);font-size:13.5px;line-height:1.55;flex:1}.card-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:var(--hub-accent-glow);color:var(--hub-accent-light);border:1px solid rgba(59,130,246,.12);border-radius:6px;padding:3px 10px;font-size:11.5px;font-weight:500}.tag.tag-new{background:#ef444414;color:var(--hub-red);border-color:#ef444426}.card-link{font-size:13px;font-weight:600;color:var(--hub-accent);transition:color .2s}.card:hover .card-link{color:var(--hub-accent-light)}.benchmark-section{margin-bottom:64px}.benchmark-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.benchmark-card{background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:var(--hub-radius);padding:22px;text-align:center;box-shadow:var(--hub-card-shadow)}.benchmark-value{font-size:32px;font-weight:800;letter-spacing:-.03em;margin-bottom:4px;color:var(--hub-green)}.benchmark-metric{font-size:13px;color:var(--hub-text-secondary);font-weight:500;margin-bottom:6px}.benchmark-detail{font-size:11px;color:var(--hub-text-muted)}.features-section{margin-bottom:64px}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hub-border);border-radius:var(--hub-radius);overflow:hidden;border:1px solid var(--hub-border)}.feature-cell{background:var(--hub-surface);padding:20px;display:flex;flex-direction:column;gap:6px}.feature-cell h4{font-size:14px;font-weight:600;color:var(--hub-text)}.feature-cell p{font-size:12.5px;color:var(--hub-text-muted);line-height:1.5}.feature-icon{font-size:20px;margin-bottom:4px;color:var(--hub-text-secondary)}.feature-links{display:flex;gap:12px;margin-top:4px}.feature-links a{font-size:12px;font-weight:500;color:var(--hub-accent);text-decoration:none;transition:color .2s}.feature-links a:hover{color:var(--hub-accent-light);text-decoration:underline}.platform-section{margin-bottom:64px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.platform-card{background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:var(--hub-radius);padding:24px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--hub-card-shadow)}.platform-card h4{font-size:15px;font-weight:700;color:var(--hub-text)}.platform-card p{font-size:13px;color:var(--hub-text-muted);line-height:1.55}.platform-icon{font-size:22px;margin-bottom:4px}.tech-section{text-align:center;margin-bottom:80px}.tech-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:16px}.tech-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:100px;border:1px solid var(--hub-border);background:var(--hub-surface);font-size:13px;color:var(--hub-text-secondary);font-weight:500}.tech-pill.highlight{border-color:#ef444440;color:var(--hub-red)}.hub-footer{text-align:center;padding:32px 0 48px;border-top:1px solid var(--hub-border-subtle);color:var(--hub-text-muted);font-size:13px;margin-top:32px}.hub-footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:12px}.hub-footer-link{display:inline-flex;align-items:center;gap:6px;color:var(--hub-text-muted);text-decoration:none;font-size:13px;transition:color .2s}.hub-footer-link:hover{color:var(--hub-accent-light)}.hub-footer-copy{color:var(--hub-text-muted);font-size:13px}.docs-page{display:flex;min-height:calc(100vh - 120px)}.docs-main{flex:1;min-width:0;display:flex;flex-direction:column}.docs-sidebar{width:260px;min-width:260px;height:calc(100vh - 65px);position:sticky;top:65px;overflow-y:auto;border-right:1px solid var(--hub-border);padding:20px 16px;background:var(--hub-bg)}.docs-sidebar::-webkit-scrollbar{width:4px}.docs-sidebar::-webkit-scrollbar-thumb{background:var(--hub-border);border-radius:4px}.docs-sidebar-search-wrap{position:relative;margin-bottom:20px}.docs-sidebar-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--hub-text-muted);pointer-events:none}.docs-sidebar-search{width:100%;padding:8px 10px 8px 32px;border-radius:8px;border:1px solid var(--hub-border);background:var(--hub-surface);color:var(--hub-text);font-size:13px;font-family:inherit;outline:none;transition:border-color .2s}.docs-sidebar-search::placeholder{color:var(--hub-text-muted)}.docs-sidebar-search:focus{border-color:var(--hub-accent)}.docs-section{margin-bottom:8px}.docs-section-header{display:flex;align-items:center;gap:6px;width:100%;padding:6px 4px;border:none;background:none;cursor:pointer;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--hub-text-muted);font-family:inherit;transition:color .2s}.docs-section-header:hover{color:var(--hub-text-secondary)}.docs-section-chevron{transition:transform .2s;flex-shrink:0}.docs-section-chevron.collapsed{transform:rotate(-90deg)}.docs-section-items{list-style:none;padding:0;margin:0}.docs-item{display:block;width:100%;padding:5px 8px 5px 22px;border:none;border-left:2px solid transparent;background:none;text-align:left;font-size:14px;font-family:inherit;color:var(--hub-text-secondary);cursor:pointer;transition:all .15s;line-height:1.5}.docs-item:hover{background:var(--hub-surface-hover);color:var(--hub-text)}.docs-item.active{border-left-color:var(--hub-accent);color:var(--hub-text);font-weight:600;background:var(--hub-accent-glow)}.docs-content{flex:1;padding:32px 48px;max-width:800px;overflow-y:auto}.docs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 24px;color:var(--hub-text-muted);font-size:14px}.docs-loading-spinner{width:24px;height:24px;border:2px solid var(--hub-border);border-top-color:var(--hub-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.docs-error{padding:48px;text-align:center}.docs-error h2{font-size:1.5rem;margin-bottom:12px;color:var(--hub-text)}.docs-error p{color:var(--hub-text-muted);margin-bottom:8px}.docs-error code{background:var(--hub-surface-2);padding:2px 8px;border-radius:4px;font-size:.9em}.docs-content h1{font-size:2rem;font-weight:800;margin-bottom:16px;letter-spacing:-.03em;color:var(--hub-text)}.docs-content h2{font-size:1.5rem;font-weight:700;margin-top:32px;margin-bottom:12px;letter-spacing:-.02em;color:var(--hub-text);padding-bottom:8px;border-bottom:1px solid var(--hub-border-subtle)}.docs-content h3{font-size:1.2rem;font-weight:600;margin-top:24px;margin-bottom:8px;color:var(--hub-text)}.docs-content h4{font-size:1rem;font-weight:600;margin-top:20px;margin-bottom:6px;color:var(--hub-text)}.docs-content p{line-height:1.7;color:var(--hub-text-secondary);margin-bottom:16px}.docs-content ul,.docs-content ol{margin-bottom:16px;padding-left:24px;color:var(--hub-text-secondary);line-height:1.7}.docs-content li{margin-bottom:4px}.docs-content li>ul,.docs-content li>ol{margin-top:4px;margin-bottom:4px}.docs-content strong{font-weight:600;color:var(--hub-text)}.docs-content a{color:var(--hub-accent);text-decoration:none}.docs-content a:hover{text-decoration:underline}.docs-content code{background:var(--hub-surface-2);padding:2px 6px;border-radius:4px;font-size:.9em;font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace}.docs-content .code-block-wrapper{margin-bottom:16px}.docs-content pre{background:#1e1e2e;border:1px solid var(--hub-border);border-radius:8px;padding:16px;overflow-x:auto;font-size:13px;line-height:1.6}.docs-content pre code{background:none;padding:0;border-radius:0;font-size:inherit;color:#cdd6f4}.docs-content .table-wrapper{overflow-x:auto;margin-bottom:16px}.docs-content table{width:100%;border-collapse:collapse}.docs-content th,.docs-content td{border:1px solid var(--hub-border);padding:8px 12px;text-align:left}.docs-content th{background:var(--hub-surface-2);font-weight:600;font-size:13px;color:var(--hub-text)}.docs-content td{font-size:14px;color:var(--hub-text-secondary)}.docs-content blockquote{border-left:3px solid var(--hub-accent);padding-left:16px;margin:0 0 16px;color:var(--hub-text-muted)}.docs-content blockquote p{color:var(--hub-text-muted)}.docs-content .callout{padding:16px;border-radius:8px;margin-bottom:16px;border-left:4px solid}.docs-content .callout p:last-child{margin-bottom:0}.docs-content .callout-note{border-color:var(--hub-accent);background:var(--hub-accent-glow)}.docs-content .callout-tip{border-color:var(--hub-green);background:#22c55e14}.docs-content .callout-caution{border-color:var(--hub-orange);background:#f9731614}.docs-content .example-embed{border:1px solid var(--hub-border);border-radius:10px;margin:24px 0;overflow:hidden;background:var(--hub-card-bg)}.docs-content .example-embed-header{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--hub-accent-glow);border-bottom:1px solid var(--hub-border);font-size:14px}.docs-content .example-embed-icon{color:var(--hub-accent);font-size:12px}.docs-content .example-embed-header strong{flex:1;color:var(--hub-fg)}.docs-content .example-embed-link{font-size:12px;font-weight:600;color:var(--hub-accent)!important;text-decoration:none!important;white-space:nowrap;padding:4px 12px;border-radius:6px;background:var(--hub-accent-glow);border:1px solid var(--hub-accent);transition:background .15s}.docs-content .example-embed-link:hover{background:var(--hub-accent);color:#fff!important}.docs-content .example-embed>pre,.docs-content .example-embed>.code-block-wrapper{margin:0;border-radius:0}.docs-content .example-embed>p{padding:12px 16px;margin:0;font-size:13px;color:var(--hub-muted)}.docs-content hr{border:none;border-top:1px solid var(--hub-border);margin:32px 0}.docs-content input[type=checkbox]{margin-right:6px}.demos-page{padding-top:48px;padding-bottom:64px}.demos-page-header{text-align:center;margin-bottom:40px}.demos-page-header h1{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.demos-page-header p{font-size:1.05rem;color:var(--hub-text-muted);max-width:600px;margin:0 auto;line-height:1.6}.demos-grid-full{margin-bottom:0}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;border:none;background:var(--hub-accent);color:#fff;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;transition:all .2s}.btn-primary:hover{background:var(--hub-accent-light);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;border:1px solid var(--hub-border);background:transparent;color:var(--hub-text);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;transition:all .2s}.btn-secondary:hover{background:var(--hub-surface-hover);border-color:var(--hub-text-muted)}@media (max-width: 900px){.products-grid,.platform-grid{grid-template-columns:1fr}.demos-grid,.ai-grid,.features-grid,.benchmark-grid{grid-template-columns:repeat(2,1fr)}.stats{gap:24px}.docs-sidebar{width:220px;min-width:220px}.docs-content{padding:24px}}@media (max-width: 640px){.hero{padding:48px 0 40px}.hero h1{font-size:2rem}.demos-grid,.features-grid,.ai-grid{grid-template-columns:1fr}.benchmark-grid{grid-template-columns:repeat(2,1fr)}.stats{flex-wrap:wrap;gap:16px}.top-nav-links{gap:12px}.product-features{grid-template-columns:1fr}.docs-page{flex-direction:column}.docs-sidebar{width:100%;min-width:unset;height:auto;position:relative;top:0;border-right:none;border-bottom:1px solid var(--hub-border);max-height:300px}.docs-content{padding:20px 16px;max-width:100%}.demos-page-header h1{font-size:1.8rem}}.hljs{color:#cdd6f4;background:#1e1e2e}.hljs-keyword,.hljs-selector-tag,.hljs-built_in{color:#cba6f7;font-weight:600}.hljs-string,.hljs-attribute,.hljs-addition{color:#a6e3a1}.hljs-comment,.hljs-quote{color:#6c7086;font-style:italic}.hljs-number,.hljs-literal{color:#fab387}.hljs-type,.hljs-class .hljs-title,.hljs-title.class_{color:#f9e2af}.hljs-function .hljs-title,.hljs-title.function_{color:#89b4fa}.hljs-variable,.hljs-template-variable{color:#f38ba8}.hljs-property{color:#89dceb}.hljs-regexp{color:#f5c2e7}.hljs-symbol{color:#f2cdcd}.hljs-meta{color:#f5e0dc}.hljs-deletion{color:#f38ba8}.hljs-section{color:#89b4fa;font-weight:700}.hljs-tag{color:#94e2d5}.hljs-name{color:#cba6f7}.hljs-attr{color:#89b4fa}.hljs-selector-class{color:#94e2d5}.hljs-selector-id{color:#89dceb}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--hub-text);cursor:pointer;padding:8px}@media (max-width: 768px){.mobile-menu-toggle{display:flex;align-items:center}.top-nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--hub-surface);border-bottom:1px solid var(--hub-border);flex-direction:column;padding:16px;gap:8px;z-index:100}.top-nav-links.open{display:flex}.top-nav{position:relative}.hero h1{font-size:2rem}.hero p{font-size:1rem}.features-grid,.demos-grid,.stats,.products-grid,.platform-grid{grid-template-columns:1fr}.hero-cta{flex-direction:column;align-items:stretch}}.hero-badge-link{text-decoration:none;transition:border-color .2s,background .2s;cursor:pointer}.hero-badge-link:hover{border-color:var(--hub-accent);background:var(--hub-accent-glow);color:var(--hub-text)}.hero-preview{margin:48px auto 0;max-width:860px;border:1px solid var(--hub-border);border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #0000001f,0 4px 16px #0000000f;background:var(--hub-surface)}[data-hub-theme=dark] .hero-preview{box-shadow:0 20px 60px #00000080,0 4px 16px #3b82f614}.preview-bar{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--hub-surface-2);border-bottom:1px solid var(--hub-border)}.preview-dot{width:10px;height:10px;border-radius:50%}.preview-dot.red{background:#ef4444}.preview-dot.yellow{background:#f59e0b}.preview-dot.green{background:#22c55e}.preview-title{margin-left:8px;font-size:12px;color:var(--hub-text-muted);flex:1;text-align:center}.preview-grid{font-size:12.5px}.preview-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;background:var(--hub-surface-2);border-bottom:1px solid var(--hub-border)}.preview-th{padding:9px 14px;font-weight:600;color:var(--hub-text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:4px}.preview-th-sorted{color:var(--hub-accent)}.preview-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;border-bottom:1px solid var(--hub-border-subtle);transition:background .15s}.preview-row:last-child{border-bottom:none}.preview-row:hover{background:var(--hub-surface-hover)}.preview-td{padding:10px 14px;color:var(--hub-text-secondary);font-variant-numeric:tabular-nums}.preview-td-name{font-weight:500;color:var(--hub-text)}.preview-td-ticker{font-weight:600;color:var(--hub-accent-light);font-size:11.5px}.preview-td-muted{color:var(--hub-text-muted)}.preview-td-change{font-weight:600}.preview-td-change.up{color:var(--hub-green)}.preview-td-change.down{color:var(--hub-red)}.preview-footer{display:flex;align-items:center;gap:16px;padding:9px 16px;background:var(--hub-surface-2);border-top:1px solid var(--hub-border);font-size:11px;color:var(--hub-text-muted)}.preview-badge{font-weight:600;font-size:11px}.preview-badge.green{color:var(--hub-green)}.preview-plugins{margin-left:auto;font-family:SF Mono,Fira Code,Menlo,monospace;font-size:10.5px;color:var(--hub-text-muted)}.hero-frameworks{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:32px 0 0}.hero-fw-label{font-size:12px;color:var(--hub-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-right:4px}.hero-fw-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 14px;border-radius:100px;font-size:12.5px;font-weight:500;background:var(--hub-surface);border:1px solid var(--hub-border);color:var(--hub-text-secondary);transition:border-color .2s,background .2s}.hero-fw-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--fw-color, var(--hub-accent));flex-shrink:0}.hero-fw-pill:hover{border-color:var(--fw-color, var(--hub-accent));background:var(--hub-surface-hover)}.qs-section{margin-bottom:80px;text-align:center}.qs-label{display:inline-block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--hub-accent-light);margin-bottom:12px}.qs-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;letter-spacing:-.03em;margin-bottom:12px;color:var(--hub-text)}.qs-title-accent{background:var(--hub-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qs-sub{font-size:15px;color:var(--hub-text-muted);max-width:560px;margin:0 auto 28px;line-height:1.65}.qs-install{display:inline-flex;align-items:center;gap:10px;background:var(--hub-surface-2);border:1px solid var(--hub-border);border-radius:10px;padding:10px 18px;margin-bottom:28px;font-family:SF Mono,Fira Code,Menlo,monospace;font-size:13px}.qs-install-code{color:var(--hub-text-secondary)}.qs-prompt{color:var(--hub-accent-light);-webkit-user-select:none;user-select:none}.qs-copy{background:none;border:none;cursor:pointer;color:var(--hub-text-muted);padding:2px 4px;border-radius:4px;display:inline-flex;align-items:center;transition:color .2s,background .2s}.qs-copy:hover{color:var(--hub-text);background:var(--hub-surface-hover)}.qs-editor{text-align:left;background:#1e1e2e;border:1px solid var(--hub-border);border-radius:12px;overflow:hidden;max-width:860px;margin:0 auto 28px;box-shadow:0 8px 32px #00000026}.qs-tabs{display:flex;align-items:center;gap:2px;background:#171720;border-bottom:1px solid rgba(255,255,255,.07);padding:0 12px;overflow-x:auto}.qs-tab{background:none;border:none;border-bottom:2px solid transparent;padding:10px 14px;font-size:12.5px;font-weight:500;font-family:inherit;color:#6c7086;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.qs-tab:hover{color:#cdd6f4}.qs-tab-active{color:#cdd6f4;border-bottom-color:#89b4fa}.qs-tabs-spacer{flex:1}.qs-file-badge{font-size:11px;font-family:SF Mono,Fira Code,Menlo,monospace;color:#6c7086;padding:2px 8px;background:#ffffff0a;border-radius:4px;white-space:nowrap}.qs-code{padding:20px 0;overflow-x:auto;font-family:SF Mono,Fira Code,Menlo,monospace;font-size:13px;line-height:1.65;background:#1e1e2e;color:#cdd6f4;margin:0}.code-line{display:block;padding:0 20px 0 0;min-width:max-content}.code-line:hover{background:#ffffff06}.code-ln{display:inline-block;width:36px;padding-right:12px;color:#45475a;text-align:right;-webkit-user-select:none;user-select:none;font-size:11.5px}.qs-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.sp-section{margin-bottom:80px;text-align:center}.sp-eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--hub-text-muted);margin-bottom:28px}.sp-logos{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:48px}.sp-logo{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;border:1px solid var(--hub-border);background:var(--hub-surface);opacity:.6;transition:opacity .2s,border-color .2s;cursor:default}.sp-logo:hover{opacity:1;border-color:var(--hub-accent)}.sp-logo-abbr{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,var(--hub-accent),var(--hub-purple));display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;flex-shrink:0}.sp-logo-name{font-size:13px;font-weight:600;color:var(--hub-text-secondary)}.sp-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.sp-quote{background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:var(--hub-radius);padding:24px;box-shadow:var(--hub-card-shadow);display:flex;flex-direction:column;gap:16px}.sp-quote-text{font-size:14px;line-height:1.7;color:var(--hub-text-secondary);flex:1;margin:0}.sp-quote-text:before{content:"“"}.sp-quote-text:after{content:"”"}.sp-quote-author{display:flex;align-items:center;gap:12px}.sp-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--hub-accent),var(--hub-purple));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.sp-author-name{font-size:13px;font-weight:600;color:var(--hub-text)}.sp-author-role{font-size:12px;color:var(--hub-text-muted);margin-top:1px}.cmp-section{margin-bottom:80px}.cmp-table-wrap{overflow-x:auto;border-radius:var(--hub-radius);border:1px solid var(--hub-border);box-shadow:var(--hub-card-shadow)}.cmp-table{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--hub-surface)}.cmp-th-feature{padding:14px 20px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--hub-text-muted);background:var(--hub-surface-2);border-bottom:1px solid var(--hub-border);width:36%}.cmp-th{padding:14px 20px;text-align:center;font-weight:600;font-size:13px;color:var(--hub-text-secondary);background:var(--hub-surface-2);border-bottom:1px solid var(--hub-border);border-left:1px solid var(--hub-border)}.cmp-th-highlight{background:#3b82f60f;color:var(--hub-accent-light)}.cmp-header-badge{display:inline-flex;align-items:center;gap:6px;background:var(--hub-accent);color:#fff;padding:3px 12px;border-radius:100px;font-size:12px;font-weight:700}.cmp-row{border-bottom:1px solid var(--hub-border-subtle);transition:background .15s}.cmp-row:last-child{border-bottom:none}.cmp-row:hover{background:var(--hub-surface-hover)}.cmp-td-feature{padding:12px 20px;color:var(--hub-text-secondary);font-weight:500}.cmp-td{padding:12px 20px;text-align:center;border-left:1px solid var(--hub-border-subtle)}.cmp-td-highlight{background:#3b82f608}.cmp-yes{color:var(--hub-green);font-size:16px;font-weight:700}.cmp-no{color:var(--hub-text-muted);font-size:16px}.cmp-text{color:var(--hub-text-muted);font-size:12.5px}.cmp-cta{margin-top:20px;text-align:center}.section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--hub-accent-light);margin-bottom:10px}.section-title{font-size:clamp(1.5rem,2.8vw,2rem);font-weight:800;letter-spacing:-.03em;color:var(--hub-text);margin-bottom:12px;line-height:1.2}.section-accent{background:var(--hub-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-sub{font-size:15px;color:var(--hub-text-muted);max-width:580px;margin-bottom:32px;line-height:1.65}.hub-footer-enterprise{border-top:1px solid var(--hub-border);padding-top:48px;padding-bottom:40px;margin-top:80px}.hub-footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:40px}.hub-footer-brand{display:flex;align-items:center;gap:14px}.hub-footer-logo{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;flex-shrink:0}.hub-footer-brand-name{font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--hub-text)}.hub-footer-brand-tagline{font-size:12px;color:var(--hub-text-muted);margin-top:2px}.hub-footer-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hub-footer-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:100px;border:1px solid var(--hub-border);background:var(--hub-surface);font-size:11.5px;font-weight:500;color:var(--hub-text-muted)}.hub-footer-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:32px;margin-bottom:40px}.hub-footer-col-heading{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--hub-text);margin-bottom:14px}.hub-footer-col-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.hub-footer-col-link{font-size:13px;color:var(--hub-text-muted);text-decoration:none;transition:color .15s}.hub-footer-col-link:hover{color:var(--hub-accent-light)}.hub-footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--hub-border-subtle);gap:16px}.hub-footer-copy{font-size:12.5px;color:var(--hub-text-muted)}.hub-footer-social{display:flex;align-items:center;gap:12px}.hub-footer-social-link{color:var(--hub-text-muted);transition:color .15s;display:inline-flex;align-items:center}.hub-footer-social-link:hover{color:var(--hub-text)}@media (max-width: 900px){.sp-quotes{grid-template-columns:1fr}.hub-footer-cols{grid-template-columns:repeat(2,1fr);gap:24px}.hub-footer-top{flex-direction:column}.hero-preview{margin-top:36px}.preview-header,.preview-row{grid-template-columns:2fr 1fr 1fr 1fr}.preview-td-muted,.preview-th:last-child{display:none}}@media (max-width: 640px){.sp-logos{gap:10px}.sp-logo-name{display:none}.hub-footer-cols{grid-template-columns:1fr 1fr}.qs-editor{border-radius:8px}.hero-preview{display:none}.cmp-th:nth-child(4),.cmp-td:nth-child(4){display:none}.hub-footer-badges{display:none}}.hero-trust{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:20px 0 0}.hero-trust-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:100px;font-size:12px;font-weight:500;background:var(--hub-surface);border:1px solid var(--hub-border);color:var(--hub-text-secondary)}.hero-trust-badge svg{flex-shrink:0;color:var(--hub-accent)}.preview-bar-right{margin-left:auto;display:flex;align-items:center;gap:6px}.preview-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:100px;font-size:10px;font-weight:600;background:var(--hub-accent-glow);color:var(--hub-accent);border:1px solid rgba(59,130,246,.2);letter-spacing:.04em}.preview-toolbar{display:flex;align-items:center;gap:4px;padding:6px 14px;background:var(--hub-surface);border-bottom:1px solid var(--hub-border)}.preview-toolbar-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:5px;font-size:11px;font-weight:500;color:var(--hub-text-secondary);cursor:default;border:1px solid transparent;transition:background .15s}.preview-toolbar-btn:hover{background:var(--hub-surface-hover);border-color:var(--hub-border)}.preview-toolbar-btn-active{background:var(--hub-accent-glow);color:var(--hub-accent);border-color:#3b82f640}.preview-toolbar-sep{width:1px;height:16px;background:var(--hub-border);margin:0 4px}.preview-th-check,.preview-td-check{flex:0 0 32px;min-width:32px;display:flex;align-items:center;justify-content:center;padding:0}.preview-checkbox{display:inline-block;width:12px;height:12px;border-radius:3px;border:1.5px solid var(--hub-text-muted);background:transparent;flex-shrink:0}.preview-checkbox-checked{border-color:var(--hub-accent);background:var(--hub-accent);position:relative}.preview-checkbox-checked:after{content:"";position:absolute;top:1px;left:3px;width:4px;height:7px;border:1.5px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.preview-td-spark{display:flex;align-items:center;padding:6px 10px}.preview-header,.preview-row{grid-template-columns:32px 2fr 1fr 1fr 1fr 1fr 60px}.tier-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 20px;background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:var(--hub-radius);margin-bottom:40px}.tier-item{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;background:var(--hub-surface-2);border:1px solid var(--hub-border);font-size:12px;cursor:default;transition:border-color .15s,background .15s}.tier-item:hover{border-color:var(--hub-text-muted);background:var(--hub-surface-hover)}.tier-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tier-count{font-weight:700;font-size:13px;color:var(--hub-text);font-variant-numeric:tabular-nums}.tier-label{color:var(--hub-text-secondary)}.tier-total{margin-left:auto;display:flex;align-items:baseline;gap:4px}.tier-total-num{font-size:20px;font-weight:800;color:var(--hub-text);letter-spacing:-.02em}.tier-total-label{font-size:12px;color:var(--hub-text-muted);text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.tier-total{width:100%;justify-content:flex-end;margin-top:8px}.preview-toolbar{display:none}.hero-trust{gap:6px}.hero-trust-badge{font-size:11px;padding:4px 10px}}.ps-wrap{position:relative}.ps-trigger{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;font-size:13px;font-weight:500;color:var(--hub-text-secondary);background:var(--hub-surface);border:1px solid var(--hub-border);cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.ps-trigger:hover,.ps-trigger-open{border-color:var(--hub-text-muted);color:var(--hub-text);background:var(--hub-surface-hover)}.ps-trigger-active{border-color:var(--hub-accent);color:var(--hub-accent);background:var(--hub-accent-glow)}.ps-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ps-label{max-width:110px;overflow:hidden;text-overflow:ellipsis}.ps-chevron{opacity:.5;margin-left:2px;transition:transform .15s}.ps-trigger-open .ps-chevron{transform:rotate(180deg)}.ps-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:240px;background:var(--hub-bg);border:1px solid var(--hub-border);border-radius:10px;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;z-index:1000;overflow:hidden;padding:6px 0}.ps-section-label{padding:6px 14px 3px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--hub-text-muted)}.ps-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;background:transparent;border:none;cursor:pointer;text-align:left;font-family:inherit;transition:background .12s}.ps-item:hover{background:var(--hub-surface)}.ps-item-active{background:var(--hub-accent-glow)}.ps-item-soon{cursor:default;opacity:.6}.ps-item-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ps-item-text{flex:1;display:flex;flex-direction:column;gap:1px}.ps-item-name{font-size:13px;font-weight:600;color:var(--hub-text)}.ps-item-tag{font-size:11px;color:var(--hub-text-muted)}.ps-badge{font-size:9.5px;font-weight:700;padding:1px 6px;border-radius:10px;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.ps-badge--beta{background:#d977061a;color:#d97706}.ps-badge--preview{background:#7c3aed1a;color:#7c3aed}.ps-soon-badge{font-size:10px;font-weight:600;color:var(--hub-text-muted);background:var(--hub-surface-2);border:1px solid var(--hub-border);border-radius:4px;padding:1px 6px}.ps-divider{height:1px;background:var(--hub-border);margin:6px 0}.ps-all-products{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;color:var(--hub-accent);transition:background .12s}.ps-all-products:hover{background:var(--hub-accent-glow)}.plat-page{padding-bottom:80px}.plat-hero{text-align:center;padding:72px 24px 56px}.plat-hero-eyebrow{margin-bottom:20px}.plat-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:100px;font-size:12px;font-weight:600;background:var(--hub-surface);border:1px solid var(--hub-border);color:var(--hub-text-secondary);text-transform:uppercase;letter-spacing:.06em}.plat-hero-title{font-size:clamp(36px,5vw,56px);font-weight:900;letter-spacing:-.03em;line-height:1.1;color:var(--hub-text);margin-bottom:16px;background:var(--hub-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plat-hero-sub{font-size:18px;color:var(--hub-text-secondary);margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}.plat-hero-pills{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.plat-hero-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;font-size:13px;font-weight:500;background:var(--hub-surface);border:1px solid var(--hub-border);color:var(--hub-text-secondary);cursor:pointer;transition:all .15s;font-family:inherit}.plat-hero-pill:hover{border-color:var(--pill-color, var(--hub-accent));color:var(--pill-color, var(--hub-accent));background:color-mix(in srgb,var(--pill-color, var(--hub-accent)) 8%,transparent)}.plat-hero-pill-soon{cursor:default;opacity:.5}.plat-hero-pill-soon em{font-style:normal;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.7}.plat-products-section,.plat-roadmap-section{margin-bottom:64px}.plat-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:24px;margin-top:24px}.plat-roadmap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;margin-top:24px}.plat-card{background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:16px;padding:24px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;flex-direction:column;gap:16px}.plat-card-live:hover{border-color:var(--product-color, var(--hub-accent));box-shadow:0 8px 32px #00000014,0 0 0 1px color-mix(in srgb,var(--product-color, var(--hub-accent)) 20%,transparent);transform:translateY(-2px)}.plat-card-soon{opacity:.7;border-style:dashed}.plat-card-head{display:flex;align-items:flex-start;gap:16px}.plat-card-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.plat-card-meta{flex:1;min-width:0}.plat-card-badges{display:flex;align-items:center;gap:6px;margin-bottom:4px}.plat-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.04em}.plat-badge-tier{background:transparent!important;font-weight:500;font-size:11px}.plat-card-name{font-size:20px;font-weight:800;color:var(--hub-text);letter-spacing:-.02em;margin:0 0 2px}.plat-card-tagline{font-size:13px;color:var(--hub-text-muted)}.plat-card-version{font-size:11px;color:var(--hub-text-muted);font-family:SF Mono,Fira Code,monospace;flex-shrink:0}.plat-card-desc{font-size:13.5px;color:var(--hub-text-secondary);line-height:1.6}.plat-feature-list{list-style:none;display:flex;flex-direction:column;gap:6px}.plat-feature-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--hub-text-secondary)}.plat-feature-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.plat-stats{display:flex;gap:20px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--hub-border-subtle);border-bottom:1px solid var(--hub-border-subtle)}.plat-stat{display:flex;flex-direction:column;gap:1px}.plat-stat-value{font-size:18px;font-weight:800;letter-spacing:-.02em}.plat-stat-label{font-size:11px;color:var(--hub-text-muted);text-transform:uppercase;letter-spacing:.06em}.plat-tags{display:flex;flex-wrap:wrap;gap:6px}.plat-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;background:var(--hub-surface-2);border:1px solid var(--hub-border);color:var(--hub-text-muted)}.plat-card-ctas{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.plat-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:600;color:#fff;border:none;cursor:pointer;font-family:inherit;text-decoration:none;transition:opacity .15s,transform .15s}.plat-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.plat-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;color:var(--hub-text-secondary);background:var(--hub-surface-2);border:1px solid var(--hub-border);cursor:pointer;font-family:inherit;text-decoration:none;transition:all .15s}.plat-btn-secondary:hover{border-color:var(--hub-text-muted);color:var(--hub-text)}.plat-btn-ghost{display:inline-flex;align-items:center;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;color:var(--hub-text-muted);background:transparent;border:none;cursor:pointer;font-family:inherit;transition:color .15s}.plat-btn-ghost:hover{color:var(--hub-text)}.plat-btn-soon{display:inline-flex;align-items:center;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:600;color:var(--hub-text-muted);background:var(--hub-surface-2);border:1px solid var(--hub-border);cursor:not-allowed;font-family:inherit}.plat-eta{font-size:12px;color:var(--hub-text-muted)}.plat-quicklinks{display:flex;flex-wrap:wrap;gap:4px;padding-top:8px;border-top:1px solid var(--hub-border-subtle)}.plat-quicklink{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;color:var(--hub-text-muted);background:transparent;border:none;cursor:pointer;text-decoration:none;font-family:inherit;transition:background .12s,color .12s}.plat-quicklink:hover{background:var(--hub-surface-2);color:var(--hub-accent)}.plat-new-pill{display:inline-block;padding:1px 5px;border-radius:3px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--hub-accent-glow);color:var(--hub-accent)}.plat-integration-cta{margin-top:56px}.plat-cta-card{display:flex;align-items:flex-start;gap:24px;padding:32px;background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:16px}.plat-cta-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--hub-accent-glow);color:var(--hub-accent);flex-shrink:0}.plat-cta-title{font-size:18px;font-weight:700;color:var(--hub-text);margin-bottom:8px}.plat-cta-body{font-size:14px;color:var(--hub-text-secondary);line-height:1.6}.plat-cta-body code{font-family:SF Mono,Fira Code,monospace;font-size:12.5px;background:var(--hub-surface-2);border:1px solid var(--hub-border);border-radius:4px;padding:1px 5px;color:var(--hub-accent)}.prod-home{padding-bottom:80px}.prod-breadcrumb{display:flex;align-items:center;gap:8px;padding:16px 0;font-size:13px}.prod-bc-link{background:none;border:none;cursor:pointer;color:var(--hub-accent);font-family:inherit;font-size:13px;font-weight:500;padding:0;transition:opacity .15s}.prod-bc-link:hover{opacity:.8}.prod-bc-sep{color:var(--hub-text-muted)}.prod-bc-current{color:var(--hub-text-secondary);font-weight:500}.prod-hero{display:flex;gap:28px;padding:32px 0 40px;align-items:flex-start}.prod-hero-icon{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.prod-hero-text{flex:1}.prod-hero-badges{display:flex;align-items:center;gap:8px;margin-bottom:8px}.prod-version{font-size:12px;color:var(--hub-text-muted);font-family:SF Mono,Fira Code,monospace}.prod-hero-name{font-size:36px;font-weight:900;letter-spacing:-.03em;color:var(--hub-text);margin-bottom:6px}.prod-hero-tagline{font-size:16px;color:var(--hub-text-muted);margin-bottom:12px}.prod-hero-desc{font-size:14.5px;color:var(--hub-text-secondary);line-height:1.65;max-width:600px;margin-bottom:20px}.prod-hero-ctas{display:flex;gap:10px;flex-wrap:wrap}.prod-stats-row{display:flex;gap:0;border:1px solid var(--hub-border);border-radius:12px;overflow:hidden;margin-bottom:32px}.prod-stat-block{flex:1;padding:18px 20px;border-right:1px solid var(--hub-border);background:var(--hub-surface)}.prod-stat-block:last-child{border-right:none}.prod-stat-value{font-size:24px;font-weight:800;letter-spacing:-.02em}.prod-stat-label{font-size:12px;color:var(--hub-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.prod-body-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.prod-features-card,.prod-links-card{background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:12px;padding:20px}.prod-card-title{font-size:14px;font-weight:700;color:var(--hub-text);margin-bottom:14px;text-transform:uppercase;letter-spacing:.06em}.prod-links-list{display:flex;flex-direction:column;gap:2px}.prod-link-row{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:6px;font-size:13px;font-weight:500;color:var(--hub-text-secondary);background:transparent;border:none;cursor:pointer;text-decoration:none;font-family:inherit;transition:background .12s,color .12s}.prod-link-row:hover{background:var(--hub-surface-2);color:var(--hub-accent)}@media (max-width: 900px){.plat-products-grid,.plat-roadmap-grid,.prod-body-grid{grid-template-columns:1fr}.plat-cta-card{flex-direction:column}.prod-stats-row{flex-wrap:wrap}.prod-stat-block{flex:1 1 40%}}@media (max-width: 600px){.plat-hero{padding:40px 0 32px}.plat-hero-title{font-size:32px}.prod-hero{flex-direction:column}.ps-label,.top-nav-name{display:none}}.tx-page{position:relative;min-height:100vh;background:linear-gradient(180deg,#060b1a,#030710 60%,#060b1a);color:#e2e8f0;overflow-x:hidden}.tx-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.tx-orb{position:absolute;border-radius:50%;filter:blur(90px);animation:tx-orb-drift 18s ease-in-out infinite}.tx-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.28) 0%,transparent 65%);top:-160px;left:-160px;animation-duration:22s}.tx-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(124,58,237,.22) 0%,transparent 65%);top:300px;right:-120px;animation-delay:-7s;animation-duration:19s}.tx-orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.14) 0%,transparent 65%);bottom:200px;left:35%;animation-delay:-13s;animation-duration:25s}@keyframes tx-orb-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-50px) scale(1.06)}66%{transform:translate(-25px,35px) scale(.94)}}.tx-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,163,184,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.04) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 40%,black 0%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 40%,black 0%,transparent 100%)}.tx-hero{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:48px;max-width:1200px;margin:0 auto;padding:96px 32px 72px}.tx-hero-content{flex:1;min-width:0}.tx-eyebrow-pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#93c5fd;background:#2563eb24;border:1px solid rgba(37,99,235,.28);border-radius:100px;padding:6px 14px;margin-bottom:24px}.tx-eyebrow-dot{width:6px;height:6px;background:#3b82f6;border-radius:50%;animation:tx-pulse-dot 2s ease-in-out infinite}@keyframes tx-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.tx-hero-title{font-size:clamp(56px,8vw,96px);font-weight:800;letter-spacing:-.03em;line-height:1;margin:0 0 20px}.tx-gradient-text{background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tx-hero-tagline{font-size:18px;color:#94a3b8;margin:0 0 32px;max-width:480px;line-height:1.6}.tx-hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px}.tx-hero-pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#e2e8f0;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:6px 14px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.tx-hero-pill:hover{background:#ffffff1a;border-color:var(--pc, rgba(255,255,255,.2));transform:translateY(-1px)}.tx-hero-pill-soon{cursor:default;opacity:.5}.tx-hero-pill-soon em{font-style:normal;font-size:10px;background:#94a3b833;border-radius:4px;padding:1px 5px;margin-left:2px}.tx-hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.tx-cta-btn{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:10px;padding:12px 24px;cursor:pointer;transition:opacity .15s,transform .15s,box-shadow .15s;box-shadow:0 4px 20px #2563eb66;text-decoration:none}.tx-cta-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 30px #2563eb80}.tx-ghost-btn{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:#cbd5e1;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px 22px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;text-decoration:none}.tx-ghost-btn:hover{background:#ffffff1a;border-color:#ffffff38;transform:translateY(-2px)}.tx-hero-vis{flex:0 0 360px;perspective:1400px;height:400px;display:flex;align-items:center;justify-content:center}.tx-float-scene{position:relative;width:300px;height:360px;transform-style:preserve-3d;animation:tx-scene-drift 20s ease-in-out infinite}@keyframes tx-scene-drift{0%{transform:rotateY(-18deg) rotateX(10deg)}50%{transform:rotateY(12deg) rotateX(-8deg)}to{transform:rotateY(-18deg) rotateX(10deg)}}.tx-float-card{position:absolute;left:0;width:280px;display:flex;align-items:center;gap:12px;background:#ffffff12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 18px}.tx-float-card:nth-child(1){top:0;transform:translateZ(60px);box-shadow:0 16px 48px #00000080,0 0 0 1px #ffffff1a}.tx-float-card:nth-child(2){top:76px;transform:translateZ(20px);box-shadow:0 8px 28px #0006}.tx-float-card:nth-child(3){top:152px;transform:translateZ(-20px);box-shadow:0 4px 14px #0000004d;opacity:.8}.tx-float-card:nth-child(4){top:228px;transform:translateZ(-60px);box-shadow:0 2px 8px #00000040;opacity:.55}.tx-float-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tx-float-text{flex:1;min-width:0}.tx-float-name{font-size:14px;font-weight:600;color:#f1f5f9}.tx-float-sub{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-float-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tx-float-glow{position:absolute;bottom:-30px;left:50%;transform:translate(-50%) translateZ(-80px);width:220px;height:40px;border-radius:50%;filter:blur(20px);opacity:.6}.tx-stats-bar{position:relative;z-index:1;display:flex;justify-content:center;gap:0;max-width:800px;margin:0 auto 80px;padding:0 32px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.tx-stats-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 16px;border-right:1px solid rgba(255,255,255,.07)}.tx-stats-item:last-child{border-right:none}.tx-stats-val{font-size:26px;font-weight:700;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.tx-stats-lbl{font-size:11px;color:#64748b;font-weight:500;letter-spacing:.04em;text-transform:uppercase;margin-top:4px}.tx-section{position:relative;z-index:1;max-width:1200px;margin:0 auto 96px;padding:0 32px}.tx-section-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6366f1;margin-bottom:12px}.tx-section-title{font-size:clamp(28px,4vw,44px);font-weight:700;color:#f1f5f9;letter-spacing:-.02em;margin:0 0 16px;line-height:1.15}.tx-section-sub{font-size:15px;color:#64748b;margin:0 0 40px;max-width:560px}.tx-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;margin-top:40px}.tx-card{position:relative;background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px;will-change:transform;overflow:hidden}.tx-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.07) 0%,transparent 55%);opacity:0;transition:opacity .25s;pointer-events:none;border-radius:inherit}.tx-card:hover:after{opacity:1}.tx-card-soon{opacity:.65}.tx-card-accent{position:absolute;top:0;left:0;right:0;height:2px;border-radius:20px 20px 0 0}.tx-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.tx-card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tx-card-meta{flex:1;min-width:0}.tx-card-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.tx-badge{font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:6px}.tx-badge-tier{color:#94a3b8;background:#94a3b81a}.tx-card-name{font-size:18px;font-weight:700;color:#f1f5f9;margin:0 0 3px}.tx-card-tagline{font-size:12px;color:#64748b;margin:0}.tx-card-ver{font-size:11px;color:#475569;font-family:monospace;flex-shrink:0;margin-top:2px}.tx-card-desc{font-size:13px;color:#94a3b8;line-height:1.65;margin:0 0 18px}.tx-feat-list{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:7px}.tx-feat-item{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#cbd5e1}.tx-feat-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.tx-card-stats{display:flex;gap:20px;flex-wrap:wrap;padding:12px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:16px}.tx-card-stat{display:flex;flex-direction:column;gap:2px}.tx-card-stat-val{font-size:18px;font-weight:700;line-height:1}.tx-card-stat-lbl{font-size:10px;color:#64748b;letter-spacing:.04em;text-transform:uppercase}.tx-tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.tx-tag{font-size:10px;font-weight:500;color:#64748b;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:3px 8px}.tx-card-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.tx-btn-open{font-size:13px;font-weight:600;color:#fff;background:var(--btn-c, #3b82f6);border:none;border-radius:9px;padding:9px 18px;cursor:pointer;transition:opacity .15s,transform .15s}.tx-btn-open:hover{opacity:.85;transform:translateY(-1px)}.tx-btn-demo{font-size:13px;font-weight:500;color:#cbd5e1;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:9px 16px;cursor:pointer;text-decoration:none;transition:background .15s}.tx-btn-demo:hover{background:#ffffff1c}.tx-btn-soon{font-size:13px;color:#475569;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:9px;padding:9px 18px;cursor:not-allowed}.tx-quicklinks{display:flex;flex-wrap:wrap;gap:4px}.tx-quicklink{font-size:12px;color:#6366f1;background:none;border:none;padding:4px 2px;cursor:pointer;text-decoration:none;transition:color .15s;display:inline-flex;align-items:center;gap:4px}.tx-quicklink:hover{color:#818cf8;text-decoration:underline}.tx-quicklink+.tx-quicklink:before{content:"·";color:#334155;margin-right:4px}.tx-new-pill{font-size:9px;font-weight:700;color:#4ade80;background:#4ade801f;border-radius:4px;padding:1px 5px;text-transform:uppercase;letter-spacing:.04em}.tx-cta-section{position:relative;z-index:1;max-width:800px;margin:0 auto 96px;padding:0 32px}.tx-cta-card{position:relative;background:#ffffff0a;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:48px;text-align:center;overflow:hidden}.tx-cta-glow{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:400px;height:200px;background:radial-gradient(ellipse,rgba(99,102,241,.25) 0%,transparent 70%);pointer-events:none}.tx-cta-icon-wrap{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#2563eb4d,#7c3aed4d);border:1px solid rgba(99,102,241,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#a78bfa}.tx-cta-title{font-size:26px;font-weight:700;color:#f1f5f9;margin:0 0 16px;letter-spacing:-.02em}.tx-cta-body{font-size:15px;color:#94a3b8;line-height:1.7;max-width:520px;margin:0 auto 32px}.tx-cta-actions{display:flex;justify-content:center;gap:12px}.tx-inline-code{font-family:Fira Code,Cascadia Code,monospace;font-size:.9em;color:#93c5fd;background:#2563eb1f;border:1px solid rgba(37,99,235,.2);border-radius:5px;padding:1px 6px}@media (max-width: 900px){.tx-hero{flex-direction:column;padding:64px 20px 48px;text-align:center}.tx-hero-pills,.tx-hero-ctas{justify-content:center}.tx-hero-vis{flex:none}.tx-hero-tagline{margin-left:auto;margin-right:auto}.tx-stats-bar{flex-wrap:wrap;padding:0 20px;max-width:100%}.tx-stats-item{flex:1 1 45%;border-right:none;border-bottom:1px solid rgba(255,255,255,.07)}.tx-stats-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.07)}.tx-stats-item:last-child{border-bottom:none}}@media (max-width: 640px){.tx-products-grid{grid-template-columns:1fr}.tx-section{padding:0 16px}.tx-cta-card{padding:32px 20px}.tx-float-scene{width:260px;height:320px}.tx-float-card{width:240px}}.ai-fab{position:fixed;bottom:28px;right:28px;z-index:9999;display:flex;align-items:center;gap:8px;padding:12px 18px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:none;border-radius:50px;cursor:pointer;font-size:14px;font-weight:600;font-family:inherit;box-shadow:0 4px 20px #3b82f673;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;white-space:nowrap}.ai-fab:hover{transform:translateY(-2px);box-shadow:0 8px 28px #3b82f68c}.ai-fab:active{transform:translateY(0)}.ai-fab--open{padding:12px;border-radius:50%}.ai-fab--open .ai-fab-label{display:none}.ai-fab--pulse:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50px;background:linear-gradient(135deg,#3b82f6,#6366f1);opacity:.35;animation:ai-pulse 2.2s ease-out infinite;z-index:-1}@keyframes ai-pulse{0%{transform:scale(1);opacity:.35}70%{transform:scale(1.4);opacity:0}to{transform:scale(1.4);opacity:0}}.ai-chat-panel{position:fixed;bottom:100px;right:28px;z-index:9998;width:400px;max-width:calc(100vw - 40px);height:580px;max-height:calc(100vh - 130px);background:var(--hub-bg, #fff);border:1px solid var(--hub-border, #e2e8f0);border-radius:20px;box-shadow:0 24px 60px #0000002e,0 0 0 1px #3b82f614;display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(16px) scale(.97);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.ai-chat-panel--open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.ai-chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,#1e3a5f,#312e81);color:#fff;flex-shrink:0}.ai-chat-header-info{display:flex;align-items:center;gap:10px}.ai-chat-avatar{width:34px;height:34px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-chat-title{font-size:14px;font-weight:700;letter-spacing:-.01em}.ai-chat-subtitle{font-size:11px;color:#ffffffa6;margin-top:1px;display:flex;align-items:center;gap:5px}.ai-status-dot{width:6px;height:6px;background:#34d399;border-radius:50%;display:inline-block;animation:ai-status-blink 2.5s ease-in-out infinite}@keyframes ai-status-blink{0%,to{opacity:1}50%{opacity:.4}}.ai-chat-header-actions{display:flex;align-items:center;gap:4px}.ai-icon-btn{width:30px;height:30px;background:#ffffff1a;border:none;border-radius:8px;color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.ai-icon-btn:hover{background:#fff3;color:#fff}.ai-chat-messages{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}.ai-chat-messages::-webkit-scrollbar{width:4px}.ai-chat-messages::-webkit-scrollbar-track{background:transparent}.ai-chat-messages::-webkit-scrollbar-thumb{background:var(--hub-border, #e2e8f0);border-radius:4px}.ai-msg{display:flex;gap:8px;align-items:flex-start;animation:ai-msg-in .2s ease}@keyframes ai-msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ai-msg--user{flex-direction:row-reverse}.ai-msg-avatar{width:28px;height:28px;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;margin-top:2px}.ai-msg-body{max-width:82%;display:flex;flex-direction:column;gap:6px}.ai-msg--user .ai-msg-body{align-items:flex-end}.ai-msg-category{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:4px;opacity:.75}.ai-confidence-dot{width:5px;height:5px;background:#34d399;border-radius:50%;display:inline-block}.ai-msg-content{background:var(--hub-surface, #f8fafc);border:1px solid var(--hub-border, #e2e8f0);border-radius:16px 16px 16px 4px;padding:12px 14px;font-size:13.5px;line-height:1.55;color:var(--hub-text, #0f172a)}.ai-msg--user .ai-msg-content{background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:transparent;color:#fff;border-radius:16px 16px 4px}.ai-p{margin:0 0 6px}.ai-p:last-child{margin-bottom:0}.ai-h2,.ai-h3,.ai-h4{margin:10px 0 4px;font-weight:700;line-height:1.3}.ai-h2{font-size:15px}.ai-h3{font-size:14px}.ai-h4{font-size:13px}.ai-ul,.ai-ol{margin:4px 0 6px 18px;padding:0}.ai-ul li,.ai-ol li{margin-bottom:3px}.ai-hr{border:none;border-top:1px solid var(--hub-border, #e2e8f0);margin:8px 0}.ai-link{color:var(--hub-accent, #3b82f6);text-decoration:underline;text-underline-offset:2px}.ai-msg--user .ai-link{color:#ffffffe6}.ai-inline-code{background:#00000012;border-radius:4px;padding:1px 5px;font-family:Fira Code,Cascadia Code,monospace;font-size:12px}.ai-msg--user .ai-inline-code{background:#fff3}.ai-code-block{margin:6px 0;border-radius:10px;overflow:hidden;border:1px solid var(--hub-border, #e2e8f0);background:#0d1117}.ai-code-lang{background:#161b22;color:#7d8590;font-size:11px;padding:4px 12px;font-family:monospace;text-transform:uppercase;letter-spacing:.04em}.ai-code-block pre{margin:0;padding:12px;overflow-x:auto}.ai-code-block code{font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:12px;color:#e6edf3;line-height:1.6}.ai-table-wrapper{overflow-x:auto;margin:6px 0;border-radius:8px;border:1px solid var(--hub-border, #e2e8f0)}.ai-table{width:100%;border-collapse:collapse;font-size:12px}.ai-table th{background:var(--hub-surface-2, #f1f5f9);font-weight:700;padding:6px 10px;text-align:left;border-bottom:1px solid var(--hub-border, #e2e8f0);white-space:nowrap}.ai-table td{padding:5px 10px;border-bottom:1px solid var(--hub-border-subtle, #f1f5f9)}.ai-table tr:last-child td{border-bottom:none}.ai-related{margin-top:6px}.ai-related-label{font-size:10.5px;color:var(--hub-text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:5px}.ai-related-list{display:flex;flex-wrap:wrap;gap:5px}.ai-related-btn{font-size:11.5px;padding:4px 10px;border:1px solid var(--hub-accent, #3b82f6);color:var(--hub-accent, #3b82f6);background:var(--hub-accent-glow, rgba(59,130,246,.05));border-radius:20px;cursor:pointer;transition:background .15s,color .15s;font-family:inherit;line-height:1.3}.ai-related-btn:hover{background:var(--hub-accent, #3b82f6);color:#fff}.ai-typing{display:flex;align-items:center;gap:5px;padding:12px 16px;background:var(--hub-surface, #f8fafc);border:1px solid var(--hub-border, #e2e8f0);border-radius:16px 16px 16px 4px;width:fit-content}.ai-typing-dot{width:7px;height:7px;background:var(--hub-text-muted, #94a3b8);border-radius:50%;animation:ai-bounce 1.2s ease-in-out infinite}.ai-typing-dot:nth-child(2){animation-delay:.18s}.ai-typing-dot:nth-child(3){animation-delay:.36s}@keyframes ai-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.ai-starters{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px 0;flex-shrink:0}.ai-starter-btn{font-size:12px;padding:6px 12px;border:1px solid var(--hub-border, #e2e8f0);background:var(--hub-surface, #f8fafc);color:var(--hub-text-secondary, #475569);border-radius:20px;cursor:pointer;transition:border-color .15s,color .15s,background .15s;font-family:inherit;text-align:left;line-height:1.3}.ai-starter-btn:hover{border-color:var(--hub-accent, #3b82f6);color:var(--hub-accent, #3b82f6);background:var(--hub-accent-glow, rgba(59,130,246,.05))}.ai-chat-input-row{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--hub-border, #e2e8f0);flex-shrink:0;background:var(--hub-bg, #fff)}.ai-input{flex:1;padding:9px 12px;border:1.5px solid var(--hub-border, #e2e8f0);border-radius:12px;font-size:13.5px;font-family:inherit;line-height:1.45;resize:none;background:var(--hub-surface, #f8fafc);color:var(--hub-text, #0f172a);min-height:40px;max-height:100px;overflow-y:auto;transition:border-color .15s;outline:none}.ai-input:focus{border-color:var(--hub-accent, #3b82f6);background:var(--hub-bg, #fff)}.ai-input::placeholder{color:var(--hub-text-muted, #94a3b8)}.ai-send-btn{width:38px;height:38px;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s,transform .15s;flex-shrink:0}.ai-send-btn:hover:not(:disabled){transform:scale(1.06);opacity:.95}.ai-send-btn:disabled{opacity:.35;cursor:not-allowed}.ai-chat-footer{text-align:center;font-size:10px;color:var(--hub-text-muted, #94a3b8);padding:4px 12px 8px;flex-shrink:0;background:var(--hub-bg, #fff)}[data-hub-theme=dark] .ai-code-block{border-color:#30363d}[data-hub-theme=dark] .ai-table th{background:#1e2330}@media (max-width: 480px){.ai-fab{bottom:20px;right:16px;padding:11px 14px;font-size:13px}.ai-chat-panel{bottom:80px;right:8px;left:8px;width:auto;max-width:none;height:calc(100vh - 110px);border-radius:16px}}@media (prefers-reduced-motion: reduce){.ai-fab--pulse:before,.ai-status-dot,.ai-typing-dot{animation:none}.ai-chat-panel{transition:opacity .1s}.ai-msg{animation:none}}.ai-restore-banner{position:relative;height:28px;background:linear-gradient(90deg,#6366f114,#3b82f614);border-bottom:1px solid var(--hub-border, #e2e8f0);display:flex;align-items:center;padding:0 12px;flex-shrink:0;overflow:hidden}.ai-restore-bar{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#6366f126,#3b82f626);transition:width .3s ease}.ai-restore-label{position:relative;font-size:10.5px;color:var(--hub-text-secondary, #475569);font-weight:500;z-index:1}.ai-status-dot--llm{background:#a78bfa;animation:ai-status-blink 2s ease-in-out infinite}.ai-status-dot--loading{background:#fbbf24;animation:ai-status-blink .8s ease-in-out infinite}.ai-llm-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:9.5px;font-weight:700;padding:1px 6px;border-radius:10px;letter-spacing:.03em;text-transform:uppercase}.ai-cursor{display:inline-block;color:var(--hub-accent, #3b82f6);animation:ai-cursor-blink .7s step-end infinite;font-size:14px;vertical-align:middle;margin-left:1px}@keyframes ai-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.ai-panel-overlay{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.ai-load-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:300px;text-align:center}.ai-load-icon{font-size:40px;line-height:1;animation:ai-llm-bounce 1.8s ease-in-out infinite}@keyframes ai-llm-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.ai-load-label{font-size:15px;font-weight:700;color:var(--hub-text, #0f172a)}.ai-load-sub{font-size:11.5px;color:var(--hub-text-muted, #94a3b8);min-height:16px;line-height:1.4;word-break:break-word}.ai-load-bar-track{width:100%;height:8px;background:var(--hub-surface-2, #f1f5f9);border-radius:8px;overflow:hidden}.ai-load-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:8px;transition:width .4s ease}.ai-load-bar-fill--done{background:linear-gradient(90deg,#10b981,#34d399)}.ai-load-pct{font-size:13px;font-weight:700;color:var(--hub-accent, #3b82f6);font-variant-numeric:tabular-nums}.ai-load-note{font-size:11px;color:var(--hub-text-muted, #94a3b8);font-style:italic}.ai-enable-panel{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:320px;text-align:center}.ai-enable-icon{font-size:44px;line-height:1}.ai-enable-title{font-size:16px;font-weight:700;color:var(--hub-text, #0f172a)}.ai-enable-desc{font-size:12.5px;color:var(--hub-text-secondary, #475569)}.ai-enable-fallback{font-size:11.5px;color:var(--hub-text-muted, #94a3b8);background:var(--hub-surface, #f8fafc);border:1px solid var(--hub-border, #e2e8f0);border-radius:8px;padding:8px 12px}.ai-enable-note{font-size:11px;color:var(--hub-text-muted, #94a3b8)}.ai-enable-btn{display:flex;align-items:center;gap:7px;padding:10px 22px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:none;border-radius:10px;font-size:13.5px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .15s,transform .15s;box-shadow:0 4px 14px #6366f159}.ai-enable-btn:hover{opacity:.92;transform:translateY(-1px)}.ai-dismiss-btn{background:none;border:none;font-size:12px;color:var(--hub-text-muted, #94a3b8);cursor:pointer;font-family:inherit;text-decoration:underline}.ai-model-selector{display:flex;gap:8px;width:100%}.ai-model-opt{flex:1;padding:9px 10px;border:1.5px solid var(--hub-border, #e2e8f0);background:var(--hub-surface, #f8fafc);border-radius:10px;cursor:pointer;text-align:center;transition:border-color .15s,background .15s;font-family:inherit}.ai-model-opt:hover{border-color:var(--hub-accent, #3b82f6)}.ai-model-opt--active{border-color:var(--hub-accent, #3b82f6);background:var(--hub-accent-glow, rgba(59,130,246,.06))}.ai-model-opt-label{font-size:13px;font-weight:700;color:var(--hub-text, #0f172a);margin-bottom:2px}.ai-model-opt-desc{font-size:10.5px;color:var(--hub-text-muted, #94a3b8);line-height:1.3}.ai-model-prompt{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:linear-gradient(90deg,#3b82f60f,#6366f10f);border-top:1px solid var(--hub-border, #e2e8f0);font-size:11.5px;color:var(--hub-text-secondary, #475569);flex-shrink:0}.ai-model-prompt-btn{background:none;border:none;font-size:11.5px;font-weight:700;color:var(--hub-accent, #3b82f6);cursor:pointer;font-family:inherit;padding:3px 0}.ai-model-prompt-btn:hover{text-decoration:underline}.ai-enable-mini-btn{padding:4px 10px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:6px;font-size:11.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s;white-space:nowrap}.ai-enable-mini-btn:hover{background:#ffffff40}.about-prose-card{background:var(--hub-card-bg, rgba(255,255,255,.04));border:1px solid var(--hub-border, rgba(255,255,255,.08));border-radius:16px;padding:1.75rem}.about-product-tile{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;background:var(--hub-card-bg, rgba(255,255,255,.04));border:1px solid var(--hub-border, rgba(255,255,255,.08));border-radius:16px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;cursor:pointer}.about-product-tile:hover{border-color:var(--pc, #3b82f6);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.about-tile-top{display:flex;align-items:center;justify-content:space-between}.about-tile-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.about-tile-status{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;letter-spacing:.03em}.about-tile-name{font-size:1.05rem;font-weight:700;color:var(--hub-text);margin-top:.25rem}.about-tile-desc{font-size:.875rem;color:var(--hub-text-muted);line-height:1.6;flex:1}.about-tile-arrow{font-size:.8rem;font-weight:600;margin-top:.5rem}.about-value-card{padding:1.5rem;background:var(--hub-card-bg, rgba(255,255,255,.04));border:1px solid var(--hub-border, rgba(255,255,255,.08));border-radius:14px;display:flex;flex-direction:column;gap:.5rem}.about-value-icon{width:40px;height:40px;border-radius:10px;background:#3b82f61f;color:#3b82f6;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.about-value-title{font-size:.95rem;font-weight:700;color:var(--hub-text);margin:0}.about-value-body{font-size:.875rem;color:var(--hub-text-muted);line-height:1.65;margin:0}.about-stack-row{display:flex;flex-direction:column;gap:4px;padding:1rem 1.25rem;background:var(--hub-card-bg, rgba(255,255,255,.04));border:1px solid var(--hub-border, rgba(255,255,255,.08));border-radius:12px}.about-stack-label{font-size:.75rem;font-weight:600;color:var(--hub-text-muted);text-transform:uppercase;letter-spacing:.06em}.about-stack-value{font-size:.9rem;font-weight:600;color:var(--hub-text)}@media (max-width: 640px){.about-prose-card{grid-column:span 2}}.tutorial-landing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:48px}.tutorial-category-card{display:block;padding:28px;border-radius:16px;background:var(--hub-card-bg);border:1px solid var(--hub-border);text-decoration:none;transition:all .25s;cursor:pointer}.tutorial-category-card:hover{border-color:var(--cat-color, var(--hub-accent));box-shadow:0 8px 32px #6366f11f;transform:translateY(-4px)}.tutorial-category-icon{font-size:32px;margin-bottom:12px}.tutorial-category-title{font-size:1.25rem;font-weight:700;color:var(--hub-text);margin-bottom:8px}.tutorial-category-desc{font-size:14px;color:var(--hub-text-muted);line-height:1.6;margin-bottom:12px}.tutorial-category-meta{display:flex;gap:12px;font-size:13px;color:var(--hub-text-muted)}.tutorial-category-progress{color:var(--hub-accent);font-weight:600}.tutorial-landing-stats{display:flex;justify-content:center;gap:48px;padding:32px 0;border-top:1px solid var(--hub-border)}.tutorial-landing-stat{text-align:center}.tutorial-landing-stat-val{display:block;font-size:1.5rem;font-weight:800;color:var(--hub-text)}.tutorial-landing-stat-label{font-size:13px;color:var(--hub-text-muted)}.tutorial-progress{margin-bottom:16px}.tutorial-progress-bar{height:4px;background:var(--hub-surface-2);border-radius:2px;overflow:hidden}.tutorial-progress-fill{height:100%;border-radius:2px;transition:width .3s}.tutorial-progress-text{font-size:11px;color:var(--hub-text-muted);margin-top:4px;display:block}.tutorial-sidebar-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:4px 0}.tutorial-sidebar-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tutorial-sidebar-title{font-size:15px;font-weight:700;color:var(--hub-text)}.docs-item{display:flex;align-items:center;gap:6px}.tutorial-item-check{font-size:12px;flex-shrink:0;width:14px}.tutorial-item-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutorial-item-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.tutorial-content-wrap{display:flex;flex:1;min-width:0}.tutorial-content-wrap .docs-content{flex:1;min-width:0}.tutorial-breadcrumb{font-size:13px;color:var(--hub-text-muted);margin-bottom:16px}.tutorial-breadcrumb a{color:var(--hub-accent);text-decoration:none}.tutorial-breadcrumb a:hover{text-decoration:underline}.tutorial-breadcrumb-sep{margin:0 6px;opacity:.5}.tutorial-meta{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.tutorial-difficulty{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 10px;border-radius:12px;border:1px solid}.tutorial-reading-time{font-size:13px;color:var(--hub-text-muted)}.tutorial-share{display:flex;align-items:center;gap:8px;margin-left:auto}.tutorial-share-btn{padding:4px 14px;border-radius:6px;border:1px solid var(--hub-border);background:var(--hub-surface);color:var(--hub-text-secondary);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.tutorial-share-btn:hover{border-color:var(--hub-accent);color:var(--hub-accent)}.tutorial-share-social{padding:4px 8px;border-radius:6px;background:var(--hub-surface);border:1px solid var(--hub-border);color:var(--hub-text-muted);text-decoration:none;font-size:12px;font-weight:700;transition:all .15s}.tutorial-share-social:hover{background:var(--hub-accent);color:#fff}.tutorial-prev-next{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px;padding-top:32px;border-top:1px solid var(--hub-border)}.tutorial-nav-btn{display:flex;flex-direction:column;padding:16px;border-radius:12px;border:1px solid var(--hub-border);background:var(--hub-card-bg);cursor:pointer;font-family:inherit;transition:all .2s;text-align:left}.tutorial-nav-btn:hover{border-color:var(--hub-accent)}.tutorial-nav-next{text-align:right}.tutorial-nav-label{font-size:11px;color:var(--hub-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.tutorial-nav-title{font-size:15px;font-weight:600;color:var(--hub-text)}.tutorial-toc{width:200px;min-width:200px;position:sticky;top:85px;padding:16px;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto}.tutorial-toc-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--hub-text-muted);font-weight:600;margin-bottom:12px}.tutorial-toc-item{display:block;padding:3px 0;font-size:13px;color:var(--hub-text-muted);text-decoration:none;transition:color .15s;line-height:1.5}.tutorial-toc-item:hover{color:var(--hub-accent)}.tutorial-toc-3{padding-left:12px;font-size:12px}.tutorial-toc-4{padding-left:24px;font-size:12px}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#181825;border:1px solid var(--hub-border);border-bottom:none;border-radius:8px 8px 0 0;font-size:12px}.code-block-lang{color:#6c7086;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.code-block-copy{padding:2px 10px;border-radius:4px;border:1px solid #45475a;background:transparent;color:#6c7086;font-size:11px;cursor:pointer;font-family:inherit;transition:all .15s}.code-block-copy:hover{border-color:#89b4fa;color:#89b4fa}.code-block-wrapper+.code-block-wrapper{margin-top:0}.code-block-wrapper pre{border-radius:0 0 8px 8px;margin-top:0}.tutorial-diagram-wrap{display:none}.flow-diagram-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:28px 0;padding:20px 16px;background:var(--hub-card-bg, #f8fafc);border:1px solid var(--hub-border, #e2e8f0);border-radius:14px;overflow-x:auto}.flow-step{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:120px;max-width:180px;flex:1 1 120px;padding:14px 16px;border:2px solid;border-radius:12px;text-align:center;word-break:break-word;overflow-wrap:anywhere}.flow-step-label{font-size:13px;font-weight:700;line-height:1.3;display:block}.flow-step-desc{font-size:11px;color:var(--hub-text-muted, #64748b);line-height:1.5;display:block}.flow-arrow{display:flex;align-items:center;flex-shrink:0;padding:0 4px}.flow-diagram-vertical-wrap{display:flex;flex-direction:column;align-items:center;gap:0;margin:28px auto;max-width:320px}.flow-step-vertical{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:14px 20px;border:2px solid;border-radius:12px;text-align:center;word-break:break-word;overflow-wrap:anywhere}.flow-arrow-down{display:flex;justify-content:center;padding:2px 0}@media (max-width: 640px){.flow-diagram-wrap{flex-direction:column;align-items:stretch}.flow-step{max-width:100%;flex:none}.flow-arrow{transform:rotate(90deg);padding:4px 0;justify-content:center}}.tutorial-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:0;margin:24px 0;align-items:stretch}.tutorial-comparison-side{padding:20px;border-radius:12px;background:var(--hub-card-bg);border:1px solid var(--hub-border);border-top:3px solid}.tutorial-comparison-side h4{font-size:1rem;font-weight:700;margin-bottom:12px}.tutorial-comparison-side ul{padding-left:18px;margin:0}.tutorial-comparison-side li{font-size:14px;color:var(--hub-text-secondary);line-height:1.7;margin-bottom:4px}.tutorial-comparison-vs{display:flex;align-items:center;justify-content:center;padding:0 16px;font-size:14px;font-weight:800;color:var(--hub-text-muted);letter-spacing:.1em}@media (max-width: 1100px){.tutorial-toc{display:none}}@media (max-width: 900px){.tutorial-landing-grid{grid-template-columns:1fr}.tutorial-landing-stats{flex-wrap:wrap;gap:24px}.tutorial-comparison{grid-template-columns:1fr}.tutorial-comparison-vs{padding:12px 0}}@media (max-width: 640px){.tutorial-prev-next{grid-template-columns:1fr}.docs-content{padding:20px 16px!important}}.markdown-content{color:var(--hub-text-primary);line-height:1.75;font-size:15px}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:var(--hub-text-primary);font-weight:700;margin:1.75em 0 .6em;line-height:1.3}.markdown-content h2{font-size:1.45rem;border-bottom:1px solid var(--hub-border);padding-bottom:.4em;margin-top:2.2em}.markdown-content h3{font-size:1.15rem;color:var(--hub-accent)}.markdown-content h4{font-size:1rem}.markdown-content p{margin:0 0 1.1em;color:var(--hub-text-secondary)}.markdown-content ul,.markdown-content ol{margin:.5em 0 1.2em 1.4em;color:var(--hub-text-secondary)}.markdown-content li{margin-bottom:.4em;line-height:1.7}.markdown-content pre{background:#1e1e2e;border-radius:8px;padding:18px 20px;overflow-x:auto;margin:1.2em 0;border:1px solid rgba(255,255,255,.06)}.markdown-content pre code{background:transparent;padding:0;border-radius:0;font-size:13.5px;font-family:Fira Code,Cascadia Code,JetBrains Mono,Consolas,monospace;color:#cdd6f4;line-height:1.6}.markdown-content code{background:#6366f11f;color:#a5b4fc;padding:2px 6px;border-radius:4px;font-size:.88em;font-family:Fira Code,Cascadia Code,JetBrains Mono,Consolas,monospace}.markdown-content .callout{border-radius:8px;padding:12px 16px;margin:1.2em 0;border-left:4px solid}.markdown-content .callout-tip{border-left-color:#10b981;background:#10b98114}.markdown-content .callout-note{border-left-color:#6366f1;background:#6366f114}.markdown-content .callout-caution{border-left-color:#f59e0b;background:#f59e0b14}.markdown-content .callout p{margin:0;color:var(--hub-text-secondary);font-size:14px;line-height:1.6}.markdown-content table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:14px}.markdown-content th{background:var(--hub-surface-2);color:var(--hub-text-primary);font-weight:600;padding:10px 14px;text-align:left;border-bottom:2px solid var(--hub-border);border-right:1px solid var(--hub-border)}.markdown-content th:last-child{border-right:none}.markdown-content td{padding:9px 14px;color:var(--hub-text-secondary);border-bottom:1px solid var(--hub-border);border-right:1px solid var(--hub-border);vertical-align:top}.markdown-content td:last-child{border-right:none}.markdown-content tr:last-child td{border-bottom:none}.markdown-content table{border:1px solid var(--hub-border);border-radius:8px;overflow:hidden}.markdown-content blockquote{border-left:3px solid var(--hub-accent);margin:1em 0;padding:8px 16px;color:var(--hub-text-muted);font-style:italic;background:var(--hub-surface);border-radius:0 6px 6px 0}.markdown-content hr{border:none;border-top:1px solid var(--hub-border);margin:2em 0}.markdown-content a{color:var(--hub-accent);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content strong{color:var(--hub-text-primary);font-weight:600}