https://www.pandoraburo.ru/avtomatizirovannyy-klub-znakomstv-tolko-dlya-biznesmenov
Автоматизированный Клуб Знакомств только для Бизнесменов
<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=Unbounded:wght@500;700;900&family=Manrope:ital,wght@0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet" />
<div id="sl-root">
<div class="sl-ticker" aria-hidden="true">
<div class="sl-ticker-track">
<span>▲ MATCH-ИНДЕКС +12,4%</span><i>◆</i><span>12 480 ПРЕДПРИНИМАТЕЛЕЙ ПРОШЛИ ПРОВЕРКУ</span><i>◆</i><span>СЕГОДНЯ 20:00 — СПИД-ДЕЙТ НА ПАТРИКАХ</span><i>◆</i><span>347 СЛИЯНИЙ ЗАКРЫТО</span><i>◆</i><span>KYC: ПРОВЕРЯЕМ ПО ОГРН, А НЕ ПО ФОТО</span><i>◆</i><span>БЕЗ ТУРИСТОВ</span><i>◆</i>
<span>▲ MATCH-ИНДЕКС +12,4%</span><i>◆</i><span>12 480 ПРЕДПРИНИМАТЕЛЕЙ ПРОШЛИ ПРОВЕРКУ</span><i>◆</i><span>СЕГОДНЯ 20:00 — СПИД-ДЕЙТ НА ПАТРИКАХ</span><i>◆</i><span>347 СЛИЯНИЙ ЗАКРЫТО</span><i>◆</i><span>KYC: ПРОВЕРЯЕМ ПО ОГРН, А НЕ ПО ФОТО</span><i>◆</i><span>БЕЗ ТУРИСТОВ</span><i>◆</i>
</div>
</div>
<header class="sl-head">
<div class="sl-wrap sl-head-in">
<a class="sl-logo" href="#top"><span>СЛИ</span><b>ЯНИЕ</b><em>◆</em></a>
<nav class="sl-nav">
<a data-to="#sl-catalog">Каталог</a>
<a data-to="#sl-how">Механика</a>
<a data-to="#sl-cases">Слияния</a>
<a data-to="#sl-events">События</a>
</nav>
<button class="sl-btn-p sl-btn-sm" data-to="#sl-join">Пройти листинг</button>
</div>
</header>
<main id="top">
<section class="sl-hero sl-wrap">
<div class="sl-hero-copy">
<p class="sl-eyebrow sl-rev">PRIVATE MATCH-PORTAL // EST. 2026 // KYC INSIDE</p>
<h1 class="sl-rev" data-d=".08">СЛИЯНИЯ<br /><span class="sl-neon-p">И ПОГЛОЩЕНИЯ</span></h1>
<p class="sl-lead sl-rev" data-d=".16">Первый сервис знакомств, где профиль проверяют по выписке ЕГРЮЛ, а не по гороскопу. Только владельцы бизнеса — <b>без туристов</b>.</p>
<div class="sl-hero-cta sl-rev" data-d=".24">
<button class="sl-btn-p" data-to="#sl-join">Пройти проверку</button>
<button class="sl-btn-g" data-to="#sl-catalog">Смотреть каталог ↓</button>
</div>
<div class="sl-stats sl-rev" data-d=".32">
<div class="sl-stat"><b data-count="12480">0</b><span>предпринимателей</span></div>
<div class="sl-stat"><b data-count="1902">0</b><span>прошли due diligence</span></div>
<div class="sl-stat"><b data-count="347">0</b><span>слияний закрыто</span></div>
</div>
</div>
<div class="sl-hero-visual">
<div class="sl-sign" aria-hidden="true">
<span class="sl-sign-s">★ members only ★</span>
<span class="sl-sign-l1">ТОЛЬКО ДЛЯ</span>
<span class="sl-sign-l2">ПРЕДПРИНИМАТЕЛЕ<span class="flick">Й</span></span>
</div>
<div class="sl-deck" id="slDeck"></div>
<div class="sl-actions">
<button class="sl-act sl-pass" id="slPass" aria-label="Пасс" title="Пасс">✕</button>
<button class="sl-act sl-super" id="slSuper" aria-label="Отправить term sheet" title="Term sheet">⚡</button>
<button class="sl-act sl-like" id="slLike" aria-label="Сделать оффер" title="Сделать оффер">♥</button>
</div>
<p class="sl-deck-hint">тяни карту в сторону — или жми: ✕ пасс · ⚡ term sheet · ♥ оффер</p>
</div>
</section>
<div class="sl-trust sl-wrap sl-rev"><span>ПРОВЕРКА ЕГРЮЛ / ЕГРИП</span><i>◆</i><span>NDA ПО УМОЛЧАНИЮ</span><i>◆</i><span>0% СЛУЧАЙНЫХ ЛЮДЕЙ</span><i>◆</i><span>МАТЧ ПО ЦЕЛЯМ И МАСШТАБУ</span></div>
<section class="sl-section sl-wrap" id="sl-catalog">
<div class="sl-sec-head sl-rev"><span>01</span><h2>Каталог партий</h2><em>LISTED · VERIFIED</em></div>
<div class="sl-tabs sl-rev" data-d=".1">
<button class="on" data-cat="all">Все</button>
<button data-cat="it">IT & Финтех</button>
<button data-cat="horeca">HoReCa & Ритейл</button>
<button data-cat="prod">Производство & Услуги</button>
<button data-cat="invest">Инвестиции</button>
</div>
<div class="sl-grid" id="slGrid"></div>
</section>
<section class="sl-section sl-wrap" id="sl-how">
<div class="sl-sec-head sl-rev"><span>02</span><h2>Как проходит сделка</h2><em>PIPELINE</em></div>
<div class="sl-steps">
<div class="sl-step a-p sl-rev"><b>01 · Заявка</b><p>Расскажите о себе и бизнесе. Две минуты — и никаких фото «на спорткаре».</p></div>
<div class="sl-step a-c sl-rev" data-d=".08"><b>02 · Due diligence</b><p>Проверяем ОГРН / ИП, выручку и публичность. Появляется бейдж «Проверен».</p></div>
<div class="sl-step a-g sl-rev" data-d=".16"><b>03 · Мэтчинг</b><p>Алгоритм сводит по отрасли, масштабу и целям: семья, партнёрство или оба пункта.</p></div>
<div class="sl-step a-p sl-rev" data-d=".24"><b>04 · Первая встреча</b><p>Нейтральная территория: бизнес-завтрак, картинг, гольф. NDA — если хотите.</p></div>
<div class="sl-step a-c sl-rev" data-d=".32"><b>05 · Слияние</b><p>Остальное — дело техники. 347 пар уже закрыли сделку. Ваша очередь.</p></div>
</div>
</section>
<section class="sl-section sl-wrap" id="sl-cases">
<div class="sl-sec-head sl-rev"><span>03</span><h2>Закрытые сделки</h2><em>CASES</em></div>
<div class="sl-cases">
<figure class="sl-case sl-rev" style="--rot:-2.4deg"><span class="sl-tape"></span>
<p>«Познакомились на питч-сессии. Через два года — свадьба и общий оборот 120 млн в год».</p>
<figcaption><span>А&Г · E-COMMERCE</span><b>Анна и Глеб</b><i>СЛИЯНИЕ 2024</i></figcaption>
</figure>
<figure class="sl-case sl-rev" data-d=".1" style="--rot:1.8deg;top:26px"><span class="sl-tape"></span>
<p>«Три часа спорили о логистических плечах на первом свидании. Теперь у нас одно плечо на двоих».</p>
<figcaption><span>М&Т · ЛОГИСТИКА</span><b>Мария и Тимур</b><i>СЛИЯНИЕ 2025</i></figcaption>
</figure>
<figure class="sl-case sl-rev" data-d=".2" style="--rot:-1.2deg;top:10px"><span class="sl-tape"></span>
<p>«Он сделал предложение в день закрытия раунда. Два события, один вечер — он умеет считать риски».</p>
<figcaption><span>Е&К · ФИНТЕХ</span><b>Ева и Кирилл</b><i>СЛИЯНИЕ 2026</i></figcaption>
</figure>
</div>
</section>
<section class="sl-section sl-wrap" id="sl-events">
<div class="sl-sec-head sl-rev"><span>04</span><h2>Календарь встреч</h2><em>OFFLINE · LIVE</em></div>
<div class="sl-evs">
<div class="sl-ev sl-rev"><div class="sl-ev-d"><b>22</b><span>АВГ</span></div><div class="sl-ev-i"><h4>Бизнес-завтрак «Раунд А и сердце»</h4><p>Москва-Сити, башня «Федерация» · 10:00</p></div><span class="sl-ev-s">6 мест</span><button class="sl-btn-mini" data-rsvp="бизнес-завтрак 22.08">RSVP</button></div>
<div class="sl-ev sl-rev" data-d=".06"><div class="sl-ev-d"><b>29</b><span>АВГ</span></div><div class="sl-ev-i"><h4>Pitch & Date: спид-дейтинг фаундеров</h4><p>Санкт-Петербург, «Севкабель Порт» · 19:30</p></div><span class="sl-ev-s">14 мест</span><button class="sl-btn-mini" data-rsvp="Pitch & Date 29.08">RSVP</button></div>
<div class="sl-ev sl-rev" data-d=".12"><div class="sl-ev-d"><b>05</b><span>СЕН</span></div><div class="sl-ev-i"><h4>Wine & Venture Casino</h4><p>Казань, район Кремля · 20:00</p></div><span class="sl-ev-s">9 мест</span><button class="sl-btn-mini" data-rsvp="Casino 05.09">RSVP</button></div>
<div class="sl-ev sl-rev" data-d=".18"><div class="sl-ev-d"><b>12</b><span>СЕН</span></div><div class="sl-ev-i"><h4>Закрытый ужин верифицированных</h4><p>Дубай, DIFC · по приглашениям</p></div><span class="sl-ev-s">лист ожидания</span><button class="sl-btn-mini" data-rsvp="ужин DIFC 12.09">RSVP</button></div>
</div>
</section>
<section class="sl-section sl-wrap" id="sl-join">
<div class="sl-sec-head sl-rev"><span>05</span><h2>Заявка на листинг</h2><em>ONBOARDING</em></div>
<div class="sl-join">
<div class="sl-join-copy sl-rev">
<h3>Ваш профиль выйдет на биржу сердец</h3>
<p>Заполните заявку — команда проведёт due diligence и откроет доступ к закрытым матчам. Среднее время проверки — 24 часа.</p>
<ul class="sl-checks">
<li><i>✓</i>Верификация ЕГРЮЛ / ЕГРИП — фейки не проходят</li>
<li><i>✓</i>Мэтчинг по отрасли, масштабу и целям</li>
<li><i>✓</i>Первые сообщения — под NDA, если пожелаете</li>
</ul>
</div>
<form class="sl-form sl-rev" data-d=".12" id="slForm" novalidate="novalidate">
<label>Имя *<input class="sl-in" name="name" type="text" placeholder="Как к вам обращаться" autocomplete="name" /></label>
<div class="sl-row2">
<label>Город<input class="sl-in" name="city" type="text" placeholder="Москва" /></label>
<label>Отрасль<select class="sl-in" name="niche"><option>IT & Финтех</option><option>HoReCa & Ритейл</option><option>Производство & Услуги</option><option>Инвестиции</option><option>Другое</option></select></label>
</div>
<label>Выручка<select class="sl-in" name="rev"><option>Pre-seed (но верю в себя)</option><option>до 1 млн ₽ / мес</option><option>1–10 млн ₽ / мес</option><option>10 млн ₽+ / мес</option><option>Не скажу — пусть будет интрига</option></select></label>
<span class="sl-lab">Кого ищете *</span>
<div class="sl-pills">
<label class="sl-pill"><input type="radio" name="goal" value="life" /><span>Партнёра по жизни</span></label>
<label class="sl-pill"><input type="radio" name="goal" value="biz" /><span>Партнёра по бизнесу</span></label>
<label class="sl-pill"><input type="radio" name="goal" value="both" /><span>И то и другое (максимум)</span></label>
</div>
<label class="sl-chk"><input type="checkbox" name="ok" /><i>✓</i>Подтверждаю: я собственник бизнеса / ИП / партнёр и согласен(на) на проверку.</label>
<button class="sl-btn-p sl-btn-w" type="submit">Подать заявку на листинг</button>
<p class="sl-fine">Нажимая кнопку, вы соглашаетесь с правилами клуба. Спам не пройдёт — как и слабый питч.</p>
</form>
<div class="sl-ok" id="slOk" hidden="hidden">
<div class="sl-stamp">LISTED ✓</div>
<h3>Заявка принята</h3>
<p>Due diligence займёт до 24 часов. После проверки откроем доступ к закрытым матчам и календарю событий.</p>
</div>
</div>
</section>
</main>
<footer class="sl-foot">
<div class="sl-wrap sl-foot-in">
<span class="sl-logo small"><span>СЛИ</span><b>ЯНИЕ</b><em>◆</em></span>
<span class="sl-foot-note">Виджет-блок · вставляется между маркерами на любом сайте</span>
<span>© 2026 · Сделано предпринимателями для предпринимателей</span>
</div>
</footer>
<div class="sl-match" id="slMatch" role="dialog" aria-modal="true">
<div class="sl-match-panel">
<span class="sl-mono c">СДЕЛКА № 2026-0817 · CONFIDENTIAL</span>
<h3 class="sl-neon-g">СЛИЯНИЕ<br />ОДОБРЕНО</h3>
<div class="sl-mm"><span class="sl-mg gy">ВЫ</span><span class="sl-mx">◆</span><span class="sl-mg" id="slMatchG">—</span></div>
<p id="slMatchTxt"></p>
<button class="sl-btn-g" id="slMatchClose">Продолжить листинг</button>
</div>
</div>
<div class="sl-toasts" id="slToasts"></div>
</div>
<style>
/* ======== СЛИЯНИЕ · изолированные стили (префикс #sl-root) ======== */
#sl-root{
--ink:#0B0F1E; --panel:#101735; --panel2:#0d1430;
--pink:#FF2E88; --cyan:#22E4FF; --gold:#FFC24B;
--txt:#E9EEFF; --dim:#8A94BD; --line:rgba(150,170,255,.16);
--fd:'Unbounded','Arial Black',sans-serif; --fb:'Manrope',system-ui,sans-serif; --fm:'JetBrains Mono',monospace;
position:relative; overflow:hidden; background:
radial-gradient(900px 520px at 88% -6%, rgba(34,228,255,.10), transparent 60%),
radial-gradient(820px 620px at -8% 18%, rgba(255,46,136,.13), transparent 60%),
radial-gradient(720px 520px at 50% 112%, rgba(255,194,75,.08), transparent 60%),
var(--ink);
color:var(--txt); font-family:var(--fb); line-height:1.55; -webkit-font-smoothing:antialiased;
}
#sl-root *,#sl-root *::before,#sl-root *::after{box-sizing:border-box;margin:0;padding:0}
#sl-root ::selection{background:var(--pink);color:#160510}
#sl-root a{color:inherit;text-decoration:none}
#sl-root button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit}
#sl-root::before{ /* сетка */
content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
background-image:linear-gradient(rgba(150,170,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(150,170,255,.06) 1px,transparent 1px);
background-size:44px 44px;
-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 0%,#000 30%,transparent 90%);
mask-image:radial-gradient(ellipse 90% 80% at 50% 0%,#000 30%,transparent 90%);
}
#sl-root::after{ /* шум */
content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
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.05'/%3E%3C/svg%3E");
}
#sl-root header,#sl-root main,#sl-root footer,#sl-root .sl-ticker{position:relative;z-index:1}
#sl-root .sl-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
#sl-root .sl-mono{font-family:var(--fm);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
/* тикер */
#sl-root .sl-ticker{overflow:hidden;border-bottom:1px solid var(--line);background:rgba(255,46,136,.05)}
#sl-root .sl-ticker-track{display:flex;align-items:center;gap:2.4rem;width:max-content;padding:9px 0;animation:sl-scroll 30s linear infinite;font-family:var(--fm);font-size:11px;letter-spacing:.14em;color:var(--cyan);text-transform:uppercase;white-space:nowrap}
#sl-root .sl-ticker:hover .sl-ticker-track{animation-play-state:paused}
#sl-root .sl-ticker i{color:var(--gold);font-style:normal}
@keyframes sl-scroll{to{transform:translateX(-50%)}}
/* шапка */
#sl-root .sl-head{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background:rgba(11,15,30,.82);backdrop-filter:blur(10px)}
#sl-root .sl-head-in{display:flex;align-items:center;gap:28px;padding-top:14px;padding-bottom:14px}
#sl-root .sl-logo{font-family:var(--fd);font-weight:900;font-size:20px;letter-spacing:.04em;display:flex;align-items:baseline;gap:2px}
#sl-root .sl-logo b{color:var(--pink);text-shadow:0 0 12px rgba(255,46,136,.8)}
#sl-root .sl-logo em{font-style:normal;color:var(--gold);font-size:11px;animation:sl-pulse 2.4s ease-in-out infinite}
#sl-root .sl-logo.small{font-size:15px}
@keyframes sl-pulse{50%{opacity:.25}}
#sl-root .sl-nav{display:flex;gap:26px;margin-left:auto}
#sl-root .sl-nav a{font-family:var(--fm);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);cursor:pointer;transition:color .2s;position:relative}
#sl-root .sl-nav a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--cyan);transition:width .25s}
#sl-root .sl-nav a:hover{color:var(--cyan)}
#sl-root .sl-nav a:hover::after{width:100%}
/* кнопки */
#sl-root .sl-btn-p{font-family:var(--fd);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;background:var(--pink);color:#160510;padding:15px 26px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);box-shadow:0 0 24px rgba(255,46,136,.45);transition:transform .2s,box-shadow .2s}
#sl-root .sl-btn-p:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(255,46,136,.7)}
#sl-root .sl-btn-p:active{transform:scale(.97)}
#sl-root .sl-btn-sm{padding:11px 18px;font-size:11px}
#sl-root .sl-btn-w{width:100%}
#sl-root .sl-btn-g{font-family:var(--fd);font-weight:500;font-size:13px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--cyan);color:var(--cyan);padding:14px 24px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);transition:.25s}
#sl-root .sl-btn-g:hover{background:rgba(34,228,255,.1);box-shadow:0 0 26px rgba(34,228,255,.35)}
#sl-root .sl-btn-mini{font-family:var(--fm);font-size:11px;letter-spacing:.12em;border:1px solid var(--pink);color:var(--pink);padding:9px 16px;transition:.2s}
#sl-root .sl-btn-mini:hover{background:var(--pink);color:#160510;box-shadow:0 0 18px rgba(255,46,136,.5)}
#sl-root .sl-btn-mini.done{border-color:var(--gold);color:var(--gold);pointer-events:none}
/* герой */
#sl-root .sl-hero{display:grid;grid-template-columns:1.12fr .88fr;gap:48px;padding-top:64px;padding-bottom:56px;align-items:center}
#sl-root .sl-eyebrow{font-family:var(--fm);font-size:11px;letter-spacing:.2em;color:var(--cyan);margin-bottom:18px}
#sl-root .sl-hero h1{font-family:var(--fd);font-weight:900;font-size:clamp(38px,5.8vw,74px);line-height:.98;text-transform:uppercase;margin-bottom:22px}
#sl-root .sl-neon-p{color:#fff;text-shadow:0 0 8px rgba(255,46,136,.9),0 0 28px rgba(255,46,136,.7),0 0 70px rgba(255,46,136,.4)}
#sl-root .sl-neon-g{color:#fff;text-shadow:0 0 8px rgba(255,194,75,.9),0 0 28px rgba(255,194,75,.6),0 0 70px rgba(255,194,75,.35)}
#sl-root .sl-lead{color:var(--dim);font-size:17px;max-width:480px;margin-bottom:28px}
#sl-root .sl-lead b{color:var(--gold)}
#sl-root .sl-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}
#sl-root .sl-stats{display:flex;gap:34px;flex-wrap:wrap}
#sl-root .sl-stat b{display:block;font-family:var(--fd);font-weight:700;font-size:clamp(22px,2.6vw,32px);color:var(--txt)}
#sl-root .sl-stat span{font-family:var(--fm);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
#sl-root .sl-stat:nth-child(1) b{color:var(--pink)} #sl-root .sl-stat:nth-child(2) b{color:var(--cyan)} #sl-root .sl-stat:nth-child(3) b{color:var(--gold)}
/* неоновая вывеска */
#sl-root .sl-sign{position:absolute;top:-38px;right:-6px;z-index:6;transform:rotate(2.5deg);border:2px solid rgba(255,46,136,.75);border-radius:8px;padding:10px 16px 12px;text-align:center;font-family:var(--fd);color:#FFD7E8;background:rgba(255,46,136,.05);
box-shadow:0 0 14px rgba(255,46,136,.5),inset 0 0 22px rgba(255,46,136,.22),0 0 46px rgba(255,46,136,.25);
text-shadow:0 0 6px var(--pink),0 0 18px rgba(255,46,136,.85)}
#sl-root .sl-sign-s{display:block;font-family:var(--fm);font-size:9px;letter-spacing:.3em;color:var(--cyan);text-shadow:0 0 8px rgba(34,228,255,.9);margin-bottom:5px}
#sl-root .sl-sign-l1{display:block;font-size:12px;letter-spacing:.2em}
#sl-root .sl-sign-l2{display:block;font-size:12px;letter-spacing:.12em}
#sl-root .sl-sign .flick{animation:sl-flick 4.2s infinite steps(1)}
@keyframes sl-flick{0%,6.9%,8.1%,42%,43.4%,100%{opacity:1}7%,8%{opacity:.15}42.2%,43.2%{opacity:.2}}
/* колода */
#sl-root .sl-hero-visual{position:relative}
#sl-root .sl-deck{position:relative;height:500px;max-width:390px;margin:46px auto 0}
#sl-root .sl-card{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);transition:transform .38s cubic-bezier(.2,.8,.3,1),opacity .3s;will-change:transform}
#sl-root .sl-card.pos0{z-index:3;cursor:grab;touch-action:none}
#sl-root .sl-card.pos0:active{cursor:grabbing}
#sl-root .sl-card.pos1{z-index:2;transform:translateY(16px) scale(.95)}
#sl-root .sl-card.pos2{z-index:1;transform:translateY(30px) scale(.9);opacity:.7}
#sl-root .sl-card.pop{opacity:0;transform:translateY(34px) scale(.86)}
#sl-root .sl-c-top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}
#sl-root .sl-tick{font-family:var(--fm);font-size:12px;letter-spacing:.14em;color:var(--cyan)}
#sl-root .sl-vrf{font-family:var(--fm);font-size:9px;letter-spacing:.12em;color:var(--gold);border:1px solid rgba(255,194,75,.5);padding:3px 8px}
#sl-root .sl-c-face{position:relative;flex:1;min-height:150px;display:flex;align-items:flex-end;overflow:hidden}
#sl-root .sl-c-face b{font-family:var(--fd);font-weight:900;font-size:110px;line-height:.8;color:rgba(10,12,26,.85);padding:0 0 12px 18px}
#sl-root .sl-c-face::after{content:"◆";position:absolute;right:-24px;top:-34px;font-size:150px;color:rgba(10,12,26,.18)}
#sl-root .sl-city{position:absolute;left:18px;top:14px;font-family:var(--fm);font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:rgba(8,10,22,.55);padding:4px 10px}
#sl-root .sl-online{position:absolute;right:14px;top:16px;width:9px;height:9px;border-radius:50%;background:#57F287;box-shadow:0 0 10px #57F287;animation:sl-pulse 2s infinite}
#sl-root .sl-c-body{padding:16px}
#sl-root .sl-c-body h3{font-family:var(--fd);font-weight:700;font-size:20px;margin-bottom:4px}
#sl-root .sl-c-ind{display:block;font-family:var(--fm);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:10px}
#sl-root .sl-q{font-style:italic;color:#C9D3F2;font-size:14px;margin-bottom:12px}
#sl-root .sl-tags{display:flex;gap:6px;flex-wrap:wrap}
#sl-root .sl-tags i{font-style:normal;font-family:var(--fm);font-size:10px;color:var(--cyan);border:1px solid rgba(34,228,255,.35);padding:3px 8px}
#sl-root .sl-c-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:10px 16px;font-family:var(--fm);font-size:10px;letter-spacing:.1em;color:var(--dim)}
#sl-root .sl-c-foot em{font-style:normal;color:var(--pink)}
#sl-root .sl-st-like,#sl-root .sl-st-pass{position:absolute;top:22px;z-index:5;font-family:var(--fd);font-weight:700;font-size:15px;letter-spacing:.12em;padding:6px 13px;border:3px solid;border-radius:6px;opacity:0;pointer-events:none}
#sl-root .sl-st-like{right:16px;color:var(--pink);border-color:var(--pink);transform:rotate(12deg);opacity:var(--like-o,0)}
#sl-root .sl-st-pass{left:16px;color:var(--cyan);border-color:var(--cyan);transform:rotate(-12deg);opacity:var(--pass-o,0)}
#sl-root .sl-actions{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:26px}
#sl-root .sl-act{width:56px;height:56px;border-radius:50%;border:2px solid;display:grid;place-items:center;font-size:20px;transition:transform .18s,box-shadow .18s}
#sl-root .sl-act:hover{transform:scale(1.14)} #sl-root .sl-act:active{transform:scale(.92)}
#sl-root .sl-pass{border-color:var(--cyan);color:var(--cyan)} .sl-pass:hover{box-shadow:0 0 22px rgba(34,228,255,.55)}
#sl-root .sl-super{width:48px;height:48px;border-color:var(--gold);color:var(--gold);font-size:17px} .sl-super:hover{box-shadow:0 0 22px rgba(255,194,75,.55)}
#sl-root .sl-like{width:64px;height:64px;border-color:var(--pink);background:var(--pink);color:#160510;font-size:24px;box-shadow:0 0 26px rgba(255,46,136,.5)} .sl-like:hover{box-shadow:0 0 44px rgba(255,46,136,.8)}
#sl-root .sl-deck-hint{text-align:center;font-family:var(--fm);font-size:10px;letter-spacing:.1em;color:var(--dim);margin-top:14px;text-transform:uppercase}
/* тикер доверия */
#sl-root .sl-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:14px;padding-bottom:14px;font-family:var(--fm);font-size:10px;letter-spacing:.16em;color:var(--dim)}
#sl-root .sl-trust i{color:var(--gold);font-style:normal}
/* секции */
#sl-root .sl-section{padding-top:84px}
#sl-root .sl-sec-head{display:flex;align-items:baseline;gap:18px;margin-bottom:42px;flex-wrap:wrap}
#sl-root .sl-sec-head span{font-family:var(--fm);color:var(--pink);font-size:13px;letter-spacing:.2em}
#sl-root .sl-sec-head h2{font-family:var(--fd);font-weight:800;font-size:clamp(24px,3.4vw,42px);text-transform:uppercase}
#sl-root .sl-sec-head em{font-style:normal;margin-left:auto;font-family:var(--fm);font-size:10px;letter-spacing:.18em;color:var(--cyan);border:1px solid rgba(34,228,255,.4);padding:5px 12px}
/* каталог */
#sl-root .sl-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}
#sl-root .sl-tabs button{font-family:var(--fm);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);border:1px solid var(--line);padding:9px 16px;transition:.2s}
#sl-root .sl-tabs button:hover{color:var(--cyan);border-color:var(--cyan)}
#sl-root .sl-tabs button.on{color:#160510;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 18px rgba(34,228,255,.45)}
#sl-root .sl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
#sl-root .sl-mini{background:var(--panel);border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);transition:opacity .25s,transform .25s,border-color .25s,box-shadow .25s;transform-style:preserve-3d}
#sl-root .sl-mini.off{opacity:0;transform:scale(.92);pointer-events:none}
#sl-root .sl-mini:hover{border-color:rgba(255,46,136,.5);box-shadow:0 14px 40px rgba(255,46,136,.14)}
#sl-root .sl-mini .sl-c-face{min-height:110px}
#sl-root .sl-mini .sl-c-face b{font-size:72px}
#sl-root .sl-mini .sl-c-body{padding:14px}
#sl-root .sl-mini .sl-c-body h3{font-size:17px}
#sl-root .sl-mini .sl-offer{display:block;width:calc(100% - 28px);margin:0 14px 14px;font-family:var(--fm);font-size:11px;letter-spacing:.12em;border:1px solid var(--pink);color:var(--pink);padding:9px;transition:.2s}
#sl-root .sl-mini .sl-offer:hover{background:var(--pink);color:#160510;box-shadow:0 0 18px rgba(255,46,136,.5)}
/* градиенты мономграмм */
#sl-root .g1 .sl-c-face{background:linear-gradient(135deg,#ff2e88,#ff7a3d)}
#sl-root .g2 .sl-c-face{background:linear-gradient(135deg,#22e4ff,#2a6bff)}
#sl-root .g3 .sl-c-face{background:linear-gradient(135deg,#ffc24b,#ff6b4b)}
#sl-root .g4 .sl-c-face{background:linear-gradient(135deg,#4bffc6,#0fbf9f)}
#sl-root .g5 .sl-c-face{background:linear-gradient(135deg,#ff9de2,#8a2eff)}
#sl-root .g6 .sl-c-face{background:linear-gradient(135deg,#9dff8a,#22b8ff)}
#sl-root .g7 .sl-c-face{background:linear-gradient(135deg,#ffd166,#ef476f)}
#sl-root .g8 .sl-c-face{background:linear-gradient(135deg,#6ee7ff,#7c6bff)}
/* пайплайн */
#sl-root .sl-steps{position:relative;max-width:900px;margin:0 auto;padding:10px 0}
#sl-root .sl-steps::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:2px dashed rgba(150,170,255,.25)}
#sl-root .sl-step{position:relative;width:calc(50% - 46px);background:var(--panel);border:1px solid var(--line);padding:20px 22px;margin-bottom:26px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
#sl-root .sl-step:nth-child(even){margin-left:auto}
#sl-root .sl-step::before{content:"";position:absolute;top:26px;width:13px;height:13px;border-radius:50%;transform:rotate(45deg);border-radius:3px}
#sl-root .sl-step:nth-child(odd)::before{right:-53px}
#sl-root .sl-step:nth-child(even)::before{left:-53px}
#sl-root .sl-step b{display:block;font-family:var(--fd);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
#sl-root .sl-step p{color:var(--dim);font-size:14px}
#sl-root .sl-step.a-p::before{background:var(--pink);box-shadow:0 0 14px var(--pink)} #sl-root .sl-step.a-p b{color:var(--pink)}
#sl-root .sl-step.a-c::before{background:var(--cyan);box-shadow:0 0 14px var(--cyan)} #sl-root .sl-step.a-c b{color:var(--cyan)}
#sl-root .sl-step.a-g::before{background:var(--gold);box-shadow:0 0 14px var(--gold)} #sl-root .sl-step.a-g b{color:var(--gold)}
/* кейсы */
#sl-root .sl-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:12px}
#sl-root .sl-case{position:relative;background:#141C3D;border:1px solid rgba(255,194,75,.35);padding:30px 22px 20px;transform:rotate(var(--rot,0deg));transition:transform .35s,box-shadow .35s}
#sl-root .sl-case:hover{transform:rotate(0deg) translateY(-6px);box-shadow:0 20px 50px rgba(255,194,75,.14)}
#sl-root .sl-tape{position:absolute;top:-11px;left:50%;transform:translateX(-50%) rotate(-2deg);width:92px;height:22px;background:rgba(255,194,75,.35)}
#sl-root .sl-case p{font-style:italic;font-size:15px;color:#D6DDF7;margin-bottom:16px}
#sl-root .sl-case figcaption{display:flex;flex-direction:column;gap:3px;border-top:1px dashed var(--line);padding-top:12px}
#sl-root .sl-case figcaption span{font-family:var(--fm);font-size:9px;letter-spacing:.18em;color:var(--cyan)}
#sl-root .sl-case figcaption b{font-family:var(--fd);font-size:14px}
#sl-root .sl-case figcaption i{font-style:normal;font-family:var(--fm);font-size:9px;letter-spacing:.18em;color:var(--gold)}
/* события */
#sl-root .sl-evs{border-top:1px solid var(--line)}
#sl-root .sl-ev{display:grid;grid-template-columns:86px 1fr auto auto;gap:22px;align-items:center;padding:20px 8px;border-bottom:1px solid var(--line);transition:.25s}
#sl-root .sl-ev:hover{background:rgba(34,228,255,.04);transform:translateX(6px)}
#sl-root .sl-ev-d b{display:block;font-family:var(--fd);font-weight:900;font-size:30px;line-height:1;color:var(--cyan)}
#sl-root .sl-ev-d span{font-family:var(--fm);font-size:10px;letter-spacing:.2em;color:var(--dim)}
#sl-root .sl-ev-i h4{font-family:var(--fd);font-weight:700;font-size:16px;margin-bottom:4px}
#sl-root .sl-ev-i p{color:var(--dim);font-size:13px}
#sl-root .sl-ev-s{font-family:var(--fm);font-size:10px;letter-spacing:.12em;color:var(--gold);border:1px solid rgba(255,194,75,.4);padding:5px 10px;white-space:nowrap}
/* заявка */
#sl-root .sl-join{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start;padding-bottom:20px}
#sl-root .sl-join-copy h3{font-family:var(--fd);font-weight:800;font-size:clamp(20px,2.4vw,30px);text-transform:uppercase;margin-bottom:16px}
#sl-root .sl-join-copy>p{color:var(--dim);margin-bottom:26px;max-width:420px}
#sl-root .sl-checks{list-style:none;display:flex;flex-direction:column;gap:14px}
#sl-root .sl-checks li{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:#C9D3F2}
#sl-root .sl-checks i{font-style:normal;flex:0 0 22px;height:22px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);font-size:12px}
#sl-root .sl-form{position:relative;background:var(--panel);border:1px solid var(--line);padding:30px;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);display:flex;flex-direction:column;gap:16px}
#sl-root .sl-form label{display:flex;flex-direction:column;gap:7px;font-family:var(--fm);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
#sl-root .sl-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#sl-root .sl-in{width:100%;background:var(--panel2);border:1px solid var(--line);color:var(--txt);padding:12px 14px;font:500 14px var(--fb);border-radius:3px;transition:.2s}
#sl-root .sl-in:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 3px rgba(255,46,136,.15)}
#sl-root .sl-in option{background:var(--panel2)}
#sl-root .sl-lab{font-family:var(--fm);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
#sl-root .sl-pills{display:flex;gap:10px;flex-wrap:wrap}
#sl-root .sl-pill{position:relative}
#sl-root .sl-pill input{position:absolute;opacity:0}
#sl-root .sl-pill span{display:inline-block;padding:9px 15px;border:1px solid var(--line);border-radius:999px;font:600 13px var(--fb);color:var(--dim);cursor:pointer;transition:.2s}
#sl-root .sl-pill input:checked+span{border-color:var(--cyan);color:var(--cyan);background:rgba(34,228,255,.08);box-shadow:0 0 14px rgba(34,228,255,.25)}
#sl-root .sl-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(--dim)}
#sl-root .sl-chk input{position:absolute;opacity:0}
#sl-root .sl-chk i{font-style:normal;flex:0 0 19px;height:19px;border:1px solid var(--line);border-radius:3px;display:grid;place-items:center;font-size:11px;color:transparent;transition:.2s;margin-top:1px}
#sl-root .sl-chk input:checked+i{border-color:var(--gold);color:var(--gold);background:rgba(255,194,75,.1)}
#sl-root .sl-fine{font-size:11px;color:var(--dim)}
#sl-root .sl-form.sl-shake{animation:sl-shake .4s}
@keyframes sl-shake{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
#sl-root .sl-ok{grid-column:2;background:var(--panel);border:1px solid rgba(255,194,75,.5);padding:44px 30px;text-align:center;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
#sl-root .sl-ok h3{font-family:var(--fd);font-size:22px;text-transform:uppercase;margin:20px 0 10px}
#sl-root .sl-ok p{color:var(--dim);max-width:380px;margin:0 auto}
#sl-root .sl-stamp{display:inline-block;padding:10px 24px;border:3px solid var(--gold);border-radius:6px;color:var(--gold);font-family:var(--fd);font-weight:700;letter-spacing:.16em;transform:rotate(-7deg);box-shadow:0 0 26px rgba(255,194,75,.4);animation:sl-stamp .5s cubic-bezier(.2,2,.4,1)}
@keyframes sl-stamp{0%{transform:rotate(-7deg) scale(2.4);opacity:0}100%{transform:rotate(-7deg) scale(1);opacity:1}}
/* подвал */
#sl-root .sl-foot{border-top:1px solid var(--line);margin-top:70px}
#sl-root .sl-foot-in{display:flex;align-items:center;gap:26px;flex-wrap:wrap;padding-top:22px;padding-bottom:22px}
#sl-root .sl-foot-note{font-family:var(--fm);font-size:10px;letter-spacing:.12em;color:var(--dim);text-transform:uppercase;margin:0 auto;text-align:center}
#sl-root .sl-foot-in>span:last-child{font-family:var(--fm);font-size:10px;letter-spacing:.1em;color:var(--dim)}
/* оверлей матча */
#sl-root .sl-match{position:absolute;inset:0;z-index:80;display:none;place-items:center;background:rgba(6,9,20,.9);backdrop-filter:blur(5px)}
#sl-root .sl-match.open{display:grid}
#sl-root .sl-match-panel{position:relative;text-align:center;background:var(--panel);border:1px solid rgba(255,194,75,.6);box-shadow:0 0 60px rgba(255,194,75,.2);padding:44px 54px;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);max-width:92%}
#sl-root .sl-match-panel .sl-mono.c{color:var(--cyan)}
#sl-root .sl-match-panel h3{font-family:var(--fd);font-weight:900;font-size:clamp(26px,4vw,44px);line-height:1.05;margin:16px 0 22px}
#sl-root .sl-mm{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:18px}
#sl-root .sl-mg{display:grid;place-items:center;width:64px;height:64px;font-family:var(--fd);font-weight:900;font-size:15px;color:#0b0f1e}
#sl-root .sl-mg.gy{background:linear-gradient(135deg,#e9eeff,#8a94bd)}
#sl-root .sl-mx{color:var(--gold);animation:sl-pulse 1.6s infinite}
#sl-root .sl-match-panel p{color:var(--dim);margin-bottom:26px;max-width:340px;margin-left:auto;margin-right:auto}
#sl-root .sl-spark{position:absolute;left:50%;top:50%;width:7px;height:7px;pointer-events:none;animation:sl-spark 1s ease-out forwards}
@keyframes sl-spark{to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}
/* тосты */
#sl-root .sl-toasts{position:fixed;bottom:22px;right:22px;z-index:2147483000;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
#sl-root .sl-toast{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--tc,var(--pink));padding:12px 18px;font:500 13px var(--fb);color:var(--txt);box-shadow:0 12px 34px rgba(0,0,0,.5);animation:sl-toast .35s cubic-bezier(.2,1.4,.4,1);max-width:320px}
#sl-root .sl-toast.out{opacity:0;transform:translateX(30px);transition:.3s}
@keyframes sl-toast{from{opacity:0;transform:translateX(40px)}}
/* reveal */
#sl-root .sl-rev{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
#sl-root .sl-rev.in{opacity:1;transform:none}
/* адаптив */
@media (max-width:980px){
#sl-root .sl-hero{grid-template-columns:1fr;gap:70px;padding-top:48px}
#sl-root .sl-join{grid-template-columns:1fr}
#sl-root .sl-ok{grid-column:1}
#sl-root .sl-cases{grid-template-columns:1fr;max-width:460px;margin:0 auto}
#sl-root .sl-nav{display:none}
#sl-root .sl-steps::before{left:8px}
#sl-root .sl-step{width:calc(100% - 44px);margin-left:44px!important}
#sl-root .sl-step::before{left:-42px!important;right:auto!important}
}
@media (max-width:600px){
#sl-root .sl-deck{height:460px}
#sl-root .sl-ev{grid-template-columns:60px 1fr;row-gap:12px}
#sl-root .sl-ev-s{grid-column:1/-1;justify-self:start}
#sl-root .sl-ev .sl-btn-mini{grid-column:1/-1;justify-self:start}
#sl-root .sl-row2{grid-template-columns:1fr}
#sl-root .sl-sign{right:0}
}
@media (prefers-reduced-motion:reduce){
#sl-root *,#sl-root *::before,#sl-root *::after{animation:none!important;transition:none!important}
#sl-root .sl-rev{opacity:1;transform:none}
}
</style>
<script>
(function(){
"use strict";
var root=document.getElementById('sl-root'); if(!root) return;
var RM=window.matchMedia('(prefers-reduced-motion: reduce)').matches;
/* ============ ДАННЫЕ: правьте анкеты здесь ============ */
var PROFILES=[
{t:'ALN·29', g:'g1', name:'Алина, 29', city:'Москва', ind:'Финтех · платёжная платформа', rev:'ВЫРУЧКА · 8 МЛН/МЕС', quote:'«Ищу того, с кем можно и IPO, и свадьбу».', tags:['#финтех','#раундА','#триатлон'], cat:'it'},
{t:'MRK·34', g:'g2', name:'Марк, 34', city:'Санкт-Петербург',ind:'IT · интегратор, управляющий партнёр', rev:'ОБОРОТ · 220 МЛН/ГОД', quote:'«Мой язык любви — бизнес-план».', tags:['#M&A','#яхтинг'], cat:'it'},
{t:'DIN·31', g:'g3', name:'Диана, 31', city:'Казань', ind:'HoReCa · сеть из 12 кофеен', rev:'ВЫРУЧКА · 4 МЛН/МЕС', quote:'«Накормлю завтраками. И бизнесом тоже».', tags:['#horeca','#франшиза'], cat:'horeca'},
{t:'TMR·38', g:'g4', name:'Тимур, 38', city:'Екатеринбург', ind:'Логистика · федеральный оператор', rev:'ОБОРОТ · 60 МЛН/МЕС', quote:'«Романтика — но с путевым листом».', tags:['#логистика','#ironman'], cat:'prod'},
{t:'EVA·27', g:'g5', name:'Ева, 27', city:'Москва', ind:'Венчур · аналитик фонда', rev:'DEALFLOW · 14 СДЕЛОК', quote:'«Ищу кофаундера. Во всех смыслах».', tags:['#венчур','#dealflow'], cat:'invest'},
{t:'GLB·41', g:'g6', name:'Глеб, 41', city:'Новосибирск', ind:'Производство · мебельная фабрика', rev:'ВЫРУЧКА · 35 МЛН/МЕС', quote:'«Строю надолго. Отношения — тоже».', tags:['#производство','#баня'], cat:'prod'},
{t:'SNA·33', g:'g7', name:'Соня, 33', city:'Москва · Дубай',ind:'HoReCa · сеть бутик-отелей', rev:'ВЫРУЧКА · 12 МЛН/МЕС', quote:'«Утро начинается с эспрессо и P&L».', tags:['#отели','#эстетика'], cat:'horeca'},
{t:'ART·30', g:'g8', name:'Артём, 30', city:'Москва', ind:'SaaS · автоматизация ресторанов', rev:'MRR · 6 МЛН', quote:'«Автоматизировал всё, кроме сердца».', tags:['#saas','#бег'], cat:'it'}
];
function shuffle(a){a=a.slice();for(var i=a.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1)),x=a[i];a[i]=a[j];a[j]=x;}return a;}
var q=[],ptr=0;
function take(){ if(!q.length) q=shuffle(PROFILES); return q.shift(); }
/* ============ Тосты ============ */
var toastBox=root.querySelector('#slToasts');
function toast(msg,color){
var t=document.createElement('div'); t.className='sl-toast';
var map={pink:'var(--pink)',cyan:'var(--cyan)',gold:'var(--gold)'};
t.style.setProperty('--tc',map[color]||map.pink); t.textContent=msg;
toastBox.appendChild(t);
setTimeout(function(){t.classList.add('out');setTimeout(function(){t.remove();},320);},2800);
}
/* ============ Колода ============ */
var deck=root.querySelector('#slDeck'), cards=[], likeCount=0;
function makeCard(p){
var c=document.createElement('article');
c.className='sl-card '+p.g;
c.innerHTML=
'<div class="sl-c-top"><span class="sl-tick">'+p.t+'</span><span class="sl-vrf">✓ ОГРН</span></div>'+
'<div class="sl-c-face"><b>'+p.name.charAt(0)+'</b><span class="sl-city">'+p.city+'</span><span class="sl-online"></span></div>'+
'<div class="sl-c-body"><h3>'+p.name+'</h3><span class="sl-c-ind">'+p.ind+'</span><p class="sl-q">'+p.quote+'</p>'+
'<div class="sl-tags">'+p.tags.map(function(t){return '<i>'+t+'</i>';}).join('')+'</div></div>'+
'<div class="sl-c-foot"><span>'+p.rev+'</span><em>ОТКРЫТ(А) К СДЕЛКАМ</em></div>'+
'<span class="sl-st-like">ОФФЕР ✓</span><span class="sl-st-pass">ПАСС</span>';
c._p=p; bindDrag(c); return c;
}
function layout(){ cards.forEach(function(c,i){ c.classList.remove('pos0','pos1','pos2'); c.classList.add('pos'+Math.min(i,2)); }); }
function addCard(){ var c=makeCard(take()); c.classList.add('pos2','pop'); deck.appendChild(c); cards.push(c);
requestAnimationFrame(function(){requestAnimationFrame(function(){c.classList.remove('pop');});}); }
function bindDrag(card){
var sx=0,sy=0,on=false;
card.addEventListener('pointerdown',function(e){
if(cards[0]!==card||e.target.closest('button'))return;
on=true;sx=e.clientX;sy=e.clientY;
card.setPointerCapture(e.pointerId); card.style.transition='none';
});
card.addEventListener('pointermove',function(e){
if(!on)return; var dx=e.clientX-sx,dy=e.clientY-sy;
card.style.transform='translate('+dx+'px,'+(dy*0.35)+'px) rotate('+(dx*0.06)+'deg)';
card.style.setProperty('--like-o',Math.max(0,Math.min(1,dx/90)));
card.style.setProperty('--pass-o',Math.max(0,Math.min(1,-dx/90)));
});
function up(e){
if(!on)return; on=false; var dx=e.clientX-sx;
card.style.transition=''; card.style.removeProperty('--like-o'); card.style.removeProperty('--pass-o');
if(dx>90) action('right'); else if(dx<-90) action('pass'); else card.style.transform='';
}
card.addEventListener('pointerup',up); card.addEventListener('pointercancel',up);
}
function action(dir){
var card=cards[0]; if(!card||card.classList.contains('fly'))return;
var p=card._p; card.classList.add('fly');
if(dir==='right'){card.style.transform='translate(130%,-6%) rotate(22deg)';likeCount++;}
else if(dir==='pass'){card.style.transform='translate(-130%,-6%) rotate(-22deg)';}
else {card.style.transform='translate(0,-140%) rotate(-5deg)';}
card.style.opacity='0';
setTimeout(function(){card.remove();cards.shift();addCard();layout();},380);
if(dir==='right'){ (likeCount%2===0)?setTimeout(function(){openMatch(p);},440):toast('Оффер отправлен → '+p.name.split(',')[0]+'. Ответ в течение 24 часов.','pink'); }
if(dir==='super'){ toast('Term sheet отправлен → '+p.name.split(',')[0]+'. Смелый ход.','gold'); }
if(dir==='pass'){ toast('Пасс по '+p.name.split(',')[0]+'. Рынок не ждёт.','cyan'); }
}
for(var i=0;i<3;i++)addCard(); layout();
root.querySelector('#slLike').addEventListener('click',function(){action('right');});
root.querySelector('#slPass').addEventListener('click',function(){action('pass');});
root.querySelector('#slSuper').addEventListener('click',function(){action('super');});
/* ============ Матч ============ */
var match=root.querySelector('#slMatch');
function openMatch(p){
var g=root.querySelector('#slMatchG'); g.className='sl-mg '+p.g; g.textContent=p.name.split(',')[0];
root.querySelector('#slMatchTxt').textContent=p.name.split(',')[0]+' приняла ваш оффер. Время закрыть сделку: первое свидание — за наш счёт.';
match.classList.add('open'); burst(match.querySelector('.sl-match-panel'));
}
root.querySelector('#slMatchClose').addEventListener('click',function(){match.classList.remove('open');});
match.addEventListener('click',function(e){if(e.target===match)match.classList.remove('open');});
function burst(box){
var colors=['#FF2E88','#22E4FF','#FFC24B'];
for(var i=0;i<26;i++){
var s=document.createElement('i'); s.className='sl-spark';
var a=Math.random()*Math.PI*2,d=70+Math.random()*130;
s.style.setProperty('--dx',Math.cos(a)*d+'px'); s.style.setProperty('--dy',Math.sin(a)*d+'px');
s.style.background=colors[i%3]; s.style.animationDelay=(Math.random()*0.15)+'s';
box.appendChild(s); (function(el){setTimeout(function(){el.remove();},1400);})(s);
}
}
/* ============ Каталог + фильтр + тилт ============ */
var grid=root.querySelector('#slGrid');
PROFILES.forEach(function(p){
var el=document.createElement('div');
el.className='sl-mini sl-rev '+p.g; el.dataset.cat=p.cat;
el.innerHTML=
'<div class="sl-c-top"><span class="sl-tick">'+p.t+'</span><span class="sl-vrf">✓ ОГРН</span></div>'+
'<div class="sl-c-face"><b>'+p.name.charAt(0)+'</b><span class="sl-city">'+p.city+'</span></div>'+
'<div class="sl-c-body"><h3>'+p.name+'</h3><span class="sl-c-ind">'+p.ind+'</span>'+
'<div class="sl-tags">'+p.tags.map(function(t){return '<i>'+t+'</i>';}).join('')+'</div></div>'+
'<button class="sl-offer" data-offer="'+p.name.split(',')[0]+'">Сделать оффер ♥</button>';
grid.appendChild(el);
});
root.querySelectorAll('[data-offer]').forEach(function(b){
b.addEventListener('click',function(){toast('Оффер отправлен → '+b.dataset.offer+'. Проверьте раздел «Сделки».','pink');});
});
root.querySelectorAll('.sl-tabs button').forEach(function(btn){
btn.addEventListener('click',function(){
root.querySelectorAll('.sl-tabs button').forEach(function(x){x.classList.remove('on');});
btn.classList.add('on');
var cat=btn.dataset.cat;
grid.querySelectorAll('.sl-mini').forEach(function(it){
var show=(cat==='all'||it.dataset.cat===cat);
if(show){ it.style.display=''; requestAnimationFrame(function(){it.classList.remove('off');}); }
else { it.classList.add('off'); setTimeout(function(){if(it.classList.contains('off'))it.style.display='none';},260); }
});
});
});
if(window.matchMedia('(pointer:fine)').matches && !RM){
grid.querySelectorAll('.sl-mini').forEach(function(el){
el.addEventListener('mousemove',function(e){
var r=el.getBoundingClientRect(),x=(e.clientX-r.left)/r.width-.5,y=(e.clientY-r.top)/r.height-.5;
el.style.transform='perspective(700px) rotateY('+(x*7)+'deg) rotateX('+(-y*7)+'deg) translateY(-4px)';
});
el.addEventListener('mouseleave',function(){el.style.transform='';});
});
}
/* ============ Reveal + счётчики ============ */
root.querySelectorAll('.sl-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('.sl-rev').forEach(function(el){io.observe(el);});
function animCount(el){
var end=+el.dataset.count,dur=1400,t0=performance.now();
(function f(t){var k=Math.min(1,(t-t0)/dur),e=1-Math.pow(1-k,3);
el.textContent=Math.round(end*e).toLocaleString('ru-RU');
if(k<1)requestAnimationFrame(f);})(t0);
}
var cio=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){
if(RM)e.target.textContent=(+e.target.dataset.count).toLocaleString('ru-RU');else animCount(e.target);
cio.unobserve(e.target);}});},{threshold:.5});
root.querySelectorAll('[data-count]').forEach(function(el){cio.observe(el);});
/* ============ События RSVP ============ */
root.querySelectorAll('[data-rsvp]').forEach(function(b){
b.addEventListener('click',function(){toast('RSVP принят: '+b.dataset.rsvp+'. Дресс-код — business charm.','cyan');b.textContent='✓ RSVP';b.classList.add('done');});
});
/* ============ Форма ============ */
var form=root.querySelector('#slForm'),ok=root.querySelector('#slOk');
form.addEventListener('submit',function(e){
e.preventDefault();
var name=form.querySelector('[name="name"]').value.trim();
var goal=form.querySelector('[name="goal"]:checked');
if(!name||!goal){
form.classList.add('sl-shake'); setTimeout(function(){form.classList.remove('sl-shake');},450);
toast('Заполните имя и выберите, кого ищете.','gold'); return;
}
/* >>> ПОДКЛЮЧЕНИЕ БЭКЕНДА: отправьте данные формы сюда — fetch('/api/lead', {method:'POST', body:new FormData(form)}) или ваш webhook <<< */
form.hidden=true; ok.hidden=false;
toast('Заявка принята. Due diligence запущен.','pink');
});
/* ============ Якоря ============ */
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/