<?php
$allowedLangs = ['ru', 'kk'];
$uri = $_SERVER['REQUEST_URI'] ?? '';

$langFromUrl = '';

if (preg_match('~^/(ru|kk)(/|$)~', $uri, $matches)) {
    $langFromUrl = $matches[1];
}

$lang = $_GET['lang'] ?? $langFromUrl;

if (!in_array($lang, $allowedLangs, true)) {
    $cookieLang = $_COOKIE['ai_assistant_lang'] ?? '';

    if (in_array($cookieLang, $allowedLangs, true)) {
        header('Location: /' . $cookieLang . '/', true, 302);
        exit;
    }

    header('Location: /ru/', true, 302);
    exit;
}

setcookie('ai_assistant_lang', $lang, [
    'expires' => time() + 60 * 60 * 24 * 365,
    'path' => '/',
    'secure' => !empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off',
    'httponly' => true,
    'samesite' => 'Lax',
]);

$text = [
    'ru' => [
        'html_lang' => 'ru',
        'title' => 'AI ассистент для бизнеса в Казахстане',
        'description' => 'Настраиваем AI ассистентов для бизнеса: обработка заявок, ответы клиентам, помощь сотрудникам, тексты, документы и автоматизация рутины.',
        'nav_services' => 'Возможности',
        'nav_for' => 'Кому подойдёт',
        'nav_prices' => 'Цены',
        'nav_faq' => 'FAQ',
        'nav_contact' => 'Заявка',

        'hero_badge' => 'AI ассистенты для бизнеса по Казахстану',
        'hero_title' => 'Настроим AI ассистента под ваш бизнес',
        'hero_text' => 'Помощник сможет отвечать клиентам, собирать заявки, помогать менеджерам, готовить тексты, документы и внутренние инструкции.',
        'hero_btn' => 'Оставить заявку',
        'hero_whatsapp' => 'Написать в WhatsApp',
        'hero_note' => 'Оставьте заявку — покажем возможности AI ассистента для вашего бизнеса. Запуск от 20 000 ₸ в месяц.',

        'chat_title' => 'Пример диалога',
        'chat_subtitle' => 'AI агент для записи клиентов',
        'chat_user_1' => 'Здравствуйте! Хочу записаться на маникюр на 11 июля.',
        'chat_ai_1' => 'Здравствуйте! На 11 июля свободных окон уже нет.',
        'chat_ai_2' => 'Могу предложить 10 июля в 14:00 или 12 июля в 10:00. Какое время вам удобно?',
        'chat_user_3' => 'Давайте 10 июля в 14:00.',
        'chat_ai_3' => 'Отлично, записала вас на 10 июля в 14:00. Если нужно, могу сразу отправить подтверждение и адрес.',

        'stat_1_value' => '24/7',
        'stat_1_label' => 'отвечает клиентам',
        'stat_2_value' => '3',
        'stat_2_label' => 'пакета запуска',
        'stat_3_value' => '20k ₸',
        'stat_3_label' => 'стартовый тариф',

        'services_title' => 'Что умеет AI ассистент',
        'card_1_title' => 'Ответы клиентам',
        'card_1_text' => 'Отвечает на частые вопросы: услуги, цены, график, наличие, адрес, условия и другие обращения.',
        'card_2_title' => 'Помощь продажам',
        'card_2_text' => 'Помогает менеджерам быстрее готовить ответы, коммерческие предложения и сообщения клиентам.',
        'card_3_title' => 'Тексты и документы',
        'card_3_text' => 'Готовит инструкции, скрипты, описания услуг, письма, объявления, FAQ и внутренние материалы.',
        'card_4_title' => 'База знаний компании',
        'card_4_text' => 'Настраиваем помощника на основе информации вашей компании, чтобы ответы были полезными и по делу.',

        'for_title' => 'Кому подойдёт',
        'for_text' => 'Подходит для компаний, где много типовых вопросов, заявок, переписки с клиентами и повторяющихся задач сотрудников.',
        'fit_1' => 'Салоны красоты',
        'fit_2' => 'Клиники и медцентры',
        'fit_3' => 'Магазины и e-commerce',
        'fit_4' => 'Учебные центры',
        'fit_5' => 'Недвижимость',
        'fit_6' => 'HoReCa',
        'fit_7' => 'Бухгалтерия',
        'fit_8' => 'Консалтинг',
        'fit_side_title' => 'Где особенно полезно',
        'fit_side_text' => 'AI ассистент особенно полезен там, где менеджеры, администраторы или владельцы бизнеса тратят много времени на одни и те же ответы и действия.',
        'fit_side_note' => 'Автоматизация не заменяет ваш бизнес — она ускоряет обработку заявок, помогает не терять клиентов и разгружает сотрудников.',

        'process_title' => 'Как запускаем',
        'step_1' => 'Обсуждаем задачу и определяем, где AI даст наибольшую пользу.',
        'step_2' => 'Собираем информацию о компании, услугах, сценариях и вопросах клиентов.',
        'step_3' => 'Настраиваем AI ассистента под ваши процессы и тестовые сценарии.',
        'step_4' => 'Проверяем, дорабатываем и готовим к реальному использованию.',

        'prices_title' => 'Пакеты',
        'price_1_name' => 'Старт',
        'price_1_price' => '20 000 ₸ / месяц',
        'price_1_li_1' => '1 основной сценарий работы',
        'price_1_li_2' => 'Базовая настройка AI ассистента',
        'price_1_li_3' => 'Ответы по информации вашей компании',
        'price_1_li_4' => 'Подготовка простого FAQ',
        'price_1_li_5' => 'Инструкция по использованию',
        'price_1_li_6' => 'Базовая поддержка по запуску',

        'price_2_name' => 'Бизнес',
        'price_2_price' => '80 000 ₸ / месяц',
        'price_2_badge' => 'Оптимально',
        'price_2_li_1' => 'До 3 сценариев работы',
        'price_2_li_2' => 'Настройка базы знаний компании',
        'price_2_li_3' => 'Ответы клиентам по услугам, ценам и условиям',
        'price_2_li_4' => 'Сценарий сбора заявок',
        'price_2_li_5' => 'Помощь менеджерам с ответами клиентам',
        'price_2_li_6' => 'Подготовка текстов, сообщений и FAQ',
        'price_2_li_7' => 'Настройка под сайт, WhatsApp или Telegram по согласованию',
        'price_2_li_8' => 'Ежемесячная донастройка',
        'price_2_li_9' => 'Поддержка после запуска',

        'price_3_name' => 'Профи',
        'price_3_price' => '150 000 ₸ / месяц',
        'price_3_li_1' => 'Несколько AI ассистентов под разные задачи',
        'price_3_li_2' => 'Сценарии для продаж, поддержки и администраторов',
        'price_3_li_3' => 'Расширенная база знаний компании',
        'price_3_li_4' => 'Сложные цепочки вопросов и ответов',
        'price_3_li_5' => 'Автоматизация обработки заявок',
        'price_3_li_6' => 'Помощь в подготовке коммерческих предложений',
        'price_3_li_7' => 'Сценарии для сотрудников и внутренних инструкций',
        'price_3_li_8' => 'Интеграция с сайтом, формами или мессенджерами по согласованию',
        'price_3_li_9' => 'Анализ типовых вопросов клиентов',
        'price_3_li_10' => 'Регулярная оптимизация ответов',
        'price_3_li_11' => 'Приоритетная поддержка',
        'price_3_li_12' => 'Индивидуальные доработки по задаче',

        'form_title' => 'Оставьте заявку',
        'form_text' => 'Напишите, что хотите автоматизировать. Мы свяжемся с вами и предложим подходящий вариант.',
        'name' => 'Имя',
        'phone' => 'Телефон',
        'email' => 'Email',
        'company' => 'Компания',
        'message' => 'Что хотите автоматизировать?',
        'submit' => 'Отправить заявку',
        'success' => 'Заявка отправлена. Мы свяжемся с вами.',
        'error' => 'Не удалось отправить заявку. Напишите нам в WhatsApp.',

        'footer' => 'AI ассистент — настройка помощников для бизнеса по Казахстану',
    ],

    'kk' => [
        'html_lang' => 'kk',
        'title' => 'Қазақстандағы бизнеске арналған AI ассистент',
        'description' => 'Бизнеске арналған AI ассистенттерді баптаймыз: өтінімдерді өңдеу, клиенттерге жауап беру, қызметкерлерге көмек, мәтіндер мен құжаттар дайындау.',
        'nav_services' => 'Мүмкіндіктер',
        'nav_for' => 'Кімге қолайлы',
        'nav_prices' => 'Бағалар',
        'nav_faq' => 'FAQ',
        'nav_contact' => 'Өтінім',

        'hero_badge' => 'Қазақстан бойынша бизнеске арналған AI ассистенттер',
        'hero_title' => 'Бизнесіңізге AI ассистент баптаймыз',
        'hero_text' => 'Ассистент клиенттерге жауап береді, өтінім жинайды, менеджерлерге көмектеседі, мәтіндер, құжаттар және ішкі нұсқаулықтар дайындайды.',
        'hero_btn' => 'Өтінім қалдыру',
        'hero_whatsapp' => 'WhatsApp-қа жазу',
        'hero_note' => 'Өтінім қалдырыңыз — AI ассистенттің бизнесіңізге мүмкіндіктерін көрсетеміз. Іске қосу айына 20 000 ₸ бастап.',

        'chat_title' => 'Диалог үлгісі',
        'chat_subtitle' => 'Клиенттерді жазуға арналған AI агент',
        'chat_user_1' => 'Сәлеметсіз бе! 11 шілдеге маникюрге жазылғым келеді.',
        'chat_ai_1' => 'Сәлеметсіз бе! 11 шілдеге бос уақыт қалмады.',
        'chat_ai_2' => '10 шілде сағат 14:00 немесе 12 шілде сағат 10:00 ұсына аламын. Қай уақыт ыңғайлы?',
        'chat_user_3' => '10 шілде 14:00 болсын.',
        'chat_ai_3' => 'Жақсы, сізді 10 шілде 14:00-ге жаздым. Қажет болса, растауды және мекенжайды бірден жібере аламын.',

        'stat_1_value' => '24/7',
        'stat_1_label' => 'клиенттерге жауап',
        'stat_2_value' => '3',
        'stat_2_label' => 'іске қосу пакеті',
        'stat_3_value' => '20k ₸',
        'stat_3_label' => 'бастапқы тариф',

        'services_title' => 'AI ассистент не істей алады',
        'card_1_title' => 'Клиенттерге жауап',
        'card_1_text' => 'Қызметтер, бағалар, кесте, бар-жоғы, мекенжай, шарттар және басқа сұрақтарға жауап береді.',
        'card_2_title' => 'Сатуға көмек',
        'card_2_text' => 'Менеджерлерге жауаптар, коммерциялық ұсыныстар және клиенттерге хабарламалар дайындауға көмектеседі.',
        'card_3_title' => 'Мәтіндер мен құжаттар',
        'card_3_text' => 'Нұсқаулықтар, скрипттер, қызмет сипаттамалары, хаттар, хабарландырулар, FAQ және ішкі материалдар дайындайды.',
        'card_4_title' => 'Компанияның білім базасы',
        'card_4_text' => 'Ассистентті компанияңыздың ақпараты негізінде баптаймыз, сондықтан жауаптар нақты және пайдалы болады.',

        'for_title' => 'Кімге қолайлы',
        'for_text' => 'Көп типтік сұрақтары, өтінімдері, клиенттермен хат алмасуы және қайталанатын ішкі міндеттері бар компанияларға қолайлы.',
        'fit_1' => 'Сұлулық салондары',
        'fit_2' => 'Клиникалар мен медорталықтар',
        'fit_3' => 'Дүкендер және e-commerce',
        'fit_4' => 'Оқу орталықтары',
        'fit_5' => 'Жылжымайтын мүлік',
        'fit_6' => 'HoReCa',
        'fit_7' => 'Бухгалтерия',
        'fit_8' => 'Консалтинг',
        'fit_side_title' => 'Қай жерде әсіресе пайдалы',
        'fit_side_text' => 'AI ассистент менеджерлер, әкімшілер немесе бизнес иелері бірдей жауаптар мен әрекеттерге көп уақыт жұмсайтын жерде өте пайдалы.',
        'fit_side_note' => 'Автоматтандыру сіздің бизнесіңізді алмастырмайды — ол өтінімдерді жылдам өңдеуге, клиенттерді жоғалтпауға және қызметкерлердің жүктемесін азайтуға көмектеседі.',

        'process_title' => 'Қалай іске қосамыз',
        'step_1' => 'Міндетті талқылаймыз және AI қай жерде көбірек пайда әкелетінін анықтаймыз.',
        'step_2' => 'Компания, қызметтер, сценарийлер және клиент сұрақтары туралы ақпарат жинаймыз.',
        'step_3' => 'AI ассистентті сіздің процестеріңізге және тест сценарийлеріне сай баптаймыз.',
        'step_4' => 'Тексереміз, жетілдіреміз және нақты пайдалануға дайындаймыз.',

        'prices_title' => 'Пакеттер',
        'price_1_name' => 'Старт',
        'price_1_price' => '20 000 ₸ / ай',
        'price_1_li_1' => '1 негізгі жұмыс сценарийі',
        'price_1_li_2' => 'AI ассистентті базалық баптау',
        'price_1_li_3' => 'Компания ақпараты бойынша жауаптар',
        'price_1_li_4' => 'Қарапайым FAQ дайындау',
        'price_1_li_5' => 'Қолдану нұсқаулығы',
        'price_1_li_6' => 'Іске қосу бойынша базалық қолдау',

        'price_2_name' => 'Бизнес',
        'price_2_price' => '80 000 ₸ / ай',
        'price_2_badge' => 'Тиімді',
        'price_2_li_1' => '3 сценарийге дейін',
        'price_2_li_2' => 'Компанияның білім базасын баптау',
        'price_2_li_3' => 'Қызметтер, бағалар және шарттар бойынша клиенттерге жауап',
        'price_2_li_4' => 'Өтінім жинау сценарийі',
        'price_2_li_5' => 'Менеджерлерге клиенттерге жауап дайындауға көмек',
        'price_2_li_6' => 'Мәтіндер, хабарламалар және FAQ дайындау',
        'price_2_li_7' => 'Сайт, WhatsApp немесе Telegram үшін баптау келісім бойынша',
        'price_2_li_8' => 'Ай сайын қосымша баптау',
        'price_2_li_9' => 'Іске қосқаннан кейін қолдау',

        'price_3_name' => 'Профи',
        'price_3_price' => '150 000 ₸ / ай',
        'price_3_li_1' => 'Әртүрлі міндеттерге арналған бірнеше AI ассистент',
        'price_3_li_2' => 'Сату, қолдау және әкімшілерге арналған сценарийлер',
        'price_3_li_3' => 'Компанияның кеңейтілген білім базасы',
        'price_3_li_4' => 'Күрделі сұрақ-жауап тізбектері',
        'price_3_li_5' => 'Өтінімдерді өңдеуді автоматтандыру',
        'price_3_li_6' => 'Коммерциялық ұсыныстар дайындауға көмек',
        'price_3_li_7' => 'Қызметкерлерге арналған сценарийлер мен ішкі нұсқаулықтар',
        'price_3_li_8' => 'Сайт, формалар немесе мессенджерлермен интеграция келісім бойынша',
        'price_3_li_9' => 'Клиенттердің типтік сұрақтарын талдау',
        'price_3_li_10' => 'Жауаптарды тұрақты оңтайландыру',
        'price_3_li_11' => 'Басым қолдау',
        'price_3_li_12' => 'Міндетке қарай жеке доработкалар',

        'form_title' => 'Өтінім қалдырыңыз',
        'form_text' => 'Нені автоматтандырғыңыз келетінін жазыңыз. Біз сізбен байланысып, қолайлы нұсқа ұсынамыз.',
        'name' => 'Аты',
        'phone' => 'Телефон',
        'email' => 'Email',
        'company' => 'Компания',
        'message' => 'Нені автоматтандырғыңыз келеді?',
        'submit' => 'Өтінім жіберу',
        'success' => 'Өтінім жіберілді. Біз сізбен байланысамыз.',
        'error' => 'Өтінімді жіберу мүмкін болмады. WhatsApp арқылы жазыңыз.',

        'footer' => 'AI ассистент — Қазақстан бойынша бизнеске арналған көмекшілерді баптау',
    ],
];

