<!doctype html>
<html lang="ru">
  <head>
    <meta name="zen-verification" content="EbdQf190uKpMexMZD6oO7XOMSfAKJJD87hMg0GPhMDqjlyIJQIx59SEx4wFSx2py" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>АналитикаПросто: внедрение BI-аналитики, дашбордов и цифровизация бизнеса</title>
    <meta
      name="description"
      content="Внедряем управленческую аналитику, BI-дашборды и AI-ассистента для бизнеса за 1-2 недели. Интеграция CRM, учета и таблиц в единый контур принятия решений."
    />
    <meta
      name="keywords"
      content="внедрение аналитики, BI дашборды, Power BI, цифровизация бизнеса, CRM аналитика, управленческая отчетность, AI ассистент для бизнеса"
    />
    <meta name="robots" content="index,follow,max-image-preview:large" />
    <meta name="author" content="АналитикаПросто" />
    <link rel="canonical" href="https://pro-analytics.ru/" />

    <meta property="og:type" content="website" />
    <meta property="og:locale" content="ru_RU" />
    <meta property="og:url" content="https://pro-analytics.ru/" />
    <meta property="og:site_name" content="АналитикаПросто" />
    <meta property="og:title" content="АналитикаПросто: внедрение BI-аналитики, дашбордов и цифровизация бизнеса" />
    <meta
      property="og:description"
      content="Собираем данные из CRM, учета и таблиц в единые KPI-дашборды. Помогаем руководителю принимать решения быстрее на основе прозрачных метрик."
    />
    <meta property="og:image" content="https://pro-analytics.ru/og-image.jpg" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="АналитикаПросто: аналитика и цифровизация для бизнеса" />
    <meta
      name="twitter:description"
      content="Запуск первых полезных отчетов за 1-2 недели. BI-дашборды, цифровизация процессов, AI-ассистенты по вашим данным."
    />
    <meta name="twitter:image" content="https://pro-analytics.ru/og-image.jpg" />

    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Inter:wght@400;500;600;700&display=swap"
      rel="stylesheet"
    />

    <style>
      :root {
        --bg: #0a0f1f;
        --bg-soft: #10172b;
        --card: #121d36;
        --line: #2a3658;
        --text: #f2f4f8;
        --muted: #bec8e2;
        --brand: #4f7cff;
        --brand-2: #19c4d8;
      }
      * {
        box-sizing: border-box;
      }
      body {
        margin: 0;
        font-family: Inter, Arial, sans-serif;
        color: var(--text);
        background:
          radial-gradient(1100px 650px at 82% 8%, rgba(79, 124, 255, 0.34), transparent 60%),
          radial-gradient(900px 600px at 8% 88%, rgba(25, 196, 216, 0.22), transparent 58%),
          linear-gradient(160deg, #080d1c 0%, #0a0f1f 45%, #111f41 100%);
      }
      body::before {
        content: "";
        position: fixed;
        inset: 0;
        pointer-events: none;
        background: radial-gradient(600px 300px at var(--mx, 50%) var(--my, 50%), rgba(255, 255, 255, 0.08), transparent 70%);
        z-index: 0;
      }
      a {
        color: inherit;
        text-decoration: none;
      }
      .container {
        width: min(1120px, calc(100% - 32px));
        margin: 0 auto;
        position: relative;
        z-index: 1;
      }
      .header {
        position: sticky;
        top: 0;
        z-index: 10;
        background: rgba(10, 15, 31, 0.9);
        border-bottom: 1px solid var(--line);
        backdrop-filter: blur(8px);
      }
      .header__in {
        min-height: 66px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
      }
      .logo {
        font-family: Manrope, sans-serif;
        font-weight: 800;
        letter-spacing: -0.02em;
      }
      nav {
        display: flex;
        gap: 14px;
        font-size: 14px;
        color: var(--muted);
      }
      .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 10px 14px;
        border-radius: 12px;
        font-weight: 600;
        border: 1px solid var(--line);
        cursor: pointer;
      }
      .btn--primary {
        background: linear-gradient(135deg, var(--brand), var(--brand-2));
        border-color: transparent;
      }
      .btn--max {
        background: linear-gradient(135deg, var(--brand), var(--brand-2));
        border-color: transparent;
      }
      .btn--vc {
        width: 40px;
        height: 40px;
        padding: 0;
        border-radius: 999px;
        font-family: Manrope, sans-serif;
        font-weight: 800;
        font-size: 13px;
        background: #ffffff;
        color: #0f0f10;
      }
      .hero {
        padding: 52px 0 26px;
      }
      .hero__wrap {
        display: grid;
        grid-template-columns: 1.1fr 0.9fr;
        gap: 16px;
      }
      .card {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
        border: 1px solid var(--line);
        border-radius: 18px;
        transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
      }
      .card:hover {
        transform: translateY(-2px);
        border-color: rgba(79, 124, 255, 0.6);
        box-shadow: 0 16px 30px rgba(7, 20, 50, 0.4);
      }
      .hero__content {
        padding: 26px;
      }
      h1,
      h2,
      h3 {
        font-family: Manrope, sans-serif;
        letter-spacing: -0.02em;
      }
      h1 {
        margin: 10px 0 8px;
        line-height: 1.06;
        font-size: clamp(30px, 4.5vw, 50px);
      }
      .lead {
        color: var(--muted);
        line-height: 1.6;
        margin: 0;
      }
      .hero__actions {
        margin-top: 18px;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
      }
      .badges {
        margin-top: 14px;
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
      }
      .badge {
        padding: 6px 10px;
        border-radius: 999px;
        border: 1px solid var(--line);
        font-size: 12px;
        color: var(--muted);
      }
      .stats {
        display: grid;
        gap: 10px;
        padding: 16px;
      }
      .stat {
        border: 1px solid var(--line);
        border-radius: 14px;
        padding: 12px;
        background: #111b34;
      }
      .stat b {
        display: block;
        font-size: 28px;
        font-family: Manrope, sans-serif;
      }
      .tabs {
        display: flex;
        gap: 10px;
        margin-bottom: 12px;
        flex-wrap: wrap;
      }
      .tab-btn {
        background: #101a31;
        color: var(--text);
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 8px 12px;
        cursor: pointer;
      }
      .tab-btn[aria-selected="true"] {
        background: linear-gradient(135deg, rgba(79, 124, 255, 0.35), rgba(25, 196, 216, 0.3));
        border-color: rgba(79, 124, 255, 0.7);
      }
      .tab-panel[hidden] {
        display: none;
      }
      section {
        padding: 22px 0;
      }
      .section-title {
        margin: 0 0 8px;
        font-size: 30px;
      }
      .section-sub {
        margin: 0 0 14px;
        color: var(--muted);
      }
      .grid-3 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
      }
      .service,
      .case,
      .article {
        padding: 16px;
      }
      .article-link {
        display: block;
        transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
      }
      .article-link:hover {
        transform: translateY(-3px);
        border-color: rgba(79, 124, 255, 0.8);
        box-shadow: 0 16px 30px rgba(7, 20, 50, 0.45);
      }
      .service h3,
      .case h3,
      .article h3 {
        margin: 0 0 8px;
        font-size: 18px;
      }
      .service p,
      .case p,
      .article p {
        margin: 0;
        color: var(--muted);
        line-height: 1.55;
      }
      .process {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 10px;
      }
      .step {
        padding: 12px;
        border: 1px solid var(--line);
        border-radius: 14px;
        background: #101a31;
      }
      .step b {
        display: block;
        margin-bottom: 6px;
      }
      .faq details {
        border: 1px solid var(--line);
        border-radius: 12px;
        margin-bottom: 8px;
        background: #111b34;
      }
      .faq summary {
        padding: 12px;
        cursor: pointer;
        font-weight: 600;
      }
      .faq p {
        padding: 0 12px 12px;
        margin: 0;
        color: var(--muted);
      }
      .dashboards-layout {
        display: grid;
        grid-template-columns: 1.1fr 0.9fr;
        gap: 12px;
      }
      .dashboard-main {
        overflow: hidden;
      }
      .dashboard-frame,
      .dashboard-image {
        width: 100%;
        border: 0;
        aspect-ratio: 16 / 9;
        display: block;
        background: #0b1429;
      }
      .dashboard-image[hidden],
      .dashboard-frame[hidden] {
        display: none;
      }
      .dashboard-meta {
        padding: 12px;
        border-top: 1px solid var(--line);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
      }
      .dashboard-meta p {
        margin: 0;
      }
      .dashboard-meta small {
        color: var(--muted);
      }
      .dashboard-list {
        display: grid;
        gap: 10px;
      }
      .dash-item {
        text-align: left;
        width: 100%;
        background: #101a31;
        color: var(--text);
        border: 1px solid var(--line);
        border-radius: 14px;
        padding: 10px 12px;
        cursor: pointer;
      }
      .dash-item[aria-current="true"] {
        border-color: rgba(79, 124, 255, 0.8);
        background: linear-gradient(135deg, rgba(79, 124, 255, 0.25), rgba(25, 196, 216, 0.16));
      }
      .dash-item b {
        display: block;
        margin-bottom: 4px;
      }
      .dash-item span {
        color: var(--muted);
        font-size: 13px;
      }
      .contact {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }
      .contact ul {
        margin: 10px 0 0;
        padding: 0;
        list-style: none;
      }
      .contact li {
        margin-bottom: 8px;
        color: var(--muted);
      }
      footer {
        border-top: 1px solid var(--line);
        margin-top: 20px;
        padding: 16px 0 30px;
        color: var(--muted);
        font-size: 14px;
      }
      .mouse-trail {
        position: fixed;
        width: 18px;
        height: 18px;
        border-radius: 999px;
        pointer-events: none;
        background: radial-gradient(circle, rgba(79, 124, 255, 0.9), rgba(25, 196, 216, 0.1));
        filter: blur(0.5px);
        transform: translate(-50%, -50%);
        z-index: 30;
        opacity: 0;
      }
      .reveal {
        opacity: 0;
        transform: translateY(18px);
        transition: opacity 0.6s ease, transform 0.6s ease;
      }
      .reveal.show {
        opacity: 1;
        transform: translateY(0);
      }
      @media (max-width: 900px) {
        .hero__wrap,
        .grid-3,
        .process,
        .dashboards-layout,
        .contact {
          grid-template-columns: 1fr;
        }
        .header__in {
          flex-wrap: wrap;
          padding: 10px 0;
        }
      }
    </style>

    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@graph": [
          {
            "@type": "Organization",
            "name": "АналитикаПросто",
            "url": "https://pro-analytics.ru/",
            "email": "hello@pro-analytics.ru",
            "telephone": "+79655446269",
            "address": {
              "@type": "PostalAddress",
              "addressLocality": "Екатеринбург",
              "streetAddress": "ул. Чкалова 18-243"
            },
            "sameAs": ["https://vc.ru/id1231016"]
          },
          {
            "@type": "ProfessionalService",
            "name": "Внедрение аналитики и цифровизация",
            "provider": { "@type": "Organization", "name": "АналитикаПросто" },
            "areaServed": "RU",
            "serviceType": ["BI-аналитика", "Дашборды", "CRM-консалтинг", "AI-ассистенты"]
          },
          {
            "@type": "FAQPage",
            "mainEntity": [
              {
                "@type": "Question",
                "name": "Сколько времени до первого полезного отчета?",
                "acceptedAnswer": {
                  "@type": "Answer",
                  "text": "Обычно первые рабочие отчеты появляются в течение 1-2 недель после старта."
                }
              },
              {
                "@type": "Question",
                "name": "Какие данные нужны для старта?",
                "acceptedAnswer": {
                  "@type": "Answer",
                  "text": "Нужны доступы к CRM, учетным системам и/или таблицам, а также список ключевых метрик и целей."
                }
              }
            ]
          }
        ]
      }
    </script>
  </head>
  <body>
    <header class="header">
      <div class="container header__in">
        <div class="logo">АналитикаПросто</div>
        <nav aria-label="Основная навигация">
          <a href="#services">Услуги</a>
          <a href="#cases">Кейсы</a>
          <a href="#blog">Экспертиза</a>
          <a href="#contact">Контакты</a>
        </nav>
        <!-- Telegram-кнопка с универсальным открытием (app + web) -->
        <a class="btn btn--primary" href="https://t.me/JVK_evgeniy" data-telegram-username="JVK_evgeniy">Обсудить задачу</a>
        <a class="btn btn--max" href="https://max.ru/u/f9LHodD0cOKmvhrYLAHeEPjIlXWSh4yWcAofScl3El4GPN5y4PhyHC6SqFQ" target="_blank" rel="noopener noreferrer">MAX</a>
      </div>
    </header>

    <main>
      <section class="hero reveal">
        <div class="container hero__wrap">
          <article class="card hero__content">
            <p class="badge">BI-аналитика, цифровизация, консалтинг</p>
            <h1>Внедряем управленческую аналитику, чтобы руководитель видел реальные причины роста и потерь</h1>
            <p class="lead">
              Собираем данные из CRM, учета и таблиц в единый контур. Запускаем онлайн-дашборды и AI-ассистента по вашим данным за 1-2 недели.
            </p>
            <div class="hero__actions">
              <a class="btn btn--primary" href="#contact">Получить план внедрения</a>
              <a class="btn" href="#cases">Смотреть кейсы</a>
              <a class="btn btn--vc" href="https://vc.ru/id1231016" target="_blank" rel="noopener noreferrer" aria-label="Блог на vc.ru">vc</a>
            </div>
            <div class="badges">
              <span class="badge">Прозрачная методика расчета KPI</span>
              <span class="badge">Интеграция CRM / учет / Excel</span>
              <span class="badge">AI-ассистент 24/7</span>
            </div>
          </article>

          <aside class="card stats" aria-label="Ключевые показатели подхода">
            <div class="stat"><span>Срок до первого результата</span><b><span data-count="2">0</span> недели</b><span>Первые управленческие отчеты и рабочие KPI</span></div>
            <div class="stat"><span>Типовые интеграции</span><b><span data-count="6">0</span>+</b><span>CRM, учетные системы, таблицы и внешние источники</span></div>
            <div class="stat"><span>Формат данных</span><b><span data-count="24">0</span> KPI</b><span>Одна версия правды для руководителя и команд</span></div>
          </aside>
        </div>
      </section>

      <section id="services" class="reveal">
        <div class="container">
          <h2 class="section-title">Услуги для роста эффективности бизнеса</h2>
          <p class="section-sub">Закрываем цепочку: источники данных -> модель -> KPI -> дашборды -> управленческие действия.</p>
          <div class="tabs" role="tablist" aria-label="Категории услуг">
            <button class="tab-btn" role="tab" id="tab-1" aria-controls="panel-1" aria-selected="true" type="button">BI-дашборды</button>
            <button class="tab-btn" role="tab" id="tab-2" aria-controls="panel-2" aria-selected="false" type="button">Цифровизация</button>
            <button class="tab-btn" role="tab" id="tab-3" aria-controls="panel-3" aria-selected="false" type="button">CRM-консалтинг</button>
          </div>
          <div class="tab-panel card service" id="panel-1" role="tabpanel" aria-labelledby="tab-1">
            <h3>BI-дашборды и управленческая отчетность</h3>
            <p>Проектируем дашборды под роль руководителя, коммерческого блока и операционных команд. Убираем слепые зоны в выручке, марже и эффективности.</p>
          </div>
          <div class="tab-panel card service" id="panel-2" role="tabpanel" aria-labelledby="tab-2" hidden>
            <h3>Цифровизация и автоматизация отчетов</h3>
            <p>Снижаем ручной труд в Excel, исключаем дубли и расхождения, ускоряем цикл от данных до решений.</p>
          </div>
          <div class="tab-panel card service" id="panel-3" role="tabpanel" aria-labelledby="tab-3" hidden>
            <h3>CRM-консалтинг и дисциплина данных</h3>
            <p>Настраиваем воронки, статусы и отчетность, чтобы CRM стала управленческим инструментом, а не просто базой контактов.</p>
          </div>
        </div>
      </section>

      <section class="reveal">
        <div class="container">
          <h2 class="section-title">Как проходит внедрение</h2>
          <p class="section-sub">Понятный процесс с контрольными точками, где видно, что уже сделано и какой эффект получен.</p>
          <div class="process">
            <div class="step"><b>1. Диагностика</b><span>Цели, метрики, источники, ограничения.</span></div>
            <div class="step"><b>2. Архитектура</b><span>Модель данных и правила расчета KPI.</span></div>
            <div class="step"><b>3. Сборка</b><span>Интеграции, витрины, первые отчеты.</span></div>
            <div class="step"><b>4. Запуск</b><span>Дашборды и обучение команды.</span></div>
            <div class="step"><b>5. Масштаб</b><span>AI-ассистент и расширение контура.</span></div>
          </div>
        </div>
      </section>

      <section id="cases" class="reveal">
        <div class="container">
          <h2 class="section-title">Кейсы и практические результаты</h2>
          <p class="section-sub">Основа контента - реальные управленческие ситуации и отраслевая практика.</p>
          <div class="grid-3">
            <article class="card case">
              <h3>Розница: сигнал "утренняя слепота"</h3>
              <p>Собственник узнавал о проблемах поздно из-за разрозненных отчетов. После стандартизации KPI и единого дашборда сократили время реакции на отклонения.</p>
            </article>
            <article class="card case">
              <h3>Отделы "говорят на разных языках"</h3>
              <p>Финансы, коммерция и операционный блок опирались на разные цифры. Внедрили единые правила метрик и прозрачные источники, снизили число конфликтов на планерках.</p>
            </article>
            <article class="card case">
              <h3>Бюрократия из Excel</h3>
              <p>Команды тратили время на ручную перекладку данных. Автоматизировали контур сбора и консолидации, освободили ресурс под анализ и управленческие действия.</p>
            </article>
          </div>
        </div>
      </section>

      <section id="dashboards" class="reveal">
        <div class="container">
          <h2 class="section-title">Примеры дашбордов</h2>
          <p class="section-sub">Кликайте по миниатюрам справа, чтобы открыть интерактивный пример или скриншот отчета.</p>
          <div class="dashboards-layout">
            <article class="card dashboard-main">
              <iframe
                id="dashboard-frame"
                class="dashboard-frame"
                title="Операционные KPI"
                src="https://app.powerbi.com/view?r=eyJrIjoiMGRhM2E3MmEtODU0Yi00N2Q2LThjMjYtZTU2MjQ1M2VlZmUxIiwidCI6IjI2ODYzNGRmLWE1MTYtNDE0MC1iNTQyLTViOTdkYWIwZmI1NSIsImMiOjl9"
                allowfullscreen="true"
              ></iframe>
              <img id="dashboard-image" class="dashboard-image" src="" alt="" hidden />
              <div class="dashboard-meta">
                <div>
                  <small id="dashboard-subtitle">Онлайн-контроль ключевых показателей</small>
                  <p id="dashboard-title"><b>Операционные KPI</b></p>
                </div>
                <a id="dashboard-link" class="btn btn--primary" href="https://app.powerbi.com/view?r=eyJrIjoiMGRhM2E3MmEtODU0Yi00N2Q2LThjMjYtZTU2MjQ1M2VlZmUxIiwidCI6IjI2ODYzNGRmLWE1MTYtNDE0MC1iNTQyLTViOTdkYWIwZmI1NSIsImMiOjl9" target="_blank" rel="noopener noreferrer">Открыть в Power BI</a>
              </div>
            </article>
            <aside class="dashboard-list">
              <button
                class="dash-item"
                type="button"
                aria-current="true"
                data-title="Операционные KPI"
                data-sub="Онлайн-контроль ключевых показателей"
                data-link="https://app.powerbi.com/view?r=eyJrIjoiMGRhM2E3MmEtODU0Yi00N2Q2LThjMjYtZTU2MjQ1M2VlZmUxIiwidCI6IjI2ODYzNGRmLWE1MTYtNDE0MC1iNTQyLTViOTdkYWIwZmI1NSIsImMiOjl9"
                data-iframe-src="https://app.powerbi.com/view?r=eyJrIjoiMGRhM2E3MmEtODU0Yi00N2Q2LThjMjYtZTU2MjQ1M2VlZmUxIiwidCI6IjI2ODYzNGRmLWE1MTYtNDE0MC1iNTQyLTViOTdkYWIwZmI1NSIsImMiOjl9"
              >
                <b>Операционные KPI</b>
                <span>Онлайн-контроль ключевых показателей</span>
              </button>
              <button
                class="dash-item"
                type="button"
                aria-current="false"
                data-title="Финансы и эффективность"
                data-sub="ОПУ и детализация по подразделениям"
                data-src="./dashboard-2.png"
                data-alt="Пример дашборда Финансы и эффективность"
              >
                <b>Финансы и эффективность</b>
                <span>ОПУ и детализация по подразделениям</span>
              </button>
              <button
                class="dash-item"
                type="button"
                aria-current="false"
                data-title="Сравнение периодов"
                data-sub="Год-к-году и сравнение двух периодов"
                data-src="https://via.placeholder.com/1200x675.png?text=%D0%94%D0%B0%D1%88%D0%B1%D0%BE%D1%80%D0%B4+%E2%84%963"
                data-alt="Пример дашборда Сравнение периодов"
              >
                <b>Сравнение периодов</b>
                <span>Год-к-году и сравнение двух периодов</span>
              </button>
              <button
                class="dash-item"
                type="button"
                aria-current="false"
                data-title="Авто"
                data-sub="Отчет по продажам и эффективности"
                data-link="https://app.powerbi.com/view?r=eyJrIjoiYTJmZDY0ODUtNTc3Zi00NGU5LTliZmEtNGE2YzYwOGQ1ZmNkIiwidCI6IjI2ODYzNGRmLWE1MTYtNDE0MC1iNTQyLTViOTdkYWIwZmI1NSIsImMiOjl9"
                data-iframe-src="https://app.powerbi.com/view?r=eyJrIjoiYTJmZDY0ODUtNTc3Zi00NGU5LTliZmEtNGE2YzYwOGQ1ZmNkIiwidCI6IjI2ODYzNGRmLWE1MTYtNDE0MC1iNTQyLTViOTdkYWIwZmI1NSIsImMiOjl9"
              >
                <b>Авто</b>
                <span>Отчет по продажам и эффективности</span>
              </button>
            </aside>
          </div>
        </div>
      </section>

      <section id="blog" class="reveal">
        <div class="container">
          <h2 class="section-title">Экспертиза и статьи по проблематике</h2>
          <p class="section-sub">Материалы формируют доверие, собирают поисковый трафик и помогают прогревать аудиторию до заявки.</p>
          <div class="grid-3">
            <a
              class="card article article-link"
              href="https://vc.ru/retail/2741472-pyat-signalov-o-poterakh-v-biznese"
              target="_blank"
              rel="noopener noreferrer"
            >
              <h3>Пять сигналов, что бизнес теряет деньги</h3>
              <p>Серия материалов о ключевых управленческих симптомах: от "утренней слепоты" до потерь на уровне процесса принятия решений.</p>
            </a>
            <a
              class="card article article-link"
              href="https://vc.ru/ai/2813022-razroznennyy-zoopark-kak-obedinit-otdely"
              target="_blank"
              rel="noopener noreferrer"
            >
              <h3>Разрозненный зоопарк данных между отделами</h3>
              <p>Разбор причин, почему команды опираются на разные цифры, и как единая модель данных возвращает управляемость.</p>
            </a>
            <a
              class="card article article-link"
              href="https://vc.ru/retail/2302052-oborachivaemost-v-biznese-kommercheskaya-i-finansovaya-oborachivaemost"
              target="_blank"
              rel="noopener noreferrer"
            >
              <h3>Когда оборачиваемость не равна оборачиваемости</h3>
              <p>Практический пример, как неверная методика расчета KPI приводит к ошибочным решениям в управлении бизнесом.</p>
            </a>
          </div>
          <p class="section-sub" style="margin-top: 12px">
            Полный блог и новые публикации:
            <a class="btn btn--vc" href="https://vc.ru/id1231016" target="_blank" rel="noopener noreferrer" aria-label="Перейти в блог vc.ru">vc</a>
          </p>
        </div>
      </section>

      <section class="reveal">
        <div class="container">
          <h2 class="section-title">Частые вопросы</h2>
          <div class="faq">
            <details>
              <summary>Сколько времени до первого полезного результата?</summary>
              <p>Обычно 1-2 недели до первых отчетов. Далее наращиваем глубину аналитики и управленческих сценариев.</p>
            </details>
            <details>
              <summary>Можно ли подключить несколько филиалов или магазинов?</summary>
              <p>Да, строим фильтры и сравнения по подразделениям и периодам, чтобы видеть различия в эффективности и их причины.</p>
            </details>
            <details>
              <summary>Что делает AI-ассистент и как он работает с данными?</summary>
              <p>Ассистент отвечает на вопросы по вашим показателям, указывает источник данных и корректно сообщает, если данных для ответа недостаточно. Также он отправляет регулярные отчеты и сводки, сигнализирует о критичных отклонениях.</p>
            </details>
          </div>
        </div>
      </section>

      <section id="contact" class="reveal">
        <div class="container contact">
          <article class="card service">
            <h2 class="section-title" style="font-size: 28px">Обсудить задачу</h2>
            <p class="section-sub">Подскажем, с какого контура аналитики лучше начать в вашей ситуации.</p>
            <ul>
              <li>Телефон: <a href="tel:+79655446269">+7 965 544 6269</a></li>
              <li>Email: hello@pro-analytics.ru</li>
              <li>Адрес: г. Екатеринбург, ул. Чкалова 18-243</li>
            </ul>
            <div class="hero__actions">
              <!-- Кнопки Telegram с универсальным открытием (app + web) -->
              <a class="btn btn--primary" href="https://t.me/JVK_evgeniy" data-telegram-username="JVK_evgeniy">Связаться в Telegram</a>
              <a class="btn btn--max" href="https://max.ru/u/f9LHodD0cOKmvhrYLAHeEPjIlXWSh4yWcAofScl3El4GPN5y4PhyHC6SqFQ" target="_blank" rel="noopener noreferrer">Связаться в MAX</a>
              <a class="btn" href="https://t.me/pro_analyticsss" data-telegram-username="pro_analyticsss">Телеграм-канал</a>
            </div>
          </article>
          <article class="card service">
            <h3>Как мы работаем с задачей</h3>
            <p>Разбираем цель бизнеса, согласуем набор метрик, фиксируем источник данных и прозрачные правила расчета показателей для управленческих решений.</p>
            <h3 style="margin-top: 16px">Формат взаимодействия</h3>
            <p>Работаем поэтапно: стартовая диагностика, запуск первых отчетов и дальнейшее масштабирование аналитического контура под вашу структуру.</p>
          </article>
        </div>
      </section>
    </main>

    <footer>
      <div class="container">
        <p>© 2023-2026 АналитикаПросто. Внедрение аналитики и цифровизация бизнес-процессов.</p>
        <p>Посетителей сайта: <span data-count="1200">0</span></p>
      </div>
    </footer>
    <div class="mouse-trail" aria-hidden="true"></div>
    <script>
      (function () {
        // ---- Универсальная функция для открытия Telegram (приложение -> веб-запасной вариант) ----
        function openTelegramSmart(username, fallbackUrl) {
          if (!username && !fallbackUrl) return;
          const tgUrl = `tg://resolve?domain=${encodeURIComponent(username)}`;
          const webUrl = fallbackUrl || `https://t.me/${encodeURIComponent(username)}`;
          
          let fallbackTimer = null;
          let redirected = false;
          
          // Попытка открыть приложение
          window.location.href = tgUrl;
          
          // Таймер на случай, если приложение не запустилось (2 секунды)
          fallbackTimer = setTimeout(() => {
            if (!redirected) {
              redirected = true;
              window.location.href = webUrl;
            }
          }, 2000);
          
          // Если приложение успешно открылось, страница теряет фокус (blur) или становится невидимой
          window.addEventListener('blur', () => {
            if (!redirected) {
              redirected = true;
              clearTimeout(fallbackTimer);
            }
          });
          
          document.addEventListener('visibilitychange', () => {
            if (document.hidden) {
              if (!redirected) {
                redirected = true;
                clearTimeout(fallbackTimer);
              }
            }
          });
        }
        
        // Находим все ссылки с атрибутом data-telegram-username
        const tgLinks = document.querySelectorAll('[data-telegram-username]');
        tgLinks.forEach(link => {
          link.addEventListener('click', (e) => {
            e.preventDefault(); // отменяем обычный переход по href (веб-версия)
            const username = link.getAttribute('data-telegram-username');
            const fallbackHref = link.getAttribute('href'); // сохраняем как запасной URL
            if (username) {
              openTelegramSmart(username, fallbackHref);
            } else {
              // на случай, если username не указан — просто переходим по href
              window.location.href = fallbackHref;
            }
          });
        });
        
        // ---- Остальная логика сайта (вкладки, дашборды, анимация счётчиков, trail и т.д.) ----
        var tabs = Array.prototype.slice.call(document.querySelectorAll('.tab-btn'));
        var panels = Array.prototype.slice.call(document.querySelectorAll('.tab-panel'));
        function setActiveTab(id) {
          tabs.forEach(function (tab) {
            var active = tab.id === id;
            tab.setAttribute('aria-selected', active ? 'true' : 'false');
          });
          panels.forEach(function (panel) {
            var show = panel.getAttribute('aria-labelledby') === id;
            if (show) panel.removeAttribute('hidden');
            else panel.setAttribute('hidden', '');
          });
        }
        tabs.forEach(function (tab) {
          tab.addEventListener('click', function () {
            setActiveTab(tab.id);
          });
        });
        
        var dashButtons = Array.prototype.slice.call(document.querySelectorAll('.dash-item'));
        var dashFrame = document.getElementById('dashboard-frame');
        var dashImage = document.getElementById('dashboard-image');
        var dashTitle = document.getElementById('dashboard-title');
        var dashSubtitle = document.getElementById('dashboard-subtitle');
        var dashLink = document.getElementById('dashboard-link');
        
        function activateDashboard(btn) {
          dashButtons.forEach(function (item) { item.setAttribute('aria-current', 'false'); });
          btn.setAttribute('aria-current', 'true');
          
          var title = btn.getAttribute('data-title') || 'Дашборд';
          var sub = btn.getAttribute('data-sub') || '';
          var iframeSrc = btn.getAttribute('data-iframe-src');
          var imageSrc = btn.getAttribute('data-src');
          var link = btn.getAttribute('data-link');
          
          dashTitle.innerHTML = '<b>' + title + '</b>';
          dashSubtitle.textContent = sub;
          
          if (iframeSrc) {
            dashFrame.src = iframeSrc;
            dashFrame.hidden = false;
            dashImage.hidden = true;
          } else if (imageSrc) {
            dashImage.src = imageSrc;
            dashImage.alt = btn.getAttribute('data-alt') || title;
            dashImage.hidden = false;
            dashFrame.hidden = true;
            dashFrame.src = 'about:blank';
          }
          
          if (link) {
            dashLink.href = link;
            dashLink.hidden = false;
          } else {
            dashLink.hidden = true;
          }
        }
        
        dashButtons.forEach(function (btn) {
          btn.addEventListener('click', function () { activateDashboard(btn); });
        });
        
        var trail = document.querySelector('.mouse-trail');
        if (trail) {
          var x = window.innerWidth / 2;
          var y = window.innerHeight / 2;
          var tx = x;
          var ty = y;
          window.addEventListener('mousemove', function (e) {
            tx = e.clientX;
            ty = e.clientY;
            document.body.style.setProperty('--mx', tx + 'px');
            document.body.style.setProperty('--my', ty + 'px');
            trail.style.opacity = '1';
          });
          window.addEventListener('mouseleave', function () {
            trail.style.opacity = '0';
          });
          function animate() {
            x += (tx - x) * 0.16;
            y += (ty - y) * 0.16;
            trail.style.left = x + 'px';
            trail.style.top = y + 'px';
            requestAnimationFrame(animate);
          }
          animate();
        }
        
        var revealEls = Array.prototype.slice.call(document.querySelectorAll('.reveal'));
        if ('IntersectionObserver' in window) {
          var io = new IntersectionObserver(function (entries) {
            entries.forEach(function (entry) {
              if (entry.isIntersecting) {
                entry.target.classList.add('show');
                io.unobserve(entry.target);
              }
            });
          }, { threshold: 0.15 });
          revealEls.forEach(function (el) { io.observe(el); });
        } else {
          revealEls.forEach(function (el) { el.classList.add('show'); });
        }
        
        function animateCount(el) {
          var target = parseInt(el.getAttribute('data-count') || '0', 10);
          var start = 0;
          var duration = 900;
          var startTime = performance.now();
          function tick(now) {
            var p = Math.min(1, (now - startTime) / duration);
            var eased = 1 - Math.pow(1 - p, 3);
            el.textContent = String(Math.round(start + (target - start) * eased));
            if (p < 1) requestAnimationFrame(tick);
          }
          requestAnimationFrame(tick);
        }
        var counters = Array.prototype.slice.call(document.querySelectorAll('[data-count]'));
        if ('IntersectionObserver' in window) {
          var cIo = new IntersectionObserver(function (entries) {
            entries.forEach(function (entry) {
              if (entry.isIntersecting) {
                animateCount(entry.target);
                cIo.unobserve(entry.target);
              }
            });
          }, { threshold: 0.6 });
          counters.forEach(function (counter) { cIo.observe(counter); });
        } else {
          counters.forEach(animateCount);
        }
      })();
    </script>
  </body>
</html>