diff --git a/index_ibm.html b/index_ibm.html index 527fb38..108735e 100644 --- a/index_ibm.html +++ b/index_ibm.html @@ -1223,6 +1223,110 @@ h1 { padding: 20px; } } + +/* ── КОМУ ПОДОБХОДИТ ── */ +.who-section { + border-bottom: 1px solid var(--border); + padding: 120px 0; +} +.who-grid { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 24px; + max-width: 1100px; + margin: 0 auto 64px; +} +.who-card { + background: var(--card); + border: 1px solid var(--border); + border-radius: 12px; + padding: 32px 28px; + transition: all 0.4s var(--ease-out); + display: flex; + flex-direction: column; + gap: 16px; +} +.who-card:hover { + border-color: var(--accent); + box-shadow: 0 8px 32px var(--accent-dim); + transform: translateY(-4px); +} +.who-icon { + width: 48px; + height: 48px; + border-radius: 10px; + background: var(--accent-dim); + display: flex; + align-items: center; + justify-content: center; + color: var(--accent); + flex-shrink: 0; +} +.who-card h3 { + font-size: 1.0625rem; + font-weight: 700; + letter-spacing: -0.01em; + line-height: 1.3; +} +.who-card p { + font-size: 0.875rem; + color: var(--text-sec); + line-height: 1.6; + flex-grow: 1; +} + +/* Security badges row */ +.who-badges { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 20px; + padding: 32px; + background: var(--card); + border: 1px solid var(--border); + border-radius: 12px; + max-width: 1100px; + margin: 0 auto; +} +.who-badge-item { + display: flex; + flex-direction: column; + align-items: center; + gap: 8px; + text-align: center; +} +.who-badge-icon { + width: 40px; + height: 40px; + border-radius: 8px; + background: var(--accent-dim); + display: flex; + align-items: center; + justify-content: center; + color: var(--accent); +} +.who-badge-text { + display: flex; + flex-direction: column; + gap: 2px; +} +.who-badge-text div:first-child { + font-weight: 600; + font-size: 0.875rem; +} +.who-badge-text div:last-child { + font-size: 0.75rem; + color: var(--text-dim); +} + +@media (max-width: 1024px) { + .who-grid { grid-template-columns: 1fr; } + .who-badges { grid-template-columns: repeat(2, 1fr); } +} +@media (max-width: 640px) { + .who-badges { grid-template-columns: 1fr; } + .who-section { padding: 80px 0; } +} +
@@ -1272,15 +1376,9 @@ h1 { Обновляется автоматически из 1С, CRM и банков. Смотрится с телефона каждое утро. -Сквозная аналитика и панели мониторинга
для вашего бизнеса и департаментов под ключ
+ Контролируйте прибыль компании в реальном времени.
+ Автоматические рекомендации на основе 50+ правил