$t = $text[$lang];
$otherLang = $lang === 'ru' ? 'kk' : 'ru';
$otherLabel = $lang === 'ru' ? 'Қазақша' : 'Русский';

$whatsappText = 'Здравствуйте, меня интересует интеграция AI ассистента';
$whatsapp = 'https://wa.me/77773904714?text=' . rawurlencode($whatsappText);
$phone = 'tel:+77773904714';

$status = $_GET['status'] ?? '';
$baseUrl = 'https://ai.monada.kz';
$currentUrl = $baseUrl . '/' . $lang . '/';
$alternateRu = $baseUrl . '/ru/';
$alternateKk = $baseUrl . '/kk/';

$seoTitle = $lang === 'ru'
    ? 'AI ассистент для бизнеса в Казахстане — настройка от 20 000 ₸'
    : 'Қазақстандағы бизнеске арналған AI ассистент — 20 000 ₸ бастап';

$seoDescription = $lang === 'ru'
    ? 'Настраиваем AI ассистентов для бизнеса в Казахстане: ответы клиентам, заявки, WhatsApp, Telegram, сайт, база знаний, тексты и автоматизация рутины. Запуск от 20 000 ₸ в месяц.'
    : 'Қазақстандағы бизнеске арналған AI ассистенттерді баптаймыз: клиенттерге жауап, өтінімдер, WhatsApp, Telegram, сайт, білім базасы және автоматтандыру. Айына 20 000 ₸ бастап.';

