вентиляция: приток/вытяжка, схема, расчёт, варианты

index.html

@@ -273,13 +273,155 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
   </div>
 </div></section>
 
+<section class="section"><div class="container">
+  <h2 class="reveal">Вентиляция</h2>
+  <div class="card reveal" style="margin-bottom:16px;background:var(--cyan-50)">
+    <h3 style="margin-bottom:12px">💨 Зачем нужна</h3>
+    <ul style="line-height:1.8">
+      <li>Удаление выхлопных газов при запуске авто</li>
+      <li>Снижение влажности (защита от коррозии)</li>
+      <li>Удаление запахов ГСМ, краски, сварки</li>
+      <li>Свежий воздух при работе в гараже</li>
+    </ul>
+  </div>
+  
+  <div class="grid" style="margin-bottom:24px">
+    <div class="card reveal">
+      <h3 style="margin-bottom:12px">🌬 Приточная</h3>
+      <ul style="line-height:1.8;color:var(--gray-500)">
+        <li><strong>Диаметр:</strong> 150-200 мм</li>
+        <li><strong>Высота:</strong> 30 см от пола</li>
+        <li><strong>Защита:</strong> решётка + сетка</li>
+        <li><strong>Расход:</strong> 150-200 м³/час</li>
+      </ul>
+    </div>
+    <div class="card reveal">
+      <h3 style="margin-bottom:12px">🌀 Вытяжная</h3>
+      <ul style="line-height:1.8;color:var(--gray-500)">
+        <li><strong>Диаметр:</strong> 150-200 мм</li>
+        <li><strong>Высота:</strong> под потолком</li>
+        <li><strong>Тяга:</strong> естественная + вентилятор</li>
+        <li><strong>Расход:</strong> 200-300 м³/час</li>
+      </ul>
+    </div>
+  </div>
+  
+  <div class="card reveal" style="margin-bottom:16px">
+    <h3 style="margin-bottom:16px">📐 Схема естественной вентиляции</h3>
+    <svg viewBox="0 0 800 300" style="width:100%;max-width:700px;display:block;margin:0 auto" xmlns="http://www.w3.org/2000/svg">
+      <rect x="50" y="50" width="700" height="200" fill="#F2F4F7" stroke="#5B6573" stroke-width="2" rx="8"/>
+      <text x="400" y="30" fill="#0F1218" font-size="16" text-anchor="middle" font-weight="700">Гараж 4×12 м</text>
+      
+      <!-- Приток -->
+      <circle cx="100" cy="220" r="25" fill="#00E5FF" opacity="0.3"/>
+      <circle cx="100" cy="220" r="15" fill="#00E5FF"/>
+      <text x="100" y="225" fill="#0F1218" font-size="12" text-anchor="middle" font-weight="700">П</text>
+      <text x="100" y="260" fill="#008c9e" font-size="14" text-anchor="middle">Приток</text>
+      <text x="100" y="280" fill="#5B6573" font-size="12" text-anchor="middle">30 см от пола</text>
+      
+      <!-- Вытяжка -->
+      <circle cx="700" cy="80" r="25" fill="#FF6B6B" opacity="0.3"/>
+      <circle cx="700" cy="80" r="15" fill="#FF6B6B"/>
+      <text x="700" y="85" fill="#fff" font-size="12" text-anchor="middle" font-weight="700">В</text>
+      <text x="700" y="50" fill="#c92a2a" font-size="14" text-anchor="middle">Вытяжка</text>
+      <text x="700" y="30" fill="#5B6573" font-size="12" text-anchor="middle">под потолком</text>
+      
+      <!-- Поток воздуха -->
+      <path d="M 130 220 Q 300 200 400 150 T 670 80" fill="none" stroke="#00E5FF" stroke-width="4" stroke-dasharray="8,4" marker-end="url(#arrow)"/>
+      <defs>
+        <marker id="arrow" markerWidth="10" markerHeight="10" refX="8" refY="3" orient="auto">
+          <path d="M0,0 L0,6 L9,3 z" fill="#00E5FF"/>
+        </marker>
+      </defs>
+      
+      <!-- Авто -->
+      <rect x="250" y="140" width="200" height="70" fill="#1a1f29" rx="8"/>
+      <text x="350" y="180" fill="#fff" font-size="14" text-anchor="middle">АВТО</text>
+    </svg>
+  </div>
+  
+  <div class="card reveal" style="margin-bottom:16px">
+    <h3 style="margin-bottom:16px">🔧 Варианты исполнения</h3>
+    <div class="grid">
+      <div>
+        <h4 style="margin-bottom:8px">Бюджетный</h4>
+        <ul style="line-height:1.8;color:var(--gray-500)">
+          <li>Две трубы Ø150 мм</li>
+          <li>Естественная тяга</li>
+          <li>Решётки с сеткой</li>
+          <li><strong>~30 000 ₸</strong></li>
+        </ul>
+      </div>
+      <div>
+        <h4 style="margin-bottom:8px">Оптимальный</h4>
+        <ul style="line-height:1.8;color:var(--gray-500)">
+          <li>Приток: труба Ø200 мм</li>
+          <li>Вытяжка: вентилятор 150 мм</li>
+          <li>Задвижки на трубы</li>
+          <li><strong>~80 000 ₸</strong></li>
+        </ul>
+      </div>
+      <div>
+        <h4 style="margin-bottom:8px">Продвинутый</h4>
+        <ul style="line-height:1.8;color:var(--gray-500)">
+          <li>Приточно-вытяжная установка</li>
+          <li>Рекуператор тепла</li>
+          <li>Автоматика, датчики</li>
+          <li><strong>~250 000 ₸</strong></li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  
+  <div class="card reveal" style="margin-bottom:16px;background:var(--ink);color:#fff">
+    <h3 style="margin-bottom:16px;color:var(--cyan)">📊 Расчёт воздухообмена</h3>
+    <div class="grid">
+      <div>
+        <p style="margin-bottom:8px"><strong>Объём гаража:</strong></p>
+        <p style="font-size:24px;color:var(--cyan)">4 × 12 × 3 = 144 м³</p>
+      </div>
+      <div>
+        <p style="margin-bottom:8px"><strong>Норма для гаража:</strong></p>
+        <p style="font-size:24px;color:var(--cyan)">6-10 крат в час</p>
+      </div>
+      <div>
+        <p style="margin-bottom:8px"><strong>Итого расход:</strong></p>
+        <p style="font-size:24px;color:var(--cyan)">900-1 400 м³/час</p>
+      </div>
+    </div>
+  </div>
+  
+  <div class="grid">
+    <div class="card reveal">
+      <h3 style="margin-bottom:12px">✅ Монтаж</h3>
+      <ul style="line-height:1.8;color:var(--gray-500)">
+        <li>Разметить отверстия</li>
+        <li>Пробурить стены алмазкой</li>
+        <li>Установить трубы с уклоном</li>
+        <li>Загерметизировать</li>
+        <li>Поставить решётки</li>
+      </ul>
+    </div>
+    <div class="card reveal">
+      <h3 style="margin-bottom:12px">⚠️ Важно</h3>
+      <ul style="line-height:1.8;color:var(--gray-500)">
+        <li>Приток ниже вытяжки</li>
+        <li>Разнести по диагонали</li>
+        <li>Утеплить трубу (конденсат)</li>
+        <li>Дефлектор на вытяжку</li>
+        <li>Задвижки на зиму</li>
+      </ul>
+    </div>
+  </div>
+</div></section>
+
 <section class="section"><div class="container">
   <h2 class="reveal">Что будет дальше</h2>
   <div class="card reveal">
     <ul style="list-style:none;padding-left:0">
       <li style="margin-bottom:16px">✅ <strong>Зонирование</strong> — 6 основных зон определены</li>
       <li style="margin-bottom:16px">✅ <strong>Электрика</strong> — щиток, розетки, освещение</li>
-      <li style="margin-bottom:16px">⬜ <strong>Вентиляция</strong> — приток, вытяжка, осушение</li>
+      <li style="margin-bottom:16px">✅ <strong>Вентиляция</strong> — приток, вытяжка, расчёт</li>
       <li style="margin-bottom:16px">⬜ <strong>Стеллажи</strong> — размеры, чертежи, материалы</li>
       <li style="margin-bottom:16px">⬜ <strong>Фотоотчёт</strong> — процесс обустройства</li>
     </ul>