https://www.pandoraburo.ru/shtab-birzha-talantov-v1-0
ШТАБ · Биржа талантов» (v1.0)
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ШТАБ — биржа талантов для бизнеса</title>
</head>
<body>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="crossorigin" />
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Manrope:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet" />
<div id="sh-root">
<div class="sh-ticker" aria-hidden="true">
<div class="sh-ticker-track">
<span>GO-DEV · МОСКВА · 340 000 ₽ <b class="up">▲ +12%</b></span><i>◆</i><span>ИНДЕКС СПРОСА НА РАЗРАБОТЧИКОВ 128,4 <b class="up">▲</b></span><i>◆</i><span>СРЕДНИЙ ОТВЕТ РАБОТОДАТЕЛЯ — 5,2 ЧАСА</span><i>◆</i><span>LOT-0412 ЗАКРЫТ ЗА 3 ДНЯ</span><i>◆</i><span>НОВЫЙ ЛОТ: CFO · 420 000 ₽ · 3 СТАВКИ</span><i>◆</i><span>БЕЗ ГОСТИНГА: SLA 48 ЧАСОВ</span><i>◆</i><span>ВИЛКА ОБЯЗАТЕЛЬНА</span><i>◆</i>
<span>GO-DEV · МОСКВА · 340 000 ₽ <b class="up">▲ +12%</b></span><i>◆</i><span>ИНДЕКС СПРОСА НА РАЗРАБОТЧИКОВ 128,4 <b class="up">▲</b></span><i>◆</i><span>СРЕДНИЙ ОТВЕТ РАБОТОДАТЕЛЯ — 5,2 ЧАСА</span><i>◆</i><span>LOT-0412 ЗАКРЫТ ЗА 3 ДНЯ</span><i>◆</i><span>НОВЫЙ ЛОТ: CFO · 420 000 ₽ · 3 СТАВКИ</span><i>◆</i><span>БЕЗ ГОСТИНГА: SLA 48 ЧАСОВ</span><i>◆</i><span>ВИЛКА ОБЯЗАТЕЛЬНА</span><i>◆</i>
</div>
</div>
<header class="sh-head">
<div class="sh-wrap sh-head-in">
<a class="sh-logo" href="#top">ШТАБ<span class="sh-cursor">▮</span><em>биржа талантов</em></a>
<nav class="sh-nav">
<a data-to="#sh-lots">Лоты</a>
<a data-to="#sh-auction">Аукцион</a>
<a data-to="#sh-why">Почему мы</a>
<a data-to="#sh-how">Механика</a>
</nav>
<button class="sh-btn sh-btn-sm" data-to="#sh-post">Разместить лот</button>
</div>
</header>
<main id="top">
<section class="sh-term sh-wrap">
<div class="sh-term-l">
<p class="sh-mono sh-eyebrow sh-rev">ТОРГОВАЯ СЕССИЯ № 228 · 17.08.2026 · ИНДЕКС НАЙМА 128,4 <b class="up">▲ 8%</b></p>
<h1 class="sh-rev" data-d=".06">ЛЮДИ — ЭТО<br /><span class="sh-mark">АКТИВ</span></h1>
<p class="sh-lead sh-rev" data-d=".12">Биржа найма для бизнеса: работодатели торгуются за специалистов, вилки честные, ответ приходит за часы — а не через две недели молчания.</p>
<form class="sh-search sh-rev" data-d=".18" id="shSearch" autocomplete="off">
<input name="q" type="text" placeholder="Кого ищем? Например: Go-разработчик" />
<select name="city" aria-label="Город">
<option>Все города</option><option>Москва</option><option>Санкт-Петербург</option><option>Казань</option><option>Екатеринбург</option><option>Удалёнка</option>
</select>
<button class="sh-btn" type="submit">Найти актив</button>
</form>
<div class="sh-live sh-rev" data-d=".24"><span class="sh-dot"></span><span id="shLiveTxt">Торги идут: 8 412 активных лотов</span></div>
<div class="sh-quick sh-rev" data-d=".3">
<button type="button" data-qk="remote">Удалёнка</button>
<button type="button" data-qk="fork">Вилка от 250 000 ₽</button>
<button type="button" data-qk="sla">Ответ ≤ 24 часов</button>
<button type="button" data-qk="vrf">Проверены ЕГРЮЛ</button>
</div>
</div>
<aside class="sh-board sh-rev" data-d=".15">
<div class="sh-board-head"><span>ИНДЕКС ЗАРПЛАТ · IT</span><span class="sh-live-chip"><i></i>LIVE</span></div>
<svg class="sh-chart" viewbox="0 0 320 156" preserveaspectratio="none" aria-hidden="true">
<line x1="8" y1="132" x2="312" y2="50" stroke="rgba(11,18,32,.3)" stroke-width="2" stroke-dasharray="5 6"></line>
<g class="sh-c" style="--i:0"><line x1="20" y1="97" x2="20" y2="147" stroke="#0B1220" stroke-width="2"></line><rect x="14" y="106" width="12" height="34" fill="#0E9F5D" stroke="#0B1220" stroke-width="2"></rect></g>
<g class="sh-c" style="--i:1"><line x1="46" y1="103" x2="46" y2="147" stroke="#0B1220" stroke-width="2"></line><rect x="40" y="112" width="12" height="28" fill="#E5484D" stroke="#0B1220" stroke-width="2"></rect></g>
<g class="sh-c" style="--i:2"><line x1="72" y1="89" x2="72" y2="147" stroke="#0B1220" stroke-width="2"></line><rect x="66" y="98" width="12" height="42" fill="#0E9F5D" stroke="#0B1220" stroke-width="2"></rect></g>
<g class="sh-c" style="--i:3"><line x1="98" y1="95" x2="98" y2="147" stroke="#0B1220" stroke-width="2"></line><rect x="92" y="104" width="12" height="36" fill="#E5484D" stroke="#0B1220" stroke-width="2"></rect></g>
<g class="sh-c" style="--i:4"><line x1="124" y1="81" x2="124" y2="147" stroke="#0B1220" stroke-width="2"></line><rect x="118" y="90" width="12" height="50" fill="#0E9F5D" stroke="#0B1220" stroke-width="2"></rect></g>
<g class="sh-c" style="--i:5"><line x1="150" y1="87" x2="150" y2="147" stroke="#0B1220" stroke-width="2"></line><rect x="144" y="96" width="12" height="44" fill="#E5484D" stroke="#0B1220" stroke-width="2"></rect></g>
<g class="sh-c" style="--i:6"><line x1="176" y1="73" x2="176" y2="147" stroke="#0B1220" stroke-width="2"></line><rect x="170" y="82" width="12" height="58" fill="#0E9F5D" stroke="#0B1220" stroke-width="2"></rect></g>
<g class="sh-c" style="--i:7"><line x1="202" y1="79" x2="202" y2="147" stroke="#0B1220" stroke-width="2"></line><rect x="196" y="88" width="12" height="52" fill="#E5484D" stroke="#0B1220" stroke-width="2"></rect></g>
<g class="sh-c" style="--i:8"><line x1="228" y1="65" x2="228" y2="147" stroke="#0B1220" stroke-width="2"></line><rect x="222" y="74" width="12" height="66" fill="#0E9F5D" stroke="#0B1220" stroke-width="2"></rect></g>
<g class="sh-c" style="--i:9"><line x1="254" y1="71" x2="254" y2="147" stroke="#0B1220" stroke-width="2"></line><rect x="248" y="80" width="12" height="60" fill="#E5484D" stroke="#0B1220" stroke-width="2"></rect></g>
<g class="sh-c" style="--i:10"><line x1="280" y1="55" x2="280" y2="147" stroke="#0B1220" stroke-width="2"></line><rect x="274" y="64" width="12" height="76" fill="#0E9F5D" stroke="#0B1220" stroke-width="2"></rect></g>
<g class="sh-c" style="--i:11"><line x1="306" y1="43" x2="306" y2="147" stroke="#0B1220" stroke-width="2"></line><rect x="300" y="52" width="12" height="88" fill="#0E9F5D" stroke="#0B1220" stroke-width="2"></rect></g>
</svg>
<p class="sh-board-meta">Медианная вилка, IT · тыс ₽/мес · рост за сессию <b class="up">+2,4%</b></p>
<div class="sh-board-grid">
<div class="sh-kpi"><b data-count="8412">0</b><span>активных лотов</span></div>
<div class="sh-kpi"><b data-count="5.2" data-dec="1">0</b><span>средний ответ, часов</span></div>
<div class="sh-kpi"><b data-count="1904">0</b><span>компаний проверено</span></div>
<div class="sh-kpi"><b data-count="96">0</b><span>% лотов с вилкой</span></div>
</div>
</aside>
</section>
<section class="sh-section sh-wrap" id="sh-lots">
<div class="sh-sec-head sh-rev"><span class="sh-mono">01 / СЕССИЯ</span><h2>Лоты дня</h2><em class="sh-mono">обновляется live</em></div>
<div class="sh-filters sh-rev" data-d=".08">
<div class="sh-seg">
<button class="on" data-cat="all">Все</button>
<button data-cat="tech">Тех</button>
<button data-cat="product">Продукт</button>
<button data-cat="sales">Продажи</button>
<button data-cat="marketing">Маркетинг</button>
<button data-cat="ops">Операции</button>
</div>
<div class="sh-toggles">
<button data-tg="remote">Удалёнка</button>
<button data-tg="fork">Вилка 250k+</button>
<button data-tg="sla">SLA ≤ 24ч</button>
<button data-tg="vrf">Проверены</button>
</div>
</div>
<div class="sh-grid" id="shLots">
<article class="sh-lot sh-rev" data-cat="tech" data-remote="1" data-fork="320" data-vrf="1" data-sla="24">
<div class="sh-lot-stub"><span>LOT-0842</span></div>
<div class="sh-lot-body">
<div class="sh-lot-top"><h3>Backend-разработчик Go</h3><span class="sh-stamp r">Горячий</span><span class="sh-stamp g">SLA ≤ 24ч</span></div>
<p class="sh-lot-co">«ПлатёжЪ» · финтех · <b class="sh-vrf">✓ ЕГРЮЛ</b></p>
<div class="sh-lot-pay"><b>320 000 – 400 000 ₽</b><svg width="70" height="22" viewbox="0 0 70 22"><polyline points="0,16 12,12 24,14 36,8 48,10 60,4 70,6" fill="none" stroke="#0E9F5D" stroke-width="2"></polyline></svg><span class="sh-mono">+ опционы</span></div>
<p class="sh-lot-meta">Москва / удалёнка · опыт 3+ · фуллтайм</p>
<div class="sh-lot-foot"><span class="sh-match hi">match 94%</span><span class="sh-resp">откликов: 11</span><button class="sh-btn sh-btn-xs" data-apply="Backend Go · «ПлатёжЪ»">Откликнуться</button></div>
</div>
</article>
<article class="sh-lot sh-rev" data-cat="product" data-remote="0" data-fork="240" data-vrf="1" data-sla="48">
<div class="sh-lot-stub"><span>LOT-0851</span></div>
<div class="sh-lot-body">
<div class="sh-lot-top"><h3>Продакт-менеджер</h3><span class="sh-stamp g">SLA ≤ 48ч</span></div>
<p class="sh-lot-co">SaaS «Юнит» · B2B-платформа · <b class="sh-vrf">✓ ЕГРЮЛ</b></p>
<div class="sh-lot-pay"><b>240 000 – 300 000 ₽</b><svg width="70" height="22" viewbox="0 0 70 22"><polyline points="0,14 12,15 24,10 36,12 48,7 60,8 70,4" fill="none" stroke="#0E9F5D" stroke-width="2"></polyline></svg><span class="sh-mono">+ бонус за рост</span></div>
<p class="sh-lot-meta">Санкт-Петербург · гибрид · команда 8 человек</p>
<div class="sh-lot-foot"><span class="sh-match">match 88%</span><span class="sh-resp">откликов: 7</span><button class="sh-btn sh-btn-xs" data-apply="Продакт · SaaS «Юнит»">Откликнуться</button></div>
</div>
</article>
<article class="sh-lot sh-rev" data-cat="tech" data-remote="1" data-fork="350" data-vrf="1" data-sla="12">
<div class="sh-lot-stub"><span>LOT-0855</span></div>
<div class="sh-lot-body">
<div class="sh-lot-top"><h3>ML-инженер</h3><span class="sh-stamp r">Горячий</span><span class="sh-stamp g">SLA ≤ 12ч</span></div>
<p class="sh-lot-co">RetailTech · e-com · <b class="sh-vrf">✓ ЕГРЮЛ</b></p>
<div class="sh-lot-pay"><b>350 000 – 450 000 ₽</b><svg width="70" height="22" viewbox="0 0 70 22"><polyline points="0,18 12,14 24,15 36,9 48,11 60,5 70,3" fill="none" stroke="#0E9F5D" stroke-width="2"></polyline></svg><span class="sh-mono">+ релокация</span></div>
<p class="sh-lot-meta">Удалёнка · GPU-кластер · 3 вакансии</p>
<div class="sh-lot-foot"><span class="sh-match hi">match 96%</span><span class="sh-resp">откликов: 19</span><button class="sh-btn sh-btn-xs" data-apply="ML-инженер · RetailTech">Откликнуться</button></div>
</div>
</article>
<article class="sh-lot sh-rev" data-cat="sales" data-remote="0" data-fork="180" data-vrf="1" data-sla="24">
<div class="sh-lot-stub"><span>LOT-0847</span></div>
<div class="sh-lot-body">
<div class="sh-lot-top"><h3>Директор по продажам</h3><span class="sh-stamp g">SLA ≤ 24ч</span></div>
<p class="sh-lot-co">«СтанкоПарк» · производство · <b class="sh-vrf">✓ ЕГРЮЛ</b></p>
<div class="sh-lot-pay"><b>180 000 ₽ + квартальный бонус</b><svg width="70" height="22" viewbox="0 0 70 22"><polyline points="0,12 12,14 24,9 36,11 48,8 60,10 70,6" fill="none" stroke="#0E9F5D" stroke-width="2"></polyline></svg></div>
<p class="sh-lot-meta">Екатеринбург · офис · B2B-цикл 6 мес</p>
<div class="sh-lot-foot"><span class="sh-match">match 81%</span><span class="sh-resp">откликов: 4</span><button class="sh-btn sh-btn-xs" data-apply="Директор по продажам · «СтанкоПарк»">Откликнуться</button></div>
</div>
</article>
<article class="sh-lot sh-rev" data-cat="marketing" data-remote="0" data-fork="200" data-vrf="1" data-sla="48">
<div class="sh-lot-stub"><span>LOT-0839</span></div>
<div class="sh-lot-body">
<div class="sh-lot-top"><h3>Head of Marketing</h3><span class="sh-stamp g">SLA ≤ 48ч</span></div>
<p class="sh-lot-co">Сеть кофеен · HoReCa · <b class="sh-vrf">✓ ЕГРЮЛ</b></p>
<div class="sh-lot-pay"><b>200 000 – 260 000 ₽</b><svg width="70" height="22" viewbox="0 0 70 22"><polyline points="0,15 12,13 24,14 36,10 48,12 60,7 70,8" fill="none" stroke="#0E9F5D" stroke-width="2"></polyline></svg></div>
<p class="sh-lot-meta">Москва · офис · 12 точек, франшиза</p>
<div class="sh-lot-foot"><span class="sh-match">match 77%</span><span class="sh-resp">откликов: 9</span><button class="sh-btn sh-btn-xs" data-apply="Head of Marketing · сеть кофеен">Откликнуться</button></div>
</div>
</article>
<article class="sh-lot sh-rev" data-cat="tech" data-remote="1" data-fork="300" data-vrf="1" data-sla="24">
<div class="sh-lot-stub"><span>LOT-0860</span></div>
<div class="sh-lot-body">
<div class="sh-lot-top"><h3>DevOps / SRE</h3><span class="sh-stamp g">SLA ≤ 24ч</span></div>
<p class="sh-lot-co">Облачная платформа · инфра · <b class="sh-vrf">✓ ЕГРЮЛ</b></p>
<div class="sh-lot-pay"><b>300 000 – 380 000 ₽</b><svg width="70" height="22" viewbox="0 0 70 22"><polyline points="0,13 12,15 24,11 36,12 48,6 60,9 70,5" fill="none" stroke="#0E9F5D" stroke-width="2"></polyline></svg><span class="sh-mono">дежурства оплачиваются</span></div>
<p class="sh-lot-meta">Удалёнка · k8s · on-call ротация</p>
<div class="sh-lot-foot"><span class="sh-match hi">match 91%</span><span class="sh-resp">откликов: 13</span><button class="sh-btn sh-btn-xs" data-apply="DevOps/SRE · облачная платформа">Откликнуться</button></div>
</div>
</article>
<article class="sh-lot sh-rev" data-cat="ops" data-remote="0" data-fork="150" data-vrf="0" data-sla="48">
<div class="sh-lot-stub"><span>LOT-0833</span></div>
<div class="sh-lot-body">
<div class="sh-lot-top"><h3>Аналитик 1С / ERP</h3><span class="sh-stamp i">на проверке</span><span class="sh-stamp g">SLA ≤ 48ч</span></div>
<p class="sh-lot-co">Логистика «Вектор» · перевозки</p>
<div class="sh-lot-pay"><b>150 000 – 190 000 ₽</b><svg width="70" height="22" viewbox="0 0 70 22"><polyline points="0,14 12,12 24,13 36,11 48,12 60,9 70,10" fill="none" stroke="#0E9F5D" stroke-width="2"></polyline></svg></div>
<p class="sh-lot-meta">Казань · офис · миграция на ERP</p>
<div class="sh-lot-foot"><span class="sh-match">match 72%</span><span class="sh-resp">откликов: 5</span><button class="sh-btn sh-btn-xs" data-apply="Аналитик 1С · «Вектор»">Откликнуться</button></div>
</div>
</article>
<article class="sh-lot sh-rev" data-cat="ops" data-remote="1" data-fork="120" data-vrf="1" data-sla="24">
<div class="sh-lot-stub"><span>LOT-0864</span></div>
<div class="sh-lot-body">
<div class="sh-lot-top"><h3>Customer Success</h3><span class="sh-stamp g">SLA ≤ 24ч</span></div>
<p class="sh-lot-co">SaaS «Юнит» · B2B-платформа · <b class="sh-vrf">✓ ЕГРЮЛ</b></p>
<div class="sh-lot-pay"><b>120 000 – 160 000 ₽</b><svg width="70" height="22" viewbox="0 0 70 22"><polyline points="0,16 12,14 24,12 36,13 48,9 60,11 70,7" fill="none" stroke="#0E9F5D" stroke-width="2"></polyline></svg><span class="sh-mono">KPI-бонус</span></div>
<p class="sh-lot-meta">Удалёнка · график 5/2 · обучение</p>
<div class="sh-lot-foot"><span class="sh-match">match 69%</span><span class="sh-resp">откликов: 6</span><button class="sh-btn sh-btn-xs" data-apply="Customer Success · SaaS «Юнит»">Откликнуться</button></div>
</div>
</article>
</div>
</section>
<section class="sh-section sh-wrap" id="sh-auction">
<div class="sh-sec-head sh-rev"><span class="sh-mono">02 / АУКЦИОН</span><h2>Прайс: кандидат задаёт цену</h2><em class="sh-mono">обратные торги</em></div>
<p class="sh-sec-note sh-rev">Специалист публикует актив и стартовую цену. Компании делают ставки и поднимают вилку. Кандидат выбирает, с кем говорить. Никаких «мы вам перезвоним» — перезванивают ему.</p>
<div class="sh-bids">
<div class="sh-bid sh-rev">
<div class="sh-bid-top"><span class="sh-mono">ASSET-117</span><span class="sh-stamp i">открыт к офферам</span></div>
<div class="sh-bid-person"><span class="sh-ava">МК</span><div><b>Максим К.</b><span>Go-разработчик · 6 лет · финтех</span></div></div>
<div class="sh-bid-cur"><span>Текущая ставка</span><b data-bid="340000">340 000 ₽</b><em>/ мес</em></div>
<div class="sh-bid-meta"><span>Ставок: <i data-bids="data-bids">5</i></span><span>Шаг: 10 000 ₽</span><span>Ответ: ≤ 24 ч</span></div>
<button class="sh-btn sh-btn-w" data-makebid="data-makebid" data-step="10000">Сделать ставку +10 000 ₽</button>
</div>
<div class="sh-bid sh-rev" data-d=".1">
<div class="sh-bid-top"><span class="sh-mono">ASSET-094</span><span class="sh-stamp r">3 компании в борьбе</span></div>
<div class="sh-bid-person"><span class="sh-ava">ИВ</span><div><b>Ирина В.</b><span>Финансовый директор · M&A · 11 лет</span></div></div>
<div class="sh-bid-cur"><span>Текущая ставка</span><b data-bid="420000">420 000 ₽</b><em>/ мес</em></div>
<div class="sh-bid-meta"><span>Ставок: <i data-bids="data-bids">8</i></span><span>Шаг: 20 000 ₽</span><span>Ответ: ≤ 48 ч</span></div>
<button class="sh-btn sh-btn-w" data-makebid="data-makebid" data-step="20000">Сделать ставку +20 000 ₽</button>
</div>
<div class="sh-bid sh-rev" data-d=".2">
<div class="sh-bid-top"><span class="sh-mono">ASSET-231</span><span class="sh-stamp g">быстрый лот</span></div>
<div class="sh-bid-person"><span class="sh-ava">ДР</span><div><b>Даниил Р.</b><span>Growth-маркетолог · e-com · 5 лет</span></div></div>
<div class="sh-bid-cur"><span>Текущая ставка</span><b data-bid="210000">210 000 ₽</b><em>/ мес</em></div>
<div class="sh-bid-meta"><span>Ставок: <i data-bids="data-bids">7</i></span><span>Шаг: 5 000 ₽</span><span>Ответ: ≤ 12 ч</span></div>
<button class="sh-btn sh-btn-w" data-makebid="data-makebid" data-step="5000">Сделать ставку +5 000 ₽</button>
</div>
</div>
</section>
<section class="sh-section sh-wrap" id="sh-why">
<div class="sh-sec-head sh-rev"><span class="sh-mono">03 / МАНИФЕСТ</span><h2>Почему не обычный джоб-борд</h2><em class="sh-mono">сравнение честное</em></div>
<div class="sh-cmp sh-rev">
<div class="sh-cmp-row sh-cmp-head"><span></span><span class="us">ШТАБ</span><span class="them">Типичный сайт вакансий</span></div>
<div class="sh-cmp-row"><span class="k">Скорость ответа</span><span class="us" data-m="ШТАБ">SLA ≤ 48 часов, таймер на лоте</span><span class="them" data-m="Обычно">Недели молчания и «мы вам перезвоним»</span></div>
<div class="sh-cmp-row"><span class="k">Зарплата</span><span class="us" data-m="ШТАБ">Вилка обязательна — иначе блок публикации</span><span class="them" data-m="Обычно">«По договорённости» до самого оффера</span></div>
<div class="sh-cmp-row"><span class="k">Вакансии</span><span class="us" data-m="ШТАБ">Проверка ЕГРЮЛ, ноль фейков</span><span class="them" data-m="Обычно">Разместить может кто угодно</span></div>
<div class="sh-cmp-row"><span class="k">Отбор</span><span class="us" data-m="ШТАБ">Тест-кейс 10 минут вместо писем</span><span class="them" data-m="Обычно">Резюме-скрининг и предвзятость</span></div>
<div class="sh-cmp-row"><span class="k">Кандидат</span><span class="us" data-m="ШТАБ">Обратный аукцион: цену задаёт он</span><span class="them" data-m="Обычно">Ждёт милости работодателя</span></div>
<div class="sh-cmp-row"><span class="k">Цена для бизнеса</span><span class="us" data-m="ШТАБ">Первый лот бесплатно, дальше — за сделку</span><span class="them" data-m="Обычно">Плата за просмотры, а не за результат</span></div>
</div>
</section>
<section class="sh-section sh-wrap" id="sh-how">
<div class="sh-sec-head sh-rev"><span class="sh-mono">04 / МЕХАНИКА</span><h2>Как проходит сделка</h2><em class="sh-mono">два контура</em></div>
<div class="sh-tabs sh-rev"><button class="on" data-p="0">Я работодатель</button><button data-p="1">Я кандидат</button></div>
<div class="sh-pipe sh-rev" data-pipe="0">
<div class="sh-step"><b>01</b><div><h4>Публикуете лот</h4><p>Роль, вилка, тест-кейс. Без вилки публикация блокируется автоматически.</p></div><span>≈ 20 минут</span></div>
<div class="sh-step"><b>02</b><div><h4>Получаете отклики</h4><p>Сразу с решениями кейсов — без «сопроводительных на три абзаца».</p></div><span>первые — за сутки</span></div>
<div class="sh-step"><b>03</b><div><h4>Отвечаете по SLA</h4><p>Таймер 48 часов. Просрочка — лот падает в выдаче и рейтинге.</p></div><span>SLA 48 часов</span></div>
<div class="sh-step"><b>04</b><div><h4>Закрываете сделку</h4><p>Оффер, контраргумент, принятие. Вся воронка видна в статистике.</p></div><span>медиана — 6 дней</span></div>
</div>
<div class="sh-pipe sh-rev" data-pipe="1" hidden="hidden">
<div class="sh-step"><b>01</b><div><h4>Создаёте актив</h4><p>Роль, навыки, стартовая цена. Резюме-скрининга нет — только скиллы.</p></div><span>≈ 10 минут</span></div>
<div class="sh-step"><b>02</b><div><h4>Получаете ставки</h4><p>Компании торгуются и поднимают вилку. Вы видите каждую ставку.</p></div><span>медиана — 4 ставки</span></div>
<div class="sh-step"><b>03</b><div><h4>Выбираете сами</h4><p>С кем говорить и когда. Гостинг невозможен с обеих сторон.</p></div><span>решение за вами</span></div>
<div class="sh-step"><b>04</b><div><h4>Фиксируете сделку</h4><p>Оффер на ваших условиях. История цены сохраняется в профиле.</p></div><span>медиана +12% к цене</span></div>
</div>
</section>
<section class="sh-section sh-wrap" id="sh-deals">
<div class="sh-sec-head sh-rev"><span class="sh-mono">05 / РЕЕСТР</span><h2>Закрытые сделки</h2><em class="sh-mono">цифры, не обещания</em></div>
<div class="sh-deals">
<div class="sh-deal sh-rev"><b>4 дня</b><p>закрыли позицию senior Go-разработчика в финтехе — против 45 дней в среднем по рынку</p><span class="sh-stamp g">Сделка закрыта</span></div>
<div class="sh-deal sh-rev" data-d=".08"><b>12 ставок</b><p>компании боролись за финансового директора — кандидат выбрал лучший пакет</p><span class="sh-stamp r">Аукцион</span></div>
<div class="sh-deal sh-rev" data-d=".16"><b>+18%</b><p>аукцион поднял итоговый оффер growth-маркетолога относительно стартовой цены</p><span class="sh-stamp i">Оффер повышен</span></div>
</div>
</section>
<section class="sh-section sh-wrap" id="sh-post">
<div class="sh-sec-head sh-rev"><span class="sh-mono">06 / ЛИСТИНГ</span><h2>Выставить лот на торги</h2><em class="sh-mono">первый лот бесплатно</em></div>
<div class="sh-join">
<div class="sh-join-copy sh-rev">
<h3>Первые отклики — обычно за сутки</h3>
<p>Заполните карточку лота. Модерация проверит компанию по ЕГРЮЛ и откроет торги в текущей сессии.</p>
<ul class="sh-checks">
<li><i>✓</i>Модерация лота — 2 часа, публикация в день подачи</li>
<li><i>✓</i>SLA 48 часов и обязательная вилка встроены в каждый лот</li>
<li><i>✓</i>Платите за закрытую сделку, а не за просмотры</li>
</ul>
</div>
<form class="sh-form sh-rev" data-d=".12" id="shForm" novalidate="novalidate">
<label>Роль *<input class="sh-in" name="role" type="text" placeholder="Например: Backend-разработчик Go" /></label>
<div class="sh-row2">
<label>Вилка от, ₽ *<input class="sh-in" name="fork" type="number" placeholder="250 000" /></label>
<label>Город<input class="sh-in" name="city" type="text" placeholder="Москва / удалёнка" /></label>
</div>
<div class="sh-row2">
<label>Формат<select class="sh-in" name="fmt"><option>Офис</option><option>Гибрид</option><option>Удалёнка</option><option>Не важно</option></select></label>
<label>Контакт *<input class="sh-in" name="contact" type="text" placeholder="Телефон или @telegram" /></label>
</div>
<label class="sh-chk"><input type="checkbox" name="sla" /><i>✓</i>Обязуюсь отвечать на отклики в течение 48 часов — SLA биржи.</label>
<button class="sh-btn sh-btn-w" type="submit">Выставить лот на торги</button>
<p class="sh-fine">Отправляя лот, вы принимаете правила сессии. Вакансии без вилки и «для галочки» снимаются с торгов.</p>
</form>
<div class="sh-ok" id="shOk" hidden="hidden">
<div class="sh-stamp-big">ЛОТ ПРИНЯТ ✓</div>
<h3>Отправлено на модерацию</h3>
<p>Проверим компанию по ЕГРЮЛ за 2 часа и откроем торги. Первые отклики обычно приходят в течение суток.</p>
</div>
</div>
</section>
</main>
<footer class="sh-foot">
<div class="sh-wrap sh-foot-in">
<span class="sh-logo small">ШТАБ<span class="sh-cursor">▮</span></span>
<span class="sh-foot-eco">ЭКОСИСТЕМА: «СЛИЯНИЕ» — слияния сердец · «ШТАБ» — слияния команд</span>
<span>© 2026 · Виджет-блок, вставляется между маркерами</span>
</div>
</footer>
<div class="sh-toasts" id="shToasts"></div>
</div>
<style>
/* ======== ШТАБ · изолированные стили (префикс #sh-root) ======== */
#sh-root{
--paper:#F3F5F9; --card:#FFFFFF; --ink:#0B1220; --ink2:#41506E; --mut:#7A86A0;
--up:#0E9F5D; --dn:#E5484D; --acc:#FF6A00; --acc-soft:#FFF0E4;
--fd:'Oswald',Impact,sans-serif; --fb:'Manrope',system-ui,sans-serif; --fm:'JetBrains Mono',monospace;
position:relative; overflow:hidden; color:var(--ink); font-family:var(--fb); line-height:1.55;
background:
radial-gradient(700px 420px at 92% -80px, rgba(255,106,0,.09), transparent 60%),
radial-gradient(700px 420px at -60px 34%, rgba(14,159,93,.08), transparent 60%),
linear-gradient(rgba(11,18,32,.045) 1px, transparent 1px),
linear-gradient(90deg, rgba(11,18,32,.045) 1px, transparent 1px),
var(--paper);
background-size:auto,auto,36px 36px,36px 36px,auto;
}
#sh-root *,#sh-root *::before,#sh-root *::after{box-sizing:border-box;margin:0;padding:0}
#sh-root ::selection{background:var(--acc);color:#fff}
#sh-root a{color:inherit;text-decoration:none}
#sh-root button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit}
#sh-root::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");}
#sh-root header,#sh-root main,#sh-root footer,#sh-root .sh-ticker{position:relative;z-index:1}
#sh-root .sh-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
#sh-root .sh-mono{font-family:var(--fm);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
#sh-root .up{color:var(--up);font-style:normal} #sh-root .dn{color:var(--dn)}
/* кнопки */
#sh-root .sh-btn{display:inline-block;font-family:var(--fd);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;background:var(--acc);color:#fff;border:2px solid var(--ink);padding:13px 22px;box-shadow:5px 5px 0 var(--ink);transition:transform .15s,box-shadow .15s}
#sh-root .sh-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}
#sh-root .sh-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
#sh-root .sh-btn-sm{padding:10px 16px;font-size:12px;box-shadow:4px 4px 0 var(--ink)}
#sh-root .sh-btn-xs{padding:8px 14px;font-size:12px;box-shadow:3px 3px 0 var(--ink)}
#sh-root .sh-btn-w{width:100%}
#sh-root .sh-btn.done{background:var(--up);pointer-events:none}
/* тикер */
#sh-root .sh-ticker{overflow:hidden;background:var(--ink);border-bottom:2px solid var(--ink)}
#sh-root .sh-ticker-track{display:flex;align-items:center;gap:2.4rem;width:max-content;padding:8px 0;animation:sh-scroll 34s linear infinite;font-family:var(--fm);font-size:11px;letter-spacing:.12em;color:#E7ECF7;text-transform:uppercase;white-space:nowrap}
#sh-root .sh-ticker:hover .sh-ticker-track{animation-play-state:paused}
#sh-root .sh-ticker i{color:var(--acc);font-style:normal}
#sh-root .sh-ticker b.up{color:#4ADE80}
@keyframes sh-scroll{to{transform:translateX(-50%)}}
/* шапка */
#sh-root .sh-head{position:sticky;top:0;z-index:40;background:rgba(243,245,249,.9);backdrop-filter:blur(8px);border-bottom:2px solid var(--ink)}
#sh-root .sh-head-in{display:flex;align-items:center;gap:26px;padding-top:12px;padding-bottom:12px}
#sh-root .sh-logo{font-family:var(--fd);font-weight:700;font-size:24px;letter-spacing:.1em;display:flex;align-items:baseline;gap:6px}
#sh-root .sh-cursor{color:var(--acc);animation:sh-blink 1.1s steps(1) infinite}
@keyframes sh-blink{50%{opacity:0}}
#sh-root .sh-logo em{font-style:normal;font-family:var(--fm);font-size:9px;letter-spacing:.28em;color:var(--mut);text-transform:uppercase}
#sh-root .sh-logo.small{font-size:18px}
#sh-root .sh-nav{display:flex;gap:24px;margin-left:auto}
#sh-root .sh-nav a{font-family:var(--fm);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);cursor:pointer;border-bottom:2px solid transparent;transition:.2s}
#sh-root .sh-nav a:hover{color:var(--acc);border-color:var(--acc)}
/* терминал */
#sh-root .sh-term{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;padding-top:64px;padding-bottom:58px;align-items:center}
#sh-root .sh-eyebrow{color:var(--ink2);margin-bottom:16px}
#sh-root .sh-term h1{font-family:var(--fd);font-weight:700;font-size:clamp(46px,6.6vw,88px);line-height:.95;text-transform:uppercase;margin-bottom:20px}
#sh-root .sh-mark{background:linear-gradient(transparent 52%, rgba(255,106,0,.45) 52%);padding:0 6px}
#sh-root .sh-lead{color:var(--ink2);font-size:17px;max-width:520px;margin-bottom:26px}
#sh-root .sh-search{display:grid;grid-template-columns:1.4fr .8fr auto;background:var(--card);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);margin-bottom:16px}
#sh-root .sh-search input,#sh-root .sh-search select{border:none;background:transparent;padding:15px 16px;font:500 15px var(--fb);color:var(--ink);min-width:0}
#sh-root .sh-search input{border-right:2px solid var(--ink)}
#sh-root .sh-search select{border-right:2px solid var(--ink);font-family:var(--fm);font-size:12px;letter-spacing:.05em}
#sh-root .sh-search input:focus,#sh-root .sh-search select:focus{outline:none;background:var(--acc-soft)}
#sh-root .sh-search .sh-btn{box-shadow:none;border:none;border-left:2px solid var(--ink)}
#sh-root .sh-search .sh-btn:hover{transform:none}
#sh-root .sh-live{display:flex;align-items:center;gap:10px;font-family:var(--fm);font-size:12px;color:var(--ink2);margin-bottom:18px;min-height:18px}
#sh-root .sh-live span:last-child{transition:opacity .3s}
#sh-root .sh-live span:last-child.fade{opacity:0}
#sh-root .sh-dot{flex:0 0 9px;height:9px;border-radius:50%;background:var(--up);box-shadow:0 0 0 0 rgba(14,159,93,.5);animation:sh-pulse 2s infinite}
@keyframes sh-pulse{70%{box-shadow:0 0 0 9px rgba(14,159,93,0)}100%{box-shadow:0 0 0 0 rgba(14,159,93,0)}}
#sh-root .sh-quick{display:flex;gap:10px;flex-wrap:wrap}
#sh-root .sh-quick button{font-family:var(--fm);font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:var(--card);border:2px solid var(--ink);padding:8px 14px;transition:.15s}
#sh-root .sh-quick button:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}
#sh-root .sh-quick button.on{background:var(--ink);color:var(--paper)}
/* доска индекса */
#sh-root .sh-board{background:var(--card);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--ink);padding:22px}
#sh-root .sh-board-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--fm);font-size:11px;letter-spacing:.16em;color:var(--ink2);margin-bottom:14px}
#sh-root .sh-live-chip{display:flex;align-items:center;gap:6px;color:var(--dn)}
#sh-root .sh-live-chip i{width:8px;height:8px;border-radius:50%;background:var(--dn);animation:sh-blink 1s steps(1) infinite}
#sh-root .sh-chart{width:100%;height:150px;display:block}
#sh-root .sh-c{transform:scaleY(0);transform-box:fill-box;transform-origin:center bottom;transition:transform .6s cubic-bezier(.2,1,.3,1);transition-delay:calc(var(--i)*55ms)}
#sh-root .sh-board.in .sh-c{transform:none}
#sh-root .sh-board-meta{font-family:var(--fm);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin:12px 0 16px}
#sh-root .sh-board-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:2px solid var(--ink);padding-top:16px}
#sh-root .sh-kpi b{display:block;font-family:var(--fd);font-weight:600;font-size:27px;line-height:1.05}
#sh-root .sh-kpi:nth-child(1) b{color:var(--acc)} #sh-root .sh-kpi:nth-child(2) b{color:var(--up)} #sh-root .sh-kpi:nth-child(3) b{color:var(--ink)} #sh-root .sh-kpi:nth-child(4) b{color:var(--dn)}
#sh-root .sh-kpi span{font-family:var(--fm);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
/* секции */
#sh-root .sh-section{padding-top:80px}
#sh-root .sh-sec-head{display:flex;align-items:baseline;gap:16px;margin-bottom:34px;flex-wrap:wrap}
#sh-root .sh-sec-head span{color:var(--acc)}
#sh-root .sh-sec-head h2{font-family:var(--fd);font-weight:600;font-size:clamp(26px,3.8vw,46px);text-transform:uppercase;line-height:1}
#sh-root .sh-sec-head em{font-style:normal;margin-left:auto;color:var(--mut)}
#sh-root .sh-sec-note{max-width:720px;color:var(--ink2);font-size:16px;margin-bottom:30px}
/* фильтры */
#sh-root .sh-filters{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}
#sh-root .sh-seg,#sh-root .sh-toggles{display:flex;gap:8px;flex-wrap:wrap}
#sh-root .sh-seg button,#sh-root .sh-toggles button{font-family:var(--fm);font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--ink);padding:8px 13px;background:var(--card);transition:.15s}
#sh-root .sh-seg button.on{background:var(--ink);color:var(--paper)}
#sh-root .sh-toggles button.on{background:var(--acc);color:#fff}
#sh-root .sh-seg button:hover,#sh-root .sh-toggles button:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}
/* лоты */
#sh-root .sh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}
#sh-root .sh-lot{position:relative;display:flex;background:var(--card);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);transition:opacity .25s,transform .25s,box-shadow .25s}
#sh-root .sh-lot:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--ink)}
#sh-root .sh-lot.off{opacity:0;transform:scale(.94);pointer-events:none}
#sh-root .sh-lot::before,#sh-root .sh-lot::after{content:"";position:absolute;left:51px;width:18px;height:18px;border-radius:50%;background:var(--paper);border:2px solid var(--ink);z-index:2}
#sh-root .sh-lot::before{top:-11px} #sh-root .sh-lot::after{bottom:-11px}
#sh-root .sh-lot.new{animation:sh-flash 2.2s}
@keyframes sh-flash{0%{background:#FFE8D4}100%{background:var(--card)}}
#sh-root .sh-lot-stub{flex:0 0 60px;display:flex;align-items:center;justify-content:center;border-right:2px dashed var(--ink);background:#FAFBFE}
#sh-root .sh-lot-stub span{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--fm);font-size:11px;letter-spacing:.2em;color:var(--mut)}
#sh-root .sh-lot-body{flex:1;padding:16px 18px;min-width:0}
#sh-root .sh-lot-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
#sh-root .sh-lot-top h3{font-family:var(--fd);font-weight:600;font-size:20px;text-transform:uppercase;line-height:1.1;margin-right:auto}
#sh-root .sh-lot-co{font-size:13px;color:var(--ink2);margin-bottom:10px}
#sh-root .sh-vrf{color:var(--up);font-family:var(--fm);font-size:10px;letter-spacing:.08em}
#sh-root .sh-lot-pay{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
#sh-root .sh-lot-pay b{font-family:var(--fd);font-weight:600;font-size:21px}
#sh-root .sh-lot-pay .sh-mono{color:var(--mut);font-size:10px}
#sh-root .sh-lot-meta{font-family:var(--fm);font-size:11px;color:var(--mut);margin-bottom:12px}
#sh-root .sh-lot-foot{display:flex;align-items:center;gap:12px;border-top:2px dashed rgba(11,18,32,.15);padding-top:12px;flex-wrap:wrap}
#sh-root .sh-match{font-family:var(--fm);font-size:10px;letter-spacing:.1em;border:2px solid var(--ink);padding:3px 8px}
#sh-root .sh-match.hi{border-color:var(--up);color:var(--up)}
#sh-root .sh-resp{font-family:var(--fm);font-size:10px;color:var(--mut);margin-right:auto}
#sh-root .sh-stamp{font-family:var(--fm);font-size:9px;letter-spacing:.12em;text-transform:uppercase;border:2px solid;padding:2px 7px;transform:rotate(-2deg);display:inline-block;background:var(--card)}
#sh-root .sh-stamp.g{color:var(--up);border-color:var(--up)}
#sh-root .sh-stamp.r{color:var(--dn);border-color:var(--dn)}
#sh-root .sh-stamp.i{color:var(--ink2);border-color:var(--ink2)}
/* аукцион */
#sh-root .sh-bids{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#sh-root .sh-bid{background:var(--card);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:18px;display:flex;flex-direction:column;gap:14px;transition:transform .2s,box-shadow .2s}
#sh-root .sh-bid:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--ink)}
#sh-root .sh-bid-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
#sh-root .sh-bid-top .sh-mono{color:var(--mut)}
#sh-root .sh-bid-person{display:flex;gap:12px;align-items:center}
#sh-root .sh-ava{flex:0 0 46px;height:46px;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-family:var(--fm);font-size:13px;letter-spacing:.06em}
#sh-root .sh-bid-person b{display:block;font-family:var(--fd);font-weight:600;font-size:17px;text-transform:uppercase}
#sh-root .sh-bid-person span{font-size:12px;color:var(--mut)}
#sh-root .sh-bid-cur{border:2px dashed rgba(11,18,32,.25);padding:12px 14px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
#sh-root .sh-bid-cur span{font-family:var(--fm);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);width:100%}
#sh-root .sh-bid-cur b{font-family:var(--fd);font-weight:600;font-size:30px;color:var(--up);line-height:1}
#sh-root .sh-bid-cur b.bump{animation:sh-bump .45s}
@keyframes sh-bump{35%{transform:scale(1.13)}}
#sh-root .sh-bid-cur em{font-style:normal;font-size:12px;color:var(--mut)}
#sh-root .sh-bid-meta{display:flex;justify-content:space-between;gap:8px;font-family:var(--fm);font-size:10px;color:var(--ink2);flex-wrap:wrap}
#sh-root .sh-bid-meta i{font-style:normal;color:var(--dn);font-weight:600}
/* сравнение */
#sh-root .sh-cmp{border:2px solid var(--ink);background:var(--card);box-shadow:8px 8px 0 var(--ink)}
#sh-root .sh-cmp-row{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;border-top:2px dashed rgba(11,18,32,.15)}
#sh-root .sh-cmp-row:first-child{border-top:none}
#sh-root .sh-cmp-row:not(.sh-cmp-head):hover{background:#FAFBFE}
#sh-root .sh-cmp-row>span{padding:16px 18px;font-size:14px}
#sh-root .sh-cmp-head>span{font-family:var(--fd);font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.06em;padding:14px 18px}
#sh-root .sh-cmp-head .us{background:var(--acc);color:#fff}
#sh-root .sh-cmp-head .them{background:var(--ink);color:#98A3BC}
#sh-root .sh-cmp .k{font-family:var(--fm);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);align-self:center}
#sh-root .sh-cmp .us{font-weight:600;border-left:2px solid var(--acc)}
#sh-root .sh-cmp .us::before{content:"✓ ";color:var(--up);font-weight:700}
#sh-root .sh-cmp .them{color:var(--mut)}
#sh-root .sh-cmp .them::before{content:"✕ ";color:var(--dn);font-weight:700}
/* механика */
#sh-root .sh-tabs{display:flex;gap:12px;margin-bottom:26px}
#sh-root .sh-tabs button{font-family:var(--fd);font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:.05em;padding:12px 22px;border:2px solid var(--ink);background:var(--card);transition:.15s}
#sh-root .sh-tabs button.on{background:var(--ink);color:var(--paper);box-shadow:5px 5px 0 var(--acc)}
#sh-root .sh-step{display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;border-top:2px dashed rgba(11,18,32,.15);padding:18px 4px}
#sh-root .sh-step:first-child{border-top:none}
#sh-root .sh-step b{width:52px;height:52px;display:grid;place-items:center;font-family:var(--fd);font-weight:600;font-size:18px;background:var(--card);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--acc)}
#sh-root .sh-step h4{font-family:var(--fd);font-weight:600;font-size:18px;text-transform:uppercase;margin-bottom:4px}
#sh-root .sh-step p{color:var(--ink2);font-size:14px;max-width:640px}
#sh-root .sh-step>span{font-family:var(--fm);font-size:11px;letter-spacing:.1em;color:var(--up);text-transform:uppercase;white-space:nowrap}
/* сделки */
#sh-root .sh-deals{border-top:2px solid var(--ink)}
#sh-root .sh-deal{display:grid;grid-template-columns:210px 1fr auto;gap:24px;align-items:center;border-bottom:2px solid var(--ink);padding:24px 4px;transition:background .2s}
#sh-root .sh-deal:hover{background:#FAFBFE}
#sh-root .sh-deal b{font-family:var(--fd);font-weight:700;font-size:clamp(34px,4.4vw,58px);line-height:1;color:var(--acc)}
#sh-root .sh-deal p{color:var(--ink2);font-size:15px;max-width:640px}
/* форма */
#sh-root .sh-join{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start;padding-bottom:16px}
#sh-root .sh-join-copy h3{font-family:var(--fd);font-weight:600;font-size:clamp(22px,2.6vw,32px);text-transform:uppercase;margin-bottom:14px}
#sh-root .sh-join-copy>p{color:var(--ink2);margin-bottom:24px;max-width:420px}
#sh-root .sh-checks{list-style:none;display:flex;flex-direction:column;gap:14px}
#sh-root .sh-checks li{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--ink)}
#sh-root .sh-checks i{font-style:normal;flex:0 0 22px;height:22px;display:grid;place-items:center;border:2px solid var(--up);color:var(--up);font-size:12px;font-weight:700}
#sh-root .sh-form{background:var(--card);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:28px;display:flex;flex-direction:column;gap:16px}
#sh-root .sh-form label{display:flex;flex-direction:column;gap:7px;font-family:var(--fm);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink2)}
#sh-root .sh-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#sh-root .sh-in{width:100%;background:#fff;border:2px solid var(--ink);padding:12px 14px;font:500 14px var(--fb);color:var(--ink);transition:.15s}
#sh-root .sh-in:focus{outline:none;box-shadow:4px 4px 0 var(--acc)}
#sh-root .sh-chk{flex-direction:row!important;align-items:flex-start;gap:10px;cursor:pointer;font:400 13px var(--fb)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink2)}
#sh-root .sh-chk input{position:absolute;opacity:0}
#sh-root .sh-chk i{font-style:normal;flex:0 0 20px;height:20px;border:2px solid var(--ink);display:grid;place-items:center;font-size:12px;color:transparent;transition:.15s;margin-top:1px}
#sh-root .sh-chk input:checked+i{background:var(--up);border-color:var(--up);color:#fff}
#sh-root .sh-fine{font-size:11px;color:var(--mut)}
#sh-root .sh-form.sh-shake{animation:sh-shake .4s}
@keyframes sh-shake{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
#sh-root .sh-ok{grid-column:2;background:var(--card);border:2px solid var(--up);box-shadow:8px 8px 0 var(--up);padding:44px 30px;text-align:center}
#sh-root .sh-ok h3{font-family:var(--fd);font-size:24px;text-transform:uppercase;margin:20px 0 10px}
#sh-root .sh-ok p{color:var(--ink2);max-width:400px;margin:0 auto}
#sh-root .sh-stamp-big{display:inline-block;padding:10px 24px;border:3px solid var(--up);color:var(--up);font-family:var(--fd);font-weight:600;font-size:20px;letter-spacing:.14em;transform:rotate(-6deg);animation:sh-stamp .5s cubic-bezier(.2,2,.4,1)}
@keyframes sh-stamp{0%{transform:rotate(-6deg) scale(2.4);opacity:0}100%{transform:rotate(-6deg) scale(1);opacity:1}}
/* подвал */
#sh-root .sh-foot{border-top:2px solid var(--ink);margin-top:72px;background:var(--card)}
#sh-root .sh-foot-in{display:flex;align-items:center;gap:26px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}
#sh-root .sh-foot-eco{font-family:var(--fm);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);margin:0 auto;text-align:center}
#sh-root .sh-foot-in>span:last-child{font-family:var(--fm);font-size:10px;color:var(--mut)}
/* тосты */
#sh-root .sh-toasts{position:fixed;bottom:22px;right:22px;z-index:2147483000;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
#sh-root .sh-toast{background:var(--ink);color:#EDF1FA;border-left:4px solid var(--tc,var(--acc));padding:12px 18px;font:500 13px var(--fb);box-shadow:6px 6px 0 rgba(11,18,32,.25);animation:sh-toast .35s cubic-bezier(.2,1.4,.4,1);max-width:340px}
#sh-root .sh-toast.out{opacity:0;transform:translateX(30px);transition:.3s}
@keyframes sh-toast{from{opacity:0;transform:translateX(40px)}}
/* reveal */
#sh-root .sh-rev{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
#sh-root .sh-rev.in{opacity:1;transform:none}
@media (max-width:980px){
#sh-root .sh-term{grid-template-columns:1fr;gap:40px}
#sh-root .sh-bids{grid-template-columns:1fr}
#sh-root .sh-join{grid-template-columns:1fr}
#sh-root .sh-ok{grid-column:1}
#sh-root .sh-nav{display:none}
#sh-root .sh-cmp-row{grid-template-columns:1fr}
#sh-root .sh-cmp-head{display:none}
#sh-root .sh-cmp .us,#sh-root .sh-cmp .them{padding-top:6px;padding-bottom:14px}
#sh-root .sh-cmp .us::before{content:attr(data-m)" ✓ "}
#sh-root .sh-cmp .them::before{content:attr(data-m)" ✕ "}
#sh-root .sh-deal{grid-template-columns:1fr;gap:10px}
}
@media (max-width:600px){
#sh-root .sh-search{grid-template-columns:1fr}
#sh-root .sh-search input,#sh-root .sh-search select{border-right:none;border-bottom:2px solid var(--ink)}
#sh-root .sh-search .sh-btn{border-left:none}
#sh-root .sh-row2{grid-template-columns:1fr}
#sh-root .sh-step{grid-template-columns:44px 1fr}
#sh-root .sh-step>span{grid-column:2}
}
@media (prefers-reduced-motion:reduce){
#sh-root *,#sh-root *::before,#sh-root *::after{animation:none!important;transition:none!important}
#sh-root .sh-rev{opacity:1;transform:none}
#sh-root .sh-c{transform:none}
}
</style>
<script>
(function(){
"use strict";
var root=document.getElementById('sh-root'); if(!root) return;
var RM=window.matchMedia('(prefers-reduced-motion: reduce)').matches;
/* ============ Тосты ============ */
var toastBox=root.querySelector('#shToasts');
function toast(msg,color){
var t=document.createElement('div'); t.className='sh-toast';
var map={acc:'var(--acc)',up:'var(--up)',dn:'var(--dn)'};
t.style.setProperty('--tc',map[color]||map.acc); t.textContent=msg;
toastBox.appendChild(t);
setTimeout(function(){t.classList.add('out');setTimeout(function(){t.remove();},320);},3000);
}
/* ============ Live-строка ============ */
var liveTxt=root.querySelector('#shLiveTxt');
var liveMsgs=[
'Новый отклик: Frontend в финтех · 280 000 ₽',
'Ставка принята: Go-разработчик · уже 350 000 ₽',
'Сделка закрыта: продакт-менеджер за 7 дней',
'Работодатель ответил за 3 часа вместо 48',
'Новый лот: CFO · вилка 400–520 тыс ₽',
'Индекс зарплат обновлён: +2,4% за месяц'
];
var li=0;
setInterval(function(){
li=(li+1)%liveMsgs.length;
liveTxt.classList.add('fade');
setTimeout(function(){liveTxt.textContent=liveMsgs[li];liveTxt.classList.remove('fade');},300);
},3800);
/* ============ Лоты: фильтры + поиск ============ */
var grid=root.querySelector('#shLots');
var state={cat:'all',tg:{remote:false,fork:false,sla:false,vrf:false},q:''};
function lotsNow(){ return Array.prototype.slice.call(grid.querySelectorAll('.sh-lot')); }
function applyFilters(){
var n=0;
lotsNow().forEach(function(l){
var ok=(state.cat==='all'||l.dataset.cat===state.cat)
&&(!state.tg.remote||l.dataset.remote==='1')
&&(!state.tg.fork||+l.dataset.fork>=250)
&&(!state.tg.sla||+l.dataset.sla<=24)
&&(!state.tg.vrf||l.dataset.vrf==='1')
&&(!state.q||l.textContent.toLowerCase().indexOf(state.q)>-1);
if(ok){ l.style.display=''; requestAnimationFrame(function(){l.classList.remove('off');}); n++; }
else{
l.classList.add('off');
(function(el){setTimeout(function(){if(el.classList.contains('off'))el.style.display='none';},240);})(l);
}
});
return n;
}
root.querySelectorAll('.sh-seg button').forEach(function(b){
b.addEventListener('click',function(){
root.querySelectorAll('.sh-seg button').forEach(function(x){x.classList.remove('on');});
b.classList.add('on'); state.cat=b.dataset.cat;
var n=applyFilters(); toast('Лотов в выборке: '+n,'acc');
});
});
function setToggle(key,on){
state.tg[key]=(on===undefined)?!state.tg[key]:on;
root.querySelectorAll('[data-tg="'+key+'"]').forEach(function(x){x.classList.toggle('on',state.tg[key]);});
root.querySelectorAll('.sh-quick [data-qk="'+key+'"]').forEach(function(x){x.classList.toggle('on',state.tg[key]);});
return applyFilters();
}
root.querySelectorAll('.sh-toggles button').forEach(function(b){
b.addEventListener('click',function(){var n=setToggle(b.dataset.tg); toast('Под фильтр подходит лотов: '+n,'acc');});
});
root.querySelectorAll('.sh-quick button').forEach(function(b){
b.addEventListener('click',function(){
var n=setToggle(b.dataset.qk); toast('Под фильтр подходит лотов: '+n,'acc');
root.querySelector('#sh-lots').scrollIntoView({behavior:RM?'auto':'smooth'});
});
});
root.querySelector('#shSearch').addEventListener('submit',function(e){
e.preventDefault();
var q=this.querySelector('[name="q"]').value.trim().toLowerCase();
state.q=q; var n=applyFilters();
toast(q?('По запросу «'+q+'» лотов: '+n):'Показаны все лоты сессии','up');
root.querySelector('#sh-lots').scrollIntoView({behavior:RM?'auto':'smooth'});
});
/* живое добавление новых лотов */
var pool=[
'<div class="sh-lot-stub"><span>LOT-0866</span></div><div class="sh-lot-body"><div class="sh-lot-top"><h3>CFO</h3><span class="sh-stamp r">Новый</span><span class="sh-stamp g">SLA ≤ 24ч</span></div><p class="sh-lot-co">Финтех-группа · инвестиции · <b class="sh-vrf">✓ ЕГРЮЛ</b></p><div class="sh-lot-pay"><b>400 000 – 520 000 ₽</b></div><p class="sh-lot-meta">Москва · гибрид · M&A-опыт</p><div class="sh-lot-foot"><span class="sh-match hi">match 90%</span><span class="sh-resp">откликов: 0</span><button class="sh-btn sh-btn-xs" data-apply="CFO · финтех-группа">Откликнуться</button></div></div>',
'<div class="sh-lot-stub"><span>LOT-0868</span></div><div class="sh-lot-body"><div class="sh-lot-top"><h3>Frontend React</h3><span class="sh-stamp r">Новый</span><span class="sh-stamp g">SLA ≤ 24ч</span></div><p class="sh-lot-co">EdTech · обучение · <b class="sh-vrf">✓ ЕГРЮЛ</b></p><div class="sh-lot-pay"><b>260 000 – 330 000 ₽</b></div><p class="sh-lot-meta">Удалёнка · TypeScript · 2 позиции</p><div class="sh-lot-foot"><span class="sh-match">match 85%</span><span class="sh-resp">откликов: 0</span><button class="sh-btn sh-btn-xs" data-apply="Frontend React · EdTech">Откликнуться</button></div></div>'
];
var pi=0;
var addTimer=setInterval(function(){
if(pi>=pool.length){clearInterval(addTimer);return;}
var a=document.createElement('article');
a.className='sh-lot new'; a.dataset.cat='tech'; a.dataset.remote='1'; a.dataset.fork='260'; a.dataset.vrf='1'; a.dataset.sla='24';
a.innerHTML=pool[pi++]; grid.prepend(a);
toast('Новый лот на торгах — смотрите раздел «Лоты дня»','up');
},11000);
/* отклик на лот */
grid.addEventListener('click',function(e){
var b=e.target.closest('[data-apply]'); if(!b||b.classList.contains('done'))return;
var lot=b.closest('.sh-lot'), sla=+lot.dataset.sla;
var d=new Date(Date.now()+sla*3600000);
var dd=('0'+d.getDate()).slice(-2)+'.'+('0'+(d.getMonth()+1)).slice(-2)+' '+('0'+d.getHours()).slice(-2)+':'+('0'+d.getMinutes()).slice(-2);
b.textContent='✓ Отправлено'; b.classList.add('done');
toast('Отклик отправлен: '+b.dataset.apply+'. Ответ гарантирован до '+dd+'.','up');
});
/* ============ Аукцион ============ */
root.querySelectorAll('[data-makebid]').forEach(function(b){
b.addEventListener('click',function(){
var card=b.closest('.sh-bid');
var val=card.querySelector('[data-bid]'); var cnt=card.querySelector('[data-bids]');
var step=+b.dataset.step; var cur=+val.dataset.bid+step;
val.dataset.bid=cur; val.textContent=cur.toLocaleString('ru-RU')+' ₽';
val.classList.remove('bump'); void val.offsetWidth; val.classList.add('bump');
cnt.textContent=+cnt.textContent+1;
toast('Ставка принята: '+cur.toLocaleString('ru-RU')+' ₽. Кандидат выбирает, с кем говорить.','acc');
});
});
/* ============ Табы механики ============ */
root.querySelectorAll('.sh-tabs button').forEach(function(b){
b.addEventListener('click',function(){
root.querySelectorAll('.sh-tabs button').forEach(function(x){x.classList.remove('on');});
b.classList.add('on');
root.querySelectorAll('[data-pipe]').forEach(function(p){p.hidden=(p.dataset.pipe!==b.dataset.p);});
});
});
/* ============ Reveal + счётчики ============ */
root.querySelectorAll('.sh-rev').forEach(function(el){ if(el.dataset.d) el.style.transitionDelay=el.dataset.d+'s'; });
var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});},{threshold:.12});
root.querySelectorAll('.sh-rev').forEach(function(el){io.observe(el);});
function animCount(el){
var end=parseFloat(el.dataset.count), dec=+(el.dataset.dec||0), dur=1400, t0=performance.now();
(function f(t){var k=Math.min(1,(t-t0)/dur),e2=1-Math.pow(1-k,3),v=end*e2;
el.textContent=dec?v.toFixed(dec).replace('.',','):Math.round(v).toLocaleString('ru-RU');
if(k<1)requestAnimationFrame(f);})(t0);
}
var cio=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){
var el=e.target;
if(RM){el.textContent=(+el.dataset.dec)?(+el.dataset.count).toFixed(+el.dataset.dec).replace('.',','):(+el.dataset.count).toLocaleString('ru-RU');}
else animCount(el);
cio.unobserve(el);}});},{threshold:.5});
root.querySelectorAll('[data-count]').forEach(function(el){cio.observe(el);});
/* ============ Форма ============ */
var form=root.querySelector('#shForm'), ok=root.querySelector('#shOk');
form.addEventListener('submit',function(e){
e.preventDefault();
var role=form.querySelector('[name="role"]').value.trim();
var fork=form.querySelector('[name="fork"]').value.trim();
var contact=form.querySelector('[name="contact"]').value.trim();
var sla=form.querySelector('[name="sla"]').checked;
if(!role||!fork||!contact||!sla){
form.classList.add('sh-shake'); setTimeout(function(){form.classList.remove('sh-shake');},450);
toast('Заполните роль, вилку, контакт и примите SLA 48 часов.','dn'); return;
}
/* >>> ПОДКЛЮЧЕНИЕ БЭКЕНДА: fetch('/api/lot', {method:'POST', body:new FormData(form)}) или ваш webhook <<< */
form.hidden=true; ok.hidden=false;
toast('Лот принят на модерацию. Проверка ЕГРЮЛ — до 2 часов.','up');
});
/* ============ Якоря ============ */
root.querySelectorAll('[data-to]').forEach(function(b){
b.addEventListener('click',function(e){
e.preventDefault();
var t=root.querySelector(b.dataset.to);
if(t)t.scrollIntoView({behavior:RM?'auto':'smooth',block:'start'});
});
});
})();
</script>
</body>
</html>
2026-08-17T10:38:38Z
https://pandoraburo.ru/ssl/u/pic/82/39796e9a2411f1bacf9dc27ce847b4/-/logo.png
1592962
https://www.pandoraburo.ru/