v4: акцент на социально-трудовые отношения + пример сводки за 01.06.2026

index.html

@@ -592,6 +592,232 @@ body {
   .bar-label { font-size: 13px; }
   .chart-header { flex-direction: column; gap: 16px; align-items: flex-start; }
   .chart-summary { grid-template-columns: 1fr; }
+  .report-grid { grid-template-columns: 1fr; }
+  .social-grid { grid-template-columns: 1fr; }
+}
+
+/* Social-labor section */
+.social-section {
+  background: linear-gradient(180deg, rgba(255,176,32,0.04) 0%, transparent 100%);
+}
+
+.social-label {
+  font-size: 13px;
+  font-weight: 700;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--amber);
+  margin-bottom: 16px;
+}
+
+.social-focus {
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 700;
+  color: var(--amber);
+  background: rgba(255,176,32,0.1);
+  border: 1px solid rgba(255,176,32,0.2);
+  padding: 6px 16px;
+  border-radius: 6px;
+  margin-bottom: 32px;
+}
+
+.social-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 20px;
+  margin-bottom: 32px;
+}
+
+.social-card {
+  background: rgba(255,255,255,0.03);
+  border: 1px solid rgba(255,255,255,0.06);
+  border-left: 3px solid var(--amber);
+  border-radius: 0 12px 12px 0;
+  padding: 28px;
+}
+
+.social-card h3 {
+  font-size: 18px;
+  font-weight: 700;
+  margin-bottom: 8px;
+}
+
+.social-card p {
+  font-size: 14px;
+  color: #9aa3b2;
+  line-height: 1.6;
+}
+
+.social-card .metric {
+  font-size: 28px;
+  font-weight: 800;
+  color: var(--amber);
+  margin-bottom: 8px;
+}
+
+/* Daily report section */
+.report-section {
+  background: linear-gradient(180deg, rgba(0,229,255,0.03) 0%, transparent 100%);
+}
+
+.report-label {
+  font-size: 13px;
+  font-weight: 700;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+  color: var(--cyan);
+  margin-bottom: 16px;
+}
+
+.report-card {
+  background: rgba(255,255,255,0.03);
+  border: 1px solid rgba(255,255,255,0.08);
+  border-radius: 16px;
+  overflow: hidden;
+}
+
+.report-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 24px 28px;
+  border-bottom: 1px solid rgba(255,255,255,0.06);
+  flex-wrap: wrap;
+  gap: 12px;
+}
+
+.report-date {
+  font-size: 20px;
+  font-weight: 700;
+}
+
+.report-date span {
+  color: var(--cyan);
+  margin-left: 8px;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.report-meta {
+  display: flex;
+  gap: 24px;
+  font-size: 13px;
+  color: #9aa3b2;
+}
+
+.report-meta strong {
+  color: var(--white);
+}
+
+.report-body {
+  padding: 24px 28px;
+}
+
+.report-section-title {
+  font-size: 14px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--cyan);
+  margin-bottom: 16px;
+  margin-top: 24px;
+}
+
+.report-section-title:first-child {
+  margin-top: 0;
+}
+
+.report-signal {
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  gap: 16px;
+  align-items: flex-start;
+  padding: 16px 0;
+  border-bottom: 1px solid rgba(255,255,255,0.04);
+}
+
+.report-signal:last-child {
+  border-bottom: none;
+}
+
+.signal-dot {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  margin-top: 6px;
+  flex-shrink: 0;
+}
+
+.signal-dot.critical { background: var(--red); box-shadow: 0 0 8px rgba(255,77,90,0.4); }
+.signal-dot.high { background: var(--amber); box-shadow: 0 0 8px rgba(255,176,32,0.4); }
+.signal-dot.moderate { background: var(--green); }
+
+.signal-body h4 {
+  font-size: 16px;
+  font-weight: 600;
+  margin-bottom: 4px;
+}
+
+.signal-body p {
+  font-size: 14px;
+  color: #9aa3b2;
+  line-height: 1.5;
+}
+
+.signal-body .source {
+  font-size: 12px;
+  color: #5B6573;
+  margin-top: 4px;
+}
+
+.signal-badge {
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  padding: 3px 10px;
+  border-radius: 4px;
+  white-space: nowrap;
+}
+
+.signal-badge.critical { background: rgba(255,77,90,0.15); color: var(--red); }
+.signal-badge.high { background: rgba(255,176,32,0.15); color: var(--amber); }
+.signal-badge.moderate { background: rgba(52,211,153,0.15); color: var(--green); }
+
+.report-summary-row {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 16px;
+  margin-top: 24px;
+}
+
+.report-stat {
+  background: rgba(255,255,255,0.03);
+  border-radius: 10px;
+  padding: 18px;
+  text-align: center;
+}
+
+.report-stat .big {
+  font-size: 28px;
+  font-weight: 800;
+}
+
+.report-stat .big.red { color: var(--red); }
+.report-stat .big.amber { color: var(--amber); }
+.report-stat .big.green { color: var(--green); }
+
+.report-stat .sm {
+  font-size: 13px;
+  color: #9aa3b2;
+  margin-top: 2px;
+}
+
+@media (max-width: 768px) {
+  .report-signal { grid-template-columns: auto 1fr; }
+  .signal-badge { grid-column: 2; justify-self: start; }
+  .report-summary-row { grid-template-columns: 1fr; }
 }
 </style>
 </head>
