%%{init: {
  'theme': 'base',
  'themeVariables': {
    'primaryColor': '#0b1220',
    'primaryTextColor': '#e5e7eb',
    'lineColor': '#475569',
    'fontFamily': 'Inter, ui-sans-serif, system-ui',
    'fontSize': '14px'
  },
  'flowchart': { 'curve': 'basis', 'nodeSpacing': 55, 'rankSpacing': 70 }
}}%%

flowchart TB

%% =========================
%% CARD STYLES (dark dashboard)
%% =========================
classDef card fill:#0f172a,stroke:#334155,stroke-width:1.5px,color:#e5e7eb,rx:14,ry:14;
classDef topcard fill:#111827,stroke:#f59e0b,stroke-width:2.5px,color:#fff,rx:16,ry:16;
classDef midcard fill:#0b2a4a,stroke:#22c55e,stroke-width:2.5px,color:#e0f2fe,rx:16,ry:16;
classDef exec fill:#0f172a,stroke:#94a3b8,stroke-width:2px,color:#fff,rx:16,ry:16;
classDef section fill:#0b1220,stroke:#1f2937,stroke-width:1.2px,color:#cbd5e1,rx:12,ry:12;
classDef agent fill:#0b1220,stroke:#475569,stroke-width:1.2px,color:#e5e7eb,rx:10,ry:10;

%% Accent colors per executive (like your screenshot)
classDef cto fill:#0f172a,stroke:#3b82f6,stroke-width:2.5px,color:#e0f2fe,rx:16,ry:16;
classDef cmo fill:#0f172a,stroke:#f59e0b,stroke-width:2.5px,color:#ffedd5,rx:16,ry:16;
classDef cro fill:#0f172a,stroke:#22c55e,stroke-width:2.5px,color:#dcfce7,rx:16,ry:16;

%% Tags (Active / Model)
classDef tagActive fill:#052e1a,stroke:#22c55e,stroke-width:1px,color:#dcfce7,rx:8,ry:8;
classDef tagModel fill:#1e1b4b,stroke:#818cf8,stroke-width:1px,color:#e0eaff,rx:8,ry:8;

%% =========================
%% TOP: CEO -> COO
%% =========================
CEO["<b>CEO</b><br/>Marcelo Oliveira<br/><span style='font-size:12px; color:#cbd5e1'>Vision • Strategy • Final Decisions</span>"]:::topcard
COO["<b>COO</b><br/>Muddy<br/><span style='font-size:12px; color:#cbd5e1'>Research • Delegation • Execution • Orchestration</span>"]:::midcard

CEO --> COO

%% =========================
%% ROW: CTO | CMO | CRO
%% =========================
subgraph EXEC_ROW[" "]
  direction LR

  CTO["<b>CTO</b><br/>Elon<br/><span style='font-size:12px; color:#cbd5e1'>Architecture • Code quality • Infra • Security</span>"]:::cto
  CMO["<b>CMO</b><br/>Gary<br/><span style='font-size:12px; color:#cbd5e1'>Content strategy • Brand voice • Distribution</span>"]:::cmo
  CRO["<b>CRO</b><br/>Warren<br/><span style='font-size:12px; color:#cbd5e1'>Revenue ops • Growth metrics • Community health</span>"]:::cro
end

COO --> CTO
COO --> CMO
COO --> CRO

%% =========================
%% CTO SECTIONS + AGENTS
%% =========================
subgraph CTO_STACK[" "]
  direction TB

  CTO_S1["<b>Backend & Security</b><br/><span style='font-size:12px; color:#94a3b8'>2 agents</span>"]:::section
  CTO_S2["<b>Frontend & DevOps</b><br/><span style='font-size:12px; color:#94a3b8'>2 agents</span>"]:::section
  CTO_S3["<b>QA</b><br/><span style='font-size:12px; color:#94a3b8'>1 agent</span>"]:::section

  %% Agents (example)
  Anvil["Anvil — Backend Engineer"]:::agent
  Cipher["Cipher — Security Engineer"]:::agent
  Pixel["Pixel — Frontend Engineer"]:::agent
  Sentry["Sentry — DevOps & Infra"]:::agent
  Inspector["Inspector — QA & Audit Quality"]:::agent

  AnvilActive["Active"]:::tagActive
  CipherActive["Active"]:::tagActive
  PixelActive["Active"]:::tagActive
  SentryActive["Active"]:::tagActive
  InspectorActive["Active"]:::tagActive

  %% Wiring
  CTO --> CTO_S1
  CTO --> CTO_S2
  CTO --> CTO_S3

  CTO_S1 --> Anvil --> AnvilActive
  CTO_S1 --> Cipher --> CipherActive
  CTO_S2 --> Pixel --> PixelActive
  CTO_S2 --> Sentry --> SentryActive
  CTO_S3 --> Inspector --> InspectorActive
end

%% =========================
%% CMO SECTIONS + AGENTS
%% =========================
subgraph CMO_STACK[" "]
  direction TB

  CMO_S1["<b>Content</b><br/><span style='font-size:12px; color:#94a3b8'>4 agents</span>"]:::section
  CMO_S2["<b>Creative</b><br/><span style='font-size:12px; color:#94a3b8'>2 agents</span>"]:::section

  Rex["Rex — YouTube Script Writer"]:::agent
  Sage["Sage — Research & Analysis"]:::agent
  Echo["Echo — Newsletter Engine"]:::agent
  Clip["Clip — Reels Creator"]:::agent
  Nebula["Nebula — Art/Design"]:::agent
  Nova["Nova — Video"]:::agent

  RexModel["Opus 4.6"]:::tagModel
  SageModel["Opus 4.6"]:::tagModel
  EchoModel["Opus 4.6"]:::tagModel
  ClipModel["Opus 4.6"]:::tagModel

  CMO --> CMO_S1
  CMO --> CMO_S2

  CMO_S1 --> Rex --> RexModel
  CMO_S1 --> Sage --> SageModel
  CMO_S1 --> Echo --> EchoModel
  CMO_S1 --> Clip --> ClipModel
  CMO_S2 --> Nebula
  CMO_S2 --> Nova
end

%% =========================
%% CRO SECTIONS + AGENTS
%% =========================
subgraph CRO_STACK[" "]
  direction TB

  CRO_S1["<b>Products</b><br/><span style='font-size:12px; color:#94a3b8'>2 agents</span>"]:::section
  CRO_S2["<b>Growth</b><br/><span style='font-size:12px; color:#94a3b8'>2 agents</span>"]:::section
  CRO_S3["<b>Community</b><br/><span style='font-size:12px; color:#94a3b8'>3 agents</span>"]:::section

  Scout["Scout — Product Intelligence"]:::agent
  Herald["Herald — Product Launches & Announcements"]:::agent
  Forge["Forge — SEO & Content Optimizer"]:::agent
  Pulse["Pulse — Analytics Agent"]:::agent
  Beacon["Beacon — Support & Onboarding"]:::agent
  Link["Link — Discord Manager"]:::agent
  Vibe["Vibe — Community Engagement"]:::agent

  CRO --> CRO_S1
  CRO --> CRO_S2
  CRO --> CRO_S3

  CRO_S1 --> Scout
  CRO_S1 --> Herald
  CRO_S2 --> Forge
  CRO_S2 --> Pulse
  CRO_S3 --> Beacon
  CRO_S3 --> Link
  CRO_S3 --> Vibe
end