diff --git a/site/templates/pipeline.html b/site/templates/pipeline.html
new file mode 100644
index 0000000..1995d44
--- /dev/null
+++ b/site/templates/pipeline.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Пайплайн сверки договоров</title>
+<style>
+  :root { --bg: #0d1117; --fg: #c9d1d9; --muted: #8b949e; --accent: #58a6ff; }
+  * { box-sizing: border-box; margin: 0; padding: 0; }
+  body { font: 15px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: var(--bg); color: var(--fg); max-width: 980px; margin: 0 auto; padding: 40px 20px 60px; }
+  h1 { font-size: 24px; margin-bottom: 24px; text-align: center; }
+  .nav { margin-bottom: 16px; text-align: center; }
+  .nav a { color: var(--accent); text-decoration: none; font-size: 13px; }
+  svg { display: block; max-width: 100%; height: auto; margin: 0 auto; }
+</style>
+</head>
+<body>
+
+<div class="nav"><a href="/docs/architect">← Архитектура (подробно)</a> &nbsp;|&nbsp; <a href="/docs/architecture-diagram">Блок-схемы (все)</a></div>
+
+<h1>Пайплайн сверки договоров</h1>
+
+<svg viewBox="0 0 940 280" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <marker id="ar" markerWidth="7" markerHeight="5" refX="7" refY="2.5" orient="auto"><path d="M0,0 L7,2.5 L0,5 Z" fill="#58a6ff"/></marker>
+    <filter id="sh"><feDropShadow dx="0" dy="2" stdDeviation="3" flood-opacity="0.3"/></filter>
+    <linearGradient id="gUpload" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#2a1a1a"/><stop offset="100%" stop-color="#1a0a0a"/></linearGradient>
+    <linearGradient id="gParse" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#1a2a3a"/><stop offset="100%" stop-color="#0d1a28"/></linearGradient>
+    <linearGradient id="gClassify" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#2a1a3a"/><stop offset="100%" stop-color="#1a0d28"/></linearGradient>
+    <linearGradient id="gGroup" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#3a2a1a"/><stop offset="100%" stop-color="#281a0d"/></linearGradient>
+    <linearGradient id="gLLM" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#1a3a2a"/><stop offset="100%" stop-color="#0d2818"/></linearGradient>
+    <linearGradient id="gResult" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#1a2a2a"/><stop offset="100%" stop-color="#0d1a1a"/></linearGradient>
+  </defs>
+
+  <!-- ===== MAIN PIPELINE ===== -->
+
+  <!-- 1. Upload -->
+  <rect x="10" y="30" width="135" height="110" rx="10" fill="url(#gUpload)" stroke="#f85149" stroke-width="1.5" filter="url(#sh)"/>
+  <text x="77" y="58" text-anchor="middle" fill="#f85149" font-size="28">📤</text>
+  <text x="77" y="82" text-anchor="middle" fill="#f85149" font-size="14" font-weight="bold">Загрузка</text>
+  <text x="77" y="102" text-anchor="middle" fill="#8b949e" font-size="11">100+ файлов</text>
+  <text x="77" y="120" text-anchor="middle" fill="#8b949e" font-size="11">.docx .pdf .zip</text>
+
+  <line x1="147" y1="85" x2="180" y2="85" stroke="#58a6ff" stroke-width="2" marker-end="url(#ar)"/>
+
+  <!-- 2. Parse -->
+  <rect x="185" y="30" width="135" height="110" rx="10" fill="url(#gParse)" stroke="#58a6ff" stroke-width="1.5" filter="url(#sh)"/>
+  <text x="252" y="58" text-anchor="middle" fill="#58a6ff" font-size="28">🔍</text>
+  <text x="252" y="82" text-anchor="middle" fill="#58a6ff" font-size="14" font-weight="bold">Парсинг</text>
+  <text x="252" y="102" text-anchor="middle" fill="#8b949e" font-size="11">Извлечение</text>
+  <text x="252" y="120" text-anchor="middle" fill="#8b949e" font-size="11">текста и таблиц</text>
+
+  <line x1="322" y1="85" x2="355" y2="85" stroke="#58a6ff" stroke-width="2" marker-end="url(#ar)"/>
+
+  <!-- 3. Classify -->
+  <rect x="360" y="30" width="145" height="110" rx="10" fill="url(#gClassify)" stroke="#bc8cff" stroke-width="1.5" filter="url(#sh)"/>
+  <text x="432" y="58" text-anchor="middle" fill="#bc8cff" font-size="28">🏷️</text>
+  <text x="432" y="82" text-anchor="middle" fill="#bc8cff" font-size="14" font-weight="bold">Классификация</text>
+  <text x="432" y="102" text-anchor="middle" fill="#8b949e" font-size="11">3 фильтра</text>
+  <text x="432" y="120" text-anchor="middle" fill="#8b949e" font-size="11">мусор — в сторону</text>
+
+  <line x1="507" y1="85" x2="540" y2="85" stroke="#58a6ff" stroke-width="2" marker-end="url(#ar)"/>
+
+  <!-- 4. Group -->
+  <rect x="545" y="30" width="135" height="110" rx="10" fill="url(#gGroup)" stroke="#d2991d" stroke-width="1.5" filter="url(#sh)"/>
+  <text x="612" y="58" text-anchor="middle" fill="#d2991d" font-size="28">📋</text>
+  <text x="612" y="82" text-anchor="middle" fill="#d2991d" font-size="14" font-weight="bold">Группировка</text>
+  <text x="612" y="102" text-anchor="middle" fill="#8b949e" font-size="11">По договорам</text>
+  <text x="612" y="120" text-anchor="middle" fill="#8b949e" font-size="11">автоматически</text>
+
+  <line x1="682" y1="85" x2="715" y2="85" stroke="#58a6ff" stroke-width="2" marker-end="url(#ar)"/>
+
+  <!-- 5. LLM Compare -->
+  <rect x="720" y="30" width="140" height="110" rx="10" fill="url(#gLLM)" stroke="#3fb950" stroke-width="1.5" filter="url(#sh)"/>
+  <text x="790" y="54" text-anchor="middle" fill="#3fb950" font-size="28">🤖</text>
+  <text x="790" y="78" text-anchor="middle" fill="#3fb950" font-size="13" font-weight="bold">Сравнение</text>
+  <text x="790" y="96" text-anchor="middle" fill="#3fb950" font-size="13" font-weight="bold">(ИИ)</text>
+  <text x="790" y="118" text-anchor="middle" fill="#8b949e" font-size="11">ADD UPDATE</text>
+  <text x="790" y="134" text-anchor="middle" fill="#8b949e" font-size="11">DELETE</text>
+
+  <!-- ===== SUPPORT ROW ===== -->
+
+  <!-- Protection -->
+  <rect x="10" y="165" width="460" height="45" rx="8" fill="#1a0a0a" stroke="#f85149" stroke-width="1" stroke-dasharray="5,3"/>
+  <text x="240" y="183" text-anchor="middle" fill="#f85149" font-size="12" font-weight="bold">🛡️ Защита на каждом шаге</text>
+  <text x="240" y="200" text-anchor="middle" fill="#8b949e" font-size="10">ZIP-бомба · дубликаты · битые числа/даты → автоисправление · непонятное → на проверку</text>
+
+  <line x1="240" y1="163" x2="240" y2="140" stroke="#f85149" stroke-width="1" stroke-dasharray="3,2"/>
+
+  <!-- Confidentiality -->
+  <rect x="480" y="165" width="450" height="45" rx="8" fill="#1a2a0a" stroke="#3fb950" stroke-width="1" stroke-dasharray="5,3"/>
+  <text x="705" y="183" text-anchor="middle" fill="#3fb950" font-size="12" font-weight="bold">🔒 Конфиденциальность</text>
+  <text x="705" y="200" text-anchor="middle" fill="#8b949e" font-size="10">Файлы удаляются после обработки · без облачного хранения · данные только на время сессии</text>
+
+  <line x1="705" y1="163" x2="705" y2="140" stroke="#3fb950" stroke-width="1" stroke-dasharray="3,2"/>
+
+  <!-- ===== BOTTOM BAR: Result ===== -->
+
+  <rect x="10" y="235" width="920" height="40" rx="8" fill="#161b22" stroke="#58a6ff" stroke-width="1.5" filter="url(#sh)"/>
+  <text x="470" y="260" text-anchor="middle" fill="#58a6ff" font-size="13" font-weight="bold">📊 Результат: итоговая спецификация + полная история изменений (что, когда и откуда добавилось / изменилось / удалилось)</text>
+</svg>
+
+</body>
+</html>
