@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin-ext-var.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-mono-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-mono-latin-ext-400.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-mono-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-mono-latin-ext-700.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--ground: #f4f5f7;--ground-alt: #eef0f3;--panel: #fbfbfc;--ink: #14161a;--ink-body: #3d434c;--ink-body-soft: #5c6470;--ink-meta: #7a828e;--rule: #dcdfe4;--rule-strong: #b8bec7;--accent: #a8503a;--accent-on-ink: #d99a7c;--accent-tint: #fdf3ef;--ink-rule: #2a2e36;--ink-fg: #e6e8ec;--ink-fg-muted: #9aa2ae;--code-bg: #14161a;--code-fg: #e6e8ec;--code-kw: #7f8794;--code-str: #9fb8a4;--code-fn: #d99a7c;--code-comment: #6b7280;--state-good: #2f6f5b;--state-bad: #b23a3a;--font-sans: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "Space Mono", ui-monospace, "SF Mono", monospace;--max-width: 1180px;--gutter: 32px;--nav-h: 56px;--section-pad: 64px;--radius: 0;--bg: var(--ground);--bg-card: var(--panel);--surface: var(--panel);--bg-code: var(--code-bg);--border: var(--rule);--text: var(--ink);--text-muted: var(--ink-body-soft);--accent-bright: var(--accent);--accent-glow: var(--accent-tint);--teal: var(--state-good);--pink: var(--state-bad);--inline-code-bg: var(--ground-alt)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ground)}body{font-family:var(--font-sans);background:var(--ground);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{color:var(--ink);text-decoration:underline}::selection{background:#e8cfc6}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-48px;left:8px;z-index:1000;background:var(--ink);color:var(--ground);padding:10px 16px;font-size:14px;transition:top .2s ease}.skip-link:focus{top:8px;text-decoration:none}.nav{position:fixed;top:0;left:0;right:0;min-height:var(--nav-h);z-index:100;background:#f4f5f7eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter);min-height:var(--nav-h);display:flex;align-items:center;gap:24px}.nav-logo{display:flex;align-items:baseline;gap:8px;font-family:var(--font-mono);font-weight:700;font-size:15px;letter-spacing:-.02em;color:var(--ink);flex-shrink:0}.nav-logo:hover{color:var(--ink);text-decoration:none}.nav-logo .logo-kit{color:var(--accent)}.nav-version{font-family:var(--font-mono);font-size:11px;color:var(--ink-meta);font-weight:400}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{font-size:13.5px;color:var(--ink-body);padding:6px 10px;white-space:nowrap;background:none;border:0;font-family:inherit;cursor:pointer}.nav-link:hover{color:var(--accent);text-decoration:none}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:inline-flex;align-items:center;gap:5px}.nav-dropdown-chevron{transition:transform .15s ease}.nav-dropdown-toggle[aria-expanded=true] .nav-dropdown-chevron{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 6px);left:-4px;min-width:176px;list-style:none;background:var(--ground);border:1px solid var(--rule);padding:4px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s}.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-link{display:block;padding:7px 10px;font-size:13.5px;color:var(--ink-body)}.nav-dropdown-link:hover,.nav-dropdown-link:focus-visible{background:var(--ground-alt);color:var(--accent);text-decoration:none}.nav-cta{font-family:var(--font-mono);font-size:12.5px;border:1px solid var(--ink);padding:6px 12px;color:var(--ink);white-space:nowrap}.nav-cta:hover{background:var(--ink);color:var(--ground);text-decoration:none}.nav-spacer{flex:1}.nav-right{display:flex;align-items:center;gap:12px}.nav-burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:34px;height:34px;padding:0 7px;background:none;border:1px solid var(--rule);cursor:pointer}.nav-burger span{display:block;height:1.5px;width:100%;background:var(--ink);transition:transform .2s ease,opacity .2s ease}.nav-burger[aria-expanded=true] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.nav-burger[aria-expanded=true] span:nth-child(2){opacity:0}.nav-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.nav-mobile-menu{display:none;flex-direction:column;background:var(--ground);border-top:1px solid var(--rule);padding:8px var(--gutter) 16px;max-height:calc(100dvh - var(--nav-h));overflow-y:auto}.nav-mobile-menu.open{display:flex}.nav-mobile-link{padding:11px 0;font-size:15px;color:var(--ink-body);border-bottom:1px solid var(--rule)}.nav-mobile-link:hover{color:var(--accent);text-decoration:none}.nav-mobile-cta{font-family:var(--font-mono);font-size:13px;color:var(--accent);border-bottom:0}.nav-mobile-group{padding-top:6px}.nav-mobile-group-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-meta);padding:12px 0 4px}.nav-mobile-link--sub{padding-left:14px}.section{border-bottom:1px solid var(--rule)}[id]{scroll-margin-top:calc(var(--nav-h) + 8px)}.section--alt{background:var(--ground-alt)}.section--ink{background:var(--ink);color:var(--ink-fg);border-bottom-color:var(--ink)}.section-wrap{max-width:var(--max-width);margin:0 auto;padding:var(--section-pad) var(--gutter)}.section-head{display:flex;align-items:baseline;gap:16px;margin-bottom:28px}.section-head--tight{margin-bottom:10px}.section-num{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;color:var(--accent);flex-shrink:0}.section--ink .section-num{color:var(--accent-on-ink)}.section-h2{font-size:30px;line-height:1.15;letter-spacing:-.025em;font-weight:600;margin:0}.section--ink .section-h2{color:#fff}.section-sub{font-size:14.5px;line-height:1.6;color:var(--ink-body-soft);margin:0 0 30px;max-width:54em}.section--ink .section-sub{color:var(--ink-fg-muted)}.section-eyebrow{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;padding:10px 18px;font-size:14px;font-weight:500}.btn-primary:hover{background:var(--ink);color:#fff;text-decoration:none}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:14px;color:var(--ink-body);border:1px solid var(--rule-strong)}.btn-ghost:hover{border-color:var(--ink);color:var(--ink);text-decoration:none}.section--ink .btn-ghost{color:var(--ink-fg);border-color:#3a3f48}.section--ink .btn-ghost:hover{border-color:var(--ink-fg);color:#fff}.btn-link{padding:10px 2px;font-size:14px;color:var(--ink-body);border-bottom:1px solid var(--rule-strong)}.btn-link:hover{color:var(--accent);border-bottom-color:var(--accent);text-decoration:none}.install-btn{display:flex;align-items:stretch;gap:0;border:1px solid var(--ink);background:none;max-width:420px;width:100%;padding:0;cursor:pointer;font-family:var(--font-mono);text-align:left;color:var(--ink)}.install-btn code{font-family:var(--font-mono);font-size:13.5px;padding:11px 14px;flex:1;color:var(--ink)}.install-icon{display:none}.install-copied{font-family:var(--font-mono);font-size:12px;background:var(--ink);color:var(--ground);border-left:1px solid var(--ink);padding:0 14px;display:flex;align-items:center}.install-copied:before{content:"copy"}.install-btn:hover .install-copied,.install-btn.copied .install-copied{background:var(--accent);border-left-color:var(--accent)}.install-btn.copied .install-copied:before{content:"copied"}.hero-body>*,.compare-grid>*,.camunda-layout>*,.dmn-layout>*,.playground-wrap>*,.steps-grid>*,.teams-layout>*{min-width:0}pre{max-width:100%;overflow-x:auto}.table-scroll{overflow-x:auto;max-width:100%}.panel-label{font-family:var(--font-mono);font-size:11px;color:var(--ink-meta);margin-bottom:8px}.panel-label--accent{color:var(--accent)}.code-panel{font-family:var(--font-mono);font-size:13px;line-height:1.65;background:var(--code-bg);color:var(--code-fg);padding:20px 22px;margin:0;overflow-x:auto;white-space:pre}.code-panel code{font-family:inherit;background:none;padding:0;color:inherit}.kw{color:var(--code-kw)}.str{color:var(--code-str)}.fn{color:var(--code-fn)}.comment{color:var(--code-comment)}.xml-tag{color:var(--code-kw)}.xml-attr{color:var(--code-fn)}.copy-wrapper{position:relative}.copy-btn{position:absolute;top:8px;right:8px;font-family:var(--font-mono);font-size:11px;background:var(--code-bg);color:var(--ink-fg-muted);border:1px solid var(--ink-rule);padding:4px 9px;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease}.copy-wrapper:hover .copy-btn,.copy-btn:focus-visible{opacity:1}.copy-btn:hover{color:var(--accent-on-ink);border-color:var(--accent-on-ink)}.copy-btn.copied{color:var(--accent-on-ink);opacity:1}.hero{border-bottom:1px solid var(--rule);padding-top:var(--nav-h)}.hero-body{max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:stretch}.hero-text{padding:72px 48px 64px 0;border-right:1px solid var(--rule);min-width:0}.hero-eyebrow{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:26px}.hero-h1{font-size:60px;line-height:1.02;letter-spacing:-.035em;font-weight:600;margin:0 0 22px}.hero-p{font-size:18px;line-height:1.5;color:var(--ink-body);margin:0 0 14px;max-width:30em;text-wrap:pretty}.hero-p-sub{font-size:15px;line-height:1.55;color:var(--ink-body-soft);margin:0 0 30px;max-width:32em;text-wrap:pretty}.hero-ctas{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:14px}.hero-stats{display:flex;gap:28px;margin-top:44px;border-top:1px solid var(--rule);font-family:var(--font-mono)}.hero-stat{flex:1;padding:14px 0;min-width:0}.hero-stat-num{font-size:19px;color:var(--ink)}.hero-stat-label{font-size:10.5px;color:var(--ink-meta);letter-spacing:.06em;text-transform:uppercase;margin-top:3px;line-height:1.5}.hero-panel{padding:72px 0 64px 48px;display:flex;flex-direction:column;min-width:0}.hero-note{display:flex;align-items:center;gap:10px;padding:14px 0;font-family:var(--font-mono);font-size:11px;color:var(--ink-meta)}.hero-note-mark{color:var(--accent)}.diagram-frame{background:var(--panel);border:1px solid var(--rule);flex:1;min-height:260px;position:relative;overflow:hidden}.anim-demo{display:flex;flex-direction:column;flex:1;min-width:0}.anim-code-panel{background:var(--code-bg);min-height:232px}.anim-code-body{padding:20px 22px;overflow:hidden}.anim-code-lines{font-family:var(--font-mono);font-size:13px;line-height:1.65;color:var(--code-fg);white-space:pre}.anim-line{opacity:1;transform:translateY(0);transition:opacity .18s ease,transform .18s ease}.anim-line-entering{opacity:0;transform:translateY(3px)}.anim-line--empty{height:1.65em}.anim-cursor{display:inline-block;width:7px;height:1em;background:var(--accent-on-ink);vertical-align:text-bottom;animation:anim-cursor-blink 1s steps(2) infinite}@keyframes anim-cursor-blink{50%{opacity:0}}.anim-diagram-panel{display:flex;flex-direction:column;flex:1;min-height:0}.anim-diagram-inner{background:var(--panel);border:1px solid var(--rule);flex:1;min-height:240px;position:relative;overflow:hidden}.anim-progress{display:flex;gap:6px;margin-top:10px}.anim-bar{flex:1;height:12px;display:flex;align-items:center;cursor:pointer;background:linear-gradient(var(--rule),var(--rule)) center / 100% 2px no-repeat}.anim-bar-fill{height:2px;width:0;background:var(--accent)}.anim-bar--active{background:linear-gradient(var(--rule-strong),var(--rule-strong)) center / 100% 2px no-repeat}.bpmnkit-canvas-skeleton{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .45s ease}.canvas-skeleton-svg{width:72%;max-width:330px}.canvas-skeleton-start,.canvas-skeleton-shape,.canvas-skeleton-gw,.canvas-skeleton-end{fill:none;stroke:var(--rule-strong);stroke-width:1.5;animation:canvas-skeleton-pulse 1.6s ease-in-out infinite}.canvas-skeleton-end{stroke-width:3}.canvas-skeleton-edge{stroke:var(--rule-strong);stroke-width:1.5;animation:canvas-skeleton-pulse 1.6s ease-in-out infinite}.canvas-skeleton-arrow{fill:var(--rule-strong)}@keyframes canvas-skeleton-pulse{0%,to{opacity:.35}50%{opacity:1}}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cmp-panel{min-width:0}.cmp-code{font-family:var(--font-mono);font-size:12.5px;line-height:1.75;background:var(--code-bg);color:var(--code-fg);padding:18px 20px;margin:0;height:300px;overflow:hidden;white-space:pre}.cmp-code--xml{font-size:10.5px;line-height:1.6;background:var(--panel);border:1px solid var(--rule);color:#8a919c;padding:18px;-webkit-mask-image:linear-gradient(#000 72%,transparent 100%);mask-image:linear-gradient(#000 72%,transparent 100%)}.cmp-code--xml .xml-tag,.cmp-code--xml .xml-attr,.cmp-code--xml .str,.cmp-code--xml .comment{color:inherit}.hair-grid{display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule)}.hair-grid--3{grid-template-columns:repeat(3,1fr)}.hair-grid--2{grid-template-columns:repeat(2,1fr)}.cap-card{background:var(--ground);padding:26px 24px}.section--alt .cap-card{background:var(--ground-alt)}.cap-card h3{font-size:16px;font-weight:600;margin:0 0 8px}.cap-card p{font-size:14px;line-height:1.55;color:var(--ink-body-soft);margin:0 0 12px}.cap-api{font-family:var(--font-mono);font-size:11px;color:var(--ink-meta)}.cap-api a{color:var(--ink-meta)}.cap-api a:hover{color:var(--accent)}.cap-card code{font-family:var(--font-mono);font-size:12.5px}.pkg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--ink-rule);border:1px solid var(--ink-rule)}.pkg-row{background:var(--ink);padding:20px 22px;display:flex;gap:16px;align-items:flex-start}.pkg-row:hover{text-decoration:none}.pkg-row:hover .pkg-name{color:var(--accent-on-ink)}.pkg-main{flex:1;min-width:0}.pkg-name{font-family:var(--font-mono);font-size:13.5px;color:#fff}.pkg-kind{color:var(--ink-fg-muted)}.pkg-role{font-size:13.5px;color:var(--ink-fg-muted);margin-top:5px;line-height:1.5}.pkg-caveat{color:var(--accent-on-ink)}.pkg-version{font-family:var(--font-mono);font-size:11.5px;color:var(--accent-on-ink);flex-shrink:0}.pkg-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:22px;font-family:var(--font-mono);font-size:12px;color:var(--ink-fg-muted)}.pkg-links a{color:var(--ink-fg-muted)}.pkg-links a:hover{color:var(--accent-on-ink)}.camunda-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:20px 20px;align-items:start}.camunda-layout--flip{grid-template-columns:1fr 1.15fr;margin-top:20px}.camunda-side{display:flex;flex-direction:column;gap:14px;min-width:0}.metric{background:var(--ground);padding:18px;font-family:var(--font-mono)}.section--alt .metric{background:var(--ground-alt)}.metric-num{font-size:22px}.metric-label{font-size:10.5px;color:var(--ink-meta);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.inset-card{border:1px solid var(--rule);background:var(--panel);padding:18px 20px}.inset-card-label{font-family:var(--font-mono);font-size:12px;color:var(--accent);margin-bottom:10px}.inset-card p{font-size:13.5px;line-height:1.55;color:var(--ink-body-soft);margin:0}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip,.api-chip,.dmn-chip{font-family:var(--font-mono);font-size:11px;border:1px solid var(--rule);padding:5px 9px;color:var(--ink-body-soft);background:none}.cli-terminal-wrap{position:relative}#cli-terminal{background:var(--code-bg);overflow:hidden}.cli-topbar{display:flex;align-items:center;padding:9px 14px;border-bottom:1px solid var(--ink-rule)}.cli-topbar-title{font-family:var(--font-mono);font-size:11px;color:var(--ink-fg-muted)}.cli-content{font-family:var(--font-mono);font-size:12px;line-height:1.7;padding:16px 18px;min-height:240px;color:var(--code-fg);transition:opacity .18s ease}.cli-content.cli-fading{opacity:0}.tl{white-space:pre}.tl.ti{padding-left:1.4em}.tl.cli-row-pressed{background:#d99a7c24}.tb{color:#fff}.td{color:var(--ink-fg-muted)}.tc{color:var(--code-str)}.tp{color:var(--accent-on-ink)}.tcur{display:inline-block;width:7px;height:1em;background:var(--accent-on-ink);vertical-align:text-bottom;animation:tcur-blink 1s steps(2) infinite}@keyframes tcur-blink{50%{opacity:0}}#cli-key-badge{position:absolute;right:12px;bottom:12px;font-family:var(--font-mono);font-size:11px;color:var(--ink-fg-muted);border:1px solid var(--ink-rule);padding:3px 8px;opacity:0;transition:opacity .18s ease}#cli-key-badge.cli-key-visible{opacity:1}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{min-width:0}.step-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;min-height:30px}.step-head-spacer{flex:1}.step-num{font-family:var(--font-mono);font-size:11px;color:var(--accent)}.step h3{font-size:15px;font-weight:600;margin:0}.step pre{font-family:var(--font-mono);font-size:12px;line-height:1.7;background:var(--code-bg);color:var(--code-fg);padding:16px 18px;margin:0;height:240px;overflow:auto;white-space:pre}.step-note{font-size:12.5px;line-height:1.55;color:var(--ink-meta);margin-top:10px}.pkg-tabs{display:flex;gap:0;border:1px solid var(--rule);width:fit-content;align-self:center}.pkg-tab{font-family:var(--font-mono);font-size:11px;background:none;border:0;border-right:1px solid var(--rule);padding:4px 9px;color:var(--ink-body-soft);cursor:pointer}.pkg-tab:last-child{border-right:0}.pkg-tab:hover{color:var(--accent)}.pkg-tab.active{background:var(--ink);color:var(--ground)}.pkg-cmd{display:none}.pkg-cmd.active{display:block}.dmn-tabs{display:flex;gap:0;border:1px solid var(--rule);width:fit-content;margin-bottom:20px}.dmn-tab{font-family:var(--font-mono);font-size:11.5px;background:none;border:0;border-right:1px solid var(--rule);padding:8px 14px;color:var(--ink-body-soft);cursor:pointer}.dmn-tab:last-child{border-right:0}.dmn-tab:hover{color:var(--accent)}.dmn-tab.active{background:var(--ink);color:var(--ground)}.dmn-panel{display:none}.dmn-panel.active{display:block}.dmn-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:start}.dmn-code-body{background:var(--code-bg);max-height:420px;overflow:auto}.dmn-code-body pre{font-family:var(--font-mono);font-size:12.5px;line-height:1.7;color:var(--code-fg);padding:18px 20px;margin:0;white-space:pre}.dmn-desc h3{font-size:16px;font-weight:600;margin:0 0 10px}.dmn-desc p{font-size:14px;line-height:1.6;color:var(--ink-body-soft);margin:0 0 14px}.dmn-desc code{font-family:var(--font-mono);font-size:12.5px}.dmn-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.dmn-bpmn-preview{background:var(--panel);border:1px solid var(--rule);height:220px;position:relative;overflow:hidden}.playground-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.pg-editor-panel{display:flex;flex-direction:column;background:var(--code-bg);min-width:0}.pg-topbar{display:flex;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid var(--ink-rule)}.pg-topbar-title{font-family:var(--font-mono);font-size:11px;color:var(--ink-fg-muted);flex:1}.pg-shortcut{font-family:var(--font-mono);font-size:10.5px;color:var(--code-comment)}.pg-run-btn{font-family:var(--font-mono);font-size:11.5px;background:none;border:1px solid var(--ink-rule);color:var(--accent-on-ink);padding:4px 10px;cursor:pointer}.pg-run-btn:hover{border-color:var(--accent-on-ink)}.pg-code-wrap{position:relative;flex:1;min-height:320px}#pg-highlight,#playground-code{position:absolute;inset:0;font-family:var(--font-mono);font-size:12.5px;line-height:1.7;padding:16px 18px;margin:0;border:0;white-space:pre;overflow:auto;tab-size:2}#pg-highlight{color:var(--code-fg);pointer-events:none}#playground-code{background:transparent;color:transparent;caret-color:var(--accent-on-ink);resize:none;outline:none}#playground-error{font-family:var(--font-mono);font-size:11.5px;color:var(--state-bad);padding:0 18px;white-space:pre-wrap}#playground-error:not(:empty){padding:10px 18px;border-top:1px solid var(--ink-rule)}.pg-diagram-panel{display:flex;flex-direction:column;min-width:0}#playground-diagram{background:var(--panel);border:1px solid var(--rule);flex:1;min-height:360px;position:relative;overflow:auto}.pg-text-preview{font-family:var(--font-mono);font-size:12px;line-height:1.65;color:var(--ink-body);padding:18px 20px;white-space:pre-wrap}.pg-examples{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:16px}.pg-examples-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-meta)}#playground-examples{display:flex;flex-wrap:wrap;gap:6px}.pg-example-btn{font-family:var(--font-mono);font-size:11px;border:1px solid var(--rule);background:none;padding:5px 9px;color:var(--ink-body-soft);cursor:pointer}.pg-example-btn:hover{border-color:var(--ink);color:var(--ink)}.teams-layout{display:grid;grid-template-columns:.9fr 1.4fr;gap:48px;align-items:start}.teams-lede h2{font-size:28px;line-height:1.15;letter-spacing:-.025em;font-weight:600;margin:0 0 12px}.teams-lede p{font-size:14.5px;line-height:1.6;color:var(--ink-body-soft);margin:0}.teams-card{background:var(--ground);padding:22px 20px}.teams-card h3{font-size:14.5px;font-weight:600;margin:0 0 7px}.teams-card p{font-size:13.5px;line-height:1.55;color:var(--ink-body-soft);margin:0}.cta{background:var(--ink);color:var(--ink-fg)}.cta-inner{max-width:var(--max-width);margin:0 auto;padding:var(--section-pad) var(--gutter);display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}.cta-lede{max-width:30em;flex:1 1 460px}.cta h2{font-size:34px;line-height:1.1;letter-spacing:-.03em;font-weight:600;margin:0 0 10px;color:#fff}.cta p{font-size:15px;color:var(--ink-fg-muted);margin:0}.cta-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cta-actions .btn-ghost{color:var(--ink-fg);border-color:#3a3f48}.cta-actions .btn-ghost:hover{border-color:var(--ink-fg);color:#fff}.cta-actions .btn-primary:hover{background:#fff;color:var(--ink)}.footer{background:var(--ink);border-top:1px solid var(--ink-rule);color:var(--ink-meta)}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:26px var(--gutter);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-family:var(--font-mono);font-size:12.5px}.footer-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.footer-dot{color:var(--ink-rule)}.footer-license{color:var(--ink-meta)}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-link{color:var(--ink-fg-muted)}.footer-link:hover{color:var(--accent-on-ink);text-decoration:none}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em;text-wrap:balance}code{font-family:var(--font-mono)}kbd{font-family:var(--font-mono);font-size:.85em;border:1px solid var(--rule);padding:1px 5px;color:var(--ink-body)}.bpmnkit-props-readonly{pointer-events:none;opacity:.6}@media(max-width:1040px){.hero-body{grid-template-columns:1fr}.hero-text{padding:48px 0 40px;border-right:0;border-bottom:1px solid var(--rule)}.hero-panel{padding:40px 0 56px}.hero-h1{font-size:44px}.compare-grid,.camunda-layout,.dmn-layout,.playground-wrap,.teams-layout{grid-template-columns:1fr;gap:24px}.steps-grid{grid-template-columns:1fr}.step pre{height:auto;max-height:300px}.hair-grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){:root{--gutter: 20px;--section-pad: 48px}.nav-links,.nav-spacer,.nav-right{display:none}.nav-burger{display:flex;margin-left:auto}.hero-h1{font-size:36px}.section-h2{font-size:24px}.cta h2{font-size:26px}.hair-grid--3,.hair-grid--2,.pkg-grid{grid-template-columns:1fr}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0 16px}.compare-grid{gap:20px}.cmp-code{height:240px}.code-panel,.cmp-code,.step pre,.dmn-code-body pre{font-size:11.5px;overflow-x:auto}.teams-lede h2{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}