:root{--surface-0: #0a0a0a;--surface-1: #0e0e0e;--surface-2: #131313;--surface-3: #1a1a1a;--surface-4: #1c1b1b;--surface-5: #2a2a2a;--text-primary: #ededed;--text-secondary: #d4d4d4;--text-muted: #a3a3a3;--text-faint: #737373;--text-ghost: #49454f;--accent: #a8b8ff;--accent-dim: #8a9ae0;--accent-bright: #c8d4ff;--accent-on: #0e1020;--accent-glow: rgba(168, 184, 255, .15);--accent-subtle: rgba(168, 184, 255, .08);--secondary: #d3c974;--secondary-glow: rgba(211, 201, 116, .25);--success: #28c840;--success-glow: rgba(40, 200, 64, .15);--danger: #ff5f57;--warning: #febc2e;--border: rgba(73, 69, 79, .15);--border-strong: rgba(73, 69, 79, .3);--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--surface-2);color:var(--text-secondary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-bright)}code{font-family:var(--font-mono);font-size:.875em}.top-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 2rem;background:color-mix(in srgb,var(--surface-1) 93%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav-inner{max-width:1200px;margin:0 auto;height:56px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center}.nav-logo{height:18px;width:auto;opacity:.9;transition:opacity .2s ease}.nav-brand:hover .nav-logo{opacity:1}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:500;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;transition:color .15s}.nav-links a:hover{color:var(--accent)}.nav-github{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dim) 100%);color:var(--surface-1)!important;padding:.4rem 1rem;font-weight:600!important;transition:all .25s ease!important}.nav-github:hover{color:var(--surface-1)!important;box-shadow:0 0 20px #a8b8ff4d}.section-inner{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2rem;color:var(--text-primary)}.section-subtitle{font-family:Space Grotesk,sans-serif;font-size:.875rem;color:var(--text-muted);letter-spacing:.05em;margin-top:-1.5rem;margin-bottom:3rem}.hidden{display:none!important}.hero:before{content:"";position:absolute;inset:0;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px}.hero{padding:10rem 2rem 6rem;background:var(--surface-1);position:relative;overflow:hidden}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.22;pointer-events:none;mix-blend-mode:screen}.hero-inner{max-width:800px;margin:0 auto;position:relative;z-index:1}.hero-headline{font-size:clamp(3rem,6vw,5rem);font-weight:700;line-height:1.02;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1.5rem;text-transform:uppercase}.hero-accent{color:var(--accent);text-shadow:0 0 40px rgba(168,184,255,.15)}.hero-sub{font-size:1.125rem;color:var(--text-muted);max-width:540px;margin-bottom:2.5rem;line-height:1.7}.terminal{background:var(--surface-0);overflow:hidden;box-shadow:0 0 0 1px #49454f1f,0 8px 48px #0006,0 0 40px #a8b8ff05}.terminal-chrome{display:flex;align-items:center;gap:6px;padding:.65rem 1rem;background:var(--surface-3);border-bottom:1px solid rgba(73,69,79,.1)}.terminal-dot{width:10px;height:10px;border-radius:50%;background:#2a2a2a;border:1px solid rgba(73,69,79,.2)}.terminal-dot:first-child{background:var(--danger);border-color:#e0443e}.terminal-dot:nth-child(2){background:var(--warning);border-color:#dea123}.terminal-dot:nth-child(3){background:var(--success);border-color:#1aab29}.terminal-title{flex:1;text-align:center;font-family:Space Grotesk,sans-serif;font-size:.6875rem;color:var(--text-ghost);letter-spacing:.03em;margin-right:30px}.terminal-body{padding:1.5rem;overflow-x:auto}.terminal-body pre{margin:0;background:transparent}.terminal-body code{font-size:.8125rem;line-height:1.9;color:#c8c8c8}.terminal .prompt{color:var(--accent);user-select:none}.terminal .comment{color:#555}.t-cmd{color:#7ec8e3}.t-str{color:#a8d8a8}.t-num{color:var(--accent)}.t-ok{color:var(--success)}.t-warn{color:#febc2e}.terminal-body:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.terminal-body{position:relative}.hero-cta{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dim) 100%);color:var(--surface-1);font-family:Space Grotesk,sans-serif;font-weight:600;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase;border:none;cursor:pointer;transition:all .25s ease;line-height:1;box-shadow:0 0 #a8b8ff00}.btn-primary:hover{color:var(--surface-1);box-shadow:0 0 24px #a8b8ff4d;transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;background:transparent;color:var(--accent);font-family:Space Grotesk,sans-serif;font-weight:600;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border);cursor:pointer;transition:all .25s ease;line-height:1}.btn-secondary:hover{border-color:var(--accent);background:#a8b8ff0d;color:var(--accent);box-shadow:0 0 16px #a8b8ff1a;transform:translateY(-1px)}.hero-install-hint{font-size:.8125rem;color:var(--text-faint);display:inline-flex;align-items:center;margin-left:.5rem}.hero-install-hint code{color:var(--text-muted);background:var(--surface-4);padding:.3rem .6rem;font-size:.75rem}.protocol-badges{display:flex;gap:.75rem}.protocol-badge{font-family:Space Grotesk,sans-serif;font-size:.6875rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);padding:.3rem .8rem;border:1px solid var(--border)}.how-it-works{padding:5rem 2rem;background:var(--surface-2)}.demo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.demo-header .section-title{margin-bottom:0}.section-label{display:block;font-family:Space Grotesk,sans-serif;font-size:.6875rem;font-weight:500;letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase;margin-bottom:.75rem}.how-it-works .section-title{margin-bottom:0}.demo-split{display:grid;grid-template-columns:3fr 2fr;gap:2rem;margin-bottom:3.5rem;text-align:left}.demo-term .terminal{height:100%;display:flex;flex-direction:column}.demo-term .terminal-body{height:280px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.demo-term pre{margin:0;font-size:.75rem;line-height:1.9;color:#c8c8c8;white-space:pre-wrap;word-break:break-all}.demo-viz{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:1.25rem;padding:1.5rem;background:radial-gradient(circle at 50% 50%,rgba(168,184,255,.02) 0%,transparent 70%),repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(73,69,79,.04) 39px,rgba(73,69,79,.04) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(73,69,79,.04) 39px,rgba(73,69,79,.04) 40px);border:1px solid rgba(73,69,79,.06);position:relative}.viz-topo{display:flex;align-items:center;justify-content:center;gap:0;transition:opacity .6s ease}.viz-card{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.75rem 1rem;background:var(--surface-4);border:1px solid var(--border);position:relative;min-width:80px;transition:all .5s ease}.viz-card-icon{font-size:1rem;color:var(--text-ghost);line-height:1}.viz-card-name{font-family:Space Grotesk,sans-serif;font-size:.625rem;font-weight:600;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.viz-card-port{font-family:JetBrains Mono,monospace;font-size:.5625rem;color:var(--text-ghost)}.viz-card-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dim) 100%);border-color:transparent;box-shadow:0 0 28px #a8b8ff2e;padding:.9rem 1.25rem}.viz-card-primary .viz-card-icon{color:var(--accent-on)}.viz-card-primary .viz-card-name{color:var(--accent-on);font-weight:700}.viz-card-primary .viz-card-port{color:var(--accent-on)}.viz-card-twin{border-color:#28c84040}.viz-card-twin .viz-card-icon,.viz-card-twin .viz-card-name{color:var(--success)}.viz-card-twin .viz-card-port{color:#28c84080}.viz-card-twin.glow{box-shadow:0 0 28px #28c8401f;border-color:#28c84066}.viz-indicator{display:none;position:absolute;top:-4px;right:-4px;width:8px;height:8px;border-radius:50%}.viz-indicator.recording{display:block;background:var(--danger);box-shadow:0 0 8px #ff5f5799;animation:pulse-dot 1.5s ease-in-out infinite}.viz-indicator.synth{display:block;width:10px;height:10px;border:2px solid var(--accent-on);border-top-color:transparent;background:none;border-radius:50%;animation:spin .8s linear infinite}.viz-indicator.verified{display:block;background:var(--success);box-shadow:0 0 6px #28c84080}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}.viz-conn{flex:1;min-width:30px;height:20px;position:relative;display:flex;align-items:center;transition:opacity .5s ease}.viz-arrow{width:100%;height:20px;color:#49454f4d;transition:color .5s ease}.viz-conn.active .viz-arrow{color:#a8b8ff80}.viz-conn.active-green .viz-arrow{color:#28c84066}.viz-middle{position:relative;min-width:90px;min-height:70px;display:flex;align-items:center;justify-content:center}.viz-middle .viz-card{position:absolute;transition:opacity .5s ease}.viz-badge-row{text-align:center;min-height:1.5rem;width:100%}.viz-hud{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-height:3.5rem;width:100%}.viz-counter{display:flex;align-items:baseline;gap:.4rem;transition:opacity .4s ease}.viz-counter-val{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;color:var(--secondary);min-width:2ch;text-align:right}.viz-counter-label{font-family:Space Grotesk,sans-serif;font-size:.625rem;font-weight:500;color:var(--text-ghost);text-transform:uppercase;letter-spacing:.08em}.viz-dots{position:absolute;inset:0;pointer-events:none}@keyframes flow-right{0%{left:-10%;opacity:0}15%{opacity:1}85%{opacity:1}to{left:95%;opacity:0}}.viz-dots.active:before,.viz-dots.active:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #a8b8ff80;animation:flow-right 1.4s ease-in-out infinite}.viz-dots.active:after{animation-delay:.7s}.viz-dots.active-green:before,.viz-dots.active-green:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:var(--success);box-shadow:0 0 10px #28c84080;animation:flow-right 1.4s ease-in-out infinite}.viz-dots.active-green:after{animation-delay:.7s}.viz-status{font-family:Space Grotesk,sans-serif;font-size:.6875rem;font-weight:500;color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;min-height:1.2em;transition:all .3s ease;text-align:center}.viz-status.ok{color:var(--success)}.viz-badge{flex-shrink:0;margin-left:.75rem;padding:.4rem .75rem;background:#28c8400f;border:1px solid rgba(40,200,64,.2);font-family:Space Grotesk,sans-serif;font-size:.625rem;font-weight:600;color:var(--success);letter-spacing:.06em;text-transform:uppercase;transition:opacity .5s ease;white-space:nowrap;box-shadow:0 0 12px #28c8400f}.viz-badge-icon{margin-right:.2rem}.demo-cursor{display:inline-block;width:7px;height:1em;background:var(--accent);vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.install-section{padding:5rem 2rem;background:var(--surface-1)}.install-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.install-headline{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:.02em;color:var(--text-primary);text-transform:uppercase;margin-bottom:1rem}.install-tabs{display:flex;gap:0;margin-bottom:0}.install-tab{font-family:Space Grotesk,sans-serif;font-size:.6875rem;font-weight:600;letter-spacing:.08em;padding:.5rem 1.25rem;cursor:pointer;background:var(--surface-4);color:var(--text-faint);text-transform:uppercase;transition:color .15s,background .15s;user-select:none}.install-tab:hover{color:var(--text-muted)}.install-tab.active{background:var(--surface-0);color:var(--text-primary)}.install-code{background:var(--surface-0);padding:1.25rem 1.5rem;border-left:2px solid var(--accent)}.install-code pre{margin:0;background:transparent}.install-code code{font-size:.8125rem;line-height:1.8;color:var(--text-secondary)}.install-links{display:flex;flex-direction:column;gap:0}.install-link{display:block;padding:.9rem 0;font-family:Space Grotesk,sans-serif;font-size:.875rem;font-weight:500;color:var(--text-muted);border-bottom:1px solid rgba(73,69,79,.12);transition:color .2s ease;text-transform:none;letter-spacing:0}.install-link:hover{color:var(--text-primary)}.site-footer{padding:2rem;background:var(--surface-1)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-left{display:flex;align-items:center;gap:1.5rem}.footer-brand{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1rem;color:var(--text-faint);letter-spacing:.05em}.footer-license{font-size:.75rem;color:var(--text-ghost)}.footer-links{display:flex;gap:2rem}.footer-links a{font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:500;color:var(--text-faint);letter-spacing:.05em;text-transform:uppercase;transition:color .15s}.footer-links a:hover{color:var(--accent)}@media(max-width:768px){.hero{padding:7rem 1.5rem 3rem}.hero-headline{font-size:2rem}.install-layout,.demo-split{grid-template-columns:1fr}.nav-links{gap:1rem}.nav-links a{font-size:.6875rem}.footer-inner{flex-direction:column;text-align:center}.section-inner{padding:0 1.5rem}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-1)}::-webkit-scrollbar-thumb{background:#2a2a2a}::-webkit-scrollbar-thumb:hover{background:#49454f}