forked from C9S/blagorost-landing
fix: перенос стилей из html в css, добавление медиазапросов для мобилки и планшета
This commit is contained in:
+74
-75
@@ -91,7 +91,7 @@
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="problem-grid" style="margin-top: 48px;">
|
||||
<div class="problem-grid">
|
||||
|
||||
<div class="problem-card reveal">
|
||||
<span class="problem-icon">🏠</span>
|
||||
@@ -119,8 +119,8 @@
|
||||
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 48px; text-align: center;" class="reveal reveal-delay-4">
|
||||
<a href="https://coopenomics.world" target="_blank" class="btn-secondary" style="font-size: 12px; letter-spacing: 0.15em;">Манифест кооперативной экономики →</a>
|
||||
<div class="manifesto-cta-wrap reveal reveal-delay-4">
|
||||
<a href="https://coopenomics.world" target="_blank" class="btn-secondary manifesto-link">Манифест кооперативной экономики →</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -185,7 +185,7 @@
|
||||
<h2 class="reveal reveal-delay-1">Кооперативная программа<br><em>капитализации интеллекта</em></h2>
|
||||
|
||||
<div class="reveal reveal-delay-2">
|
||||
<p style="margin-top: 32px;">
|
||||
<p class="what-lead-para">
|
||||
<strong>Благорост</strong> — приложение и одноименная целевая потребительская программа ПК «ВОСХОД».
|
||||
Участники вносят паевые взносы <strong>результатами интеллектуальной деятельности</strong>
|
||||
или денежными средствами — и получают долю в создаваемом
|
||||
@@ -206,7 +206,7 @@
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="section-tag reveal" style="margin-bottom: 24px;">Роли участников</div>
|
||||
<div class="section-tag what-roles-label reveal">Роли участников</div>
|
||||
<div class="roles-list">
|
||||
<div class="role-item reveal reveal-delay-1">
|
||||
<div class="role-icon">МАСТЕР</div>
|
||||
@@ -262,8 +262,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="reveal" style="margin: 40px 0 32px;">
|
||||
<svg viewBox="0 0 680 148" xmlns="http://www.w3.org/2000/svg" style="width:100%;max-width:680px;display:block;margin:0 auto;">
|
||||
<div class="formula-svg-wrap reveal">
|
||||
<svg viewBox="0 0 680 148" xmlns="http://www.w3.org/2000/svg" class="formula-time-svg">
|
||||
<rect x="8" y="6" width="238" height="58" rx="8" fill="rgba(201,151,58,0.06)" stroke="rgba(201,151,58,0.5)" stroke-width="1.5"/>
|
||||
<text x="119" y="28" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="9.5" font-weight="700" fill="#C9973A" letter-spacing="0.1em">ВРЕМЯ АСТРОНОМИЧЕСКОЕ</text>
|
||||
<text x="105" y="48" text-anchor="middle" font-family="inherit" font-size="11" fill="var(--text-dim)">стоимость единицы —</text>
|
||||
@@ -299,10 +299,10 @@
|
||||
<!-- Уровень 1 — Генератор -->
|
||||
<div class="formula-block reveal">
|
||||
<div class="formula-block-label">Уровень 1 — Себестоимость проекта (программа «Генератор»)</div>
|
||||
<div class="big-formula" style="font-size: 26px; line-height: 1.6;">
|
||||
<div class="big-formula big-formula--lvl1">
|
||||
A = <span class="gold">φ</span> <span class="dim">×</span> (v+v') <span class="dim">×</span> t <span class="dim">+</span> c
|
||||
</div>
|
||||
<div class="formula-vars" style="margin-top: 20px;">
|
||||
<div class="formula-vars formula-vars--tight">
|
||||
<div class="fv-row">
|
||||
<div class="fv-sym">t</div>
|
||||
<div class="fv-text"><strong>Астрономическое время</strong> — часы исполнителя в акцептованных коммитах</div>
|
||||
@@ -316,7 +316,7 @@
|
||||
<div class="fv-text"><strong>Стоимость единицы «созидательного» времени</strong> — знания и профессиональные навыки, проявленные в единицу времени. Оценивается Советом кооператива</div>
|
||||
</div>
|
||||
<div class="fv-row">
|
||||
<div class="fv-sym" style="font-style:italic">φ</div>
|
||||
<div class="fv-sym">φ</div>
|
||||
<div class="fv-text"><strong>Золотое сечение</strong> — взнос соавторов составляет 0,618 от взноса исполнителей</div>
|
||||
</div>
|
||||
<div class="fv-row">
|
||||
@@ -324,8 +324,8 @@
|
||||
<div class="fv-text"><strong>Взнос координаторов</strong> — 5% от привлечённых в проект инвестиций</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;">
|
||||
<p style="font-size: 12px; color: var(--text-dim); margin-bottom: 8px; font-family: 'JetBrains Mono', monospace; letter-spacing: 0.1em;">ПРОПОРЦИЯ ВНУТРИ ПРОЕКТА</p>
|
||||
<div class="proportion-wrap">
|
||||
<p class="proportion-label">ПРОПОРЦИЯ ВНУТРИ ПРОЕКТА</p>
|
||||
<div class="proportion-bar">
|
||||
<div class="prop-segment prop-a">61,8% Исполнители</div>
|
||||
<div class="prop-segment prop-b">38,2% Соавторы</div>
|
||||
@@ -334,7 +334,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Уровень 2 — Благорост -->
|
||||
<div class="formula-block reveal reveal-delay-1" style="margin-top: 2px;">
|
||||
<div class="formula-block reveal reveal-delay-1">
|
||||
<div class="formula-block-label">Уровень 2 — Программа Благорост</div>
|
||||
<div class="big-formula">
|
||||
S = <span class="gold">φ</span> <span class="dim">×</span> A
|
||||
@@ -349,7 +349,7 @@
|
||||
<div class="fv-text"><strong>Себестоимость всех проектов</strong> — совокупные паевые взносы команд (формула выше)</div>
|
||||
</div>
|
||||
<div class="fv-row">
|
||||
<div class="fv-sym" style="font-style:italic">φ</div>
|
||||
<div class="fv-sym">φ</div>
|
||||
<div class="fv-text"><strong>Золотое сечение = 1,618</strong> — коэффициент содействия участников программы Благорост</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -426,102 +426,101 @@
|
||||
</div>
|
||||
|
||||
<!-- Живой пример расчёта -->
|
||||
<div class="exp-block reveal" style="margin-top: 48px; padding: 0;">
|
||||
<h3 style="margin-bottom: 8px;">Расчёт на конкретном примере</h3>
|
||||
<p style="color:var(--text-dim);font-size:14px;margin-bottom:32px;">
|
||||
<div class="exp-block exp-block--example reveal">
|
||||
<h3>Расчёт на конкретном примере</h3>
|
||||
<p class="exp-calc-desc">
|
||||
Один проект, три участника, реальные цифры — от первого коммита до доли в ОАП платформы.
|
||||
</p>
|
||||
|
||||
<div class="exp-inner">
|
||||
|
||||
<!-- Участники -->
|
||||
<div style="padding:24px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:10px;">
|
||||
<p style="font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.12em;color:var(--text-dim);margin-bottom:16px;">КОМАНДА ПРОЕКТА</p>
|
||||
<div style="display:flex;flex-direction:column;gap:12px;">
|
||||
<div style="display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(255,255,255,0.05);padding-bottom:12px;">
|
||||
<div class="exp-panel exp-panel--team">
|
||||
<p class="exp-panel-label">КОМАНДА ПРОЕКТА</p>
|
||||
<div class="exp-members">
|
||||
<div class="exp-member">
|
||||
<div>
|
||||
<div style="font-weight:600;font-size:14px;">Авторский коллектив/Соавторы</div>
|
||||
<div style="font-size:12px;color:var(--text-dim);margin-top:2px;">Поставил задачу, описал логику модуля</div>
|
||||
<div class="exp-member-name">Авторский коллектив/Соавторы</div>
|
||||
<div class="exp-member-desc">Поставил задачу, описал логику модуля</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(255,255,255,0.05);padding-bottom:12px;">
|
||||
<div class="exp-member">
|
||||
<div>
|
||||
<div style="font-weight:600;font-size:14px;">Исполнитель</div>
|
||||
<div style="font-size:12px;color:var(--text-dim);margin-top:2px;">Разработчик, 40 часов в коммитах</div>
|
||||
<div class="exp-member-name">Исполнитель</div>
|
||||
<div class="exp-member-desc">Разработчик, 40 часов в коммитах</div>
|
||||
</div>
|
||||
<div style="text-align:right;white-space:nowrap;margin-left:16px;">
|
||||
<div style="font-size:12px;color:var(--text-dim);">v = v' = 1 500 ₽/ч</div>
|
||||
<div class="exp-member-rate">
|
||||
<div class="exp-rate-value">v = v' = 1 500 ₽/ч</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display:flex;justify-content:space-between;align-items:baseline;">
|
||||
<div class="exp-member exp-member--last">
|
||||
<div>
|
||||
<div style="font-weight:600;font-size:14px;">Координатор</div>
|
||||
<div style="font-size:12px;color:var(--text-dim);margin-top:2px;">Привлёк финансовых вкладчиков 200 000 ₽</div>
|
||||
<div class="exp-member-name">Координатор</div>
|
||||
<div class="exp-member-desc">Привлёк финансовых вкладчиков 200 000 ₽</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Уровень 1 расчёт -->
|
||||
<div style="padding:24px;background:rgba(201,151,58,0.04);border:1px solid rgba(201,151,58,0.15);border-radius:10px;">
|
||||
<p style="font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.12em;color:var(--text-dim);margin-bottom:16px;">УРОВЕНЬ 1 — СЕБЕСТОИМОСТЬ ПРОЕКТА</p>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:14px;">
|
||||
<div style="display:flex;justify-content:space-between;">
|
||||
<span style="color:var(--text-dim);">Вклад исполнителя (v + v') × t</span>
|
||||
<span style="color:var(--text);font-weight:600;">120 000 ₽</span>
|
||||
<div class="exp-panel exp-panel--lvl1">
|
||||
<p class="exp-panel-label">УРОВЕНЬ 1 — СЕБЕСТОИМОСТЬ ПРОЕКТА</p>
|
||||
<div class="exp-rows">
|
||||
<div class="exp-row">
|
||||
<span class="exp-row-label">Вклад исполнителя (v + v') × t</span>
|
||||
<span class="exp-row-value">120 000 ₽</span>
|
||||
</div>
|
||||
<div style="display:flex;justify-content:space-between;">
|
||||
<span style="color:var(--text-dim);">Вклад соавтора — 0,618 × 120 000</span>
|
||||
<span style="color:var(--text);font-weight:600;">74 160 ₽</span>
|
||||
<div class="exp-row">
|
||||
<span class="exp-row-label">Вклад соавтора — 0,618 × 120 000</span>
|
||||
<span class="exp-row-value">74 160 ₽</span>
|
||||
</div>
|
||||
<div style="display:flex;justify-content:space-between;">
|
||||
<span style="color:var(--text-dim);">Вклад координатора — 5% × 200 000</span>
|
||||
<span style="color:var(--text);font-weight:600;">10 000 ₽</span>
|
||||
<div class="exp-row">
|
||||
<span class="exp-row-label">Вклад координатора — 5% × 200 000</span>
|
||||
<span class="exp-row-value">10 000 ₽</span>
|
||||
</div>
|
||||
<div style="display:flex;justify-content:space-between;border-top:1px solid rgba(201,151,58,0.2);padding-top:12px;margin-top:4px;">
|
||||
<span style="color:#C9973A;font-weight:700;">Себестоимость проекта A</span>
|
||||
<span style="color:#C9973A;font-weight:700;font-size:16px;">204 160 ₽</span>
|
||||
<div class="exp-row exp-row--total">
|
||||
<span class="exp-total-label">Себестоимость проекта A</span>
|
||||
<span class="exp-total-value">204 160 ₽</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top:20px;">
|
||||
<div style="font-size:12px;color:var(--text-dim);margin-bottom:6px;">Доли в ОАП проекта:</div>
|
||||
<div style="display:flex;gap:0;border-radius:4px;overflow:hidden;font-size:11px;font-weight:700;">
|
||||
<div style="background:rgba(201,151,58,0.6);padding:6px 0;text-align:center;flex:0 0 58.8%;">Исполнитель 58,8%</div>
|
||||
<div style="background:rgba(201,151,58,0.3);padding:6px 0;text-align:center;flex:0 0 36.3%;">Соавтор 36,3%</div>
|
||||
<div style="background:rgba(201,151,58,0.12);padding:6px 0;text-align:center;flex:0 0 4.9%;font-size:9px;">4,9%</div>
|
||||
<div class="exp-shares">
|
||||
<div class="exp-shares-label">Доли в ОАП проекта:</div>
|
||||
<div class="exp-shares-bar">
|
||||
<div class="exp-share-seg exp-share-seg--high">Исполнитель 58,8%</div>
|
||||
<div class="exp-share-seg exp-share-seg--mid">Соавтор 36,3%</div>
|
||||
<div class="exp-share-seg exp-share-seg--low">4,9%</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Уровень 2 расчёт -->
|
||||
<div style="padding:24px;background:rgba(201,151,58,0.03);border:1px solid rgba(201,151,58,0.1);border-radius:10px;">
|
||||
<p style="font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.12em;color:var(--text-dim);margin-bottom:20px;">УРОВЕНЬ 2 — ПРОГРАММА БЛАГОРОСТ</p>
|
||||
<div class="exp-panel exp-panel--lvl2">
|
||||
<p class="exp-panel-label exp-panel-label--lg">УРОВЕНЬ 2 — ПРОГРАММА БЛАГОРОСТ</p>
|
||||
<div class="exp-wrapper">
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:14px;">
|
||||
<div style="display:flex;justify-content:space-between;">
|
||||
<span style="color:var(--text-dim);">Себестоимость проекта A</span>
|
||||
<span style="color:var(--text);font-weight:600;">204 160 ₽</span>
|
||||
<div class="exp-rows">
|
||||
<div class="exp-row">
|
||||
<span class="exp-row-label">Себестоимость проекта A</span>
|
||||
<span class="exp-row-value">204 160 ₽</span>
|
||||
</div>
|
||||
<div style="display:flex;justify-content:space-between;">
|
||||
<span style="color:var(--text-dim);">S = φ × A</span>
|
||||
<span style="color:var(--text);font-weight:600;">330 331 ₽</span>
|
||||
<div class="exp-row">
|
||||
<span class="exp-row-label">S = φ × A</span>
|
||||
<span class="exp-row-value">330 331 ₽</span>
|
||||
</div>
|
||||
<div style="display:flex;justify-content:space-between;border-top:1px solid rgba(201,151,58,0.2);padding-top:12px;margin-top:4px;">
|
||||
<span style="color:#C9973A;font-weight:700;">Благорост = S − A</span>
|
||||
<span style="color:#C9973A;font-weight:700;font-size:16px;">126 171 ₽</span>
|
||||
<div class="exp-row exp-row--total">
|
||||
<span class="exp-total-label">Благорост = S − A</span>
|
||||
<span class="exp-total-value">126 171 ₽</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding:16px 20px;background:var(--gold-dim);border:1px solid rgba(201,151,58,0.2);border-radius:8px;font-size:13px;line-height:1.8;color:var(--text-dim);">
|
||||
61,8% от себестоимости проекта — это и есть благорост. Команда создаёт РИД, а участники программы получают возможность внести его как <strong style="color:var(--text);">дополнительные паевые взносы</strong> — пропорционально своему участию.
|
||||
<div class="exp-note">
|
||||
61,8% от себестоимости проекта — это и есть благорост. Команда создаёт РИД, а участники программы получают возможность внести его как <strong>дополнительные паевые взносы</strong> — пропорционально своему участию.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p style="margin-top: 16px; font-size: 12px; color: var(--text-dim);">
|
||||
<p class="exp-footnote">
|
||||
* Суммы условные. Реальные ставки v и v' утверждаются Советом кооператива.
|
||||
<a href="https://coopenomics.github.io/calculator/#/wizard" target="_blank"
|
||||
style="color: var(--gold); text-decoration: none;">Интерактивный калькулятор модели →</a>
|
||||
<a href="https://coopenomics.github.io/calculator/#/wizard" target="_blank" class="exp-footnote-link">Интерактивный калькулятор модели →</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -777,7 +776,7 @@
|
||||
<div class="investor-card featured reveal reveal-delay-1">
|
||||
<span class="card-icon">📈</span>
|
||||
<h3>Фактический благорост — 45% в 2025 году</h3>
|
||||
<p>По данным бухгалтерской отчётности ПК «ВОСХОД», в 2025 году дополнительные паевые взносы на лицевые счета участников программы Благорост составили в среднем <strong style="color: var(--gold-light);">45%</strong>.</p>
|
||||
<p>По данным бухгалтерской отчётности ПК «ВОСХОД», в 2025 году дополнительные паевые взносы на лицевые счета участников программы Благорост составили в среднем <strong class="value-highlight">45%</strong>.</p>
|
||||
</div>
|
||||
<div class="investor-card reveal reveal-delay-2">
|
||||
<span class="card-icon">🛡</span>
|
||||
@@ -1053,10 +1052,10 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="app-card reveal reveal-delay-2" style="border: 1px dashed rgba(201,151,58,0.2); background: transparent; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; min-height: 260px; gap: 16px;">
|
||||
<div style="font-family: 'Cormorant Garamond', serif; font-size: 48px; color: rgba(201,151,58,0.2); line-height: 1;">+</div>
|
||||
<h3 style="font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 300; color: var(--text-dim); margin: 0;">Ваша отрасль</h3>
|
||||
<p style="font-size: 12px; color: var(--text-dim); opacity: 0.7; max-width: 200px;">Базовую логику кооперативных смарт-контрактов можно расширить под конкретный вид деятельности, создав отраслевое приложение</p>
|
||||
<div class="app-card app-card--placeholder reveal reveal-delay-2">
|
||||
<div class="app-placeholder-icon">+</div>
|
||||
<h3>Ваша отрасль</h3>
|
||||
<p>Базовую логику кооперативных смарт-контрактов можно расширить под конкретный вид деятельности, создав отраслевое приложение</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1115,7 +1114,7 @@
|
||||
</p>
|
||||
<div class="cta-buttons reveal reveal-delay-3">
|
||||
<a href="https://лк.цифровой-кооператив.рф" target="_blank" class="btn-large">Принять участие</a>
|
||||
<button type="button" class="btn-secondary calc-open" style="font-size: 13px; letter-spacing: 0.15em;">
|
||||
<button type="button" class="btn-secondary calc-open">
|
||||
Калькулятор модели →
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -180,6 +180,41 @@
|
||||
grid-column: span 1;
|
||||
}
|
||||
|
||||
/* Placeholder card ("Ваша отрасль") */
|
||||
.app-card--placeholder {
|
||||
border: 1px dashed rgba(201,151,58,0.2);
|
||||
background: transparent;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
min-height: 260px;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.app-placeholder-icon {
|
||||
font-family: 'Cormorant Garamond', serif;
|
||||
font-size: 48px;
|
||||
color: rgba(201,151,58,0.2);
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.app-card--placeholder h3 {
|
||||
font-family: 'Cormorant Garamond', serif;
|
||||
font-size: 20px;
|
||||
font-weight: 300;
|
||||
color: var(--text-dim);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.app-card--placeholder p {
|
||||
font-size: 12px;
|
||||
color: var(--text-dim);
|
||||
opacity: 0.7;
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
/* Extensibility callout */
|
||||
.extensibility-block {
|
||||
margin-top: 2px;
|
||||
@@ -250,3 +285,56 @@
|
||||
color: var(--text-dim);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
#apps {
|
||||
padding: 80px 0;
|
||||
}
|
||||
.apps-intro {
|
||||
margin-bottom: 52px;
|
||||
}
|
||||
.apps-logic-block {
|
||||
padding: 24px;
|
||||
}
|
||||
.extensibility-block {
|
||||
padding: 32px 28px;
|
||||
gap: 32px;
|
||||
}
|
||||
.app-card {
|
||||
padding: 28px 24px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
#apps {
|
||||
padding: 60px 0;
|
||||
}
|
||||
.apps-intro {
|
||||
margin-bottom: 36px;
|
||||
}
|
||||
.apps-intro-text p {
|
||||
font-size: 14px;
|
||||
}
|
||||
.apps-logic-block {
|
||||
padding: 20px;
|
||||
}
|
||||
.apps-logic-block h4 {
|
||||
font-size: 19px;
|
||||
}
|
||||
.app-card {
|
||||
padding: 24px 18px;
|
||||
}
|
||||
.app-card h3 {
|
||||
font-size: 20px;
|
||||
}
|
||||
.extensibility-block {
|
||||
padding: 24px 18px;
|
||||
gap: 24px;
|
||||
}
|
||||
.ext-left h3 {
|
||||
font-size: 23px;
|
||||
}
|
||||
.ext-left p {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,3 +39,30 @@
|
||||
color: var(--gold);
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
#build {
|
||||
padding: 80px 0;
|
||||
}
|
||||
.build-card {
|
||||
padding: 36px 28px;
|
||||
}
|
||||
.build-grid {
|
||||
margin-top: 52px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
#build {
|
||||
padding: 60px 0;
|
||||
}
|
||||
.build-card {
|
||||
padding: 28px 20px;
|
||||
}
|
||||
.build-card h3 {
|
||||
font-size: 21px;
|
||||
}
|
||||
.build-grid {
|
||||
margin-top: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
+49
-1
@@ -125,7 +125,7 @@
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
/* Кнопка калькулятора — сброс стилей */
|
||||
/* Кнопка калькулятора — сброс стилей и типографика */
|
||||
.cta-buttons .btn-secondary,
|
||||
.cta-buttons button.btn-secondary {
|
||||
background: none;
|
||||
@@ -133,6 +133,8 @@
|
||||
cursor: pointer;
|
||||
font: inherit;
|
||||
padding: 0;
|
||||
font-size: 13px;
|
||||
letter-spacing: 0.15em;
|
||||
}
|
||||
|
||||
/* Модальное окно калькулятора */
|
||||
@@ -205,3 +207,49 @@
|
||||
border: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
#cta {
|
||||
padding: 100px 0 80px;
|
||||
}
|
||||
.cta-desc {
|
||||
font-size: 15px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.access-badges {
|
||||
gap: 20px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
#cta {
|
||||
padding: 72px 0 56px;
|
||||
}
|
||||
.cta-label {
|
||||
font-size: 10px;
|
||||
letter-spacing: 0.2em;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
.cta-desc {
|
||||
font-size: 14px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
.cta-buttons {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
}
|
||||
.btn-large {
|
||||
padding: 18px 40px;
|
||||
}
|
||||
.access-badges {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
margin-top: 32px;
|
||||
}
|
||||
.badge {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -110,3 +110,48 @@
|
||||
color: var(--text-dim);
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
#engineers {
|
||||
padding: 80px 0;
|
||||
}
|
||||
.engineers-grid {
|
||||
gap: 48px;
|
||||
margin-top: 52px;
|
||||
}
|
||||
.compare-row div {
|
||||
padding: 12px 16px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
#engineers {
|
||||
padding: 60px 0;
|
||||
}
|
||||
.engineers-grid {
|
||||
gap: 32px;
|
||||
margin-top: 36px;
|
||||
}
|
||||
.compare-header div {
|
||||
padding: 12px 14px;
|
||||
font-size: 9px;
|
||||
}
|
||||
.compare-row div {
|
||||
padding: 12px 14px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.ai-warning {
|
||||
padding: 20px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
.ai-warning h4 {
|
||||
font-size: 19px;
|
||||
}
|
||||
.engineers-points {
|
||||
gap: 20px;
|
||||
}
|
||||
.eng-point h4 {
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -133,6 +133,18 @@
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* SVG-диаграмма двух измерений времени */
|
||||
.formula-svg-wrap {
|
||||
margin: 40px 0 32px;
|
||||
}
|
||||
|
||||
.formula-time-svg {
|
||||
width: 100%;
|
||||
max-width: 680px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.formula-section-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
@@ -170,6 +182,11 @@
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.big-formula--lvl1 {
|
||||
font-size: 26px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.big-formula .gold { color: var(--gold); font-style: italic; }
|
||||
.big-formula .dim { color: var(--text-dim); }
|
||||
|
||||
@@ -180,6 +197,10 @@
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.formula-vars--tight {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.fv-row {
|
||||
display: grid;
|
||||
grid-template-columns: 28px 1fr;
|
||||
@@ -297,6 +318,76 @@
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
#formula {
|
||||
padding: 80px 0;
|
||||
}
|
||||
.formula-block {
|
||||
padding: 28px 24px;
|
||||
}
|
||||
.formula-intro {
|
||||
font-size: 15px;
|
||||
}
|
||||
.returns-source-card {
|
||||
padding: 24px;
|
||||
}
|
||||
.exp-panel {
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
#formula {
|
||||
padding: 60px 0;
|
||||
}
|
||||
.formula-intro {
|
||||
font-size: 14px;
|
||||
}
|
||||
.big-formula {
|
||||
font-size: 34px;
|
||||
}
|
||||
.big-formula--lvl1 {
|
||||
font-size: 22px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.formula-block {
|
||||
padding: 20px 16px;
|
||||
}
|
||||
.formula-block-label {
|
||||
font-size: 9px;
|
||||
letter-spacing: 0.18em;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.fv-row {
|
||||
font-size: 12px;
|
||||
gap: 12px;
|
||||
}
|
||||
.fv-sym {
|
||||
font-size: 18px;
|
||||
}
|
||||
.formula-svg-wrap {
|
||||
margin: 28px 0 20px;
|
||||
}
|
||||
.exp-block--example {
|
||||
margin-top: 32px;
|
||||
}
|
||||
.exp-shares-bar {
|
||||
font-size: 10px;
|
||||
}
|
||||
.exp-share-seg--low {
|
||||
font-size: 8px;
|
||||
}
|
||||
.exp-total-value {
|
||||
font-size: 14px;
|
||||
}
|
||||
.returns-source-card {
|
||||
padding: 20px;
|
||||
}
|
||||
.returns-block {
|
||||
margin-top: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 550px) {
|
||||
.exp-inner {
|
||||
display: flex;
|
||||
@@ -392,6 +483,211 @@
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
Блок «Расчёт на конкретном примере»
|
||||
============================================ */
|
||||
|
||||
/* Обёртка блока */
|
||||
.exp-block--example {
|
||||
margin-top: 48px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.exp-block--example > h3 {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.exp-calc-desc {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
/* Карточки-панели */
|
||||
.exp-panel {
|
||||
padding: 24px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.exp-panel--team {
|
||||
background: rgba(255,255,255,0.02);
|
||||
border: 1px solid rgba(255,255,255,0.07);
|
||||
}
|
||||
|
||||
.exp-panel--lvl1 {
|
||||
background: rgba(201,151,58,0.04);
|
||||
border: 1px solid rgba(201,151,58,0.15);
|
||||
}
|
||||
|
||||
.exp-panel--lvl2 {
|
||||
background: rgba(201,151,58,0.03);
|
||||
border: 1px solid rgba(201,151,58,0.1);
|
||||
}
|
||||
|
||||
/* Заголовок панели */
|
||||
.exp-panel-label {
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 10px;
|
||||
letter-spacing: 0.12em;
|
||||
color: var(--text-dim);
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.exp-panel-label--lg {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
/* Список участников команды */
|
||||
.exp-members {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.exp-member {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
border-bottom: 1px solid rgba(255,255,255,0.05);
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
||||
.exp-member--last {
|
||||
border-bottom: none;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.exp-member-name {
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.exp-member-desc {
|
||||
font-size: 12px;
|
||||
color: var(--text-dim);
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.exp-member-rate {
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
.exp-rate-value {
|
||||
font-size: 12px;
|
||||
color: var(--text-dim);
|
||||
}
|
||||
|
||||
/* Строки расчёта */
|
||||
.exp-rows {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.exp-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.exp-row--total {
|
||||
border-top: 1px solid rgba(201,151,58,0.2);
|
||||
padding-top: 12px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.exp-row-label {
|
||||
color: var(--text-dim);
|
||||
}
|
||||
|
||||
.exp-row-value {
|
||||
color: var(--text);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.exp-total-label {
|
||||
color: var(--gold);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.exp-total-value {
|
||||
color: var(--gold);
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/* Полоса долей в ОАП */
|
||||
.exp-shares {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.exp-shares-label {
|
||||
font-size: 12px;
|
||||
color: var(--text-dim);
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.exp-shares-bar {
|
||||
display: flex;
|
||||
gap: 0;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.exp-share-seg {
|
||||
padding: 6px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.exp-share-seg--high {
|
||||
background: rgba(201,151,58,0.6);
|
||||
flex: 0 0 58.8%;
|
||||
}
|
||||
|
||||
.exp-share-seg--mid {
|
||||
background: rgba(201,151,58,0.3);
|
||||
flex: 0 0 36.3%;
|
||||
}
|
||||
|
||||
.exp-share-seg--low {
|
||||
background: rgba(201,151,58,0.12);
|
||||
flex: 0 0 4.9%;
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
/* Поясняющий блок (уровень 2) */
|
||||
.exp-note {
|
||||
padding: 16px 20px;
|
||||
background: var(--gold-dim);
|
||||
border: 1px solid rgba(201,151,58,0.2);
|
||||
border-radius: 8px;
|
||||
font-size: 13px;
|
||||
line-height: 1.8;
|
||||
color: var(--text-dim);
|
||||
}
|
||||
|
||||
.exp-note strong {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
/* Сноска */
|
||||
.exp-footnote {
|
||||
margin-top: 16px;
|
||||
font-size: 12px;
|
||||
color: var(--text-dim);
|
||||
}
|
||||
|
||||
.exp-footnote-link {
|
||||
color: var(--gold);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.exp-footnote-link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.phi-circle {
|
||||
display: inline-block;
|
||||
font-family: 'Cormorant Garamond', serif;
|
||||
@@ -408,6 +704,19 @@
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Шкала пропорций (уровень 1) */
|
||||
.proportion-wrap {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.proportion-label {
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 12px;
|
||||
color: var(--text-dim);
|
||||
letter-spacing: 0.1em;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.proportion-bar {
|
||||
margin: 20px 0;
|
||||
height: 40px;
|
||||
|
||||
@@ -248,3 +248,36 @@ h1 em {
|
||||
text-transform: uppercase;
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
#hero {
|
||||
padding: 100px 0 64px;
|
||||
min-height: unset;
|
||||
}
|
||||
.hero-desc {
|
||||
font-size: 16px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
#hero {
|
||||
padding: 88px 0 48px;
|
||||
}
|
||||
h1 {
|
||||
font-size: clamp(36px, 10vw, 52px);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.hero-desc {
|
||||
font-size: 15px;
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
.hero-cta-group {
|
||||
flex-wrap: wrap;
|
||||
gap: 14px;
|
||||
}
|
||||
.hero-pill {
|
||||
font-size: 9px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -138,3 +138,45 @@
|
||||
max-width: 560px;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
#how {
|
||||
padding: 80px 0;
|
||||
}
|
||||
.phase {
|
||||
gap: 28px;
|
||||
}
|
||||
.phase-content h3 {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
#how {
|
||||
padding: 60px 0;
|
||||
}
|
||||
.how-flow {
|
||||
padding: 16px 20px;
|
||||
margin-top: 32px;
|
||||
}
|
||||
.flow-step {
|
||||
font-size: 12px;
|
||||
}
|
||||
.phases {
|
||||
margin-top: 36px;
|
||||
}
|
||||
.phase {
|
||||
grid-template-columns: 56px 1fr;
|
||||
gap: 16px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.phase-content h3 {
|
||||
font-size: 21px;
|
||||
}
|
||||
.phase-content p {
|
||||
font-size: 13px;
|
||||
}
|
||||
.phase-content {
|
||||
padding-bottom: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -99,3 +99,43 @@
|
||||
color: var(--text-dim);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.value-highlight {
|
||||
color: var(--gold-light);
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
#investors {
|
||||
padding: 80px 0;
|
||||
}
|
||||
.investor-grid {
|
||||
margin-top: 52px;
|
||||
}
|
||||
.investor-card {
|
||||
padding: 36px 28px;
|
||||
}
|
||||
.investor-flow {
|
||||
margin-top: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
#investors {
|
||||
padding: 60px 0;
|
||||
}
|
||||
.investor-card {
|
||||
padding: 28px 20px;
|
||||
}
|
||||
.investor-card h3 {
|
||||
font-size: 20px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.investor-flow {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 32px;
|
||||
margin-top: 36px;
|
||||
}
|
||||
.flow-item h4 {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,3 +3,38 @@
|
||||
background: var(--dark);
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
|
||||
#manifesto .problem-grid {
|
||||
margin-top: 48px;
|
||||
}
|
||||
|
||||
.manifesto-cta-wrap {
|
||||
margin-top: 48px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.manifesto-link {
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.15em;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
#manifesto {
|
||||
padding: 80px 0;
|
||||
}
|
||||
#manifesto .problem-grid {
|
||||
margin-top: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
#manifesto {
|
||||
padding: 60px 0;
|
||||
}
|
||||
#manifesto .problem-grid {
|
||||
margin-top: 28px;
|
||||
}
|
||||
.manifesto-cta-wrap {
|
||||
margin-top: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -45,3 +45,35 @@
|
||||
}
|
||||
|
||||
.problem-card.highlight h3 { color: var(--gold-light); }
|
||||
|
||||
@media (max-width: 900px) {
|
||||
#problem {
|
||||
padding: 80px 0;
|
||||
}
|
||||
.problem-card {
|
||||
padding: 36px 28px;
|
||||
}
|
||||
.problem-card h3 {
|
||||
font-size: 23px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
#problem {
|
||||
padding: 60px 0;
|
||||
}
|
||||
.problem-card {
|
||||
padding: 28px 20px;
|
||||
}
|
||||
.problem-card h3 {
|
||||
font-size: 20px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.problem-card p {
|
||||
font-size: 13px;
|
||||
}
|
||||
.problem-icon {
|
||||
font-size: 24px;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
+20
-15
@@ -1,3 +1,4 @@
|
||||
/* ─── TABLET (≤ 900px) ─── */
|
||||
@media (max-width: 900px) {
|
||||
nav { padding: 20px 24px; }
|
||||
.container { padding: 0 24px; }
|
||||
@@ -5,28 +6,32 @@
|
||||
.hero-formula-card { display: none; }
|
||||
.problem-grid { grid-template-columns: 1fr; }
|
||||
.what-grid { grid-template-columns: 1fr; gap: 40px; }
|
||||
.formula-section-grid { grid-template-columns: 1fr; }
|
||||
.formula-hire-compare-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.formula-hire-col {
|
||||
padding: 8px 0 0;
|
||||
}
|
||||
.formula-hire-col:last-of-type {
|
||||
padding: 24px 0 0;
|
||||
}
|
||||
.formula-hire-arrow {
|
||||
padding: 8px 0;
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
.formula-section-grid { grid-template-columns: 1fr; gap: 48px; }
|
||||
.formula-hire-compare-grid { grid-template-columns: 1fr; }
|
||||
.formula-hire-col { padding: 8px 0 0; }
|
||||
.formula-hire-col:last-of-type { padding: 24px 0 0; }
|
||||
.formula-hire-arrow { padding: 8px 0; transform: rotate(90deg); }
|
||||
.engineers-grid { grid-template-columns: 1fr; }
|
||||
.investor-grid { grid-template-columns: 1fr; }
|
||||
.investor-flow { grid-template-columns: 1fr 1fr; gap: 40px; }
|
||||
.investor-flow::after { display: none; }
|
||||
.build-grid { grid-template-columns: 1fr; }
|
||||
.apps-intro { grid-template-columns: 1fr; gap: 40px; }
|
||||
.apps-grid { grid-template-columns: 1fr; }
|
||||
.apps-grid { grid-template-columns: repeat(2, 1fr); }
|
||||
.extensibility-block { grid-template-columns: 1fr; gap: 40px; }
|
||||
.returns-sources { grid-template-columns: 1fr; }
|
||||
footer { padding: 40px 0; }
|
||||
}
|
||||
|
||||
/* ─── MOBILE (≤ 600px) ─── */
|
||||
@media (max-width: 600px) {
|
||||
nav { padding: 16px 16px; }
|
||||
.apps-grid { grid-template-columns: 1fr; }
|
||||
.investor-flow { grid-template-columns: 1fr; gap: 28px; }
|
||||
.formula-section-grid { gap: 32px; }
|
||||
.apps-intro { gap: 28px; }
|
||||
.extensibility-block { gap: 24px; }
|
||||
.returns-sources { gap: 16px; }
|
||||
.what-grid { gap: 32px; }
|
||||
footer { padding: 32px 0; }
|
||||
}
|
||||
|
||||
@@ -53,3 +53,25 @@ h2 em {
|
||||
max-width: 560px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.section-header {
|
||||
margin-bottom: 48px;
|
||||
}
|
||||
.section-subtitle {
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.container {
|
||||
padding: 0 16px;
|
||||
}
|
||||
.section-header {
|
||||
margin-bottom: 36px;
|
||||
}
|
||||
.section-subtitle {
|
||||
font-size: 14px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -38,6 +38,14 @@
|
||||
line-height: 1.5 !important;
|
||||
}
|
||||
|
||||
.what-lead-para {
|
||||
margin-top: 32px;
|
||||
}
|
||||
|
||||
.what-roles-label {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.roles-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -85,3 +93,36 @@
|
||||
color: var(--text-dim);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
#what {
|
||||
padding: 80px 0;
|
||||
}
|
||||
.what-text p {
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
#what {
|
||||
padding: 60px 0;
|
||||
}
|
||||
.what-text p {
|
||||
font-size: 14px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
.what-lead-para {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.highlight-block {
|
||||
padding: 20px;
|
||||
margin: 24px 0;
|
||||
}
|
||||
.highlight-block p {
|
||||
font-size: 17px !important;
|
||||
}
|
||||
.role-item {
|
||||
padding: 16px 18px;
|
||||
gap: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -207,10 +207,10 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="app-card reveal reveal-delay-2" style="border: 1px dashed rgba(201,151,58,0.2); background: transparent; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; min-height: 260px; gap: 16px;">
|
||||
<div style="font-family: 'Cormorant Garamond', serif; font-size: 48px; color: rgba(201,151,58,0.2); line-height: 1;">+</div>
|
||||
<h3 style="font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 300; color: var(--text-dim); margin: 0;">Ваша отрасль</h3>
|
||||
<p style="font-size: 12px; color: var(--text-dim); opacity: 0.7; max-width: 200px;">Базовую логику кооперативных смарт-контрактов можно расширить под конкретный вид деятельности, создав отраслевое приложение</p>
|
||||
<div class="app-card app-card--placeholder reveal reveal-delay-2">
|
||||
<div class="app-placeholder-icon">+</div>
|
||||
<h3>Ваша отрасль</h3>
|
||||
<p>Базовую логику кооперативных смарт-контрактов можно расширить под конкретный вид деятельности, создав отраслевое приложение</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
</p>
|
||||
<div class="cta-buttons reveal reveal-delay-3">
|
||||
<a href="https://лк.цифровой-кооператив.рф" target="_blank" class="btn-large">Принять участие</a>
|
||||
<button type="button" class="btn-secondary calc-open" style="font-size: 13px; letter-spacing: 0.15em;">
|
||||
<button type="button" class="btn-secondary calc-open">
|
||||
Калькулятор модели →
|
||||
</button>
|
||||
</div>
|
||||
|
||||
+63
-64
@@ -11,8 +11,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="reveal" style="margin: 40px 0 32px;">
|
||||
<svg viewBox="0 0 680 148" xmlns="http://www.w3.org/2000/svg" style="width:100%;max-width:680px;display:block;margin:0 auto;">
|
||||
<div class="formula-svg-wrap reveal">
|
||||
<svg viewBox="0 0 680 148" xmlns="http://www.w3.org/2000/svg" class="formula-time-svg">
|
||||
<rect x="8" y="6" width="238" height="58" rx="8" fill="rgba(201,151,58,0.06)" stroke="rgba(201,151,58,0.5)" stroke-width="1.5"/>
|
||||
<text x="119" y="28" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="9.5" font-weight="700" fill="#C9973A" letter-spacing="0.1em">ВРЕМЯ АСТРОНОМИЧЕСКОЕ</text>
|
||||
<text x="105" y="48" text-anchor="middle" font-family="inherit" font-size="11" fill="var(--text-dim)">стоимость единицы —</text>
|
||||
@@ -48,10 +48,10 @@
|
||||
<!-- Уровень 1 — Генератор -->
|
||||
<div class="formula-block reveal">
|
||||
<div class="formula-block-label">Уровень 1 — Себестоимость проекта (программа «Генератор»)</div>
|
||||
<div class="big-formula" style="font-size: 26px; line-height: 1.6;">
|
||||
<div class="big-formula big-formula--lvl1">
|
||||
A = <span class="gold">φ</span> <span class="dim">×</span> (v+v') <span class="dim">×</span> t <span class="dim">+</span> c
|
||||
</div>
|
||||
<div class="formula-vars" style="margin-top: 20px;">
|
||||
<div class="formula-vars formula-vars--tight">
|
||||
<div class="fv-row">
|
||||
<div class="fv-sym">t</div>
|
||||
<div class="fv-text"><strong>Астрономическое время</strong> — часы исполнителя в акцептованных коммитах</div>
|
||||
@@ -65,7 +65,7 @@
|
||||
<div class="fv-text"><strong>Стоимость единицы «созидательного» времени</strong> — знания и профессиональные навыки, проявленные в единицу времени. Оценивается Советом кооператива</div>
|
||||
</div>
|
||||
<div class="fv-row">
|
||||
<div class="fv-sym" style="font-style:italic">φ</div>
|
||||
<div class="fv-sym">φ</div>
|
||||
<div class="fv-text"><strong>Золотое сечение</strong> — взнос соавторов составляет 0,618 от взноса исполнителей</div>
|
||||
</div>
|
||||
<div class="fv-row">
|
||||
@@ -73,8 +73,8 @@
|
||||
<div class="fv-text"><strong>Взнос координаторов</strong> — 5% от привлечённых в проект инвестиций</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 20px;">
|
||||
<p style="font-size: 12px; color: var(--text-dim); margin-bottom: 8px; font-family: 'JetBrains Mono', monospace; letter-spacing: 0.1em;">ПРОПОРЦИЯ ВНУТРИ ПРОЕКТА</p>
|
||||
<div class="proportion-wrap">
|
||||
<p class="proportion-label">ПРОПОРЦИЯ ВНУТРИ ПРОЕКТА</p>
|
||||
<div class="proportion-bar">
|
||||
<div class="prop-segment prop-a">61,8% Исполнители</div>
|
||||
<div class="prop-segment prop-b">38,2% Соавторы</div>
|
||||
@@ -83,7 +83,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Уровень 2 — Благорост -->
|
||||
<div class="formula-block reveal reveal-delay-1" style="margin-top: 2px;">
|
||||
<div class="formula-block reveal reveal-delay-1">
|
||||
<div class="formula-block-label">Уровень 2 — Программа Благорост</div>
|
||||
<div class="big-formula">
|
||||
S = <span class="gold">φ</span> <span class="dim">×</span> A
|
||||
@@ -98,7 +98,7 @@
|
||||
<div class="fv-text"><strong>Себестоимость всех проектов</strong> — совокупные паевые взносы команд (формула выше)</div>
|
||||
</div>
|
||||
<div class="fv-row">
|
||||
<div class="fv-sym" style="font-style:italic">φ</div>
|
||||
<div class="fv-sym">φ</div>
|
||||
<div class="fv-text"><strong>Золотое сечение = 1,618</strong> — коэффициент содействия участников программы Благорост</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -175,102 +175,101 @@
|
||||
</div>
|
||||
|
||||
<!-- Живой пример расчёта -->
|
||||
<div class="exp-block reveal" style="margin-top: 48px; padding: 0;">
|
||||
<h3 style="margin-bottom: 8px;">Расчёт на конкретном примере</h3>
|
||||
<p style="color:var(--text-dim);font-size:14px;margin-bottom:32px;">
|
||||
<div class="exp-block exp-block--example reveal">
|
||||
<h3>Расчёт на конкретном примере</h3>
|
||||
<p class="exp-calc-desc">
|
||||
Один проект, три участника, реальные цифры — от первого коммита до доли в ОАП платформы.
|
||||
</p>
|
||||
|
||||
<div class="exp-inner">
|
||||
|
||||
<!-- Участники -->
|
||||
<div style="padding:24px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:10px;">
|
||||
<p style="font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.12em;color:var(--text-dim);margin-bottom:16px;">КОМАНДА ПРОЕКТА</p>
|
||||
<div style="display:flex;flex-direction:column;gap:12px;">
|
||||
<div style="display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(255,255,255,0.05);padding-bottom:12px;">
|
||||
<div class="exp-panel exp-panel--team">
|
||||
<p class="exp-panel-label">КОМАНДА ПРОЕКТА</p>
|
||||
<div class="exp-members">
|
||||
<div class="exp-member">
|
||||
<div>
|
||||
<div style="font-weight:600;font-size:14px;">Авторский коллектив/Соавторы</div>
|
||||
<div style="font-size:12px;color:var(--text-dim);margin-top:2px;">Поставил задачу, описал логику модуля</div>
|
||||
<div class="exp-member-name">Авторский коллектив/Соавторы</div>
|
||||
<div class="exp-member-desc">Поставил задачу, описал логику модуля</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(255,255,255,0.05);padding-bottom:12px;">
|
||||
<div class="exp-member">
|
||||
<div>
|
||||
<div style="font-weight:600;font-size:14px;">Исполнитель</div>
|
||||
<div style="font-size:12px;color:var(--text-dim);margin-top:2px;">Разработчик, 40 часов в коммитах</div>
|
||||
<div class="exp-member-name">Исполнитель</div>
|
||||
<div class="exp-member-desc">Разработчик, 40 часов в коммитах</div>
|
||||
</div>
|
||||
<div style="text-align:right;white-space:nowrap;margin-left:16px;">
|
||||
<div style="font-size:12px;color:var(--text-dim);">v = v' = 1 500 ₽/ч</div>
|
||||
<div class="exp-member-rate">
|
||||
<div class="exp-rate-value">v = v' = 1 500 ₽/ч</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display:flex;justify-content:space-between;align-items:baseline;">
|
||||
<div class="exp-member exp-member--last">
|
||||
<div>
|
||||
<div style="font-weight:600;font-size:14px;">Координатор</div>
|
||||
<div style="font-size:12px;color:var(--text-dim);margin-top:2px;">Привлёк финансовых вкладчиков 200 000 ₽</div>
|
||||
<div class="exp-member-name">Координатор</div>
|
||||
<div class="exp-member-desc">Привлёк финансовых вкладчиков 200 000 ₽</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Уровень 1 расчёт -->
|
||||
<div style="padding:24px;background:rgba(201,151,58,0.04);border:1px solid rgba(201,151,58,0.15);border-radius:10px;">
|
||||
<p style="font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.12em;color:var(--text-dim);margin-bottom:16px;">УРОВЕНЬ 1 — СЕБЕСТОИМОСТЬ ПРОЕКТА</p>
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:14px;">
|
||||
<div style="display:flex;justify-content:space-between;">
|
||||
<span style="color:var(--text-dim);">Вклад исполнителя (v + v') × t</span>
|
||||
<span style="color:var(--text);font-weight:600;">120 000 ₽</span>
|
||||
<div class="exp-panel exp-panel--lvl1">
|
||||
<p class="exp-panel-label">УРОВЕНЬ 1 — СЕБЕСТОИМОСТЬ ПРОЕКТА</p>
|
||||
<div class="exp-rows">
|
||||
<div class="exp-row">
|
||||
<span class="exp-row-label">Вклад исполнителя (v + v') × t</span>
|
||||
<span class="exp-row-value">120 000 ₽</span>
|
||||
</div>
|
||||
<div style="display:flex;justify-content:space-between;">
|
||||
<span style="color:var(--text-dim);">Вклад соавтора — 0,618 × 120 000</span>
|
||||
<span style="color:var(--text);font-weight:600;">74 160 ₽</span>
|
||||
<div class="exp-row">
|
||||
<span class="exp-row-label">Вклад соавтора — 0,618 × 120 000</span>
|
||||
<span class="exp-row-value">74 160 ₽</span>
|
||||
</div>
|
||||
<div style="display:flex;justify-content:space-between;">
|
||||
<span style="color:var(--text-dim);">Вклад координатора — 5% × 200 000</span>
|
||||
<span style="color:var(--text);font-weight:600;">10 000 ₽</span>
|
||||
<div class="exp-row">
|
||||
<span class="exp-row-label">Вклад координатора — 5% × 200 000</span>
|
||||
<span class="exp-row-value">10 000 ₽</span>
|
||||
</div>
|
||||
<div style="display:flex;justify-content:space-between;border-top:1px solid rgba(201,151,58,0.2);padding-top:12px;margin-top:4px;">
|
||||
<span style="color:#C9973A;font-weight:700;">Себестоимость проекта A</span>
|
||||
<span style="color:#C9973A;font-weight:700;font-size:16px;">204 160 ₽</span>
|
||||
<div class="exp-row exp-row--total">
|
||||
<span class="exp-total-label">Себестоимость проекта A</span>
|
||||
<span class="exp-total-value">204 160 ₽</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top:20px;">
|
||||
<div style="font-size:12px;color:var(--text-dim);margin-bottom:6px;">Доли в ОАП проекта:</div>
|
||||
<div style="display:flex;gap:0;border-radius:4px;overflow:hidden;font-size:11px;font-weight:700;">
|
||||
<div style="background:rgba(201,151,58,0.6);padding:6px 0;text-align:center;flex:0 0 58.8%;">Исполнитель 58,8%</div>
|
||||
<div style="background:rgba(201,151,58,0.3);padding:6px 0;text-align:center;flex:0 0 36.3%;">Соавтор 36,3%</div>
|
||||
<div style="background:rgba(201,151,58,0.12);padding:6px 0;text-align:center;flex:0 0 4.9%;font-size:9px;">4,9%</div>
|
||||
<div class="exp-shares">
|
||||
<div class="exp-shares-label">Доли в ОАП проекта:</div>
|
||||
<div class="exp-shares-bar">
|
||||
<div class="exp-share-seg exp-share-seg--high">Исполнитель 58,8%</div>
|
||||
<div class="exp-share-seg exp-share-seg--mid">Соавтор 36,3%</div>
|
||||
<div class="exp-share-seg exp-share-seg--low">4,9%</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Уровень 2 расчёт -->
|
||||
<div style="padding:24px;background:rgba(201,151,58,0.03);border:1px solid rgba(201,151,58,0.1);border-radius:10px;">
|
||||
<p style="font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.12em;color:var(--text-dim);margin-bottom:20px;">УРОВЕНЬ 2 — ПРОГРАММА БЛАГОРОСТ</p>
|
||||
<div class="exp-panel exp-panel--lvl2">
|
||||
<p class="exp-panel-label exp-panel-label--lg">УРОВЕНЬ 2 — ПРОГРАММА БЛАГОРОСТ</p>
|
||||
<div class="exp-wrapper">
|
||||
<div style="display:flex;flex-direction:column;gap:10px;font-size:14px;">
|
||||
<div style="display:flex;justify-content:space-between;">
|
||||
<span style="color:var(--text-dim);">Себестоимость проекта A</span>
|
||||
<span style="color:var(--text);font-weight:600;">204 160 ₽</span>
|
||||
<div class="exp-rows">
|
||||
<div class="exp-row">
|
||||
<span class="exp-row-label">Себестоимость проекта A</span>
|
||||
<span class="exp-row-value">204 160 ₽</span>
|
||||
</div>
|
||||
<div style="display:flex;justify-content:space-between;">
|
||||
<span style="color:var(--text-dim);">S = φ × A</span>
|
||||
<span style="color:var(--text);font-weight:600;">330 331 ₽</span>
|
||||
<div class="exp-row">
|
||||
<span class="exp-row-label">S = φ × A</span>
|
||||
<span class="exp-row-value">330 331 ₽</span>
|
||||
</div>
|
||||
<div style="display:flex;justify-content:space-between;border-top:1px solid rgba(201,151,58,0.2);padding-top:12px;margin-top:4px;">
|
||||
<span style="color:#C9973A;font-weight:700;">Благорост = S − A</span>
|
||||
<span style="color:#C9973A;font-weight:700;font-size:16px;">126 171 ₽</span>
|
||||
<div class="exp-row exp-row--total">
|
||||
<span class="exp-total-label">Благорост = S − A</span>
|
||||
<span class="exp-total-value">126 171 ₽</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding:16px 20px;background:var(--gold-dim);border:1px solid rgba(201,151,58,0.2);border-radius:8px;font-size:13px;line-height:1.8;color:var(--text-dim);">
|
||||
61,8% от себестоимости проекта — это и есть благорост. Команда создаёт РИД, а участники программы получают возможность внести его как <strong style="color:var(--text);">дополнительные паевые взносы</strong> — пропорционально своему участию.
|
||||
<div class="exp-note">
|
||||
61,8% от себестоимости проекта — это и есть благорост. Команда создаёт РИД, а участники программы получают возможность внести его как <strong>дополнительные паевые взносы</strong> — пропорционально своему участию.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p style="margin-top: 16px; font-size: 12px; color: var(--text-dim);">
|
||||
<p class="exp-footnote">
|
||||
* Суммы условные. Реальные ставки v и v' утверждаются Советом кооператива.
|
||||
<a href="https://coopenomics.github.io/calculator/#/wizard" target="_blank"
|
||||
style="color: var(--gold); text-decoration: none;">Интерактивный калькулятор модели →</a>
|
||||
<a href="https://coopenomics.github.io/calculator/#/wizard" target="_blank" class="exp-footnote-link">Интерактивный калькулятор модели →</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
<div class="investor-card featured reveal reveal-delay-1">
|
||||
<span class="card-icon">📈</span>
|
||||
<h3>Фактический благорост — 45% в 2025 году</h3>
|
||||
<p>По данным бухгалтерской отчётности ПК «ВОСХОД», в 2025 году дополнительные паевые взносы на лицевые счета участников программы Благорост составили в среднем <strong style="color: var(--gold-light);">45%</strong>.</p>
|
||||
<p>По данным бухгалтерской отчётности ПК «ВОСХОД», в 2025 году дополнительные паевые взносы на лицевые счета участников программы Благорост составили в среднем <strong class="value-highlight">45%</strong>.</p>
|
||||
</div>
|
||||
<div class="investor-card reveal reveal-delay-2">
|
||||
<span class="card-icon">🛡</span>
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="problem-grid" style="margin-top: 48px;">
|
||||
<div class="problem-grid">
|
||||
|
||||
<div class="problem-card reveal">
|
||||
<span class="problem-icon">🏠</span>
|
||||
@@ -36,8 +36,8 @@
|
||||
|
||||
</div>
|
||||
|
||||
<div style="margin-top: 48px; text-align: center;" class="reveal reveal-delay-4">
|
||||
<a href="https://coopenomics.world" target="_blank" class="btn-secondary" style="font-size: 12px; letter-spacing: 0.15em;">Манифест кооперативной экономики →</a>
|
||||
<div class="manifesto-cta-wrap reveal reveal-delay-4">
|
||||
<a href="https://coopenomics.world" target="_blank" class="btn-secondary manifesto-link">Манифест кооперативной экономики →</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<h2 class="reveal reveal-delay-1">Кооперативная программа<br><em>капитализации интеллекта</em></h2>
|
||||
|
||||
<div class="reveal reveal-delay-2">
|
||||
<p style="margin-top: 32px;">
|
||||
<p class="what-lead-para">
|
||||
<strong>Благорост</strong> — приложение и одноименная целевая потребительская программа ПК «ВОСХОД».
|
||||
Участники вносят паевые взносы <strong>результатами интеллектуальной деятельности</strong>
|
||||
или денежными средствами — и получают долю в создаваемом
|
||||
@@ -27,7 +27,7 @@
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="section-tag reveal" style="margin-bottom: 24px;">Роли участников</div>
|
||||
<div class="section-tag what-roles-label reveal">Роли участников</div>
|
||||
<div class="roles-list">
|
||||
<div class="role-item reveal reveal-delay-1">
|
||||
<div class="role-icon">МАСТЕР</div>
|
||||
|
||||
Reference in New Issue
Block a user