<!DOCTYPE html>
<!-- saved from url=(0019)https://mtorbit.ru/ -->
<html lang="ru"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Mtorbit Systems - Инновационные решения для бизнеса</title>
<!--<base href="https://mtorbit.ru/">--><base href=".">

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="description" content="Mtorbit Systems - современные решения в области блокчейна, искусственного интеллекта и цифровой трансформации бизнеса">
<meta name="keywords" content="mtorbit, блокчейн, искусственный интеллект, цифровая трансформация, криптовалюта, токенизация">


<link type="text/css" rel="stylesheet" href="./Mtorbit_Systems_files/standalone.df89db9e0e0724c1f7f46e86b5f0c1da1757420532.css">
<link rel="stylesheet" href="./Mtorbit_Systems_files/bootstrap.min.css">
<link rel="stylesheet" href="./Mtorbit_Systems_files/all.min.css">

<style type="text/css">
    .cm-noscript {display:none}
    body {
      background-color: #f8f9fa;
      scroll-behavior: smooth;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    
    /* Новая шапка сайта */
    .new-header {
      background: linear-gradient(135deg, #2c3e50, #1a2530);
      padding: 15px 0;
      box-shadow: 0 4px 18px rgba(0,0,0,0.15);
      position: sticky;
      top: 0;
      z-index: 1030;
    }
    .header-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 20px;
    }
    .logo-container {
      display: flex;
      align-items: center;
    }
    .logo {
      height: 50px;
      margin-right: 15px;
    }
    .brand-text {
      color: white;
      font-size: 1.5rem;
      font-weight: 700;
    }
    .brand-subtext {
      color: #27ae60;
      font-size: 0.9rem;
      font-weight: 500;
    }
    .nav-menu {
      display: flex;
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .nav-item {
      position: relative;
      margin: 0 5px;
    }
    .nav-link {
      color: #ecf0f1;
      text-decoration: none;
      padding: 10px 15px;
      border-radius: 5px;
      transition: all 0.3s;
      font-weight: 500;
    }
    .nav-link:hover {
      color: #27ae60;
      background: rgba(255,255,255,0.1);
    }
    .nav-link.active {
      color: #27ae60;
      background: rgba(39, 174, 96, 0.1);
    }
    .mobile-menu-btn {
      display: none;
      background: none;
      border: none;
      color: white;
      font-size: 1.5rem;
      cursor: pointer;
    }
    
    /* Герой секция */
    .hero-section {
      background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://images.unsplash.com/photo-1620712943543-bcc4688e7485?ixlib=rb-4.0.3&auto=format&fit=crop&w=1500&q=80') center/cover no-repeat;
      color: white;
      padding: 100px 0;
      text-align: center;
    }
    .hero-title {
      font-size: 3rem;
      margin-bottom: 20px;
      font-weight: 700;
    }
    .hero-subtitle {
      font-size: 1.2rem;
      max-width: 800px;
      margin: 0 auto 40px;
      opacity: 0.9;
    }
    .hero-btn {
      background: #27ae60;
      color: white;
      border: none;
      padding: 15px 30px;
      border-radius: 50px;
      font-size: 1.1rem;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s;
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }
    .hero-btn:hover {
      background: #219653;
      transform: translateY(-3px);
      box-shadow: 0 6px 20px rgba(0,0,0,0.3);
    }
    
    .section {
      padding: 80px 20px;
    }
    .assistant-button { 
        position: fixed; 
        bottom: 30px; 
        right: 30px; 
        background-color: #27ae60; 
        color: white;
        border: none; 
        border-radius: 50px; 
        padding: 18px 25px; 
        cursor: pointer; 
        font-size: 18px; 
        z-index: 1000;
        box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .assistant-button:hover { 
        background-color: #219653; 
        transform: translateY(-3px);
        box-shadow: 0 6px 20px rgba(0,0,0,0.25);
    }
    
    /* Стили для карточек */
    .card-container {
        perspective: 1000px;
        margin-bottom: 30px;
        height: 320px;
    }
    .card {
        position: relative;
        width: 100%;
        height: 100%;
        transition: transform 0.8s;
        transform-style: preserve-3d;
        cursor: pointer;
        border-radius: 15px;
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    }
    .card-container:hover .card,
    .card-container.flipped .card {
        transform: rotateY(180deg);
    }
    .card-front, .card-back {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
        border-radius: 15px;
        padding: 25px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .card-front {
        background: linear-gradient(135deg, #27ae60, #2ecc71);
        color: white;
    }
    .card-back {
        background: white;
        color: #2c3e50;
        transform: rotateY(180deg);
        justify-content: space-between;
    }
    .card-title {
        font-size: 1.5rem;
        margin-bottom: 15px;
        font-weight: 600;
    }
    .card-icon {
        font-size: 3.5rem;
        margin-bottom: 20px;
    }
    .card-button {
        background-color: #27ae60;
        color: white;
        border: none;
        padding: 12px 25px;
        border-radius: 50px;
        margin-top: 20px;
        cursor: pointer;
        transition: all 0.3s;
        font-weight: 500;
        width: 100%;
        max-width: 200px;
    }
    .card-button:hover {
        background-color: #219653;
        transform: translateY(-3px);
        box-shadow: 0 5px 15px rgba(39, 174, 96, 0.4);
    }
    .card-flip-instruction {
        position: absolute;
        bottom: 10px;
        font-size: 12px;
        opacity: 0.8;
        display: none;
    }
    .modal-dialog {
        transition: all 0.5s ease;
        max-width: 90%;
    }
    .services-container {
        padding: 60px 0;
        background: linear-gradient(to bottom, #f8f9fa, #e9ecef);
    }
    .section-title {
        font-size: 2.5rem;
        margin-bottom: 20px;
        color: #2c3e50;
        font-weight: 700;
        text-align: center;
    }
    .section-subtitle {
        font-size: 1.2rem;
        color: #7f8c8d;
        margin-bottom: 50px;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .footer {
        background-color: #2c3e50;
        color: white;
        padding: 60px 0 30px;
        margin-top: 60px;
    }
    .footer a {
        color: #bdc3c7;
        text-decoration: none;
        transition: color 0.3s;
    }
    .footer a:hover {
        color: #27ae60;
    }
    .footer-title {
        font-size: 1.5rem;
        margin-bottom: 20px;
        color: #ecf0f1;
    }
    .footer-bottom {
        border-top: 1px solid #34495e;
        padding-top: 20px;
        margin-top: 40px;
        text-align: center;
    }
    
    /* Адаптивность для мобильных */
    @media (max-width: 992px) {
        .nav-menu {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: #2c3e50;
            flex-direction: column;
            padding: 20px;
            box-shadow: 0 10px 20px rgba(0,0,0,0.2);
        }
        .nav-menu.active {
            display: flex;
        }
        .nav-item {
            margin: 10px 0;
        }
        .mobile-menu-btn {
            display: block;
        }
        .hero-title {
            font-size: 2.2rem;
        }
        .hero-subtitle {
            font-size: 1rem;
        }
    }
    
    @media (max-width: 768px) {
        .card-container {
            height: 280px;
        }
        .card-flip-instruction {
            display: block;
        }
        .assistant-button {
            bottom: 20px;
            right: 20px;
            padding: 15px 20px;
            font-size: 16px;
        }
        .section {
            padding: 50px 15px;
        }
        .section-title {
            font-size: 2rem;
        }
        .brand-text {
            font-size: 1.2rem;
        }
        .brand-subtext {
            font-size: 0.7rem;
        }
    }
    
    /* Анимации */
    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .fade-in {
        animation: fadeIn 0.8s ease forwards;
    }
    
    /* Стили для модального окна */
    .modal-content {
        border-radius: 15px;
        border: none;
        box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    }
    .modal-header {
        background-color: #27ae60;
        color: white;
        border-radius: 15px 15px 0 0;
        border: none;
    }
    .btn-close {
        filter: invert(1);
    }
    #chatOutput {
        background-color: #f8f9fa;
        padding: 15px;
        border-radius: 10px;
        margin-top: 15px;
        max-height: 300px;
        overflow-y: auto;
    }
    .user-message {
        background-color: #e3f2fd;
        padding: 10px 15px;
        border-radius: 18px 18px 0 18px;
        margin-bottom: 10px;
        max-width: 80%;
        margin-left: auto;
    }
    .ai-message {
        background-color: #e8f5e9;
        padding: 10px 15px;
        border-radius: 18px 18px 18px 0;
        margin-bottom: 10px;
        max-width: 80%;
    }
    
    /* Дополнительные улучшения */
    .stats-section {
        background: linear-gradient(135deg, #27ae60, #2c3e50);
        color: white;
        padding: 70px 0;
        text-align: center;
    }
    .stat-item {
        margin: 20px 0;
    }
    .stat-number {
        font-size: 3rem;
        font-weight: 700;
        margin-bottom: 10px;
    }
    .stat-text {
        font-size: 1.2rem;
        opacity: 0.9;
    }
    .testimonials-section {
        background-color: #fff;
        padding: 70px 0;
    }
    .testimonial-card {
        background: #f8f9fa;
        border-radius: 15px;
        padding: 30px;
        margin: 20px 0;
        box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    }
    .testimonial-text {
        font-style: italic;
        margin-bottom: 20px;
    }
    .testimonial-author {
        font-weight: 600;
        color: #2c3e50;
    }
    .cta-section {
        background: linear-gradient(rgba(44, 62, 80, 0.9), rgba(44, 62, 80, 0.9)), url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?ixlib=rb-4.0.3&auto=format&fit=crop&w=1500&q=80') center/cover no-repeat;
        color: white;
        padding: 80px 0;
        text-align: center;
    }
</style>
</head>

<body>

<!-- Новая шапка сайта -->
<header class="new-header">
    <div class="header-container">
        <div class="logo-container">
            <!--<img src="https://mtorbit.ru/images/logos/1/logoMm.png?t=1757420467" alt="MTORBIT Systems" class="logo">-->
            <div>
                <div class="brand-text">MTORBIT Systems</div>
                <div class="brand-subtext">Инновационные технологии для бизнеса</div>
            </div>
        </div>
        
        <button class="mobile-menu-btn" id="mobileMenuBtn">
            <i class="fas fa-bars"></i>
        </button>
        
        <ul class="nav-menu" id="navMenu">
            <li class="nav-item"><a href="https://mtorbit.ru/" class="nav-link active">Главная</a></li>
            <li class="nav-item"><a href="https://mtorbit.ru/blog.html" class="nav-link">Блоги</a></li>
           <!-- <li class="nav-item"><a href="https://mtorbit.ru/o-kompanii/" class="nav-link">О компании</a></li>
            <li class="nav-item"><a href="https://mtorbit.ru/kooperativ/" class="nav-link">Кооперация</a></li>-->
            <li class="nav-item"><a href="https://mtorbit.ru/#services" class="nav-link">Услуги</a></li>
            <li class="nav-item"><a href="https://mtorbit.ru/#contacts" class="nav-link">Контакты</a></li>
        </ul>
    </div>
</header>

<!-- Герой секция -->
<section class="hero-section">
    <div class="container">
        <h1 class="hero-title">Инновационные решения для вашего бизнеса</h1>
        <p class="hero-subtitle">Мы объединяем блокчейн, искусственный интеллект и современные технологии для создания эффективных бизнес-решений</p>
        <button class="hero-btn" onclick="document.getElementById(&#39;services&#39;).scrollIntoView({behavior: &#39;smooth&#39;})">
            Наши услуги <i class="fas fa-arrow-down"></i>
        </button>
    </div>
</section>

<!-- Секция с карточками услуг -->
<section id="services" class="services-container">
    <div class="container">
        <h2 class="section-title">Наши услуги</h2>
        <p class="section-subtitle">Инновационные решения для современного бизнеса</p>
        <div class="row">
            <!-- Карточка 1: Управление криптовалютой -->
            <div class="col-md-6 col-lg-4">
                <div class="card-container">
                    <div class="card">
                        <div class="card-front">
                            <div class="card-icon"><i class="fas fa-coins"></i></div>
                            <h3 class="card-title">Управление криптовалютой</h3>
                            <p>Безопасное хранение и управление цифровыми активами</p>
                            <div class="card-flip-instruction">Нажмите, чтобы перевернуть</div>
                        </div>
                        <div class="card-back">
                            <h3>Управление криптовалютой</h3>
                            <p>Мы организуем и внедряем системы корпоративного управления криптовалютными активами с использованием мультиподписи и аппаратных кошельков.</p>
                            <button class="card-button" data-service="Управление криптовалютой">
                                <i class="fas fa-comment"></i> Обсудить с ИИ
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Карточка 2: Токенизация мощностей -->
            <div class="col-md-6 col-lg-4">
                <div class="card-container">
                    <div class="card">
                        <div class="card-front">
                            <div class="card-icon"><i class="fas fa-bolt"></i></div>
                            <h3 class="card-title">Токенизация мощностей</h3>
                            <p>Преобразование избыточной энергии в цифровые активы</p>
                            <div class="card-flip-instruction">Нажмите, чтобы перевернуть</div>
                        </div>
                        <div class="card-back">
                            <h3>Токенизация мощностей</h3>
                            <p>Создаем токены, обеспеченные реальными ресурсами предприятия. Диверсифицируйте производство с помощью новых финансовых инструментов.</p>
                            <button class="card-button" data-service="Токенизация мощностей">
                                <i class="fas fa-comment"></i> Обсудить с ИИ
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Карточка 3: Монтаж мощностей -->
            <div class="col-md-6 col-lg-4">
                <div class="card-container">
                    <div class="card">
                        <div class="card-front">
                            <div class="card-icon"><i class="fas fa-cogs"></i></div>
                            <h3 class="card-title">Монтаж мощностей</h3>
                            <p>Использование избытков мощности газопоршневых генераторов</p>
                            <div class="card-flip-instruction">Нажмите, чтобы перевернуть</div>
                        </div>
                        <div class="card-back">
                            <h3>Монтаж мощностей</h3>
                            <p>Организация монтажа вычислительного оборудования для эффективного использования энергии. Профессиональное обслуживание и настройка.</p>
                            <button class="card-button" data-service="Монтаж и использование избытков мощности">
                                <i class="fas fa-comment"></i> Обсудить с ИИ
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Карточка 4: ИИ-ассистенты -->
            <div class="col-md-6 col-lg-4">
                <div class="card-container">
                    <div class="card">
                        <div class="card-front">
                            <div class="card-icon"><i class="fas fa-robot"></i></div>
                            <h3 class="card-title">ИИ-ассистенты</h3>
                            <p>Внедрение и обучение корпоративных ИИ-помощников</p>
                            <div class="card-flip-instruction">Нажмите, чтобы перевернуть</div>
                        </div>
                        <div class="card-back">
                            <h3>ИИ-ассистенты</h3>
                            <p>Разработка кастомных GPT-моделей на ваших данных. Интеграция с CRM, ERP и внутренними системами. Автоматизация бизнес-процессов.</p>
                            <button class="card-button" data-service="ИИ-ассистенты и генеративные модели">
                                <i class="fas fa-comment"></i> Обсудить с ИИ
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Карточка 5: Блокчейн решения -->
            <div class="col-md-6 col-lg-4">
                <div class="card-container">
                    <div class="card">
                        <div class="card-front">
                            <div class="card-icon"><i class="fas fa-link"></i></div>
                            <h3 class="card-title">Блокчейн решения</h3>
                            <p>Внедрение распределенных реестров для бизнеса</p>
                            <div class="card-flip-instruction">Нажмите, чтобы перевернуть</div>
                        </div>
                        <div class="card-back">
                            <h3>Блокчейн решения</h3>
                            <p>Создание прозрачных и безопасных систем учета и управления. Использование технологии блокчейн для оптимизации бизнес-процессов.</p>
                            <button class="card-button" data-service="Блокчейн решения">
                                <i class="fas fa-comment"></i> Обсудить с ИИ
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Карточка 6: Консультации -->
            <div class="col-md-6 col-lg-4">
                <div class="card-container">
                    <div class="card">
                        <div class="card-front">
                            <div class="card-icon"><i class="fas fa-chart-line"></i></div>
                            <h3 class="card-title">Консультации</h3>
                            <p>Экспертные консультации по цифровой трансформации</p>
                            <div class="card-flip-instruction">Нажмите, чтобы перевернуть</div>
                        </div>
                        <div class="card-back">
                            <h3>Консультации</h3>
                            <p>Помощь в выборе и внедрении современных технологических решений. Аудит текущей инфраструктуры и разработка стратегии развития.</p>
                            <button class="card-button" data-service="Консультации по цифровой трансформации">
                                <i class="fas fa-comment"></i> Обсудить с ИИ
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Секция со статистикой -->
<section class="stats-section">
    <div class="container">
        <h2 class="section-title" style="color: white;">Мы в цифрах</h2>
        <div class="row">
            <div class="col-md-3 col-6">
                <div class="stat-item">
                    <div class="stat-number" data-count="150">150</div>
                    <div class="stat-text">Реализованных проектов</div>
                </div>
            </div>
            <div class="col-md-3 col-6">
                <div class="stat-item">
                    <div class="stat-number" data-count="50">50</div>
                    <div class="stat-text">Клиентов</div>
                </div>
            </div>
            <div class="col-md-3 col-6">
                <div class="stat-item">
                    <div class="stat-number" data-count="12">12</div>
                    <div class="stat-text">Лет опыта</div>
                </div>
            </div>
            <div class="col-md-3 col-6">
                <div class="stat-item">
                    <div class="stat-number" data-count="24">24</div>
                    <div class="stat-text">Технологий</div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Секция с отзывами -->
<section class="testimonials-section">
    <div class="container">
        <h2 class="section-title">Что говорят наши клиенты</h2>
        <div class="row">
            <div class="col-md-4">
                <div class="testimonial-card">
                    <div class="testimonial-text">
                        "MTORBIT Systems помогла нам внедрить блокчейн-решения, которые значительно оптимизировали наши бизнес-процессы. Профессиональный подход и глубокие знания специалистов впечатляют."
                    </div>
                    <div class="testimonial-author">— Александр Петров, Технический директор</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="testimonial-card">
                    <div class="testimonial-text">
                        "Сотрудничаем с MTORBIT уже более 3 лет. Их решения в области искусственного интеллекта помогли нам автоматизировать ключевые процессы и повысить эффективность работы на 40%."
                    </div>
                    <div class="testimonial-author">— Елена Смирнова, CEO</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="testimonial-card">
                    <div class="testimonial-text">
                        "Токенизация мощностей нашего производства стала настоящим прорывом. Благодаря MTORBIT мы смогли монетизировать избыточные ресурсы и выйти на новые рынки."
                    </div>
                    <div class="testimonial-author">— Дмитрий Иванов, Финансовый директор</div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Секция призыва к действию -->
<section class="cta-section">
    <div class="container">
        <h2 class="section-title" style="color: white;">Готовы к цифровой трансформации?</h2>
        <p class="section-subtitle" style="color: #ecf0f1;">Свяжитесь с нами сегодня, чтобы обсудить, как наши решения могут помочь вашему бизнесу</p>
        <button class="hero-btn" data-bs-toggle="modal" data-bs-target="#contactModal">
            Связаться с нами <i class="fas fa-arrow-right"></i>
        </button>
    </div>
</section>

<!-- Подвал сайта -->
<footer class="footer" id="contacts">
    <div class="container">
        <div class="row">
            <div class="col-md-4 mb-4">
                <h4 class="footer-title">MTORBIT Systems</h4>
                <p>Инновационные решения для бизнеса в области цифровых технологий, блокчейна и искусственного интеллекта.</p>
                <!--<div class="social-links mt-3">
                    <a href="#" class="me-2"><i class="fab fa-telegram fa-2x"></i></a>
                    <a href="#" class="me-2"><i class="fab fa-vk fa-2x"></i></a>
                    <a href="#" class="me-2"><i class="fab fa-youtube fa-2x"></i></a>
                    <a href="#"><i class="fab fa-github fa-2x"></i></a>
                </div>-->
            </div>
            <div class="col-md-4 mb-4">
                <h4 class="footer-title">Контакты</h4>
                <p><i class="fas fa-map-marker-alt me-2"></i> Россия</p>
                <p><i class="fas fa-envelope me-2"></i> main@mtorbit.ru</p>
                <!--<p><i class="fas fa-phone me-2"></i> +7 (XXX) XXX-XX-XX</p>
                <p><i class="fas fa-clock me-2"></i> Пн-Пт: 9:00 - 18:00</p>-->
            </div>
            <div class="col-md-4 mb-4">
                <h4 class="footer-title">Быстрые ссылки</h4>
                <ul class="list-unstyled">
                    <li><a href="https://mtorbit.ru/blogi/"><i class="fas fa-angle-right me-2"></i> Блоги</a></li>
                    <!--<li><a href="https://mtorbit.ru/o-kompanii/"><i class="fas fa-angle-right me-2"></i> О компании</a></li>
                    <li><a href="https://mtorbit.ru/kooperativ/"><i class="fas fa-angle-right me-2"></i> Кооперация</a></li>-->
                    <li><a href="https://mtorbit.ru/#services"><i class="fas fa-angle-right me-2"></i> Услуги</a></li>
                    <li><a href="https://mtorbit.ru/#" data-bs-toggle="modal" data-bs-target="#privacyModal"><i class="fas fa-angle-right me-2"></i> Политика конфиденциальности</a></li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <p>© 2015-2025 MTORBIT Systems. Все права защищены.</p>
        </div>
    </div>
</footer>

<!-- Модальное окно ИИ-ассистента -->
<div class="modal fade" id="aiModal" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title"><i class="fas fa-robot"></i> ИИ-ассистент</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div id="serviceTopic" class="alert alert-info mb-3"></div>
                <textarea id="chatInput" class="form-control" placeholder="Введите ваш вопрос..." rows="3"></textarea>
                <button id="sendChat" class="btn btn-success mt-3 w-100">
                    <i class="fas fa-paper-plane"></i> Отправить
                </button>
                <div id="chatOutput" class="mt-3"></div>
            </div>
        </div>
    </div>
</div>

<!-- Модальное окно контактов -->
<div class="modal fade" id="contactModal" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title"><i class="fas fa-envelope"></i> Свяжитесь с нами</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <form>
                    <div class="mb-3">
                        <label for="name" class="form-label">Ваше имя</label>
                        <input type="text" class="form-control" id="name" required="">
                    </div>
                    <div class="mb-3">
                        <label for="email" class="form-label">Email</label>
                        <input type="email" class="form-control" id="email" required="">
                    </div>
                    <div class="mb-3">
                        <label for="message" class="form-label">Сообщение</label>
                        <textarea class="form-control" id="message" rows="4" required=""></textarea>
                    </div>
                    <button type="submit" class="btn btn-success w-100">Отправить</button>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- Кнопка вызова ассистента -->
<button class="assistant-button" data-bs-toggle="modal" data-bs-target="#aiModal">
    <i class="fas fa-robot"></i> Чат с ИИ
</button>

<script src="./Mtorbit_Systems_files/jquery-3.6.4.min.js"></script>
<script src="./Mtorbit_Systems_files/bootstrap.bundle.min.js"></script>
<script>
$(document).ready(function() {
    // Мобильное меню
    $('#mobileMenuBtn').click(function() {
        $('#navMenu').toggleClass('active');
    });
    
    // Закрытие меню при клике на пункт
    $('.nav-link').click(function() {
        if ($(window).width() < 992) {
            $('#navMenu').removeClass('active');
        }
    });
    
    // Обработка клика по кнопкам на карточках
    $('.card-button').on('click', function(e) {
        e.stopPropagation();
        const service = $(this).data('service');
        $('#serviceTopic').html('<strong>Тема:</strong> ' + service);
        $('#chatInput').val(service + ' — Расскажи подробнее');
        $('#aiModal').modal('show');
    });

    // Обработка клика по карточкам на мобильных устройствах
    if ($(window).width() < 768) {
        $('.card-container').on('click', function(e) {
            if (!$(e.target).hasClass('card-button')) {
                $(this).toggleClass('flipped');
            }
        });
    }

    // Функция отправки сообщения
    document.getElementById('sendChat').addEventListener('click', function () {
        const userInput = document.getElementById('chatInput').value.trim();
        const chatOutput = document.getElementById('chatOutput');
        let modalDialog = document.querySelector(".modal-dialog");

        if (!userInput) return;

        // Добавляем сообщение пользователя в чат
        chatOutput.innerHTML += `<div class="user-message"><strong>Вы:</strong> ${userInput}</div>`;
        chatOutput.scrollTop = chatOutput.scrollHeight;

        // Выполняем fetch запрос
        fetch('https://mtorbit.ru/ai/airequest.php', {
            method: 'POST',
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
            body: new URLSearchParams({
                userInput: userInput,
                model: 'Meta-Llama-3.3-70B-Instruct',
                key: 'apikeyaits047'
            })
        })
        .then(response => response.json())
        .then(data => {
            let formattedText = formatText(data.response);
            chatOutput.innerHTML += `<div class="ai-message"><strong>ИИ:</strong> ${formattedText}</div>`;
            chatOutput.scrollTop = chatOutput.scrollHeight;
            
            modalDialog.style.transition = "width 0.5s ease, max-width 0.5s ease";
            
            if (data.response.length > 100) {
                modalDialog.style.width = "100%";
                modalDialog.style.maxWidth = "100%";
            } else {
                modalDialog.style.width = "";
                modalDialog.style.maxWidth = "";
            }
        })
        .catch(error => {
            chatOutput.innerHTML += `<div class="ai-message" style="color:red;"><strong>Ошибка:</strong> Не удалось получить ответ</div>`;
            chatOutput.scrollTop = chatOutput.scrollHeight;
        });

        // Очищаем поле ввода
        document.getElementById('chatInput').value = '';
    });

    // Обработка нажатия Enter в поле ввода
    $('#chatInput').on('keypress', function(e) {
        if (e.which === 13) {
            $('#sendChat').click();
        }
    });

    // Функция форматирования текста
    function formatText(text) {
        return text
            .replace(/\*\*(.*?)\*\*/g, "<b>$1</b>")
            .replace(/\*(.*?)\*/g, "<i>$1</i>")
            .replace(/\n/g, "<br>")
            .replace(/(\d+)\.\s+\*\*(.*?)\*\*/g, "<br><b>$1. $2</b>");
    }
    
    // Анимация счетчика статистики
    function animateCounter() {
        $('.stat-number').each(function() {
            var $this = $(this);
            var countTo = $this.attr('data-count');
            $({ countNum: 0 }).animate({
                countNum: countTo
            }, {
                duration: 2000,
                easing: 'swing',
                step: function() {
                    $this.text(Math.floor(this.countNum));
                },
                complete: function() {
                    $this.text(this.countNum);
                }
            });
        });
    }
    
    // Запуск анимации при прокрутке до секции
    var counted = false;
    $(window).scroll(function() {
        var oTop = $('.stats-section').offset().top - window.innerHeight;
        if (!counted && $(window).scrollTop() > oTop) {
            animateCounter();
            counted = true;
        }
    });
});
</script>


</body></html>
