.gespenst{background:var(--gespenst-terminal-background,#1d1f21);width:100%;min-width:0;height:100%;min-height:0;color:var(--gespenst-terminal-foreground,#c5c8c6);contain:strict;outline:none;position:relative;overflow:hidden}.gespenst__canvas{display:block;position:absolute;inset:0}.gespenst__background{z-index:0}.gespenst__text{z-index:1;pointer-events:none}.gespenst__input{z-index:2;opacity:0;resize:none;white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.gespenst__a11y{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:pre;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--surface:#f2f0ea;--surface-raised:#e8e5dd;--surface-strong:#dcd8cd;--text:#262722;--text-muted:#67695f;--line:#c8c4b9;--accent:#a85f22;--accent-contrast:#faf8f2;--terminal:#161915;--terminal-line:#343a31;--container:min(1380px, calc(100% - 64px));--header-height:72px;--radius:10px;--mono:"SFMono-Regular", Consolas, monospace;font-synthesis:none;font-family:Avenir Next,Avenir,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:#181a17;--surface-raised:#20231f;--surface-strong:#292d27;--text:#edeee8;--text-muted:#aaaea3;--line:#3a3f37;--accent:#d08a3f;--accent-contrast:#181a17;--terminal:#111410;--terminal-line:#343a31}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--surface);min-width:320px;color:var(--text);margin:0}a{color:inherit}.skip-link{z-index:20;border-radius:var(--radius);background:var(--accent);color:var(--accent-contrast);padding:12px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:top .16s;position:absolute;top:-100px;left:16px}.skip-link:focus-visible{top:16px}.site-header{z-index:10;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.header-inner{width:var(--container);height:var(--header-height);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.wordmark{font-family:var(--mono);letter-spacing:-.04em;flex:none;font-weight:700;text-decoration:none}nav{scrollbar-width:none;gap:28px;min-width:0;font-size:14px;display:flex;overflow-x:auto}nav::-webkit-scrollbar{display:none}nav a{color:var(--text-muted);white-space:nowrap;text-decoration:none;transition:color .16s}nav a:hover,nav a:focus-visible{color:var(--text)}main,footer{width:var(--container);margin-inline:auto}section[id]{scroll-margin-top:calc(var(--header-height) + 24px)}.hero{min-height:calc(100dvh - var(--header-height));grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);align-items:center;gap:clamp(48px,6vw,104px);padding:72px 0;display:grid}.hero-copy{min-width:0;animation:.5s cubic-bezier(.16,1,.3,1) both enter}.eyebrow{color:var(--accent);font:700 12px / 1 var(--mono);letter-spacing:.11em;text-transform:uppercase;margin:0 0 22px}h1,h2,h3,p{text-wrap:pretty}h1{letter-spacing:-.055em;max-width:15ch;margin:0;font-size:clamp(42px,4.6vw,68px);font-weight:650;line-height:1}.hero-summary{max-width:44ch;color:var(--text-muted);margin:26px 0 0;font-size:17px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero-meta{color:var(--text-muted);font:11px / 1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;gap:8px 18px;margin:30px 0 0;display:flex}.hero-meta span{align-items:center;gap:18px;display:flex}.hero-meta span+span:before{content:"";background:var(--line);border-radius:50%;width:3px;height:3px}.button,.terminal-toolbar button,.terminal-toolbar select{border-radius:var(--radius);white-space:nowrap;font-weight:700}.button{text-align:center;border:1px solid var(--line);min-width:112px;padding:12px 18px;text-decoration:none;transition:transform .14s,background .14s}.button:active,.terminal-toolbar button:active{transform:translateY(1px)}.button-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.button-secondary:hover{background:var(--surface-raised)}.hero-demo{min-width:0;animation:.62s cubic-bezier(.16,1,.3,1) 80ms both enter}.terminal-stage{border:1px solid var(--terminal-line);border-radius:var(--radius);background:var(--terminal);min-width:0;box-shadow:0 30px 90px color-mix(in srgb, var(--terminal) 44%, transparent);position:relative;overflow:hidden}.terminal-toolbar{border-bottom:1px solid var(--terminal-line);color:#aeb4a9;height:46px;font:12px / 1 var(--mono);justify-content:space-between;align-items:center;padding:0 14px 0 18px;display:flex}.terminal-toolbar button{border:1px solid var(--terminal-line);color:#d9ddd4;cursor:pointer;background:#20251f;padding:7px 10px}.terminal-controls{align-items:center;gap:8px;display:flex}.terminal-controls label{color:#858d80}.terminal-toolbar select{border:1px solid var(--terminal-line);color:#d9ddd4;font:inherit;background:#20251f;padding:6px 28px 6px 9px}#terminal{background:var(--terminal-canvas,#1d1f21);height:clamp(340px,52vh,540px);padding:8px}.terminal-error{background:var(--terminal);color:#e0645c;font:14px / 1.6 var(--mono);white-space:pre-wrap;padding:32px;position:absolute;inset:46px 0 0}.demo-hint{color:var(--text-muted);margin:16px 2px 0;font-size:13px;line-height:1.6}.demo-hint code,.capability-strip code{background:var(--surface-raised);color:var(--text);font-family:var(--mono);border-radius:5px;padding:1px 5px;font-size:.92em}.capability-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.capability-strip div{min-width:0;padding:32px 24px 32px 0}.capability-strip div+div{border-left:1px solid var(--line);padding-left:24px}.capability-strip strong,.capability-strip span{display:block}.capability-strip strong{margin-bottom:9px;font-size:14px}.capability-strip span{color:var(--text-muted);font-size:13px;line-height:1.6}.install-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(48px,7vw,130px);padding:120px 0;display:grid}h2{letter-spacing:-.048em;max-width:16ch;margin:0;font-size:clamp(36px,3.6vw,52px);line-height:1.04}.install-copy{min-width:0}.install-copy>p,.architecture article p,.section-header p{color:var(--text-muted);line-height:1.65}.install-copy>p{max-width:42ch;margin:24px 0}.tabs{min-width:0}.tab-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.tab-list{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tab-list label{border:1px solid var(--line);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:8px 15px;font-size:13px;font-weight:700;transition:color .16s,background .16s,border-color .16s}.tab-list label:hover{color:var(--text);background:var(--surface-raised)}.tab-panel{gap:12px;display:none}#quickstart-ts:checked~.tab-panels [data-panel=ts],#quickstart-react:checked~.tab-panels [data-panel=react],#quickstart-vue:checked~.tab-panels [data-panel=vue],#quickstart-svelte:checked~.tab-panels [data-panel=svelte]{display:grid}#quickstart-ts:checked~.tab-list label[for=quickstart-ts],#quickstart-react:checked~.tab-list label[for=quickstart-react],#quickstart-vue:checked~.tab-list label[for=quickstart-vue],#quickstart-svelte:checked~.tab-list label[for=quickstart-svelte]{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}#quickstart-ts:focus-visible~.tab-list label[for=quickstart-ts],#quickstart-react:focus-visible~.tab-list label[for=quickstart-react],#quickstart-vue:focus-visible~.tab-list label[for=quickstart-vue],#quickstart-svelte:focus-visible~.tab-list label[for=quickstart-svelte]{outline:3px solid var(--accent);outline-offset:3px}pre{border:1px solid var(--terminal-line);border-radius:var(--radius);background:var(--terminal);color:#dde1d8;font:13px / 1.65 var(--mono);margin:0;padding:22px;overflow-x:auto}.code-muted{color:#899083}.code-accent{color:#d08a3f}.architecture{border-top:1px solid var(--line);padding:120px 0}.architecture-header,.section-header{max-width:62ch;margin-bottom:60px}.architecture-header p,.section-header p,.execution-guide header p,.integration-guide header p,.flow-node p,.architecture-flow figcaption,.mode-list dd,.contract-intro p,.contract-card p{color:var(--text-muted);line-height:1.65}.architecture-header p,.section-header p{margin:24px 0 0;font-size:17px}.architecture-flow{margin:0}.architecture-flow-track{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.flow-node{background:var(--surface-raised);grid-template-rows:auto auto 1fr auto;min-width:0;padding:28px;display:grid;position:relative}.flow-node+.flow-node{border-left:1px solid var(--line)}.flow-node:not(:last-child):after{content:"→";z-index:1;border:1px solid var(--line);background:var(--surface);width:23px;height:23px;color:var(--accent);font:700 13px / 1 var(--mono);border-radius:50%;place-items:center;display:grid;position:absolute;top:30px;right:-12px}.flow-label{color:var(--accent);font:700 11px / 1 var(--mono);letter-spacing:.09em;text-transform:uppercase}.architecture h3{letter-spacing:-.025em;margin:0;font-size:20px}.flow-node h3{margin-top:20px}.flow-node p{margin:14px 0 20px;font-size:14px}.flow-node code,.mode-list code,.integration-list code{font-family:var(--mono)}.flow-node code{color:var(--text);text-overflow:ellipsis;white-space:nowrap;align-self:end;font-size:11px;overflow:hidden}.architecture-flow figcaption{max-width:86ch;margin-top:18px;font-size:13px}.architecture-decisions{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);margin-top:72px;display:grid;overflow:hidden}.execution-guide,.integration-guide{background:var(--surface-raised);min-width:0;padding:36px}.integration-guide{border-left:1px solid var(--line)}.execution-guide header p,.integration-guide header p{max-width:48ch;margin:14px 0 0;font-size:14px}.mode-list{margin:32px 0 28px}.mode-list>div{border-top:1px solid var(--line);padding:18px 0}.mode-list dt{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.mode-list dt code{color:var(--accent);font-size:13px;font-weight:700}.mode-list dt span{color:var(--text-muted);font:11px / 1 var(--mono)}.mode-list dd{margin:8px 0 0;font-size:13px}.architecture-link{color:var(--text);text-underline-offset:4px;font-size:13px;font-weight:700}.architecture-link:hover,.architecture-link:focus-visible{color:var(--accent)}.integration-list{margin-top:32px}.integration-list>a{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;min-height:80px;padding:16px 0;text-decoration:none;display:grid}.integration-list>a:hover strong,.integration-list>a:focus-visible strong,.integration-list>a:hover code,.integration-list>a:focus-visible code{color:var(--accent)}.integration-list span,.integration-list strong,.integration-list small{display:block}.integration-list strong{font-size:14px}.integration-list small{color:var(--text-muted);margin-top:6px;font-size:12px;line-height:1.4}.integration-list code{color:var(--text-muted);font-size:11px;transition:color .16s}.architecture-contract{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);align-items:start;gap:32px;margin-top:18px;padding:32px;display:grid}.architecture-contract h3{font-size:18px}.contract-intro p{max-width:40ch;margin:12px 0 20px;font-size:14px}.contract-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.contract-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);padding:20px}.contract-card strong{color:var(--accent);font:700 11px / 1 var(--mono);letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px;display:block}.contract-card p{margin:0;font-size:13px}.architecture-contract>.architecture-link{grid-column:1;align-self:end}.packages,.guides{border-top:1px solid var(--line);padding:120px 0}.package-groups{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 32px;display:grid}.package-group h3{color:var(--accent);font:700 11px / 1 var(--mono);letter-spacing:.09em;text-transform:uppercase;margin:0 0 4px}.package-group ul{margin:0;padding:0;list-style:none}.package-group li{border-bottom:1px solid var(--line)}.package-group a{padding:16px 0;text-decoration:none;display:block}.package-group code{color:var(--text);font-family:var(--mono);text-overflow:ellipsis;font-size:13px;font-weight:700;transition:color .16s;display:block;overflow:hidden}.package-group small{color:var(--text-muted);margin-top:6px;font-size:12px;line-height:1.5;display:block}.package-group a:hover code,.package-group a:focus-visible code{color:var(--accent)}.guide-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.guide-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);align-content:start;gap:10px;padding:24px;text-decoration:none;transition:border-color .16s,transform .16s;display:grid}.guide-card:hover,.guide-card:focus-visible{border-color:var(--accent);transform:translateY(-2px)}.guide-card strong{letter-spacing:-.015em;font-size:15px}.guide-card span{color:var(--text-muted);font-size:13px;line-height:1.6}footer{border-top:1px solid var(--line);color:var(--text-muted);padding:72px 0 40px;font-size:13px}.footer-links{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px;padding-bottom:48px;display:grid}.footer-links h2{max-width:none;color:var(--text);font:700 11px / 1 var(--mono);letter-spacing:.09em;text-transform:uppercase;margin:0 0 14px}.footer-links a{color:var(--text-muted);padding:5px 0;text-decoration:none;transition:color .16s;display:block}.footer-links a:hover,.footer-links a:focus-visible{color:var(--accent)}.footer-baseline{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:28px;display:flex}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@keyframes enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-copy,.hero-demo{animation:none}.guide-card:hover,.guide-card:focus-visible{transform:none}*,:before,:after{transition:none}}@media (max-width:1100px){.hero{grid-template-columns:minmax(0,1fr);gap:52px;min-height:auto;padding:64px 0 88px}.hero-copy{max-width:720px}h1{max-width:18ch}.hero-summary{max-width:60ch}.capability-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-strip div:nth-child(3){border-left:0}.capability-strip div:nth-child(n+3){border-top:1px solid var(--line)}.install-section{grid-template-columns:minmax(0,1fr);gap:44px;padding:110px 0}.install-copy>p{max-width:60ch}.architecture-flow-track{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-node:nth-child(3){border-left:0}.flow-node:nth-child(n+3){border-top:1px solid var(--line)}.flow-node:not(:last-child):after{display:none}.architecture-decisions{grid-template-columns:minmax(0,1fr)}.integration-guide{border-top:1px solid var(--line);border-left:0}.architecture-contract{grid-template-columns:minmax(0,1fr);gap:24px}.contract-intro p{max-width:60ch;margin-bottom:0}.architecture-contract>.architecture-link{align-self:start}.package-groups,.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){:root{--container:min(100% - 32px, 720px)}.architecture,.packages,.guides{padding:100px 0}}@media (max-width:600px){:root{--header-height:64px}nav{gap:13px;font-size:12px}.package-groups,.guide-grid{grid-template-columns:minmax(0,1fr)}.hero{padding:48px 0 68px}h1{max-width:20ch;font-size:40px}.hero-actions{width:100%}.button{flex:1}.terminal-toolbar{flex-wrap:wrap;gap:10px;height:auto;min-height:46px;padding:10px 12px}#renderer-status{flex:100%}.terminal-controls{grid-template-columns:auto minmax(0,1fr) auto;width:100%;display:grid}.terminal-toolbar select{width:100%;min-width:0;padding-left:7px;padding-right:20px}#terminal{height:390px}.terminal-error{height:390px;inset:auto 0 0}.capability-strip{grid-template-columns:minmax(0,1fr)}.capability-strip div,.capability-strip div+div{border-left:0;border-top:1px solid var(--line);padding:24px 0}.capability-strip div:first-child{border-top:0}.architecture,.packages,.guides{padding:84px 0}.architecture-header,.section-header{margin-bottom:44px}.architecture-header p,.section-header p{font-size:16px}.flow-node{padding:24px}.flow-node+.flow-node,.flow-node:nth-child(3){border-top:1px solid var(--line);border-left:0}.architecture-flow-track{grid-template-columns:minmax(0,1fr)}.architecture-decisions{margin-top:52px}.execution-guide,.integration-guide{padding:28px 24px}.integration-list>a{grid-template-columns:minmax(0,1fr);gap:8px}.architecture-contract{padding:24px}.contract-split{grid-template-columns:minmax(0,1fr);gap:12px}footer{padding:56px 0 32px}.footer-baseline{flex-direction:column}}@media (max-width:370px){.terminal-controls{grid-template-columns:auto minmax(0,1fr);gap:8px}.terminal-controls button{grid-column:1/-1}}@media (max-width:438px){nav{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}}
