.diagram{--diagram-text:var(--ink);--diagram-muted:var(--ink-2);--diagram-line:#a3b0aa;--diagram-accent:var(--lime-ink);color:var(--diagram-text);margin:32px 0 0}.diagram--dark{--diagram-text:#fff;--diagram-muted:#bdcbd7;--diagram-line:#73869a;--diagram-accent:var(--lime)}.diagram-caption{max-width:760px;margin-bottom:28px}.diagram-caption h3{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(20px,1.8vw,24px);line-height:1.25}.diagram-caption p{color:var(--diagram-muted);margin:0;font-size:16px;line-height:1.65}.diagram-eyebrow{color:var(--diagram-accent);margin-bottom:10px;font-family:DM Mono,monospace;font-size:12px;display:block}.diagram ol,.diagram ul{margin:0;padding:0;list-style:none}.process-flow,.architecture-flow{gap:28px;display:grid}.process-node,.architecture-node{border-top:2px solid var(--diagram-line);min-width:0;padding:20px 0 0;position:relative}.diagram-number{color:var(--diagram-accent);margin-bottom:18px;font-family:DM Mono,monospace;font-size:12px;display:block}.process-node strong,.architecture-node>strong{font-size:17px;font-weight:800;line-height:1.5}.process-node p{color:var(--diagram-muted);margin:8px 0 0;font-size:15px;line-height:1.6}.diagram-connector{color:var(--diagram-accent);flex-shrink:0}.process-node>.diagram-connector,.architecture-node>.diagram-connector{position:absolute;top:19px;right:-26px}.process-node:last-child{border-color:var(--diagram-accent)}.architecture-node>ul{color:var(--diagram-muted);gap:10px;margin-top:18px;font-size:15px;line-height:1.5;display:grid}.architecture-node>ul>li{border-bottom:1px solid var(--diagram-line);padding:8px 0}.diagram--featured{border-top:1px solid var(--diagram-line);padding-top:32px}.diagram--featured .process-flow,.diagram--vertical .process-flow,.diagram--vertical .architecture-flow{gap:0;grid-template-columns:1fr!important}.diagram--featured .process-node{border-top:0;border-bottom:1px solid var(--diagram-line);grid-template-columns:44px minmax(0,1fr);gap:20px;padding:24px 0 32px;display:grid}.diagram--featured .process-node-copy{grid-template-columns:minmax(140px,.6fr) 1fr;align-items:baseline;gap:24px;display:grid}.diagram--featured .process-node strong{letter-spacing:-.7px;font-size:clamp(22px,2.4vw,32px)}.diagram--featured .process-node p{margin:0;font-size:16px}.diagram--featured .diagram-number{margin:8px 0 0}.diagram--featured .process-node>.diagram-connector{top:auto;bottom:4px;left:4px;transform:rotate(90deg)}.diagram--vertical:not(.diagram--featured) .process-node,.diagram--vertical .architecture-node{border-top:0;border-left:2px solid var(--diagram-line);padding:0 0 36px 28px}.diagram--vertical .process-node:last-child,.diagram--vertical .architecture-node:last-child{padding-bottom:0}.diagram--vertical:not(.diagram--featured) .process-node>.diagram-connector,.diagram--vertical .architecture-node>.diagram-connector{top:auto;bottom:6px;left:24px;transform:rotate(90deg)}.problem-solution-map>li{border-top:1px solid var(--diagram-line);grid-template-columns:1fr 32px 1fr;align-items:center;gap:20px;padding:22px 0;display:grid}.problem-solution-map small{color:var(--diagram-muted);margin-bottom:6px;font-size:13px;font-weight:700;line-height:1.5;display:block}.problem-solution-map strong{font-size:17px;line-height:1.5}.map-solution strong{color:var(--diagram-accent)}@media (width<=1000px){.diagram .process-flow,.diagram .architecture-flow{gap:0;grid-template-columns:1fr!important}.diagram:not(.diagram--featured) .process-node,.diagram .architecture-node{border-top:0;border-left:2px solid var(--diagram-line);padding:0 0 38px 28px}.diagram:not(.diagram--featured) .process-node:last-child,.diagram .architecture-node:last-child{padding-bottom:0}.diagram:not(.diagram--featured) .process-node>.diagram-connector,.diagram .architecture-node>.diagram-connector{top:auto;bottom:7px;left:24px;transform:rotate(90deg)}.diagram-number{margin-bottom:6px}}@media (width<=600px){.diagram--featured .process-node{grid-template-columns:30px minmax(0,1fr);gap:12px}.diagram--featured .process-node-copy{display:block}.diagram--featured .process-node p{margin-top:8px;font-size:15px}.problem-solution-map>li{grid-template-columns:1fr;gap:12px;padding:24px 0}.problem-solution-map .diagram-connector{transform:rotate(90deg)}.map-solution{border-left:2px solid var(--diagram-accent);padding-left:20px}}@media (prefers-reduced-motion:reduce){.diagram *,.diagram :before,.diagram :after{transition:none!important;animation:none!important}}