$faqTitle = $lang === 'ru'
    ? 'Частые вопросы'
    : 'Жиі қойылатын сұрақтар';

$faq = [
    'ru' => [
        [
            'q' => 'Что такое AI ассистент для бизнеса?',
            'a' => 'AI ассистент — это настроенный помощник, который отвечает клиентам, принимает заявки, помогает менеджерам, готовит тексты и работает на основе информации вашей компании.',
        ],
        [
            'q' => 'Для какого бизнеса подходит AI ассистент?',
            'a' => 'Он подходит салонам красоты, клиникам, магазинам, учебным центрам, сервисным компаниям, агентствам недвижимости, HoReCa, бухгалтерии, консалтингу и другим компаниям, где есть повторяющиеся вопросы и заявки.',
        ],
        [
            'q' => 'Сколько стоит настройка AI ассистента?',
            'a' => 'Стоимость начинается от 20 000 ₸ в месяц. Есть три пакета: Старт — 20 000 ₸, Бизнес — 80 000 ₸ и Профи — 150 000 ₸ в месяц.',
        ],
        [
            'q' => 'Можно ли подключить AI ассистента к WhatsApp или Telegram?',
            'a' => 'Да, настройка под сайт, WhatsApp или Telegram возможна по согласованию. Сначала обсуждаем задачу, затем подбираем подходящий вариант подключения.',
        ],
        [
            'q' => 'AI ассистент заменяет администратора или менеджера?',
            'a' => 'Нет. Он помогает разгрузить сотрудников: отвечает на типовые вопросы, собирает заявки, предлагает варианты и передаёт информацию администратору или менеджеру.',
        ],
        [
            'q' => 'Можно ли настроить ассистента под мои услуги и цены?',
            'a' => 'Да. Мы собираем информацию о вашей компании, услугах, ценах, графике, условиях и частых вопросах, затем настраиваем ассистента под ваш бизнес.',
        ],
        [
            'q' => 'Что входит в пакет Старт за 20 000 ₸?',
            'a' => 'В пакет входит один основной сценарий, базовая настройка AI ассистента, ответы по информации компании, простой FAQ, инструкция и базовая поддержка по запуску.',
        ],
        [
            'q' => 'Чем пакет Бизнес за 80 000 ₸ отличается от стартового?',
            'a' => 'Пакет Бизнес включает до 3 сценариев работы, базу знаний компании, ответы клиентам по услугам и ценам, сценарий сбора заявок, помощь менеджерам и ежемесячную донастройку.',
        ],
        [
            'q' => 'Что входит в пакет Профи за 150 000 ₸?',
            'a' => 'Пакет Профи подходит для компаний, которым нужно несколько AI ассистентов, расширенные сценарии, автоматизация заявок, помощь сотрудникам, интеграции с сайтом, формами или мессенджерами и приоритетная поддержка.',
        ],
        [
            'q' => 'Как начать?',
            'a' => 'Оставьте заявку на сайте или напишите в WhatsApp. Мы уточним задачу, предложим подходящий пакет и покажем, как AI ассистент может работать именно в вашем бизнесе.',
        ],
    ],
    'kk' => [
        [
            'q' => 'Бизнеске арналған AI ассистент деген не?',
            'a' => 'AI ассистент — клиенттерге жауап беретін, өтінім қабылдайтын, менеджерлерге көмектесетін және компанияңыздың ақпараты негізінде жұмыс істейтін бапталған көмекші.',
        ],
        [
            'q' => 'AI ассистент қандай бизнеске қолайлы?',
            'a' => 'Ол сұлулық салондарына, клиникаларға, дүкендерге, оқу орталықтарына, сервистік компанияларға, жылжымайтын мүлік агенттіктеріне, HoReCa, бухгалтерия және консалтингке қолайлы.',
        ],
        [
            'q' => 'AI ассистентті баптау қанша тұрады?',
            'a' => 'Баға айына 20 000 ₸ бастап. Үш пакет бар: Старт — 20 000 ₸, Бизнес — 80 000 ₸ және Профи — 150 000 ₸ айына.',
        ],
        [
            'q' => 'AI ассистентті WhatsApp немесе Telegram-ға қосуға бола ма?',
            'a' => 'Иә, сайтқа, WhatsApp немесе Telegram-ға баптау келісім бойынша мүмкін. Алдымен міндетті талқылаймыз, содан кейін қолайлы қосу нұсқасын ұсынамыз.',
        ],
        [
            'q' => 'AI ассистент әкімшіні немесе менеджерді алмастыра ма?',
            'a' => 'Жоқ. Ол қызметкерлерді жеңілдетеді: типтік сұрақтарға жауап береді, өтінім жинайды, нұсқалар ұсынады және ақпаратты әкімшіге немесе менеджерге береді.',
        ],
        [
            'q' => 'Ассистентті менің қызметтерім мен бағаларыма баптауға бола ма?',
            'a' => 'Иә. Біз компанияңыз, қызметтер, бағалар, жұмыс кестесі, шарттар және жиі қойылатын сұрақтар туралы ақпарат жинап, ассистентті бизнесіңізге сай баптаймыз.',
        ],
        [
            'q' => '20 000 ₸ Старт пакетіне не кіреді?',
            'a' => 'Пакетке 1 негізгі сценарий, AI ассистентті базалық баптау, компания ақпараты бойынша жауаптар, қарапайым FAQ, қолдану нұсқаулығы және базалық қолдау кіреді.',
        ],
        [
            'q' => '80 000 ₸ Бизнес пакеті несімен ерекшеленеді?',
            'a' => 'Бизнес пакетіне 3 сценарийге дейін, компанияның білім базасы, қызметтер мен бағалар бойынша жауаптар, өтінім жинау сценарийі, менеджерлерге көмек және ай сайын қосымша баптау кіреді.',
        ],
        [
            'q' => '150 000 ₸ Профи пакетіне не кіреді?',
            'a' => 'Профи пакеті бірнеше AI ассистент, кеңейтілген сценарийлер, өтінімдерді автоматтандыру, қызметкерлерге көмек, сайтпен, формалармен немесе мессенджерлермен интеграция және басым қолдауды қамтиды.',
        ],
        [
            'q' => 'Қалай бастауға болады?',
            'a' => 'Сайтта өтінім қалдырыңыз немесе WhatsApp-қа жазыңыз. Біз міндетті нақтылап, қолайлы пакетті ұсынамыз және AI ассистент сіздің бизнесіңізде қалай жұмыс істей алатынын көрсетеміз.',
        ],
    ],
];

