<!DOCTYPE html>
<html lang="ru">
<head>
  <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2T02M1XMWW"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-2T02M1XMWW');
</script>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Askar Bapen | Business TRIZ, Kaizen, Lean | CIS & Central Asia</title>
  <meta name="description" content="Master of Business TRIZ, Kaizen and Lean Practitioner. Process optimisation and innovative solutions for CIS, Central Asia and the Middle East.">
  <meta name="author" content="Askar Bapen">
  <meta name="robots" content="index, follow">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="apple-touch-icon" href="favicon-192.png">
  <link rel="canonical" href="https://askarbapen.com/">
  <link rel="alternate" hreflang="x-default" href="https://askarbapen.com/">
  <link rel="alternate" hreflang="ru" href="https://askarbapen.com/">
  <link rel="alternate" hreflang="kk" href="https://askarbapen.com/">
  <link rel="alternate" hreflang="en" href="https://askarbapen.com/">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://askarbapen.com/">
  <meta property="og:title" content="Askar Bapen | Business TRIZ, Kaizen and Lean">
  <meta property="og:description" content="Master of Business TRIZ, Kaizen and Lean Practitioner. Operational excellence for CIS, Central Asia and the Middle East.">
  <meta property="og:image" content="https://askarbapen.com/og-image.jpg">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Askar Bapen | Business TRIZ, Kaizen and Lean">
  <meta name="twitter:description" content="Master of Business TRIZ, Kaizen and Lean Practitioner. Operational excellence for CIS, Central Asia and the Middle East.">
  <meta name="twitter:image" content="https://askarbapen.com/og-image.jpg">
  <script type="application/ld+json">
  {"@context":"https://schema.org","@graph":[{"@type":"Person","@id":"https://askarbapen.com/#person","name":"Askar Bapen","alternateName":"Аскар Бапен","url":"https://askarbapen.com/","jobTitle":"Master of Business TRIZ","worksFor":{"@type":"Organization","name":"KAIZEN-TRIZ PARTNERS"},"sameAs":["https://www.linkedin.com/in/askar-bapen","https://t.me/bapeninsights"]},{"@type":"WebSite","@id":"https://askarbapen.com/#website","url":"https://askarbapen.com/","name":"Askar Bapen | KAIZEN-TRIZ PARTNERS","description":"Business TRIZ, Kaizen and Lean consulting and training","publisher":{"@id":"https://askarbapen.com/#person"}}]}
  </script>
  <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=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=DM+Sans:wght@300;400;500&display=swap" rel="stylesheet">
  <style>
    :root {
      --bg: #1a1917; --bg2: #222018; --bg3: #2a2820;
      --gold: #D4A843; --gold-light: #e8c070;
      --text: #FFFFFF; --text2: #E0DDD6; --text3: #9a9488;
      --border: rgba(212,168,67,0.25); --border2: rgba(245,242,234,0.12);
      --font-head: 'Cormorant Garamond', serif; --font-body: 'DM Sans', sans-serif;
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { background: var(--bg); color: var(--text); font-family: var(--font-body); font-size: 17px; line-height: 1.75; -webkit-font-smoothing: antialiased; }
    a { color: inherit; text-decoration: none; }
    .container { max-width: 1100px; margin: 0 auto; padding: 0 32px; }
    nav { position: sticky; top: 0; z-index: 100; background: var(--bg); border-bottom: 0.5px solid var(--border2); padding: 18px 0; }
    .nav-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
    .nav-logo { text-transform: uppercase; font-family: var(--font-head); font-size: 20px; font-weight: 500; letter-spacing: 0.04em; color: var(--text); white-space: nowrap; }
    .nav-logo span { color: var(--gold); }
    .nav-right { display: flex; align-items: center; gap: 32px; }
    .nav-links { display: flex; gap: 12px; }
    .nav-links a { text-transform: uppercase; font-size: 10px; color: var(--text); transition: color 0.15s; letter-spacing: 0.02em; }
    .nav-links a:hover { color: var(--gold); }
    .nav-social { display: flex; gap: 14px; align-items: center; }
    .nav-social a { text-transform: uppercase; color: var(--text2); font-size: 13px; letter-spacing: 0.05em; transition: color 0.15s; }
    .nav-social a:hover { color: var(--gold); }
    .lang-switcher { display: flex; gap: 4px; }
    .lang-switcher button { background: none; border: 0.5px solid var(--border2); color: var(--text3); font-family: var(--font-body); font-size: 11px; padding: 4px 8px; cursor: pointer; border-radius: 3px; transition: all 0.15s; letter-spacing: 0.05em; }
    .lang-switcher button:hover, .lang-switcher button.active { border-color: var(--gold); color: var(--gold); }
    .nav-logo-img { height: 36px; opacity: 0.85; transition: opacity 0.15s; }
    .nav-logo-img:hover { opacity: 1; }
    .hero { padding: 80px 0 60px; display: flex; align-items: center; justify-content: space-between; gap: 40px; border-bottom: 0.5px solid var(--border2); }
    .hero-text { max-width: 580px; }
    .badge { display: inline-block; background: rgba(201,168,76,0.15); border: 0.5px solid var(--gold); color: var(--gold); font-size: 12px; padding: 5px 14px; border-radius: 20px; letter-spacing: 0.03em; margin-bottom: 24px; }
    .hero h1 { font-family: var(--font-head); font-size: 58px; font-weight: 500; line-height: 1.1; color: var(--text); margin-bottom: 24px; }
    .hero-sub { font-size: 18px; color: var(--text); line-height: 1.75; }
    .hero-photo { flex-shrink: 0; width: 160px; height: 160px; border-radius: 50%; border: 0.5px solid var(--border); overflow: hidden; position: relative; background: var(--bg3); display: flex; align-items: center; justify-content: center; }
    .hero-photo img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
    .hero-photo-placeholder { font-family: var(--font-head); font-size: 42px; color: var(--gold); font-weight: 400; display: none; }
    .section-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.12em; color: var(--text3); margin-bottom: 28px; }
    .fork { padding: 70px 0; border-bottom: 0.5px solid var(--border2); }
    .fork-question { font-family: var(--font-head); font-size: 26px; color: var(--text2); text-align: center; margin-bottom: 36px; letter-spacing: 0.08em; text-transform: uppercase; }
    .fork-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
    .fork-card { background: var(--bg2); border: 0.5px solid var(--border2); border-top: 2px solid var(--gold); border-radius: 12px; padding: 28px; cursor: pointer; transition: border-color 0.15s, background 0.15s; }
    .fork-card:hover { border-color: var(--gold); border-top-color: var(--gold-light); background: var(--bg3); }
    .fork-card h3 { font-family: var(--font-head); font-size: 26px; font-weight: 500; color: var(--text); margin-bottom: 12px; }
    .fork-card-desc { font-size: 15px; color: var(--text); margin-bottom: 20px; line-height: 1.65; }

    /* --- Diagnostic block --- */
    .diagnostic { padding: 70px 0; border-bottom: 0.5px solid var(--border2); }
    .diagnostic-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
    .diag-card { background: var(--bg2); border: 0.5px solid var(--border2); border-radius: 12px; padding: 28px; display: flex; flex-direction: column; gap: 20px; }
    .diag-icon { width: 48px; height: 48px; border-radius: 8px; background: rgba(212,168,67,0.12); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .diag-title { font-family: var(--font-head); font-size: 22px; font-weight: 500; color: var(--text); letter-spacing: 0.06em; }
    .diag-btn { display: block; text-align: center; border: 0.5px solid var(--gold); color: var(--gold); padding: 12px 20px; border-radius: 6px; font-size: 14px; font-family: var(--font-body); transition: background 0.15s, color 0.15s; margin-top: auto; }
    .diag-btn:hover { background: var(--gold); color: var(--bg); }
    @media (max-width: 768px) { .diagnostic-grid { grid-template-columns: 1fr; } }
    /* --- end diagnostic --- */

    .stats { padding: 70px 0; border-bottom: 0.5px solid var(--border2); }
    .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
    .stat-card { background: var(--bg2); border: 0.5px solid var(--border2); border-radius: 8px; padding: 20px; text-align: center; }
    .stat-num { font-family: var(--font-head); font-size: 32px; font-weight: 500; color: var(--gold); display: block; margin-bottom: 8px; }
    .stat-desc { font-size: 14px; color: var(--text2); line-height: 1.4; }
    .credentials { padding: 70px 0; border-bottom: 0.5px solid var(--border2); }
    .cred-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .cred-card { background: var(--bg2); border: 0.5px solid var(--border2); border-top: 2px solid var(--gold); border-radius: 12px; padding: 22px; }
    .cred-title { font-size: 17px; font-weight: 500; color: var(--text); margin-bottom: 6px; }
    .cred-link { font-size: 13px; color: var(--gold); opacity: 0.9; transition: opacity 0.15s; }
    .cred-link:hover { opacity: 1; }
    .guarantees { padding: 70px 0; border-bottom: 0.5px solid var(--border2); }
    .guarantee-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
    .guarantee-card { background: var(--bg2); border: 0.5px solid var(--border2); border-radius: 12px; padding: 28px; }
    .guarantee-num { font-family: var(--font-head); font-size: 40px; font-weight: 500; color: var(--gold); display: block; margin-bottom: 8px; }
    .guarantee-desc { font-size: 15px; color: var(--text); line-height: 1.65; }
    .semantic-block { padding: 28px 0 48px; border-top: 0.5px solid var(--border2); }
    .semantic-block p { font-size: 11px; text-transform: uppercase; letter-spacing: 0.12em; color: var(--text3); margin-bottom: 16px; }
    .semantic-block ul { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
    .semantic-block ul li { font-size: 13px; color: var(--text3); background: rgba(255,255,255,0.03); border: 0.5px solid var(--border2); border-radius: 3px; padding: 4px 10px; }
    footer { padding: 48px 0; text-align: center; border-top: 0.5px solid var(--border2); }
    .footer-contacts { display: flex; justify-content: center; gap: 32px; flex-wrap: wrap; margin-bottom: 20px; }
    .footer-contacts a { font-size: 15px; color: var(--text2); transition: color 0.15s; }
    .footer-contacts a:hover { color: var(--gold); }
    .footer-copy { font-size: 12px; color: var(--text3); }
    .ar-message { display: none; text-align: center; padding: 80px 32px 120px; font-size: 28px; color: var(--gold); font-family: serif; direction: rtl; }
    .ar-lang-bar { display: flex; justify-content: center; gap: 8px; margin-bottom: 48px; direction: ltr; }
    .ar-lang-bar button { background: none; border: 0.5px solid rgba(245,242,234,0.12); color: #9a9488; font-family: 'DM Sans', sans-serif; font-size: 11px; padding: 4px 8px; cursor: pointer; border-radius: 3px; transition: all 0.15s; letter-spacing: 0.05em; }
    .ar-lang-bar button:hover { border-color: #D4A843; color: #D4A843; }
    .reveal { opacity: 1; transform: translateY(0); transition: opacity 0.6s ease, transform 0.6s ease; }
    .reveal.visible { opacity: 1; transform: translateY(0); }
    @media (max-width: 768px) { .hero { flex-direction: column-reverse; padding: 40px 0; } .hero h1 { font-size: 36px; } .fork-grid { grid-template-columns: 1fr; } .stats-grid { grid-template-columns: 1fr 1fr; } .cred-grid { grid-template-columns: 1fr; } .guarantee-grid { grid-template-columns: 1fr; } .nav-links { display: none; } .nav-social { display: none; } }
    .burger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; background: none; border: none; }
    .burger span { display: block; width: 22px; height: 1.5px; background: var(--text); transition: all 0.25s; }
    .burger.open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
    .burger.open span:nth-child(2) { opacity: 0; }
    .burger.open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }
    .mobile-menu { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: var(--bg); z-index: 99; flex-direction: column; align-items: center; justify-content: center; gap: 32px; }
    .mobile-menu.open { display: flex; }
    .mobile-menu a { font-family: var(--font-head); font-size: 28px; font-weight: 500; color: var(--text); text-decoration: none; letter-spacing: 0.04em; transition: color 0.15s; }
    .mobile-menu a:hover { color: var(--gold); }
    .mobile-menu .mobile-social { display: flex; gap: 24px; margin-top: 16px; }
    .mobile-menu .mobile-social a { font-size: 14px; color: var(--text2); font-family: var(--font-body); }
    .mobile-menu .mobile-lang { display: flex; gap: 8px; margin-top: 8px; }
    .mobile-menu .mobile-lang button { background: none; border: 0.5px solid var(--border2); color: var(--text3); font-family: var(--font-body); font-size: 13px; padding: 6px 12px; cursor: pointer; border-radius: 3px; transition: all 0.15s; }
    .mobile-menu .mobile-lang button.active { border-color: var(--gold); color: var(--gold); }
    .mobile-close { position: absolute; top: 20px; right: 24px; font-size: 28px; color: var(--text2); cursor: pointer; background: none; border: none; }
    @media (max-width: 768px) { .burger { display: flex; } .nav-links { display: none !important; } .nav-social { display: none !important; } .nav-logo-img { display: none; } }
  </style>
</head>
<body>

<div id="ar-message" class="ar-message">
  <div class="ar-lang-bar">
    <button onclick="setLanguage('ru')">RU</button>
    <button onclick="setLanguage('kz')">KZ</button>
    <button onclick="setLanguage('en')">EN</button>
    <button onclick="setLanguage('ar')" class="active">AR</button>
  </div>
  &#1607;&#1584;&#1607; &#1575;&#1604;&#1589;&#1601;&#1581;&#1577; &#1602;&#1610;&#1583; &#1575;&#1604;&#1573;&#1606;&#1588;&#1575;&#1569;
</div>

<div id="main-content">
  <nav>
    <div class="container nav-inner">
      <a href="/" class="nav-logo">Askar <span>Bapen</span></a>
      <div class="nav-right">
        <div class="nav-links">
          <a href="cases.html" data-i18n="nav_cases">Кейсы</a>
          <a href="about.html" data-i18n="nav_about">Обо мне</a>
        </div>
        <div class="nav-social">
          <a href="https://www.linkedin.com/in/askar-bapen" target="_blank" rel="noopener">LinkedIn</a>
          <a href="https://t.me/bapeninsights" target="_blank" rel="noopener">Bapen Insights</a>
        </div>
        <div class="lang-switcher">
          <button id="btn-ru" onclick="setLanguage('ru')">RU</button>
          <button id="btn-kz" onclick="setLanguage('kz')">KZ</button>
          <button id="btn-en" onclick="setLanguage('en')">EN</button>
          <button id="btn-ar" onclick="setLanguage('ar')">AR</button>
        </div>
        <button class="burger" id="burger-btn" onclick="toggleBurger()"><span></span><span></span><span></span></button>
        <img src="logo_light.png" alt="KAIZEN-TRIZ PARTNERS" class="nav-logo-img">
      </div>
    </div>
  </nav>

  <div class="mobile-menu" id="mobile-menu">
    <button class="mobile-close" onclick="closeBurger()">&#10005;</button>
    <a href="consulting.html" data-i18n="nav_consulting">Бизнес-решения</a>
    <a href="training.html" data-i18n="nav_training">Бизнес-обучение</a>
    <a href="cases.html" data-i18n="nav_cases">Кейсы</a>
    <a href="about.html" data-i18n="nav_about">Обо мне</a>
    <div class="mobile-social">
      <a href="https://www.linkedin.com/in/askar-bapen" target="_blank" rel="noopener">LinkedIn</a>
      <a href="https://t.me/bapeninsights" target="_blank" rel="noopener">Bapen Insights</a>
    </div>
    <div class="mobile-lang">
      <button onclick="setLanguage('ru');closeBurger()">RU</button>
      <button onclick="setLanguage('kz');closeBurger()">KZ</button>
      <button onclick="setLanguage('en');closeBurger()">EN</button>
      <button onclick="setLanguage('ar');closeBurger()">AR</button>
    </div>
  </div>

  <div class="container">

    <header class="hero reveal">
      <div class="hero-text">
        <span class="badge" data-i18n="hero_badge">Мастер Бизнес-ТРИЗ и Kaizen/Lean Практик</span>
        <h1 data-i18n="hero_name">Аскар Бапен</h1>
        <p class="hero-sub" data-i18n="hero_sub">Максимальный результат без дополнительных ресурсов.</p>
      </div>
      <div class="hero-photo">
        <img src="photo.jpg" alt="Askar Bapen" onerror="this.style.display='none';document.getElementById('hero-ph').style.display='flex'">
        <span id="hero-ph" class="hero-photo-placeholder">АБ</span>
      </div>
    </header>

    <section class="fork reveal">
      <p class="fork-question" data-i18n="fork_question">Что вам нужно?</p>
      <div class="fork-grid">
        <div class="fork-card" onclick="location.href='consulting.html'">
          <h3 data-i18n="fork_1_title">Бизнес-решения</h3>
          <p class="fork-card-desc" data-i18n="fork_1_desc">Работаем вместе над конкретной задачей. Результат - под ключ.</p>
        </div>
        <div class="fork-card" onclick="location.href='training.html'">
          <h3 data-i18n="fork_2_title">Бизнес-обучение</h3>
          <p class="fork-card-desc" data-i18n="fork_2_desc">Обучаем руководителей и команды. Инструменты остаются в компании.</p>
        </div>
      </div>
    </section>

    <section class="diagnostic reveal">
      <p class="section-label" data-i18n="diag_label">бесплатная диагностика</p>
      <div class="diagnostic-grid">

        <div class="diag-card">
          <div class="diag-icon">
            <svg width="26" height="26" viewBox="0 0 26 26" fill="none">
              <path d="M13 3 L13 23 M3 13 L23 13" stroke="#D4A843" stroke-width="1.5" stroke-linecap="round"/>
              <circle cx="13" cy="13" r="5" stroke="#D4A843" stroke-width="1.5" fill="none"/>
              <circle cx="13" cy="13" r="2" fill="#D4A843"/>
            </svg>
          </div>
          <div class="diag-title">KAIZEN BRIEF</div>
          <a href="https://forms.gle/Da1oPj64JiYycLMu5" target="_blank" rel="noopener" class="diag-btn" data-i18n="diag_btn_1">Оценить операционную зрелость бизнеса</a>
        </div>

        <div class="diag-card">
          <div class="diag-icon">
            <svg width="28" height="28" viewBox="0 0 32 32" fill="none">
              <path d="M4 28 C4 28 6 28 9 24 C12 20 14 16 16 13 C18 10 22 5 28 4" stroke="#D4A843" stroke-width="3.5" fill="none" stroke-linecap="round"/>
              <circle cx="28" cy="4" r="3.5" fill="#D4A843"/>
              <line x1="4" y1="28" x2="28" y2="28" stroke="#D4A843" stroke-width="1.5" stroke-linecap="round" opacity="0.4"/>
              <line x1="4" y1="4" x2="4" y2="28" stroke="#D4A843" stroke-width="1.5" stroke-linecap="round" opacity="0.4"/>
            </svg>
          </div>
          <div class="diag-title">S-CURVE DIAGNOSTIC</div>
          <a href="https://forms.gle/398yD5mPpji3MrAh9" target="_blank" rel="noopener" class="diag-btn" data-i18n="diag_btn_2">Оценить стадию развития бизнеса</a>
        </div>

      </div>
    </section>

    <section class="stats reveal">
      <p class="section-label" data-i18n="stats_label">результаты клиентов</p>
      <div class="stats-grid">
        <div class="stat-card">
          <span class="stat-num">17 млн ₸</span>
          <span class="stat-desc" data-i18n="stat_1_desc">эффект одного проекта</span>
        </div>
        <div class="stat-card">
          <span class="stat-num">x5</span>
          <span class="stat-desc" data-i18n="stat_2_desc">ускорение процессов</span>
        </div>
        <div class="stat-card">
          <span class="stat-num">-75%</span>
          <span class="stat-desc" data-i18n="stat_3_desc">складских потерь</span>
        </div>
        <div class="stat-card">
          <span class="stat-num">10+</span>
          <span class="stat-desc" data-i18n="stat_4_desc">отраслей</span>
        </div>
      </div>
    </section>

    <section class="credentials reveal">
      <p class="section-label" data-i18n="cred_label">почему доверяют</p>
      <div class="cred-grid">
        <div class="cred-card">
          <div class="cred-title" data-i18n="cred_1_title">Мастер Бизнес-ТРИЗ и Kaizen/Lean Практик</div>
        </div>
        <div class="cred-card">
          <div class="cred-title" data-i18n="cred_2_title">Официальный представитель IBTA</div>
          <a href="https://biztriz.net" target="_blank" rel="noopener" class="cred-link">biztriz.net</a>
        </div>
        <div class="cred-card">
          <div class="cred-title" data-i18n="cred_3_title">Сертифицированный тренер Toyota Production System</div>
        </div>
      </div>
    </section>

    <section class="guarantees reveal">
      <p class="section-label" data-i18n="guarantee_label">гарантии</p>
      <div class="guarantee-grid">
        <div class="guarantee-card">
          <span class="guarantee-num">100%</span>
          <span class="guarantee-desc" data-i18n="guarantee_1_desc">возврат средств, если не достигнем согласованного результата</span>
        </div>
        <div class="guarantee-card">
          <span class="guarantee-num" data-i18n="guarantee_2_num">1 мес</span>
          <span class="guarantee-desc" data-i18n="guarantee_2_desc">бесплатной поддержки после завершения проекта</span>
        </div>
      </div>
    </section>

    <div class="semantic-block">
      <p data-i18n="sem_title">С чем обращаются</p>
      <ul id="sem-list">
        <li>как выйти из операционки</li>
        <li>много работы мало результата</li>
        <li>куда уходят деньги в бизнесе</li>
        <li>сотрудники заняты а прибыли нет</li>
        <li>бизнес держится на людях</li>
        <li>как перестать тушить пожары</li>
        <li>поставил цели никто не выполняет</li>
        <li>команда тянет в разные стороны</li>
        <li>перепробовал все не помогает</li>
        <li>бизнес зашел в тупик</li>
        <li>нужны новые источники дохода без вложений</li>
        <li>люди есть команды нет</li>
        <li>высокая текучесть кадров что делать</li>
        <li>как вовлечь сотрудников</li>
        <li>нестандартное решение бизнес-проблемы</li>
        <li>стратегия не доходит до исполнителей</li>
        <li>улучшения не приживаются</li>
        <li>как составить план развития на год</li>
        <li>как заработать больше на том что есть</li>
        <li>как навести порядок в компании</li>
        <li>Бизнес-ТРИЗ</li><li>ТРИЗ</li><li>ТРИЗ для бизнеса</li>
        <li>Kaizen</li><li>Кайдзен</li><li>kaidzen</li>
        <li>Lean</li><li>бережливые технологии</li>
        <li>бережливое строительство</li><li>Кайдзен планирование</li>
      </ul>
    </div>

  </div>

  <footer>
    <div class="container">
      <div class="footer-contacts">
        <a href="tel:+77017717840">+7 (701) 771 78 40</a>
        <a href="mailto:k.partners2030@gmail.com">k.partners2030@gmail.com</a>
        <a href="https://www.linkedin.com/in/askar-bapen" target="_blank" rel="noopener">LinkedIn</a>
        <a href="https://t.me/bapeninsights" target="_blank" rel="noopener">Bapen Insights</a>
      </div>
      <p class="footer-copy" data-i18n="footer_copy">&#169; 2026 Askar Bapen. KAIZEN-TRIZ PARTNERS</p>
    </div>
  </footer>

</div>

<script src="main.js"></script>
<script>
  const reveals = document.querySelectorAll('.reveal');
  const observer = new IntersectionObserver((entries) => {
    entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });
  }, { threshold: 0, rootMargin: '0px 0px -20px 0px' });
  reveals.forEach(r => observer.observe(r));
  setTimeout(() => {
    document.querySelectorAll('.reveal:not(.visible)').forEach(el => el.classList.add('visible'));
  }, 300);

  const semKeywords = {
    ru: ['как выйти из операционки','много работы мало результата','куда уходят деньги в бизнесе','сотрудники заняты а прибыли нет','бизнес держится на людях','как перестать тушить пожары','поставил цели никто не выполняет','команда тянет в разные стороны','перепробовал все не помогает','бизнес зашел в тупик','нужны новые источники дохода без вложений','люди есть команды нет','высокая текучесть кадров что делать','как вовлечь сотрудников','нестандартное решение бизнес-проблемы','стратегия не доходит до исполнителей','улучшения не приживаются','как составить план развития на год','как заработать больше на том что есть','как навести порядок в компании','Бизнес-ТРИЗ','ТРИЗ','ТРИЗ для бизнеса','Kaizen','Кайдзен','kaidzen','Lean','бережливые технологии','бережливое строительство','Кайдзен планирование'],
    en: ['business too dependent on me','high effort low output','revenue growing but profit flat','tried everything still stuck','team busy but no profit','money leaking from business','set goals but team does not execute','strategy on paper never happens','need new revenue streams without investment','employees not a team','high turnover how to fix','low employee engagement','how to systematize business','owner trapped in operations','no clear strategic direction','conventional solutions failed need breakthrough','how to find hidden profit','how to scale without investment','team pulling different directions','business stuck need fresh approach','Master of Business TRIZ','Business TRIZ','Kaizen','Lean','operational excellence','P2R Sprint','business process optimisation'],
    kz: ['операциокадан шығу','күш салу көп нәтиже аз','ақша қайда кетеді','команда жоқ адамдар бар','жаңа табыс көздері','мақсат қойдым ешкім орындамайды','стратегия орындаушыларға жетпейді','жақсартулар орын алмайды','кадрлар тұрақсыздығы','қызметкерлерді қалай тарту керек','бизнес тығырыққа тіреліп жатыр','Кайдзен','Кайдзен жоспар','кайдзен қазақша','Lean','Бизнес-ТРИЗ','KAIZEN-TRIZ PARTNERS','жаңа кірістер көздерін табу','басқа адамдарға тәуелсіз болу']
  };

  function setLanguage(lang) {
    document.querySelectorAll('.lang-switcher button').forEach(b => b.classList.remove('active'));
    const btn = document.getElementById('btn-' + lang);
    if (btn) btn.classList.add('active');
    localStorage.setItem('lang', lang);
    if (lang === 'ar') {
      document.getElementById('main-content').style.display = 'none';
      document.getElementById('ar-message').style.display = 'block';
      document.documentElement.dir = 'rtl';
    } else {
      document.getElementById('main-content').style.display = 'block';
      document.getElementById('ar-message').style.display = 'none';
      document.documentElement.dir = 'ltr';
      applyTranslations(lang);
    }
  }

  function applyTranslations(lang) {
    const t = indexTranslations[lang] || indexTranslations['ru'];
    document.querySelectorAll('[data-i18n]').forEach(el => {
      const key = el.dataset.i18n;
      if (t[key]) el.textContent = t[key];
    });
    const semList = document.getElementById('sem-list');
    if (semList && semKeywords[lang]) {
      semList.innerHTML = semKeywords[lang].map(k => '<li>' + k + '</li>').join('');
    }
  }

  const indexTranslations = {
    ru: {
      nav_consulting: 'Бизнес-решения', nav_training: 'Бизнес-обучение', nav_cases: 'Кейсы', nav_about: 'Обо мне',
      hero_badge: 'Мастер Бизнес-ТРИЗ и Kaizen/Lean Практик', hero_name: 'Аскар Бапен',
      hero_sub: 'Максимальный результат без дополнительных ресурсов.',
      fork_question: 'Что вам нужно?',
      fork_1_title: 'Бизнес-решения', fork_1_desc: 'Работаем вместе над конкретной задачей. Результат - под ключ.',
      fork_2_title: 'Бизнес-обучение', fork_2_desc: 'Обучаем руководителей и команды. Инструменты остаются в компании.',
      diag_label: 'бесплатная диагностика',
      diag_btn_1: 'Оценить операционную зрелость бизнеса',
      diag_btn_2: 'Оценить стадию развития бизнеса',
      stats_label: 'результаты клиентов',
      stat_1_desc: 'эффект одного проекта', stat_2_desc: 'ускорение процессов',
      stat_3_desc: 'складских потерь', stat_4_desc: 'отраслей',
      cred_label: 'почему доверяют',
      cred_1_title: 'Мастер Бизнес-ТРИЗ', cred_2_title: 'Официальный представитель IBTA',
      cred_3_title: 'Сертифицированный тренер Toyota Production System',
      guarantee_label: 'гарантии',
      guarantee_1_desc: 'возврат средств, если не достигнем согласованного результата',
      guarantee_2_num: '1 мес', guarantee_2_desc: 'бесплатной поддержки после завершения проекта',
      sem_title: 'С чем обращаются', footer_copy: '© 2026 Askar Bapen. KAIZEN-TRIZ PARTNERS'
    },
    en: {
      nav_consulting: 'Business Solutions', nav_training: 'Business Trainings', nav_cases: 'Cases', nav_about: 'About',
      hero_badge: 'Master of Business TRIZ & Kaizen/Lean Practitioner', hero_name: 'Askar Bapen',
      hero_sub: 'We find solutions where conventional methods fail.',
      fork_question: 'What is your challenge?',
      fork_1_title: 'Business Solutions', fork_1_desc: 'We work alongside you on a specific challenge. Full turnkey delivery.',
      fork_2_title: 'Business Trainings', fork_2_desc: 'We develop managers and teams. The knowledge and tools remain within your organisation.',
      diag_label: 'free diagnostics',
      diag_btn_1: 'Assess business operational maturity',
      diag_btn_2: 'Assess business development stage',
      stats_label: 'client results',
      stat_1_desc: 'impact of a single project', stat_2_desc: 'process acceleration',
      stat_3_desc: 'reduction in warehouse waste', stat_4_desc: 'industries served',
      cred_label: 'why clients trust us',
      cred_1_title: 'Master of Business TRIZ', cred_2_title: 'Official IBTA Representative',
      cred_3_title: 'Certified Toyota Production System Trainer',
      guarantee_label: 'guarantees',
      guarantee_1_desc: 'full refund if agreed results are not achieved',
      guarantee_2_num: '1 month', guarantee_2_desc: 'complimentary support for one month following project completion',
      sem_title: 'Common challenges', footer_copy: '© 2026 Askar Bapen. KAIZEN-TRIZ PARTNERS'
    },
    kz: {
      nav_consulting: 'Бизнес-шешімдер', nav_training: 'Бизнес-ағарту', nav_cases: 'Жобалар', nav_about: 'Мен туралы',
      hero_badge: 'Бизнес-ТРИЗ Мастері және Kaizen Шебері', hero_name: 'Аскар Бапен',
      hero_sub: 'Ескі әдістер нәтиже бермесе, шығатын жол көрсетеміз.',
      fork_question: 'Неден бастаймыз?',
      fork_1_title: 'Бизнес-шешімдер', fork_1_desc: 'Нақты мәселемен бірге жұмыс істеп, нәтижеге дейін жеткіземіз.',
      fork_2_title: 'Бизнес-ағарту', fork_2_desc: 'Басшылар мен командаларды оқытамыз. Берген білім мен үйреткен құралдар компания ішінде қалады.',
      diag_label: 'тегін диагностика',
      diag_btn_1: 'Бизнестiң операциондық жетiлуiн бағалау',
      diag_btn_2: 'Бизнестiң даму сатысын бағалау',
      stats_label: 'клиенттер нәтижелері',
      stat_1_desc: 'бір жобаның әсері', stat_2_desc: 'процестерді жеделдету',
      stat_3_desc: 'қойма шығындарын қысқарту', stat_4_desc: 'сала',
      cred_label: 'бізге неге сенеді',
      cred_1_title: 'Бизнес-ТРИЗ Мастері және Kaizen Шебері',
      cred_2_title: 'International Business TRIZ Association ресми өкілі',
      cred_3_title: 'Toyota Production System сертификатталған тренері',
      guarantee_label: 'гарантиялар',
      guarantee_1_desc: 'келісілген нәтиже болмаған жағдайда ақшаны толық қайтарамыз',
      guarantee_2_num: '1 ай', guarantee_2_desc: 'жоба біткен соң тегін қолдау көрсетеміз',
      sem_title: 'Жиі кездесетін сұрақтар', footer_copy: '© 2026 Askar Bapen. KAIZEN-TRIZ PARTNERS'
    }
  };

  const savedLang = localStorage.getItem('lang') || 'ru';
  setLanguage(savedLang);

  function toggleBurger() {
    document.getElementById('burger-btn').classList.toggle('open');
    document.getElementById('mobile-menu').classList.toggle('open');
    document.body.style.overflow = document.getElementById('mobile-menu').classList.contains('open') ? 'hidden' : '';
  }
  function closeBurger() {
    document.getElementById('burger-btn').classList.remove('open');
    document.getElementById('mobile-menu').classList.remove('open');
    document.body.style.overflow = '';
  }
</script>
</body>
</html>
