diff --git a/index_ibm.html b/index_ibm.html index 6a084fe..2cec787 100644 --- a/index_ibm.html +++ b/index_ibm.html @@ -653,40 +653,50 @@ h1 { /* ── PRICING ── */ .pricing { border-bottom: 1px solid var(--border); } +.price-cards { display: flex; gap: 32px; justify-content: center; flex-wrap: wrap; } .price-card { - max-width: 560px; margin: 0 auto; - border: 1px solid var(--border-strong); padding: 64px 48px; + flex: 1; min-width: 280px; max-width: 380px; + border: 1px solid var(--border-strong); padding: 48px 32px; text-align: center; position: relative; transition: all 0.4s var(--ease-out); background: var(--surface); box-shadow: var(--shadow-card); } +.price-card.featured { + flex: 1.3; max-width: 420px; +} .price-card:hover { border-color: var(--accent); box-shadow: var(--shadow-card-hover); transform: translateY(-4px); } -.price-card::before { +.price-card.featured::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--accent); } +.price-card.economy::before { + content: ''; position: absolute; top: 0; left: 0; right: 0; + height: 2px; background: var(--blue); +} +.price-card.economy { border-color: var(--blue-dim); } +.price-card.economy:hover { border-color: var(--blue); box-shadow: 0 8px 32px rgba(59,130,246,0.08), 0 0 1px var(--blue); } .price-name { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.15em; color: var(--text-dim); font-family: 'IBM Plex Mono', 'SF Mono', monospace; margin-bottom: 24px; } .price-amount { - font-size: 4rem; font-weight: 700; font-family: 'IBM Plex Mono', 'SF Mono', monospace; + font-size: 3.5rem; font-weight: 700; font-family: 'IBM Plex Mono', 'SF Mono', monospace; letter-spacing: -0.04em; margin-bottom: 8px; transition: color 0.3s; } .price-amount .unit { font-size: 0.25em; color: var(--text-sec); font-weight: 400; } -.price-sub { font-size: 0.875rem; color: var(--text-sec); margin-bottom: 40px; } -.price-features { text-align: left; margin-bottom: 40px; } +.price-sub { font-size: 0.875rem; color: var(--text-sec); margin-bottom: 32px; line-height: 1.6; } +.price-features { text-align: left; margin-bottom: 32px; } .price-features li { - padding: 12px 0; border-bottom: 1px solid var(--border); - font-size: 0.875rem; color: var(--text-sec); - display: flex; align-items: flex-start; gap: 12px; + padding: 10px 0; border-bottom: 1px solid var(--border); + font-size: 0.8125rem; color: var(--text-sec); + display: flex; align-items: flex-start; gap: 10px; transition: color 0.2s; } .price-features li:hover { color: var(--text); } @@ -1181,23 +1191,39 @@ h1 {
- -

Один тариф. Всё включено.

+ +

Два варианта. Оба работают.

-
-
Настройка под ключ
-
100 000 ₽
-
Единоразово. Поддержка 20 000 ₽/мес после 30 дней.
-
    -
  • Подключение 1С / CRM / банки / реклама
  • -
  • Настройка 10 ключевых метрик
  • -
  • Дашборд, заточенный под ваш бизнес
  • -
  • Обучение команды работе с дашбордом
  • -
  • 30 дней поддержки и донастройки
  • -
  • Автоматическое обновление источников
  • -
- Обсудить проект -
30-дневная гарантия. Если дашборд не устроит — вернём деньги.
+
+
+
Эконом — бот
+
10 000 ₽
+
Настройка один раз.
Далее 1 000 ₽/мес за работу бота.
+
    +
  • Бот в Telegram или Max
  • +
  • Ежедневная статистика по вашим метрикам
  • +
  • Подключение 1–3 источников данных
  • +
  • До 7 ключевых метрик
  • +
  • Настройка за 24 часа
  • +
+ Выбрать тариф +
Запустили за 24 часа. Получаете отчёт каждое утро.
+
+
@@ -1226,7 +1252,7 @@ h1 {
Можно проще? Дешевле?
-
Нет. "Проще" = "не работает". 50+ проектов показали: меньше 10 метрик — не видно картину. Больше 10 — шум. Наш баланс — максимум пользы.
+
Да, есть тариф "Эконом" — бот в Telegram или Max за 10 000 ₽ настройка + 1 000 ₽/мес. Присылает статистику каждый день. Для тех, кто не готов к полному дашборду — отличный старт.
Поддержка после запуска?