$currentFaq = $faq[$lang];

$organizationSchema = [
    '@context' => 'https://schema.org',
    '@type' => 'Organization',
    'name' => 'AI ассистент',
    'url' => $baseUrl,
    'email' => 'Mzs8871@gmail.com',
    'telephone' => '+77773904714',
    'areaServed' => [
        '@type' => 'Country',
        'name' => $lang === 'ru' ? 'Казахстан' : 'Қазақстан',
    ],
    'contactPoint' => [
        '@type' => 'ContactPoint',
        'telephone' => '+77773904714',
        'contactType' => $lang === 'ru' ? 'Заявки и консультации' : 'Өтінімдер мен кеңес беру',
        'areaServed' => 'KZ',
        'availableLanguage' => ['ru', 'kk'],
    ],
];

$websiteSchema = [
    '@context' => 'https://schema.org',
    '@type' => 'WebSite',
    'name' => 'AI ассистент',
    'url' => $baseUrl,
    'inLanguage' => $lang === 'ru' ? 'ru-KZ' : 'kk-KZ',
];

$serviceSchema = [
    '@context' => 'https://schema.org',
    '@type' => 'Service',
    'name' => $lang === 'ru'
        ? 'AI ассистент для бизнеса в Казахстане'
        : 'Қазақстандағы бизнеске арналған AI ассистент',
    'description' => $seoDescription,
    'url' => $currentUrl,
    'serviceType' => $lang === 'ru'
        ? 'Настройка AI ассистентов для бизнеса'
        : 'Бизнеске арналған AI ассистенттерді баптау',
    'provider' => [
        '@type' => 'Organization',
        'name' => 'AI ассистент',
        'url' => $baseUrl,
        'telephone' => '+77773904714',
        'email' => 'Mzs8871@gmail.com',
    ],
    'areaServed' => [
        '@type' => 'Country',
        'name' => $lang === 'ru' ? 'Казахстан' : 'Қазақстан',
    ],
    'offers' => [
        '@type' => 'AggregateOffer',
        'priceCurrency' => 'KZT',
        'lowPrice' => '20000',
        'highPrice' => '150000',
        'offerCount' => '3',
        'url' => $currentUrl . '#prices',
    ],
    'hasOfferCatalog' => [
        '@type' => 'OfferCatalog',
        'name' => $lang === 'ru' ? 'Пакеты настройки AI ассистента' : 'AI ассистентті баптау пакеттері',
        'itemListElement' => [
            [
                '@type' => 'Offer',
                'name' => $t['price_1_name'],
                'price' => '20000',
                'priceCurrency' => 'KZT',
                'url' => $currentUrl . '#prices',
            ],
            [
                '@type' => 'Offer',
                'name' => $t['price_2_name'],
                'price' => '80000',
                'priceCurrency' => 'KZT',
                'url' => $currentUrl . '#prices',
            ],
            [
                '@type' => 'Offer',
                'name' => $t['price_3_name'],
                'price' => '150000',
                'priceCurrency' => 'KZT',
                'url' => $currentUrl . '#prices',
            ],
        ],
    ],
];

