<svg width="1200" height="760" viewBox="0 0 1200 760" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title desc">
  <title id="title">CINTENT Architecture</title>
  <desc id="desc">A layered cognitive AI architecture with perception, cognitive, decision, and action layers connected by a central memory spine.</desc>
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="1200" y2="760" gradientUnits="userSpaceOnUse">
      <stop stop-color="#0B0F19"/>
      <stop offset="1" stop-color="#101828"/>
    </linearGradient>
    <linearGradient id="line" x1="280" y1="120" x2="920" y2="640" gradientUnits="userSpaceOnUse">
      <stop stop-color="#00D1FF"/>
      <stop offset="1" stop-color="#7C5CFF"/>
    </linearGradient>
    <filter id="glow" x="-40%" y="-40%" width="180%" height="180%">
      <feGaussianBlur stdDeviation="8" result="blur"/>
      <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
    </filter>
  </defs>
  <rect width="1200" height="760" rx="36" fill="url(#bg)"/>
  <g opacity="0.18">
    <path d="M120 140H1080" stroke="#2D7CFF" stroke-width="1"/>
    <path d="M120 290H1080" stroke="#2D7CFF" stroke-width="1"/>
    <path d="M120 440H1080" stroke="#2D7CFF" stroke-width="1"/>
    <path d="M120 590H1080" stroke="#2D7CFF" stroke-width="1"/>
  </g>
  <text x="104" y="76" fill="#E5E7EB" font-family="Inter, sans-serif" font-size="30" font-weight="700">CINTENT Architecture</text>
  <text x="104" y="108" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="18">Perception, cognition, decision, and action coordinated by shared cognitive memory</text>

  <rect x="470" y="150" width="260" height="450" rx="28" fill="#0E1629" stroke="url(#line)" stroke-width="2" filter="url(#glow)"/>
  <text x="600" y="196" text-anchor="middle" fill="#00D1FF" font-family="Inter, sans-serif" font-size="18" letter-spacing="2">COGNITIVE MEMORY SPINE</text>
  <rect x="504" y="224" width="192" height="64" rx="18" fill="#101D35" stroke="#24466D"/>
  <text x="600" y="263" text-anchor="middle" fill="#FFFFFF" font-family="Inter, sans-serif" font-size="22">State Memory</text>
  <rect x="504" y="312" width="192" height="64" rx="18" fill="#101D35" stroke="#24466D"/>
  <text x="600" y="351" text-anchor="middle" fill="#FFFFFF" font-family="Inter, sans-serif" font-size="22">World Model</text>
  <rect x="504" y="400" width="192" height="64" rx="18" fill="#101D35" stroke="#24466D"/>
  <text x="600" y="439" text-anchor="middle" fill="#FFFFFF" font-family="Inter, sans-serif" font-size="22">Reasoning Trace</text>
  <rect x="504" y="488" width="192" height="64" rx="18" fill="#101D35" stroke="#24466D"/>
  <text x="600" y="527" text-anchor="middle" fill="#FFFFFF" font-family="Inter, sans-serif" font-size="22">Action History</text>

  <g filter="url(#glow)">
    <rect x="120" y="160" width="270" height="110" rx="24" fill="#101828" stroke="#00D1FF" stroke-opacity="0.5"/>
    <text x="152" y="204" fill="#FFFFFF" font-family="Inter, sans-serif" font-size="28" font-weight="600">Perception Layer</text>
    <text x="152" y="236" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="18">Multi-modal sensing, fusion, signal normalization</text>
    <text x="152" y="262" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="18">Text, image, telemetry, device events</text>

    <rect x="120" y="320" width="270" height="110" rx="24" fill="#101828" stroke="#00D1FF" stroke-opacity="0.5"/>
    <text x="152" y="364" fill="#FFFFFF" font-family="Inter, sans-serif" font-size="28" font-weight="600">Cognitive Layer</text>
    <text x="152" y="396" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="18">Context formation, hypothesis generation</text>
    <text x="152" y="422" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="18">Agent coordination and semantic grounding</text>

    <rect x="120" y="480" width="270" height="110" rx="24" fill="#101828" stroke="#00D1FF" stroke-opacity="0.5"/>
    <text x="152" y="524" fill="#FFFFFF" font-family="Inter, sans-serif" font-size="28" font-weight="600">Decision Layer</text>
    <text x="152" y="556" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="18">Goal arbitration, policy selection, safety checks</text>
    <text x="152" y="582" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="18">Human override and confidence thresholds</text>

    <rect x="810" y="240" width="270" height="110" rx="24" fill="#101828" stroke="#7C5CFF" stroke-opacity="0.6"/>
    <text x="842" y="284" fill="#FFFFFF" font-family="Inter, sans-serif" font-size="28" font-weight="600">Action Layer</text>
    <text x="842" y="316" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="18">Actuation, workflow execution, response dispatch</text>
    <text x="842" y="342" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="18">Edge devices, interfaces, robotic systems</text>

    <rect x="810" y="410" width="270" height="110" rx="24" fill="#101828" stroke="#7C5CFF" stroke-opacity="0.6"/>
    <text x="842" y="454" fill="#FFFFFF" font-family="Inter, sans-serif" font-size="28" font-weight="600">Learning Layer</text>
    <text x="842" y="486" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="18">Feedback integration, policy adaptation</text>
    <text x="842" y="512" fill="#9CA3AF" font-family="Inter, sans-serif" font-size="18">Continuous model and behavior refinement</text>
  </g>

  <g stroke="url(#line)" stroke-width="3" stroke-linecap="round" opacity="0.9">
    <path d="M390 215H470"/>
    <path d="M390 375H470"/>
    <path d="M390 535H470"/>
    <path d="M730 295H810"/>
    <path d="M730 465H810"/>
    <path d="M944 350V410"/>
  </g>
</svg>
