https://www.pandoraburo.ru/chernovik
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Pando Protocol — Complete Hub v1.0</title>
<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" />
</head>
<body>
<div id="ph">
<div class="ph-ticker" aria-hidden="true">
<div class="ph-ticker-track">
<span>PANDO HUB · <b class="ok">8 MODULES</b></span><i>◆</i><span>CLONAL CONSENSUS · SPEC v1.0</span><i>◆</i><span>BFT FINALITY · 5–15s</span><i>◆</i><span>SHARED ROOT SETTLEMENT</span><i>◆</i><span>LEGAL FRAMEWORK · COMPLIANCE-BY-DESIGN</span><i>◆</i><span>TOKEN ECONOMICS · DRAFT</span><i>◆</i><span>ROADMAP · SEP 2026 — AUG 2027</span><i>◆</i><span>STATUS · <b class="warn">CONCEPT v1.0</b></span><i>◆</i>
<span>PANDO HUB · <b class="ok">8 MODULES</b></span><i>◆</i><span>CLONAL CONSENSUS · SPEC v1.0</span><i>◆</i><span>BFT FINALITY · 5–15s</span><i>◆</i><span>SHARED ROOT SETTLEMENT</span><i>◆</i><span>LEGAL FRAMEWORK · COMPLIANCE-BY-DESIGN</span><i>◆</i><span>TOKEN ECONOMICS · DRAFT</span><i>◆</i><span>ROADMAP · SEP 2026 — AUG 2027</span><i>◆</i><span>STATUS · <b class="warn">CONCEPT v1.0</b></span><i>◆</i>
</div>
</div>
<header class="ph-head">
<div class="ph-wrap ph-head-in">
<a class="ph-logo" href="#top">PANDO<span class="ph-cursor">▮</span><em>complete hub</em></a>
<div class="ph-mode-switch" id="phModeSwitch">
<button class="ph-mode-btn on" data-mode="presentation">Presentation</button>
<button class="ph-mode-btn" data-mode="dashboard">Dashboard</button>
<button class="ph-mode-btn" data-mode="pitch">Pitch</button>
<button class="ph-mode-btn" data-mode="consensus">Consensus</button>
<button class="ph-mode-btn" data-mode="strategy">Strategy</button>
<button class="ph-mode-btn" data-mode="token">Token</button>
<button class="ph-mode-btn" data-mode="legal">Legal</button>
<button class="ph-mode-btn" data-mode="roadmap">Roadmap</button>
</div>
</div>
</header>
<main id="top">
<section class="ph-view active" id="view-presentation">
<div class="ph-hero ph-wrap">
<div class="ph-hero-inner ph-rev">
<p class="ph-mono ph-eyebrow">PANDO PROTOCOL · LIVING NETWORK · CONCEPT v1.0</p>
<h1>ONE ROOT.<br /><span class="ph-mark">MANY TREES.</span><br />INFINITE GROWTH.</h1>
<p class="ph-lead">Живая модульная сеть, где исполнение распределено по Grove-средам, а безопасность, финальность и settlement закреплены в общем корне. Без хайпа. Без обещаний невозможного.</p>
<div class="ph-badges">
<span class="ph-badge ph-badge-g">Security-first</span>
<span class="ph-badge ph-badge-a">Compliance-ready</span>
<span class="ph-badge ph-badge-c">Reasonable claims</span>
<span class="ph-badge">Modular L1</span>
</div>
</div>
</div>
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">ПРОБЛЕМА</span><h2>Рынок <span class="ph-accent">фрагментирован</span> и хрупок</h2></div>
<div class="ph-grid-3 ph-rev">
<div class="ph-card"><h3>Фрагментация ликвидности</h3><p>L2 и app-chains разрывают капитал и состояние между сетями и мостами.</p></div>
<div class="ph-card"><h3>Централизация валидаторов</h3><p>Высокие требования к железу концентрируют безопасность у крупных операторов.</p></div>
<div class="ph-card"><h3>Bridge-риски</h3><p>Межсетевые мосты остаются зоной, где теряются миллиарды.</p></div>
</div>
</div>
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">РЕШЕНИЕ</span><h2>Pando — <span class="ph-accent">живая модульная сеть</span></h2></div>
<div class="ph-grid-4 ph-rev">
<div class="ph-card ph-card-hl"><div class="ph-chip ph-chip-a">ROOT</div><h3>Корень безопасности</h3><p>Staking, validators, DA, shared settlement.</p></div>
<div class="ph-card"><div class="ph-chip ph-chip-g">GROVES</div><h3>Исполнительные среды</h3><p>DeFi, RWA, медицина, логистика, AI.</p></div>
<div class="ph-card"><div class="ph-chip ph-chip-c">CLONAL</div><h3>Redundancy</h3><p>Репликация состояния и отказоустойчивость.</p></div>
<div class="ph-card"><div class="ph-chip ph-chip-g">SYMBIOSIS</div><h3>RWA layer</h3><p>Правовой и oracle-слой для подтверждений.</p></div>
</div>
</div>
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">АРХИТЕКТУРА</span><h2>Четыре слоя <span class="ph-accent">протокола</span></h2></div>
<div class="ph-layers ph-rev">
<div class="ph-layer"><span class="ph-chip ph-chip-c">CANOPY</span><div><h3>L3 · Applications</h3><p>dApps, кошельки, DeFi, NFT, RWA, governance, identity.</p></div></div>
<div class="ph-layer"><span class="ph-chip ph-chip-g">TRUNK / GROVES</span><div><h3>L2 · Execution</h3><p>General, App, RWA, AI, Privacy, Enterprise Grove.</p></div></div>
<div class="ph-layer"><span class="ph-chip ph-chip-a">ROOT</span><div><h3>L1 · Settlement</h3><p>BFT-финальность, staking, slashing, DA, validator registry.</p></div></div>
<div class="ph-layer"><span class="ph-chip ph-chip-c">MYCORRHIZA</span><div><h3>External · Integration</h3><p>Bridges, oracles, RWA attestations, custody proofs.</p></div></div>
</div>
</div>
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">USE CASES</span><h2>Первая волна <span class="ph-accent">применения</span></h2></div>
<div class="ph-grid-4 ph-rev">
<div class="ph-card"><h3>Document Notary</h3><p>Хеши документов, timestamping, цифровые доказательства.</p></div>
<div class="ph-card"><h3>Supply Chain</h3><p>Прослеживаемость, цифровые паспорта, антиконтрафакт.</p></div>
<div class="ph-card"><h3>Consent Registry</h3><p>Согласия пользователей, медицина, KYC.</p></div>
<div class="ph-card"><h3>RWA Attestations</h3><p>Подтверждения активов, эмитентов, кастодианов.</p></div>
<div class="ph-card"><h3>ESG Registry</h3><p>Зелёные сертификаты, углеродные единицы.</p></div>
<div class="ph-card"><h3>Charity Proof</h3><p>Прозрачность пожертвований и грантов.</p></div>
<div class="ph-card"><h3>IP & Royalties</h3><p>Фиксация авторства, лицензии, роялти.</p></div>
<div class="ph-card"><h3>Trade Finance</h3><p>Банковские гарантии, аккредитивы, реестры.</p></div>
</div>
</div>
<div class="ph-section ph-wrap">
<div class="ph-warn-box ph-rev">
<h3>⚠ Дисклеймер</h3>
<p>Pando Protocol — концептуальный проект v1.0. Это не предложение токенов, не инвестиционная рекомендация и не гарантия доходности. Технические параметры, токеномика и правовые механизмы являются design targets и могут изменяться.</p>
</div>
</div>
</section>
<section class="ph-view" id="view-dashboard">
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">LIVE NETWORK</span><h2>Network <span class="ph-accent">Dashboard</span></h2><em class="ph-mono">demo data</em></div>
<div class="ph-kpis ph-rev">
<div class="ph-kpi ph-kpi-g"><span class="ph-kpi-label">ROOT HEALTH</span><b id="dHealth">99.99%</b><span class="ph-kpi-sub">uptime 847 days</span></div>
<div class="ph-kpi ph-kpi-c"><span class="ph-kpi-label">AGGREGATE TPS</span><b id="dTps">87 342</b><span class="ph-kpi-sub">across 47 groves</span></div>
<div class="ph-kpi ph-kpi-a"><span class="ph-kpi-label">FINALITY</span><b id="dFin">8.2s</b><span class="ph-kpi-sub">BFT hard finality</span></div>
<div class="ph-kpi ph-kpi-g"><span class="ph-kpi-label">STAKED RATIO</span><b>68.4%</b><span class="ph-kpi-sub">684M / 1B PANDO</span></div>
</div>
</div>
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">GROVE EXPLORER</span><h2>Active <span class="ph-accent">Groves</span></h2></div>
<div class="ph-filters ph-rev" id="phGroveFilters">
<button class="ph-filter-btn on" data-gf="all">ALL</button>
<button class="ph-filter-btn" data-gf="general">GENERAL</button>
<button class="ph-filter-btn" data-gf="rwa">RWA</button>
<button class="ph-filter-btn" data-gf="defi">DEFI</button>
<button class="ph-filter-btn" data-gf="supply">SUPPLY</button>
<button class="ph-filter-btn" data-gf="consent">CONSENT</button>
</div>
<div class="ph-grid-4 ph-rev" id="phGroveGrid">
<div class="ph-grove" data-gt="general"><span class="ph-chip ph-chip-g">GENERAL</span><h3>Mainnet Grove</h3><p>TPS: <b class="ok">12 847</b> · Txns: <b>48.2M</b></p></div>
<div class="ph-grove" data-gt="rwa"><span class="ph-chip ph-chip-a">RWA</span><h3>RWA Attestation</h3><p>TPS: <b class="ok">3 412</b> · Assets: <b>$1.2B</b></p></div>
<div class="ph-grove" data-gt="supply"><span class="ph-chip ph-chip-c">SUPPLY</span><h3>Supply Chain</h3><p>TPS: <b class="ok">8 923</b> · Products: <b>2.4M</b></p></div>
<div class="ph-grove" data-gt="consent"><span class="ph-chip ph-chip-g">CONSENT</span><h3>Consent Registry</h3><p>TPS: <b class="ok">1 847</b> · Consents: <b>892K</b></p></div>
<div class="ph-grove" data-gt="defi"><span class="ph-chip ph-chip-c">DEFI</span><h3>DeFi Grove</h3><p>TPS: <b class="ok">24 156</b> · TVL: <b>$847M</b></p></div>
<div class="ph-grove" data-gt="general"><span class="ph-chip ph-chip-g">GENERAL</span><h3>Enterprise Grove</h3><p>TPS: <b class="ok">5 623</b> · Orgs: <b>47</b></p></div>
<div class="ph-grove" data-gt="rwa"><span class="ph-chip ph-chip-a">RWA</span><h3>Trade Finance</h3><p>TPS: <b class="ok">2 184</b> · Deals: <b>8 412</b></p></div>
<div class="ph-grove" data-gt="defi"><span class="ph-chip ph-chip-c">DEFI</span><h3>Liquidity Hub</h3><p>TPS: <b class="ok">9 741</b> · Pools: <b>182</b></p></div>
</div>
</div>
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">LIVE FEED</span><h2>Transaction <span class="ph-accent">Feed</span></h2></div>
<div class="ph-feed ph-rev" id="phFeed">
<div class="ph-feed-item"><span class="ph-mono">0x8f4a...2b1c</span><span class="ph-badge ph-badge-g">SETTLEMENT</span><span>GRV-001</span><b>2 450 PANDO</b><span class="ph-mono">2s ago</span></div>
<div class="ph-feed-item"><span class="ph-mono">0x3c7d...9e4f</span><span class="ph-badge ph-badge-a">ATTESTATION</span><span>GRV-012</span><b>RWA-847</b><span class="ph-mono">4s ago</span></div>
<div class="ph-feed-item"><span class="ph-mono">0x1a2b...7c8d</span><span class="ph-badge ph-badge-c">CONSENT</span><span>GRV-015</span><b>GRANT</b><span class="ph-mono">6s ago</span></div>
</div>
<p class="ph-foot-note">Данные демонстрационные. В реальной сети значения читаются из Root Layer.</p>
</div>
</section>
<section class="ph-view" id="view-pitch">
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">ELEVATOR PITCH</span><h2>Три версии <span class="ph-accent">питча</span></h2></div>
<div class="ph-grid-3 ph-rev">
<div class="ph-card ph-card-hl"><div class="ph-chip ph-chip-g">30 СЕКУНД</div><h3>Короткий</h3><p>Pando — живая модульная сеть: приложения работают в Grove-средах, безопасность и финальность — в общем Root. Решаем фрагментацию ликвидности и bridge-риски через shared settlement без мостов. Первые кейсы: нотариат, supply chain, RWA.</p></div>
<div class="ph-card"><div class="ph-chip ph-chip-a">2 МИНУТЫ</div><h3>Средний</h3><p>L2 разрывают ликвидность, мосты ломаются, валидаторы централизованы. Pando предлагает Root для безопасности и финальности, Groves для исполнения, Clonal Groups для отказоустойчивости. Ликвидность не фрагментируется. Делаем реальное: нотариат, прослеживаемость, согласия, RWA. Есть концепт, токеномика, смарт-контракты и демо.</p></div>
<div class="ph-card"><div class="ph-chip ph-chip-c">5 МИНУТ</div><h3>Полный</h3><p>Проблема: фрагментация, bridge-риски, централизация, слабая RWA. Решение: Root + Groves + Clonal Groups + Symbiosis. Отличие: shared settlement без мостов и compliance-ready архитектура. Кейсы: нотариат, supply chain, согласия, RWA, ESG, charity. Стадия: концепт, демо. Ищем seed на testnet и пилоты.</p></div>
</div>
</div>
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">FAQ</span><h2>Частые <span class="ph-accent">вопросы</span></h2></div>
<div class="ph-grid-2 ph-rev">
<div class="ph-card"><h3>Чем Pando отличается от Ethereum + L2?</h3><p>Ethereum + L2 — набор сетей с мостами. Pando — единая сеть: Groves исполняют, Root обеспечивает общий settlement. Ликвидность не фрагментируется.</p></div>
<div class="ph-card"><h3>Что такое Clonal Consensus?</h3><p>Clone-группы реплицируют состояние и обеспечивают отказоустойчивость. Как корневая система дерева Pando: если отросток повреждён, организм живёт.</p></div>
<div class="ph-card"><h3>Почему не Solana?</h3><p>Монолитные L1 масштабируются железом → централизация и downtime. Pando масштабируется Groves, сохраняя децентрализацию через Clonal Groups.</p></div>
<div class="ph-card"><h3>Какие первые use cases?</h3><p>Не DeFi-хайп, а реальные задачи: Document Notary, Supply Chain, Consent Registry, RWA Attestations, ESG, Charity Proof.</p></div>
<div class="ph-card"><h3>Какая стадия проекта?</h3><p>Концепт, токеномика v1.0, смарт-контракты PandoTrustCore, демо. Ищем seed на Clonal Consensus v1.1, testnet и пилоты.</p></div>
<div class="ph-card"><h3>Есть ли гарантии возврата?</h3><p>Честно: нет. Это венчур на pre-seed. Минимизируем риски: поэтапный roadmap, прозрачная токеномика, vesting, фокус на реальных use cases.</p></div>
</div>
</div>
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">OBJECTIONS</span><h2>Работа с <span class="ph-accent">возражениями</span></h2></div>
<div class="ph-grid-2 ph-rev">
<div class="ph-card"><h3>«Ещё один блокчейн?»</h3><p>Мы не конкурируем за DeFi-спекуляции. Мы решаем фрагментацию и bridge-риски, фокус на compliance-ready инфраструктуре доверия для реальных задач.</p></div>
<div class="ph-card"><h3>«У вас нет команды»</h3><p>Уже сделаны концепт, токеномика, контракты, демо. Ищем co-founders и seed именно для формирования команды. Нормальная pre-seed стадия.</p></div>
<div class="ph-card"><h3>«Clonal Consensus — маркетинг»</h3><p>Это техническая спецификация: Root/Grove архитектура, clone-группы, BFT-финальность, DA sampling, slashing. Готовы показать документацию.</p></div>
<div class="ph-card"><h3>«RWA — сложно и долго»</h3><p>Не начинаем с токенизации недвижимости. Первые кейсы проще: нотариат, supply chain, согласия. RWA-аттестации — следующий шаг.</p></div>
</div>
</div>
</section>
<section class="ph-view" id="view-consensus">
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">CLONAL CONSENSUS · SPEC v1.0</span><h2>Техническая <span class="ph-accent">спецификация</span></h2><em class="ph-mono">draft for review</em></div>
<div class="ph-split ph-rev">
<div class="ph-card ph-card-hl"><h3>Что такое Clonal Consensus</h3><p>Механизм консенсуса для модульной архитектуры Pando. Обеспечивает безопасность, финальность и отказоустойчивость через BFT-валидацию на Root, исполнение в Groves и репликацию через Clonal Groups.</p></div>
<div class="ph-card"><h3>Зачем нужен</h3><p>Решает три проблемы модульных блокчейнов: фрагментацию ликвидности, bridge-риски и централизацию валидаторов — через shared Root settlement, cross-grove messaging без мостов и распределённые clone-группы.</p></div>
</div>
</div>
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">РОЛИ</span><h2>Архитектура <span class="ph-accent">консенсуса</span></h2></div>
<div class="ph-grid-2 ph-rev">
<div class="ph-card"><div class="ph-chip ph-chip-g">ROOT VALIDATORS</div><h3>Валидаторы Root</h3><p>Финализация Grove state roots через BFT. Требования: stake, uptime, DA sampling. Slashing за double sign и invalid approval.</p></div>
<div class="ph-card"><div class="ph-chip ph-chip-a">GROVE SEQUENCERS</div><h3>Секвенсоры Grove</h3><p>Упорядочивание транзакций и формирование batches. Требования: bond, инфраструктура. Slashing за invalid state и DA unavailability.</p></div>
<div class="ph-card"><div class="ph-chip ph-chip-c">CLONE GROUPS</div><h3>Группы репликации</h3><p>Репликация состояния и отказоустойчивость. Хранение фрагментов, DA sampling, восстановление при потере узлов.</p></div>
<div class="ph-card"><div class="ph-chip ph-chip-g">PROVERS / CHALLENGERS</div><h3>Доказывающие</h3><p>Генерация fraud/validity proofs, оспаривание invalid transitions. Награда — часть slashed stake.</p></div>
</div>
</div>
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">CONSENSUS FLOW</span><h2>Жизненный цикл <span class="ph-accent">транзакции</span></h2></div>
<div class="ph-flow ph-rev">
<div class="ph-flow-step"><span class="ph-flow-num">1</span><div><b>Submission</b> — транзакция попадает в mempool Grove. < 1s</div></div>
<div class="ph-flow-step"><span class="ph-flow-num">2</span><div><b>Sequencer Ordering</b> — исполнение и формирование batch. 1–3s</div></div>
<div class="ph-flow-step"><span class="ph-flow-num">3</span><div><b>Batch Formation</b> — state root, DA commitment, proof. 1s</div></div>
<div class="ph-flow-step"><span class="ph-flow-num">4</span><div><b>Root Submission</b> — batch отправляется в Root. 1–2s</div></div>
<div class="ph-flow-step"><span class="ph-flow-num">5</span><div><b>BFT Voting</b> — quorum ≥ 67%. 2–5s</div></div>
<div class="ph-flow-step"><span class="ph-flow-num">6</span><div><b>Finalization</b> — hard finality. Итого 5–15s</div></div>
</div>
</div>
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">СРАВНЕНИЕ</span><h2>Против других <span class="ph-accent">механизмов</span></h2></div>
<div class="ph-table-wrap ph-rev">
<table class="ph-table">
<thead><tr><th>Критерий</th><th>Ethereum PoS</th><th>Solana PoH</th><th>Cosmos</th><th class="ph-th-accent">Pando Clonal</th></tr></thead>
<tbody>
<tr><td>Архитектура</td><td>L1 + L2</td><td>Monolithic</td><td>Multi-chain</td><td class="ok">Modular Root+Groves</td></tr>
<tr><td>Finality</td><td>~12 min</td><td>~0.4s soft</td><td>~6s</td><td class="ok">5–15s hard</td></tr>
<tr><td>Ликвидность</td><td>Фрагмент. L2</td><td>Единая</td><td>IBC фрагмент.</td><td class="ok">Shared Root</td></tr>
<tr><td>Cross-chain</td><td>Мосты</td><td>Нет</td><td>IBC</td><td class="ok">Root без мостов</td></tr>
<tr><td>Отказоустойчивость</td><td>Высокая</td><td>Средняя</td><td>Высокая</td><td class="ok">Clonal 3.2x</td></tr>
</tbody>
</table>
</div>
</div>
</section>
<section class="ph-view" id="view-strategy">
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">MARKET</span><h2>Анализ <span class="ph-accent">рынка</span></h2></div>
<div class="ph-grid-3 ph-rev">
<div class="ph-card ph-card-hl"><h3>TAM</h3><p class="ph-big-num">$42B</p><p>Global Blockchain Market 2026: DeFi, RWA, Enterprise, Government.</p></div>
<div class="ph-card"><h3>SAM</h3><p class="ph-big-num">$8.4B</p><p>Trust Infrastructure: нотариат, supply chain verification, RWA attestation, consent, ESG.</p></div>
<div class="ph-card"><h3>SOM</h3><p class="ph-big-num">$84M</p><p>Целевой рынок на 3 года: Россия + СНГ + ЕС. Legal tech, supply chain, charity.</p></div>
</div>
</div>
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">FIRST PILOTS</span><h2>Первые <span class="ph-accent">пилоты</span></h2></div>
<div class="ph-grid-3 ph-rev">
<div class="ph-card ph-card-hl"><div class="ph-chip ph-chip-g">PILOT 1</div><h3>Document Notary</h3><p>Юрфирма / нотариус. 100–500 док/мес. Метрика: верификация с 3 дней до 5 минут. Бесплатно 3 мес.</p></div>
<div class="ph-card"><div class="ph-chip ph-chip-a">PILOT 2</div><h3>Supply Chain</h3><p>Производитель / логистика. 1–10K единиц/мес. Метрика: −30% контрафакта. Бесплатно 3 мес.</p></div>
<div class="ph-card"><div class="ph-chip ph-chip-c">PILOT 3</div><h3>Charity Proof</h3><p>Благотворительный фонд. 50–200 транз/мес. Метрика: +20% повторных пожертвований. Бесплатно 6 мес.</p></div>
</div>
</div>
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">GTM CHANNELS</span><h2>Каналы <span class="ph-accent">выхода</span></h2></div>
<div class="ph-grid-3 ph-rev">
<div class="ph-card"><div class="ph-chip ph-chip-g">B2B</div><h3>Прямые продажи</h3><p>Цель: 3 пилота. Холодные письма, встречи, демо, PoC. Метрика: 3 подписанных пилота за 6 мес.</p></div>
<div class="ph-card"><div class="ph-chip ph-chip-a">B2B2C</div><h3>Партнёрства</h3><p>Интеграция с ERP, юрсистемами, банками. Revenue share. Метрика: 2 партнёрства за 9 мес.</p></div>
<div class="ph-card"><div class="ph-chip ph-chip-c">B2D</div><h3>Community & DevRel</h3><p>GitHub, hackathons, grants, блоги. Метрика: 50 активных разработчиков за 12 мес.</p></div>
</div>
</div>
</section>
<section class="ph-view" id="view-token">
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">TOKEN ECONOMICS</span><h2>Экономика <span class="ph-accent">PANDO</span></h2><em class="ph-mono">not financial advice</em></div>
<div class="ph-grid-3 ph-rev">
<div class="ph-card ph-card-hl"><h3>Ticker</h3><p class="ph-big-num">PANDO</p><p>Корневой актив сети.</p></div>
<div class="ph-card"><h3>Max Supply</h3><p class="ph-big-num">1B</p><p>1 000 000 000 PANDO.</p></div>
<div class="ph-card"><h3>Utility</h3><p class="ph-big-num">5</p><p>Gas, staking, governance, settlement, collateral.</p></div>
</div>
</div>
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">ALLOCATION</span><h2>Распределение <span class="ph-accent">supply</span></h2></div>
<div class="ph-table-wrap ph-rev">
<table class="ph-table">
<thead><tr><th>Категория</th><th>%</th><th>PANDO</th><th>Vesting</th></tr></thead>
<tbody>
<tr><td>Root Stake Rewards</td><td><b>40%</b></td><td>400M</td><td>Эмиссия 10+ лет</td></tr>
<tr><td>Grove Ecosystem</td><td><b>22%</b></td><td>220M</td><td>Квартально по governance</td></tr>
<tr><td>Seed Investors</td><td><b>15%</b></td><td>150M</td><td>12м lock + 36м linear</td></tr>
<tr><td>Core Team</td><td><b>10%</b></td><td>100M</td><td>12м cliff + 36м linear</td></tr>
<tr><td>Public Sale</td><td><b>5%</b></td><td>50M</td><td>Консервативно</td></tr>
<tr><td>Treasury Reserve</td><td><b>5%</b></td><td>50M</td><td>12м lock + governance</td></tr>
<tr><td>Liquidity & Launch</td><td><b>3%</b></td><td>30M</td><td>Programmatic</td></tr>
</tbody>
</table>
</div>
</div>
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">CALCULATOR</span><h2>Калькулятор <span class="ph-accent">стейкинга</span></h2><em class="ph-mono">illustrative only</em></div>
<div class="ph-split ph-rev">
<div class="ph-card">
<h3>Параметры</h3>
<label class="ph-label">Количество PANDO<input class="ph-input" id="tStake" type="number" min="0" step="1000" value="100000" /></label>
<label class="ph-label">Срок lock, лет
<select class="ph-input" id="tLock"><option value="0">0 / Flexible</option><option value="1">1 год</option><option value="2">2 года</option><option value="4" selected="selected">4 года</option><option value="8">8 лет</option><option value="10">10 лет</option></select>
</label>
<label class="ph-label">Staked ratio сети, %<input class="ph-input" id="tRatio" type="number" min="1" max="95" value="60" /></label>
<label class="ph-label">Годовая эмиссия, PANDO<input class="ph-input" id="tEmission" type="number" min="0" step="1000000" value="50000000" /></label>
</div>
<div class="ph-card ph-card-hl">
<h3>Результат</h3>
<div class="ph-calc-grid">
<div class="ph-calc-item"><span class="ph-calc-label">Total Staked</span><b id="tOutStaked">—</b></div>
<div class="ph-calc-item"><span class="ph-calc-label">Base APR</span><b id="tOutBase">—</b></div>
<div class="ph-calc-item"><span class="ph-calc-label">Lock Multiplier</span><b id="tOutMult">—</b></div>
<div class="ph-calc-item"><span class="ph-calc-label">Gross APR</span><b id="tOutGross">—</b></div>
<div class="ph-calc-item"><span class="ph-calc-label">Annual PANDO</span><b id="tOutAnnual">—</b></div>
<div class="ph-calc-item"><span class="ph-calc-label">Risk Note</span><b class="warn">Illustrative</b></div>
</div>
<p class="ph-foot-note">Упрощённая формула. Не учитывает конкуренцию lock-multipliers, fees, slashing, налоги. Не прогноз доходности.</p>
</div>
</div>
</div>
</section>
<section class="ph-view" id="view-legal">
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">LEGAL FRAMEWORK</span><h2>Правовая <span class="ph-accent">архитектура</span></h2><em class="ph-mono">not legal advice</em></div>
<div class="ph-warn-box ph-rev">
<h3>⚠ Важно</h3>
<p>Это концептуальная правовая архитектура, а не юридическая консультация. Перед запуском нужны лицензированные юристы по России, ЕС, санкционным и AML-требованиям, а также отраслевым нормам.</p>
</div>
</div>
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">PRINCIPLES</span><h2>Принципы <span class="ph-accent">compliance</span></h2></div>
<div class="ph-grid-3 ph-rev">
<div class="ph-card ph-card-hl"><h3>No Payment Hype</h3><p>Не использовать криптовалюту как средство платежа там, где это ограничено. Фокус на доверенных реестрах и attestation.</p></div>
<div class="ph-card"><h3>RWA Legal Wrapper</h3><p>Активы токенизируются только через юридическую оболочку: SPV, кастодиан, аттестор, disclosures.</p></div>
<div class="ph-card"><h3>Privacy by Design</h3><p>Персональные данные off-chain. On-chain — только хеши, согласия и proofs.</p></div>
</div>
</div>
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">USE CASE FIT</span><h2>Юридическая <span class="ph-accent">пригодность</span></h2></div>
<div class="ph-table-wrap ph-rev">
<table class="ph-table">
<thead><tr><th>Use Case</th><th>Риск</th><th>Приоритет</th><th>Комментарий</th></tr></thead>
<tbody>
<tr><td>Document Notary</td><td class="ok">LOW</td><td><span class="ph-badge ph-badge-g">HIGH</span></td><td>Хеши и timestamping — безопасный старт</td></tr>
<tr><td>Supply Chain</td><td class="ok">LOW-MED</td><td><span class="ph-badge ph-badge-g">HIGH</span></td><td>B2B, договоры с участниками цепочки</td></tr>
<tr><td>Consent Registry</td><td class="warn">MEDIUM</td><td><span class="ph-badge ph-badge-g">HIGH</span></td><td>Аккуратно с 152-ФЗ / GDPR</td></tr>
<tr><td>Charity Proof</td><td class="ok">LOW</td><td><span class="ph-badge ph-badge-g">HIGH</span></td><td>Прозрачность без криптоплатежей</td></tr>
<tr><td>RWA Attestation</td><td class="warn">MED-HIGH</td><td><span class="ph-badge ph-badge-a">MEDIUM</span></td><td>Только через legal wrapper</td></tr>
<tr><td>Crypto Payments</td><td class="dn">HIGH</td><td><span class="ph-badge ph-badge-r">AVOID</span></td><td>Не приоритет для РФ-контура</td></tr>
</tbody>
</table>
</div>
</div>
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">CHECKLIST</span><h2>Чек-лист <span class="ph-accent">готовности</span></h2><em class="ph-mono">interactive</em></div>
<div class="ph-split ph-rev">
<div class="ph-card">
<h3>Обязательные задачи</h3>
<div class="ph-checklist" id="phChecklist">
<label class="ph-check"><input type="checkbox" /><i>✓</i><span>Legal opinion по статусу PANDO</span></label>
<label class="ph-check"><input type="checkbox" /><i>✓</i><span>Terms of Use</span></label>
<label class="ph-check"><input type="checkbox" /><i>✓</i><span>Privacy Policy</span></label>
<label class="ph-check"><input type="checkbox" /><i>✓</i><span>AML Policy</span></label>
<label class="ph-check"><input type="checkbox" /><i>✓</i><span>Sanctions Policy</span></label>
<label class="ph-check"><input type="checkbox" /><i>✓</i><span>Pilot Agreement</span></label>
<label class="ph-check"><input type="checkbox" /><i>✓</i><span>Data Processing Agreement</span></label>
<label class="ph-check"><input type="checkbox" /><i>✓</i><span>Структура Foundation / TechCo</span></label>
<label class="ph-check"><input type="checkbox" /><i>✓</i><span>Multisig для критических ключей</span></label>
<label class="ph-check"><input type="checkbox" /><i>✓</i><span>Attestor Agreement</span></label>
</div>
</div>
<div class="ph-card ph-card-hl">
<h3>Прогресс</h3>
<div class="ph-progress-wrap"><div class="ph-progress" id="phProgress"></div></div>
<p class="ph-progress-label" id="phProgressLabel">0 / 10 выполнено</p>
<p class="ph-foot-note">Чек-лист — инструмент планирования, не замена юридической экспертизы.</p>
<button class="ph-btn ph-btn-w" id="phResetChecklist" type="button">Сбросить</button>
</div>
</div>
</div>
</section>
<section class="ph-view" id="view-roadmap">
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">ROADMAP · 12 MONTHS</span><h2>План <span class="ph-accent">запуска</span></h2><em class="ph-mono">sep 2026 — aug 2027</em></div>
<div class="ph-phase-bar ph-rev">
<div class="ph-phase-seg ph-seg-0">PHASE 0<span>Sep–Nov 2026</span></div>
<div class="ph-phase-seg ph-seg-1">PHASE 1<span>Dec 2026–Feb 2027</span></div>
<div class="ph-phase-seg ph-seg-2">PHASE 2<span>Mar–May 2027</span></div>
<div class="ph-phase-seg ph-seg-3">PHASE 3<span>Jun–Aug 2027</span></div>
</div>
<div class="ph-phase-labels ph-rev"><div>Foundation</div><div>Sapling Testnet</div><div>Pilots MVP</div><div>Audit Ready</div></div>
</div>
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">PHASES</span><h2>Фазы и <span class="ph-accent">критерии</span></h2></div>
<div class="ph-grid-2 ph-rev">
<div class="ph-card"><div class="ph-chip ph-chip-g">PHASE 0</div><h3>Foundation</h3><p>Spec v1.1, PandoTrustCore, юр counsel, devnet, seed deck.<br /><b class="ok">Exit:</b> архитектура одобрена, devnet работает, deck готов.</p></div>
<div class="ph-card"><div class="ph-chip ph-chip-c">PHASE 1</div><h3>Sapling Testnet</h3><p>Private testnet, 20–50 валидаторов, 3 pilot LOIs, tokenomics final.<br /><b class="ok">Exit:</b> uptime ≥99%, finality ≤15s, 2+ LOIs.</p></div>
<div class="ph-card"><div class="ph-chip ph-chip-a">PHASE 2</div><h3>Pilots MVP</h3><p>Pilot 1 live, Pilot 2 integration, legal docs pack, Attestation Registry.<br /><b class="ok">Exit:</b> 500+ документов, feedback от 3 клиентов.</p></div>
<div class="ph-card"><div class="ph-chip ph-chip-r">PHASE 3</div><h3>Audit Ready</h3><p>Pilot 3, audit prep, bug bounty draft, public demo v2, seed materials.<br /><b class="ok">Exit:</b> 3 пилота, код готов к security review.</p></div>
</div>
</div>
<div class="ph-section ph-wrap">
<div class="ph-sec-head ph-rev"><span class="ph-mono">KPIS</span><h2>Целевые <span class="ph-accent">метрики</span></h2></div>
<div class="ph-table-wrap ph-rev">
<table class="ph-table">
<thead><tr><th>KPI</th><th>Target</th><th>Категория</th></tr></thead>
<tbody>
<tr><td>Testnet uptime</td><td class="ok">≥ 99%</td><td>Engineering</td></tr>
<tr><td>Finality time</td><td class="ok">≤ 15s</td><td>Engineering</td></tr>
<tr><td>Active validators</td><td class="ok">20–50</td><td>Security</td></tr>
<tr><td>Pilots</td><td class="ok">3</td><td>GTM</td></tr>
<tr><td>Documents notarized</td><td class="ok">≥ 500</td><td>Product</td></tr>
<tr><td>Legal documents</td><td class="ok">Pack v1</td><td>Legal</td></tr>
<tr><td>Community</td><td class="ok">1 000</td><td>Growth</td></tr>
<tr><td>Developers</td><td class="ok">20</td><td>Ecosystem</td></tr>
</tbody>
</table>
</div>
<p class="ph-foot-note">Даты — плановые ориентиры. Если контрольные точки не достигнуты, план пересматривается, а не закрывается искусственно.</p>
</div>
</section>
</main>
<footer class="ph-foot">
<div class="ph-wrap ph-foot-in">
<span class="ph-logo small">PANDO<span class="ph-cursor">▮</span></span>
<span class="ph-foot-eco">COMPLETE HUB · 8 MODULES · CONCEPT v1.0</span>
<span>© 2026 · Pando Protocol · Not financial / legal advice</span>
</div>
</footer>
<div class="ph-toasts" id="phToasts"></div>
</div>
<style>
/*
===========================================================================
PANDO HUB — UNIFIED DESIGN SYSTEM
===========================================================================
Назначение: единая неоновая тёмная тема для всех 8 модулей.
Польза: один стиль вместо 8 разных, изоляция через #ph.
===========================================================================
*/
#ph{
--paper:#0a0f0c;
--card:#0f1a14;
--card-2:#132218;
--ink:#f2fff6;
--ink2:#b7d9c7;
--mut:#7a9988;
--g:#59ff9c;
--a:#ffb648;
--c:#64e9ff;
--dn:#ff8484;
--warn:#ffb648;
--border:#1f3529;
--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(89,255,156,.07), transparent 60%),
radial-gradient(700px 420px at -60px 34%, rgba(100,233,255,.05), transparent 60%),
radial-gradient(500px 300px at 40% 80%, rgba(255,182,72,.04), transparent 60%),
linear-gradient(rgba(89,255,156,.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(89,255,156,.03) 1px, transparent 1px),
var(--paper);
background-size:auto,auto,auto,36px 36px,36px 36px,auto;
}
#ph *,#ph *::before,#ph *::after{box-sizing:border-box;margin:0;padding:0}
#ph ::selection{background:var(--g);color:var(--paper)}
#ph a{color:inherit;text-decoration:none}
#ph button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit}
#ph .ok{color:var(--g);font-style:normal}
#ph .warn{color:var(--a)}
#ph .dn{color:var(--dn)}
#ph .ph-mono{font-family:var(--fm);font-size:11px;letter-spacing:.1em}
#ph .ph-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
#ph .ph-foot-note{color:var(--mut);font-size:12px;margin-top:12px;font-style:italic}
/* TICKER */
#ph .ph-ticker{overflow:hidden;background:var(--ink);border-bottom:2px solid var(--g)}
#ph .ph-ticker-track{display:flex;align-items:center;gap:2.4rem;width:max-content;padding:8px 0;animation:ph-scroll 40s linear infinite;font-family:var(--fm);font-size:11px;letter-spacing:.12em;color:var(--paper);text-transform:uppercase;white-space:nowrap}
#ph .ph-ticker:hover .ph-ticker-track{animation-play-state:paused}
#ph .ph-ticker i{color:var(--a);font-style:normal}
#ph .ph-ticker b.ok{color:var(--paper);background:var(--g);padding:2px 6px;border-radius:3px}
#ph .ph-ticker b.warn{color:var(--paper);background:var(--a);padding:2px 6px;border-radius:3px}
@keyframes ph-scroll{to{transform:translateX(-50%)}}
/* HEADER */
#ph .ph-head{position:sticky;top:0;z-index:40;background:rgba(10,15,12,.94);backdrop-filter:blur(10px);border-bottom:2px solid var(--g)}
#ph .ph-head-in{display:flex;align-items:center;gap:20px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
#ph .ph-logo{font-family:var(--fd);font-weight:700;font-size:24px;letter-spacing:.1em;display:flex;align-items:baseline;gap:6px;color:var(--g);text-shadow:0 0 14px rgba(89,255,156,.4)}
#ph .ph-cursor{color:var(--a);animation:ph-blink 1.1s steps(1) infinite}
@keyframes ph-blink{50%{opacity:0}}
#ph .ph-logo em{font-style:normal;font-family:var(--fm);font-size:9px;letter-spacing:.28em;color:var(--mut);text-transform:uppercase}
#ph .ph-logo.small{font-size:18px}
/* MODE SWITCH */
#ph .ph-mode-switch{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto;background:var(--card);border:2px solid var(--border);padding:4px;border-radius:10px}
#ph .ph-mode-btn{font-family:var(--fm);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border-radius:7px;color:var(--ink2);transition:.15s;border:2px solid transparent}
#ph .ph-mode-btn:hover{color:var(--g)}
#ph .ph-mode-btn.on{background:var(--g);color:var(--paper);box-shadow:0 0 12px rgba(89,255,156,.4)}
/* VIEW SWITCHING */
#ph .ph-view{display:none}
#ph .ph-view.active{display:block}
/* HERO */
#ph .ph-hero{padding-top:60px;padding-bottom:20px}
#ph .ph-hero-inner{max-width:860px}
#ph .ph-eyebrow{color:var(--ink2);margin-bottom:16px;display:block}
#ph .ph-hero h1{font-family:var(--fd);font-weight:700;font-size:clamp(46px,7vw,92px);line-height:.95;text-transform:uppercase;color:var(--g);text-shadow:0 0 28px rgba(89,255,156,.3);margin-bottom:18px}
#ph .ph-mark{background:linear-gradient(transparent 52%, rgba(255,182,72,.45) 52%);padding:0 6px;color:var(--a);text-shadow:0 0 20px rgba(255,182,72,.3)}
#ph .ph-lead{color:var(--ink2);font-size:18px;max-width:640px;margin-bottom:24px}
#ph .ph-badges{display:flex;gap:10px;flex-wrap:wrap}
/* SECTIONS */
#ph .ph-section{padding-top:48px}
#ph .ph-sec-head{display:flex;align-items:baseline;gap:16px;margin-bottom:24px;flex-wrap:wrap}
#ph .ph-sec-head span{color:var(--a);text-shadow:0 0 10px rgba(255,182,72,.4)}
#ph .ph-sec-head h2{font-family:var(--fd);font-weight:600;font-size:clamp(24px,3.4vw,40px);text-transform:uppercase;line-height:1;color:var(--ink)}
#ph .ph-sec-head .ph-accent{color:var(--g);text-shadow:0 0 12px rgba(89,255,156,.4)}
#ph .ph-sec-head em{font-style:normal;margin-left:auto;color:var(--mut)}
/* GRIDS */
#ph .ph-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#ph .ph-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#ph .ph-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
/* CARDS */
#ph .ph-card{background:var(--card);border:2px solid var(--border);box-shadow:6px 6px 0 rgba(10,15,12,.8);padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}
#ph .ph-card:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 rgba(89,255,156,.2);border-color:var(--g)}
#ph .ph-card h3{font-family:var(--fd);font-weight:600;font-size:17px;text-transform:uppercase;margin-bottom:8px;color:var(--ink)}
#ph .ph-card p{color:var(--ink2);font-size:13.5px;line-height:1.5;margin-bottom:6px}
#ph .ph-card p:last-child{margin-bottom:0}
#ph .ph-card-hl{border-color:var(--g);box-shadow:6px 6px 0 var(--g),0 0 30px rgba(89,255,156,.15)}
#ph .ph-card-hl:hover{box-shadow:9px 9px 0 var(--g),0 0 40px rgba(89,255,156,.3)}
#ph .ph-big-num{font-family:var(--fd);font-weight:700;font-size:44px;color:var(--g);text-shadow:0 0 20px rgba(89,255,156,.4);line-height:1;margin-bottom:6px}
#ph .ph-split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}
/* CHIPS / BADGES */
#ph .ph-chip{display:inline-block;font-family:var(--fm);font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;margin-bottom:8px;font-weight:700}
#ph .ph-chip-g{background:var(--g);color:var(--paper);box-shadow:0 0 10px rgba(89,255,156,.5)}
#ph .ph-chip-a{background:var(--a);color:var(--paper);box-shadow:0 0 10px rgba(255,182,72,.5)}
#ph .ph-chip-c{background:var(--c);color:var(--paper);box-shadow:0 0 10px rgba(100,233,255,.5)}
#ph .ph-chip-r{background:var(--dn);color:var(--paper);box-shadow:0 0 10px rgba(255,132,132,.5)}
#ph .ph-badge{display:inline-block;font-family:var(--fm);font-size:9px;letter-spacing:.1em;padding:3px 8px;border-radius:3px;font-weight:700;text-transform:uppercase}
#ph .ph-badge-g{background:rgba(89,255,156,.15);color:var(--g);border:1px solid var(--g)}
#ph .ph-badge-a{background:rgba(255,182,72,.15);color:var(--a);border:1px solid var(--a)}
#ph .ph-badge-c{background:rgba(100,233,255,.15);color:var(--c);border:1px solid var(--c)}
#ph .ph-badge-r{background:rgba(255,132,132,.15);color:var(--dn);border:1px solid var(--dn)}
#ph .ph-badges .ph-badge{border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--ink);padding:8px 12px;font-size:12px}
/* LAYERS (architecture) */
#ph .ph-layers{display:flex;flex-direction:column;gap:12px}
#ph .ph-layer{background:var(--card);border:2px solid var(--border);padding:16px 20px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;transition:.2s}
#ph .ph-layer:hover{transform:translateX(6px);border-color:var(--g)}
#ph .ph-layer h3{font-family:var(--fd);font-weight:600;font-size:16px;text-transform:uppercase;color:var(--ink);margin-bottom:4px}
#ph .ph-layer p{font-size:13px;color:var(--ink2);margin:0}
/* FLOW */
#ph .ph-flow{display:flex;flex-direction:column;gap:8px}
#ph .ph-flow-step{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;background:var(--card-2);border-left:3px solid var(--g);padding:13px}
#ph .ph-flow-num{width:34px;height:34px;border-radius:50%;background:var(--g);color:var(--paper);display:grid;place-items:center;font-family:var(--fd);font-weight:700;font-size:14px;box-shadow:0 0 14px rgba(89,255,156,.4)}
#ph .ph-flow-step div{font-size:13.5px;color:var(--ink2);line-height:1.5}
#ph .ph-flow-step b{color:var(--ink)}
/* TABLES */
#ph .ph-table-wrap{overflow-x:auto;border:2px solid var(--border);background:var(--card);scrollbar-width:thin;scrollbar-color:var(--g) var(--card)}
#ph .ph-table-wrap::-webkit-scrollbar{height:10px}
#ph .ph-table-wrap::-webkit-scrollbar-track{background:var(--card)}
#ph .ph-table-wrap::-webkit-scrollbar-thumb{background:var(--g);border-radius:5px}
#ph .ph-table{width:100%;border-collapse:collapse;min-width:640px}
#ph .ph-table th,#ph .ph-table td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top;font-size:13px;color:var(--ink2)}
#ph .ph-table th{font-family:var(--fd);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--card-2)}
#ph .ph-table td:first-child,#ph .ph-table th:first-child{color:var(--ink);font-weight:600}
#ph .ph-th-accent{color:var(--g)!important;background:rgba(89,255,156,.08)!important}
/* WARN BOX */
#ph .ph-warn-box{border:2px solid var(--a);background:rgba(255,182,72,.06);box-shadow:6px 6px 0 var(--a);padding:20px}
#ph .ph-warn-box h3{font-family:var(--fd);font-weight:600;font-size:17px;text-transform:uppercase;margin-bottom:10px;color:var(--a)}
#ph .ph-warn-box p{color:var(--ink2);font-size:13.5px;line-height:1.5}
/* KPI (dashboard) */
#ph .ph-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#ph .ph-kpi{background:var(--card);border:2px solid var(--border);padding:20px;position:relative;overflow:hidden;transition:.2s}
#ph .ph-kpi:hover{transform:translateY(-3px)}
#ph .ph-kpi-g{border-color:var(--g)} #ph .ph-kpi-c{border-color:var(--c)} #ph .ph-kpi-a{border-color:var(--a)}
#ph .ph-kpi-label{font-family:var(--fm);font-size:10px;letter-spacing:.14em;color:var(--mut);text-transform:uppercase;display:block;margin-bottom:8px}
#ph .ph-kpi b{font-family:var(--fd);font-weight:700;font-size:32px;line-height:1;display:block;margin-bottom:6px}
#ph .ph-kpi-g b{color:var(--g);text-shadow:0 0 14px rgba(89,255,156,.4)}
#ph .ph-kpi-c b{color:var(--c);text-shadow:0 0 14px rgba(100,233,255,.4)}
#ph .ph-kpi-a b{color:var(--a);text-shadow:0 0 14px rgba(255,182,72,.4)}
#ph .ph-kpi-sub{font-size:12px;color:var(--mut)}
/* FILTERS */
#ph .ph-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
#ph .ph-filter-btn{font-family:var(--fm);font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--border);padding:8px 14px;background:var(--card);color:var(--ink2);transition:.15s}
#ph .ph-filter-btn:hover{border-color:var(--g);color:var(--g)}
#ph .ph-filter-btn.on{background:var(--g);color:var(--paper);border-color:var(--g)}
/* GROVE CARDS */
#ph .ph-grove{background:var(--card);border:2px solid var(--border);padding:16px;transition:.2s}
#ph .ph-grove:hover{border-color:var(--g);transform:translateY(-3px)}
#ph .ph-grove.hidden{display:none}
#ph .ph-grove h3{font-family:var(--fd);font-weight:600;font-size:15px;text-transform:uppercase;color:var(--ink);margin-bottom:6px}
#ph .ph-grove p{font-size:12px;color:var(--ink2);margin:0}
/* FEED */
#ph .ph-feed{background:var(--card);border:2px solid var(--border);max-height:280px;overflow-y:auto}
#ph .ph-feed-item{display:grid;grid-template-columns:120px 110px 80px 1fr 70px;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);font-size:12px;animation:ph-fadein .4s}
#ph .ph-feed-item:last-child{border-bottom:none}
@keyframes ph-fadein{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
#ph .ph-feed-item b{color:var(--ink);font-family:var(--fm)}
/* CALCULATOR */
#ph .ph-label{display:flex;flex-direction:column;gap:6px;font-family:var(--fm);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);margin-bottom:14px}
#ph .ph-input{width:100%;background:var(--paper);border:2px solid var(--border);padding:11px 14px;font:500 14px var(--fb);color:var(--ink);transition:.15s}
#ph .ph-input:focus{outline:none;box-shadow:3px 3px 0 var(--g);border-color:var(--g)}
#ph .ph-calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
#ph .ph-calc-item{background:var(--card-2);border:1px solid var(--border);padding:13px}
#ph .ph-calc-label{display:block;font-family:var(--fm);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:6px}
#ph .ph-calc-item b{font-family:var(--fd);font-weight:600;font-size:20px;color:var(--g)}
/* CHECKLIST */
#ph .ph-checklist{display:flex;flex-direction:column;gap:11px}
#ph .ph-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font:400 14px var(--fb);color:var(--ink2)}
#ph .ph-check input{position:absolute;opacity:0}
#ph .ph-check i{font-style:normal;flex:0 0 20px;height:20px;border:2px solid var(--border);display:grid;place-items:center;font-size:12px;color:transparent;transition:.15s;margin-top:1px}
#ph .ph-check input:checked+i{background:var(--g);border-color:var(--g);color:var(--paper);box-shadow:0 0 10px rgba(89,255,156,.4)}
#ph .ph-check input:checked+span{color:var(--g)}
#ph .ph-check span{flex:1}
#ph .ph-progress-wrap{width:100%;height:16px;background:var(--card-2);border:1px solid var(--border);border-radius:999px;overflow:hidden;margin-bottom:12px}
#ph .ph-progress{width:0%;height:100%;background:linear-gradient(90deg,var(--g),var(--c));transition:width .4s ease;box-shadow:0 0 14px rgba(89,255,156,.4)}
#ph .ph-progress-label{font-family:var(--fm);font-size:12px;color:var(--ink2);margin-bottom:14px}
/* BUTTON */
#ph .ph-btn{display:inline-block;font-family:var(--fd);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;background:var(--g);color:var(--paper);border:2px solid var(--ink);padding:12px 18px;box-shadow:4px 4px 0 var(--ink);transition:.15s}
#ph .ph-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
#ph .ph-btn-w{width:100%}
/* PHASE BAR */
#ph .ph-phase-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#ph .ph-phase-seg{padding:18px 14px;font-family:var(--fd);font-weight:600;font-size:15px;text-transform:uppercase;border:2px solid var(--border);background:var(--card);color:var(--ink);text-align:center;transition:.2s}
#ph .ph-phase-seg span{display:block;font-family:var(--fm);font-size:10px;letter-spacing:.06em;color:var(--mut);margin-top:6px;text-transform:none}
#ph .ph-seg-0{border-color:var(--g)} #ph .ph-seg-1{border-color:var(--c)} #ph .ph-seg-2{border-color:var(--a)} #ph .ph-seg-3{border-color:var(--dn)}
#ph .ph-phase-seg:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(89,255,156,.15)}
#ph .ph-phase-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px;font-family:var(--fm);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);text-align:center}
/* FOOTER / TOASTS */
#ph .ph-foot{border-top:2px solid var(--g);margin-top:64px;background:var(--card)}
#ph .ph-foot-in{display:flex;align-items:center;gap:26px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}
#ph .ph-foot-eco{font-family:var(--fm);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--g);margin:0 auto;text-align:center;text-shadow:0 0 8px rgba(89,255,156,.3)}
#ph .ph-foot-in>span:last-child{font-family:var(--fm);font-size:10px;color:var(--mut)}
#ph .ph-toasts{position:fixed;bottom:22px;right:22px;z-index:2147483000;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
#ph .ph-toast{background:var(--card);color:var(--ink);border-left:4px solid var(--tc,var(--g));padding:12px 18px;font:500 13px var(--fb);box-shadow:6px 6px 0 rgba(10,15,12,.8),0 0 20px rgba(89,255,156,.2);animation:ph-toast .35s cubic-bezier(.2,1.4,.4,1);max-width:360px;border:1px solid var(--border)}
#ph .ph-toast.out{opacity:0;transform:translateX(30px);transition:.3s}
@keyframes ph-toast{from{opacity:0;transform:translateX(40px)}}
/* REVEAL */
#ph .ph-rev{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
#ph .ph-rev.in{opacity:1;transform:none}
/* RESPONSIVE */
@media (max-width:980px){
#ph .ph-grid-4{grid-template-columns:1fr 1fr}
#ph .ph-grid-3{grid-template-columns:1fr 1fr}
#ph .ph-kpis{grid-template-columns:1fr 1fr}
#ph .ph-phase-bar{grid-template-columns:1fr 1fr}
#ph .ph-phase-labels{grid-template-columns:1fr 1fr}
#ph .ph-split{grid-template-columns:1fr}
#ph .ph-mode-switch{margin-left:0}
}
@media (max-width:600px){
#ph .ph-grid-2,#ph .ph-grid-3,#ph .ph-grid-4,#ph .ph-kpis{grid-template-columns:1fr}
#ph .ph-phase-bar,#ph .ph-phase-labels{grid-template-columns:1fr}
#ph .ph-feed-item{grid-template-columns:1fr;gap:6px}
#ph .ph-layer{grid-template-columns:1fr}
#ph .ph-calc-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
#ph *,#ph *::before,#ph *::after{animation:none!important;transition:none!important}
#ph .ph-rev{opacity:1;transform:none}
}
</style>
<script>
(function(){
"use strict";
/*
===========================================================================
PANDO HUB SCRIPT
===========================================================================
Назначение: переключение 8 модулей, reveal, toast, интерактивы.
Польза: один файл работает как 8 отдельных продуктов.
===========================================================================
*/
var root=document.getElementById('ph');
if(!root) return;
var RM=window.matchMedia('(prefers-reduced-motion: reduce)').matches;
/* TOASTS */
var toastBox=root.querySelector('#phToasts');
function toast(msg,color){
var t=document.createElement('div');
t.className='ph-toast';
var map={g:'var(--g)',a:'var(--a)',c:'var(--c)',dn:'var(--dn)'};
t.style.setProperty('--tc',map[color]||map.g);
t.textContent=msg;
toastBox.appendChild(t);
setTimeout(function(){t.classList.add('out');setTimeout(function(){t.remove();},320);},3200);
}
/* MODE SWITCHING */
var modeBtns=root.querySelectorAll('.ph-mode-btn');
var views=root.querySelectorAll('.ph-view');
modeBtns.forEach(function(btn){
btn.addEventListener('click',function(){
modeBtns.forEach(function(b){b.classList.remove('on');});
btn.classList.add('on');
var mode=btn.dataset.mode;
views.forEach(function(v){
v.classList.toggle('active', v.id==='view-'+mode);
});
window.scrollTo({top:0,behavior:RM?'auto':'smooth'});
setTimeout(revealActive,80);
toast('Модуль: '+btn.textContent,'g');
});
});
/* REVEAL */
function revealActive(){
var active=root.querySelector('.ph-view.active');
if(!active) return;
active.querySelectorAll('.ph-rev:not(.in)').forEach(function(el){
el.classList.add('in');
});
}
var io=new IntersectionObserver(function(entries){
entries.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});
},{threshold:.1});
root.querySelectorAll('.ph-rev').forEach(function(el){io.observe(el);});
/* DASHBOARD LIVE METRICS */
var tps=87342, fin=8.2;
setInterval(function(){
tps+=Math.floor(Math.random()*200-80);
fin=Math.max(6,Math.min(12,fin+(Math.random()-.5)*.4));
var e1=root.querySelector('#dTps'); if(e1) e1.textContent=tps.toLocaleString('ru-RU');
var e2=root.querySelector('#dFin'); if(e2) e2.textContent=fin.toFixed(1)+'s';
},2000);
/* DASHBOARD GROVE FILTER */
var gfBtns=root.querySelectorAll('#phGroveFilters .ph-filter-btn');
var groves=root.querySelectorAll('#phGroveGrid .ph-grove');
gfBtns.forEach(function(btn){
btn.addEventListener('click',function(){
gfBtns.forEach(function(b){b.classList.remove('on');});
btn.classList.add('on');
var f=btn.dataset.gf;
groves.forEach(function(g){
g.classList.toggle('hidden', !(f==='all'||g.dataset.gt===f));
});
});
});
/* TOKEN CALCULATOR */
var SUPPLY=1000000000;
var tStake=root.querySelector('#tStake');
var tLock=root.querySelector('#tLock');
var tRatio=root.querySelector('#tRatio');
var tEmission=root.querySelector('#tEmission');
function fmtN(v){return isFinite(v)?new Intl.NumberFormat('ru-RU',{maximumFractionDigits:0}).format(v):'—';}
function fmtP(v){return isFinite(v)?(v*100).toFixed(2)+'%':'—';}
function calcToken(){
if(!tStake||!tLock||!tRatio||!tEmission) return;
var stake=parseFloat(tStake.value)||0;
var lock=parseInt(tLock.value)||0;
var ratio=(parseFloat(tRatio.value)||0)/100;
var emission=parseFloat(tEmission.value)||0;
if(stake<0)stake=0; if(ratio<=0)ratio=0.01; if(emission<0)emission=0;
var staked=SUPPLY*ratio;
var base=staked>0?emission/staked:0;
var mult=1+0.1*Math.min(lock,10);
var gross=base*mult;
var annual=stake*gross;
var o1=root.querySelector('#tOutStaked'); if(o1)o1.textContent=fmtN(staked)+' PANDO';
var o2=root.querySelector('#tOutBase'); if(o2)o2.textContent=fmtP(base);
var o3=root.querySelector('#tOutMult'); if(o3)o3.textContent=mult.toFixed(1)+'x';
var o4=root.querySelector('#tOutGross'); if(o4)o4.textContent=fmtP(gross);
var o5=root.querySelector('#tOutAnnual'); if(o5)o5.textContent=fmtN(annual)+' PANDO';
}
if(tStake){tStake.addEventListener('input',calcToken);tLock.addEventListener('change',calcToken);tRatio.addEventListener('input',calcToken);tEmission.addEventListener('input',calcToken);calcToken();}
/* LEGAL CHECKLIST */
var checklist=root.querySelector('#phChecklist');
var progress=root.querySelector('#phProgress');
var progressLabel=root.querySelector('#phProgressLabel');
var resetCheck=root.querySelector('#phResetChecklist');
function updateChecklist(){
if(!checklist||!progress||!progressLabel) return;
var items=checklist.querySelectorAll('input[type="checkbox"]');
var total=items.length, done=0;
items.forEach(function(i){if(i.checked)done++;});
var pct=total>0?Math.round(done/total*100):0;
progress.style.width=pct+'%';
progressLabel.textContent=done+' / '+total+' выполнено';
if(done===total&&total>0) toast('Все пункты отмечены. Нужна юрэкспертиза перед запуском.','a');
}
if(checklist) checklist.addEventListener('change',updateChecklist);
if(resetCheck) resetCheck.addEventListener('click',function(){
if(!checklist) return;
checklist.querySelectorAll('input[type="checkbox"]').forEach(function(i){i.checked=false;});
updateChecklist();
toast('Чек-лист сброшен','c');
});
updateChecklist();
toast('Pando Complete Hub · 8 модулей · Concept v1.0','g');
})();
</script>
</body>
</html>
2026-08-18T07:59:26Z
https://pandoraburo.ru/ssl/u/pic/f1/ddc6349a4311f19817f9045e951988/-/logo.png
1592962
https://www.pandoraburo.ru/