.overview-parallax{background:#110904;border:1px solid #e446ff1f;border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:1000px;margin:0 auto;padding:48px;display:flex;position:relative}.overview-parallax .ambient{pointer-events:none;filter:blur(120px);opacity:.3;border-radius:50%;position:fixed}.overview-parallax .ambient--1{background:#e446ff14;width:400px;height:400px;top:-100px;right:-100px}.overview-parallax .ambient--2{background:#e446ff0d;width:300px;height:300px;bottom:-80px;left:-60px}.overview-parallax .scene{aspect-ratio:780/720;perspective:1400px;perspective-origin:50%;cursor:default;width:min(780px,100vw - 96px)}.overview-parallax .card{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform .7s cubic-bezier(.23,1,.32,1);position:relative}.overview-parallax .layer{backface-visibility:hidden;border-radius:20px;padding:32px 32px 28px;position:absolute;inset:0;overflow:hidden}.overview-parallax .layer--front{z-index:3;background:var(--surface,#1a0f0a);border:1px solid var(--surface-border,#e446ff1f);box-shadow:0 4px 24px #00000080,0 0 80px var(--accent-glow,#e446ff26),inset 0 1px 0 #ffffff0a;transition:opacity .6s cubic-bezier(.23,1,.32,1),filter .6s cubic-bezier(.23,1,.32,1);transform:translateZ(60px)}.overview-parallax .card.state-peeked .layer--front{opacity:.15;filter:blur(3px);pointer-events:none}.overview-parallax .card.state-developer .layer--front{opacity:0;filter:blur(4px);pointer-events:none}.overview-parallax .layer--separator{z-index:2;pointer-events:none;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .7s cubic-bezier(.23,1,.32,1);display:flex;transform:translateZ(0)}.overview-parallax .card.state-peeked .layer--separator{opacity:1;transition-delay:.15s}.overview-parallax .card.state-developer .layer--separator{opacity:0;transition-delay:0s}.overview-parallax .separator-content{letter-spacing:.08em;text-transform:uppercase;color:var(--accent,#e446ff);border:1px solid var(--accent-dim,#e446ff59);-webkit-backdrop-filter:blur(12px);text-shadow:0 0 20px #e446ff80;background:#110904eb;border-radius:10px;align-items:center;gap:10px;padding:16px 40px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1);display:flex;position:relative;transform:scale(.8);box-shadow:0 0 40px #e446ff40,0 0 80px #e446ff1a,inset 0 0 20px #e446ff0f}.overview-parallax .separator-content .engine-icon{filter:drop-shadow(0 0 6px #e446ff99);justify-content:center;align-items:center;animation:2s ease-in-out infinite alternate overview-parallax-engine-icon-glow;display:flex}@keyframes overview-parallax-engine-icon-glow{0%{filter:drop-shadow(0 0 4px #e446ff66)}to{filter:drop-shadow(0 0 10px #e446ffcc)}}.overview-parallax .card.state-peeked .separator-content{transform:scale(1)}.overview-parallax .card.state-developer .separator-content{transform:scale(1.1)}.overview-parallax .separator-content:before,.overview-parallax .separator-content:after{content:"";width:80px;height:1px;position:absolute;top:50%}.overview-parallax .separator-content:before{background:linear-gradient(90deg,transparent,var(--accent-dim,#e446ff59));margin-right:16px;right:100%}.overview-parallax .separator-content:after{background:linear-gradient(270deg,transparent,var(--accent-dim,#e446ff59));margin-left:16px;left:100%}.overview-parallax .separator-content .pulse-ring{border:1.5px solid var(--accent,#e446ff);opacity:0;pointer-events:none;border-radius:14px;animation:2.5s ease-in-out infinite overview-parallax-separator-pulse;position:absolute;inset:-4px}@keyframes overview-parallax-separator-pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.5;transform:scale(1.04)}}.overview-parallax .layer--back{z-index:1;background:var(--surface,#1a0f0a);border:1px solid var(--surface-border,#e446ff1f);filter:blur(6px);opacity:.3;flex-direction:column;transition:opacity .6s cubic-bezier(.23,1,.32,1),filter .6s cubic-bezier(.23,1,.32,1);display:flex;transform:translateZ(-60px);box-shadow:0 4px 24px #00000080,inset 0 1px #ffffff05}.overview-parallax .card.state-peeked .layer--back{opacity:.55;filter:blur(2px)}.overview-parallax .card.state-developer .layer--back{opacity:1;filter:blur();z-index:5;transform:translateZ(0)}.overview-parallax .flow-svg .lane-group{cursor:default;filter:drop-shadow(0 0 #0000);transition:filter .15s}.overview-parallax .flow-svg .lane-bg-rect{fill:#e446ff08;stroke:#e446ff14;stroke-width:.5px;transition:fill .15s,stroke .15s,stroke-width .15s}.overview-parallax .flow-svg .lane-inner-glow{pointer-events:none;opacity:0;transition:opacity .15s}.overview-parallax .lane-customer .lane-bg-rect{fill:#e446ff08;stroke:#e446ff14}.overview-parallax .lane-routing .lane-bg-rect{fill:#e446ff05;stroke:#e446ff0f}.overview-parallax .lane-fulfillment .lane-bg-rect{fill:#e446ff04;stroke:#e446ff0d}.overview-parallax .flow-svg .lane-label{letter-spacing:.12em;text-transform:uppercase;fill:#a08b7a80;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:500;transition:fill .15s}.overview-parallax .flow-svg .node-group{cursor:default}.overview-parallax .flow-svg .node-rect{rx:6;ry:6;fill:#2a1a14;stroke:#3d2a22;stroke-width:1.2px;transition:fill .15s,stroke .15s}.overview-parallax .flow-svg .node-label{fill:#f0e6df;text-anchor:middle;dominant-baseline:central;pointer-events:none;font-family:DM Sans,sans-serif;font-size:9.5px;font-weight:500;transition:fill .15s}.overview-parallax .flow-svg .node-type-badge{letter-spacing:.06em;text-transform:uppercase;text-anchor:middle;dominant-baseline:central;opacity:.6;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:5.5px;font-weight:500}.overview-parallax .flow-svg .node-circle{fill:#2a1a14;stroke:#3fdc77;stroke-width:1.2px;transition:fill .15s,stroke .15s}.overview-parallax .flow-svg .edge{fill:none;stroke:#6b4d40;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .15s}.overview-parallax .flow-svg .edge-label{fill:var(--text-muted,#6b5a4d);opacity:.7;font-family:JetBrains Mono,monospace;font-size:7px;font-weight:500;transition:fill .15s}.overview-parallax .lane-customer:hover{filter:drop-shadow(0 4px 12px #00000080)drop-shadow(0 0 20px #ff6b6b14)}.overview-parallax .lane-customer:hover .lane-bg-rect{fill:url(#grad-customer-hover);stroke:#ff6b6b33;stroke-width:1px}.overview-parallax .lane-customer:hover .lane-inner-glow{opacity:1}.overview-parallax .lane-customer:hover .lane-label{fill:var(--lane-customer,#ff6b6b)}.overview-parallax .lane-routing:hover{filter:drop-shadow(0 4px 12px #00000080)drop-shadow(0 0 20px #e446ff14)}.overview-parallax .lane-routing:hover .lane-bg-rect{fill:url(#grad-routing-hover);stroke:#e446ff33;stroke-width:1px}.overview-parallax .lane-routing:hover .lane-inner-glow{opacity:1}.overview-parallax .lane-routing:hover .lane-label{fill:var(--lane-routing,#e446ff)}.overview-parallax .lane-routing:hover .edge{stroke:#e446ff59}.overview-parallax .lane-routing:hover .edge-label{fill:#e446ff99}.overview-parallax .lane-fulfillment:hover{filter:drop-shadow(0 4px 12px #00000080)drop-shadow(0 0 20px #06b6d414)}.overview-parallax .lane-fulfillment:hover .lane-bg-rect{fill:url(#grad-fulfillment-hover);stroke:#06b6d433;stroke-width:1px}.overview-parallax .lane-fulfillment:hover .lane-inner-glow{opacity:1}.overview-parallax .lane-fulfillment:hover .lane-label{fill:var(--lane-fulfillment,#06b6d4)}.overview-parallax .lane-group:hover .node-type-terminal .node-circle{fill:#3fdc7726;stroke:var(--node-type-terminal,#3fdc77)}.overview-parallax .lane-group:hover .node-type-terminal .node-label{fill:var(--node-type-terminal,#3fdc77)}.overview-parallax .lane-group:hover .node-type-action .node-rect{fill:#ff924326;stroke:var(--node-type-action,#ff9243)}.overview-parallax .lane-group:hover .node-type-action .node-label{fill:var(--node-type-action,#ff9243)}.overview-parallax .lane-group:hover .node-type-switch .node-rect{fill:#a374ff26;stroke:var(--node-type-switch,#a374ff)}.overview-parallax .lane-group:hover .node-type-switch .node-label{fill:var(--node-type-switch,#a374ff)}.overview-parallax .toolchain-grid{flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:12px;min-height:0;display:grid}.overview-parallax .tool-card{background:var(--code-bg,#0d0805);border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;gap:8px;padding:14px;transition:border-color .3s;display:flex;overflow:hidden}.overview-parallax .tool-card:hover{border-color:#e446ff26}.overview-parallax .tool-card-header{align-items:center;gap:8px;display:flex}.overview-parallax .tool-card-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.overview-parallax .tool-card-icon svg{width:16px;height:16px}.overview-parallax .tool-card-title{letter-spacing:.01em;color:var(--text-primary,#f0e6df);white-space:nowrap;font-size:12px;font-weight:600}.overview-parallax .tool-card-body{color:var(--text-muted,#6b5a4d);flex:1;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.6;overflow:hidden}.overview-parallax .tool-card--ci .tool-card-icon{background:#5ae07a1f}.overview-parallax .tool-card--ci .tool-card-icon svg{color:var(--true-green,#5ae07a)}.overview-parallax .tool-card--yaml .tool-card-icon{background:#e446ff1f}.overview-parallax .tool-card--yaml .tool-card-icon svg{color:var(--accent,#e446ff)}.overview-parallax .tool-card--npm .tool-card-icon{background:#e446ff1f}.overview-parallax .tool-card--npm .tool-card-icon svg{color:#cb3837}.overview-parallax .tool-card--codegen .tool-card-icon{background:#7aafff1f}.overview-parallax .tool-card--codegen .tool-card-icon svg{color:var(--keyword-blue,#7aafff)}.overview-parallax .tool-card--git .tool-card-icon{background:#ffb86c1f}.overview-parallax .tool-card--git .tool-card-icon svg{color:var(--string-amber,#ffb86c)}.overview-parallax .tool-card--schema .tool-card-icon{background:#5ae0c21f}.overview-parallax .tool-card--schema .tool-card-icon svg{color:var(--type-teal,#5ae0c2)}.overview-parallax .ci-line{align-items:center;gap:5px;font-size:9.5px;line-height:1.8;display:flex}.overview-parallax .ci-check{color:var(--true-green,#5ae07a);flex-shrink:0;font-size:10px}.overview-parallax .ci-label{color:var(--text-muted,#6b5a4d)}.overview-parallax .ci-badge{border-radius:4px;align-items:center;gap:4px;margin-bottom:6px;padding:2px 8px;font-size:9px;font-weight:600;display:inline-flex}.overview-parallax .ci-badge--pass{color:var(--true-green,#5ae07a);background:#5ae07a1a;border:1px solid #5ae07a33}.overview-parallax .yaml-snippet{font-size:9.5px;line-height:1.7}.overview-parallax .yaml-key{color:var(--keyword-blue,#7aafff)}.overview-parallax .yaml-val{color:var(--string-amber,#ffb86c)}.overview-parallax .npm-cmd{color:var(--text-muted,#6b5a4d);word-break:break-all;font-size:10px;line-height:1.7}.overview-parallax .npm-prompt{color:var(--true-green,#5ae07a)}.overview-parallax .npm-pkg{color:var(--accent,#e446ff)}.overview-parallax .npm-result{color:var(--text-muted,#6b5a4d);opacity:.7;margin-top:6px;font-size:9px}.overview-parallax .codegen-flow{align-items:center;gap:6px;margin-bottom:4px;font-size:10px;display:flex}.overview-parallax .codegen-file{white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:9.5px}.overview-parallax .codegen-from{color:var(--accent,#e446ff);background:#e446ff1a;border:1px solid #e446ff26}.overview-parallax .codegen-to{color:var(--keyword-blue,#7aafff);background:#7aafff1a;border:1px solid #7aafff26}.overview-parallax .codegen-arrow{color:var(--text-muted,#6b5a4d);opacity:.5;font-size:14px}.overview-parallax .codegen-desc{color:var(--text-muted,#6b5a4d);opacity:.7;margin-top:4px;font-size:9px}.overview-parallax .diff-line{white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;line-height:1.7;overflow:hidden}.overview-parallax .diff-add{color:var(--true-green,#5ae07a)}.overview-parallax .diff-del{color:var(--false-red,#e05a5a);opacity:.7}.overview-parallax .diff-ctx{color:var(--text-muted,#6b5a4d);opacity:.5}.overview-parallax .diff-header{color:var(--text-muted,#6b5a4d);opacity:.5;margin-bottom:4px;font-size:9px}.overview-parallax .schema-line{align-items:center;gap:5px;font-size:9.5px;line-height:1.8;display:flex}.overview-parallax .schema-icon{flex-shrink:0;font-size:10px}.overview-parallax .schema-ok{color:var(--type-teal,#5ae0c2)}.overview-parallax .schema-label{color:var(--text-muted,#6b5a4d)}.overview-parallax .color-bleed{z-index:4;pointer-events:none;clip-path:circle(0% at 90% 10%);will-change:clip-path;backface-visibility:hidden;background:radial-gradient(circle at 90% 10%,#e446ff1f 0%,#e446ff0f 30%,#e446ff05 60%,#0000 80%);border-radius:20px;transition:clip-path .9s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:translateZ(61px)}.overview-parallax .card.state-peeked .color-bleed,.overview-parallax .card.state-developer .color-bleed{clip-path:circle(160% at 90% 10%)}@media (max-width:840px){.overview-parallax{padding:32px}.overview-parallax .scene{width:min(780px,100vw - 64px)}.overview-parallax .layer{padding:24px 24px 20px}.overview-parallax .separator-content{padding:12px 28px;font-size:12px}.overview-parallax .separator-content:before,.overview-parallax .separator-content:after{width:40px}.overview-parallax .toolchain-grid{gap:8px}.overview-parallax .tool-card{padding:10px}.overview-parallax .tool-card-body{font-size:9px}}@media (max-width:640px){.overview-parallax{border-radius:12px;padding:20px}.overview-parallax .scene{width:min(780px,100vw - 40px)}.overview-parallax .layer{border-radius:12px;padding:20px 16px 16px}.overview-parallax .separator-content{gap:6px;padding:10px 20px;font-size:10px}.overview-parallax .separator-content:before,.overview-parallax .separator-content:after{width:24px}.overview-parallax .toolchain-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);gap:6px}.overview-parallax .tool-card{gap:4px;padding:8px}.overview-parallax .tool-card-title{font-size:10px}.overview-parallax .tool-card-body{font-size:8px}.overview-parallax .tool-card-icon{width:22px;height:22px}.overview-parallax .tool-card-icon svg{width:12px;height:12px}}
.flow-svg .node-rect{rx:6;ry:6;fill:var(--node-fill,#2a1a14);stroke:var(--node-stroke,#3d2a22);stroke-width:1.2px;transition:fill .15s,stroke .15s}.flow-svg .node-label{fill:var(--text-primary,#f0e6df);text-anchor:middle;dominant-baseline:central;pointer-events:none;font-family:DM Sans,sans-serif;font-size:9.5px;font-weight:500}.flow-svg .node-type-badge{letter-spacing:.06em;text-transform:uppercase;text-anchor:middle;dominant-baseline:central;opacity:.6;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:5.5px;font-weight:500}.flow-svg .node-circle{fill:var(--node-fill,#2a1a14);stroke:var(--node-type-terminal,#3fdc77);stroke-width:1.2px}.flow-svg .edge{fill:none;stroke:var(--edge-stroke,#6b4d40);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .15s}.flow-svg .edge-label{fill:var(--edge-stroke,#6b5a4d);opacity:.7;font-family:JetBrains Mono,monospace;font-size:7px;font-weight:500}.flow-svg .lane-bg-rect{fill:#1a0f0a80;stroke:#3d2a224d;stroke-width:.5px}.flow-svg .lane-label{letter-spacing:.12em;text-transform:uppercase;fill:#a08b7a80;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:500}
.bridge-decision .arrow-line{stroke:var(--fg-muted);stroke-width:1.5px;opacity:.3;transition:opacity .4s,stroke .4s}.bridge-decision .arrow-head{fill:var(--fg-muted);opacity:.3;transition:opacity .4s,fill .4s}.bridge-decision .arrow-line.active{stroke:var(--accent);opacity:.8;filter:drop-shadow(0 0 4px #e446ff66)}.bridge-decision .arrow-head.active{fill:var(--accent);opacity:.8}.bridge-decision .flow-particle{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent),0 0 16px #e446ff66;opacity:0;pointer-events:none;border-radius:50%;position:absolute}.bridge-decision .flow-json--input{opacity:0;transform:translate(-20px)}.bridge-decision .flow-json--output{opacity:0;transform:translate(20px)}.bridge-decision .flow-json--active{border-color:#e446ff4d;box-shadow:0 0 20px #e446ff1a}.bridge-decision .flow-table tbody tr.row-match{box-shadow:inset 0 0 0 1px #e446ff40;background:#e446ff1a!important}.bridge-decision .flow-table tbody tr.row-match td{color:var(--fg)}.bridge-decision .flow-table tbody tr.row-dim td{opacity:.35}@keyframes bridge-decision-particle-flow{0%{opacity:0;left:0}10%{opacity:1}90%{opacity:1}to{opacity:0;left:calc(100% - 6px)}}
.bridge-simulation .view{padding:32px 32px 28px;transition:opacity .5s cubic-bezier(.23,1,.32,1),transform .5s cubic-bezier(.23,1,.32,1);position:absolute;top:0;left:0;right:0}.bridge-simulation .view--business{opacity:1;z-index:2;transform:translateY(0)}.bridge-simulation .view--developer{opacity:0;pointer-events:none;z-index:1;transform:translateY(12px)}.bridge-simulation.show-dev .view--business{opacity:0;pointer-events:none;transform:translateY(-12px)}.bridge-simulation.show-dev .view--developer{opacity:1;pointer-events:auto;z-index:2;transform:translateY(0)}.bridge-simulation .flow-svg .lane-bg-rect{fill:#e446ff08;stroke:#e446ff14;stroke-width:.5px}.bridge-simulation .flow-svg .lane-label{letter-spacing:.12em;text-transform:uppercase;fill:#a08b7a80;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500}.bridge-simulation .flow-svg .node-rect{rx:6;ry:6;fill:var(--node-fill);stroke:var(--node-stroke);stroke-width:1.2px;transition:stroke .5s,filter .5s,fill .5s}.bridge-simulation .flow-svg .node-circle{fill:var(--node-fill);stroke:var(--node-type-terminal);stroke-width:1.2px;transition:stroke .5s,filter .5s}.bridge-simulation .flow-svg .node-label{fill:var(--text-primary);text-anchor:middle;dominant-baseline:central;pointer-events:none;font-family:DM Sans,sans-serif;font-size:9.5px;font-weight:500;transition:fill .4s}.bridge-simulation .flow-svg .node-type-badge{letter-spacing:.06em;text-transform:uppercase;text-anchor:middle;dominant-baseline:central;pointer-events:none;opacity:.6;font-family:JetBrains Mono,monospace;font-size:5.5px;font-weight:500}.bridge-simulation .flow-svg .edge{fill:none;stroke:#6b4d40;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s,stroke-width .4s,filter .4s}.bridge-simulation .flow-svg .edge-label{fill:var(--text-muted);opacity:.7;font-family:JetBrains Mono,monospace;font-size:7.5px;font-weight:500}.bridge-simulation .ripple-circle{fill:none;stroke-width:1.5px;opacity:0;pointer-events:none}.bridge-simulation .data-tooltip{opacity:0;pointer-events:none;transition:opacity .3s}.bridge-simulation .data-tooltip rect{fill:#0d0805f2;stroke:#e446ff40;stroke-width:.7px;rx:5}.bridge-simulation .data-tooltip text{fill:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:6.5px}.bridge-simulation .data-tooltip .tt-key{fill:var(--keyword-blue)}.bridge-simulation .data-tooltip .tt-val{fill:var(--string-amber)}.bridge-simulation .data-tooltip .tt-arrow-label{fill:var(--text-muted);font-size:7px}.bridge-simulation .data-tooltip .tt-heading{fill:var(--text-primary);font-size:7px;font-weight:500}.bridge-simulation .data-tooltip.visible{opacity:1}.bridge-simulation .node-group.active .node-rect,.bridge-simulation .node-group.active .node-circle{fill:#3fdc7726;stroke:var(--node-type-terminal);filter:drop-shadow(0 0 8px #3fdc7766)}.bridge-simulation .node-group.active .node-label{fill:var(--node-type-terminal)}.bridge-simulation .node-group.active-error .node-rect,.bridge-simulation .node-group.active-error .node-circle{fill:#ff362b26;stroke:var(--error-red);filter:drop-shadow(0 0 12px #ff362b4d)}.bridge-simulation .node-group.active-error .node-label{fill:var(--error-red)}.bridge-simulation .node-group.debug-active .node-rect,.bridge-simulation .node-group.debug-active .node-circle{fill:#3fdc7738;stroke:var(--node-type-terminal);stroke-width:2px;filter:drop-shadow(0 0 12px #3fdc7780)drop-shadow(0 0 4px #3fdc774d)}.bridge-simulation .node-group.debug-active .node-label{fill:var(--node-type-terminal)}.bridge-simulation .node-group.visited .node-rect,.bridge-simulation .node-group.visited .node-circle{fill:#b4befe0f;stroke:#b4befe33;filter:none}.bridge-simulation .node-group.visited .node-label{fill:#b4befe80}.bridge-simulation .edge.active-edge{stroke:var(--node-type-terminal);stroke-width:1.8px;filter:drop-shadow(0 0 6px #3fdc7780)}.bridge-simulation .edge.visited-edge{stroke:#b4befe33;stroke-width:1.2px;filter:none}.bridge-simulation .edge.error-edge{stroke:var(--error-red);stroke-width:1.8px;filter:drop-shadow(0 0 6px #ff362b80)}.bridge-simulation .edge.error-visited-edge{stroke:#ff362b33;stroke-width:1.2px;filter:none}.bridge-simulation .edge.debug-edge{stroke:var(--node-type-terminal);stroke-width:2.2px;filter:drop-shadow(0 0 8px #3fdc7799)}.bridge-simulation .edge.debug-visited-edge{stroke:#b4befe33;stroke-width:1.2px;filter:none}.bridge-simulation .step-controls{display:none}.bridge-simulation .step-controls.visible{display:flex}.bridge-simulation .scenario-label{display:none}.bridge-simulation .scenario-label.visible{display:block}.bridge-simulation .scenario-label.scenario-a{color:var(--node-type-terminal);background:#3fdc771a;border:1px solid #3fdc7740}.bridge-simulation .scenario-label.scenario-b{color:var(--error-red);background:#ff362b1a;border:1px solid #ff362b40}.bridge-simulation .error-tooltip{opacity:0;pointer-events:none;transition:opacity .4s}.bridge-simulation .error-tooltip.visible{opacity:1}.bridge-simulation .error-tooltip rect{fill:#0d0805f2;stroke:#ff362b66;stroke-width:.8px;rx:5}.bridge-simulation .error-tooltip text{fill:var(--error-red);font-family:JetBrains Mono,monospace;font-size:7.5px;font-weight:500}.bridge-simulation .error-tooltip .tt-icon{fill:var(--error-red);font-size:9px;font-weight:700}.bridge-simulation .term-line{opacity:0;white-space:nowrap;transition:opacity .3s,transform .3s;transform:translateY(4px)}.bridge-simulation .term-line.revealed{opacity:1;transform:translateY(0)}.bridge-simulation .term-cmd{color:var(--text-secondary)}.bridge-simulation .term-prompt{color:var(--true-green)}.bridge-simulation .term-file{color:var(--accent)}.bridge-simulation .term-check{color:var(--true-green)}.bridge-simulation .term-node-name{color:var(--text-primary);min-width:130px;display:inline-block}.bridge-simulation .term-timing{color:var(--text-muted)}.bridge-simulation .term-route{color:var(--node-type-switch)}.bridge-simulation .term-blank{height:1.9em}.bridge-simulation .term-summary{color:var(--true-green);font-weight:500}.bridge-simulation .term-cursor{background:var(--text-primary);opacity:.7;vertical-align:middle;width:7px;height:14px;margin-left:2px;animation:1s step-end infinite bridge-sim-blink-cursor;display:inline-block}@keyframes bridge-sim-blink-cursor{50%{opacity:0}}.bridge-simulation .status-dot{animation:2s ease-in-out infinite bridge-sim-pulse-dot}.bridge-simulation .status-dot.paused{background:var(--string-amber);animation:none}.bridge-simulation .status-dot.error{background:var(--error-red);animation:1s ease-in-out infinite bridge-sim-pulse-dot-red}@keyframes bridge-sim-pulse-dot{0%,to{opacity:.5}50%{opacity:1;box-shadow:0 0 6px #5ae07a80}}@keyframes bridge-sim-pulse-dot-red{0%,to{opacity:.5}50%{opacity:1;box-shadow:0 0 6px #ff362b80}}@keyframes bridge-sim-ripple-expand{0%{r:4;opacity:.7;stroke-width:2px}60%{opacity:.3}to{r:38;opacity:0;stroke-width:.3px}}@keyframes bridge-sim-debug-pulse{0%,to{stroke-width:2px;filter:drop-shadow(0 0 10px #3fdc7780)}50%{stroke-width:2.5px;filter:drop-shadow(0 0 16px #3fdc77b3)}}.bridge-simulation .node-group.debug-active .node-rect,.bridge-simulation .node-group.debug-active .node-circle{animation:1.5s ease-in-out infinite bridge-sim-debug-pulse}@keyframes bridge-sim-error-pulse{0%,to{stroke-width:2px;filter:drop-shadow(0 0 10px #ff362b4d)}50%{stroke-width:2.5px;filter:drop-shadow(0 0 18px #ff362b99)}}.bridge-simulation .node-group.active-error .node-rect,.bridge-simulation .node-group.active-error .node-circle{animation:1s ease-in-out infinite bridge-sim-error-pulse}@keyframes bridge-sim-node-appear{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes bridge-sim-new-node-glow{0%,to{filter:drop-shadow(0 0 8px #3fdc7766)}50%{filter:drop-shadow(0 0 16px #3fdc77b3)}}.bridge-simulation .flow-svg{display:none}.bridge-simulation .flow-svg.active-svg{display:block}@media (max-width:840px){.bridge-simulation .view{padding:24px 24px 20px}}@media (max-width:640px){.bridge-simulation .view{padding:20px 16px 16px}.bridge-simulation .term-node-name{min-width:100px}}
.bridge-versioning .flow-svg{aspect-ratio:716/420;width:min(716px,100%);height:auto}.bridge-versioning .lane-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;fill:var(--text-muted);font-size:9px;font-weight:500}.bridge-versioning .lane-sep{stroke:var(--node-stroke);stroke-width:1px;stroke-dasharray:4 4;opacity:.4}.bridge-versioning .node-group{transition:transform .9s var(--ease-out-expo),opacity .7s var(--ease-out-expo)}.bridge-versioning .node-rect{rx:6;ry:6;fill:var(--node-fill);stroke:var(--node-stroke);stroke-width:1.2px;transition:stroke .5s,filter .5s,fill .5s}.bridge-versioning .node-label{font-family:var(--font-sans);fill:var(--text-primary);text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:9.5px;font-weight:500;transition:opacity .4s}.bridge-versioning .node-type-badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;text-anchor:middle;dominant-baseline:central;pointer-events:none;opacity:.6;font-size:5.5px;font-weight:500}.bridge-versioning .node-circle{fill:var(--node-fill);stroke:var(--node-type-terminal);stroke-width:1.2px;transition:stroke .5s,filter .5s}.bridge-versioning .edge{fill:none;stroke:var(--edge-color,#6b4d40);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;marker-end:url(#bv-arrowhead);transition:d .9s var(--ease-out-expo),opacity .7s var(--ease-out-expo),stroke .5s}.bridge-versioning .node-added .node-rect{stroke:var(--node-type-terminal);filter:drop-shadow(0 0 8px var(--green-glow))drop-shadow(0 0 16px var(--green-glow))}.bridge-versioning .node-changed .node-rect{stroke:var(--node-type-action);filter:drop-shadow(0 0 8px var(--amber-glow))drop-shadow(0 0 16px var(--amber-glow))}.bridge-versioning .node-entering{opacity:0;transform-origin:50%;transform:scale(.5)}.bridge-versioning .node-entering.visible{opacity:1;transform:scale(1)}.bridge-versioning .node-hidden{opacity:0;transform-origin:50%;transform:scale(.5)}.bridge-versioning .edge-entering{opacity:0}.bridge-versioning .edge-entering.visible{opacity:1}.bridge-versioning .edge-hidden{opacity:0}.bridge-versioning .change-badge{font-family:var(--font-mono);text-anchor:middle;dominant-baseline:central;opacity:0;font-size:7px;font-weight:500;transition:opacity .5s}.bridge-versioning .show-changes .change-badge{opacity:1}
.tryit{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}.tryit-intro{text-align:center;margin-bottom:40px}.tryit-title{font-family:var(--font-serif);color:var(--foreground);margin:0 0 12px;font-size:32px;font-weight:400}.tryit-description{font-family:var(--font-sans);color:var(--text-muted);max-width:600px;margin:0 auto;font-size:15px;line-height:1.6}.tryit-description code{font-family:var(--font-mono);background:var(--code-bg);color:var(--string-amber);border-radius:4px;padding:2px 6px;font-size:13px}.template-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;display:grid}.template-card{background:var(--card);border:1px solid var(--surface-border);cursor:pointer;text-align:left;font:inherit;color:inherit;border-radius:12px;flex-direction:column;padding:0;transition:border-color .25s,box-shadow .25s,transform .2s;display:flex;overflow:hidden}.template-card:hover{border-color:#e446ff40;transform:translateY(-2px);box-shadow:0 0 20px #e446ff14}.template-card.selected{border-color:#e446ff80;box-shadow:0 0 24px #e446ff26,0 0 0 1px #e446ff33}.template-preview{background:#1a0f0a66;height:140px;overflow:hidden}.template-body{flex-direction:column;flex:1;padding:16px;display:flex}.template-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.template-title{font-family:var(--font-serif);color:var(--foreground);margin:0;font-size:18px;font-weight:400}.template-badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:500}.badge-showcase{color:#e446ff;background:#e446ff1f}.badge-advanced{color:#ff9243;background:#ff92431f}.template-description{font-family:var(--font-sans);color:var(--text-muted);flex:1;margin:0 0 12px;font-size:13px;line-height:1.5}.template-meta{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:8px;font-size:11px;display:flex}.meta-dot{background:var(--text-muted);opacity:.4;border-radius:50%;width:3px;height:3px}.template-expanded{background:var(--card);border:1px solid var(--surface-border);opacity:0;border-radius:16px;max-height:0;margin-top:0;margin-bottom:40px;transition:max-height .4s,opacity .3s,margin .3s;overflow:hidden}.template-expanded.visible{opacity:1;max-height:600px;margin-top:0}.expanded-header{padding:24px 28px 0}.expanded-title-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.expanded-title{font-family:var(--font-serif);color:var(--foreground);margin:0;font-size:24px;font-weight:400}.expanded-description{font-family:var(--font-sans);color:var(--text-muted);max-width:700px;margin:0;font-size:14px;line-height:1.5}.expanded-content{gap:0;padding:20px 28px 28px;display:flex}.expanded-preview{background:#11090499;border:1px solid #3d2a224d;border-radius:10px;flex:1;min-height:280px;overflow:hidden}.expanded-sidebar{flex-direction:column;flex-shrink:0;gap:20px;width:220px;padding-left:24px;display:flex}.sidebar-section{flex-direction:column;gap:8px;display:flex}.sidebar-heading{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);opacity:.7;margin:0;font-size:10px;font-weight:500}.lane-list,.type-list{flex-direction:column;gap:6px;display:flex}.lane-item,.type-item{font-family:var(--font-sans);color:#a89585;align-items:center;gap:8px;font-size:12px;display:flex}.lane-dot,.type-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.lane-name,.type-label{flex:1}.type-count{font-family:var(--font-mono);color:var(--text-muted);opacity:.6;font-size:11px}.install-snippet{background:var(--code-bg);border:1px solid #3d2a2266;border-radius:6px;padding:10px 12px;overflow-x:auto}.install-snippet code{font-family:var(--font-mono);color:var(--string-amber);white-space:nowrap;font-size:11px}.tryit-ctas{justify-content:center;gap:16px;display:flex}.cta-primary{font-family:var(--font-sans);color:#110904;background:#e446ff;border-radius:8px;align-items:center;padding:12px 32px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s,box-shadow .2s,transform .15s;display:inline-flex}.cta-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 0 24px #e446ff59}.cta-disabled{opacity:.5;cursor:not-allowed}.cta-secondary{font-family:var(--font-sans);color:var(--foreground);border:1px solid var(--surface-border);background:0 0;border-radius:8px;align-items:center;padding:12px 32px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .2s,transform .15s;display:inline-flex}.cta-secondary:hover{border-color:#e446ff4d;transform:translateY(-1px)}@media (max-width:900px){.template-grid{grid-template-columns:1fr}.expanded-content{flex-direction:column}.expanded-sidebar{flex-flow:wrap;gap:24px;width:100%;padding-top:20px;padding-left:0}.sidebar-section{flex:1;min-width:140px}}