$breadcrumbSchema = [
    '@context' => 'https://schema.org',
    '@type' => 'BreadcrumbList',
    'itemListElement' => [
        [
            '@type' => 'ListItem',
            'position' => 1,
            'name' => $lang === 'ru' ? 'Главная' : 'Басты бет',
            'item' => $currentUrl,
        ],
    ],
];
?>
<!doctype html>
<html lang="<?= htmlspecialchars($t['html_lang'], ENT_QUOTES, 'UTF-8') ?>">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><?= htmlspecialchars($seoTitle, ENT_QUOTES, 'UTF-8') ?></title>
    <meta name="description" content="<?= htmlspecialchars($seoDescription, ENT_QUOTES, 'UTF-8') ?>">
    <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">

    <link rel="canonical" href="<?= htmlspecialchars($currentUrl, ENT_QUOTES, 'UTF-8') ?>">
    <link rel="alternate" hreflang="ru-KZ" href="<?= htmlspecialchars($alternateRu, ENT_QUOTES, 'UTF-8') ?>">
    <link rel="alternate" hreflang="kk-KZ" href="<?= htmlspecialchars($alternateKk, ENT_QUOTES, 'UTF-8') ?>">
    <link rel="alternate" hreflang="x-default" href="<?= htmlspecialchars($alternateRu, ENT_QUOTES, 'UTF-8') ?>">

    <meta property="og:type" content="website">
    <meta property="og:site_name" content="AI ассистент">
    <meta property="og:title" content="<?= htmlspecialchars($seoTitle, ENT_QUOTES, 'UTF-8') ?>">
    <meta property="og:description" content="<?= htmlspecialchars($seoDescription, ENT_QUOTES, 'UTF-8') ?>">
    <meta property="og:url" content="<?= htmlspecialchars($currentUrl, ENT_QUOTES, 'UTF-8') ?>">
    <meta property="og:locale" content="<?= $lang === 'ru' ? 'ru_KZ' : 'kk_KZ' ?>">

    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="<?= htmlspecialchars($seoTitle, ENT_QUOTES, 'UTF-8') ?>">
    <meta name="twitter:description" content="<?= htmlspecialchars($seoDescription, ENT_QUOTES, 'UTF-8') ?>">

    <script type="application/ld+json"><?= json_encode($organizationSchema, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES | JSON_PRETTY_PRINT) ?></script>
    <script type="application/ld+json"><?= json_encode($websiteSchema, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES | JSON_PRETTY_PRINT) ?></script>
    <script type="application/ld+json"><?= json_encode($serviceSchema, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES | JSON_PRETTY_PRINT) ?></script>
    <script type="application/ld+json"><?= json_encode($breadcrumbSchema, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES | JSON_PRETTY_PRINT) ?></script>

    <style>
        :root {
            --bg: #f7f8fb;
            --white: #ffffff;
            --text: #262626;
            --text-soft: #667085;
            --dark: #1f1f1f;
            --pink: #ff0088;
            --pink-dark: #df0076;
            --cyan: #13e4df;
            --cyan-dark: #00c9c4;
            --line: #e9edf4;
            --shadow: 0 22px 60px rgba(31, 31, 31, .08);
            --shadow-soft: 0 14px 40px rgba(31, 31, 31, .06);
            --success-bg: #dcfce7;
            --success-text: #166534;
            --error-bg: #fee2e2;
            --error-text: #b91c1c;
        }

        * {
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            margin: 0;
            font-family: Arial, sans-serif;
            color: var(--text);
            background: linear-gradient(180deg, #fbfcfe 0%, #f5f7fb 100%);
        }

        a {
            color: inherit;
            text-decoration: none;
        }

        img {
            max-width: 100%;
            height: auto;
        }

        .container {
            width: min(1200px, calc(100% - 32px));
            margin: 0 auto;
        }

        .header {
            position: sticky;
            top: 0;
            z-index: 30;
            background: rgba(255, 255, 255, .88);
            backdrop-filter: blur(16px);
            border-bottom: 1px solid rgba(0, 0, 0, .06);
        }

        .header-inner {
            min-height: 84px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 14px;
            font-size: 22px;
            font-weight: 800;
            color: var(--dark);
            letter-spacing: -.02em;
        }

        .logo-mark {
            width: 48px;
            height: 48px;
            border-radius: 16px;
            display: grid;
            place-items: center;
            font-weight: 900;
            color: #fff;
            background: linear-gradient(135deg, var(--cyan) 0%, var(--pink) 100%);
            box-shadow: 0 14px 32px rgba(255, 0, 136, .18);
        }

        .nav {
            display: flex;
            align-items: center;
            gap: 28px;
            color: var(--text-soft);
            font-size: 16px;
            font-weight: 700;
        }

        .nav a:hover {
            color: var(--pink);
        }

        .lang-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 48px;
            padding: 0 20px;
            border: 1px solid rgba(255, 0, 136, .18);
            border-radius: 999px;
            background: #fff;
            color: var(--dark);
            font-weight: 800;
            transition: .2s ease;
        }

        .lang-link:hover {
            border-color: rgba(19, 228, 223, .5);
            transform: translateY(-1px);
        }

        .hero {
            padding: 72px 0 56px;
        }

        .hero-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);
            gap: 52px;
            align-items: center;
        }

        .badge {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 9px 16px;
            border-radius: 999px;
            background: linear-gradient(90deg, rgba(19, 228, 223, .12), rgba(255, 0, 136, .12));
            color: var(--dark);
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 22px;
        }

        .badge::before {
            content: "";
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--pink);
            box-shadow: 14px 0 0 0 var(--cyan);
            margin-right: 12px;
        }

        h1, h2, h3, p {
            margin-top: 0;
        }

        h1 {
            font-size: clamp(40px, 6vw, 74px);
            line-height: .98;
            letter-spacing: -.06em;
            margin-bottom: 22px;
            color: var(--dark);
        }

        .hero-text {
            max-width: 690px;
            font-size: 21px;
            line-height: 1.6;
            color: var(--text-soft);
            margin-bottom: 30px;
        }

        .hero-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 14px;
            margin-bottom: 18px;
        }

        .hero-note {
            color: var(--text-soft);
            font-size: 16px;
            font-weight: 700;
        }

        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 54px;
            padding: 0 24px;
            border-radius: 16px;
            border: 1px solid transparent;
            font-size: 18px;
            font-weight: 800;
            transition: .2s ease;
            cursor: pointer;
        }

        .btn-primary {
            color: #fff;
            background: linear-gradient(135deg, var(--pink) 0%, #d70073 100%);
            box-shadow: 0 14px 32px rgba(255, 0, 136, .22);
        }

        .btn-primary:hover {
            transform: translateY(-1px);
        }

        .btn-light {
            background: #fff;
            color: var(--dark);
            border-color: rgba(19, 228, 223, .35);
        }

        .btn-light:hover {
            background: rgba(19, 228, 223, .06);
            transform: translateY(-1px);
        }

        .hero-visual {
            background: linear-gradient(145deg, #222120 0%, #33302f 100%);
            border-radius: 34px;
            padding: 26px;
            color: #fff;
            box-shadow: 0 34px 80px rgba(31, 31, 31, .20);
            position: relative;
            overflow: hidden;
        }

        .hero-visual::before {
            content: "";
            position: absolute;
            width: 260px;
            height: 260px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(19, 228, 223, .24), transparent 70%);
            left: -90px;
            top: -90px;
        }

        .hero-visual::after {
            content: "";
            position: absolute;
            width: 300px;
            height: 300px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(255, 0, 136, .22), transparent 70%);
            right: -110px;
            bottom: -120px;
        }

        .chat-shell {
            position: relative;
            z-index: 1;
            background: #fff;
            border-radius: 28px;
            padding: 24px;
            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .04);
        }

        .chat-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 18px;
        }

        .chat-head h3 {
            margin: 0 0 6px;
            font-size: 28px;
            line-height: 1.05;
            letter-spacing: -.04em;
            color: var(--dark);
        }

        .chat-head p {
            margin: 0;
            color: var(--text-soft);
            font-size: 14px;
        }

        .chat-pill {
            padding: 8px 12px;
            border-radius: 999px;
            background: linear-gradient(135deg, rgba(19, 228, 223, .14), rgba(255, 0, 136, .14));
            color: var(--dark);
            font-size: 13px;
            font-weight: 800;
            white-space: nowrap;
        }

        .chat-window {
            background: #f7f8fb;
            border: 1px solid var(--line);
            border-radius: 22px;
            padding: 16px;
        }

        .bubble {
            max-width: 92%;
            padding: 14px 16px;
            border-radius: 18px;
            font-size: 16px;
            line-height: 1.5;
            margin-bottom: 12px;
        }

        .bubble.user {
            background: rgba(19, 228, 223, .12);
            color: var(--dark);
            border-bottom-left-radius: 6px;
        }

        .bubble.ai {
            margin-left: auto;
            background: linear-gradient(135deg, var(--pink) 0%, #d70073 100%);
            color: #fff;
            border-bottom-right-radius: 6px;
            box-shadow: 0 10px 24px rgba(255, 0, 136, .18);
        }

        .hero-stats {
            position: relative;
            z-index: 1;
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 12px;
            margin-top: 18px;
        }

        .hero-stat {
            background: rgba(255, 255, 255, .12);
            border: 1px solid rgba(255, 255, 255, .16);
            border-radius: 18px;
            padding: 16px;
            backdrop-filter: blur(10px);
        }

        .hero-stat strong {
            display: block;
            font-size: 28px;
            line-height: 1;
            margin-bottom: 6px;
        }

        .hero-stat span {
            display: block;
            color: rgba(255, 255, 255, .82);
            font-size: 14px;
            line-height: 1.35;
        }

        section {
            padding: 34px 0 36px;
        }

        .section-title {
            font-size: clamp(32px, 4vw, 52px);
            line-height: 1.02;
            letter-spacing: -.05em;
            color: var(--dark);
            margin-bottom: 16px;
        }

        .section-text {
            max-width: 860px;
            color: var(--text-soft);
            font-size: 19px;
            line-height: 1.6;
            margin-bottom: 28px;
        }

        .grid-4 {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 18px;
        }

        .card,
        .price-card,
        .form-box,
        .fit-card,
        .step {
            background: #fff;
            border-radius: 24px;
            border: 1px solid var(--line);
            box-shadow: var(--shadow-soft);
        }

        .card {
            padding: 24px;
        }

        .card-icon {
            width: 52px;
            height: 52px;
            border-radius: 16px;
            display: grid;
            place-items: center;
            font-size: 22px;
            font-weight: 900;
            color: #fff;
            margin-bottom: 16px;
        }

        .grid-4 .card:nth-child(1) .card-icon,
        .grid-4 .card:nth-child(3) .card-icon {
            background: linear-gradient(135deg, var(--pink) 0%, #d70073 100%);
        }

        .grid-4 .card:nth-child(2) .card-icon,
        .grid-4 .card:nth-child(4) .card-icon {
            background: linear-gradient(135deg, var(--cyan-dark) 0%, var(--cyan) 100%);
            color: var(--dark);
        }

        .card h3,
        .price-card h3,
        .fit-card h3 {
            margin-bottom: 10px;
            font-size: 24px;
            line-height: 1.12;
            letter-spacing: -.03em;
            color: var(--dark);
        }

        .card p,
        .fit-card p {
            margin: 0;
            color: var(--text-soft);
            font-size: 16px;
            line-height: 1.6;
        }

        .fit-area {
            display: grid;
            grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
            gap: 22px;
            align-items: start;
        }

        .fit-card {
            padding: 28px;
            background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(19,228,223,.08) 100%);
        }

        .fit-card--dark {
            padding: 28px;
            background: linear-gradient(145deg, #222120 0%, #302f2f 100%);
            color: #fff;
            border-color: rgba(255,255,255,.06);
            box-shadow: 0 24px 60px rgba(31,31,31,.16);
        }

        .fit-card--dark h3,
        .fit-card--dark p {
            color: #fff;
        }

        .fit-card--dark p {
            color: rgba(255,255,255,.78);
        }

        .fit-list {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
            margin-top: 20px;
        }

        .fit-item {
            min-height: 58px;
            display: flex;
            align-items: center;
            padding: 0 16px;
            border-radius: 16px;
            font-weight: 800;
            color: var(--dark);
            background: #fff;
            border: 1px solid rgba(255, 0, 136, .12);
        }

        .fit-item:nth-child(even) {
            border-color: rgba(19, 228, 223, .35);
            background: rgba(19, 228, 223, .06);
        }

        .fit-item span {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            flex-shrink: 0;
            margin-right: 10px;
            font-size: 14px;
            font-weight: 900;
            background: linear-gradient(135deg, var(--pink) 0%, #d70073 100%);
            color: #fff;
        }

        .fit-note {
            padding: 18px 20px;
            border-radius: 18px;
            background: rgba(19, 228, 223, .12);
            color: var(--white);
            font-weight: 700;
            line-height: 1.5;
            margin-top: 18px;
        }

        .steps {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 16px;
        }

        .step {
            padding: 24px;
            position: relative;
            overflow: hidden;
        }

        .step::before {
            content: "";
            position: absolute;
            inset: 0;
            opacity: .12;
            pointer-events: none;
        }

        .step:nth-child(1)::before,
        .step:nth-child(3)::before {
            background: linear-gradient(135deg, var(--pink), transparent 70%);
        }

        .step:nth-child(2)::before,
        .step:nth-child(4)::before {
            background: linear-gradient(135deg, var(--cyan), transparent 70%);
        }

        .step-number {
            width: 38px;
            height: 38px;
            display: grid;
            place-items: center;
            border-radius: 50%;
            font-size: 18px;
            font-weight: 900;
            margin-bottom: 16px;
            color: #fff;
            position: relative;
            z-index: 1;
        }

        .step:nth-child(1) .step-number,
        .step:nth-child(3) .step-number {
            background: linear-gradient(135deg, var(--pink), #d70073);
        }

        .step:nth-child(2) .step-number,
        .step:nth-child(4) .step-number {
            background: linear-gradient(135deg, var(--cyan-dark), var(--cyan));
            color: var(--dark);
        }

        .step-text {
            position: relative;
            z-index: 1;
            font-size: 18px;
            line-height: 1.55;
            color: var(--dark);
            font-weight: 700;
        }

        .prices {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 18px;
        }

        .price-card {
            padding: 26px;
            position: relative;
        }

        .price-card.featured {
            border: 2px solid rgba(255, 0, 136, .28);
            box-shadow: 0 24px 60px rgba(255, 0, 136, .10);
        }

        .price-top {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 12px;
        }

        .price-badge {
            display: inline-flex;
            align-items: center;
            min-height: 36px;
            padding: 0 14px;
            border-radius: 999px;
            background: linear-gradient(135deg, var(--pink) 0%, #d70073 100%);
            color: #fff;
            font-size: 13px;
            font-weight: 800;
        }

        .price {
            margin: 16px 0 18px;
            font-size: 24px;
            line-height: 1.1;
            font-weight: 900;
            letter-spacing: -.03em;
            color: var(--pink);
        }

        ul {
            margin: 0;
            padding-left: 18px;
            color: var(--text-soft);
            line-height: 1.75;
            font-size: 16px;
        }

        .contact-grid {
            display: grid;
            grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
            gap: 24px;
            align-items: start;
        }

        .contact-links {
            display: grid;
            gap: 12px;
            margin-top: 20px;
        }

        .contact-link {
            display: flex;
            align-items: center;
            min-height: 62px;
            padding: 0 18px;
            border-radius: 18px;
            border: 1px solid var(--line);
            background: #fff;
            box-shadow: var(--shadow-soft);
            color: var(--dark);
            font-weight: 800;
        }

        .contact-link:hover {
            border-color: rgba(255, 0, 136, .18);
            transform: translateY(-1px);
        }

        .form-box {
            padding: 24px;
        }

        .field {
            margin-bottom: 14px;
        }

        .field label {
            display: block;
            margin-bottom: 8px;
            font-size: 15px;
            font-weight: 800;
            color: var(--dark);
        }

        .field input,
        .field textarea {
            width: 100%;
            padding: 14px 16px;
            border: 1px solid var(--line);
            border-radius: 16px;
            background: #fff;
            font: inherit;
            outline: none;
            transition: .2s ease;
        }

        .field textarea {
            min-height: 132px;
            resize: vertical;
        }

        .field input:focus,
        .field textarea:focus {
            border-color: rgba(255, 0, 136, .28);
            box-shadow: 0 0 0 4px rgba(255, 0, 136, .08);
        }

        .hidden-field {
            display: none;
        }

        .alert {
            padding: 14px 16px;
            border-radius: 14px;
            margin-bottom: 16px;
            font-weight: 800;
        }

        .alert.success {
            background: var(--success-bg);
            color: var(--success-text);
        }

        .alert.error {
            background: var(--error-bg);
            color: var(--error-text);
        }

        .faq-section {
            padding-top: 44px;
        }

        .faq-list {
            display: grid;
            gap: 14px;
        }

        .faq-item {
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 22px;
            box-shadow: var(--shadow-soft);
            overflow: hidden;
        }

        .faq-item summary {
            cursor: pointer;
            list-style: none;
            padding: 20px 22px;
            font-size: 19px;
            line-height: 1.35;
            font-weight: 900;
            color: var(--dark);
            position: relative;
        }

        .faq-item summary::-webkit-details-marker {
            display: none;
        }

        .faq-item summary::after {
            content: "+";
            position: absolute;
            right: 22px;
            top: 18px;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            color: #fff;
            background: linear-gradient(135deg, var(--pink), #d70073);
            font-size: 22px;
            line-height: 1;
        }

        .faq-item[open] summary::after {
            content: "−";
        }

        .faq-answer {
            padding: 0 22px 20px;
            color: var(--text-soft);
            font-size: 17px;
            line-height: 1.65;
        }

        .scroll-top {
            position: fixed;
            right: 22px;
            bottom: 22px;
            z-index: 60;
            width: 56px;
            height: 56px;
            border: 0;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--pink), #d70073);
            color: #fff;
            font-size: 28px;
            font-weight: 900;
            line-height: 1;
            cursor: pointer;
            box-shadow: 0 16px 38px rgba(255, 0, 136, .28);
            opacity: 0;
            visibility: hidden;
            transform: translateY(14px);
            transition: .2s ease;
        }

        .scroll-top.is-visible {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .scroll-top:hover {
            transform: translateY(-2px);
        }

        @media (max-width: 560px) {
            .scroll-top {
                right: 14px;
                bottom: 14px;
                width: 52px;
                height: 52px;
                font-size: 26px;
            }
        }

        .footer {
            padding: 28px 0 34px;
            border-top: 1px solid rgba(0,0,0,.06);
            color: var(--text-soft);
            text-align: center;
            font-size: 15px;
        }

        @media (max-width: 1100px) {
            .hero-grid,
            .fit-area,
            .contact-grid,
            .grid-4,
            .steps,
            .prices {
                grid-template-columns: 1fr 1fr;
            }

            .hero-grid,
            .fit-area,
            .contact-grid {
                grid-template-columns: 1fr;
            }

            .hero-visual {
                max-width: 760px;
            }
        }

        @media (max-width: 860px) {
            .nav {
                display: none;
            }

            .header-inner {
                min-height: 76px;
            }

            .hero {
                padding-top: 48px;
            }

            .grid-4,
            .steps,
            .prices,
            .hero-stats,
            .fit-list {
                grid-template-columns: 1fr;
            }

            .bubble {
                max-width: 100%;
            }
        }

        @media (max-width: 560px) {
            .container {
                width: min(100% - 22px, 1200px);
            }

            h1 {
                font-size: 44px;
            }

            .hero-text,
            .section-text {
                font-size: 18px;
            }

            .hero-actions .btn,
            .lang-link,
            .contact-link {
                width: 100%;
            }

            .hero-actions {
                flex-direction: column;
            }

            .logo {
                font-size: 18px;
            }

            .logo-mark {
                width: 42px;
                height: 42px;
            }

            .chat-head {
                flex-direction: column;
                align-items: flex-start;
            }

            .hero-visual,
            .chat-shell,
            .card,
            .fit-card,
            .fit-card--dark,
            .price-card,
            .form-box,
            .step {
                border-radius: 22px;
            }
        }
    </style>
</head>
<body>

<header class="header">
    <div class="container header-inner">
        <a class="logo" href="/<?= $lang ?>/">
            <span class="logo-mark">AI</span>
            <span>AI ассистент</span>
        </a>

        <nav class="nav">
            <a href="#services"><?= htmlspecialchars($t['nav_services'], ENT_QUOTES, 'UTF-8') ?></a>
            <a href="#for"><?= htmlspecialchars($t['nav_for'], ENT_QUOTES, 'UTF-8') ?></a>
            <a href="#prices"><?= htmlspecialchars($t['nav_prices'], ENT_QUOTES, 'UTF-8') ?></a>
            <a href="#faq"><?= htmlspecialchars($t['nav_faq'], ENT_QUOTES, 'UTF-8') ?></a>
            <a href="#contact"><?= htmlspecialchars($t['nav_contact'], ENT_QUOTES, 'UTF-8') ?></a>
        </nav>

        <a class="lang-link" href="/<?= $otherLang ?>/"><?= htmlspecialchars($otherLabel, ENT_QUOTES, 'UTF-8') ?></a>
    </div>
</header>

<main>
    <section class="hero">
        <div class="container hero-grid">
            <div>
                <div class="badge"><?= htmlspecialchars($t['hero_badge'], ENT_QUOTES, 'UTF-8') ?></div>
                <h1><?= htmlspecialchars($t['hero_title'], ENT_QUOTES, 'UTF-8') ?></h1>
                <p class="hero-text"><?= htmlspecialchars($t['hero_text'], ENT_QUOTES, 'UTF-8') ?></p>

                <div class="hero-actions">
                    <a class="btn btn-primary" href="#contact"><?= htmlspecialchars($t['hero_btn'], ENT_QUOTES, 'UTF-8') ?></a>
                    <a class="btn btn-light" href="<?= $whatsapp ?>" target="_blank" rel="noopener"><?= htmlspecialchars($t['hero_whatsapp'], ENT_QUOTES, 'UTF-8') ?></a>
                </div>

                <div class="hero-note"><?= htmlspecialchars($t['hero_note'], ENT_QUOTES, 'UTF-8') ?></div>
            </div>

            <div class="hero-visual">
                <div class="chat-shell">
                    <div class="chat-head">
                        <div>
                            <h3><?= htmlspecialchars($t['chat_title'], ENT_QUOTES, 'UTF-8') ?></h3>
                            <p><?= htmlspecialchars($t['chat_subtitle'], ENT_QUOTES, 'UTF-8') ?></p>
                        </div>
                        <div class="chat-pill">AI</div>
                    </div>

                    <div class="chat-window">
                        <div class="bubble user"><?= htmlspecialchars($t['chat_user_1'], ENT_QUOTES, 'UTF-8') ?></div>
                        <div class="bubble ai"><?= htmlspecialchars($t['chat_ai_1'], ENT_QUOTES, 'UTF-8') ?></div>
                        <div class="bubble ai"><?= htmlspecialchars($t['chat_ai_2'], ENT_QUOTES, 'UTF-8') ?></div>
                        <div class="bubble user"><?= htmlspecialchars($t['chat_user_3'], ENT_QUOTES, 'UTF-8') ?></div>
                        <div class="bubble ai"><?= htmlspecialchars($t['chat_ai_3'], ENT_QUOTES, 'UTF-8') ?></div>
                    </div>
                </div>

                <div class="hero-stats">
                    <div class="hero-stat">
                        <strong><?= htmlspecialchars($t['stat_1_value'], ENT_QUOTES, 'UTF-8') ?></strong>
                        <span><?= htmlspecialchars($t['stat_1_label'], ENT_QUOTES, 'UTF-8') ?></span>
                    </div>
                    <div class="hero-stat">
                        <strong><?= htmlspecialchars($t['stat_2_value'], ENT_QUOTES, 'UTF-8') ?></strong>
                        <span><?= htmlspecialchars($t['stat_2_label'], ENT_QUOTES, 'UTF-8') ?></span>
                    </div>
                    <div class="hero-stat">
                        <strong><?= htmlspecialchars($t['stat_3_value'], ENT_QUOTES, 'UTF-8') ?></strong>
                        <span><?= htmlspecialchars($t['stat_3_label'], ENT_QUOTES, 'UTF-8') ?></span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="services">
        <div class="container">
            <h2 class="section-title"><?= htmlspecialchars($t['services_title'], ENT_QUOTES, 'UTF-8') ?></h2>

            <div class="grid-4">
                <div class="card">
                    <div class="card-icon">1</div>
                    <h3><?= htmlspecialchars($t['card_1_title'], ENT_QUOTES, 'UTF-8') ?></h3>
                    <p><?= htmlspecialchars($t['card_1_text'], ENT_QUOTES, 'UTF-8') ?></p>
                </div>

                <div class="card">
                    <div class="card-icon">2</div>
                    <h3><?= htmlspecialchars($t['card_2_title'], ENT_QUOTES, 'UTF-8') ?></h3>
                    <p><?= htmlspecialchars($t['card_2_text'], ENT_QUOTES, 'UTF-8') ?></p>
                </div>

                <div class="card">
                    <div class="card-icon">3</div>
                    <h3><?= htmlspecialchars($t['card_3_title'], ENT_QUOTES, 'UTF-8') ?></h3>
                    <p><?= htmlspecialchars($t['card_3_text'], ENT_QUOTES, 'UTF-8') ?></p>
                </div>

                <div class="card">
                    <div class="card-icon">4</div>
                    <h3><?= htmlspecialchars($t['card_4_title'], ENT_QUOTES, 'UTF-8') ?></h3>
                    <p><?= htmlspecialchars($t['card_4_text'], ENT_QUOTES, 'UTF-8') ?></p>
                </div>
            </div>
        </div>
    </section>

    <section id="for">
        <div class="container">
            <div class="fit-area">
                <div class="fit-card">
                    <h2 class="section-title"><?= htmlspecialchars($t['for_title'], ENT_QUOTES, 'UTF-8') ?></h2>
                    <p class="section-text"><?= htmlspecialchars($t['for_text'], ENT_QUOTES, 'UTF-8') ?></p>

                    <div class="fit-list">
                        <div class="fit-item"><span>1</span><?= htmlspecialchars($t['fit_1'], ENT_QUOTES, 'UTF-8') ?></div>
                        <div class="fit-item"><span>2</span><?= htmlspecialchars($t['fit_2'], ENT_QUOTES, 'UTF-8') ?></div>
                        <div class="fit-item"><span>3</span><?= htmlspecialchars($t['fit_3'], ENT_QUOTES, 'UTF-8') ?></div>
                        <div class="fit-item"><span>4</span><?= htmlspecialchars($t['fit_4'], ENT_QUOTES, 'UTF-8') ?></div>
                        <div class="fit-item"><span>5</span><?= htmlspecialchars($t['fit_5'], ENT_QUOTES, 'UTF-8') ?></div>
                        <div class="fit-item"><span>6</span><?= htmlspecialchars($t['fit_6'], ENT_QUOTES, 'UTF-8') ?></div>
                        <div class="fit-item"><span>7</span><?= htmlspecialchars($t['fit_7'], ENT_QUOTES, 'UTF-8') ?></div>
                        <div class="fit-item"><span>8</span><?= htmlspecialchars($t['fit_8'], ENT_QUOTES, 'UTF-8') ?></div>
                    </div>
                </div>

                <div class="fit-card fit-card--dark">
                    <h3><?= htmlspecialchars($t['fit_side_title'], ENT_QUOTES, 'UTF-8') ?></h3>
                    <p><?= htmlspecialchars($t['fit_side_text'], ENT_QUOTES, 'UTF-8') ?></p>

                    <div class="fit-note">
                        <?= htmlspecialchars($t['fit_side_note'], ENT_QUOTES, 'UTF-8') ?>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            <h2 class="section-title"><?= htmlspecialchars($t['process_title'], ENT_QUOTES, 'UTF-8') ?></h2>

            <div class="steps">
                <div class="step">
                    <div class="step-number">1</div>
                    <div class="step-text"><?= htmlspecialchars($t['step_1'], ENT_QUOTES, 'UTF-8') ?></div>
                </div>

                <div class="step">
                    <div class="step-number">2</div>
                    <div class="step-text"><?= htmlspecialchars($t['step_2'], ENT_QUOTES, 'UTF-8') ?></div>
                </div>

                <div class="step">
                    <div class="step-number">3</div>
                    <div class="step-text"><?= htmlspecialchars($t['step_3'], ENT_QUOTES, 'UTF-8') ?></div>
                </div>

                <div class="step">
                    <div class="step-number">4</div>
                    <div class="step-text"><?= htmlspecialchars($t['step_4'], ENT_QUOTES, 'UTF-8') ?></div>
                </div>
            </div>
        </div>
    </section>

    <section id="prices">
        <div class="container">
            <h2 class="section-title"><?= htmlspecialchars($t['prices_title'], ENT_QUOTES, 'UTF-8') ?></h2>

            <div class="prices">
                <div class="price-card">
                    <h3><?= htmlspecialchars($t['price_1_name'], ENT_QUOTES, 'UTF-8') ?></h3>
                    <div class="price"><?= htmlspecialchars($t['price_1_price'], ENT_QUOTES, 'UTF-8') ?></div>
                    <ul>
                        <?php for ($i = 1; $i <= 6; $i++): ?>
                            <li><?= htmlspecialchars($t['price_1_li_' . $i], ENT_QUOTES, 'UTF-8') ?></li>
                        <?php endfor; ?>
                    </ul>
                </div>

                <div class="price-card featured">
                    <div class="price-top">
                        <h3><?= htmlspecialchars($t['price_2_name'], ENT_QUOTES, 'UTF-8') ?></h3>
                        <span class="price-badge"><?= htmlspecialchars($t['price_2_badge'], ENT_QUOTES, 'UTF-8') ?></span>
                    </div>
                    <div class="price"><?= htmlspecialchars($t['price_2_price'], ENT_QUOTES, 'UTF-8') ?></div>
                    <ul>
                        <?php for ($i = 1; $i <= 9; $i++): ?>
                            <li><?= htmlspecialchars($t['price_2_li_' . $i], ENT_QUOTES, 'UTF-8') ?></li>
                        <?php endfor; ?>
                    </ul>
                </div>

                <div class="price-card">
                    <h3><?= htmlspecialchars($t['price_3_name'], ENT_QUOTES, 'UTF-8') ?></h3>
                    <div class="price"><?= htmlspecialchars($t['price_3_price'], ENT_QUOTES, 'UTF-8') ?></div>
                    <ul>
                        <?php for ($i = 1; $i <= 12; $i++): ?>
                            <li><?= htmlspecialchars($t['price_3_li_' . $i], ENT_QUOTES, 'UTF-8') ?></li>
                        <?php endfor; ?>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <section id="faq" class="faq-section">
        <div class="container">
            <h2 class="section-title"><?= htmlspecialchars($faqTitle, ENT_QUOTES, 'UTF-8') ?></h2>

            <div class="faq-list">
                <?php foreach ($currentFaq as $index => $item): ?>
                    <details class="faq-item" <?= $index === 0 ? 'open' : '' ?>>
                        <summary><?= htmlspecialchars($item['q'], ENT_QUOTES, 'UTF-8') ?></summary>
                        <div class="faq-answer">
                            <?= htmlspecialchars($item['a'], ENT_QUOTES, 'UTF-8') ?>
                        </div>
                    </details>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <section id="contact">
        <div class="container contact-grid">
            <div>
                <h2 class="section-title"><?= htmlspecialchars($t['form_title'], ENT_QUOTES, 'UTF-8') ?></h2>
                <p class="section-text"><?= htmlspecialchars($t['form_text'], ENT_QUOTES, 'UTF-8') ?></p>

                <div class="contact-links">
                    <a class="contact-link" href="<?= $whatsapp ?>" target="_blank" rel="noopener">WhatsApp: +7 777 390 47 14</a>
                    <a class="contact-link" href="<?= $phone ?>">Позвонить: +7 777 390 47 14</a>
                </div>
            </div>

            <form class="form-box" method="post" action="/send.php">
                <?php if ($status === 'success'): ?>
                    <div class="alert success"><?= htmlspecialchars($t['success'], ENT_QUOTES, 'UTF-8') ?></div>
                <?php elseif ($status === 'error'): ?>
                    <div class="alert error"><?= htmlspecialchars($t['error'], ENT_QUOTES, 'UTF-8') ?></div>
                <?php endif; ?>

                <input type="hidden" name="lang" value="<?= htmlspecialchars($lang, ENT_QUOTES, 'UTF-8') ?>">

                <div class="hidden-field">
                    <label>Website</label>
                    <input type="text" name="website" value="">
                </div>

                <div class="field">
                    <label for="name"><?= htmlspecialchars($t['name'], ENT_QUOTES, 'UTF-8') ?></label>
                    <input id="name" type="text" name="name" required>
                </div>

                <div class="field">
                    <label for="phone"><?= htmlspecialchars($t['phone'], ENT_QUOTES, 'UTF-8') ?></label>
                    <input id="phone" type="tel" name="phone" required>
                </div>

                <div class="field">
                    <label for="email"><?= htmlspecialchars($t['email'], ENT_QUOTES, 'UTF-8') ?></label>
                    <input id="email" type="email" name="email">
                </div>

                <div class="field">
                    <label for="company"><?= htmlspecialchars($t['company'], ENT_QUOTES, 'UTF-8') ?></label>
                    <input id="company" type="text" name="company">
                </div>

                <div class="field">
                    <label for="message"><?= htmlspecialchars($t['message'], ENT_QUOTES, 'UTF-8') ?></label>
                    <textarea id="message" name="message" required></textarea>
                </div>

                <button class="btn btn-primary" type="submit"><?= htmlspecialchars($t['submit'], ENT_QUOTES, 'UTF-8') ?></button>
            </form>
        </div>
    </section>
</main>

<footer class="footer">
    <div class="container">
        <?= htmlspecialchars($t['footer'], ENT_QUOTES, 'UTF-8') ?>
    </div>
</footer>

<button class="scroll-top" type="button" id="scrollTopBtn" aria-label="Наверх">↑</button>

<script>
    const scrollTopBtn = document.getElementById('scrollTopBtn');

    function toggleScrollTopBtn() {
        if (window.scrollY > 500) {
            scrollTopBtn.classList.add('is-visible');
        } else {
            scrollTopBtn.classList.remove('is-visible');
        }
    }

    window.addEventListener('scroll', toggleScrollTopBtn, { passive: true });

    scrollTopBtn.addEventListener('click', function () {
        window.scrollTo({
            top: 0,
            behavior: 'smooth'
        });
    });

    toggleScrollTopBtn();
</script>

</body>
</html>