*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Inter.woff2) format("woff2")}:root{--color-bg: #0c0c0c;--color-surface: #141416;--color-surface-hover: #1a1a1e;--color-border: #1e1e22;--color-text: #e8e8ed;--color-text-muted: #73737d;--color-text-dim: #52525b;--color-accent: #3b82f6;--color-accent-hover: #5694f7;--color-violet: #7c5cfc;--color-success: #00cec9;--color-warning: #f59e0b;--max-width: 1000px;--font-sans: "Sora", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}html{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{min-height:100dvh}::selection{background:#3b82f64d;color:#fff}a{color:var(--color-text);text-decoration:none;transition:color .15s}a:hover{color:var(--color-accent)}img,svg{display:block;max-width:100%}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.section{padding:6rem 0}.section-label{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:.75rem}.section-title{font-size:2.25rem;font-weight:700;line-height:1.25;letter-spacing:-.02em;margin-bottom:1rem}.section-subtitle{font-size:1.05rem;color:var(--color-text-muted);max-width:560px;line-height:1.7}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.75rem;transition:border-color .2s,background .2s}.card:hover{border-color:#3b82f64d;background:var(--color-surface-hover)}.flex{display:flex}.items-center{align-items:center}.flex-grow{flex-grow:1}.me-4{margin-inline-end:1rem}.ms-auto{margin-inline-start:auto}.hidden{display:none}.w-full{width:100%}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}}.header{position:sticky;top:0;z-index:50;background:#0c0c0ccc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.header .container{display:flex;align-items:center;height:3.25rem}.header ul{list-style:none}.header-logo{color:var(--color-text);transition:color .15s;display:flex;align-items:center;gap:.5rem}.header-logo:hover{color:var(--color-accent)}.nav-link{display:inline-block;padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--color-text-muted);transition:color .15s,background .15s}.nav-link:hover{color:var(--color-text);background:#ffffff0f}.btn-nav{display:inline-block;padding:.35rem .85rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;color:#fff;background:var(--color-accent);transition:background .15s;margin-left:.5rem}.btn-nav:hover{color:#fff;background:var(--color-accent-hover)}.header-mobile-nav{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.header-mobile-nav-button{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.header-mobile-nav-button-inner,.header-mobile-nav-button-inner:before,.header-mobile-nav-button-inner:after{display:block;width:1.25rem;height:2px;background:var(--color-text-muted);border-radius:1px;position:relative;transition:background .15s}.header-mobile-nav-button-inner:before,.header-mobile-nav-button-inner:after{content:"";position:absolute;left:0}.header-mobile-nav-button-inner:before{top:-5px}.header-mobile-nav-button-inner:after{top:5px}hr.divider{border:none;height:1px;background:var(--color-border);margin:6rem 0}.mb-12{margin-bottom:3rem}.max-w-\[42rem\]{max-width:42rem}.text-center{text-align:center}.font-semibold{font-weight:600}.leading-\[1\.1\]{line-height:1.1}.tracking-tight{letter-spacing:-.03em}.mb-8{margin-bottom:2rem}.text-3xl{font-size:1.875rem}.text-muted{color:var(--color-text-muted)}.mb-6{margin-bottom:1.5rem}.max-w-xl{max-width:36rem}.text-pretty{text-wrap:pretty}.mx-auto{margin-left:auto;margin-right:auto}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.mt-4{margin-top:1rem}.gap-6{gap:1.5rem}.flex-col{flex-direction:column}.text-xl{font-size:1.25rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.text-accent{color:var(--color-accent)}.text-lg{font-size:1.125rem}.font-medium{font-weight:500}.text-\[13vw\]{font-size:13vw}@media(min-width:640px){.sm\:text-start{text-align:start}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:flex-row{flex-direction:row}.sm\:block{display:block}.sm\:text-4xl{font-size:2.25rem}.sm\:text-title{font-size:clamp(1.75rem,3.5vw,3rem)}}.button-primary{display:inline-flex;align-items:center;gap:.4rem;background:var(--color-accent);color:#fff;font-weight:600;border-radius:var(--radius-sm);transition:background .15s}.button-primary:hover{color:#fff;background:var(--color-accent-hover)}.download-button{padding:1rem 1.5rem;font-size:1.25rem}@media(max-width:640px){.section{padding:3.5rem 0}.section-title{font-size:1.6rem}hr.divider{margin:3.5rem 0}}.builder-frame{display:grid;grid-template-columns:180px 1fr 240px;grid-template-rows:auto auto;max-width:860px;margin:0 auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.builder-inspector{grid-column:3;grid-row:1 / -1;background:#111118;border-left:1px solid var(--color-border);display:flex;flex-direction:column;font-size:.78rem;overflow-y:auto}.inspector-head{padding:.65rem .75rem;border-bottom:1px solid rgba(255,255,255,.06)}.inspector-node-info{display:flex;align-items:flex-start;gap:.6rem}.inspector-logo-placeholder{width:32px;height:32px;border-radius:var(--radius-sm);background:#ffffff0f;flex-shrink:0}.inspector-step-label{display:block;font-size:.6rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.04em}.inspector-tool-name{display:block;font-size:.82rem;font-weight:600;color:var(--color-text)}.inspector-action-name{font-size:.7rem;color:var(--color-text-dim);margin-top:.1rem}.inspector-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.06)}.inspector-tab{flex:1;text-align:center;padding:.4rem .3rem;font-size:.68rem;font-weight:500;color:var(--color-text-dim);border-bottom:2px solid transparent;cursor:default}.inspector-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.inspector-body{flex:1;padding:.75rem;overflow-y:auto}.inspector-tab-panel{display:none}.inspector-tab-panel.active{display:block}.inspector-empty{font-size:.72rem;color:#5a7394;text-align:center;padding:1.25rem 0}.inspector-section{border-top:1px solid rgba(255,255,255,.05);padding-top:.5rem}.inspector-collapse-head{display:flex;align-items:center;gap:.35rem;cursor:default}.inspector-collapse-head h3{font-size:.72rem;font-weight:600;color:var(--color-text-muted)}.inspector-collapse-icon{font-size:.6rem;color:var(--color-text-dim)}.builder-sidebar{grid-column:1;grid-row:1 / -1;background:#111118;border-right:1px solid var(--color-border);padding:.75rem;display:flex;flex-direction:column;gap:.25rem;font-size:.78rem;overflow-y:auto}.sidebar-header{font-size:.7rem;font-weight:600;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.06em;padding:.25rem .4rem .5rem;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:.25rem}.sidebar-search{display:flex;align-items:center;gap:.4rem;padding:.35rem .5rem;background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);font-size:.7rem;color:var(--color-text-dim);margin-bottom:.25rem}.sidebar-section-label{font-size:.6rem;font-weight:600;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;padding:.3rem .4rem}.sidebar-tool-group{display:flex;flex-direction:column}.sidebar-server{display:flex;align-items:center;gap:.35rem;padding:.35rem .4rem;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:default;font-size:.78rem;transition:background .1s}.sidebar-server:hover{background:#ffffff0a}.sidebar-chevron{flex-shrink:0;color:var(--color-text-dim)}.sidebar-tool-group.expanded .sidebar-chevron{color:var(--color-text-muted)}.sidebar-server-icon{display:flex;align-items:center;justify-content:center;width:16px;flex-shrink:0}.sidebar-tools-sub{display:none;padding-left:1.5rem;padding-bottom:.25rem}.sidebar-tool-group.expanded .sidebar-tools-sub{display:flex;flex-direction:column}.sidebar-tool-item{display:flex;align-items:center;gap:.35rem;padding:.2rem .4rem;font-size:.7rem;color:var(--color-text-dim);border-radius:var(--radius-sm)}.sidebar-tool-item.active{color:var(--color-text);background:#3b82f614}.canvas-container{grid-column:2;position:relative;width:440px;height:380px;background:#13131b;overflow:hidden}.canvas-bg,.canvas-edges{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.canvas-node{position:absolute;width:160px;background:#1a1a26;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);overflow:hidden;z-index:3;transition:border-color .15s}.canvas-node:hover{border-color:#3b82f64d}.canvas-node-header{display:flex;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.75rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.04);background:#ffffff08}.canvas-node-body{padding:.4rem .65rem}.canvas-node-field{display:flex;flex-direction:column;gap:.1rem}.canvas-node-field-label{font-size:.6rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em}.canvas-node-field-value{font-size:.7rem;color:var(--color-text-muted);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-caption-wrapper{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1.25rem;text-align:center}.canvas-caption-badge{display:inline-block;padding:.35rem 1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:999px;font-size:.8rem;font-weight:600;color:var(--color-accent);font-family:var(--font-mono)}.canvas-caption-text{font-size:.85rem;color:var(--color-text-muted);max-width:440px;line-height:1.6}.builder-bottom-dock{grid-column:2;border-top:1px solid var(--color-border);background:#111118;width:100%}.dock-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto}.dock-tab{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem .3rem;font-size:.68rem;font-weight:500;font-family:var(--font-sans);color:var(--color-text-dim);background:none;border:none;border-bottom:2px solid transparent;cursor:default;white-space:nowrap;flex:1;min-width:0;transition:color .1s,border-color .1s}.dock-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.dock-body{padding:.75rem .85rem}.dock-panel{display:none}.dock-panel.active{display:block}.dock-props{display:flex;gap:1.5rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.dock-props .dock-stat{display:flex;flex-direction:column;gap:.1rem}.dock-stat-value{font-size:.82rem;font-weight:600;color:var(--color-text)}.dock-stat-label{font-size:.6rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.04em}.dock-settings-title{font-size:.65rem;font-weight:600;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.dock-setting{display:flex;align-items:center;justify-content:space-between;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.03)}.dock-setting strong{display:block;font-size:.75rem;font-weight:500;color:var(--color-text-muted)}.dock-setting small{display:block;font-size:.65rem;color:var(--color-text-dim);margin-top:.05rem}.dock-toggle{font-size:.65rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;background:#ffffff0d;color:var(--color-text-dim);text-transform:uppercase}.dock-toggle.on{background:#3b82f626;color:var(--color-accent)}.dock-chip{font-size:.7rem;padding:.15rem .5rem;border-radius:var(--radius-sm);background:#ffffff0d;color:var(--color-text-muted)}@media(max-width:640px){.builder-frame{grid-template-columns:1fr;max-width:440px}.builder-sidebar{grid-row:auto;flex-direction:row;flex-wrap:wrap;gap:.15rem;padding:.5rem;border-right:none;border-bottom:1px solid var(--color-border)}.sidebar-header,.sidebar-search,.sidebar-section-label,.sidebar-tool-group.expanded .sidebar-tools-sub{display:none}.sidebar-server{padding:.15rem .35rem;font-size:.7rem}.sidebar-chevron{display:none}.canvas-container{grid-column:1;width:100%;height:340px}.canvas-node{width:140px;left:calc(50% - 70px)!important}.canvas-caption-text{font-size:.8rem}.builder-bottom-dock{grid-column:1}.builder-inspector{grid-row:auto;border-left:none;border-top:1px solid var(--color-border)}}.install-box{max-width:500px;background:#1a1a2e;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;font-family:var(--font-mono)}.install-box-header{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.install-box-dot{width:.55rem;height:.55rem;border-radius:50%}.install-box-label{margin-left:.5rem;font-size:.7rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em}.install-box-body{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem}.install-box-command{font-size:.9rem;color:#e8e8ed;white-space:nowrap}.install-box-copy{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.75rem;font-family:var(--font-sans);background:#ffffff14;color:var(--color-text-muted);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.install-box-copy:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.install-box-copy:active{opacity:.8}.terminal-box{max-width:560px;margin:0 auto;background:#1a1a2e;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;font-family:var(--font-mono);text-align:left}.terminal-pre{font-size:.78rem;line-height:1.7;color:#c4c4d0;padding:1rem 1.25rem;white-space:pre-wrap;font-family:var(--font-mono)}