%%{init: {"theme": "base", "themeVariables": {"primaryColor": "#1B1B1B", "primaryBorderColor": "#D6002A", "primaryTextColor": "#fff", "secondaryColor": "#fff", "secondaryBorderColor": "#D6002A", "secondaryTextColor": "#1B1B1B", "tertiaryColor": "#F0F0F0", "clusterBkg": "#F0F0F0", "lineColor": "#1B1B1B", "fontFamily": "\"Akkurat Pro\", \"Helvetica Neue\", \"Arial\", sans-serif"}}}%%

flowchart LR
    subgraph ROW1 [" "]
        direction LR
        A["Cognitive load\nauthoring infra correctly"]
        B["Operational work\nmerged → running"]
    end
    subgraph ROW2 [" "]
        direction LR
        C["Red tape\ntickets, approvals, handoffs"]
        D["Scalability\nthroughput without headcount"]
    end
    A ~~~ B
    C ~~~ D
    A ~~~ C
    B ~~~ D
classDef accent fill:#1B1B1B,color:#fff,stroke:#D6002A,stroke-width:2px
class A,B,C,D accent