.wb-card-icon,.wb-card-icon-dark{width:2rem;height:2rem;color:var(--brand);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:.75rem;display:inline-flex}.wb-card-icon{border:1px solid var(--line)}.wb-card-icon-dark{border:1px solid var(--dark-border,#ffffff1a)}.wb-hero-grid{position:relative}.wb-hero-grid:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,var(--line)1px,transparent 1px);opacity:.12;background-size:28px 28px;position:absolute;inset:0}.wb-hero-grid>*{z-index:1;position:relative}.wb-canvas-mock{border:1px solid var(--line);background:var(--surface-subtle);border-radius:0;width:100%;position:relative;overflow:hidden}.wb-canvas-mock:before{content:"";pointer-events:none;background:radial-gradient(circle,var(--line)1px,transparent 1px);opacity:.5;background-size:24px 24px;position:absolute;inset:0}.wb-canvas-title{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-secondary);background:var(--background);border-bottom:1px solid var(--line);padding:.75rem 1.05rem;font-size:.68rem;font-weight:600;position:relative}.wb-canvas-flow{flex-direction:column;gap:.75rem;min-height:180px;padding:1.05rem;display:flex;position:relative}.wb-canvas-meta{font-family:var(--font-mono);color:var(--foreground-secondary);border-top:1px solid var(--line);background:var(--background);gap:1rem;padding:.75rem 1.05rem;font-size:.72rem;display:flex;position:relative}.wb-canvas-meta span{white-space:nowrap}.wb-canvas-meta span:not(:last-child):after{content:"·";color:var(--line-strong);margin-left:1rem}.wb-canvas-row{justify-content:center;gap:.75rem;display:flex;position:relative}.wb-node{border:1px solid var(--line-strong);background:var(--background);font-family:var(--font-mono);color:var(--foreground);white-space:nowrap;border-radius:0;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.72rem;font-weight:500;transition:transform .15s cubic-bezier(.25,1,.5,1),box-shadow .15s cubic-bezier(.25,1,.5,1);display:inline-flex;position:relative}.wb-node:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.wb-node:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.wb-node--trigger:before{background:var(--status-green)}.wb-node--condition:before{background:var(--status-warning)}.wb-node--action:before{background:var(--brand)}.wb-node--approval:before{background:var(--status-warning)}.wb-node--escalate:before{background:var(--status-error)}.wb-node--update:before{background:var(--brand)}.wb-canvas-connector{text-align:center;font-family:var(--font-mono);color:var(--foreground-secondary);padding:.5rem 0;font-size:.72rem;line-height:1;position:relative}.wb-canvas-connector:before{content:"";background:repeating-linear-gradient(180deg,var(--line-strong)0,var(--line-strong)4px,transparent 4px,transparent 8px);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:50%}.wb-split-panel{border-top:1px solid var(--line);border-radius:0;grid-template-columns:1fr 1fr;margin-top:2rem;display:grid;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008}.wb-split-text{border-right:1px solid var(--line);flex-direction:column;gap:1rem;padding:2.5rem;display:flex}.wb-split-text p{color:var(--foreground-secondary);font-size:.95rem;line-height:1.55}.wb-split-text a{color:var(--brand);margin-top:auto;font-size:.93rem;font-weight:500}.wb-split-visual{background:var(--surface-subtle);flex-direction:column;gap:0;padding:2.5rem;display:flex}.wb-flow-display-title{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-secondary);border-bottom:1px solid var(--line);margin-bottom:1rem;padding-bottom:.75rem;font-size:.72rem;font-weight:600}.wb-flow-row{grid-template-columns:auto auto 1fr auto;align-items:center;gap:.75rem;padding:.75rem 0;display:grid}.wb-flow-row:not(:last-child){border-bottom:1px solid var(--line)}.wb-flow-number{font-family:var(--font-mono);color:var(--foreground-secondary);font-size:.78rem;font-weight:400}.wb-flow-type{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:0;padding:.25rem .5rem;font-size:.68rem;font-weight:600}.wb-flow-type--trigger{color:var(--status-green);background:#16a34a14}.wb-flow-type--condition{color:var(--status-warning);background:#d9770614}.wb-flow-type--action{color:var(--brand);background:var(--brand-soft)}.wb-flow-type--escalate{color:var(--status-error);background:#dc262614}.wb-flow-label{color:var(--foreground);font-size:.88rem;font-weight:500}.wb-flow-system{font-family:var(--font-mono);color:var(--foreground-secondary);text-align:right;font-size:.74rem}.wb-flow-connector{background:repeating-linear-gradient(90deg,var(--line)0,var(--line)6px,transparent 6px,transparent 12px);grid-column:1/-1;height:1px;margin:.5rem 0}.wb-grid-bg{position:relative}.wb-grid-bg:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,var(--line)1px,transparent 1px);opacity:.35;background-size:28px 28px;position:absolute;inset:0}.wb-grid-bg>*{z-index:1;position:relative}.wb-reasoning-panel{border-top:1px solid var(--line);border-radius:0;margin-top:2rem;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008}.wb-reasoning-header{background:var(--surface-subtle);border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:1.05rem;display:flex}.wb-reasoning-type{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--status-warning);white-space:nowrap;background:#d9770614;border:1px solid #d9770633;border-radius:0;padding:.3rem .5rem;font-size:.68rem;font-weight:600}.wb-reasoning-title{color:var(--foreground);font-size:1rem;font-weight:500}.wb-reasoning-body{grid-template-columns:1.2fr .8fr;display:grid}.wb-reasoning-logic{border-right:1px solid var(--line);padding:2.5rem}.wb-reasoning-meta{background:var(--surface-subtle);flex-direction:column;gap:0;padding:2.5rem;display:flex}.wb-reasoning-section-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground);margin-bottom:.75rem;font-size:.68rem;font-weight:600}.wb-reasoning-context-item{color:var(--foreground-secondary);padding-left:1rem;font-size:.88rem;line-height:1.5;position:relative}.wb-reasoning-context-item:before{content:"—";color:var(--line-strong);position:absolute;left:0}.wb-reasoning-context-item:not(:last-child){margin-bottom:.5rem}.wb-reasoning-divider{background:var(--line);height:1px;margin:1rem 0}.wb-reasoning-condition{flex-direction:column;gap:.75rem;display:flex}.wb-reasoning-condition-label{font-family:var(--font-mono);color:var(--foreground);font-size:.82rem;font-weight:500}.wb-reasoning-path{color:var(--foreground-secondary);border-left:3px solid #0000;padding:.75rem 1rem;font-size:.88rem;line-height:1.5}.wb-reasoning-path--true{border-left-color:var(--status-green);background:#16a34a0a}.wb-reasoning-path--false{border-left-color:var(--line-strong);background:var(--background)}.wb-reasoning-meta-row{grid-template-columns:auto 1fr;align-items:center;gap:.75rem;padding:.75rem 0;display:grid}.wb-reasoning-meta-row:not(:last-child){border-bottom:1px solid var(--line)}.wb-reasoning-meta-key{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-secondary);font-size:.68rem;font-weight:600}.wb-reasoning-meta-value{font-family:var(--font-mono);color:var(--foreground);text-align:right;font-size:1.04rem;font-weight:500}.wb-control-grid{border:1px solid var(--line);counter-reset:wb-control;border-radius:0;grid-template-columns:repeat(3,1fr);gap:0;margin-top:2rem;display:grid;position:relative}.wb-control-cell{counter-increment:wb-control;padding:2.5rem;transition:background .18s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}.wb-control-cell:hover{background:var(--surface-subtle)}.wb-control-cell:not(:last-child){border-right:1px solid var(--line)}.wb-control-cell:before{content:counter(wb-control,decimal-leading-zero);font-family:var(--font-mono);color:var(--line);opacity:.5;pointer-events:none;font-size:clamp(3.5rem,6vw,5rem);font-weight:200;line-height:1;position:absolute;top:-.15em;right:.75rem}.wb-control-type{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:0;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.3rem .5rem;font-size:.68rem;font-weight:600;display:inline-flex}.wb-control-type--branching{color:var(--brand);background:var(--brand-soft);border:1px solid #3f5bff33}.wb-control-type--approval{color:var(--status-warning);background:#d9770614;border:1px solid #d9770633}.wb-control-type--error{color:var(--status-error);background:#dc262614;border:1px solid #dc262633}.wb-control-label{color:var(--foreground);margin-bottom:.75rem;font-size:1.04rem;font-weight:500}.wb-control-desc{color:var(--foreground-secondary);margin-bottom:1rem;font-size:.86rem;line-height:1.5}.wb-micro-flow{border-left:2px solid var(--brand);flex-wrap:wrap;align-items:center;gap:.5rem;padding-left:.75rem;display:flex}.wb-micro-flow-node{font-family:var(--font-mono);color:var(--foreground-secondary);border:1px solid var(--line);background:var(--surface-subtle);white-space:nowrap;border-radius:0;padding:.25rem .5rem;font-size:.68rem;font-weight:500}.wb-micro-flow-arrow{font-family:var(--font-mono);color:var(--line-strong);font-size:.72rem}.wb-control-connector{align-items:center;gap:.75rem;margin-top:1.5rem;padding:0 1rem;display:flex}.wb-control-connector:before,.wb-control-connector:after{content:"";background:repeating-linear-gradient(90deg,var(--line-strong)0,var(--line-strong)6px,transparent 6px,transparent 12px);flex:1;height:1px}.wb-control-connector span{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-secondary);white-space:nowrap;font-size:.72rem;font-weight:500}.wb-arch-stack{border:1px solid var(--line);border-radius:0;margin-top:2rem;overflow:hidden}.wb-arch-layer:not(:last-child){border-bottom:1px solid var(--line)}.wb-arch-layer-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-secondary);background:var(--surface-subtle);border-bottom:1px solid var(--line);padding:.75rem 1.05rem;font-size:.72rem;font-weight:600}.wb-arch-layer--nodes .wb-arch-layer-label{border-left:3px solid var(--brand)}.wb-arch-layer--protocol .wb-arch-layer-label{border-left:3px solid var(--status-green)}.wb-arch-layer--systems .wb-arch-layer-label{border-left:3px solid var(--status-warning)}.wb-arch-layer-cells{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.wb-arch-cell{color:var(--foreground);padding:1.05rem;font-size:.92rem;font-weight:500;transition:background .15s cubic-bezier(.25,1,.5,1)}.wb-arch-cell:hover{background:var(--surface-subtle)}.wb-arch-cell:not(:last-child){border-right:1px solid var(--line)}.wb-arch-divider{align-items:center;gap:.75rem;margin:1rem 0;padding:0 1rem;display:flex}.wb-arch-divider:before,.wb-arch-divider:after{content:"";background:repeating-linear-gradient(90deg,var(--line-strong)0,var(--line-strong)6px,transparent 6px,transparent 12px);flex:1;height:1px}.wb-arch-divider span{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-secondary);white-space:nowrap;font-size:.72rem;font-weight:500}.wb-connector-badges{padding-inline:1rem;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;padding-bottom:1rem;display:flex}.wb-connector-badges span{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-secondary);border:1px solid var(--line);border-radius:0;padding:.5rem 1rem;font-size:.74rem;font-weight:600;transition:border-color .15s cubic-bezier(.25,1,.5,1),color .15s cubic-bezier(.25,1,.5,1)}.wb-connector-badges span:hover{border-color:var(--line-strong);color:var(--foreground)}.wb-monitor-grid{border:1px solid var(--dark-border,#ffffff1a);border-radius:0;grid-template-columns:repeat(4,1fr);gap:0;margin-top:2rem;display:grid}.wb-monitor-cell{padding:2.5rem;transition:background .18s cubic-bezier(.25,1,.5,1)}.wb-monitor-cell:hover{background:#3f5bff0f}.wb-monitor-cell:not(:last-child){border-right:1px solid var(--dark-border,#ffffff1a)}.wb-monitor-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;border-bottom:1px solid var(--dark-border,#ffffff1a);margin-bottom:.75rem;padding-bottom:.75rem;font-size:.72rem;font-weight:600}.wb-monitor-value{font-family:var(--font-mono);letter-spacing:-.03em;color:var(--primary-foreground);margin-bottom:.75rem;font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:400}.wb-monitor-desc{color:#ffffffa6;font-size:.84rem;line-height:1.5}.wb-monitor-connector{align-items:center;gap:.75rem;margin:2rem 1rem;padding:0;display:flex}.wb-monitor-connector:before,.wb-monitor-connector:after{content:"";background:repeating-linear-gradient(90deg,#ffffff26 0 6px,#0000 6px 12px);flex:1;height:1px}.wb-monitor-connector span{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffff59;white-space:nowrap;font-size:.72rem;font-weight:500}.wb-pipeline{border:1px solid var(--dark-border,#ffffff1a);counter-reset:wb-pipe;border-radius:0;grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:relative}.wb-pipeline-step{counter-increment:wb-pipe;padding:2.5rem;transition:background .18s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}.wb-pipeline-step:hover{background:#3f5bff0f}.wb-pipeline-step:not(:last-child){border-right:1px solid var(--dark-border,#ffffff1a)}.wb-pipeline-step:before{content:counter(wb-pipe,decimal-leading-zero);font-family:var(--font-mono);color:#ffffff0f;pointer-events:none;font-size:clamp(3rem,5vw,4.5rem);font-weight:200;line-height:1;position:absolute;top:-.15em;right:.75rem}.wb-pipeline-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--primary-foreground);border-bottom:1px solid var(--dark-border,#ffffff1a);margin-bottom:.75rem;padding-bottom:.75rem;font-size:.74rem;font-weight:600}.wb-pipeline-desc{color:#ffffffa6;font-size:.86rem;line-height:1.5}.wb-pipeline-connector{align-items:center;gap:.75rem;margin-top:1rem;padding:0 1rem;display:flex}.wb-pipeline-connector:before,.wb-pipeline-connector:after{content:"";background:repeating-linear-gradient(90deg,#ffffff26 0 6px,#0000 6px 12px);flex:1;height:1px}.wb-pipeline-connector span{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffff59;white-space:nowrap;font-size:.72rem;font-weight:500}@media (max-width:1100px){.wb-split-panel{grid-template-columns:1fr}.wb-split-text{border-right:none;border-bottom:1px solid var(--line)}.wb-reasoning-body{grid-template-columns:1fr}.wb-reasoning-logic{border-right:none;border-bottom:1px solid var(--line)}.wb-arch-layer-cells{grid-template-columns:repeat(2,1fr)}.wb-arch-cell:nth-child(2n){border-right:none}.wb-arch-cell:not(:nth-last-child(-n+2)){border-bottom:1px solid var(--line)}.wb-monitor-grid{grid-template-columns:repeat(2,1fr)}.wb-monitor-cell:nth-child(2n){border-right:none}.wb-monitor-cell:not(:nth-last-child(-n+2)){border-bottom:1px solid var(--dark-border,#ffffff1a)}.wb-pipeline{grid-template-columns:repeat(2,1fr)}.wb-pipeline-step:nth-child(2n){border-right:none}.wb-pipeline-step:not(:nth-last-child(-n+2)){border-bottom:1px solid var(--dark-border,#ffffff1a)}}@media (max-width:760px){.wb-canvas-flow{min-height:auto;padding:.75rem}.wb-canvas-row{flex-wrap:wrap;gap:.5rem}.wb-node{padding:.375rem .5rem;font-size:.66rem}.wb-split-panel{grid-template-columns:1fr}.wb-split-text{border-right:none;border-bottom:1px solid var(--line)}.wb-reasoning-body{grid-template-columns:1fr}.wb-reasoning-logic{border-right:none;border-bottom:1px solid var(--line)}.wb-control-grid{grid-template-columns:1fr}.wb-control-cell{border-right:none!important}.wb-control-cell:not(:last-child){border-bottom:1px solid var(--line)}.wb-arch-layer-cells{grid-template-columns:1fr}.wb-arch-cell{border-right:none!important}.wb-arch-cell:not(:last-child){border-bottom:1px solid var(--line)}.wb-monitor-grid{grid-template-columns:1fr}.wb-monitor-cell{border-right:none!important}.wb-monitor-cell:not(:last-child){border-bottom:1px solid var(--dark-border,#ffffff1a)}.wb-pipeline{grid-template-columns:1fr}.wb-pipeline-step{border-right:none!important}.wb-pipeline-step:not(:last-child){border-bottom:1px solid var(--dark-border,#ffffff1a)}.wb-micro-flow{display:none}.wb-connector-badges{gap:.5rem}}