valeriy/valeriy-blagorost-landing
1
0
Fork 0
forked from C9S/blagorost-landing
Code Pull Requests Activity

fix: перенос стилей из html в css, добавление медиазапросов для мобилки и планшета

Browse Source
This commit is contained in:
valeriy
2026-06-10 22:33:27 +03:00
parent 200f54d772
commit 1b9a30ddc9
20 changed files with 931 additions and 166 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+74 -75
View File
@@ -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>
src/css/apps.css
+88
View File
@@ -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;
}
}
src/css/build.css
+27
View File
@@ -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;
}
}
src/css/cta.css
+49 -1
View File
@@ -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;
}
}
src/css/engineers.css
+45
View File
@@ -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;
}
}
src/css/formula.css
+309
View File
@@ -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;
src/css/hero.css
+33
View File
@@ -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;
}
}
src/css/how.css
+42
View File
@@ -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;
}
}
src/css/investors.css
+40
View File
@@ -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;
}
}
src/css/manifesto.css
+35
View File
@@ -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;
}
}
src/css/problem.css
+32
View File
@@ -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;
}
}
src/css/responsive.css
+20 -15
View File
@@ -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; }
}
src/css/sections.css
+22
View File
@@ -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;
}
}
src/css/what.css
+41
View File
@@ -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;
}
}
src/partials/apps.html
+4 -4
View File
@@ -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>
src/partials/cta.html
+1 -1
View File
@@ -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>
src/partials/formula.html
+63 -64
View File
@@ -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>
src/partials/investors.html
+1 -1
View File
@@ -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>
src/partials/manifesto.html
+3 -3
View File
@@ -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>
src/partials/what.html
+2 -2
View File
@@ -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>