Проверок выполнено
109
Пройдено
30
Требует внимания
35
Не пройдено
44
Краткий вывод
Анализ главной страницы сервиса ApprovalUP выявил ряд достоинств и областей для улучшений. Общий балл составляет 45%, что указывает на необходимость доработок для повышения эффективности продвижения и удобства использования ресурса. Среди положительных моментов стоит отметить наличие краткого описания услуги и блока часто задаваемых вопросов. Однако требуется уделить внимание визуализации продукта, улучшению структуры контента и повышению уровня доверия. Первый экран (hook) привлекает внимание описанием возможностей сервиса, но нуждается в дополнении визуальными элементами, такими как изображение процесса работы или демонстрационное видео. Отсутствие контактной информации в верхней части страницы также является упущением. Необходимо добавить телефон и электронную почту для упрощения взаимодействия пользователя с компанией. Кроме того, следует улучшить оформление кнопок призыва к действию (CTA), добавив соответствующие классы CSS для их корректного отображения и оптимизации. Элементы, повышающие уровень доверия посетителей, требуют значительного усиления. На странице отсутствуют конкретные показатели опыта компании, такие как число успешно реализованных проектов или продолжительность присутствия на рынке. Также необходимо создать раздел портфолио с примерами выполненных работ и отзывами реальных клиентов. Текущий текст содержит академическую лексику ("предоставляем индивидуальные решения"), которая может затруднять понимание целевой аудиторией. Рекомендуется заменить подобные выражения конкретикой: например, указать гарантированный срок выполнения задачи или процент увеличения производительности при использовании сервиса. Технические аспекты нуждаются в существенной доработке. Ключевые моменты включают отсутствие альтернативных описаний изображений (alt-тегов), недостаточное использование структурированных данных schema.org и неполноценную реализацию open graph тегов. Эти факторы могут негативно сказываться на индексации поисковыми системами и видимости страницы в социальных сетях. Оптимизация технических параметров улучшит взаимодействие с пользователями и повысит позиции сайта в результатах поисковых систем. Среди наиболее значимых рекомендаций выделяются следующие шаги: добавление качественных визуальных материалов на первый экран, улучшение элементов доверия путем публикации кейсов и отзывов, внедрение полноценной технической оптимизации, включая правильную настройку schema.org и alt-тегов изображений. Реализация этих мер позволит повысить удобство восприятия информации пользователем, увеличить уровень доверия к продукту и обеспечить лучшее ранжирование в поисковых системах. Реализация указанных рекомендаций приведет к увеличению числа обращений потенциальных клиентов, росту доверия аудитории и улучшению позиций сайта в выдаче поисковых систем. Улучшенный пользовательский интерфейс и повышение качества контента создадут условия для роста конверсии и привлечения большего количества заинтересованных пользователей.
30
из 109
Доля пройденных проверок
Устарело. Последняя проверка 18.03.2026 07:44 (145 дн. назад). Данные устарели. Запустите повторный анализ для получения актуальной информации.
Оценки по категориям
Meta & Social
1
/ 12 проверок
11 внимание
Title, description, OG и соцпревью.
Первый экран
2
/ 10 проверок
1 не пройдено 7 внимание
Оффер, CTA, контакты и доверие.
Текст
1
/ 11 проверок
10 внимание
Структура, читаемость и ясность текста.
AI-структура
2
/ 20 проверок
18 внимание
FAQ, schema.org и цитируемость.
E-E-A-T
0
/ 13 проверок
1 не пройдено 12 внимание
Экспертность, доверие и авторство.
CRO
1
/ 16 проверок
1 не пройдено 14 внимание
Формы, конверсионные элементы и лидогенерация.
Техгигиена
1
/ 27 проверок
26 внимание
Индексация, canonical, mobile и базовое SEO.
Данные страницы
Факты, найденные при проверке страницы. Этот блок показывает больше исходных сигналов, а не только итоговые баллы.
Текст
0 слов
Нет текста
Заголовки
0
Мало заголовков
Формы
0
Нет форм
FAQ
0
Добавьте FAQ
Изображения
2
Без alt: 2
Ссылки <a href>
19/4
Внутренние / внешние HTTP(S)-ссылки из HTML snapshot
H1 / H2
1/10
Структура заголовков
HTML
249.3 KB
TTFB: нет серверного замера
Mobile Friendly
Да
Адаптация под мобильные устройства
Первые 2 МБ HTML-кода — именно это видят ИИ-боты на вашей странице
<!DOCTYPE html><!--Pwdp1s6Kw__MhJeQOVwPs--><html lang="ru"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/9c72aa0f40e4eef8-s.p.18a48cbc.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/a343f882a40d2cc9-s.p.71e1367e.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/d3fe2f289711ac3f-s.p.50575af1.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/logo.svg"/><link rel="stylesheet" href="/_next/static/chunks/573a156303fcba6e.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/fd3593baa6e6003f.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/64085c4aae2a82ce.js"/><script src="/_next/static/chunks/4a77e93add7475f0.js" async=""></script><script src="/_next/static/chunks/69be39811437728d.js" async=""></script><script src="/_next/static/chunks/bf4c652a45e7b0b0.js" async=""></script><script src="/_next/static/chunks/82abf2d65f5428ae.js" async=""></script><script src="/_next/static/chunks/turbopack-88c1814b8ea75a87.js" async=""></script><script src="/_next/static/chunks/5806f81f9ec1a703.js" async=""></script><script src="/_next/static/chunks/ff1a16fafef87110.js" async=""></script><script src="/_next/static/chunks/a2dfb6fc5208ab9b.js" async=""></script><script src="/_next/static/chunks/69de46fe0bf12e5b.js" async=""></script><script src="/_next/static/chunks/7e11922295e80857.js" async=""></script><script src="/_next/static/chunks/a55703b7aa83ec12.js" async=""></script><script src="/_next/static/chunks/28947eee5d5419fd.js" async=""></script><meta name="next-size-adjust" content=""/><meta name="theme-color" content="#6058E7"/><title>ApprovalUP - Простая система управления доступами для бизнеса</title><meta name="description" content="Управляйте доступами сотрудников, храните пароли команды и контролируйте, кто и когда имеет доступ к сервисам компании — без сложной настройки и внедрения."/><link rel="icon" href="/favicon.svg" type="image/svg+xml"/><script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script></head><body class="inter_e14c74cb-module__CpULYq__variable manrope_b757649e-module__VxvIbG__variable font-sans antialiased"><div hidden=""><!--$--><!--/$--></div><div class="min-h-screen bg-[var(--surface)]"><header class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-transparent"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex items-center justify-between h-16 lg:h-20"><a class="flex items-center gap-3" href="/"><img src="/logo.svg" alt="" width="32" height="32" class="h-8 w-8"/><span class="font-[family-name:var(--font-heading)] font-bold text-xl text-[var(--on-surface)]">ApprovalUp</span></a><nav class="hidden lg:flex items-center gap-1"><a class="px-4 py-2 rounded-lg text-sm font-medium text-[var(--on-surface-variant)] hover:text-[var(--primary)] hover:bg-[var(--surface-container-low)] transition-colors" href="#features">Возможности</a><a class="px-4 py-2 rounded-lg text-sm font-medium text-[var(--on-surface-variant)] hover:text-[var(--primary)] hover:bg-[var(--surface-container-low)] transition-colors" href="#how-it-works">Как это работает</a><a class="px-4 py-2 rounded-lg text-sm font-medium text-[var(--on-surface-variant)] hover:text-[var(--primary)] hover:bg-[var(--surface-container-low)] transition-colors" href="#for-whom">Для кого</a><a class="px-4 py-2 rounded-lg text-sm font-medium text-[var(--on-surface-variant)] hover:text-[var(--primary)] hover:bg-[var(--surface-container-low)] transition-colors" href="#pricing">Тарифы</a><a class="px-4 py-2 rounded-lg text-sm font-medium text-[var(--on-surface-variant)] hover:text-[var(--primary)] hover:bg-[var(--surface-container-low)] transition-colors" href="#faq">FAQ</a></nav><div class="hidden lg:flex items-center gap-3"><a class="px-4 py-2 rounded-lg text-sm font-medium text-[var(--on-surface-variant)] hover:text-[var(--primary)] transition-colors" href="/login">Войти</a><a class="inline-flex items-center justify-center rounded-xl px-6 py-3 text-sm font-semibold btn-gradient text-white border-0" href="/register">Начать бесплатно<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 w-4 h-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><button class="lg:hidden p-2 text-[var(--on-surface-variant)]" aria-label="Toggle menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></div></header><main><section class="relative pt-32 pb-20 lg:pt-40 lg:pb-32 overflow-hidden"><div class="absolute inset-0 bg-[var(--surface)]"></div><div class="absolute top-0 right-0 w-1/2 h-full bg-[var(--surface-container-low)] opacity-40"></div><div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="grid lg:grid-cols-2 gap-16 items-center"><div class="max-w-xl"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-[var(--surface-container-lowest)] ambient-shadow-sm mb-8"><span class="w-2 h-2 rounded-full bg-[var(--primary)]"></span><span class="text-xs font-medium text-[var(--on-surface-variant)] uppercase tracking-wide">Для малого и среднего бизнеса</span></div><h1 class="font-[family-name:var(--font-heading)] text-4xl sm:text-5xl lg:text-6xl font-bold text-[var(--on-surface)] leading-[1.1] mb-6 text-balance">Простая система<!-- --> <span class="text-gradient">управления доступами</span> <!-- -->для бизнеса</h1><p class="text-lg text-[var(--on-surface-variant)] leading-relaxed mb-10 text-pretty">Управляйте доступами сотрудников, храните пароли команды и контролируйте, кто и когда имеет доступ к сервисам компании.</p><div class="flex flex-col sm:flex-row gap-4 mb-12"><a class="inline-flex items-center justify-center gap-2 btn-gradient text-white border-0 rounded-xl px-8 py-4 text-base font-semibold" href="/register">Начать бесплатно<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><div class="relative lg:pl-8"><div class="bg-[var(--surface-container-lowest)] rounded-3xl ambient-shadow-lg p-8"><div class="flex items-center justify-between mb-8"><div><h3 class="font-[family-name:var(--font-heading)] font-semibold text-[var(--on-surface)]">Панель управления</h3><p class="text-sm text-[var(--on-surface-variant)]">Все доступы в одном месте</p></div><div class="w-10 h-10 rounded-xl btn-gradient flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-5 h-5 text-white"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div></div><div class="grid grid-cols-2 gap-3 mb-6"><div class="bg-[var(--surface-container-low)] rounded-xl p-4 cursor-pointer transition-all duration-200 bg-[var(--primary)]/5"><div class="flex items-center gap-3 mb-3"><div class="w-8 h-8 rounded-lg bg-[var(--primary)]/10 flex items-center justify-center text-[var(--primary)] text-xs font-bold">S</div><span class="font-medium text-[var(--on-surface)] text-sm">Slack</span></div><p class="text-xs text-[var(--on-surface-variant)]">12<!-- --> сотрудников</p></div><div class="bg-[var(--surface-container-low)] rounded-xl p-4 cursor-pointer transition-all duration-200 hover:bg-[var(--surface-container-high)]"><div class="flex items-center gap-3 mb-3"><div class="w-8 h-8 rounded-lg bg-[var(--primary)]/10 flex items-center justify-center text-[var(--primary)] text-xs font-bold">N</div><span class="font-medium text-[var(--on-surface)] text-sm">Notion</span></div><p class="text-xs text-[var(--on-surface-variant)]">8<!-- --> сотрудников</p></div><div class="bg-[var(--surface-container-low)] rounded-xl p-4 cursor-pointer transition-all duration-200 hover:bg-[var(--surface-container-high)]"><div class="flex items-center gap-3 mb-3"><div class="w-8 h-8 rounded-lg bg-[var(--primary)]/10 flex items-center justify-center text-[var(--primary)] text-xs font-bold">F</div><span class="font-medium text-[var(--on-surface)] text-sm">Figma</span></div><p class="text-xs text-[var(--on-surface-variant)]">5<!-- --> сотрудников</p></div><div class="bg-[var(--surface-container-low)] rounded-xl p-4 cursor-pointer transition-all duration-200 hover:bg-[var(--surface-container-high)]"><div class="flex items-center gap-3 mb-3"><div class="w-8 h-8 rounded-lg bg-[var(--primary)]/10 flex items-center justify-center text-[var(--primary)] text-xs font-bold">G</div><span class="font-medium text-[var(--on-surface)] text-sm">GitHub</span></div><p class="text-xs text-[var(--on-surface-variant)]">7<!-- --> сотрудников</p></div></div><div class="bg-[var(--surface-container-low)] rounded-xl p-5"><h4 class="text-sm font-medium text-[var(--on-surface)] mb-4">Последние действия</h4><div class="space-y-3"><div class="flex items-center justify-between text-xs"><div class="flex items-center gap-3"><div class="w-6 h-6 rounded-full bg-[var(--primary)]/10 flex items-center justify-center"><span class="text-[10px] font-medium text-[var(--primary)]">АК</span></div><div><span class="text-[var(--on-surface)] font-medium">Доступ выдан</span><span class="text-[var(--on-surface-variant)]"> - <!-- -->Анна К.</span></div></div><span class="text-[var(--on-surface-variant)]">2 мин</span></div><div class="flex items-center justify-between text-xs"><div class="flex items-center gap-3"><div class="w-6 h-6 rounded-full bg-[var(--primary)]/10 flex items-center justify-center"><span class="text-[10px] font-medium text-[var(--primary)]">МП</span></div><div><span class="text-[var(--on-surface)] font-medium">Доступ отозван</span><span class="text-[var(--on-surface-variant)]"> - <!-- -->Михаил П.</span></div></div><span class="text-[var(--on-surface-variant)]">15 мин</span></div><div class="flex items-center justify-between text-xs"><div class="flex items-center gap-3"><div class="w-6 h-6 rounded-full bg-[var(--primary)]/10 flex items-center justify-center"><span class="text-[10px] font-medium text-[var(--primary)]">С</span></div><div><span class="text-[var(--on-surface)] font-medium">Пароль обновлён</span><span class="text-[var(--on-surface-variant)]"> - <!-- -->Система</span></div></div><span class="text-[var(--on-surface-variant)]">1 час</span></div></div></div></div><div class="absolute -bottom-4 -left-4 bg-[var(--surface-container-lowest)] rounded-2xl ambient-shadow p-4 animate-float"><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full bg-[var(--primary)]/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-5 h-5 text-[var(--primary)]"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div><p class="text-sm font-medium text-[var(--on-surface)]">Защищено</p><p class="text-xs text-[var(--on-surface-variant)]">24 сервиса</p></div></div></div></div></div></div></section><section class="py-20 lg:py-32 bg-[var(--surface-container-low)] relative overflow-hidden"><div class="absolute top-0 left-0 w-full h-full opacity-[0.02]" style="background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ba1a1a' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")"></div><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative"><div class="max-w-3xl mb-16 animate-fade-in-up"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-[var(--error-container)] mb-6 group cursor-default"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-alert w-4 h-4 text-[var(--error)] group-hover:animate-bounce-subtle"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg><span class="text-xs font-medium text-[var(--error)] uppercase tracking-wide">Проблема</span></div><h2 class="font-[family-name:var(--font-manrope)] text-3xl sm:text-4xl lg:text-5xl font-bold text-[var(--on-surface)] leading-tight mb-6">Как компании<!-- --> <span class="relative">теряют контроль<svg class="absolute -bottom-2 left-0 w-full" viewBox="0 0 200 8" fill="none"><path d="M0 4C50 4 50 1 100 1C150 1 150 7 200 7" stroke="var(--error)" stroke-width="2" stroke-linecap="round"></path></svg></span> <!-- -->над доступами</h2><p class="text-lg text-[var(--on-surface-variant)] leading-relaxed">В большинстве малых и средних компаний доступы хранятся хаотично. Это создаёт риски, путаницу и постоянный стресс для бизнеса.</p></div><div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6"><div class="group bg-[var(--surface-container-lowest)] rounded-2xl p-6 lg:p-8 interactive-card relative animate-fade-in-up" style="animation-delay:0ms"><div class="absolute -top-3 right-4 px-3 py-1 bg-[var(--error)] text-white text-xs font-medium rounded-full transition-all duration-300 opacity-0 -translate-y-2 group-hover:opacity-100 group-hover:translate-y-0">Высокий риск утечки</div><div class="w-12 h-12 rounded-xl bg-[var(--error)]/10 flex items-center justify-center mb-5 group-hover:bg-[var(--error)]/15 transition-all duration-300 group-hover:scale-110"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-spreadsheet w-6 h-6 text-[var(--error)] transition-transform group-hover:rotate-6"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M8 13h2"></path><path d="M14 13h2"></path><path d="M8 17h2"></path><path d="M14 17h2"></path></svg></div><h3 class="font-[family-name:var(--font-manrope)] font-semibold text-lg text-[var(--on-surface)] mb-3 group-hover:text-[var(--error)] transition-colors">Пароли в Excel и Google Sheets</h3><p class="text-[var(--on-surface-variant)] text-sm leading-relaxed">Доступы хранятся в таблицах, которые легко потерять или скомпрометировать</p><div class="absolute bottom-0 left-0 h-1 w-0 bg-[var(--error)] rounded-b-2xl transition-all duration-300 group-hover:w-full"></div></div><div class="group bg-[var(--surface-container-lowest)] rounded-2xl p-6 lg:p-8 interactive-card relative animate-fade-in-up" style="animation-delay:100ms"><div class="absolute -top-3 right-4 px-3 py-1 bg-[var(--error)] text-white text-xs font-medium rounded-full transition-all duration-300 opacity-0 -translate-y-2 group-hover:opacity-100 group-hover:translate-y-0">Нет контроля</div><div class="w-12 h-12 rounded-xl bg-[var(--error)]/10 flex items-center justify-center mb-5 group-hover:bg-[var(--error)]/15 transition-all duration-300 group-hover:scale-110"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-6 h-6 text-[var(--error)] transition-transform group-hover:rotate-6"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg></div><h3 class="font-[family-name:var(--font-manrope)] font-semibold text-lg text-[var(--on-surface)] mb-3 group-hover:text-[var(--error)] transition-colors">Доступы в чатах</h3><p class="text-[var(--on-surface-variant)] text-sm leading-relaxed">Пароли передаются через Telegram, WhatsApp и другие мессенджеры</p><div class="absolute bottom-0 left-0 h-1 w-0 bg-[var(--error)] rounded-b-2xl transition-all duration-300 group-hover:w-full"></div></div><div class="group bg-[var(--surface-container-lowest)] rounded-2xl p-6 lg:p-8 interactive-card relative animate-fade-in-up" style="animation-delay:200ms"><div class="absolute -top-3 right-4 px-3 py-1 bg-[var(--error)] text-white text-xs font-medium rounded-full transition-all duration-300 opacity-0 -translate-y-2 group-hover:opacity-100 group-hover:translate-y-0">Нарушение безопасности</div><div class="w-12 h-12 rounded-xl bg-[var(--error)]/10 flex items-center justify-center mb-5 group-hover:bg-[var(--error)]/15 transition-all duration-300 group-hover:scale-110"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-6 h-6 text-[var(--error)] transition-transform group-hover:rotate-6"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div><h3 class="font-[family-name:var(--font-manrope)] font-semibold text-lg text-[var(--on-surface)] mb-3 group-hover:text-[var(--error)] transition-colors">Передача логинов</h3><p class="text-[var(--on-surface-variant)] text-sm leading-relaxed">Сотрудники передают учётные данные друг другу без контроля</p><div class="absolute bottom-0 left-0 h-1 w-0 bg-[var(--error)] rounded-b-2xl transition-all duration-300 group-hover:w-full"></div></div><div class="group bg-[var(--surface-container-lowest)] rounded-2xl p-6 lg:p-8 interactive-card relative animate-fade-in-up" style="animation-delay:300ms"><div class="absolute -top-3 right-4 px-3 py-1 bg-[var(--error)] text-white text-xs font-medium rounded-full transition-all duration-300 opacity-0 -translate-y-2 group-hover:opacity-100 group-hover:translate-y-0">Хаос в системе</div><div class="w-12 h-12 rounded-xl bg-[var(--error)]/10 flex items-center justify-center mb-5 group-hover:bg-[var(--error)]/15 transition-all duration-300 group-hover:scale-110"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye w-6 h-6 text-[var(--error)] transition-transform group-hover:rotate-6"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg></div><h3 class="font-[family-name:var(--font-manrope)] font-semibold text-lg text-[var(--on-surface)] mb-3 group-hover:text-[var(--error)] transition-colors">Нет понимания доступов</h3><p class="text-[var(--on-surface-variant)] text-sm leading-relaxed">Непонятно, кто к каким сервисам имеет доступ в данный момент</p><div class="absolute bottom-0 left-0 h-1 w-0 bg-[var(--error)] rounded-b-2xl transition-all duration-300 group-hover:w-full"></div></div><div class="group bg-[var(--surface-container-lowest)] rounded-2xl p-6 lg:p-8 interactive-card relative animate-fade-in-up" style="animation-delay:400ms"><div class="absolute -top-3 right-4 px-3 py-1 bg-[var(--error)] text-white text-xs font-medium rounded-full transition-all duration-300 opacity-0 -translate-y-2 group-hover:opacity-100 group-hover:translate-y-0">Критическая уязвимость</div><div class="w-12 h-12 rounded-xl bg-[var(--error)]/10 flex items-center justify-center mb-5 group-hover:bg-[var(--error)]/15 transition-all duration-300 group-hover:scale-110"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-log-out w-6 h-6 text-[var(--error)] transition-transform group-hover:rotate-6"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" x2="9" y1="12" y2="12"></line></svg></div><h3 class="font-[family-name:var(--font-manrope)] font-semibold text-lg text-[var(--on-surface)] mb-3 group-hover:text-[var(--error)] transition-colors">Проблемы при увольнении</h3><p class="text-[var(--on-surface-variant)] text-sm leading-relaxed">При уходе сотрудника доступы остаются открытыми</p><div class="absolute bottom-0 left-0 h-1 w-0 bg-[var(--error)] rounded-b-2xl transition-all duration-300 group-hover:w-full"></div></div><div class="relative bg-gradient-to-br from-[var(--error)]/5 to-[var(--error)]/10 rounded-2xl p-6 lg:p-8 border border-[var(--error)]/20 overflow-hidden animate-fade-in-up" style="animation-delay:500ms"><div class="absolute top-4 right-4 opacity-10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-20 h-20 text-[var(--error)] animate-pulse"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><div class="absolute bottom-4 left-4 opacity-5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-16 h-16 text-[var(--error)] animate-pulse delay-300"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><div class="relative"><div class="w-12 h-12 rounded-xl bg-[var(--error)]/20 flex items-center justify-center mb-5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-alert w-6 h-6 text-[var(--error)]"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg></div><p class="text-[var(--error)] font-semibold text-lg leading-relaxed">Всё это создаёт реальные угрозы безопасности и финансовые риски для вашего бизнеса.</p><div class="mt-6 flex items-center gap-4"><div class="text-center"><p class="text-2xl font-bold text-[var(--error)]">67%</p><p class="text-xs text-[var(--on-surface-variant)]">утечек от сотрудников</p></div><div class="w-px h-10 bg-[var(--error)]/20"></div><div class="text-center"><p class="text-2xl font-bold text-[var(--error)]">$4.5M</p><p class="text-xs text-[var(--on-surface-variant)]">средний ущерб</p></div></div></div></div></div></div></section><section class="py-20 lg:py-32 bg-[var(--surface)] relative overflow-hidden"><div class="absolute inset-0 bg-gradient-to-br from-[var(--primary)]/[0.02] via-transparent to-transparent"></div><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative"><div class="grid lg:grid-cols-2 gap-12 lg:gap-20 items-center"><div class="order-2 lg:order-1 animate-fade-in-left"><div class="relative"><div class="bg-[var(--surface-container-lowest)] rounded-3xl ambient-shadow-lg p-6 lg:p-8"><div class="space-y-4"><div class="relative overflow-hidden rounded-xl transition-all duration-300 cursor-pointer bg-[var(--primary)]/5 ring-2 ring-[var(--primary)]/20"><div class="flex items-center justify-between p-4"><div class="flex items-center gap-4"><div class="w-10 h-10 rounded-xl flex items-center justify-center text-white font-bold transition-transform hover:scale-110" style="background-color:#E01E5A">S</div><div><p class="font-medium text-[var(--on-surface)]">Slack</p><p class="text-xs text-[var(--on-surface-variant)]">Команда разработки</p></div></div><div class="flex items-center gap-3"><div class="flex -space-x-2"><div class="w-8 h-8 rounded-full bg-[var(--primary)]/10 border-2 border-[var(--surface-container-lowest)] flex items-center justify-center"><span class="text-[10px] font-medium text-[var(--primary)]">U<!-- -->1</span></div><div class="w-8 h-8 rounded-full bg-[var(--primary)]/10 border-2 border-[var(--surface-container-lowest)] flex items-center justify-center"><span class="text-[10px] font-medium text-[var(--primary)]">U<!-- -->2</span></div><div class="w-8 h-8 rounded-full bg-[var(--primary)]/10 border-2 border-[var(--surface-container-lowest)] flex items-center justify-center"><span class="text-[10px] font-medium text-[var(--primary)]">U<!-- -->3</span></div><div class="w-8 h-8 rounded-full bg-[var(--primary)]/10 border-2 border-[var(--surface-container-lowest)] flex items-center justify-center"><span class="text-[10px] font-medium text-[var(--primary)]">U<!-- -->4</span></div><div class="w-8 h-8 rounded-full bg-[var(--surface-container-high)] border-2 border-[var(--surface-container-lowest)] flex items-center justify-center"><span class="text-[10px] font-medium text-[var(--on-surface-variant)]">+<!-- -->4</span></div></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 text-[var(--on-surface-variant)] transition-transform rotate-90"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div><div class="overflow-hidden transition-all duration-300 max-h-32 opacity-100"><div class="px-4 pb-4 pt-0"><div class="flex gap-2 flex-wrap"><span class="text-xs px-3 py-1 rounded-full bg-green-100 text-green-700">Чтение</span><span class="text-xs px-3 py-1 rounded-full bg-blue-100 text-blue-700">Запись</span><span class="text-xs px-3 py-1 rounded-full bg-[var(--primary)]/10 text-[var(--primary)]">Администрирование</span></div><p class="text-xs text-[var(--on-surface-variant)] mt-3">Последнее изменение: 2 часа назад</p></div></div></div><div class="relative overflow-hidden rounded-xl transition-all duration-300 cursor-pointer bg-[var(--surface-container-low)] hover:bg-[var(--surface-container-high)]"><div class="flex items-center justify-between p-4"><div class="flex items-center gap-4"><div class="w-10 h-10 rounded-xl flex items-center justify-center text-white font-bold transition-transform hover:scale-110" style="background-color:#000000">N</div><div><p class="font-medium text-[var(--on-surface)]">Notion</p><p class="text-xs text-[var(--on-surface-variant)]">Вся компания</p></div></div><div class="flex items-center gap-3"><div class="flex -space-x-2"><div class="w-8 h-8 rounded-full bg-[var(--primary)]/10 border-2 border-[var(--surface-container-lowest)] flex items-center justify-center"><span class="text-[10px] font-medium text-[var(--primary)]">U<!-- -->1</span></div><div class="w-8 h-8 rounded-full bg-[var(--primary)]/10 border-2 border-[var(--surface-container-lowest)] flex items-center justify-center"><span class="text-[10px] font-medium text-[var(--primary)]">U<!-- -->2</span></div><div class="w-8 h-8 rounded-full bg-[var(--primary)]/10 border-2 border-[var(--surface-container-lowest)] flex items-center justify-center"><span class="text-[10px] font-medium text-[var(--primary)]">U<!-- -->3</span></div><div class="w-8 h-8 rounded-full bg-[var(--primary)]/10 border-2 border-[var(--surface-container-lowest)] flex items-center justify-center"><span class="text-[10px] font-medium text-[var(--primary)]">U<!-- -->4</span></div><div class="w-8 h-8 rounded-full bg-[var(--surface-container-high)] border-2 border-[var(--surface-container-lowest)] flex items-center justify-center"><span class="text-[10px] font-medium text-[var(--on-surface-variant)]">+<!-- -->12</span></div></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 text-[var(--on-surface-variant)] transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div><div class="overflow-hidden transition-all duration-300 max-h-0 opacity-0"><div class="px-4 pb-4 pt-0"><div class="flex gap-2 flex-wrap"><span class="text-xs px-3 py-1 rounded-full bg-green-100 text-green-700">Чтение</span><span class="text-xs px-3 py-1 rounded-full bg-blue-100 text-blue-700">Запись</span><span class="text-xs px-3 py-1 rounded-full bg-[var(--primary)]/10 text-[var(--primary)]">Администрирование</span></div><p class="text-xs text-[var(--on-surface-variant)] mt-3">Последнее изменение: 2 часа назад</p></div></div></div><div class="relative overflow-hidden rounded-xl transition-all duration-300 cursor-pointer bg-[var(--surface-container-low)] hover:bg-[var(--surface-container-high)]"><div class="flex items-center justify-between p-4"><div class="flex items-center gap-4"><div class="w-10 h-10 rounded-xl flex items-center justify-center text-white font-bold transition-transform hover:scale-110" style="background-color:#181717">G</div><div><p class="font-medium text-[var(--on-surface)]">GitHub</p><p class="text-xs text-[var(--on-surface-variant)]">Разработка</p></div></div><div class="flex items-center gap-3"><div class="flex -space-x-2"><div class="w-8 h-8 rounded-full bg-[var(--primary)]/10 border-2 border-[var(--surface-container-lowest)] flex items-center justify-center"><span class="text-[10px] font-medium text-[var(--primary)]">U<!-- -->1</span></div><div class="w-8 h-8 rounded-full bg-[var(--primary)]/10 border-2 border-[var(--surface-container-lowest)] flex items-center justify-center"><span class="text-[10px] font-medium text-[var(--primary)]">U<!-- -->2</span></div><div class="w-8 h-8 rounded-full bg-[var(--primary)]/10 border-2 border-[var(--surface-container-lowest)] flex items-center justify-center"><span class="text-[10px] font-medium text-[var(--primary)]">U<!-- -->3</span></div><div class="w-8 h-8 rounded-full bg-[var(--primary)]/10 border-2 border-[var(--surface-container-lowest)] flex items-center justify-center"><span class="text-[10px] font-medium text-[var(--primary)]">U<!-- -->4</span></div><div class="w-8 h-8 rounded-full bg-[var(--surface-container-high)] border-2 border-[var(--surface-container-lowest)] flex items-center justify-center"><span class="text-[10px] font-medium text-[var(--on-surface-variant)]">+<!-- -->1</span></div></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 text-[var(--on-surface-variant)] transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div><div class="overflow-hidden transition-all duration-300 max-h-0 opacity-0"><div class="px-4 pb-4 pt-0"><div class="flex gap-2 flex-wrap"><span class="text-xs px-3 py-1 rounded-full bg-green-100 text-green-700">Чтение</span><span class="text-xs px-3 py-1 rounded-full bg-blue-100 text-blue-700">Запись</span><span class="text-xs px-3 py-1 rounded-full bg-[var(--primary)]/10 text-[var(--primary)]">Администрирование</span></div><p class="text-xs text-[var(--on-surface-variant)] mt-3">Последнее изменение: 2 часа назад</p></div></div></div><button class="w-full p-4 border border-dashed rounded-xl text-sm font-medium transition-all duration-300 border-[var(--primary)]/30 text-[var(--primary)] hover:bg-[var(--primary)]/5 hover:border-[var(--primary)]/50"><span class="flex items-center justify-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus w-4 h-4 transition-transform"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg>Добавить сервис</span></button></div></div><div class="absolute -top-4 -right-4 bg-green-600 text-white rounded-full px-4 py-2 text-sm font-medium ambient-shadow animate-bounce-subtle"><span class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-4 h-4"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Без сложных настроек</span></div><svg class="absolute -left-20 top-1/2 -translate-y-1/2 w-20 h-40 opacity-20 hidden lg:block" viewBox="0 0 80 160" fill="none"><path d="M80 0 L40 40 L80 80 L40 120 L80 160" stroke="var(--primary)" stroke-width="2" stroke-dasharray="4 4"><animate attributeName="stroke-dashoffset" from="0" to="16" dur="1s" repeatCount="indefinite"></animate></path></svg></div></div><div class="order-1 lg:order-2 animate-fade-in-right"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-[var(--primary)]/10 mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check w-4 h-4 text-[var(--primary)]"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span class="text-xs font-medium text-[var(--primary)] uppercase tracking-wide">Решение</span></div><h2 class="font-[family-name:var(--font-manrope)] text-3xl sm:text-4xl lg:text-5xl font-bold text-[var(--on-surface)] leading-tight mb-6">Единое место для <span class="text-gradient">всех доступов</span> компании</h2><p class="text-lg text-[var(--on-surface-variant)] leading-relaxed mb-10">Наша платформа — это простой сервис для управления доступами без сложных настроек, интеграций и внедрения.</p><div class="grid sm:grid-cols-2 gap-6"><div class="group flex items-start gap-4 p-4 rounded-xl hover:bg-[var(--surface-container-low)] transition-all duration-300 cursor-default animate-fade-in-up" style="animation-delay:200ms"><div class="w-10 h-10 rounded-xl bg-[var(--primary)]/10 flex items-center justify-center shrink-0 group-hover:bg-[var(--primary)] group-hover:scale-110 transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-database w-5 h-5 text-[var(--primary)] group-hover:text-white transition-colors"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M3 5V19A9 3 0 0 0 21 19V5"></path><path d="M3 12A9 3 0 0 0 21 12"></path></svg></div><div><h3 class="font-semibold text-[var(--on-surface)] mb-1 group-hover:text-[var(--primary)] transition-colors">Хранение всех паролей</h3><p class="text-sm text-[var(--on-surface-variant)]">Все доступы компании в одном защищённом месте</p></div></div><div class="group flex items-start gap-4 p-4 rounded-xl hover:bg-[var(--surface-container-low)] transition-all duration-300 cursor-default animate-fade-in-up" style="animation-delay:300ms"><div class="w-10 h-10 rounded-xl bg-[var(--primary)]/10 flex items-center justify-center shrink-0 group-hover:bg-[var(--primary)] group-hover:scale-110 transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-5 h-5 text-[var(--primary)] group-hover:text-white transition-colors"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div><div><h3 class="font-semibold text-[var(--on-surface)] mb-1 group-hover:text-[var(--primary)] transition-colors">Управление сотрудниками</h3><p class="text-sm text-[var(--on-surface-variant)]">Назначайте доступы по сотрудникам и отделам</p></div></div><div class="group flex items-start gap-4 p-4 rounded-xl hover:bg-[var(--surface-container-low)] transition-all duration-300 cursor-default animate-fade-in-up" style="animation-delay:400ms"><div class="w-10 h-10 rounded-xl bg-[var(--primary)]/10 flex items-center justify-center shrink-0 group-hover:bg-[var(--primary)] group-hover:scale-110 transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-5 h-5 text-[var(--primary)] group-hover:text-white transition-colors"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><div><h3 class="font-semibold text-[var(--on-surface)] mb-1 group-hover:text-[var(--primary)] transition-colors">Быстрая выдача доступа</h3><p class="text-sm text-[var(--on-surface-variant)]">Предоставляйте и отзывайте доступ в один клик</p></div></div><div class="group flex items-start gap-4 p-4 rounded-xl hover:bg-[var(--surface-container-low)] transition-all duration-300 cursor-default animate-fade-in-up" style="animation-delay:500ms"><div class="w-10 h-10 rounded-xl bg-[var(--primary)]/10 flex items-center justify-center shrink-0 group-hover:bg-[var(--primary)] group-hover:scale-110 transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-history w-5 h-5 text-[var(--primary)] group-hover:text-white transition-colors"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M12 7v5l4 2"></path></svg></div><div><h3 class="font-semibold text-[var(--on-surface)] mb-1 group-hover:text-[var(--primary)] transition-colors">Полный контроль</h3><p class="text-sm text-[var(--on-surface-variant)]">Знайте, кто и когда получил доступ к сервису</p></div></div></div></div></div></div></section><section id="how-it-works" class="jsx-e6d5695f83c7df5a py-20 lg:py-32 bg-[var(--surface-container-low)] relative overflow-hidden"><div class="jsx-e6d5695f83c7df5a absolute inset-0 overflow-hidden opacity-5"><svg viewBox="0 0 100 100" preserveAspectRatio="none" class="jsx-e6d5695f83c7df5a w-full h-full"><line x1="0" y1="0" x2="50" y2="100" stroke="var(--primary)" stroke-width="0.5" class="jsx-e6d5695f83c7df5a"></line><line x1="10" y1="0" x2="60" y2="100" stroke="var(--primary)" stroke-width="0.5" class="jsx-e6d5695f83c7df5a"></line><line x1="20" y1="0" x2="70" y2="100" stroke="var(--primary)" stroke-width="0.5" class="jsx-e6d5695f83c7df5a"></line><line x1="30" y1="0" x2="80" y2="100" stroke="var(--primary)" stroke-width="0.5" class="jsx-e6d5695f83c7df5a"></line><line x1="40" y1="0" x2="90" y2="100" stroke="var(--primary)" stroke-width="0.5" class="jsx-e6d5695f83c7df5a"></line><line x1="50" y1="0" x2="100" y2="100" stroke="var(--primary)" stroke-width="0.5" class="jsx-e6d5695f83c7df5a"></line><line x1="60" y1="0" x2="110" y2="100" stroke="var(--primary)" stroke-width="0.5" class="jsx-e6d5695f83c7df5a"></line><line x1="70" y1="0" x2="120" y2="100" stroke="var(--primary)" stroke-width="0.5" class="jsx-e6d5695f83c7df5a"></line><line x1="80" y1="0" x2="130" y2="100" stroke="var(--primary)" stroke-width="0.5" class="jsx-e6d5695f83c7df5a"></line><line x1="90" y1="0" x2="140" y2="100" stroke="var(--primary)" stroke-width="0.5" class="jsx-e6d5695f83c7df5a"></line></svg></div><div class="jsx-e6d5695f83c7df5a max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative"><div class="jsx-e6d5695f83c7df5a text-center max-w-3xl mx-auto mb-16 animate-fade-in-up"><div class="jsx-e6d5695f83c7df5a inline-flex items-center gap-2 px-4 py-2 rounded-full bg-[var(--surface-container-lowest)] ambient-shadow-sm mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings w-4 h-4 text-[var(--primary)] animate-rotate-slow"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg><span class="jsx-e6d5695f83c7df5a text-xs font-medium text-[var(--on-surface-variant)] uppercase tracking-wide">Как это работает</span></div><h2 class="jsx-e6d5695f83c7df5a font-[family-name:var(--font-manrope)] text-3xl sm:text-4xl lg:text-5xl font-bold text-[var(--on-surface)] leading-tight mb-6">Простая система вместо <span class="jsx-e6d5695f83c7df5a text-gradient">сложных решений</span></h2><p class="jsx-e6d5695f83c7df5a text-lg text-[var(--on-surface-variant)] leading-relaxed">Всё работает сразу после регистрации. Никакого долгого внедрения и обучения.</p></div><div class="jsx-e6d5695f83c7df5a grid lg:grid-cols-2 gap-12 items-start"><div class="jsx-e6d5695f83c7df5a space-y-4"><div style="animation-delay:0ms" class="jsx-e6d5695f83c7df5a relative bg-[var(--surface-container-lowest)] rounded-2xl p-6 cursor-pointer transition-all duration-300 ambient-shadow ring-2 ring-[var(--primary)]/20 animate-fade-in-left"><div class="jsx-e6d5695f83c7df5a flex items-start gap-4"><div class="jsx-e6d5695f83c7df5a relative"><div class="jsx-e6d5695f83c7df5a w-14 h-14 rounded-2xl flex items-center justify-center transition-all duration-300 btn-gradient"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus w-6 h-6 transition-colors text-white"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div><div class="jsx-e6d5695f83c7df5a absolute inset-0 rounded-2xl animate-pulse-ring bg-[var(--primary)]/20"></div></div><div class="jsx-e6d5695f83c7df5a flex-1"><div class="jsx-e6d5695f83c7df5a flex items-center gap-2 mb-1"><span class="jsx-e6d5695f83c7df5a text-xs font-mono text-[var(--primary)]">Шаг <!-- -->01</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 text-[var(--primary)] animate-bounce-subtle"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div><h3 class="jsx-e6d5695f83c7df5a font-[family-name:var(--font-manrope)] font-semibold text-lg mb-2 transition-colors text-[var(--on-surface)]">Добавляете доступ в систему</h3><p class="jsx-e6d5695f83c7df5a text-[var(--on-surface-variant)] text-sm leading-relaxed">Внесите данные сервиса: название, логин, пароль и другую информацию</p></div></div><div class="jsx-e6d5695f83c7df5a absolute bottom-0 left-0 right-0 h-1 bg-[var(--surface-container-low)] rounded-b-2xl overflow-hidden"><div style="width:100%" class="jsx-e6d5695f83c7df5a h-full bg-[var(--primary)] animate-[progress_3s_linear]"></div></div></div><div style="animation-delay:100ms" class="jsx-e6d5695f83c7df5a relative bg-[var(--surface-container-lowest)] rounded-2xl p-6 cursor-pointer transition-all duration-300 ambient-shadow-sm hover:ambient-shadow animate-fade-in-left"><div class="jsx-e6d5695f83c7df5a flex items-start gap-4"><div class="jsx-e6d5695f83c7df5a relative"><div class="jsx-e6d5695f83c7df5a w-14 h-14 rounded-2xl flex items-center justify-center transition-all duration-300 bg-[var(--surface-container-low)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-plus w-6 h-6 transition-colors text-[var(--primary)]"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><line x1="19" x2="19" y1="8" y2="14"></line><line x1="22" x2="16" y1="11" y2="11"></line></svg></div></div><div class="jsx-e6d5695f83c7df5a flex-1"><div class="jsx-e6d5695f83c7df5a flex items-center gap-2 mb-1"><span class="jsx-e6d5695f83c7df5a text-xs font-mono text-[var(--on-surface-variant)]">Шаг <!-- -->02</span></div><h3 class="jsx-e6d5695f83c7df5a font-[family-name:var(--font-manrope)] font-semibold text-lg mb-2 transition-colors text-[var(--on-surface-variant)]">Назначаете сотрудника или команду</h3><p class="jsx-e6d5695f83c7df5a text-[var(--on-surface-variant)] text-sm leading-relaxed">Выберите, кто должен получить доступ к этому сервису</p></div></div></div><div style="animation-delay:200ms" class="jsx-e6d5695f83c7df5a relative bg-[var(--surface-container-lowest)] rounded-2xl p-6 cursor-pointer transition-all duration-300 ambient-shadow-sm hover:ambient-shadow animate-fade-in-left"><div class="jsx-e6d5695f83c7df5a flex items-start gap-4"><div class="jsx-e6d5695f83c7df5a relative"><div class="jsx-e6d5695f83c7df5a w-14 h-14 rounded-2xl flex items-center justify-center transition-all duration-300 bg-[var(--surface-container-low)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-6 h-6 transition-colors text-[var(--primary)]"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div></div><div class="jsx-e6d5695f83c7df5a flex-1"><div class="jsx-e6d5695f83c7df5a flex items-center gap-2 mb-1"><span class="jsx-e6d5695f83c7df5a text-xs font-mono text-[var(--on-surface-variant)]">Шаг <!-- -->03</span></div><h3 class="jsx-e6d5695f83c7df5a font-[family-name:var(--font-manrope)] font-semibold text-lg mb-2 transition-colors text-[var(--on-surface-variant)]">Сотрудник получает доступ</h3><p class="jsx-e6d5695f83c7df5a text-[var(--on-surface-variant)] text-sm leading-relaxed">Сотрудник видит доступ в своей панели и может использовать его</p></div></div></div><div style="animation-delay:300ms" class="jsx-e6d5695f83c7df5a relative bg-[var(--surface-container-lowest)] rounded-2xl p-6 cursor-pointer transition-all duration-300 ambient-shadow-sm hover:ambient-shadow animate-fade-in-left"><div class="jsx-e6d5695f83c7df5a flex items-start gap-4"><div class="jsx-e6d5695f83c7df5a relative"><div class="jsx-e6d5695f83c7df5a w-14 h-14 rounded-2xl flex items-center justify-center transition-all duration-300 bg-[var(--surface-container-low)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-history w-6 h-6 transition-colors text-[var(--primary)]"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M12 7v5l4 2"></path></svg></div></div><div class="jsx-e6d5695f83c7df5a flex-1"><div class="jsx-e6d5695f83c7df5a flex items-center gap-2 mb-1"><span class="jsx-e6d5695f83c7df5a text-xs font-mono text-[var(--on-surface-variant)]">Шаг <!-- -->04</span></div><h3 class="jsx-e6d5695f83c7df5a font-[family-name:var(--font-manrope)] font-semibold text-lg mb-2 transition-colors text-[var(--on-surface-variant)]">Система фиксирует все действия</h3><p class="jsx-e6d5695f83c7df5a text-[var(--on-surface-variant)] text-sm leading-relaxed">Автоматическая история всех изменений и действий с доступами</p></div></div></div></div><div class="jsx-e6d5695f83c7df5a animate-fade-in-right delay-300 sticky top-24"><div class="jsx-e6d5695f83c7df5a bg-[var(--surface-container-lowest)] rounded-3xl ambient-shadow-lg p-8 min-h-[300px] relative overflow-hidden"><div class="jsx-e6d5695f83c7df5a flex items-center justify-between mb-6"><div class="jsx-e6d5695f83c7df5a flex items-center gap-3"><div class="jsx-e6d5695f83c7df5a w-3 h-3 rounded-full bg-red-400"></div><div class="jsx-e6d5695f83c7df5a w-3 h-3 rounded-full bg-yellow-400"></div><div class="jsx-e6d5695f83c7df5a w-3 h-3 rounded-full bg-green-400"></div></div><span class="jsx-e6d5695f83c7df5a text-xs text-[var(--on-surface-variant)] font-mono">approvalup.ru/dashboard</span></div><div class="jsx-e6d5695f83c7df5a relative h-[200px]"><div class="jsx-e6d5695f83c7df5a absolute inset-0 block"><div class="w-full h-full transition-all duration-500 opacity-100 scale-100"><div class="bg-[var(--surface-container-low)] rounded-xl p-4 mb-3"><div class="h-3 w-24 bg-[var(--primary)]/20 rounded animate-pulse"></div></div><div class="space-y-2"><div class="h-10 bg-[var(--surface-container-low)] rounded-lg flex items-center px-3"><span class="text-xs text-[var(--on-surface-variant)]">Название сервиса</span></div><div class="h-10 bg-[var(--surface-container-low)] rounded-lg flex items-center px-3"><span class="text-xs text-[var(--on-surface-variant)]">Логин</span></div><div class="h-10 bg-[var(--surface-container-low)] rounded-lg flex items-center px-3"><span class="text-xs text-[var(--on-surface-variant)]">Пароль: ••••••••</span></div></div></div></div><div class="jsx-e6d5695f83c7df5a absolute inset-0 hidden"><div class="w-full h-full transition-all duration-500 opacity-0 scale-95"><div class="flex gap-2 mb-3 flex-wrap"><span class="text-xs px-3 py-1.5 rounded-full transition-all duration-300 bg-[var(--primary)] text-white scale-105">Разработка</span><span class="text-xs px-3 py-1.5 rounded-full transition-all duration-300 bg-[var(--surface-container-low)] text-[var(--on-surface-variant)]">Маркетинг</span><span class="text-xs px-3 py-1.5 rounded-full transition-all duration-300 bg-[var(--surface-container-low)] text-[var(--on-surface-variant)]">HR</span></div><p class="text-sm text-[var(--on-surface)] font-medium">Сотрудники назначены</p></div></div><div class="jsx-e6d5695f83c7df5a absolute inset-0 hidden"><div class="w-full h-full transition-all duration-500 opacity-0 scale-95"><div class="flex items-center gap-3 p-3 bg-green-50 rounded-xl mb-3"><div class="w-8 h-8 rounded-lg bg-green-500 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-4 h-4 text-white"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div><p class="text-sm font-medium text-green-700">Доступ получен!</p><p class="text-xs text-green-600">Slack - Команда разработки</p></div></div><div class="flex items-center justify-between text-xs text-[var(--on-surface-variant)]"><span>Выдан: только что</span><span class="flex items-center gap-1 text-green-600"><span class="w-2 h-2 rounded-full bg-green-500 animate-pulse"></span>Активен</span></div></div></div><div class="jsx-e6d5695f83c7df5a absolute inset-0 hidden"><div class="w-full h-full transition-all duration-500 opacity-0 scale-95"><div class="space-y-2"><div class="flex items-center justify-between p-2 rounded-lg bg-[var(--surface-container-low)] text-xs"><div class="flex items-center gap-2"><div class="w-6 h-6 rounded-full bg-[var(--primary)]/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-history w-3 h-3 text-[var(--primary)]"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M12 7v5l4 2"></path></svg></div><span class="text-[var(--on-surface)]">Доступ выдан</span></div><span class="text-[var(--on-surface-variant)]">10:30</span></div><div class="flex items-center justify-between p-2 rounded-lg bg-[var(--surface-container-low)] text-xs"><div class="flex items-center gap-2"><div class="w-6 h-6 rounded-full bg-[var(--primary)]/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-history w-3 h-3 text-[var(--primary)]"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M12 7v5l4 2"></path></svg></div><span class="text-[var(--on-surface)]">Пароль изменён</span></div><span class="text-[var(--on-surface-variant)]">09:15</span></div><div class="flex items-center justify-between p-2 rounded-lg bg-[var(--surface-container-low)] text-xs"><div class="flex items-center gap-2"><div class="w-6 h-6 rounded-full bg-[var(--primary)]/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-history w-3 h-3 text-[var(--primary)]"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M12 7v5l4 2"></path></svg></div><span class="text-[var(--on-surface)]">Доступ создан</span></div><span class="text-[var(--on-surface-variant)]">08:00</span></div></div></div></div></div><div class="jsx-e6d5695f83c7df5a flex justify-center gap-2 mt-6"><button class="jsx-e6d5695f83c7df5a w-2 h-2 rounded-full transition-all duration-300 w-6 bg-[var(--primary)]"></button><button class="jsx-e6d5695f83c7df5a w-2 h-2 rounded-full transition-all duration-300 bg-[var(--surface-container-high)] hover:bg-[var(--primary)]/50"></button><button class="jsx-e6d5695f83c7df5a w-2 h-2 rounded-full transition-all duration-300 bg-[var(--surface-container-high)] hover:bg-[var(--primary)]/50"></button><button class="jsx-e6d5695f83c7df5a w-2 h-2 rounded-full transition-all duration-300 bg-[var(--surface-container-high)] hover:bg-[var(--primary)]/50"></button></div></div></div></div></div></section><section id="features" class="py-20 lg:py-32 bg-[var(--surface)] relative overflow-hidden"><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] bg-[var(--primary)]/[0.02] rounded-full blur-3xl"></div><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative"><div class="text-center max-w-3xl mx-auto mb-16 animate-fade-in-up"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-[var(--primary)]/10 mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-4 h-4 text-[var(--primary)]"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg><span class="text-xs font-medium text-[var(--primary)] uppercase tracking-wide">Возможности</span></div><h2 class="font-[family-name:var(--font-manrope)] text-3xl sm:text-4xl lg:text-5xl font-bold text-[var(--on-surface)] leading-tight mb-6">Всё, что нужно для <span class="text-gradient">контроля доступов</span></h2><p class="text-lg text-[var(--on-surface-variant)] leading-relaxed">Больше никаких Excel и таблиц с паролями. Управляйте доступами профессионально.</p></div><div class="grid lg:grid-cols-3 gap-6 lg:gap-8"><div class="group bg-[var(--surface-container-lowest)] rounded-3xl p-8 interactive-card relative overflow-hidden animate-fade-in-up" style="animation-delay:0ms"><div class="absolute inset-0 rounded-3xl bg-gradient-to-br from-blue-500 to-cyan-500 opacity-0 group-hover:opacity-10 transition-opacity duration-500"></div><div class="absolute inset-0 overflow-hidden pointer-events-none opacity-0 group-hover:opacity-100 transition-opacity duration-300"><div class="absolute w-2 h-2 rounded-full bg-blue-500/10 animate-float" style="left:20%;top:10%;animation-delay:0ms;animation-duration:2s"></div><div class="absolute w-2 h-2 rounded-full bg-blue-500/10 animate-float" style="left:35%;top:30%;animation-delay:200ms;animation-duration:2.5s"></div><div class="absolute w-2 h-2 rounded-full bg-blue-500/10 animate-float" style="left:50%;top:50%;animation-delay:400ms;animation-duration:3s"></div><div class="absolute w-2 h-2 rounded-full bg-blue-500/10 animate-float" style="left:65%;top:70%;animation-delay:600ms;animation-duration:3.5s"></div><div class="absolute w-2 h-2 rounded-full bg-blue-500/10 animate-float" style="left:80%;top:90%;animation-delay:800ms;animation-duration:4s"></div></div><div class="relative w-16 h-16 rounded-2xl bg-blue-500/10 flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock w-8 h-8 text-[var(--primary)]"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-blue-500 to-cyan-500 opacity-0 group-hover:opacity-30 blur-xl transition-opacity duration-300"></div></div><h3 class="font-[family-name:var(--font-manrope)] font-bold text-xl text-[var(--on-surface)] mb-3 group-hover:text-[var(--primary)] transition-colors">Безопасное хранение данных</h3><p class="text-[var(--on-surface-variant)] leading-relaxed mb-6">Все доступы хранятся в одном месте с надёжным шифрованием</p><ul class="space-y-3"><li class="flex items-center gap-3 text-sm transition-all duration-300 group-hover:translate-x-2" style="transition-delay:0ms"><div class="w-5 h-5 rounded-full bg-blue-500/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-[var(--primary)]"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[var(--on-surface-variant)]">Все доступы в одном месте</span></li><li class="flex items-center gap-3 text-sm transition-all duration-300 group-hover:translate-x-2" style="transition-delay:50ms"><div class="w-5 h-5 rounded-full bg-blue-500/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-[var(--primary)]"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[var(--on-surface-variant)]">Разделение по сотрудникам и отделам</span></li><li class="flex items-center gap-3 text-sm transition-all duration-300 group-hover:translate-x-2" style="transition-delay:100ms"><div class="w-5 h-5 rounded-full bg-blue-500/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-[var(--primary)]"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[var(--on-surface-variant)]">Быстрый поиск нужного сервиса</span></li><li class="flex items-center gap-3 text-sm transition-all duration-300 group-hover:translate-x-2" style="transition-delay:150ms"><div class="w-5 h-5 rounded-full bg-blue-500/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-[var(--primary)]"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[var(--on-surface-variant)]">Контроль доступа к критичным данным</span></li></ul><div class="mt-6 pt-6 border-t border-[var(--ghost-border)] flex items-center justify-between opacity-0 group-hover:opacity-100 transition-opacity"><span class="text-sm font-medium text-[var(--primary)]">Подробнее</span><div class="w-8 h-8 rounded-full bg-[var(--primary)]/10 flex items-center justify-center group-hover:bg-[var(--primary)] transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers w-4 h-4 text-[var(--primary)] group-hover:text-white transition-colors"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></div></div></div><div class="group bg-[var(--surface-container-lowest)] rounded-3xl p-8 interactive-card relative overflow-hidden animate-fade-in-up" style="animation-delay:150ms"><div class="absolute inset-0 rounded-3xl bg-gradient-to-br from-purple-500 to-pink-500 opacity-0 group-hover:opacity-10 transition-opacity duration-500"></div><div class="absolute inset-0 overflow-hidden pointer-events-none opacity-0 group-hover:opacity-100 transition-opacity duration-300"><div class="absolute w-2 h-2 rounded-full bg-purple-500/10 animate-float" style="left:20%;top:10%;animation-delay:0ms;animation-duration:2s"></div><div class="absolute w-2 h-2 rounded-full bg-purple-500/10 animate-float" style="left:35%;top:30%;animation-delay:200ms;animation-duration:2.5s"></div><div class="absolute w-2 h-2 rounded-full bg-purple-500/10 animate-float" style="left:50%;top:50%;animation-delay:400ms;animation-duration:3s"></div><div class="absolute w-2 h-2 rounded-full bg-purple-500/10 animate-float" style="left:65%;top:70%;animation-delay:600ms;animation-duration:3.5s"></div><div class="absolute w-2 h-2 rounded-full bg-purple-500/10 animate-float" style="left:80%;top:90%;animation-delay:800ms;animation-duration:4s"></div></div><div class="relative w-16 h-16 rounded-2xl bg-purple-500/10 flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-history w-8 h-8 text-[var(--primary)]"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M12 7v5l4 2"></path></svg><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-purple-500 to-pink-500 opacity-0 group-hover:opacity-30 blur-xl transition-opacity duration-300"></div></div><h3 class="font-[family-name:var(--font-manrope)] font-bold text-xl text-[var(--on-surface)] mb-3 group-hover:text-[var(--primary)] transition-colors">История и контроль</h3><p class="text-[var(--on-surface-variant)] leading-relaxed mb-6">Система автоматически фиксирует все действия с доступами</p><ul class="space-y-3"><li class="flex items-center gap-3 text-sm transition-all duration-300 group-hover:translate-x-2" style="transition-delay:0ms"><div class="w-5 h-5 rounded-full bg-purple-500/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-[var(--primary)]"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[var(--on-surface-variant)]">Кто получил доступ</span></li><li class="flex items-center gap-3 text-sm transition-all duration-300 group-hover:translate-x-2" style="transition-delay:50ms"><div class="w-5 h-5 rounded-full bg-purple-500/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-[var(--primary)]"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[var(--on-surface-variant)]">Когда он был выдан</span></li><li class="flex items-center gap-3 text-sm transition-all duration-300 group-hover:translate-x-2" style="transition-delay:100ms"><div class="w-5 h-5 rounded-full bg-purple-500/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-[var(--primary)]"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[var(--on-surface-variant)]">Кто его изменил или удалил</span></li><li class="flex items-center gap-3 text-sm transition-all duration-300 group-hover:translate-x-2" style="transition-delay:150ms"><div class="w-5 h-5 rounded-full bg-purple-500/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-[var(--primary)]"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[var(--on-surface-variant)]">Полная прозрачность</span></li></ul><div class="mt-6 pt-6 border-t border-[var(--ghost-border)] flex items-center justify-between opacity-0 group-hover:opacity-100 transition-opacity"><span class="text-sm font-medium text-[var(--primary)]">Подробнее</span><div class="w-8 h-8 rounded-full bg-[var(--primary)]/10 flex items-center justify-center group-hover:bg-[var(--primary)] transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers w-4 h-4 text-[var(--primary)] group-hover:text-white transition-colors"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></div></div></div><div class="group bg-[var(--surface-container-lowest)] rounded-3xl p-8 interactive-card relative overflow-hidden animate-fade-in-up" style="animation-delay:300ms"><div class="absolute inset-0 rounded-3xl bg-gradient-to-br from-amber-500 to-orange-500 opacity-0 group-hover:opacity-10 transition-opacity duration-500"></div><div class="absolute inset-0 overflow-hidden pointer-events-none opacity-0 group-hover:opacity-100 transition-opacity duration-300"><div class="absolute w-2 h-2 rounded-full bg-amber-500/10 animate-float" style="left:20%;top:10%;animation-delay:0ms;animation-duration:2s"></div><div class="absolute w-2 h-2 rounded-full bg-amber-500/10 animate-float" style="left:35%;top:30%;animation-delay:200ms;animation-duration:2.5s"></div><div class="absolute w-2 h-2 rounded-full bg-amber-500/10 animate-float" style="left:50%;top:50%;animation-delay:400ms;animation-duration:3s"></div><div class="absolute w-2 h-2 rounded-full bg-amber-500/10 animate-float" style="left:65%;top:70%;animation-delay:600ms;animation-duration:3.5s"></div><div class="absolute w-2 h-2 rounded-full bg-amber-500/10 animate-float" style="left:80%;top:90%;animation-delay:800ms;animation-duration:4s"></div></div><div class="relative w-16 h-16 rounded-2xl bg-amber-500/10 flex items-center justify-center mb-6 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-8 h-8 text-[var(--primary)]"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><div class="absolute inset-0 rounded-2xl bg-gradient-to-br from-amber-500 to-orange-500 opacity-0 group-hover:opacity-30 blur-xl transition-opacity duration-300"></div></div><h3 class="font-[family-name:var(--font-manrope)] font-bold text-xl text-[var(--on-surface)] mb-3 group-hover:text-[var(--primary)] transition-colors">Управление в один клик</h3><p class="text-[var(--on-surface-variant)] leading-relaxed mb-6">Быстрая выдача и отзыв доступов без сложных процедур</p><ul class="space-y-3"><li class="flex items-center gap-3 text-sm transition-all duration-300 group-hover:translate-x-2" style="transition-delay:0ms"><div class="w-5 h-5 rounded-full bg-amber-500/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-[var(--primary)]"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[var(--on-surface-variant)]">Выдача доступов за секунды</span></li><li class="flex items-center gap-3 text-sm transition-all duration-300 group-hover:translate-x-2" style="transition-delay:50ms"><div class="w-5 h-5 rounded-full bg-amber-500/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-[var(--primary)]"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[var(--on-surface-variant)]">Быстрый отзыв доступа</span></li><li class="flex items-center gap-3 text-sm transition-all duration-300 group-hover:translate-x-2" style="transition-delay:100ms"><div class="w-5 h-5 rounded-full bg-amber-500/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-[var(--primary)]"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[var(--on-surface-variant)]">Распределение прав по сотрудникам</span></li><li class="flex items-center gap-3 text-sm transition-all duration-300 group-hover:translate-x-2" style="transition-delay:150ms"><div class="w-5 h-5 rounded-full bg-amber-500/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-[var(--primary)]"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[var(--on-surface-variant)]">Централизованное управление</span></li></ul><div class="mt-6 pt-6 border-t border-[var(--ghost-border)] flex items-center justify-between opacity-0 group-hover:opacity-100 transition-opacity"><span class="text-sm font-medium text-[var(--primary)]">Подробнее</span><div class="w-8 h-8 rounded-full bg-[var(--primary)]/10 flex items-center justify-center group-hover:bg-[var(--primary)] transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers w-4 h-4 text-[var(--primary)] group-hover:text-white transition-colors"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></div></div></div></div><div class="mt-12 bg-[var(--surface-container-lowest)] rounded-2xl p-6 ambient-shadow-sm animate-fade-in-up delay-500"><div class="flex flex-wrap items-center justify-center gap-8 lg:gap-16"><div class="flex items-center gap-3 group cursor-default"><div class="w-10 h-10 rounded-xl bg-[var(--primary)]/10 flex items-center justify-center group-hover:bg-[var(--primary)] transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search w-5 h-5 text-[var(--primary)] group-hover:text-white transition-colors"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></div><span class="text-[var(--on-surface-variant)] font-medium group-hover:text-[var(--on-surface)] transition-colors">Быстрый поиск</span></div><div class="flex items-center gap-3 group cursor-default"><div class="w-10 h-10 rounded-xl bg-[var(--primary)]/10 flex items-center justify-center group-hover:bg-[var(--primary)] transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-5 h-5 text-[var(--primary)] group-hover:text-white transition-colors"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div><span class="text-[var(--on-surface-variant)] font-medium group-hover:text-[var(--on-surface)] transition-colors">До 200 сотрудников</span></div><div class="flex items-center gap-3 group cursor-default"><div class="w-10 h-10 rounded-xl bg-[var(--primary)]/10 flex items-center justify-center group-hover:bg-[var(--primary)] transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye w-5 h-5 text-[var(--primary)] group-hover:text-white transition-colors"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg></div><span class="text-[var(--on-surface-variant)] font-medium group-hover:text-[var(--on-surface)] transition-colors">Полный аудит</span></div><div class="flex items-center gap-3 group cursor-default"><div class="w-10 h-10 rounded-xl bg-[var(--primary)]/10 flex items-center justify-center group-hover:bg-[var(--primary)] transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock w-5 h-5 text-[var(--primary)] group-hover:text-white transition-colors"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg></div><span class="text-[var(--on-surface-variant)] font-medium group-hover:text-[var(--on-surface)] transition-colors">AES-256 шифрование</span></div></div></div></div></section><section class="py-20 lg:py-32 bg-[var(--surface-container-low)] relative overflow-hidden"><div class="absolute -top-40 -right-40 w-80 h-80 bg-[var(--primary)]/5 rounded-full blur-3xl"></div><div class="absolute -bottom-40 -left-40 w-80 h-80 bg-[var(--primary)]/5 rounded-full blur-3xl"></div><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative"><div class="grid lg:grid-cols-2 gap-12 lg:gap-20 items-center"><div class="animate-fade-in-left"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-[var(--surface-container-lowest)] ambient-shadow-sm mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-4 h-4 text-[var(--primary)]"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg><span class="text-xs font-medium text-[var(--on-surface-variant)] uppercase tracking-wide">Почему мы</span></div><h2 class="font-[family-name:var(--font-manrope)] text-3xl sm:text-4xl lg:text-5xl font-bold text-[var(--on-surface)] leading-tight mb-6">Продукт для <span class="text-gradient">малого и среднего</span> бизнеса</h2><p class="text-lg text-[var(--on-surface-variant)] leading-relaxed mb-8">Мы специально убрали всё лишнее, чтобы создать идеальное решение для небольших команд.</p><div class="mb-6"><div class="inline-flex p-1 bg-[var(--surface-container-lowest)] rounded-xl ambient-shadow-sm"><button class="px-4 py-2 rounded-lg text-sm font-medium transition-all bg-[var(--error)]/10 text-[var(--error)]">Что убрали</button><button class="px-4 py-2 rounded-lg text-sm font-medium transition-all text-[var(--on-surface-variant)] hover:bg-[var(--surface-container-low)]">Что получаете</button></div></div><div class="relative min-h-[200px]"><div class="absolute inset-0 transition-all duration-500 opacity-100 translate-x-0"><div class="space-y-3"><div class="flex items-center gap-3 p-3 bg-[var(--surface-container-lowest)] rounded-xl group hover:bg-[var(--error)]/5 transition-colors cursor-default"><div class="w-8 h-8 rounded-full bg-[var(--error)]/10 flex items-center justify-center shrink-0 group-hover:bg-[var(--error)]/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-4 h-4 text-[var(--error)]"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><span class="text-[var(--on-surface-variant)] group-hover:text-[var(--on-surface)] transition-colors">Нет сложных enterprise-интеграций</span></div><div class="flex items-center gap-3 p-3 bg-[var(--surface-container-lowest)] rounded-xl group hover:bg-[var(--error)]/5 transition-colors cursor-default"><div class="w-8 h-8 rounded-full bg-[var(--error)]/10 flex items-center justify-center shrink-0 group-hover:bg-[var(--error)]/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-4 h-4 text-[var(--error)]"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><span class="text-[var(--on-surface-variant)] group-hover:text-[var(--on-surface)] transition-colors">Нет долгого внедрения</span></div><div class="flex items-center gap-3 p-3 bg-[var(--surface-container-lowest)] rounded-xl group hover:bg-[var(--error)]/5 transition-colors cursor-default"><div class="w-8 h-8 rounded-full bg-[var(--error)]/10 flex items-center justify-center shrink-0 group-hover:bg-[var(--error)]/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-4 h-4 text-[var(--error)]"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><span class="text-[var(--on-surface-variant)] group-hover:text-[var(--on-surface)] transition-colors">Нет сложной настройки ролей</span></div><div class="flex items-center gap-3 p-3 bg-[var(--surface-container-lowest)] rounded-xl group hover:bg-[var(--error)]/5 transition-colors cursor-default"><div class="w-8 h-8 rounded-full bg-[var(--error)]/10 flex items-center justify-center shrink-0 group-hover:bg-[var(--error)]/20 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-4 h-4 text-[var(--error)]"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><span class="text-[var(--on-surface-variant)] group-hover:text-[var(--on-surface)] transition-colors">Нет перегруженного функционала</span></div></div></div><div class="absolute inset-0 transition-all duration-500 opacity-0 translate-x-10 pointer-events-none"><div class="space-y-3"><div class="flex items-center gap-3 p-3 bg-[var(--surface-container-lowest)] rounded-xl group hover:bg-green-50 transition-colors cursor-default"><div class="w-8 h-8 rounded-full bg-green-100 flex items-center justify-center shrink-0 group-hover:bg-green-200 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-4 h-4 text-green-600"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[var(--on-surface-variant)] group-hover:text-[var(--on-surface)] transition-colors">Простая система без обучения</span></div><div class="flex items-center gap-3 p-3 bg-[var(--surface-container-lowest)] rounded-xl group hover:bg-green-50 transition-colors cursor-default"><div class="w-8 h-8 rounded-full bg-green-100 flex items-center justify-center shrink-0 group-hover:bg-green-200 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-4 h-4 text-green-600"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[var(--on-surface-variant)] group-hover:text-[var(--on-surface)] transition-colors">Быстрый старт за 5 минут</span></div><div class="flex items-center gap-3 p-3 bg-[var(--surface-container-lowest)] rounded-xl group hover:bg-green-50 transition-colors cursor-default"><div class="w-8 h-8 rounded-full bg-green-100 flex items-center justify-center shrink-0 group-hover:bg-green-200 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-4 h-4 text-green-600"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[var(--on-surface-variant)] group-hover:text-[var(--on-surface)] transition-colors">Только нужные функции</span></div><div class="flex items-center gap-3 p-3 bg-[var(--surface-container-lowest)] rounded-xl group hover:bg-green-50 transition-colors cursor-default"><div class="w-8 h-8 rounded-full bg-green-100 flex items-center justify-center shrink-0 group-hover:bg-green-200 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-4 h-4 text-green-600"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-[var(--on-surface-variant)] group-hover:text-[var(--on-surface)] transition-colors">Низкая стоимость для команды</span></div></div></div></div></div><div class="relative animate-fade-in-right delay-200"><div class="bg-[var(--surface-container-lowest)] rounded-3xl ambient-shadow-lg p-8 lg:p-10"><div class="grid grid-cols-2 gap-6 mb-8"><div class="text-center p-6 bg-[var(--surface-container-low)] rounded-2xl group hover:bg-[var(--primary)]/5 transition-all duration-300 cursor-default"><p class="font-[family-name:var(--font-manrope)] text-4xl font-bold text-[var(--primary)] mb-2 tabular-nums group-hover:scale-110 transition-transform">0</p><p class="text-sm text-[var(--on-surface-variant)]">минут на старт</p></div><div class="text-center p-6 bg-[var(--surface-container-low)] rounded-2xl group hover:bg-[var(--primary)]/5 transition-all duration-300 cursor-default"><p class="font-[family-name:var(--font-manrope)] text-4xl font-bold text-[var(--primary)] mb-2 tabular-nums group-hover:scale-110 transition-transform">0</p><p class="text-sm text-[var(--on-surface-variant)]">обучения</p></div><div class="text-center p-6 bg-[var(--surface-container-low)] rounded-2xl group hover:bg-[var(--primary)]/5 transition-all duration-300 cursor-default"><p class="font-[family-name:var(--font-manrope)] text-4xl font-bold text-[var(--primary)] mb-2 tabular-nums group-hover:scale-110 transition-transform">0<!-- -->%</p><p class="text-sm text-[var(--on-surface-variant)]">контроль</p></div><div class="text-center p-6 bg-[var(--surface-container-low)] rounded-2xl group hover:bg-[var(--primary)]/5 transition-all duration-300 cursor-default"><p class="font-[family-name:var(--font-manrope)] text-4xl font-bold text-[var(--primary)] mb-2 tabular-nums group-hover:scale-110 transition-transform">0<!-- -->/7</p><p class="text-sm text-[var(--on-surface-variant)]">доступность</p></div></div><div class="relative overflow-hidden text-center p-6 bg-gradient-to-r from-[var(--primary)]/5 via-[var(--primary)]/10 to-[var(--primary)]/5 rounded-2xl group cursor-default"><div class="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent translate-x-[-200%] group-hover:translate-x-[200%] transition-transform duration-1000"></div><p class="text-[var(--primary)] font-semibold relative flex items-center justify-center gap-2">Идеальное решение для малого бизнеса<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></p></div></div><div class="absolute -top-6 -right-6 w-24 h-24 bg-[var(--primary)]/10 rounded-2xl rotate-12 animate-float"></div><div class="absolute -bottom-4 -left-4 w-16 h-16 bg-green-100 rounded-xl -rotate-12 animate-float delay-300"></div></div></div></div></section><section id="for-whom" class="py-20 lg:py-32 bg-[var(--surface)] relative overflow-hidden"><div class="absolute inset-0 opacity-[0.02]" style="background-image:linear-gradient(var(--primary) 1px, transparent 1px), linear-gradient(90deg, var(--primary) 1px, transparent 1px);background-size:50px 50px"></div><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative"><div class="text-center max-w-3xl mx-auto mb-16 animate-fade-in-up"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-[var(--primary)]/10 mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-4 h-4 text-[var(--primary)]"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><span class="text-xs font-medium text-[var(--primary)] uppercase tracking-wide">Для кого</span></div><h2 class="font-[family-name:var(--font-manrope)] text-3xl sm:text-4xl lg:text-5xl font-bold text-[var(--on-surface)] leading-tight mb-6">Подходит для <span class="text-gradient">вашей команды</span></h2><p class="text-lg text-[var(--on-surface-variant)] leading-relaxed">ApprovalUp создан специально для малого и среднего бизнеса</p></div><div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6"><div class="group bg-[var(--surface-container-lowest)] rounded-2xl p-6 lg:p-8 interactive-card relative overflow-hidden animate-fade-in-up" style="animation-delay:0ms"><div class="absolute inset-0 bg-gradient-to-br from-blue-500 to-cyan-500 opacity-0 group-hover:opacity-5 transition-opacity duration-300"></div><div class="absolute top-4 right-4 px-3 py-1 rounded-full text-xs font-medium transition-all duration-300 opacity-0 -translate-y-2 bg-blue-500/10">50+ компаний</div><div class="relative w-14 h-14 rounded-xl bg-blue-500/10 flex items-center justify-center mb-5 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building2 w-7 h-7 text-[var(--primary)]"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"></path><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"></path><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"></path><path d="M10 6h4"></path><path d="M10 10h4"></path><path d="M10 14h4"></path><path d="M10 18h4"></path></svg><div class="absolute inset-0 rounded-xl bg-gradient-to-br from-blue-500 to-cyan-500 opacity-0 group-hover:opacity-30 blur-xl transition-opacity duration-300"></div></div><h3 class="font-[family-name:var(--font-manrope)] font-semibold text-lg text-[var(--on-surface)] mb-3 group-hover:text-[var(--primary)] transition-colors">Малый бизнес</h3><p class="text-[var(--on-surface-variant)] text-sm leading-relaxed mb-4">Компании, которые хотят навести порядок в доступах</p><div class="flex items-center gap-2 text-sm text-[var(--primary)] opacity-0 group-hover:opacity-100 transition-opacity"><span>Подробнее</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div><div class="group bg-[var(--surface-container-lowest)] rounded-2xl p-6 lg:p-8 interactive-card relative overflow-hidden animate-fade-in-up" style="animation-delay:100ms"><div class="absolute inset-0 bg-gradient-to-br from-purple-500 to-pink-500 opacity-0 group-hover:opacity-5 transition-opacity duration-300"></div><div class="absolute top-4 right-4 px-3 py-1 rounded-full text-xs font-medium transition-all duration-300 opacity-0 -translate-y-2 bg-purple-500/10">100+ стартапов</div><div class="relative w-14 h-14 rounded-xl bg-purple-500/10 flex items-center justify-center mb-5 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket w-7 h-7 text-[var(--primary)]"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg><div class="absolute inset-0 rounded-xl bg-gradient-to-br from-purple-500 to-pink-500 opacity-0 group-hover:opacity-30 blur-xl transition-opacity duration-300"></div></div><h3 class="font-[family-name:var(--font-manrope)] font-semibold text-lg text-[var(--on-surface)] mb-3 group-hover:text-[var(--primary)] transition-colors">Стартапы</h3><p class="text-[var(--on-surface-variant)] text-sm leading-relaxed mb-4">Быстрорастущие команды с частой сменой состава</p><div class="flex items-center gap-2 text-sm text-[var(--primary)] opacity-0 group-hover:opacity-100 transition-opacity"><span>Подробнее</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div><div class="group bg-[var(--surface-container-lowest)] rounded-2xl p-6 lg:p-8 interactive-card relative overflow-hidden animate-fade-in-up" style="animation-delay:200ms"><div class="absolute inset-0 bg-gradient-to-br from-amber-500 to-orange-500 opacity-0 group-hover:opacity-5 transition-opacity duration-300"></div><div class="absolute top-4 right-4 px-3 py-1 rounded-full text-xs font-medium transition-all duration-300 opacity-0 -translate-y-2 bg-amber-500/10">30+ агентств</div><div class="relative w-14 h-14 rounded-xl bg-amber-500/10 flex items-center justify-center mb-5 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-megaphone w-7 h-7 text-[var(--primary)]"><path d="m3 11 18-5v12L3 14v-3z"></path><path d="M11.6 16.8a3 3 0 1 1-5.8-1.6"></path></svg><div class="absolute inset-0 rounded-xl bg-gradient-to-br from-amber-500 to-orange-500 opacity-0 group-hover:opacity-30 blur-xl transition-opacity duration-300"></div></div><h3 class="font-[family-name:var(--font-manrope)] font-semibold text-lg text-[var(--on-surface)] mb-3 group-hover:text-[var(--primary)] transition-colors">Агентства</h3><p class="text-[var(--on-surface-variant)] text-sm leading-relaxed mb-4">Маркетинговые и креативные агентства с множеством клиентов</p><div class="flex items-center gap-2 text-sm text-[var(--primary)] opacity-0 group-hover:opacity-100 transition-opacity"><span>Подробнее</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div><div class="group bg-[var(--surface-container-lowest)] rounded-2xl p-6 lg:p-8 interactive-card relative overflow-hidden animate-fade-in-up" style="animation-delay:300ms"><div class="absolute inset-0 bg-gradient-to-br from-green-500 to-emerald-500 opacity-0 group-hover:opacity-5 transition-opacity duration-300"></div><div class="absolute top-4 right-4 px-3 py-1 rounded-full text-xs font-medium transition-all duration-300 opacity-0 -translate-y-2 bg-green-500/10">200+ команд</div><div class="relative w-14 h-14 rounded-xl bg-green-500/10 flex items-center justify-center mb-5 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code-xml w-7 h-7 text-[var(--primary)]"><path d="m18 16 4-4-4-4"></path><path d="m6 8-4 4 4 4"></path><path d="m14.5 4-5 16"></path></svg><div class="absolute inset-0 rounded-xl bg-gradient-to-br from-green-500 to-emerald-500 opacity-0 group-hover:opacity-30 blur-xl transition-opacity duration-300"></div></div><h3 class="font-[family-name:var(--font-manrope)] font-semibold text-lg text-[var(--on-surface)] mb-3 group-hover:text-[var(--primary)] transition-colors">IT-команды</h3><p class="text-[var(--on-surface-variant)] text-sm leading-relaxed mb-4">Разработчики и технические специалисты</p><div class="flex items-center gap-2 text-sm text-[var(--primary)] opacity-0 group-hover:opacity-100 transition-opacity"><span>Подробнее</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div><div class="group bg-[var(--surface-container-lowest)] rounded-2xl p-6 lg:p-8 interactive-card relative overflow-hidden animate-fade-in-up" style="animation-delay:400ms"><div class="absolute inset-0 bg-gradient-to-br from-indigo-500 to-blue-500 opacity-0 group-hover:opacity-5 transition-opacity duration-300"></div><div class="absolute top-4 right-4 px-3 py-1 rounded-full text-xs font-medium transition-all duration-300 opacity-0 -translate-y-2 bg-indigo-500/10">150+ компаний</div><div class="relative w-14 h-14 rounded-xl bg-indigo-500/10 flex items-center justify-center mb-5 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-7 h-7 text-[var(--primary)]"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><div class="absolute inset-0 rounded-xl bg-gradient-to-br from-indigo-500 to-blue-500 opacity-0 group-hover:opacity-30 blur-xl transition-opacity duration-300"></div></div><h3 class="font-[family-name:var(--font-manrope)] font-semibold text-lg text-[var(--on-surface)] mb-3 group-hover:text-[var(--primary)] transition-colors">Компании до 200 человек</h3><p class="text-[var(--on-surface-variant)] text-sm leading-relaxed mb-4">Организации, которым не нужны сложные enterprise-решения</p><div class="flex items-center gap-2 text-sm text-[var(--primary)] opacity-0 group-hover:opacity-100 transition-opacity"><span>Подробнее</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div><div class="relative bg-gradient-to-br from-[var(--primary)] to-[var(--primary-gradient-start)] rounded-2xl p-6 lg:p-8 text-white overflow-hidden group animate-fade-in-up" style="animation-delay:500ms"><div class="absolute w-2 h-2 bg-white/20 rounded-full animate-float" style="left:20%;top:10%;animation-delay:0ms;animation-duration:2s"></div><div class="absolute w-2 h-2 bg-white/20 rounded-full animate-float" style="left:35%;top:30%;animation-delay:200ms;animation-duration:2.5s"></div><div class="absolute w-2 h-2 bg-white/20 rounded-full animate-float" style="left:50%;top:50%;animation-delay:400ms;animation-duration:3s"></div><div class="absolute w-2 h-2 bg-white/20 rounded-full animate-float" style="left:65%;top:70%;animation-delay:600ms;animation-duration:3.5s"></div><div class="absolute w-2 h-2 bg-white/20 rounded-full animate-float" style="left:80%;top:90%;animation-delay:800ms;animation-duration:4s"></div><div class="relative"><div class="w-14 h-14 rounded-xl bg-white/10 backdrop-blur flex items-center justify-center mb-5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-7 h-7 text-white"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></div><h3 class="font-[family-name:var(--font-manrope)] font-semibold text-xl mb-3">Это про вас?</h3><p class="text-white/80 text-sm leading-relaxed mb-6">Начните использовать ApprovalUp уже сегодня и наведите порядок в доступах.</p><button class="w-full py-3 px-6 bg-white text-[var(--primary)] rounded-xl font-semibold hover:bg-white/90 transition-all hover:scale-[1.02] active:scale-[0.98] group/btn flex items-center justify-center gap-2">Попробовать бесплатно<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 group-hover/btn:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div></div></div></section><section class="py-20 lg:py-32 bg-[var(--surface)] relative overflow-hidden"><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-gradient-to-r from-[var(--primary)]/[0.03] to-transparent rounded-full blur-3xl"></div><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative"><div class="text-center max-w-3xl mx-auto mb-16 animate-fade-in-up"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-[var(--primary)]/10 mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award w-4 h-4 text-[var(--primary)]"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg><span class="text-xs font-medium text-[var(--primary)] uppercase tracking-wide">Преимущества</span></div><h2 class="font-[family-name:var(--font-manrope)] text-3xl sm:text-4xl lg:text-5xl font-bold text-[var(--on-surface)] leading-tight mb-6">Почему компании <span class="text-gradient">выбирают нас</span></h2></div><div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8"><div class="group relative bg-[var(--surface-container-lowest)] rounded-2xl p-6 interactive-card overflow-hidden animate-fade-in-up" style="animation-delay:0ms"><div class="absolute inset-0 bg-gradient-to-br from-amber-400 to-orange-500 opacity-0 group-hover:opacity-5 transition-opacity duration-500"></div><div class="absolute -top-10 -right-10 w-20 h-20 rounded-full bg-amber-500/10 opacity-0 group-hover:opacity-100 transition-all duration-500 group-hover:scale-[3]"></div><div class="relative flex items-start gap-5"><div class="relative w-14 h-14 rounded-xl bg-amber-500/10 flex items-center justify-center shrink-0 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-7 h-7 text-[var(--primary)]"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><div class="absolute inset-0 rounded-xl bg-gradient-to-br from-amber-400 to-orange-500 opacity-0 group-hover:opacity-30 blur-xl transition-opacity duration-300"></div></div><div class="flex-1"><h3 class="font-[family-name:var(--font-manrope)] font-semibold text-[var(--on-surface)] mb-2 group-hover:text-[var(--primary)] transition-colors">Простое управление доступами</h3><p class="text-sm text-[var(--on-surface-variant)] leading-relaxed">Интуитивный интерфейс без сложных настроек</p><div class="flex items-center gap-1 mt-3 text-sm text-[var(--primary)] transition-all duration-300 opacity-0 -translate-x-2"><span>Подробнее</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div><div class="absolute bottom-0 left-0 h-0.5 bg-gradient-to-r from-transparent via-[var(--primary)] to-transparent transition-all duration-500" style="width:0%"></div></div><div class="group relative bg-[var(--surface-container-lowest)] rounded-2xl p-6 interactive-card overflow-hidden animate-fade-in-up" style="animation-delay:100ms"><div class="absolute inset-0 bg-gradient-to-br from-green-400 to-emerald-500 opacity-0 group-hover:opacity-5 transition-opacity duration-500"></div><div class="absolute -top-10 -right-10 w-20 h-20 rounded-full bg-green-500/10 opacity-0 group-hover:opacity-100 transition-all duration-500 group-hover:scale-[3]"></div><div class="relative flex items-start gap-5"><div class="relative w-14 h-14 rounded-xl bg-green-500/10 flex items-center justify-center shrink-0 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-spreadsheet w-7 h-7 text-[var(--primary)]"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M8 13h2"></path><path d="M14 13h2"></path><path d="M8 17h2"></path><path d="M14 17h2"></path></svg><div class="absolute inset-0 rounded-xl bg-gradient-to-br from-green-400 to-emerald-500 opacity-0 group-hover:opacity-30 blur-xl transition-opacity duration-300"></div></div><div class="flex-1"><h3 class="font-[family-name:var(--font-manrope)] font-semibold text-[var(--on-surface)] mb-2 group-hover:text-[var(--primary)] transition-colors">Замена Excel и Google Sheets</h3><p class="text-sm text-[var(--on-surface-variant)] leading-relaxed">Профессиональное решение вместо таблиц</p><div class="flex items-center gap-1 mt-3 text-sm text-[var(--primary)] transition-all duration-300 opacity-0 -translate-x-2"><span>Подробнее</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div><div class="absolute bottom-0 left-0 h-0.5 bg-gradient-to-r from-transparent via-[var(--primary)] to-transparent transition-all duration-500" style="width:0%"></div></div><div class="group relative bg-[var(--surface-container-lowest)] rounded-2xl p-6 interactive-card overflow-hidden animate-fade-in-up" style="animation-delay:200ms"><div class="absolute inset-0 bg-gradient-to-br from-blue-400 to-cyan-500 opacity-0 group-hover:opacity-5 transition-opacity duration-500"></div><div class="absolute -top-10 -right-10 w-20 h-20 rounded-full bg-blue-500/10 opacity-0 group-hover:opacity-100 transition-all duration-500 group-hover:scale-[3]"></div><div class="relative flex items-start gap-5"><div class="relative w-14 h-14 rounded-xl bg-blue-500/10 flex items-center justify-center shrink-0 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock w-7 h-7 text-[var(--primary)]"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg><div class="absolute inset-0 rounded-xl bg-gradient-to-br from-blue-400 to-cyan-500 opacity-0 group-hover:opacity-30 blur-xl transition-opacity duration-300"></div></div><div class="flex-1"><h3 class="font-[family-name:var(--font-manrope)] font-semibold text-[var(--on-surface)] mb-2 group-hover:text-[var(--primary)] transition-colors">Безопасность без сложных систем</h3><p class="text-sm text-[var(--on-surface-variant)] leading-relaxed">Надёжное хранение без enterprise-решений</p><div class="flex items-center gap-1 mt-3 text-sm text-[var(--primary)] transition-all duration-300 opacity-0 -translate-x-2"><span>Подробнее</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div><div class="absolute bottom-0 left-0 h-0.5 bg-gradient-to-r from-transparent via-[var(--primary)] to-transparent transition-all duration-500" style="width:0%"></div></div><div class="group relative bg-[var(--surface-container-lowest)] rounded-2xl p-6 interactive-card overflow-hidden animate-fade-in-up" style="animation-delay:300ms"><div class="absolute inset-0 bg-gradient-to-br from-purple-400 to-pink-500 opacity-0 group-hover:opacity-5 transition-opacity duration-500"></div><div class="absolute -top-10 -right-10 w-20 h-20 rounded-full bg-purple-500/10 opacity-0 group-hover:opacity-100 transition-all duration-500 group-hover:scale-[3]"></div><div class="relative flex items-start gap-5"><div class="relative w-14 h-14 rounded-xl bg-purple-500/10 flex items-center justify-center shrink-0 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-7 h-7 text-[var(--primary)]"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg><div class="absolute inset-0 rounded-xl bg-gradient-to-br from-purple-400 to-pink-500 opacity-0 group-hover:opacity-30 blur-xl transition-opacity duration-300"></div></div><div class="flex-1"><h3 class="font-[family-name:var(--font-manrope)] font-semibold text-[var(--on-surface)] mb-2 group-hover:text-[var(--primary)] transition-colors">Быстрый старт без внедрения</h3><p class="text-sm text-[var(--on-surface-variant)] leading-relaxed">Начните работать за 5 минут</p><div class="flex items-center gap-1 mt-3 text-sm text-[var(--primary)] transition-all duration-300 opacity-0 -translate-x-2"><span>Подробнее</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div><div class="absolute bottom-0 left-0 h-0.5 bg-gradient-to-r from-transparent via-[var(--primary)] to-transparent transition-all duration-500" style="width:0%"></div></div><div class="group relative bg-[var(--surface-container-lowest)] rounded-2xl p-6 interactive-card overflow-hidden animate-fade-in-up" style="animation-delay:400ms"><div class="absolute inset-0 bg-gradient-to-br from-indigo-400 to-blue-500 opacity-0 group-hover:opacity-5 transition-opacity duration-500"></div><div class="absolute -top-10 -right-10 w-20 h-20 rounded-full bg-indigo-500/10 opacity-0 group-hover:opacity-100 transition-all duration-500 group-hover:scale-[3]"></div><div class="relative flex items-start gap-5"><div class="relative w-14 h-14 rounded-xl bg-indigo-500/10 flex items-center justify-center shrink-0 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-7 h-7 text-[var(--primary)]"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><div class="absolute inset-0 rounded-xl bg-gradient-to-br from-indigo-400 to-blue-500 opacity-0 group-hover:opacity-30 blur-xl transition-opacity duration-300"></div></div><div class="flex-1"><h3 class="font-[family-name:var(--font-manrope)] font-semibold text-[var(--on-surface)] mb-2 group-hover:text-[var(--primary)] transition-colors">Контроль всей команды</h3><p class="text-sm text-[var(--on-surface-variant)] leading-relaxed">Все доступы и сотрудники в одном месте</p><div class="flex items-center gap-1 mt-3 text-sm text-[var(--primary)] transition-all duration-300 opacity-0 -translate-x-2"><span>Подробнее</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div><div class="absolute bottom-0 left-0 h-0.5 bg-gradient-to-r from-transparent via-[var(--primary)] to-transparent transition-all duration-500" style="width:0%"></div></div><div class="group relative bg-[var(--surface-container-lowest)] rounded-2xl p-6 interactive-card overflow-hidden animate-fade-in-up" style="animation-delay:500ms"><div class="absolute inset-0 bg-gradient-to-br from-rose-400 to-red-500 opacity-0 group-hover:opacity-5 transition-opacity duration-500"></div><div class="absolute -top-10 -right-10 w-20 h-20 rounded-full bg-rose-500/10 opacity-0 group-hover:opacity-100 transition-all duration-500 group-hover:scale-[3]"></div><div class="relative flex items-start gap-5"><div class="relative w-14 h-14 rounded-xl bg-rose-500/10 flex items-center justify-center shrink-0 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award w-7 h-7 text-[var(--primary)]"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg><div class="absolute inset-0 rounded-xl bg-gradient-to-br from-rose-400 to-red-500 opacity-0 group-hover:opacity-30 blur-xl transition-opacity duration-300"></div></div><div class="flex-1"><h3 class="font-[family-name:var(--font-manrope)] font-semibold text-[var(--on-surface)] mb-2 group-hover:text-[var(--primary)] transition-colors">Создано для вас</h3><p class="text-sm text-[var(--on-surface-variant)] leading-relaxed">Специально для малого и среднего бизнеса</p><div class="flex items-center gap-1 mt-3 text-sm text-[var(--primary)] transition-all duration-300 opacity-0 -translate-x-2"><span>Подробнее</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></div></div><div class="absolute bottom-0 left-0 h-0.5 bg-gradient-to-r from-transparent via-[var(--primary)] to-transparent transition-all duration-500" style="width:0%"></div></div></div><div class="mt-12 text-center animate-fade-in-up delay-700"><div class="inline-flex flex-wrap items-center justify-center gap-4 lg:gap-8 p-4 bg-[var(--surface-container-lowest)] rounded-2xl ambient-shadow-sm"><div class="flex items-center gap-2 px-4 py-2 group cursor-default"><span class="font-bold text-[var(--primary)] group-hover:scale-110 transition-transform">AES-256</span><span class="text-sm text-[var(--on-surface-variant)]">Безопасность</span></div><div class="flex items-center gap-2 px-4 py-2 group cursor-default"><span class="font-bold text-[var(--primary)] group-hover:scale-110 transition-transform">99.9%</span><span class="text-sm text-[var(--on-surface-variant)]">Доступность</span></div><div class="flex items-center gap-2 px-4 py-2 group cursor-default"><span class="font-bold text-[var(--primary)] group-hover:scale-110 transition-transform">24/7</span><span class="text-sm text-[var(--on-surface-variant)]">Поддержка</span></div><div class="flex items-center gap-2 px-4 py-2 group cursor-default"><span class="font-bold text-[var(--primary)] group-hover:scale-110 transition-transform">15,000+</span><span class="text-sm text-[var(--on-surface-variant)]">Пользователей</span></div></div></div></div></section><section id="pricing" class="py-20 lg:py-32 bg-[var(--surface-container-low)] relative overflow-hidden"><div class="absolute top-0 right-0 w-1/3 h-1/2 bg-[var(--primary)]/[0.02] rounded-bl-[200px]"></div><div class="absolute bottom-0 left-0 w-1/4 h-1/3 bg-[var(--primary)]/[0.02] rounded-tr-[200px]"></div><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative"><div class="text-center max-w-3xl mx-auto mb-16 animate-fade-in-up"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-[var(--surface-container-lowest)] ambient-shadow-sm mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-4 h-4 text-[var(--primary)]"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg><span class="text-xs font-medium text-[var(--on-surface-variant)] uppercase tracking-wide">Тарифы</span></div><h2 class="font-[family-name:var(--font-manrope)] text-3xl sm:text-4xl lg:text-5xl font-bold text-[var(--on-surface)] leading-tight mb-6">Доступно для <span class="text-gradient">любого бизнеса</span></h2><p class="text-lg text-[var(--on-surface-variant)] leading-relaxed mb-10">Начать можно бесплатно. Платите только когда команда растет.</p><div class="inline-flex items-center p-1.5 bg-[var(--surface-container-lowest)] rounded-2xl ambient-shadow-sm mb-8"><button class="px-6 py-2.5 rounded-xl text-sm font-bold transition-all relative bg-[var(--primary)] text-white shadow-lg shadow-indigo-200">1 месяц</button><button class="px-6 py-2.5 rounded-xl text-sm font-bold transition-all relative text-[var(--on-surface-variant)] hover:bg-[var(--surface-container-low)]">6 месяцев<span class="absolute -top-2 -right-2 px-1.5 py-0.5 rounded-md text-[8px] font-black bg-[var(--surface-container-low)] text-slate-500">-8%</span></button><button class="px-6 py-2.5 rounded-xl text-sm font-bold transition-all relative text-[var(--on-surface-variant)] hover:bg-[var(--surface-container-low)]">12 месяцев<span class="absolute -top-2 -right-2 px-1.5 py-0.5 rounded-md text-[8px] font-black bg-[var(--surface-container-low)] text-slate-500">-15%</span></button></div></div><div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6"><div class="relative bg-[var(--surface-container-lowest)] rounded-3xl p-6 lg:p-8 transition-all duration-500 cursor-pointer ambient-shadow-sm hover:ambient-shadow animate-fade-in-up" style="animation-delay:0ms"><div class="absolute inset-0 rounded-3xl bg-gradient-to-br from-slate-400 to-slate-500 opacity-0 transition-opacity duration-300 "></div><div class="w-12 h-12 rounded-2xl bg-gradient-to-br from-slate-400 to-slate-500 flex items-center justify-center mb-6 transition-transform duration-300 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-6 h-6 text-white"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div><div class="mb-4"><h3 class="font-[family-name:var(--font-manrope)] font-bold text-xl text-[var(--on-surface)] mb-1">Бесплатно</h3><p class="text-sm text-[var(--on-surface-variant)]">Для небольших команд</p></div><div class="mb-2"><div class="flex items-baseline gap-1"><span class="font-[family-name:var(--font-manrope)] text-3xl font-bold text-[var(--on-surface)]">Бесплатно</span></div></div><div class="inline-flex items-center gap-2 px-3 py-1.5 bg-[var(--surface-container-low)] rounded-full mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-3.5 h-3.5 text-[var(--on-surface-variant)]"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><span class="text-xs text-[var(--on-surface-variant)]">до 10 пользователей</span></div><ul class="space-y-3 mb-8"><li class="flex items-center gap-3 transition-all duration-300 " style="transition-delay:0ms"><div class="w-5 h-5 rounded-full bg-green-100 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-green-600"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm text-[var(--on-surface-variant)]">Неограниченно сервисов</span></li><li class="flex items-center gap-3 transition-all duration-300 " style="transition-delay:50ms"><div class="w-5 h-5 rounded-full bg-green-100 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-green-600"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm text-[var(--on-surface-variant)]">История изменений</span></li><li class="flex items-center gap-3 transition-all duration-300 " style="transition-delay:100ms"><div class="w-5 h-5 rounded-full bg-green-100 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-green-600"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm text-[var(--on-surface-variant)]">Безопасность</span></li><li class="flex items-center gap-3 transition-all duration-300 " style="transition-delay:150ms"><div class="w-5 h-5 rounded-full bg-[var(--surface-container-high)] flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-3 h-3 text-[var(--on-surface-variant)]/50"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><span class="text-sm text-[var(--on-surface-variant)]/50 line-through">ИИ анализ сервисов</span></li></ul><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-9 px-4 has-[>svg]:px-3 w-full rounded-xl py-6 group relative overflow-hidden bg-[var(--surface-container-low)] text-[var(--on-surface)] hover:bg-[var(--surface-container-high)] border border-[var(--ghost-border)] relative" data-slot="button" href="/register"><span class="relative z-10 flex items-center justify-center gap-2">Начать бесплатно<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 transition-transform group-hover:translate-x-1 opacity-0 group-hover:opacity-100"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a></div><div class="relative bg-[var(--surface-container-lowest)] rounded-3xl p-6 lg:p-8 transition-all duration-500 cursor-pointer ring-2 ring-[var(--primary)] ambient-shadow-lg scale-105 z-10 animate-fade-in-up" style="animation-delay:100ms"><div class="absolute -top-4 left-1/2 -translate-x-1/2"><div class="relative"><div class="px-4 py-1.5 btn-gradient rounded-full text-white text-xs font-semibold">Популярный</div><div class="absolute inset-0 btn-gradient rounded-full animate-pulse opacity-50 blur-sm"></div></div></div><div class="absolute inset-0 rounded-3xl bg-gradient-to-br from-[var(--primary-gradient-start)] to-[var(--primary-gradient-end)] opacity-0 transition-opacity duration-300 "></div><div class="w-12 h-12 rounded-2xl bg-gradient-to-br from-[var(--primary-gradient-start)] to-[var(--primary-gradient-end)] flex items-center justify-center mb-6 transition-transform duration-300 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-6 h-6 text-white"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><div class="mb-4"><h3 class="font-[family-name:var(--font-manrope)] font-bold text-xl text-[var(--on-surface)] mb-1">Стартовый</h3><p class="text-sm text-[var(--on-surface-variant)]">Для растущих команд</p></div><div class="mb-2"><div class="flex items-baseline gap-1"><span class="font-[family-name:var(--font-manrope)] text-3xl font-bold text-[var(--on-surface)] tabular-nums">990</span><span class="text-lg text-[var(--on-surface)]">р</span><span class="text-[var(--on-surface-variant)] text-sm">/мес</span></div><p class="text-xs text-[var(--primary)] mt-1 font-medium">33<!-- --> р за пользователя/мес</p></div><div class="inline-flex items-center gap-2 px-3 py-1.5 bg-[var(--surface-container-low)] rounded-full mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-3.5 h-3.5 text-[var(--on-surface-variant)]"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><span class="text-xs text-[var(--on-surface-variant)]">до 30 пользователей</span></div><ul class="space-y-3 mb-8"><li class="flex items-center gap-3 transition-all duration-300 " style="transition-delay:0ms"><div class="w-5 h-5 rounded-full bg-green-100 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-green-600"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm text-[var(--on-surface-variant)]">Неограниченно сервисов</span></li><li class="flex items-center gap-3 transition-all duration-300 " style="transition-delay:50ms"><div class="w-5 h-5 rounded-full bg-green-100 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-green-600"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm text-[var(--on-surface-variant)]">История изменений</span></li><li class="flex items-center gap-3 transition-all duration-300 " style="transition-delay:100ms"><div class="w-5 h-5 rounded-full bg-green-100 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-green-600"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm text-[var(--on-surface-variant)]">Безопасность</span></li><li class="flex items-center gap-3 transition-all duration-300 " style="transition-delay:150ms"><div class="w-5 h-5 rounded-full bg-[var(--primary)]/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cpu w-3 h-3 text-[var(--primary)]"><rect width="16" height="16" x="4" y="4" rx="2"></rect><rect width="6" height="6" x="9" y="9" rx="1"></rect><path d="M15 2v2"></path><path d="M15 20v2"></path><path d="M2 15h2"></path><path d="M2 9h2"></path><path d="M20 15h2"></path><path d="M20 9h2"></path><path d="M9 2v2"></path><path d="M9 20v2"></path></svg></div><span class="text-sm text-[var(--on-surface-variant)]">ИИ анализ сервисов</span></li></ul><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary hover:bg-primary/90 h-9 px-4 has-[>svg]:px-3 w-full rounded-xl py-6 group relative overflow-hidden btn-gradient text-white border-0 relative" data-slot="button" href="/register"><span class="relative z-10 flex items-center justify-center gap-2">Выбрать план<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span><div class="absolute inset-0 animate-shimmer"></div></a><div class="absolute -bottom-px left-4 right-4 h-1 bg-gradient-to-r from-transparent via-[var(--primary)] to-transparent rounded-full"></div></div><div class="relative bg-[var(--surface-container-lowest)] rounded-3xl p-6 lg:p-8 transition-all duration-500 cursor-pointer ambient-shadow-sm hover:ambient-shadow animate-fade-in-up" style="animation-delay:200ms"><div class="absolute inset-0 rounded-3xl bg-gradient-to-br from-blue-500 to-cyan-500 opacity-0 transition-opacity duration-300 "></div><div class="w-12 h-12 rounded-2xl bg-gradient-to-br from-blue-500 to-cyan-500 flex items-center justify-center mb-6 transition-transform duration-300 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-6 h-6 text-white"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></div><div class="mb-4"><h3 class="font-[family-name:var(--font-manrope)] font-bold text-xl text-[var(--on-surface)] mb-1">Бизнес</h3><p class="text-sm text-[var(--on-surface-variant)]">Для средних компаний</p></div><div class="mb-2"><div class="flex items-baseline gap-1"><span class="font-[family-name:var(--font-manrope)] text-3xl font-bold text-[var(--on-surface)] tabular-nums">2090</span><span class="text-lg text-[var(--on-surface)]">р</span><span class="text-[var(--on-surface-variant)] text-sm">/мес</span></div><p class="text-xs text-[var(--primary)] mt-1 font-medium">35<!-- --> р за пользователя/мес</p></div><div class="inline-flex items-center gap-2 px-3 py-1.5 bg-[var(--surface-container-low)] rounded-full mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-3.5 h-3.5 text-[var(--on-surface-variant)]"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><span class="text-xs text-[var(--on-surface-variant)]">до 60 пользователей</span></div><ul class="space-y-3 mb-8"><li class="flex items-center gap-3 transition-all duration-300 " style="transition-delay:0ms"><div class="w-5 h-5 rounded-full bg-green-100 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-green-600"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm text-[var(--on-surface-variant)]">Неограниченно сервисов</span></li><li class="flex items-center gap-3 transition-all duration-300 " style="transition-delay:50ms"><div class="w-5 h-5 rounded-full bg-green-100 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-green-600"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm text-[var(--on-surface-variant)]">История изменений</span></li><li class="flex items-center gap-3 transition-all duration-300 " style="transition-delay:100ms"><div class="w-5 h-5 rounded-full bg-green-100 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-green-600"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm text-[var(--on-surface-variant)]">Безопасность</span></li><li class="flex items-center gap-3 transition-all duration-300 " style="transition-delay:150ms"><div class="w-5 h-5 rounded-full bg-[var(--primary)]/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cpu w-3 h-3 text-[var(--primary)]"><rect width="16" height="16" x="4" y="4" rx="2"></rect><rect width="6" height="6" x="9" y="9" rx="1"></rect><path d="M15 2v2"></path><path d="M15 20v2"></path><path d="M2 15h2"></path><path d="M2 9h2"></path><path d="M20 15h2"></path><path d="M20 9h2"></path><path d="M9 2v2"></path><path d="M9 20v2"></path></svg></div><span class="text-sm text-[var(--on-surface-variant)]">ИИ анализ сервисов</span></li></ul><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-9 px-4 has-[>svg]:px-3 w-full rounded-xl py-6 group relative overflow-hidden bg-[var(--surface-container-low)] text-[var(--on-surface)] hover:bg-[var(--surface-container-high)] border border-[var(--ghost-border)] relative" data-slot="button" href="/register"><span class="relative z-10 flex items-center justify-center gap-2">Выбрать план<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 transition-transform group-hover:translate-x-1 opacity-0 group-hover:opacity-100"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a></div><div class="relative bg-[var(--surface-container-lowest)] rounded-3xl p-6 lg:p-8 transition-all duration-500 cursor-pointer ambient-shadow-sm hover:ambient-shadow animate-fade-in-up" style="animation-delay:300ms"><div class="absolute inset-0 rounded-3xl bg-gradient-to-br from-amber-500 to-orange-500 opacity-0 transition-opacity duration-300 "></div><div class="w-12 h-12 rounded-2xl bg-gradient-to-br from-amber-500 to-orange-500 flex items-center justify-center mb-6 transition-transform duration-300 "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cpu w-6 h-6 text-white"><rect width="16" height="16" x="4" y="4" rx="2"></rect><rect width="6" height="6" x="9" y="9" rx="1"></rect><path d="M15 2v2"></path><path d="M15 20v2"></path><path d="M2 15h2"></path><path d="M2 9h2"></path><path d="M20 15h2"></path><path d="M20 9h2"></path><path d="M9 2v2"></path><path d="M9 20v2"></path></svg></div><div class="mb-4"><h3 class="font-[family-name:var(--font-manrope)] font-bold text-xl text-[var(--on-surface)] mb-1">Корпоративный</h3><p class="text-sm text-[var(--on-surface-variant)]">Для крупных компаний</p></div><div class="mb-2"><div class="flex items-baseline gap-1"><span class="font-[family-name:var(--font-manrope)] text-3xl font-bold text-[var(--on-surface)] tabular-nums">3790</span><span class="text-lg text-[var(--on-surface)]">р</span><span class="text-[var(--on-surface-variant)] text-sm">/мес</span></div><p class="text-xs text-[var(--primary)] mt-1 font-medium">38<!-- --> р за пользователя/мес</p></div><div class="inline-flex items-center gap-2 px-3 py-1.5 bg-[var(--surface-container-low)] rounded-full mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-3.5 h-3.5 text-[var(--on-surface-variant)]"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><span class="text-xs text-[var(--on-surface-variant)]">до 100 пользователей</span></div><ul class="space-y-3 mb-8"><li class="flex items-center gap-3 transition-all duration-300 " style="transition-delay:0ms"><div class="w-5 h-5 rounded-full bg-green-100 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-green-600"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm text-[var(--on-surface-variant)]">Неограниченно сервисов</span></li><li class="flex items-center gap-3 transition-all duration-300 " style="transition-delay:50ms"><div class="w-5 h-5 rounded-full bg-green-100 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-green-600"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm text-[var(--on-surface-variant)]">История изменений</span></li><li class="flex items-center gap-3 transition-all duration-300 " style="transition-delay:100ms"><div class="w-5 h-5 rounded-full bg-green-100 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-green-600"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-sm text-[var(--on-surface-variant)]">Безопасность</span></li><li class="flex items-center gap-3 transition-all duration-300 " style="transition-delay:150ms"><div class="w-5 h-5 rounded-full bg-[var(--primary)]/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cpu w-3 h-3 text-[var(--primary)]"><rect width="16" height="16" x="4" y="4" rx="2"></rect><rect width="6" height="6" x="9" y="9" rx="1"></rect><path d="M15 2v2"></path><path d="M15 20v2"></path><path d="M2 15h2"></path><path d="M2 9h2"></path><path d="M20 15h2"></path><path d="M20 9h2"></path><path d="M9 2v2"></path><path d="M9 20v2"></path></svg></div><span class="text-sm text-[var(--on-surface-variant)]">ИИ анализ сервисов</span></li></ul><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-9 px-4 has-[>svg]:px-3 w-full rounded-xl py-6 group relative overflow-hidden bg-[var(--surface-container-low)] text-[var(--on-surface)] hover:bg-[var(--surface-container-high)] border border-[var(--ghost-border)] relative" data-slot="button" href="/register"><span class="relative z-10 flex items-center justify-center gap-2">Выбрать план<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 transition-transform group-hover:translate-x-1 opacity-0 group-hover:opacity-100"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a></div></div></div></section><section id="faq" class="py-20 lg:py-32 bg-[var(--surface-container-low)] relative overflow-hidden"><div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 relative"><div class="text-center mb-16 animate-fade-in-up"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-[var(--surface-container-lowest)] ambient-shadow-sm mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-help w-4 h-4 text-[var(--primary)]"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><path d="M12 17h.01"></path></svg><span class="text-xs font-medium text-[var(--on-surface-variant)] uppercase tracking-wide">FAQ</span></div><h2 class="font-[family-name:var(--font-manrope)] text-3xl sm:text-4xl lg:text-5xl font-bold text-[var(--on-surface)] leading-tight mb-6">Часто задаваемые <span class="text-gradient">вопросы</span></h2><p class="text-lg text-[var(--on-surface-variant)] leading-relaxed">Ответы на популярные вопросы о нашем сервисе</p></div><div class="space-y-4"><div class="bg-[var(--surface-container-lowest)] rounded-2xl overflow-hidden transition-all duration-300 ambient-shadow-sm hover:ambient-shadow animate-fade-in-up" style="animation-delay:0ms"><button class="w-full px-6 py-5 flex items-center justify-between text-left group"><div class="flex items-center gap-4"><span class="text-[10px] px-2 py-1 rounded-full font-medium transition-colors bg-[var(--primary)]/10 text-[var(--primary)]">Хранение</span><span class="font-[family-name:var(--font-manrope)] font-semibold text-[var(--on-surface)] group-hover:text-[var(--primary)] transition-colors">Как хранить пароли в компании?</span></div><div class="w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-[var(--surface-container-low)] group-hover:bg-[var(--primary)]/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 transition-colors text-[var(--on-surface-variant)]"><path d="m6 9 6 6 6-6"></path></svg></div></button><div class="overflow-hidden transition-all duration-300 ease-out max-h-0 opacity-0"><div class="px-6 pb-6 pt-0"><div class="pl-[calc(2.5rem+1rem)] border-l-2 border-[var(--primary)]/20"><p class="text-[var(--on-surface-variant)] leading-relaxed">В одном защищённом месте с доступом по ролям. ApprovalUp обеспечивает безопасное хранение всех паролей и доступов компании с разграничением прав для разных сотрудников и отделов.</p></div></div></div></div><div class="bg-[var(--surface-container-lowest)] rounded-2xl overflow-hidden transition-all duration-300 ambient-shadow-sm hover:ambient-shadow animate-fade-in-up" style="animation-delay:75ms"><button class="w-full px-6 py-5 flex items-center justify-between text-left group"><div class="flex items-center gap-4"><span class="text-[10px] px-2 py-1 rounded-full font-medium transition-colors bg-[var(--primary)]/10 text-[var(--primary)]">Миграция</span><span class="font-[family-name:var(--font-manrope)] font-semibold text-[var(--on-surface)] group-hover:text-[var(--primary)] transition-colors">Можно ли заменить Excel для паролей?</span></div><div class="w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-[var(--surface-container-low)] group-hover:bg-[var(--primary)]/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 transition-colors text-[var(--on-surface-variant)]"><path d="m6 9 6 6 6-6"></path></svg></div></button><div class="overflow-hidden transition-all duration-300 ease-out max-h-0 opacity-0"><div class="px-6 pb-6 pt-0"><div class="pl-[calc(2.5rem+1rem)] border-l-2 border-[var(--primary)]/20"><p class="text-[var(--on-surface-variant)] leading-relaxed">Да, система полностью заменяет таблицы и чаты. Вместо хаотичного хранения в Excel, Google Sheets или мессенджерах, вы получаете единую систему с историей изменений и контролем доступа.</p></div></div></div></div><div class="bg-[var(--surface-container-lowest)] rounded-2xl overflow-hidden transition-all duration-300 ambient-shadow-sm hover:ambient-shadow animate-fade-in-up" style="animation-delay:150ms"><button class="w-full px-6 py-5 flex items-center justify-between text-left group"><div class="flex items-center gap-4"><span class="text-[10px] px-2 py-1 rounded-full font-medium transition-colors bg-[var(--primary)]/10 text-[var(--primary)]">Управление</span><span class="font-[family-name:var(--font-manrope)] font-semibold text-[var(--on-surface)] group-hover:text-[var(--primary)] transition-colors">Как управлять доступами сотрудников?</span></div><div class="w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-[var(--surface-container-low)] group-hover:bg-[var(--primary)]/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 transition-colors text-[var(--on-surface-variant)]"><path d="m6 9 6 6 6-6"></path></svg></div></button><div class="overflow-hidden transition-all duration-300 ease-out max-h-0 opacity-0"><div class="px-6 pb-6 pt-0"><div class="pl-[calc(2.5rem+1rem)] border-l-2 border-[var(--primary)]/20"><p class="text-[var(--on-surface-variant)] leading-relaxed">Через простую панель управления в несколько кликов. Выдавайте и отзывайте доступы мгновенно, назначайте права по сотрудникам и отделам, отслеживайте все действия в истории.</p></div></div></div></div><div class="bg-[var(--surface-container-lowest)] rounded-2xl overflow-hidden transition-all duration-300 ambient-shadow-sm hover:ambient-shadow animate-fade-in-up" style="animation-delay:225ms"><button class="w-full px-6 py-5 flex items-center justify-between text-left group"><div class="flex items-center gap-4"><span class="text-[10px] px-2 py-1 rounded-full font-medium transition-colors bg-[var(--primary)]/10 text-[var(--primary)]">Настройка</span><span class="font-[family-name:var(--font-manrope)] font-semibold text-[var(--on-surface)] group-hover:text-[var(--primary)] transition-colors">Нужны ли интеграции?</span></div><div class="w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-[var(--surface-container-low)] group-hover:bg-[var(--primary)]/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 transition-colors text-[var(--on-surface-variant)]"><path d="m6 9 6 6 6-6"></path></svg></div></button><div class="overflow-hidden transition-all duration-300 ease-out max-h-0 opacity-0"><div class="px-6 pb-6 pt-0"><div class="pl-[calc(2.5rem+1rem)] border-l-2 border-[var(--primary)]/20"><p class="text-[var(--on-surface-variant)] leading-relaxed">Нет, сервис работает сразу после регистрации. Мы специально убрали сложные enterprise-интеграции, чтобы вы могли начать работать за 5 минут без долгого внедрения.</p></div></div></div></div><div class="bg-[var(--surface-container-lowest)] rounded-2xl overflow-hidden transition-all duration-300 ambient-shadow-sm hover:ambient-shadow animate-fade-in-up" style="animation-delay:300ms"><button class="w-full px-6 py-5 flex items-center justify-between text-left group"><div class="flex items-center gap-4"><span class="text-[10px] px-2 py-1 rounded-full font-medium transition-colors bg-[var(--primary)]/10 text-[var(--primary)]">Бизнес</span><span class="font-[family-name:var(--font-manrope)] font-semibold text-[var(--on-surface)] group-hover:text-[var(--primary)] transition-colors">Подходит ли для малого бизнеса?</span></div><div class="w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-[var(--surface-container-low)] group-hover:bg-[var(--primary)]/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 transition-colors text-[var(--on-surface-variant)]"><path d="m6 9 6 6 6-6"></path></svg></div></button><div class="overflow-hidden transition-all duration-300 ease-out max-h-0 opacity-0"><div class="px-6 pb-6 pt-0"><div class="pl-[calc(2.5rem+1rem)] border-l-2 border-[var(--primary)]/20"><p class="text-[var(--on-surface-variant)] leading-relaxed">Да, продукт создан именно для небольших команд. ApprovalUp идеально подходит для стартапов, агентств, IT-команд и компаний до 200 сотрудников, которым не нужны сложные решения.</p></div></div></div></div><div class="bg-[var(--surface-container-lowest)] rounded-2xl overflow-hidden transition-all duration-300 ambient-shadow-sm hover:ambient-shadow animate-fade-in-up" style="animation-delay:375ms"><button class="w-full px-6 py-5 flex items-center justify-between text-left group"><div class="flex items-center gap-4"><span class="text-[10px] px-2 py-1 rounded-full font-medium transition-colors bg-[var(--primary)]/10 text-[var(--primary)]">Безопасность</span><span class="font-[family-name:var(--font-manrope)] font-semibold text-[var(--on-surface)] group-hover:text-[var(--primary)] transition-colors">Насколько это безопасно?</span></div><div class="w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-[var(--surface-container-low)] group-hover:bg-[var(--primary)]/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 transition-colors text-[var(--on-surface-variant)]"><path d="m6 9 6 6 6-6"></path></svg></div></button><div class="overflow-hidden transition-all duration-300 ease-out max-h-0 opacity-0"><div class="px-6 pb-6 pt-0"><div class="pl-[calc(2.5rem+1rem)] border-l-2 border-[var(--primary)]/20"><p class="text-[var(--on-surface-variant)] leading-relaxed">Все данные хранятся в зашифрованном виде. Мы используем современные стандарты безопасности, чтобы защитить ваши доступы от несанкционированного использования.</p></div></div></div></div><div class="bg-[var(--surface-container-lowest)] rounded-2xl overflow-hidden transition-all duration-300 ambient-shadow-sm hover:ambient-shadow animate-fade-in-up" style="animation-delay:450ms"><button class="w-full px-6 py-5 flex items-center justify-between text-left group"><div class="flex items-center gap-4"><span class="text-[10px] px-2 py-1 rounded-full font-medium transition-colors bg-[var(--primary)]/10 text-[var(--primary)]">Тарифы</span><span class="font-[family-name:var(--font-manrope)] font-semibold text-[var(--on-surface)] group-hover:text-[var(--primary)] transition-colors">Можно ли попробовать бесплатно?</span></div><div class="w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-[var(--surface-container-low)] group-hover:bg-[var(--primary)]/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 transition-colors text-[var(--on-surface-variant)]"><path d="m6 9 6 6 6-6"></path></svg></div></button><div class="overflow-hidden transition-all duration-300 ease-out max-h-0 opacity-0"><div class="px-6 pb-6 pt-0"><div class="pl-[calc(2.5rem+1rem)] border-l-2 border-[var(--primary)]/20"><p class="text-[var(--on-surface-variant)] leading-relaxed">Да, вы можете начать с бесплатного тарифа для команд до 10 человек. Это позволит вам оценить все возможности системы без каких-либо обязательств.</p></div></div></div></div></div><div class="mt-12 text-center animate-fade-in-up delay-700"><div class="inline-flex flex-col sm:flex-row items-center gap-4 p-6 bg-[var(--surface-container-lowest)] rounded-2xl ambient-shadow-sm"><div class="w-12 h-12 rounded-full bg-[var(--primary)]/10 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-6 h-6 text-[var(--primary)]"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg></div><div class="text-center sm:text-left"><p class="font-semibold text-[var(--on-surface)]">Остались вопросы?</p><p class="text-sm text-[var(--on-surface-variant)]">Напишите нам, и мы поможем разобраться</p></div><a href="https://t.me/approvalup_support_bot" target="_blank" rel="noreferrer" class="btn-gradient text-white px-6 py-3 rounded-xl font-medium hover:scale-105 transition-transform">Написать в поддержку</a></div></div></div></section><section class="py-20 lg:py-32 bg-[var(--surface)]"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="relative overflow-hidden rounded-3xl bg-gradient-to-br from-[var(--primary)] to-[var(--primary-gradient-start)] p-8 lg:p-16 animate-scale-in"><div class="absolute inset-0 overflow-hidden"><div class="absolute top-0 right-0 w-96 h-96 opacity-10"><svg viewBox="0 0 400 400" fill="none" class="w-full h-full animate-rotate-slow"><circle cx="200" cy="200" r="150" stroke="white" stroke-width="1" stroke-dasharray="10 10"></circle><circle cx="200" cy="200" r="100" stroke="white" stroke-width="1"></circle><circle cx="200" cy="200" r="50" stroke="white" stroke-width="2"></circle></svg></div><div class="absolute w-2 h-2 bg-white/20 rounded-full animate-float" style="left:10%;top:20%;animation-delay:0s;animation-duration:3s"></div><div class="absolute w-2 h-2 bg-white/20 rounded-full animate-float" style="left:22%;top:50%;animation-delay:0.3s;animation-duration:3.5s"></div><div class="absolute w-2 h-2 bg-white/20 rounded-full animate-float" style="left:34%;top:80%;animation-delay:0.6s;animation-duration:4s"></div><div class="absolute w-2 h-2 bg-white/20 rounded-full animate-float" style="left:46%;top:20%;animation-delay:0.8999999999999999s;animation-duration:4.5s"></div><div class="absolute w-2 h-2 bg-white/20 rounded-full animate-float" style="left:58%;top:50%;animation-delay:1.2s;animation-duration:5s"></div><div class="absolute w-2 h-2 bg-white/20 rounded-full animate-float" style="left:70%;top:80%;animation-delay:1.5s;animation-duration:5.5s"></div><div class="absolute w-2 h-2 bg-white/20 rounded-full animate-float" style="left:82%;top:20%;animation-delay:1.7999999999999998s;animation-duration:6s"></div><div class="absolute w-2 h-2 bg-white/20 rounded-full animate-float" style="left:94%;top:50%;animation-delay:2.1s;animation-duration:6.5s"></div><div class="absolute inset-0 opacity-5" style="background-image:radial-gradient(white 1px, transparent 1px);background-size:30px 30px"></div></div><div class="relative"><div class="grid lg:grid-cols-2 gap-12 items-center"><div class="text-center lg:text-left"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/10 backdrop-blur mb-8 animate-fade-in-up delay-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-4 h-4 text-white"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg><span class="text-xs font-medium text-white uppercase tracking-wide">Присоединяйтесь к <!-- -->0<!-- -->+ компаниям</span></div><h2 class="font-[family-name:var(--font-manrope)] text-3xl sm:text-4xl lg:text-5xl font-bold text-white leading-tight mb-6 animate-fade-in-up delay-200">Наведите порядок в доступах вашей компании</h2><p class="text-lg sm:text-xl text-white/80 leading-relaxed mb-10 animate-fade-in-up delay-300">Перестаньте хранить пароли в чатах, Excel и заметках. Управляйте доступами просто, безопасно и недорого.</p><div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start animate-fade-in-up delay-400"><a data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-9 has-[>svg]:px-3 bg-white text-[var(--primary)] hover:bg-white/90 rounded-xl px-8 py-6 text-base font-semibold group relative overflow-hidden" href="/register"><span class="relative z-10 flex items-center">Начать бесплатно<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 w-5 h-5 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a><a data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-9 has-[>svg]:px-3 border-white/30 text-white hover:bg-white/10 rounded-xl px-8 py-6 text-base backdrop-blur" href="/login">Войти в кабинет</a></div></div><div class="animate-fade-in-right delay-300"><div class="bg-white/10 backdrop-blur rounded-2xl p-6 lg:p-8"><h3 class="text-white font-semibold mb-6">Что вы получите:</h3><div class="space-y-4"><div class="flex items-center gap-3 p-3 rounded-xl transition-all duration-300 bg-white/10"><div class="w-6 h-6 rounded-full bg-white/20 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-4 h-4 text-white"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-white/90">Бесплатный старт без карты</span></div><div class="flex items-center gap-3 p-3 rounded-xl transition-all duration-300 hover:bg-white/5"><div class="w-6 h-6 rounded-full bg-white/20 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-4 h-4 text-white"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-white/90">Настройка за 5 минут</span></div><div class="flex items-center gap-3 p-3 rounded-xl transition-all duration-300 hover:bg-white/5"><div class="w-6 h-6 rounded-full bg-white/20 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-4 h-4 text-white"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-white/90">Поддержка на русском языке</span></div><div class="flex items-center gap-3 p-3 rounded-xl transition-all duration-300 bg-white/10"><div class="w-6 h-6 rounded-full bg-white/20 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-4 h-4 text-white"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-white/90">Безопасное AES-256 шифрование</span></div><div class="flex items-center gap-3 p-3 rounded-xl transition-all duration-300 hover:bg-white/5"><div class="w-6 h-6 rounded-full bg-white/20 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-4 h-4 text-white"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-white/90">История всех изменений</span></div></div><div class="mt-6 pt-6 border-t border-white/10 grid grid-cols-3 gap-4"><div class="text-center"><p class="text-xl font-bold text-white">5 мин</p><p class="text-xs text-white/60">настройка</p></div><div class="text-center"><p class="text-xl font-bold text-white">24/7</p><p class="text-xs text-white/60">поддержка</p></div><div class="text-center"><p class="text-xl font-bold text-white">99.9%</p><p class="text-xs text-white/60">uptime</p></div></div></div></div></div></div></div></div></section></main><footer class="bg-[var(--surface-container-lowest)] pt-16 pb-8 relative overflow-hidden"><div class="absolute bottom-0 left-0 w-full h-40 bg-gradient-to-t from-[var(--primary)]/[0.02] to-transparent"></div><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative"><div class="bg-gradient-to-br from-[var(--primary)]/5 to-[var(--primary)]/10 rounded-2xl p-6 lg:p-8 mb-12"><div class="grid lg:grid-cols-2 gap-6 items-center"><div><h3 class="font-[family-name:var(--font-manrope)] font-bold text-xl text-[var(--on-surface)] mb-2">Будьте в курсе обновлений</h3><p class="text-[var(--on-surface-variant)] text-sm">Подпишитесь на рассылку и получайте советы по безопасности</p></div><form class="flex gap-3"><div class="flex-1 relative"><input type="email" placeholder="Ваш email" class="w-full px-4 py-3 bg-[var(--surface-container-lowest)] rounded-xl border border-[var(--ghost-border)] text-[var(--on-surface)] placeholder:text-[var(--on-surface-variant)] focus:outline-none focus:ring-2 focus:ring-[var(--primary)]/20 transition-all" value=""/></div><button type="submit" class="btn-gradient text-white px-6 py-3 rounded-xl font-medium hover:scale-105 transition-transform shrink-0">Подписаться</button></form></div></div><div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-8 lg:gap-12 pb-12"><div class="col-span-2 md:col-span-4 lg:col-span-1"><a class="inline-flex items-center gap-3 mb-6 group" href="/"><img src="/logo.svg" alt="" width="32" height="32" class="h-8 w-8 transition-transform group-hover:scale-110 group-hover:rotate-6"/><span class="font-[family-name:var(--font-manrope)] font-bold text-xl text-[var(--on-surface)] group-hover:text-[var(--primary)] transition-colors">ApprovalUp</span></a><p class="text-[var(--on-surface-variant)] text-sm leading-relaxed mb-6">Простая система управления доступами для малого и среднего бизнеса.</p><div class="flex gap-3"><a href="https://t.me/approvalup_support_bot" target="_blank" class="w-10 h-10 rounded-xl bg-[var(--surface-container-low)] flex items-center justify-center text-[var(--on-surface-variant)] hover:text-white hover:bg-[var(--primary)] transition-all hover:scale-110" aria-label="Telegram"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-5 h-5"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg></a><a href="mailto:support@approvalup.ru" target="_blank" class="w-10 h-10 rounded-xl bg-[var(--surface-container-low)] flex items-center justify-center text-[var(--on-surface-variant)] hover:text-white hover:bg-[var(--primary)] transition-all hover:scale-110" aria-label="Email"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-5 h-5"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></a></div></div><div><h4 class="font-[family-name:var(--font-manrope)] font-semibold text-[var(--on-surface)] text-sm mb-4">Продукт</h4><ul class="space-y-3"><li><a class="group inline-flex items-center gap-2 text-[var(--on-surface-variant)] hover:text-[var(--primary)] transition-colors text-sm" href="#features"><span class="animated-underline">Возможности</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></li><li><a class="group inline-flex items-center gap-2 text-[var(--on-surface-variant)] hover:text-[var(--primary)] transition-colors text-sm" href="#how-it-works"><span class="animated-underline">Как это работает</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></li><li><a class="group inline-flex items-center gap-2 text-[var(--on-surface-variant)] hover:text-[var(--primary)] transition-colors text-sm" href="#pricing"><span class="animated-underline">Тарифы</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></li><li><a class="group inline-flex items-center gap-2 text-[var(--on-surface-variant)] hover:text-[var(--primary)] transition-colors text-sm" href="#faq"><span class="animated-underline">FAQ</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></li></ul></div><div><h4 class="font-[family-name:var(--font-manrope)] font-semibold text-[var(--on-surface)] text-sm mb-4">Компания</h4><ul class="space-y-3"><li><a class="group inline-flex items-center gap-2 text-[var(--on-surface-variant)] hover:text-[var(--primary)] transition-colors text-sm" href="/about"><span class="animated-underline">О нас</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></li><li><a class="group inline-flex items-center gap-2 text-[var(--on-surface-variant)] hover:text-[var(--primary)] transition-colors text-sm" href="/blog"><span class="animated-underline">Блог</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></li><li><a class="group inline-flex items-center gap-2 text-[var(--on-surface-variant)] hover:text-[var(--primary)] transition-colors text-sm" href="/contacts"><span class="animated-underline">Контакты</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></li><li><a target="_blank" rel="noreferrer" class="group inline-flex items-center gap-2 text-[var(--on-surface-variant)] hover:text-[var(--primary)] transition-colors text-sm" href="https://approvalup.gitbook.io/approvalup-docs"><span class="animated-underline">База знаний</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></li></ul></div><div><h4 class="font-[family-name:var(--font-manrope)] font-semibold text-[var(--on-surface)] text-sm mb-4">Поддержка</h4><ul class="space-y-3"><li><a target="_blank" rel="noreferrer" class="group inline-flex items-center gap-2 text-[var(--on-surface-variant)] hover:text-[var(--primary)] transition-colors text-sm" href="https://t.me/approvalup_support_bot"><span class="animated-underline">Telegram Bot</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></li><li><a class="group inline-flex items-center gap-2 text-[var(--on-surface-variant)] hover:text-[var(--primary)] transition-colors text-sm" href="mailto:support@approvalup.ru"><span class="animated-underline">Email поддержка</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></li></ul></div><div><h4 class="font-[family-name:var(--font-manrope)] font-semibold text-[var(--on-surface)] text-sm mb-4">Правовая информация</h4><ul class="space-y-3"><li><a class="group inline-flex items-center gap-2 text-[var(--on-surface-variant)] hover:text-[var(--primary)] transition-colors text-sm" href="/legal/privacy"><span class="animated-underline">Политика конфиденциальности</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></li><li><a class="group inline-flex items-center gap-2 text-[var(--on-surface-variant)] hover:text-[var(--primary)] transition-colors text-sm" href="/legal/offer"><span class="animated-underline">Публичная оферта</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></li><li><a class="group inline-flex items-center gap-2 text-[var(--on-surface-variant)] hover:text-[var(--primary)] transition-colors text-sm" href="/legal/license"><span class="animated-underline">Лицензионное соглашение</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></li><li><a class="group inline-flex items-center gap-2 text-[var(--on-surface-variant)] hover:text-[var(--primary)] transition-colors text-sm" href="/legal/cookies"><span class="animated-underline">Cookie Policy</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></li><li><a class="group inline-flex items-center gap-2 text-[var(--on-surface-variant)] hover:text-[var(--primary)] transition-colors text-sm" href="/legal/details"><span class="animated-underline">Реквизиты</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></li></ul></div></div><div class="pt-8 border-t border-[var(--ghost-border)]"><div class="flex flex-col md:flex-row justify-between items-center gap-4"><p class="text-[var(--on-surface-variant)] text-sm">© <!-- -->2026<!-- --> ApprovalUp. Все права защищены.</p><p class="text-[var(--on-surface-variant)] text-sm flex items-center gap-1">Сделано с <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart w-4 h-4 text-red-500 animate-pulse"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg> о вашей безопасности</p></div></div></div></footer></div><!--$--><!--/$--><script src="/_next/static/chunks/64085c4aae2a82ce.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[86597,[\"/_next/static/chunks/5806f81f9ec1a703.js\"],\"ClientErrorReporter\"]\n3:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/a2dfb6fc5208ab9b.js\"],\"default\"]\n4:I[58298,[\"/_next/static/chunks/5806f81f9ec1a703.js\",\"/_next/static/chunks/69de46fe0bf12e5b.js\"],\"default\"]\n5:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/a2dfb6fc5208ab9b.js\"],\"default\"]\n6:I[32353,[\"/_next/static/chunks/5806f81f9ec1a703.js\",\"/_next/static/chunks/7e11922295e80857.js\",\"/_next/static/chunks/a55703b7aa83ec12.js\",\"/_next/static/chunks/28947eee5d5419fd.js\"],\"LandingHeader\"]\n1b:I[68027,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/a2dfb6fc5208ab9b.js\"],\"default\"]\n:HL[\"/_next/static/chunks/573a156303fcba6e.css\",\"style\"]\n:HL[\"/_next/static/chunks/fd3593baa6e6003f.css\",\"style\"]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/9c72aa0f40e4eef8-s.p.18a48cbc.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/a343f882a40d2cc9-s.p.71e1367e.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/d3fe2f289711ac3f-s.p.50575af1.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"Pwdp1s6Kw_-MhJeQOVwPs\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"(marketing)\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/573a156303fcba6e.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/fd3593baa6e6003f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/5806f81f9ec1a703.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"ru\",\"children\":[\"$\",\"body\",null,{\"className\":\"inter_e14c74cb-module__CpULYq__variable manrope_b757649e-module__VxvIbG__variable font-sans antialiased\",\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$4\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/69de46fe0bf12e5b.js\",\"async\":true}]],\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:0:props:children:1:props:children:props:children:1:props:notFound:0:1:props:style\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":\"$0:f:0:1:0:props:children:1:props:children:props:children:1:props:notFound:0:1:props:children:props:children:1:props:style\",\"children\":404}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:0:props:children:1:props:children:props:children:1:props:notFound:0:1:props:children:props:children:2:props:style\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$0:f:0:1:0:props:children:1:props:children:props:children:1:props:notFound:0:1:props:children:props:children:2:props:children:props:style\",\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"min-h-screen bg-[var(--surface)]\",\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"main\",null,{\"children\":[[\"$\",\"section\",null,{\"className\":\"relative pt-32 pb-20 lg:pt-40 lg:pb-32 overflow-hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-[var(--surface)]\"}],[\"$\",\"div\",null,{\"className\":\"absolute top-0 right-0 w-1/2 h-full bg-[var(--surface-container-low)] opacity-40\"}],[\"$\",\"div\",null,{\"className\":\"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid lg:grid-cols-2 gap-16 items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"max-w-xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-[var(--surface-container-lowest)] ambient-shadow-sm mb-8\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-2 h-2 rounded-full bg-[var(--primary)]\"}],[\"$\",\"span\",null,{\"className\":\"text-xs font-medium text-[var(--on-surface-variant)] uppercase tracking-wide\",\"children\":\"Для малого и среднего бизнеса\"}]]}],[\"$\",\"h1\",null,{\"className\":\"font-[family-name:var(--font-heading)] text-4xl sm:text-5xl lg:text-6xl font-bold text-[var(--on-surface)] leading-[1.1] mb-6 text-balance\",\"children\":[\"Простая система\",\" \",[\"$\",\"span\",null,{\"className\":\"text-gradient\",\"children\":\"управления доступами\"}],\" \",\"для бизнеса\"]}],\"$L7\",\"$L8\"]}],\"$L9\"]}]}]]}],\"$La\",\"$Lb\",\"$Lc\",\"$Ld\",\"$Le\",\"$Lf\",\"$L10\",\"$L11\",\"$L12\",\"$L13\"]}],\"$L14\",\"$L15\"]}],[\"$L16\",\"$L17\",\"$L18\"],\"$L19\"]}],{},null,false,false]},null,false,false]},null,false,false],\"$L1a\",false]],\"m\":\"$undefined\",\"G\":[\"$1b\",[]],\"S\":true}\n"])</script><script>self.__next_f.push([1,"1c:I[22016,[\"/_next/static/chunks/5806f81f9ec1a703.js\",\"/_next/static/chunks/7e11922295e80857.js\",\"/_next/static/chunks/a55703b7aa83ec12.js\",\"/_next/static/chunks/28947eee5d5419fd.js\"],\"\"]\n29:I[81945,[\"/_next/static/chunks/5806f81f9ec1a703.js\",\"/_next/static/chunks/7e11922295e80857.js\",\"/_next/static/chunks/a55703b7aa83ec12.js\",\"/_next/static/chunks/28947eee5d5419fd.js\"],\"SolutionSection\"]\n2a:I[73110,[\"/_next/static/chunks/5806f81f9ec1a703.js\",\"/_next/static/chunks/7e11922295e80857.js\",\"/_next/static/chunks/a55703b7aa83ec12.js\",\"/_next/static/chunks/28947eee5d5419fd.js\"],\"HowItWorksSection\"]\n31:I[5721,[\"/_next/static/chunks/5806f81f9ec1a703.js\",\"/_next/static/chunks/7e11922295e80857.js\",\"/_next/static/chunks/a55703b7aa83ec12.js\",\"/_next/static/chunks/28947eee5d5419fd.js\"],\"WhyUsSection\"]\n32:I[20485,[\"/_next/static/chunks/5806f81f9ec1a703.js\",\"/_next/static/chunks/7e11922295e80857.js\",\"/_next/static/chunks/a55703b7aa83ec12.js\",\"/_next/static/chunks/28947eee5d5419fd.js\"],\"ForWhomSection\"]\n33:I[41610,[\"/_next/static/chunks/5806f81f9ec1a703.js\",\"/_next/static/chunks/7e11922295e80857.js\",\"/_next/static/chunks/a55703b7aa83ec12.js\",\"/_next/static/chunks/28947eee5d5419fd.js\"],\"BenefitsSection\"]\n34:I[27578,[\"/_next/static/chunks/5806f81f9ec1a703.js\",\"/_next/static/chunks/7e11922295e80857.js\",\"/_next/static/chunks/a55703b7aa83ec12.js\",\"/_next/static/chunks/28947eee5d5419fd.js\"],\"PricingSection\"]\n35:I[3576,[\"/_next/static/chunks/5806f81f9ec1a703.js\",\"/_next/static/chunks/7e11922295e80857.js\",\"/_next/static/chunks/a55703b7aa83ec12.js\",\"/_next/static/chunks/28947eee5d5419fd.js\"],\"FAQSection\"]\n36:I[3835,[\"/_next/static/chunks/5806f81f9ec1a703.js\",\"/_next/static/chunks/7e11922295e80857.js\",\"/_next/static/chunks/a55703b7aa83ec12.js\",\"/_next/static/chunks/28947eee5d5419fd.js\"],\"CTASection\"]\n37:I[99655,[\"/_next/static/chunks/5806f81f9ec1a703.js\",\"/_next/static/chunks/7e11922295e80857.js\",\"/_next/static/chunks/a55703b7aa83ec12.js\",\"/_next/static/chunks/28947eee5d5419fd.js\"],\"Footer\"]\n38:I[21286,[\"/_next/static/chunks/5806f81f9ec1a703.js\",\"/_next/static/chunks/7e11922295e80857.js\",\"/_next/static/chunks/a55703b7aa83ec12.js\",\"/_next/static/chunks/28947eee5d5419fd.js\"],\"CookieBanner\"]\n39:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/a2dfb6fc5208ab9b.js\"],\"OutletBoundary\"]\n3a:\"$Sreact.suspense\"\n3c:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/a2dfb6fc5208ab9b.js\"],\"ViewportBoundary\"]\n3e:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/a2dfb6fc5208ab9b.js\"],\"MetadataBoundary\"]\n7:[\"$\",\"p\",null,{\"className\":\"text-lg text-[var(--on-surface-variant)] leading-relaxed mb-10 text-pretty\",\"children\":\"Управляйте доступами сотрудников, храните пароли команды и контролируйте, кто и когда имеет доступ к сервисам компании.\"}]\n8:[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row gap-4 mb-12\",\"children\":[\"$\",\"$L1c\",null,{\"href\":\"/register\",\"className\":\"inline-flex items-center justify-center gap-2 btn-gradient text-white border-0 rounded-xl px-8 py-4 text-base font-semibold\",\"children\":[\"Начать бесплатно\",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill