<div class="bimWrap">
<div class="bimGrid">
<div class="bimCard muted">
<div class="h">Смежные модели</div>
<div class="t">АР · ИОС · Инженерные разделы</div>
<div class="s">Источник исходных данных</div>
</div>
<div class="arr">→</div>
<div class="bimCard blue">
<div class="h">Контур 1 — СОПР</div>
<ul>
<li>Расчёты конструкций</li>
<li>Модель без армирования</li>
<li>Формирование сводного задания</li>
</ul>
<div class="s">Выход: сводное задание →</div>
</div>
<div class="arr">→</div>
<div class="bimCard red">
<div class="h">Контур 2 — РД</div>
<ul>
<li>Армирование конструкций</li>
<li>Выпуск рабочей документации</li>
<li>Контроль норм и заданий</li>
</ul>
<div class="s">Результат сверки ← в СОПР</div>
</div>
</div>
<div class="panel">
<div class="ph">Контроль соответствия (замкнутый контур)</div>
<div class="pt">
Сравнение геометрии <b>задания из СОПР</b> и <b>рабочей модели РД</b> с передачей результата обратно в СОПР
</div>
<div class="pl">Плагины:</div>
<div class="plugins">
<div class="plugin">
<div class="hh">⚙ Фиксация геометрии задания СОПР</div>
<div class="tt">Выгрузка сводного задания и фиксация его геометрии</div>
</div>
<div class="plugin">
<div class="hh">⚙ Сравнение рабочей модели с заданием</div>
<div class="tt">Сверка геометрии и формирование отчёта об отличиях</div>
</div>
</div>
<div class="ps">Цель: добиться 100% совпадения геометрии перед выпуском РД</div>
</div>
</div>
<style>
.bimWrap{max-width:1100px;margin:48px auto 0;font-family:inherit;}
.bimGrid{
display:grid;
grid-template-columns: minmax(220px,1fr) 44px minmax(240px,1fr) 44px minmax(240px,1fr);
gap:16px;
align-items:stretch;
}
.arr{display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;opacity:.35;}
.bimCard{
padding:22px;border-radius:18px;background:#fff;
box-shadow:0 8px 24px rgba(0,0,0,.06);
}
.bimCard ul{margin:0;padding-left:18px;line-height:1.55;}
.bimCard li{margin:0 0 8px;}
.h{font-weight:800;font-size:20px;margin:0 0 14px;}
.t{opacity:.75;line-height:1.5;}
.s{margin-top:14px;font-size:13px;opacity:.55;}
.muted{background:#f6f7f9;border:1px solid #e0e3e8;box-shadow:none;}
.blue{border:2px solid #2D7FF9;}
.red{border:2px solid #FF4B4B;}
.panel{
margin-top:18px;
padding:18px 18px 16px;
border-radius:16px;
background:#f8fafc;
border:1px solid rgba(0,0,0,.06);
}
.ph{text-align:center;font-weight:800;font-size:18px;margin-bottom:6px;}
.pt{text-align:center;opacity:.75;line-height:1.5;margin-bottom:14px;}
.pl{text-align:center;font-weight:700;opacity:.8;margin-bottom:10px;}
.plugins{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:900px;margin:0 auto;}
.plugin{
padding:14px 16px;border-radius:12px;background:#fff;
border:1px solid rgba(0,0,0,.08);
box-shadow:0 6px 16px rgba(0,0,0,.04);
}
.hh{font-weight:800;margin-bottom:4px;}
.tt{opacity:.7;line-height:1.45;font-size:14px;}
.ps{text-align:center;margin-top:14px;font-size:13px;opacity:.6;}
/* Мобилка/узкий контейнер Потоков */
@media (max-width: 980px){
.bimGrid{grid-template-columns:1fr;gap:12px;}
.arr{display:none;}
.plugins{grid-template-columns:1fr;}
}
</style>