<svg xmlns="http://www.w3.org/2000/svg" width="1400" height="820" viewBox="0 0 1400 820"><rect class="bg" width="100%" height="100%"/><style>.bg{fill:#090b10}.panel{fill:#11151d;stroke:#2a3240;stroke-width:2}.title{font:700 42px Arial;fill:#f7f8fb}.sub{font:400 20px Arial;fill:#aeb8c8}.h{font:700 24px Arial;fill:#fff}.t{font:400 18px Arial;fill:#d3d9e4}.small{font:400 15px Arial;fill:#94a1b5}.accent{fill:#ffcf5a}.red{fill:#ff6b6b}.green{fill:#6ee7a8}.line{stroke:#657188;stroke-width:3;fill:none}.dash{stroke:#657188;stroke-width:3;stroke-dasharray:8 8;fill:none}</style><text x="70" y="90" class="title">CHATBOT VS LONG-HORIZON AGENT</text><text x="70" y="130" class="sub">Risk grows across a trajectory, not only in one response</text><rect x="80" y="220" width="500" height="390" rx="24" class="panel"/><text x="130" y="280" class="h">Chat interaction</text><text x="130" y="345" class="t">prompt → answer</text><text x="130" y="400" class="small">few actions, short feedback loop</text><rect x="820" y="220" width="500" height="390" rx="24" class="panel"/><text x="870" y="280" class="h">Long-horizon trajectory</text><text x="870" y="340" class="t">observe → act → retry</text><text x="870" y="385" class="t">adapt → escalate → persist</text><text x="870" y="445" class="small">many opportunities to find a weak boundary</text><path d="M590 415 H810" class="line"/></svg>