/* Страница «Подсчёт продукции»: демо-ролик линии и постер в первом экране.
   Остальное берётся из общего style.css. */

.demo-wrap{max-width:1000px;margin:0 auto}
.demo-video{width:100%;aspect-ratio:16/9;border-radius:var(--r2);overflow:hidden;background:#0b0e12;box-shadow:var(--shadow);display:block;object-fit:cover}
.demo-cap{margin:16px auto 0;max-width:760px;text-align:center;font-size:14px;line-height:1.6;color:var(--muted)}
.demo-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.demo-badge{font:600 12.5px/1 Inter,Arial,sans-serif;color:var(--brand-text);background:var(--tint);border:1px solid var(--tint2);border-radius:999px;padding:8px 14px}
.hero-media{position:relative;display:block;border-radius:24px;overflow:hidden;aspect-ratio:16/9;background:var(--soft);box-shadow:var(--shadow)}
.hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.hero-media .play{position:absolute;inset:0;margin:auto;width:66px;height:66px;border-radius:50%;background:rgba(220,20,32,.92);display:flex;align-items:center;justify-content:center;transition:transform .18s,background .18s}
.hero-media:hover .play{transform:scale(1.08);background:var(--brand)}
.hero-media .play svg{width:24px;height:24px;fill:#fff;margin-left:3px}