.mock-rig{display:flex;justify-content:center;align-items:stretch;gap:1rem}.mock-rig .mock-card{height:100%;width:100%}@media (max-width: 900px){.mock-rig{flex-direction:column;align-items:center}.mock-rig>div{flex:1 1 auto!important;width:100%;max-width:440px}}.kb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#05040aa6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:2rem}.kb-panel{width:100%;max-width:1100px;height:100%;max-height:840px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(to bottom,#4c3e806b,#1e163694 40%,#100b1cb3)!important;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00000040,inset 1px 0 #ffffff09,inset -1px 0 #ffffff09,0 20px 80px #0009,0 0 60px #5b4fd426}.kb-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.3rem;border-bottom:1px solid rgba(167,139,250,.18);flex-shrink:0}.kb-header-left{display:flex;align-items:center;gap:.6rem}.kb-sidebar-toggle{display:none;background:transparent;border:1px solid rgba(167,139,250,.3);border-radius:8px;color:var(--muted);cursor:pointer;padding:.35rem;align-items:center;justify-content:center}.kb-title{font-size:1.05rem;font-weight:800;letter-spacing:-.01em;color:var(--text)}.kb-close-btn{background:transparent;border:none;color:var(--muted);cursor:pointer;display:flex;padding:6px;border-radius:8px;transition:background .15s,color .15s}.kb-close-btn:hover{background:#ffffff14;color:var(--text)}.kb-body{display:flex;flex:1;overflow:hidden;min-height:0}.kb-sidebar{width:240px;flex-shrink:0;border-right:1px solid rgba(167,139,250,.18);overflow-y:auto;overscroll-behavior:contain;padding:.7rem 0;transition:width .2s,opacity .2s}.kb-sidebar::-webkit-scrollbar{width:6px}.kb-sidebar::-webkit-scrollbar-thumb{background:#7b6ee84d;border-radius:100px}.kb-group-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.55rem 1rem .3rem;background:transparent;border:none;cursor:pointer;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);opacity:.75;transition:opacity .15s}.kb-group-header:hover{opacity:1}.kb-group-chevron{display:flex;align-items:center;transition:transform .2s}.kb-group-chevron.open{transform:rotate(180deg)}.kb-nav-item{display:block;width:100%;text-align:left;padding:.45rem 1rem .45rem 1.4rem;background:transparent;border:none;cursor:pointer;font-size:.78rem;color:#ffffffad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .12s,color .12s;border-radius:0}.kb-nav-item:hover{background:#ffffff0d;color:var(--text)}.kb-nav-item.active{background:#7b6ee82e;color:var(--flare);font-weight:700;box-shadow:inset 2px 0 0 var(--flare)}.kb-nav-top{padding:.45rem 1rem}.kb-content{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:1.6rem 2rem 2.4rem;min-width:0}.kb-content::-webkit-scrollbar{width:8px}.kb-content::-webkit-scrollbar-thumb{background:#7b6ee84d;border-radius:100px}.kb-markdown-body{max-width:760px;line-height:1.7;font-size:.9rem;color:#ffffffd1}.kb-markdown-body h1,.kb-markdown-body h2,.kb-markdown-body h3,.kb-markdown-body h4{color:var(--text);font-weight:800;display:flex;align-items:center;gap:.4rem;letter-spacing:-.01em}.kb-markdown-body h1{font-size:1.7rem;margin:0 0 .9rem}.kb-markdown-body h2{font-size:1.15rem;margin:1.6rem 0 .6rem;padding-bottom:.4rem;border-bottom:1px solid rgba(167,139,250,.2)}.kb-markdown-body h3{font-size:1rem;margin:1.2rem 0 .4rem;color:var(--flare)}.kb-markdown-body h4{font-size:.92rem;margin:1rem 0 .3rem}.kb-markdown-body p{margin:.3rem 0 .8rem}.kb-markdown-body ul{margin:.4rem 0 .8rem 1.3rem;padding:0}.kb-markdown-body li{margin:.2rem 0 .45rem}.kb-markdown-body b,.kb-markdown-body strong{color:var(--text);font-weight:700}.kb-markdown-body hr{border:none;border-top:1px solid rgba(167,139,250,.18);margin:1.2rem 0}.kb-markdown-body a{color:var(--flare);text-decoration:none}.kb-markdown-body a:hover{text-decoration:underline}.kb-internal-link{background:none;border:none;border-bottom:1px dashed rgba(167,139,250,.45);color:var(--flare);font:inherit;padding:0;margin:0;cursor:pointer}.kb-internal-link:hover{border-bottom-style:solid}.kb-inline-code,.kb-markdown-body code{background:#00000059;border:1px solid rgba(167,139,250,.25);border-radius:4px;padding:.08rem .4rem;font-family:var(--mono);font-size:.82em;color:#e8dcff}.kb-markdown-body pre{background:#00000059;border:1px solid rgba(167,139,250,.25);border-radius:8px;padding:.9rem 1rem;overflow-x:auto;margin:.8rem 0 1.1rem}.kb-markdown-body pre code{background:none;border:none;padding:0;font-size:.8rem;white-space:pre;color:#ffffffd9}.kb-table-wrap{overflow-x:auto;margin:.8rem 0 1.1rem}.kb-markdown-body table{width:100%;border-collapse:collapse;font-size:.8rem}.kb-markdown-body th{text-align:left;font-weight:700;font-size:.72rem;padding:.5rem .7rem;background:#7b6ee81f;border:1px solid rgba(167,139,250,.2);white-space:nowrap}.kb-markdown-body td{padding:.5rem .7rem;border:1px solid rgba(167,139,250,.15);vertical-align:top;line-height:1.5}.kb-markdown-body tr:nth-child(2n) td{background:#ffffff08}.kb-markdown-body blockquote{border-left:3px solid var(--flare);background:#7b6ee814;border-radius:0 8px 8px 0;padding:.6rem 1rem;margin:.9rem 0;font-size:.85rem;color:#ffffffbf}.kb-icon svg{color:var(--flare);flex-shrink:0}.kb-markdown-body h1 .kb-icon svg,.kb-markdown-body h2 .kb-icon svg,.kb-markdown-body h3 .kb-icon svg,.kb-markdown-body h4 .kb-icon svg{width:18px;height:18px}.kb-loading{opacity:.5;font-size:.85rem;padding:1rem 0}@media (max-width: 720px){.kb-overlay{padding:0}.kb-panel{max-width:100%;max-height:100%;border-radius:0}.kb-sidebar-toggle{display:inline-flex}.kb-sidebar{position:absolute;top:61px;bottom:0;left:0;z-index:5;width:78vw;max-width:300px;background:#0c0916f7;transform:translate(-100%);opacity:0;pointer-events:none}.kb-sidebar.kb-sidebar-open{transform:translate(0);opacity:1;pointer-events:auto;box-shadow:8px 0 30px #0006}.kb-body{position:relative}.kb-content{padding:1.2rem 1.2rem 2rem}}.bento-sub{max-width:none}@media (min-width: 901px){.bento-sub{white-space:nowrap}}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"a a b" "a a c" "d e f" "g h i";gap:1rem;margin-top:2.8rem}.bento-card{padding:1.4rem;display:flex;flex-direction:column;min-height:150px;cursor:default}.bento-card-kb{border-color:#a78bfa66;position:relative}.bento-card-kb:hover{border-color:#a78bfa99}@keyframes kb-demo-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.kb-demo-track{animation:kb-demo-scroll 20s linear infinite;will-change:transform}@media (max-width: 900px){.bento-grid{grid-template-columns:1fr;grid-template-areas:"a" "b" "c" "d" "e" "f" "g" "h" "i"}}.og-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.8rem}.og-card{padding:1.3rem;display:flex;flex-direction:column;gap:.6rem}.og-demo{margin-top:auto;padding-top:.9rem}.og-teaser{border-color:#e879b966;background:linear-gradient(145deg,#7b6ee814,#d946a012);grid-column:1 / -1;align-items:center;text-align:center}@media (max-width: 900px){.og-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.og-grid{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #08060e;--violet: #7b6ee8;--magenta: #d946a0;--flare: #a78bfa;--purple: #5b4fd4;--text: #ffffff;--muted: rgba(255, 255, 255, .45);--faint: rgba(255, 255, 255, .22);--card-bg: rgba(255, 255, 255, .045);--card-border: rgba(167, 139, 250, .35);--mono: ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace}html{scroll-behavior:smooth}html,body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 85% 70% at 50% 20%,rgba(60,30,120,.5) 0%,rgba(20,8,50,.28) 45%,transparent 75%),radial-gradient(ellipse 55% 45% at 82% 10%,rgba(217,70,160,.1) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 12% 90%,rgba(91,79,212,.18) 0%,transparent 60%);pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.05) 3px,rgba(0,0,0,.05) 4px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.09'/%3E%3C/svg%3E");background-size:auto,200px 200px;background-repeat:repeat}#root{position:relative;z-index:1}.grad-text{background:linear-gradient(100deg,var(--flare) 10%,#e879b9 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card{position:relative;background:linear-gradient(to bottom,#ffffff0e,#ffffff06 40%,#ffffff05);border:1px solid rgba(167,139,250,.2);border-radius:16px;backdrop-filter:blur(26px) saturate(1.6) brightness(1.06);-webkit-backdrop-filter:blur(26px) saturate(1.6) brightness(1.06);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00000040,inset 1px 0 #ffffff09,inset -1px 0 #ffffff09}.card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;background:radial-gradient(280px circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.6),rgba(196,181,253,.35) 28%,rgba(232,121,185,.18) 48%,rgba(125,211,252,.09) 62%,transparent 78%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease;z-index:2}.card:hover:before{opacity:1}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23f)' opacity='0.5'/%3E%3C/svg%3E");background-size:90px 90px;opacity:.05;mix-blend-mode:screen;z-index:0}.card>*{position:relative;z-index:1}.container{width:min(1120px,calc(100% - 3rem));margin:0 auto}.section{padding:6rem 0;position:relative}.section-eyebrow{font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--violet);margin-bottom:.9rem}.section-title{font-size:clamp(1.9rem,4vw,2.9rem);font-weight:900;letter-spacing:-.035em;line-height:1.02}.section-sub{color:var(--muted);font-size:clamp(.92rem,1.4vw,1.02rem);line-height:1.6;margin-top:.9rem;max-width:560px}@media (min-width: 901px){.section-sub{max-width:none;white-space:nowrap}}button{font-family:inherit}a{color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7b6ee859;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#a78bfa8c}::-webkit-scrollbar-corner{background:transparent}@media (max-width: 640px){.nav-links{display:none!important}.section{padding:4rem 0}}@media (prefers-reduced-motion: reduce){*:not(.kb-demo-track),*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}