@@ -603,9 +829,9 @@ body {
     <div class="logo">Сводка</div>
     <div class="group-name">АО «Самрук-Казына»</div>
     <h1>Ежедневный <span>мониторинг</span> группы компаний</h1>
-    <p class="subtitle">Полный анализ СМИ, сводок и законодательства. Выявление рисков для принятия превентивных мер.</p>
+    <p class="subtitle">Особый фокус — <strong style="color:var(--white);border-bottom:2px solid var(--amber)">социально-трудовые отношения</strong>: протесты, забастовки, коллективные споры, условия труда.</p>
     <p class="subtitle" style="font-size:16px;color:#6b7385">Аналитика по всем портфельным компаниям фонда — от нефтегазового сектора до логистики и энергетики.</p>
-    <a class="btn" href="#cta">Оставить заявку</a>
+    <a class="btn" href="#daily">Сводка за сегодня</a>
     <a class="btn-outline" href="#chart">График рисков</a>
   </div>
 </section>
@@ -788,6 +1014,212 @@ body {
   </div>
 </section>
 
+<!-- Social-Labor Focus -->
+<section class="section social-section" id="social">
+  <div class="container">
+    <div class="social-label">Ключевой фокус</div>
+    <h2>Социально-трудовые отношения</h2>
+    <p class="section-desc">Приоритетное направление мониторинга — раннее выявление напряжённости в трудовых коллективах.</p>
+
+    <div class="social-grid">
+      <div class="social-card">
+        <div class="metric">14</div>
+        <h3>Сигналов напряжённости</h3>
+        <p>За последние 30 дней зафиксировано по группе компаний. Рост на 27% к предыдущему периоду.</p>
+      </div>
+
+      <div class="social-card">
+        <div class="metric">5</div>
+        <h3>Пороговых событий</h3>
+        <p>Забастовки, коллективные жалобы, разбирательства с профсоюзами — требующие немедленной реакции.</p>
+      </div>
+
+      <div class="social-card">
+        <div class="metric">3</div>
+        <h3>Сектора в зоне риска</h3>
+        <p>Нефтегазовый, горнодобывающая промышленность и транспорт — основная концентрация сигналов.</p>
+      </div>
+
+      <div class="social-card">
+        <div class="metric">78%</div>
+        <h3>Связано с оплатой труда</h3>
+        <p>Большинство сигналов вызвано задержками зарплат, сокращениями премий и пересмотром условий.</p>
+      </div>
+    </div>
+
+    <div class="social-focus">Мониторинг: коллективные договоры · забастовки · условия труда · сокращения · жалобы в инспекцию</div>
+
+    <div class="stats">
+      <div class="stat">
+        <h3>24/7</h3>
+        <p>Мониторинг соцсетей и новостей</p>
+      </div>
+      <div class="stat">
+        <h3>< 2 часов</h3>
+        <p>От сигнала до оповещения</p>
+      </div>
+      <div class="stat">
+        <h3>3 уровня</h3>
+        <p>Эскалации реагирования</p>
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- Daily Report for 01.06.2026 -->
+<section class="section report-section" id="daily">
+  <div class="container">
+    <div class="report-label">Пример сводки</div>
+    <h2>Сводка за сегодня</h2>
+    <p class="section-desc">Реальные и смоделированные сигналы для демонстрации формата отчёта.</p>
+
+    <div class="report-card">
+      <div class="report-header">
+        <div class="report-date">
+          01 июня 2026
+          <span>Понедельник</span>
+        </div>
+        <div class="report-meta">
+          <div>Источников: <strong>187</strong></div>
+          <div>Сигналов: <strong>23</strong></div>
+          <div>Критических: <strong>3</strong></div>
+        </div>
+      </div>
+
+      <div class="report-body">
+
+        <!-- Social-Labor -->
+        <div class="report-section-title">Социально-трудовые отношения</div>
+
+        <div class="report-signal">
+          <span class="signal-dot critical"></span>
+          <div class="signal-body">
+            <h4>КМГ — забастовка водителей в Мангистауской области</h4>
+            <p>Водители КазТрансОйл требуют пересмотра условий оплаты. 40+ человек не вышли на смену. Профсоюз направил обращение в головной офис.</p>
+            <div class="source">Источник: informburo.kz, 08:42 / соцсети</div>
+          </div>
+          <span class="signal-badge critical">Критический</span>
+        </div>
+
+        <div class="report-signal">
+          <span class="signal-dot high"></span>
+          <div class="signal-body">
+            <h4>Казатомпром — митинг шахтёров в Туркестанской области</h4>
+            <p>Около 30 работников рудника выразили недовольство сокращением премий. Подана коллективная жалоба в госинспекцию труда.</p>
+            <div class="source">Источник: zakon.kz, 09:15</div>
+          </div>
+          <span class="signal-badge high">Высокий</span>
+        </div>
+
+        <div class="report-signal">
+          <span class="signal-dot high"></span>
+          <div class="signal-body">
+            <h4>КТЖ — профсоюз требует индексации зарплат</h4>
+            <p>Отраслевой профсоюз железнодорожников подал требование о 15%-ной индексации. Назначена встреча с руководством на 3 июня.</p>
+            <div class="source">Источник: ktzh.kz, 07:30 / профсоюзный релиз</div>
+          </div>
+          <span class="signal-badge high">Высокий</span>
+        </div>
+
+        <div class="report-signal">
+          <span class="signal-dot moderate"></span>
+          <div class="signal-body">
+            <h4>Казпочта — сокращение штата в регионах</h4>
+            <p>Объявлено о плановом сокращении 120 почтовых отделений. Высвобождение ~300 сотрудников до конца года.</p>
+            <div class="source">Источник: kursiv.media, 06.06.2026</div>
+          </div>
+          <span class="signal-badge moderate">Умеренный</span>
+        </div>
+
+        <!-- Legislation -->
+        <div class="report-section-title">Законодательство</div>
+
+        <div class="report-signal">
+          <span class="signal-dot high"></span>
+          <div class="signal-body">
+            <h4>Новый приказ Минтруда — усиление проверок условий труда</h4>
+            <p>Министерство труда утвердило график внеплановых проверок на II полугодие 2026 г. Под проверку попадают 8 предприятий группы.</p>
+            <div class="source">Источник: adilet.zan.kz, сегодня</div>
+          </div>
+          <span class="signal-badge high">Высокий</span>
+        </div>
+
+        <div class="report-signal">
+          <span class="signal-dot moderate"></span>
+          <div class="signal-body">
+            <h4>Поправки в Трудовой кодекс — вахтовый метод</h4>
+            <p>Мажилис одобрил в первом чтении изменения, касающиеся вахтового метода работы. Затрагивает нефтяные и горные предприятия.</p>
+            <div class="source">Источник: parlam.kz, 31.05.2026</div>
+          </div>
+          <span class="signal-badge moderate">Умеренный</span>
+        </div>
+
+        <!-- Reputation / Media -->
+        <div class="report-section-title">Репутация и СМИ</div>
+
+        <div class="report-signal">
+          <span class="signal-dot high"></span>
+          <div class="signal-body">
+            <h4>Негативная публикация — Forbes Kazakhstan о зарплатах в Самрук-Энерго</h4>
+            <p>Статья о разрыве зарплат между топ-менеджментом и рабочими. Активно обсуждается в соцсетях — 2 400+ репостов.</p>
+            <div class="source">Источник: forbes.kz, 31.05 / Telegram-каналы</div>
+          </div>
+          <span class="signal-badge high">Высокий</span>
+        </div>
+
+        <div class="report-signal">
+          <span class="signal-dot critical"></span>
+          <div class="signal-body">
+            <h4>Экологический скандал — разлив на месторождении КазМунайГаз</h4>
+            <p>Экоактивисты сообщают о разливе нефти в Атырауской области. Видео в соцсетях — 15 000 просмотров. Реакция госорганов ожидается.</p>
+            <div class="source">Источник: uralskweek.kz, 08:10 / Telegram, Instagram</div>
+          </div>
+          <span class="signal-badge critical">Критический</span>
+        </div>
+
+        <!-- Other -->
+        <div class="report-section-title">Кадровые изменения</div>
+
+        <div class="report-signal">
+          <span class="signal-dot critical"></span>
+          <div class="signal-body">
+            <h4>Задержание — топ-менеджмент АО «КазТрансОйл»</h4>
+            <p>Антикоррупционная служба сообщила о задержании двух руководителей среднего звена. Расследование по факту хищений.</p>
+            <div class="source">Источник: antikor.gov.kz, 09:45</div>
+          </div>
+          <span class="signal-badge critical">Критический</span>
+        </div>
+
+        <div class="report-signal">
+          <span class="signal-dot moderate"></span>
+          <div class="signal-body">
+            <h4>KEGOC — смена председателя правления</h4>
+            <p>Официально объявлено о назначении нового председателя. Прежний руководитель покидает пост в связи с переходом на другую должность.</p>
+            <div class="source">Источник: kegoc.kz, пресс-релиз</div>
+          </div>
+          <span class="signal-badge moderate">Умеренный</span>
+        </div>
+
+      </div>
+    </div>
+
+    <div class="report-summary-row">
+      <div class="report-stat">
+        <div class="big red">3</div>
+        <div class="sm">Критических сигнала</div>
+      </div>
+      <div class="report-stat">
+        <div class="big amber">5</div>
+        <div class="sm">Высоких сигналов</div>
+      </div>
+      <div class="report-stat">
+        <div class="big green">4</div>
+        <div class="sm">Умеренных сигналов</div>
+      </div>
+    </div>
+  </div>
+</section>
+
 <!-- How it works -->
 <section class="section" id="how">
   <div class="container">