{"id":8,"date":"2026-02-12T01:43:32","date_gmt":"2026-02-11T23:43:32","guid":{"rendered":"https:\/\/justspeak.com.ua\/?page_id=8"},"modified":"2026-03-08T11:39:32","modified_gmt":"2026-03-08T09:39:32","slug":"home","status":"publish","type":"page","link":"https:\/\/justspeak.com.ua\/en\/home\/","title":{"rendered":"\u0413\u043e\u043b\u043e\u0432\u043d\u0430"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a587773 e-con-full e-flex e-con e-parent\" data-id=\"2a587773\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e20998 elementor-widget elementor-widget-html\" data-id=\"5e20998\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0423\u041f\u0420\u041e\u0429\u0401\u041d\u041d\u042b\u0419 HERO \u0421 \u041f\u041b\u0410\u0412\u041d\u042b\u041c\u0418 \u0410\u041d\u0418\u041c\u0410\u0426\u0418\u042f\u041c\u0418 -->\n<section class=\"js-hero-up\" aria-label=\"Just Speak Up Hero\">\n  <style>\n    .js-hero-up{\n      position:relative;\n      max-width:1200px;\n      margin:0 auto;\n      padding:96px 16px 104px;\n      overflow:hidden;\n      isolation:isolate;\n      z-index:2;\n    }\n\n    \/* \u043b\u0451\u0433\u043a\u0438\u0439 \u0444\u043e\u043d *\/\n    .js-hero-up::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(820px 520px at 18% 14%, rgba(0,240,255,.11), transparent 60%),\n        radial-gradient(820px 520px at 86% 24%, rgba(255,47,220,.09), transparent 62%),\n        radial-gradient(980px 640px at 62% 96%, rgba(140,110,255,.075), transparent 65%),\n        linear-gradient(180deg, rgba(6,8,16,.10), rgba(6,8,16,.05));\n      z-index:-2;\n      filter:saturate(1.05);\n    }\n    .js-hero-up::after{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(1200px 700px at 50% 42%, transparent 48%, rgba(0,0,0,.22) 88%),\n        linear-gradient(180deg, rgba(0,0,0,.14), transparent 32%, rgba(0,0,0,.20));\n      z-index:-1;\n      pointer-events:none;\n    }\n\n    \/* \u0441\u0435\u0442\u043a\u0430 *\/\n    .js-hero-up .wrap{\n      display:grid;\n      grid-template-columns: 1.1fr .9fr;\n      gap:18px;\n      align-items:start;\n    }\n\n    \/* \u0431\u0430\u0437\u043e\u0432\u0430\u044f \u043f\u0430\u043d\u0435\u043b\u044c *\/\n    .js-hero-up .panel{\n      position:relative;\n      border-radius:22px;\n      padding:18px 18px 16px;\n      background:rgba(255,255,255,.015);\n      border:1px solid rgba(0,240,255,.20);\n      box-shadow:\n        0 18px 60px rgba(0,0,0,.42),\n        0 0 28px rgba(0,240,255,.05),\n        0 0 28px rgba(255,47,220,.04);\n      overflow:hidden;\n    }\n    .js-hero-up .panel::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      border-radius:24px;\n      background:linear-gradient(90deg, rgba(0,240,255,.26), rgba(140,110,255,.18), rgba(255,47,220,.22));\n      opacity:.22;\n      pointer-events:none;\n      filter:blur(.25px);\n    }\n    .js-hero-up .inner{ position:relative; z-index:1; }\n\n    \/* \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a *\/\n    .js-hero-up h1{\n      margin:0 0 10px 0;\n      font-size:52px;\n      line-height:1.04;\n      font-weight:900;\n      letter-spacing:-1px;\n      color:#fff;\n      text-shadow:0 14px 45px rgba(0,0,0,.45);\n    }\n    .js-hero-up .glow{\n      background:linear-gradient(90deg,#00f0ff 0%, #8c6eff 42%, #ff2fdc 92%);\n      -webkit-background-clip:text;\n      -webkit-text-fill-color:transparent;\n      text-shadow:0 0 14px rgba(0,240,255,.26), 0 0 26px rgba(255,47,220,.14);\n    }\n\n    \/* \u043f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a *\/\n    .js-hero-up .sub{\n      margin:0 0 12px 0;\n      max-width:680px;\n      font-size:16.5px;\n      line-height:1.6;\n      color:rgba(255,255,255,.84);\n    }\n    .js-hero-up .sub strong{ color:#fff; }\n\n    \/* Speaking Club badge (\u0431\u0435\u0437 keyframe\u2011\u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438) *\/\n    .js-hero-up .badgeRow{\n      display:flex;\n      align-items:center;\n      justify-content:flex-start;\n      margin:8px 0 10px;\n    }\n    .js-hero-up .badgeImg{\n      width:min(420px, 100%);\n      height:auto;\n      display:block;\n      filter:\n        drop-shadow(0 16px 34px rgba(0,0,0,.55))\n        drop-shadow(0 0 20px rgba(0,240,255,.12))\n        drop-shadow(0 0 18px rgba(255,47,220,.09));\n    }\n\n    \/* CTA *\/\n    .js-hero-up .cta{\n      display:flex;\n      gap:10px;\n      flex-wrap:wrap;\n      align-items:center;\n      margin-top:6px;\n    }\n    .js-hero-up .btn{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:10px;\n      padding:14px 18px;\n      border-radius:14px;\n      font-weight:900;\n      font-size:15px;\n      text-decoration:none;\n      transition:transform .22s ease, filter .22s ease, box-shadow .22s ease, border-color .22s ease;\n      user-select:none;\n      white-space:nowrap;\n    }\n    .js-hero-up .btn-primary{\n      color:#081022;\n      background:linear-gradient(90deg,#00f0ff,#8c6eff,#ff2fdc);\n      box-shadow:0 16px 48px rgba(0,240,255,.14), 0 16px 48px rgba(255,47,220,.10);\n    }\n    .js-hero-up .btn-secondary{\n      color:#fff;\n      border:1px solid rgba(0,240,255,.36);\n      background:rgba(255,255,255,.015);\n      box-shadow:0 14px 40px rgba(0,0,0,.28);\n    }\n    .js-hero-up .btn:hover{ transform:translateY(-2px); filter:brightness(1.05); }\n\n    .js-ico{ width:18px; height:18px; display:inline-block; filter:drop-shadow(0 0 10px rgba(0,240,255,.20)); }\n\n    \/* \u043c\u0438\u043a\u0440\u043e *\/\n    .js-hero-up .micro{\n      margin-top:10px;\n      font-size:12.5px;\n      color:rgba(255,255,255,.68);\n      line-height:1.5;\n    }\n\n    \/* RIGHT *\/\n    .js-hero-up .side{\n      display:flex;\n      flex-direction:column;\n      gap:10px;\n    }\n\n    .js-hero-up .poster{\n      position:relative;\n      border-radius:22px;\n      overflow:hidden;\n      border:1px solid rgba(0,240,255,.20);\n      background:rgba(10,14,28,.28);\n      box-shadow:\n        0 20px 62px rgba(0,0,0,.50),\n        0 0 34px rgba(0,240,255,.06),\n        0 0 34px rgba(255,47,220,.05);\n      aspect-ratio: 16 \/ 13;\n      transition:transform .25s ease;\n    }\n\n    \/* \u2705 FIX DESKTOP: \u043d\u0435 \u0440\u0435\u0436\u0435\u043c *\/\n    .js-hero-up .poster img{\n      width:100%;\n      height:100%;\n      object-fit:contain;\n      object-position:center;\n      display:block;\n      filter:saturate(1.05) contrast(1.03);\n    }\n\n    .js-hero-up .pill{\n      border-radius:18px;\n      padding:12px 14px;\n      background:rgba(255,255,255,.015);\n      border:1px solid rgba(255,255,255,.07);\n      box-shadow:0 14px 40px rgba(0,0,0,.30);\n    }\n    .js-hero-up .pill strong{\n      display:block;\n      font-size:14.5px;\n      color:#fff;\n      margin-bottom:2px;\n    }\n    .js-hero-up .pill span{\n      display:block;\n      font-size:12.5px;\n      color:rgba(255,255,255,.70);\n      line-height:1.45;\n    }\n\n    \/* reveal: \u043f\u043b\u0430\u0432\u043d\u043e\u0435 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u0435 *\/\n    .js-reveal{\n      opacity:0;\n      transform:translateY(12px);\n      transition:opacity .5s ease, transform .5s ease;\n      will-change:opacity, transform;\n    }\n    .js-reveal.is-in{ opacity:1; transform:none; }\n    .js-reveal.from-left{ transform:translateX(-18px); }\n    .js-reveal.from-right{ transform:translateX(18px); }\n    .js-reveal.is-in.from-left,\n    .js-reveal.is-in.from-right{ transform:none; }\n    .js-reveal.delay-1{ transition-delay:.05s; }\n    .js-reveal.delay-2{ transition-delay:.10s; }\n    .js-reveal.delay-3{ transition-delay:.15s; }\n    .js-reveal.delay-4{ transition-delay:.20s; }\n\n    \/* responsive *\/\n    @media (max-width: 1024px){\n      .js-hero-up{ padding:84px 16px 92px; }\n      .js-hero-up .wrap{ grid-template-columns: 1fr; gap:14px; }\n      .js-hero-up h1{ font-size:48px; }\n      .js-hero-up .poster{ aspect-ratio: 16 \/ 9; }\n      .js-hero-up .badgeImg{ width:min(520px, 100%); }\n    }\n\n    \/* \u2705 MOBILE: \u043a\u0430\u043a \u0438 \u0431\u044b\u043b\u043e \u2014 \u043d\u0435 \u0440\u0435\u0436\u0435\u043c \u0438 \u0434\u0430\u0451\u043c \u0430\u0432\u0442\u043e-\u0432\u044b\u0441\u043e\u0442\u0443 *\/\n    @media (max-width: 560px){\n      .js-hero-up{ padding:72px 14px 82px; }\n      .js-hero-up .panel{ border-radius:18px; padding:16px; }\n      .js-hero-up h1{ font-size:38px; letter-spacing:-.8px; }\n      .js-hero-up .sub{ font-size:15.5px; margin-bottom:10px; }\n      .js-hero-up .btn{ width:100%; }\n\n      .js-hero-up .poster{\n        aspect-ratio:auto;\n        height:auto;\n      }\n      .js-hero-up .poster img{\n        height:auto;\n        object-fit:contain;\n        object-position:center;\n      }\n\n      .js-hero-up .badgeImg{ width:min(420px, 100%); }\n      .js-hero-up .micro{ font-size:12px; }\n      .js-reveal{ transition-duration:.46s; }\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      .js-hero-up *{ animation:none !important; transition:none !important; }\n      .js-hero-up .js-reveal{ opacity:1 !important; transform:none !important; }\n    }\n  <\/style>\n\n  <div class=\"wrap\">\n    <!-- LEFT -->\n    <div class=\"panel js-reveal from-left delay-2\">\n      <div class=\"inner\">\n        <h1 class=\"js-reveal from-left delay-1\">\n          Just Speak <span class=\"glow\">Up<\/span>\n        <\/h1>\n\n        <p class=\"sub js-reveal from-left delay-2\">\n          \u041e\u043d\u043b\u0430\u0439\u043d-\u0448\u043a\u043e\u043b\u0430 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u043e\u0457 \u0434\u043b\u044f \u0442\u0438\u0445, \u0445\u0442\u043e \u0445\u043e\u0447\u0435 <strong>\u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0438 \u0432\u043f\u0435\u0432\u043d\u0435\u043d\u043e<\/strong>.\n          \u0411\u0435\u0437 \u0441\u043e\u0440\u043e\u043c\u0443. \u0411\u0435\u0437 \u0437\u0430\u0439\u0432\u043e\u0433\u043e \u201c\u0437\u0443\u0431\u0440\u0456\u043d\u043d\u044f\u201d.\n        <\/p>\n\n        <div class=\"badgeRow js-reveal from-left delay-3\">\n          <img\n            class=\"badgeImg\"\n            src=\"https:\/\/justspeak.com.ua\/wp-content\/uploads\/2026\/02\/edqyjuej9hsdrvexr05j.webp\"\n            alt=\"Just Speak Up \u2014 Speaking Club\"\n            loading=\"eager\"\n            decoding=\"async\"\n          \/>\n        <\/div>\n\n        <div class=\"cta js-reveal from-left delay-4\">\n          <a class=\"btn btn-primary\" href=\"#courses\">\n            <svg class=\"js-ico\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n              <path d=\"M12 2l3 7 7 3-7 3-3 7-3-7-7-3 7-3 3-7Z\" fill=\"rgba(8,16,34,.9)\"\/>\n            <\/svg>\n            \u041f\u043e\u0447\u0430\u0442\u0438 \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f\n          <\/a>\n\n          <a class=\"btn btn-secondary\" href=\"#free-lesson\">\n            <svg class=\"js-ico\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n              <path d=\"M8 7h8M8 12h8M8 17h6\" stroke=\"rgba(255,255,255,.92)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <path d=\"M6 3h12a2 2 0 0 1 2 2v14l-4-3H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z\" stroke=\"rgba(0,240,255,.55)\" stroke-width=\"1.6\" fill=\"rgba(10,14,28,.10)\"\/>\n            <\/svg>\n            \u0411\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0438\u0439 \u0443\u0440\u043e\u043a\n          <\/a>\n        <\/div>\n\n        <div class=\"micro js-reveal from-left delay-4\">\n          \u26a1 15 \u0445\u0432 \u2014 \u0456 \u0442\u0438 \u0432\u0436\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u0448. \u041f\u0456\u0434\u043b\u0430\u0448\u0442\u043e\u0432\u0443\u0454\u043c\u043e \u0442\u0435\u043c\u043f \u043f\u0456\u0434 \u0442\u0435\u0431\u0435.\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT -->\n    <div class=\"side\">\n      <div class=\"poster js-reveal from-right delay-1\">\n        <img\n          src=\"https:\/\/justspeak.com.ua\/wp-content\/uploads\/2026\/02\/ChatGPT-Image-25-\u043b\u044e\u0442.-2026-\u0440.-16_22_43.webp\"\n          alt=\"Just Speak Up \u2014 Visual\"\n          loading=\"eager\"\n          decoding=\"async\"\n        \/>\n      <\/div>\n\n      <div class=\"pill js-reveal from-right delay-2\">\n        <strong>Speaking-first<\/strong>\n        <span>\u0413\u043e\u0432\u043e\u0440\u0438\u043c\u043e \u0437 \u043f\u0435\u0440\u0448\u043e\u0433\u043e \u0437\u0430\u043d\u044f\u0442\u0442\u044f \u2014 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u043e \u0456 \u0436\u0438\u0432\u043e.<\/span>\n      <\/div>\n\n      <div class=\"pill js-reveal from-right delay-3\">\n        <strong>\u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u0438\u0439 \u0442\u0440\u0435\u043a<\/strong>\n        <span>\u041f\u043b\u0430\u043d \u043f\u0456\u0434 \u0442\u0432\u0456\u0439 \u0440\u0456\u0432\u0435\u043d\u044c + \u0434\u043e\u043c\u0430\u0448\u043a\u0430, \u044f\u043a\u0443 \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u0437\u0440\u043e\u0431\u0438\u0442\u0438.<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      const root = document.currentScript?.closest('.js-hero-up') || document.querySelector('.js-hero-up');\n      if(!root) return;\n\n      const reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      if(reduceMotion){\n        root.querySelectorAll('.js-reveal').forEach(el => el.classList.add('is-in'));\n        return;\n      }\n\n      const items = root.querySelectorAll('.js-reveal');\n      const io = new IntersectionObserver((entries)=>{\n        entries.forEach(e=>{\n          if(e.isIntersecting){\n            e.target.classList.add('is-in');\n            io.unobserve(e.target);\n          }\n        });\n      }, { threshold: 0.16, rootMargin: \"0px 0px -8% 0px\" });\n\n      items.forEach(el => io.observe(el));\n    })();\n  <\/script>\n<\/section>\n<!-- =========================\n END HERO\n ========================= -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67f4b901 e-flex e-con-boxed e-con e-parent\" data-id=\"67f4b901\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aaed935 elementor-widget elementor-widget-html\" data-id=\"aaed935\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\n WHY JUST SPEAK UP \u2014 LIGHT NEON (NO BLUR \/ NO GLITCH)\n \u2705 \u0441\u0442\u0438\u043b\u044c \u043a\u0430\u043a HERO: \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0435 \u043f\u0430\u043d\u0435\u043b\u0438 + \u0442\u043e\u043d\u043a\u0438\u0439 \u043d\u0435\u043e\u043d-\u043a\u043e\u043d\u0442\u0443\u0440\n \u2705 \u043b\u0451\u0433\u043a\u0438\u0439 reveal \u043d\u0430 \u0434\u0435\u0441\u043a\u0442\u043e\u043f\u0435 \u0438 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435\n \u2705 \u0431\u0435\u0437 blur\/backdrop-filter, \u0431\u0435\u0437 hover-shine, \u0431\u0435\u0437 3D tilt\n \u2705 \u043f\u043e\u0441\u0442\u0435\u0440 \u041d\u0415 \u0440\u0435\u0436\u0435\u0442\u0441\u044f: desktop\/tablet contain + mobile auto-height\n \u2705 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0430 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430\n ========================= -->\n<section class=\"js-why-up\" aria-label=\"Why Just Speak Up\">\n  <style>\n    .js-why-up{\n      position:relative;\n      max-width:1200px;\n      margin:0 auto;\n      padding:86px 16px;\n      overflow:hidden;\n      isolation:isolate;\n    }\n\n    \/* \u043b\u0451\u0433\u043a\u0438\u0439 \u0444\u043e\u043d (\u043a\u0430\u043a \u0432 hero) *\/\n    .js-why-up::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(860px 520px at 14% 18%, rgba(0,240,255,.10), transparent 62%),\n        radial-gradient(860px 520px at 88% 32%, rgba(255,47,220,.085), transparent 62%),\n        radial-gradient(980px 640px at 60% 96%, rgba(140,110,255,.07), transparent 66%),\n        linear-gradient(180deg, rgba(6,8,16,.09), rgba(6,8,16,.045));\n      filter:saturate(1.05);\n      z-index:-2;\n      pointer-events:none;\n    }\n    .js-why-up::after{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(1200px 700px at 50% 44%, transparent 50%, rgba(0,0,0,.20) 88%),\n        linear-gradient(180deg, rgba(0,0,0,.12), transparent 34%, rgba(0,0,0,.18));\n      z-index:-1;\n      pointer-events:none;\n    }\n\n    .js-why-up .wrap{\n      display:grid;\n      grid-template-columns: 1.05fr .95fr;\n      gap:18px;\n      align-items:start;\n      position:relative;\n      z-index:1;\n    }\n\n    \/* head *\/\n    .js-why-up .head{ max-width:760px; margin-bottom:14px; }\n    .js-why-up h2{\n      margin:0 0 10px 0;\n      font-size:40px;\n      line-height:1.12;\n      font-weight:900;\n      letter-spacing:-.8px;\n      color:#fff;\n      text-shadow:0 14px 45px rgba(0,0,0,.35);\n    }\n    .js-why-up .brand{\n      background:linear-gradient(90deg,#00f0ff 0%, #8c6eff 45%, #ff2fdc 95%);\n      -webkit-background-clip:text;\n      -webkit-text-fill-color:transparent;\n      text-shadow:0 0 14px rgba(0,240,255,.22), 0 0 26px rgba(255,47,220,.14);\n      display:inline-block;\n    }\n    .js-why-up .lead{\n      margin:0;\n      font-size:16.8px;\n      line-height:1.6;\n      color:rgba(255,255,255,.82);\n      max-width:720px;\n    }\n\n    \/* \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0435 \u043f\u0430\u043d\u0435\u043b\u0438 (\u043a\u0430\u043a \u0432 hero) *\/\n    .js-why-up .panel{\n      position:relative;\n      border-radius:22px;\n      padding:18px;\n      background:rgba(255,255,255,.015);\n      border:1px solid rgba(0,240,255,.20);\n      box-shadow:\n        0 18px 60px rgba(0,0,0,.40),\n        0 0 28px rgba(0,240,255,.05),\n        0 0 28px rgba(255,47,220,.04);\n      overflow:hidden;\n    }\n    .js-why-up .panel::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      border-radius:24px;\n      background:linear-gradient(90deg, rgba(0,240,255,.24), rgba(140,110,255,.16), rgba(255,47,220,.20));\n      opacity:.20;\n      pointer-events:none;\n      filter:blur(.25px);\n    }\n    .js-why-up .panel > *{ position:relative; z-index:1; }\n\n    \/* cards grid *\/\n    .js-why-up .cards{\n      display:grid;\n      grid-template-columns:repeat(2, minmax(0,1fr));\n      gap:12px;\n      margin-top:14px;\n    }\n\n    .js-why-up .card{\n      position:relative;\n      border-radius:18px;\n      padding:16px 16px 14px;\n      background:rgba(255,255,255,.012);\n      border:1px solid rgba(255,255,255,.08);\n      box-shadow:0 14px 42px rgba(0,0,0,.30);\n      overflow:hidden;\n    }\n    .js-why-up .card::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      opacity:.55;\n      pointer-events:none;\n      background:\n        radial-gradient(420px 220px at 20% 15%, rgba(0,240,255,.10), transparent 65%),\n        radial-gradient(420px 220px at 80% 20%, rgba(255,47,220,.085), transparent 65%);\n    }\n\n    .js-why-up .card h3{\n      margin:0 0 6px 0;\n      font-size:16px;\n      font-weight:850;\n      letter-spacing:-.2px;\n      color:#fff;\n    }\n    .js-why-up .card p{\n      margin:0;\n      font-size:13.8px;\n      line-height:1.52;\n      color:rgba(255,255,255,.78);\n    }\n\n    .js-why-up .dot{\n      width:10px; height:10px;\n      border-radius:999px;\n      display:inline-block;\n      margin-right:10px;\n      transform:translateY(1px);\n      box-shadow:0 0 16px rgba(255,255,255,.10);\n    }\n    .js-why-up .a1{ background:#00f0ff; box-shadow:0 0 18px rgba(0,240,255,.30); }\n    .js-why-up .a2{ background:#ff2fdc; box-shadow:0 0 18px rgba(255,47,220,.26); }\n    .js-why-up .a3{ background:#8c6eff; box-shadow:0 0 18px rgba(140,110,255,.24); }\n    .js-why-up .a4{ background:linear-gradient(90deg,#00f0ff,#ff2fdc); box-shadow:0 0 18px rgba(0,240,255,.16); }\n\n    \/* RIGHT *\/\n    .js-why-up .side{\n      display:flex;\n      flex-direction:column;\n      gap:10px;\n    }\n\n    .js-why-up .poster{\n      position:relative;\n      border-radius:22px;\n      overflow:hidden;\n      border:1px solid rgba(0,240,255,.20);\n      background:rgba(10,14,28,.28); \/* \u0444\u043e\u043d \u0434\u043b\u044f \u201c\u043f\u043e\u043b\u0435\u0439\u201d, \u043a\u043e\u0433\u0434\u0430 contain *\/\n      box-shadow:\n        0 20px 62px rgba(0,0,0,.50),\n        0 0 34px rgba(0,240,255,.06),\n        0 0 34px rgba(255,47,220,.05);\n      aspect-ratio: 16 \/ 13;\n    }\n\n    \/* \u2705 \u041d\u0415 \u0440\u0435\u0436\u0435\u043c \u043d\u0430 \u041f\u041a\/\u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0435 *\/\n    .js-why-up .poster img{\n      width:100%;\n      height:100%;\n      object-fit:contain; \/* \u0431\u044b\u043b\u043e cover *\/\n      object-position:center;\n      display:block;\n      filter:saturate(1.05) contrast(1.03);\n    }\n\n    .js-why-up .badge{\n      border-radius:18px;\n      padding:12px 14px;\n      background:rgba(255,255,255,.012);\n      border:1px solid rgba(255,255,255,.08);\n      box-shadow:0 14px 40px rgba(0,0,0,.30);\n    }\n    .js-why-up .badge strong{\n      display:block;\n      font-size:14.5px;\n      color:#fff;\n      margin-bottom:2px;\n    }\n    .js-why-up .badge span{\n      display:block;\n      font-size:12.8px;\n      color:rgba(255,255,255,.70);\n      line-height:1.45;\n    }\n\n    \/* reveal (\u043b\u0451\u0433\u043a\u0438\u0439, \u043a\u0430\u043a \u0432 hero) *\/\n    .js-why-up .js-reveal{\n      opacity:0;\n      transform:translateY(12px);\n      transition:opacity .5s ease, transform .5s ease;\n      will-change:opacity, transform;\n    }\n    .js-why-up .js-reveal.is-in{ opacity:1; transform:none; }\n    .js-why-up .from-left{ transform:translateX(-18px); }\n    .js-why-up .from-right{ transform:translateX(18px); }\n    .js-why-up .js-reveal.is-in.from-left,\n    .js-why-up .js-reveal.is-in.from-right{ transform:none; }\n\n    .js-why-up .d1{ transition-delay:.05s; }\n    .js-why-up .d2{ transition-delay:.10s; }\n    .js-why-up .d3{ transition-delay:.15s; }\n    .js-why-up .d4{ transition-delay:.20s; }\n\n    \/* responsive *\/\n    @media (max-width: 1024px){\n      .js-why-up{ padding:78px 16px; }\n      .js-why-up .wrap{ grid-template-columns:1fr; gap:14px; }\n      .js-why-up h2{ font-size:36px; }\n      .js-why-up .poster{ aspect-ratio:16 \/ 9; }\n      .js-why-up .cards{ grid-template-columns:repeat(2, minmax(0,1fr)); }\n    }\n\n    @media (max-width: 640px){\n      .js-why-up{ padding:68px 14px; }\n      .js-why-up h2{ font-size:32px; }\n      .js-why-up .lead{ font-size:16px; }\n      .js-why-up .cards{ grid-template-columns:1fr; gap:12px; }\n      .js-why-up .panel{ border-radius:18px; padding:16px; }\n      .js-why-up .card{ border-radius:16px; }\n\n      \/* \u2705 MOBILE: \u0430\u0432\u0442\u043e-\u0432\u044b\u0441\u043e\u0442\u0430 + contain *\/\n      .js-why-up .poster{\n        aspect-ratio:auto;\n        height:auto;\n        border-radius:20px;\n      }\n      .js-why-up .poster img{\n        height:auto;\n        object-fit:contain;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      .js-why-up *{ animation:none !important; transition:none !important; }\n      .js-why-up .js-reveal{ opacity:1 !important; transform:none !important; }\n    }\n  <\/style>\n\n  <div class=\"wrap\">\n    <!-- LEFT -->\n    <div class=\"panel js-reveal from-left d1\">\n      <div class=\"head\">\n        <h2>\u0427\u043e\u043c\u0443 <span class=\"brand\">Just Speak Up<\/span>?<\/h2>\n        <p class=\"lead\">\n          \u041c\u0438 \u0441\u0442\u0432\u043e\u0440\u0438\u043b\u0438 \u043e\u043d\u043b\u0430\u0439\u043d-\u0448\u043a\u043e\u043b\u0443 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u043e\u0457 \u0434\u043b\u044f \u0442\u0438\u0445, \u0445\u0442\u043e \u0445\u043e\u0447\u0435 \u0440\u0435\u0430\u043b\u044c\u043d\u0438\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442,\n          \u0430 \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u201c\u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442\u0438 \u0443\u0440\u043e\u043a\u0438\u201d.\n        <\/p>\n      <\/div>\n\n      <div class=\"cards\">\n        <div class=\"card js-reveal from-left d2\">\n          <h3><span class=\"dot a1\"><\/span>\u0420\u0435\u0430\u043b\u044c\u043d\u0430 \u0440\u043e\u0437\u043c\u043e\u0432\u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430<\/h3>\n          <p>\u0422\u0438 \u043f\u043e\u0447\u0438\u043d\u0430\u0454\u0448 \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0438 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u043e\u044e \u0437 \u043f\u0435\u0440\u0448\u0438\u0445 \u0437\u0430\u043d\u044f\u0442\u044c \u2014 \u0431\u0435\u0437 \u0441\u0442\u0440\u0430\u0445\u0443 \u0442\u0430 \u0437\u0430\u0437\u0443\u0431\u0440\u044e\u0432\u0430\u043d\u043d\u044f.<\/p>\n        <\/div>\n\n        <div class=\"card js-reveal from-left d3\">\n          <h3><span class=\"dot a2\"><\/span>\u0421\u0443\u0447\u0430\u0441\u043d\u0438\u0439 \u043f\u0456\u0434\u0445\u0456\u0434<\/h3>\n          <p>\u0416\u0438\u0432\u0438\u0439 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u0438\u0439 \u0434\u043b\u044f \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0436\u0438\u0442\u0442\u044f, \u0440\u043e\u0431\u043e\u0442\u0438, \u043f\u043e\u0434\u043e\u0440\u043e\u0436\u0435\u0439 \u0456 \u0441\u043f\u0456\u043b\u043a\u0443\u0432\u0430\u043d\u043d\u044f.<\/p>\n        <\/div>\n\n        <div class=\"card js-reveal from-left d4\">\n          <h3><span class=\"dot a3\"><\/span>\u0417\u0440\u043e\u0437\u0443\u043c\u0456\u043b\u0438\u0439 \u043f\u0440\u043e\u0433\u0440\u0435\u0441<\/h3>\n          <p>\u0422\u0438 \u0431\u0430\u0447\u0438\u0448 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0456 \u0432\u0456\u0434\u0447\u0443\u0432\u0430\u0454\u0448, \u044f\u043a \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u0430 \u0441\u0442\u0430\u0454 \u0447\u0430\u0441\u0442\u0438\u043d\u043e\u044e \u0442\u0432\u043e\u0433\u043e \u0436\u0438\u0442\u0442\u044f.<\/p>\n        <\/div>\n\n        <div class=\"card js-reveal from-left d4\">\n          <h3><span class=\"dot a4\"><\/span>\u041f\u0456\u0434\u0442\u0440\u0438\u043c\u043a\u0430 \u0442\u0430 \u043c\u043e\u0442\u0438\u0432\u0430\u0446\u0456\u044f<\/h3>\n          <p>\u0412\u0438\u043a\u043b\u0430\u0434\u0430\u0447 \u0432\u0435\u0434\u0435 \u0442\u0435\u0431\u0435 \u043a\u0440\u043e\u043a \u0437\u0430 \u043a\u0440\u043e\u043a\u043e\u043c: \u043f\u0456\u0434\u043a\u0430\u0437\u0443\u0454, \u043a\u043e\u0440\u0438\u0433\u0443\u0454 \u0442\u0430 \u043f\u0456\u0434\u0441\u0438\u043b\u044e\u0454 \u0432\u043f\u0435\u0432\u043d\u0435\u043d\u0456\u0441\u0442\u044c.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT -->\n    <div class=\"side\">\n      <div class=\"poster js-reveal from-right d2\">\n        <img\n          src=\"https:\/\/justspeak.com.ua\/wp-content\/uploads\/2026\/02\/ChatGPT-Image-25-\u043b\u044e\u0442.-2026-\u0440.-16_50_29.webp\"\n          alt=\"Just Speak Up \u2014 illustration\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        \/>\n      <\/div>\n\n      <div class=\"badge js-reveal from-right d3\">\n        <strong>\u0413\u043e\u0432\u043e\u0440\u0438\u0448 \u0437 \u043f\u0435\u0440\u0448\u043e\u0433\u043e \u0443\u0440\u043e\u043a\u0443<\/strong>\n        <span>\u041f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c\u043e \u0432 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0443 \u043e\u0434\u0440\u0430\u0437\u0443 \u2014 \u043c\u0456\u043d\u0456\u043c\u0443\u043c \u0442\u0435\u043e\u0440\u0456\u0457, \u043c\u0430\u043a\u0441\u0438\u043c\u0443\u043c \u201c\u0436\u0438\u0432\u043e\u0457\u201d \u043c\u043e\u0432\u0438.<\/span>\n      <\/div>\n\n      <div class=\"badge js-reveal from-right d4\">\n        <strong>\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430, \u044f\u043a\u0430 \u043f\u0440\u0430\u0446\u044e\u0454<\/strong>\n        <span>\u041a\u043e\u0436\u043d\u0435 \u0437\u0430\u043d\u044f\u0442\u0442\u044f = \u043a\u0440\u043e\u043a \u0434\u043e \u0432\u043f\u0435\u0432\u043d\u0435\u043d\u043e\u0441\u0442\u0456: \u0437\u0430\u043a\u0440\u0456\u043f\u043b\u0435\u043d\u043d\u044f, \u043f\u043e\u0432\u0442\u043e\u0440\u0435\u043d\u043d\u044f, \u0440\u0435\u0430\u043b\u044c\u043d\u0456 \u0441\u0446\u0435\u043d\u0430\u0440\u0456\u0457.<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      const root = document.currentScript?.closest('.js-why-up') || document.querySelector('.js-why-up');\n      if(!root) return;\n\n      const reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      if(reduceMotion){\n        root.querySelectorAll('.js-reveal').forEach(el => el.classList.add('is-in'));\n        return;\n      }\n\n      const items = root.querySelectorAll('.js-reveal');\n      const io = new IntersectionObserver((entries)=>{\n        entries.forEach(e=>{\n          if(e.isIntersecting){\n            e.target.classList.add('is-in');\n            io.unobserve(e.target);\n          }\n        });\n      }, { threshold: 0.16, rootMargin: \"0px 0px -8% 0px\" });\n\n      items.forEach(el => io.observe(el));\n    })();\n  <\/script>\n<\/section>\n<!-- =========================\n END WHY JUST SPEAK UP\n ========================= -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2edfbfbc e-flex e-con-boxed e-con e-parent\" data-id=\"2edfbfbc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71f2d4b6 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"71f2d4b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\n COURSES \/ TARIFFS \u2014 LIGHT NEON (BANNER ONLY) \u2014 MATCH HERO STYLE\n \u2705 \u0431\u0430\u043d\u043d\u0435\u0440 \u0431\u043e\u043b\u044c\u0448\u0435 + \u0431\u0435\u0437 \u0440\u0430\u043c\u043a\u0438\n \u2705 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438: \u043f\u043e\u0447\u0442\u0438 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0435, \u043a\u0430\u043a hero (\u0431\u0435\u0437 \u201c\u0436\u0438\u0440\u043d\u044b\u0445\u201d \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442\u043e\u0432)\n \u2705 \u043b\u0451\u0433\u043a\u0438\u0439 reveal (\u0432\u0435\u0437\u0434\u0435), \u0431\u0435\u0437 \u0442\u044f\u0436\u0451\u043b\u044b\u0445 FX\n \u2705 toggle \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432\u0435\u0437\u0434\u0435\n ========================= -->\n<section id=\"courses\" class=\"js-courses-up\" aria-label=\"Courses and tariffs\">\n  <style>\n    .js-courses-up{\n      position:relative;\n      max-width:1200px;\n      margin:0 auto;\n      padding:78px 16px;\n      overflow:hidden;\n      isolation:isolate;\n    }\n\n    \/* \u043b\u0451\u0433\u043a\u0438\u0439 \u0444\u043e\u043d \u0441\u0435\u043a\u0446\u0438\u0438 *\/\n    .js-courses-up::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(860px 520px at 12% 18%, rgba(0,240,255,.10), transparent 62%),\n        radial-gradient(860px 520px at 88% 30%, rgba(255,47,220,.085), transparent 62%),\n        radial-gradient(980px 640px at 60% 100%, rgba(140,110,255,.075), transparent 66%),\n        linear-gradient(180deg, rgba(6,8,16,.10), rgba(6,8,16,.05));\n      z-index:-2;\n      pointer-events:none;\n      filter:saturate(1.05);\n    }\n    .js-courses-up::after{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(1200px 700px at 50% 42%, transparent 50%, rgba(0,0,0,.20) 88%),\n        linear-gradient(180deg, rgba(0,0,0,.12), transparent 34%, rgba(0,0,0,.18));\n      z-index:-1;\n      pointer-events:none;\n    }\n\n    \/* head wrap *\/\n    .js-courses-head{\n      text-align:center;\n      max-width:980px;\n      margin:0 auto 18px;\n    }\n\n    \/* \u2705 \u0431\u0430\u043d\u043d\u0435\u0440: \u0431\u043e\u043b\u044c\u0448\u0435, \u0431\u0435\u0437 \u0440\u0430\u043c\u043a\u0438 *\/\n    .js-banner{\n      margin:0 auto 12px;\n      max-width:720px;            \/* \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0430 \u041f\u041a *\/\n    }\n    .js-banner img{\n      width:100%;\n      height:auto;\n      display:block;\n      object-fit:contain;          \/* \u043d\u0435 \u0440\u0435\u0436\u0435\u043c *\/\n      object-position:center;\n\n      max-height:230px;            \/* \u0431\u043e\u043b\u044c\u0448\u0435 \u043f\u043e \u0432\u044b\u0441\u043e\u0442\u0435, \u043d\u043e \u043d\u0435 \u201c\u043d\u0430 \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d\u201d *\/\n      filter:\n        drop-shadow(0 18px 46px rgba(0,0,0,.50))\n        drop-shadow(0 0 22px rgba(0,240,255,.08))\n        drop-shadow(0 0 22px rgba(255,47,220,.06));\n    }\n\n    \/* Toggle (\u0432 \u0441\u0442\u0438\u043b\u0435 hero: \u043f\u043e\u0447\u0442\u0438 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0439) *\/\n    .js-toggle-wrap{ display:flex; justify-content:center; margin-top:6px; }\n    .js-toggle{\n      display:inline-flex;\n      gap:8px;\n      flex-wrap:wrap;\n      align-items:center;\n      justify-content:center;\n      padding:8px;\n      border-radius:999px;\n      background:rgba(255,255,255,.012);\n      border:1px solid rgba(0,240,255,.18);\n      box-shadow:0 14px 40px rgba(0,0,0,.22);\n    }\n    .js-toggle button{\n      cursor:pointer;\n      border:1px solid rgba(255,255,255,.10);\n      background:rgba(255,255,255,.03);\n      color:rgba(255,255,255,.84);\n      font-weight:950;\n      padding:10px 14px;\n      border-radius:999px;\n      font-size:13px;\n      letter-spacing:.2px;\n      transition:transform .18s ease, filter .18s ease, background .18s ease;\n      user-select:none;\n    }\n    .js-toggle button:hover{ filter:brightness(1.06); transform:translateY(-1px); }\n    .js-toggle button.is-active{\n      background:linear-gradient(90deg,#00f0ff,#8c6eff);\n      color:#0b1020;\n      border-color:transparent;\n      box-shadow:0 0 18px rgba(0,240,255,.10), 0 0 18px rgba(140,110,255,.08);\n    }\n\n    \/* ====== GRID ====== *\/\n    .js-cards{\n      display:grid;\n      grid-template-columns:repeat(4, minmax(0, 1fr));\n      gap:16px;\n      margin-top:16px;\n    }\n\n    \/* \u2705 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438: \u201c\u043f\u043e\u0447\u0442\u0438 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0435\u201d \u043a\u0430\u043a hero *\/\n    .js-card{\n      position:relative;\n      border-radius:22px;\n      overflow:hidden;\n      background:rgba(255,255,255,.015);         \/* \u043f\u043e\u0447\u0442\u0438 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e *\/\n      border:1px solid rgba(0,240,255,.18);      \/* \u0442\u043e\u043d\u043a\u0438\u0439 \u043d\u0435\u043e\u043d-\u043a\u043e\u043d\u0442\u0443\u0440 *\/\n      box-shadow:\n        0 18px 60px rgba(0,0,0,.32),\n        0 0 28px rgba(0,240,255,.05),\n        0 0 28px rgba(255,47,220,.04);\n      min-height:340px;\n      transition:transform .18s ease, filter .18s ease, border-color .18s ease;\n      will-change:transform;\n    }\n    .js-card::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      border-radius:24px;\n      background:linear-gradient(\n        90deg,\n        rgba(0,240,255,.20),\n        rgba(140,110,255,.13),\n        rgba(255,47,220,.16)\n      );\n      opacity:.16;                 \/* \u043b\u0451\u0433\u043a\u0438\u0439 \u201c\u043e\u0440\u0435\u043e\u043b\u201d *\/\n      pointer-events:none;\n      filter:blur(.25px);\n    }\n    .js-card::after{\n      content:\"\";\n      position:absolute; inset:0;\n      background:\n        radial-gradient(640px 260px at 18% 0%, rgba(0,240,255,.10), transparent 60%),\n        radial-gradient(520px 240px at 90% 10%, rgba(140,110,255,.09), transparent 62%);\n      opacity:.85;\n      pointer-events:none;\n    }\n\n    @media (hover:hover) and (pointer:fine){\n      .js-card:hover{\n        transform:translateY(-3px);\n        border-color:rgba(0,240,255,.26);\n        filter:brightness(1.02);\n      }\n    }\n\n    .js-card-inner{ position:relative; padding:18px 18px 12px; z-index:1; }\n\n    .js-top{\n      display:flex; align-items:center; justify-content:space-between;\n      gap:10px; flex-wrap:wrap; margin-bottom:10px;\n    }\n    .js-icon{\n      width:44px; height:44px; border-radius:14px;\n      display:flex; align-items:center; justify-content:center;\n      background:rgba(0,240,255,.055);\n      border:1px solid rgba(0,240,255,.18);\n      box-shadow:0 0 16px rgba(0,240,255,.10);\n      flex:0 0 auto;\n    }\n\n    .js-badges{ display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; margin-left:auto; }\n    .js-badge{\n      font-size:12px; font-weight:950;\n      padding:6px 10px; border-radius:999px;\n      background:rgba(255,255,255,.02);\n      border:1px solid rgba(255,255,255,.10);\n      color:rgba(255,255,255,.82);\n    }\n    .js-badge--cyan{ background:rgba(0,240,255,.06); border-color:rgba(0,240,255,.15); color:#00f0ff; }\n    .js-badge--purple{ background:rgba(140,110,255,.07); border-color:rgba(140,110,255,.16); color:#8c6eff; }\n\n    .js-name{\n      margin:6px 0 8px;\n      font-size:20px;\n      font-weight:980;\n      color:#fff;\n      letter-spacing:-.25px;\n    }\n    .js-desc{\n      margin:0;\n      color:rgba(255,255,255,.78);\n      font-size:14.8px;\n      line-height:1.52;\n      min-height:70px;\n    }\n\n    .js-price-row{\n      margin-top:12px;\n      display:flex; align-items:baseline; justify-content:space-between;\n      gap:10px; flex-wrap:wrap;\n      padding:12px 12px;\n      border-radius:16px;\n      background:rgba(255,255,255,.02);\n      border:1px solid rgba(0,240,255,.12);\n    }\n    .js-price-label{\n      font-size:12px;\n      font-weight:950;\n      color:rgba(255,255,255,.70);\n      text-transform:uppercase;\n      letter-spacing:.6px;\n    }\n    .js-price{\n      font-size:20px;\n      font-weight:980;\n      color:#00f0ff;\n      text-shadow:0 0 12px rgba(0,240,255,.18);\n      white-space:nowrap;\n    }\n    .js-price small{\n      font-size:12px;\n      color:rgba(255,255,255,.65);\n      font-weight:900;\n      margin-left:6px;\n    }\n\n    .js-actions{\n      position:relative;\n      padding:0 18px 18px;\n      display:flex;\n      gap:10px;\n      flex-wrap:wrap;\n      align-items:center;\n      margin-top:12px;\n      z-index:1;\n    }\n    .js-btn{\n      display:inline-flex; align-items:center; justify-content:center;\n      padding:12px 16px;\n      border-radius:14px;\n      font-weight:980;\n      text-decoration:none;\n      font-size:14px;\n      transition:transform .18s ease, filter .18s ease;\n      user-select:none;\n    }\n    .js-btn:hover{ transform:translateY(-1px); filter:brightness(1.02); }\n    .js-btn--primary{\n      color:#0b1020;\n      background:linear-gradient(90deg,#00f0ff,#8c6eff);\n      box-shadow:0 0 18px rgba(0,240,255,.14), 0 0 18px rgba(140,110,255,.10);\n    }\n    .js-btn--ghost{\n      color:#fff;\n      background:rgba(255,255,255,.012);\n      border:1px solid rgba(0,240,255,.18);\n    }\n\n    \/* Data switching *\/\n    .js-price[data-mode]{ display:none; }\n    .js-mode-self .js-price[data-mode=\"self\"]{ display:block; }\n    .js-mode-mentor .js-price[data-mode=\"mentor\"]{ display:block; }\n    .js-mode-both .js-price[data-mode=\"self\"]{ display:block; }\n    .js-mode-both .js-price[data-mode=\"mentor\"]{ display:block; }\n\n    \/* Reveal *\/\n    .js-reveal{\n      opacity:0;\n      transform:translateY(12px);\n      transition:opacity .5s ease, transform .5s ease;\n      will-change:opacity, transform;\n    }\n    .js-reveal.is-in{ opacity:1; transform:none; }\n    .d1{ transition-delay:.05s; }\n    .d2{ transition-delay:.10s; }\n    .d3{ transition-delay:.15s; }\n\n    \/* Responsive *\/\n    @media (max-width: 1100px){\n      .js-cards{ grid-template-columns:repeat(2, minmax(0, 1fr)); }\n    }\n    @media (max-width: 640px){\n      .js-courses-up{ padding:64px 14px; }\n\n      \/* \u2705 \u0431\u0430\u043d\u043d\u0435\u0440 \u0431\u043e\u043b\u044c\u0448\u0435 \u0447\u0435\u043c \u0431\u044b\u043b\u043e, \u043d\u043e \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u044b\u0439 \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u0435 *\/\n      .js-banner{ max-width:420px; }\n      .js-banner img{ max-height:150px; }\n\n      .js-cards{ grid-template-columns:1fr; gap:14px; }\n      .js-desc{ min-height:auto; }\n      .js-actions{ padding:0 16px 16px; }\n      .js-card-inner{ padding:16px 16px 12px; }\n      .js-toggle button{ padding:10px 12px; }\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      .js-courses-up *{ animation:none !important; transition:none !important; }\n      .js-reveal{ opacity:1 !important; transform:none !important; }\n    }\n  <\/style>\n\n  <!-- HEAD: banner only + toggle -->\n  <div class=\"js-courses-head js-reveal d1\">\n    <div class=\"js-banner js-reveal d2\" aria-label=\"Courses banner\">\n      <img\n        src=\"https:\/\/justspeak.com.ua\/wp-content\/uploads\/2026\/02\/ChatGPT-Image-24-\u043b\u044e\u0442.-2026-\u0440.-13_02_30.webp\"\n        alt=\"Just Speak Up \u2014 Courses banner\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      \/>\n    <\/div>\n\n    <div class=\"js-toggle-wrap js-reveal d3\" aria-label=\"\u0412\u0438\u0431\u0456\u0440 \u0444\u043e\u0440\u043c\u0430\u0442\u0443 \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f\">\n      <div class=\"js-toggle\" id=\"jsToggle\">\n        <button type=\"button\" class=\"is-active\" data-mode=\"self\">\u0421\u0430\u043c\u043e\u0441\u0442\u0456\u0439\u043d\u043e<\/button>\n        <button type=\"button\" data-mode=\"mentor\">\u0417 \u0432\u0438\u043a\u043b\u0430\u0434\u0430\u0447\u0435\u043c<\/button>\n        <button type=\"button\" data-mode=\"both\">\u041f\u043e\u0440\u0456\u0432\u043d\u044f\u0442\u0438<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- CARDS -->\n  <div class=\"js-cards js-mode-self\" id=\"jsCards\">\n\n    <!-- 1 -->\n    <article class=\"js-card js-reveal d1\">\n      <div class=\"js-card-inner\">\n        <div class=\"js-top\">\n          <div class=\"js-icon\" aria-hidden=\"true\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M14 3c-4.5 1-7.5 5-8 10l5-2 3 3-2 5c5-.5 9-3.5 10-8 0-4-4-8-8-8Z\"\n                stroke=\"#00f0ff\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/>\n              <path d=\"M9 14l-4 4\" stroke=\"#8c6eff\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"js-badges\">\n            <span class=\"js-badge js-badge--cyan\">\u041f\u043e\u0447\u0430\u0442\u043e\u043a<\/span>\n            <span class=\"js-badge\">Online<\/span>\n            <span class=\"js-badge js-badge--purple\">\u041f\u0440\u0430\u043a\u0442\u0438\u043a\u0430<\/span>\n          <\/div>\n        <\/div>\n\n        <h3 class=\"js-name\">Starter<\/h3>\n        <p class=\"js-desc\">\n          \u0417 \u043d\u0443\u043b\u044f \u0434\u043e \u0431\u0430\u0437\u0438: \u043a\u043b\u044e\u0447\u043e\u0432\u0456 \u0441\u043b\u043e\u0432\u0430, \u043f\u0440\u043e\u0441\u0442\u0456 \u0444\u0440\u0430\u0437\u0438, \u043f\u0435\u0440\u0448\u0456 \u0434\u0456\u0430\u043b\u043e\u0433\u0438. \u0411\u0435\u0437 \u0441\u0442\u0440\u0430\u0445\u0443 \u0442\u0430 \u201c\u0448\u043a\u0456\u043b\u044c\u043d\u043e\u0457\u201d \u043d\u0443\u0434\u044c\u0433\u0438.\n        <\/p>\n\n        <div class=\"js-price-row\">\n          <span class=\"js-price-label\">\u0426\u0456\u043d\u0430<\/span>\n          <span class=\"js-price\" data-mode=\"self\">\u20b4 790 <small>\/ \u043c\u0456\u0441<\/small><\/span>\n          <span class=\"js-price\" data-mode=\"mentor\">\u20b4 1 490 <small>\/ \u043c\u0456\u0441<\/small><\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"js-actions\">\n        <a class=\"js-btn js-btn--primary\" href=\"#starter\">\u041e\u0431\u0440\u0430\u0442\u0438<\/a>\n        <a class=\"js-btn js-btn--ghost\" href=\"#starter-details\">\u0414\u0435\u0442\u0430\u043b\u044c\u043d\u0456\u0448\u0435 \u2192<\/a>\n      <\/div>\n    <\/article>\n\n    <!-- 2 -->\n    <article class=\"js-card js-reveal d2\">\n      <div class=\"js-card-inner\">\n        <div class=\"js-top\">\n          <div class=\"js-icon\" aria-hidden=\"true\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M7 18l-3 3V6a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3H10l-3 2Z\"\n                stroke=\"#00f0ff\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/>\n              <path d=\"M8 8h8M8 12h6\" stroke=\"#8c6eff\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"js-badges\">\n            <span class=\"js-badge js-badge--cyan\">A2<\/span>\n            <span class=\"js-badge\">Online<\/span>\n            <span class=\"js-badge js-badge--purple\">Speaking<\/span>\n          <\/div>\n        <\/div>\n\n        <h3 class=\"js-name\">A2 \u2014 Speak Base<\/h3>\n        <p class=\"js-desc\">\n          \u0420\u043e\u0437\u043c\u043e\u0432\u043d\u0430 \u0431\u0430\u0437\u0430 \u0434\u043b\u044f \u043f\u043e\u0432\u0441\u044f\u043a\u0434\u0435\u043d\u043d\u0438\u0445 \u0441\u0438\u0442\u0443\u0430\u0446\u0456\u0439: \u0437\u043d\u0430\u0439\u043e\u043c\u0441\u0442\u0432\u0430, \u043f\u043e\u043a\u0443\u043f\u043a\u0438, \u043f\u043e\u0434\u043e\u0440\u043e\u0436\u0456, \u043a\u043e\u0440\u043e\u0442\u043a\u0456 \u0456\u0441\u0442\u043e\u0440\u0456\u0457 \u0431\u0435\u0437 \u043f\u0430\u0443\u0437.\n        <\/p>\n\n        <div class=\"js-price-row\">\n          <span class=\"js-price-label\">\u0426\u0456\u043d\u0430<\/span>\n          <span class=\"js-price\" data-mode=\"self\">\u20b4 990 <small>\/ \u043c\u0456\u0441<\/small><\/span>\n          <span class=\"js-price\" data-mode=\"mentor\">\u20b4 1 790 <small>\/ \u043c\u0456\u0441<\/small><\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"js-actions\">\n        <a class=\"js-btn js-btn--primary\" href=\"#a2\">\u041e\u0431\u0440\u0430\u0442\u0438<\/a>\n        <a class=\"js-btn js-btn--ghost\" href=\"#a2-details\">\u0414\u0435\u0442\u0430\u043b\u044c\u043d\u0456\u0448\u0435 \u2192<\/a>\n      <\/div>\n    <\/article>\n\n    <!-- 3 -->\n    <article class=\"js-card js-reveal d2\">\n      <div class=\"js-card-inner\">\n        <div class=\"js-top\">\n          <div class=\"js-icon\" aria-hidden=\"true\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M12 2l8 4v6c0 5-3.5 9-8 10C7.5 21 4 17 4 12V6l8-4Z\"\n                stroke=\"#00f0ff\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/>\n              <path d=\"M8 12l2.2 2.2L16 8.5\" stroke=\"#8c6eff\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"js-badges\">\n            <span class=\"js-badge js-badge--cyan\">B1<\/span>\n            <span class=\"js-badge\">Online<\/span>\n            <span class=\"js-badge js-badge--purple\">Confidence<\/span>\n          <\/div>\n        <\/div>\n\n        <h3 class=\"js-name\">B1 \u2014 Confident English<\/h3>\n        <p class=\"js-desc\">\n          \u0412\u0456\u043b\u044c\u043d\u0456\u0448\u0435 \u0441\u043f\u0456\u043b\u043a\u0443\u0432\u0430\u043d\u043d\u044f: \u0440\u043e\u0437\u0443\u043c\u0456\u043d\u043d\u044f \u043d\u0430 \u0441\u043b\u0443\u0445, \u0448\u0432\u0438\u0434\u043a\u0456 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0456, \u0436\u0438\u0432\u0456 \u0442\u0435\u043c\u0438, \u043c\u0435\u043d\u0448\u0435 \u201c\u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0443 \u0432 \u0433\u043e\u043b\u043e\u0432\u0456\u201d.\n        <\/p>\n\n        <div class=\"js-price-row\">\n          <span class=\"js-price-label\">\u0426\u0456\u043d\u0430<\/span>\n          <span class=\"js-price\" data-mode=\"self\">\u20b4 1 190 <small>\/ \u043c\u0456\u0441<\/small><\/span>\n          <span class=\"js-price\" data-mode=\"mentor\">\u20b4 2 090 <small>\/ \u043c\u0456\u0441<\/small><\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"js-actions\">\n        <a class=\"js-btn js-btn--primary\" href=\"#b1\">\u041e\u0431\u0440\u0430\u0442\u0438<\/a>\n        <a class=\"js-btn js-btn--ghost\" href=\"#b1-details\">\u0414\u0435\u0442\u0430\u043b\u044c\u043d\u0456\u0448\u0435 \u2192<\/a>\n      <\/div>\n    <\/article>\n\n    <!-- 4 -->\n    <article class=\"js-card js-reveal d3\">\n      <div class=\"js-card-inner\">\n        <div class=\"js-top\">\n          <div class=\"js-icon\" aria-hidden=\"true\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M12 14a3 3 0 0 0 3-3V6a3 3 0 0 0-6 0v5a3 3 0 0 0 3 3Z\"\n                stroke=\"#00f0ff\" stroke-width=\"1.7\"\/>\n              <path d=\"M5 11a7 7 0 0 0 14 0\" stroke=\"#8c6eff\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/>\n              <path d=\"M12 18v3\" stroke=\"#00f0ff\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"js-badges\">\n            <span class=\"js-badge js-badge--cyan\">Speaking Club<\/span>\n            <span class=\"js-badge\">Live<\/span>\n            <span class=\"js-badge js-badge--purple\">\u0429\u043e\u0442\u0438\u0436\u043d\u044f<\/span>\n          <\/div>\n        <\/div>\n\n        <h3 class=\"js-name\">Speaking Club<\/h3>\n        <p class=\"js-desc\">\n          \u0422\u0456\u043b\u044c\u043a\u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430: \u0440\u0435\u0430\u043b\u044c\u043d\u0456 \u0434\u0456\u0430\u043b\u043e\u0433\u0438, \u0446\u0456\u043a\u0430\u0432\u0456 \u0442\u0435\u043c\u0438, \u0448\u0432\u0438\u0434\u043a\u0438\u0439 \u201c\u0440\u043e\u0437\u0433\u043e\u0432\u043e\u0440\u201d \u0456 \u043f\u0456\u0434\u0442\u0440\u0438\u043c\u043a\u0430 \u0433\u0440\u0443\u043f\u0438 \u0431\u0435\u0437 \u043d\u0430\u043f\u0440\u0443\u0433\u0438.\n        <\/p>\n\n        <div class=\"js-price-row\">\n          <span class=\"js-price-label\">\u0426\u0456\u043d\u0430<\/span>\n          <span class=\"js-price\" data-mode=\"self\">\u20b4 590 <small>\/ \u043c\u0456\u0441<\/small><\/span>\n          <span class=\"js-price\" data-mode=\"mentor\">\u20b4 1 290 <small>\/ \u043c\u0456\u0441<\/small><\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"js-actions\">\n        <a class=\"js-btn js-btn--primary\" href=\"#speaking\">\u041e\u0431\u0440\u0430\u0442\u0438<\/a>\n        <a class=\"js-btn js-btn--ghost\" href=\"#speaking-details\">\u0414\u0435\u0442\u0430\u043b\u044c\u043d\u0456\u0448\u0435 \u2192<\/a>\n      <\/div>\n    <\/article>\n\n  <\/div>\n\n  <script>\n    (function(){\n      const root = document.currentScript?.closest('.js-courses-up') || document.querySelector('.js-courses-up');\n      const toggle = root?.querySelector('#jsToggle');\n      const cards = root?.querySelector('#jsCards');\n      if(!root || !toggle || !cards) return;\n\n      \/\/ Toggle mode \u2014 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432\u0435\u0437\u0434\u0435\n      toggle.addEventListener('click', function(e){\n        const btn = e.target.closest('button[data-mode]');\n        if(!btn) return;\n\n        toggle.querySelectorAll('button').forEach(b => b.classList.remove('is-active'));\n        btn.classList.add('is-active');\n\n        const mode = btn.getAttribute('data-mode');\n        cards.classList.remove('js-mode-self','js-mode-mentor','js-mode-both');\n        cards.classList.add('js-mode-' + mode);\n      });\n\n      \/\/ Reveal \u2014 \u043b\u0451\u0433\u043a\u0438\u0439 (\u0432\u0435\u0437\u0434\u0435, \u043a\u0440\u043e\u043c\u0435 reduce-motion)\n      const reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      if(reduceMotion){\n        root.querySelectorAll('.js-reveal').forEach(el => el.classList.add('is-in'));\n        return;\n      }\n\n      const items = root.querySelectorAll('.js-reveal');\n      const io = new IntersectionObserver((entries)=>{\n        entries.forEach(en=>{\n          if(en.isIntersecting){\n            en.target.classList.add('is-in');\n            io.unobserve(en.target);\n          }\n        });\n      }, {threshold: 0.16, rootMargin: \"0px 0px -8% 0px\"});\n\n      items.forEach(el=>io.observe(el));\n    })();\n  <\/script>\n<\/section>\n<!-- =========================\n END COURSES \/ TARIFFS\n ========================= -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a389002 e-flex e-con-boxed e-con e-parent\" data-id=\"7a389002\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e01a2de elementor-widget elementor-widget-html\" data-id=\"2e01a2de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\n HOW IT WORKS \u2014 LIGHT NEON (MATCH HERO\/COURSES) \u2014 MORE DARKENING\n \u2705 \u0447\u0443\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u0437\u0430\u0442\u0435\u043c\u043d\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0447\u0438\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 (\u0431\u0435\u0437 blur)\n \u2705 \u043b\u0451\u0433\u043a\u0438\u0439 reveal (\u0438 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 \u0442\u043e\u0436\u0435)\n \u2705 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0431\u0430\u043d\u043d\u0435\u0440\u043e\u043c (\u0431\u0435\u0437 \u0440\u0430\u043c\u043a\u0438)\n ========================= -->\n<section id=\"how-it-works\" class=\"js-how-up\" aria-label=\"How it works\">\n  <style>\n    .js-how-up{\n      position:relative;\n      max-width:1200px;\n      margin:0 auto;\n      padding:78px 16px;\n      overflow:hidden;\n      isolation:isolate;\n    }\n\n    \/* \u043b\u0451\u0433\u043a\u0438\u0439 \u0444\u043e\u043d \u0441\u0435\u043a\u0446\u0438\u0438 *\/\n    .js-how-up::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(860px 520px at 14% 18%, rgba(0,240,255,.10), transparent 62%),\n        radial-gradient(860px 520px at 86% 28%, rgba(140,110,255,.085), transparent 62%),\n        radial-gradient(980px 640px at 55% 105%, rgba(255,47,220,.06), transparent 68%),\n        linear-gradient(180deg, rgba(6,8,16,.12), rgba(6,8,16,.07));\n      z-index:-2;\n      pointer-events:none;\n      filter:saturate(1.05);\n    }\n\n    \/* \u2705 \u0447\u0443\u0442\u044c \u0442\u0435\u043c\u043d\u0435\u0435 \u0432\u0438\u043d\u044c\u0435\u0442\u043a\u0430\/\u0437\u0430\u0442\u0435\u043c\u043d\u0435\u043d\u0438\u0435 (\u0434\u043b\u044f \u0447\u0438\u0442\u0430\u0435\u043c\u043e\u0441\u0442\u0438) *\/\n    .js-how-up::after{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(1200px 720px at 50% 42%, transparent 46%, rgba(0,0,0,.34) 88%),\n        linear-gradient(180deg, rgba(0,0,0,.20), transparent 34%, rgba(0,0,0,.28));\n      z-index:-1;\n      pointer-events:none;\n    }\n\n    \/* HEAD *\/\n    .js-how-head{\n      text-align:center;\n      max-width:980px;\n      margin:0 auto 18px;\n    }\n\n    \/* \u0431\u0430\u043d\u043d\u0435\u0440-\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a *\/\n    .js-how-banner{\n      margin:0 auto 10px;\n      max-width:720px; \/* \u041f\u041a *\/\n    }\n    .js-how-banner img{\n      width:100%;\n      height:auto;\n      display:block;\n      object-fit:contain;\n      object-position:center;\n      max-height:220px;\n      filter:\n        drop-shadow(0 18px 46px rgba(0,0,0,.55))\n        drop-shadow(0 0 22px rgba(0,240,255,.08))\n        drop-shadow(0 0 22px rgba(140,110,255,.06));\n    }\n\n    \/* \u2705 \u043f\u043e\u0434\u043b\u043e\u0436\u043a\u0430 \u043f\u043e\u0434 \u043f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0434\u043b\u044f \u0447\u0438\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 *\/\n    .js-how-sub{\n      margin:10px auto 0;\n      max-width:820px;\n      font-size:16.5px;\n      line-height:1.6;\n      color:rgba(255,255,255,.90);\n      padding:10px 12px;\n      border-radius:14px;\n      background:rgba(0,0,0,.18);\n      border:1px solid rgba(255,255,255,.06);\n      box-shadow:0 14px 40px rgba(0,0,0,.18);\n      display:inline-block;\n    }\n\n    \/* STEPS GRID *\/\n    .js-steps{\n      display:grid;\n      grid-template-columns:repeat(4,minmax(0,1fr));\n      gap:16px;\n      align-items:stretch;\n      position:relative;\n      padding-top:12px;\n      margin-top:14px;\n    }\n\n    .js-steps::before{\n      content:\"\";\n      position:absolute;\n      left:42px; right:42px;\n      top:44px;\n      height:2px;\n      background:linear-gradient(90deg, rgba(0,240,255,.55), rgba(140,110,255,.55));\n      box-shadow:0 0 18px rgba(0,240,255,.14), 0 0 18px rgba(140,110,255,.12);\n      opacity:.42;\n      z-index:0;\n      pointer-events:none;\n    }\n\n    \/* \u2705 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0442\u0435\u043c\u043d\u0435\u0435, \u043d\u043e \u0432\u0441\u0451 \u0435\u0449\u0451 \u201c\u043f\u043e\u0447\u0442\u0438 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0435\u201d *\/\n    .js-step{\n      position:relative;\n      z-index:1;\n      border-radius:22px;\n      background:rgba(8,10,18,.30);           \/* \u0431\u044b\u043b\u043e \u043f\u043e\u0447\u0442\u0438 \u0431\u0435\u043b\u043e\u0435 \u2014 \u0442\u0435\u043f\u0435\u0440\u044c \u0442\u0435\u043c\u043d\u0435\u0435 *\/\n      border:1px solid rgba(0,240,255,.18);\n      box-shadow:\n        0 18px 60px rgba(0,0,0,.34),\n        inset 0 0 0 1px rgba(255,255,255,.03);\n      overflow:hidden;\n      transition:transform .18s ease, filter .18s ease, border-color .18s ease;\n      min-height:260px;\n      will-change:transform;\n    }\n\n    .js-step::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      border-radius:24px;\n      background:linear-gradient(90deg,\n        rgba(0,240,255,.20),\n        rgba(140,110,255,.13),\n        rgba(255,47,220,.16)\n      );\n      opacity:.14;\n      pointer-events:none;\n      filter:blur(.25px);\n    }\n    .js-step::after{\n      content:\"\";\n      position:absolute; inset:0;\n      background:\n        radial-gradient(640px 240px at 18% 0%, rgba(0,240,255,.10), transparent 60%),\n        radial-gradient(520px 240px at 88% 0%, rgba(140,110,255,.09), transparent 62%);\n      opacity:.80;\n      pointer-events:none;\n    }\n\n    @media (hover:hover) and (pointer:fine){\n      .js-step:hover{\n        transform:translateY(-3px);\n        border-color:rgba(0,240,255,.24);\n        filter:brightness(1.03);\n      }\n    }\n\n    .js-step-inner{ position:relative; padding:18px 18px 16px; z-index:1; }\n\n    .js-step-top{\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap:10px;\n      margin-bottom:10px;\n    }\n\n    .js-step-badge{\n      font-size:12px;\n      font-weight:950;\n      letter-spacing:.6px;\n      text-transform:uppercase;\n      padding:7px 10px;\n      border-radius:999px;\n      background:rgba(255,255,255,.03);\n      border:1px solid rgba(255,255,255,.10);\n      color:rgba(255,255,255,.78);\n      white-space:nowrap;\n    }\n    .js-step-badge strong{ color:#00f0ff; }\n\n    .js-icon{\n      width:46px;height:46px;border-radius:14px;\n      display:flex;align-items:center;justify-content:center;\n      background:rgba(0,240,255,.055);\n      border:1px solid rgba(0,240,255,.18);\n      box-shadow:0 0 16px rgba(0,240,255,.10);\n      flex:0 0 auto;\n      position:relative;\n    }\n    .js-icon::after{\n      content:\"\";\n      position:absolute;\n      bottom:-10px;\n      left:50%;\n      transform:translateX(-50%);\n      width:10px;height:10px;border-radius:50%;\n      background:#00f0ff;\n      box-shadow:0 0 14px rgba(0,240,255,.35),0 0 18px rgba(140,110,255,.18);\n    }\n\n    .js-step-name{\n      margin:8px 0 8px;\n      font-size:18px;\n      font-weight:980;\n      color:#fff;\n      letter-spacing:-.2px;\n    }\n\n    \/* \u2705 \u0442\u0435\u043a\u0441\u0442 \u0441\u0432\u0435\u0442\u043b\u0435\u0435 *\/\n    .js-step-text{\n      margin:0;\n      color:rgba(255,255,255,.84);\n      font-size:14.8px;\n      line-height:1.52;\n    }\n\n    \/* CTA *\/\n    .js-how-cta{\n      margin:22px auto 0;\n      max-width:900px;\n      text-align:center;\n      padding:10px 16px 0;\n    }\n    .js-how-cta-title{\n      margin:0 0 12px 0;\n      font-size:16px;\n      font-weight:950;\n      color:rgba(255,255,255,.88);\n      text-shadow:0 10px 28px rgba(0,0,0,.25);\n    }\n\n    .js-btn{\n      display:inline-flex;align-items:center;justify-content:center;\n      padding:12px 16px;border-radius:14px;\n      font-weight:980;text-decoration:none;font-size:14px;\n      transition:transform .18s ease, filter .18s ease;\n      user-select:none;\n    }\n    .js-btn:hover{ transform:translateY(-1px); filter:brightness(1.02); }\n\n    .js-btn--primary{\n      color:#0b1020;\n      background:linear-gradient(90deg,#00f0ff,#8c6eff);\n      box-shadow:0 0 18px rgba(0,240,255,.14),0 0 18px rgba(140,110,255,.10);\n    }\n    .js-btn--ghost{\n      color:#fff;\n      margin-left:10px;\n      background:rgba(255,255,255,.012);\n      border:1px solid rgba(0,240,255,.18);\n    }\n\n    \/* Reveal *\/\n    .js-reveal{\n      opacity:0;\n      transform:translateY(12px);\n      transition:opacity .5s ease, transform .5s ease;\n      will-change:opacity, transform;\n    }\n    .js-reveal.is-in{ opacity:1; transform:none; }\n\n    .d1{ transition-delay:.05s; }\n    .d2{ transition-delay:.10s; }\n    .d3{ transition-delay:.15s; }\n    .d4{ transition-delay:.20s; }\n\n    \/* Responsive *\/\n    @media (max-width:1100px){\n      .js-steps{ grid-template-columns:repeat(2,minmax(0,1fr)); }\n      .js-steps::before{ left:26px; right:26px; top:44px; }\n    }\n    @media (max-width:820px){\n      .js-how-banner{ max-width:620px; }\n    }\n    @media (max-width:640px){\n      .js-how-up{ padding:64px 14px; }\n      .js-how-banner{ max-width:420px; }\n      .js-how-banner img{ max-height:150px; }\n      .js-how-sub{ font-size:16px; padding:10px 10px; }\n\n      .js-steps{ grid-template-columns:1fr; gap:14px; }\n      .js-steps::before{ display:none; }\n      .js-icon::after{ display:none; }\n\n      .js-btn--ghost{ margin-left:0; margin-top:10px; }\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      .js-how-up *{ animation:none !important; transition:none !important; }\n      .js-how-up .js-reveal{ opacity:1 !important; transform:none !important; }\n    }\n  <\/style>\n\n  <!-- HEAD -->\n  <div class=\"js-how-head js-reveal d1\">\n    <div class=\"js-how-banner js-reveal d2\" aria-label=\"How it works banner\">\n      <img\n        src=\"https:\/\/justspeak.com.ua\/wp-content\/uploads\/2026\/02\/ChatGPT-Image-24-\u043b\u044e\u0442.-2026-\u0440.-13_02_35.webp\"\n        alt=\"Just Speak Up \u2014 How it works\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      \/>\n    <\/div>\n\n    <p class=\"js-how-sub js-reveal d3\">\n      \u0427\u0456\u0442\u043a\u0438\u0439 \u043f\u0440\u043e\u0446\u0435\u0441 \u0431\u0435\u0437 \u0437\u0430\u0439\u0432\u043e\u0457 \u0442\u0435\u043e\u0440\u0456\u0457. \u0422\u0438 \u0437\u0430\u0432\u0436\u0434\u0438 \u0437\u043d\u0430\u0454\u0448, \u0449\u043e \u0440\u043e\u0431\u0438\u0448 \u0456 \u043d\u0430\u0432\u0456\u0449\u043e \u2014 \u043a\u0440\u043e\u043a \u0437\u0430 \u043a\u0440\u043e\u043a\u043e\u043c \u0434\u043e \u0432\u043f\u0435\u0432\u043d\u0435\u043d\u043e\u0457 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u043e\u0457.\n    <\/p>\n  <\/div>\n\n  <!-- STEPS -->\n  <div class=\"js-steps\">\n    <article class=\"js-step js-reveal d1\">\n      <div class=\"js-step-inner\">\n        <div class=\"js-step-top\">\n          <div class=\"js-icon\" aria-hidden=\"true\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <circle cx=\"12\" cy=\"12\" r=\"8\" stroke=\"#00f0ff\" stroke-width=\"1.8\"\/>\n              <circle cx=\"12\" cy=\"12\" r=\"4\" stroke=\"#8c6eff\" stroke-width=\"1.8\"\/>\n              <path d=\"M12 2v3M22 12h-3M12 22v-3M2 12h3\" stroke=\"#00f0ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"js-step-badge\"><strong>\u041a\u0440\u043e\u043a 1<\/strong> \u2022 \u0421\u0442\u0430\u0440\u0442<\/div>\n        <\/div>\n        <h3 class=\"js-step-name\">\u0414\u0456\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u043a\u0430 \u0442\u0430 \u0440\u0456\u0432\u0435\u043d\u044c<\/h3>\n        <p class=\"js-step-text\">\n          \u0412\u0438\u0437\u043d\u0430\u0447\u0430\u0454\u043c\u043e \u0442\u0432\u0456\u0439 \u0440\u0456\u0432\u0435\u043d\u044c, \u0446\u0456\u043b\u0456 \u0442\u0430 \u0444\u043e\u0440\u043c\u0430\u0442. \u041f\u043e\u0447\u0438\u043d\u0430\u0454\u0448 \u0437 \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u043e\u0457 \u0442\u043e\u0447\u043a\u0438 \u2014 \u0431\u0435\u0437 \u0445\u0430\u043e\u0441\u0443.\n        <\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"js-step js-reveal d2\">\n      <div class=\"js-step-inner\">\n        <div class=\"js-step-top\">\n          <div class=\"js-icon\" aria-hidden=\"true\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M7 4h12v14H7\" stroke=\"#00f0ff\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n              <path d=\"M5 6h10v14H5\" stroke=\"#8c6eff\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n              <path d=\"M7.5 9h5.5M7.5 12h5.5M7.5 15h4\" stroke=\"#00f0ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"js-step-badge\"><strong>\u041a\u0440\u043e\u043a 2<\/strong> \u2022 \u041d\u0430\u0432\u0447\u0430\u043d\u043d\u044f<\/div>\n        <\/div>\n        <h3 class=\"js-step-name\">\u041a\u043e\u0440\u043e\u0442\u043a\u0456 \u0443\u0440\u043e\u043a\u0438 + \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430<\/h3>\n        <p class=\"js-step-text\">\n          \u041c\u0456\u043d\u0456\u043c\u0443\u043c \u0432\u043e\u0434\u0438 \u2014 \u043c\u0430\u043a\u0441\u0438\u043c\u0443\u043c \u043a\u043e\u0440\u0438\u0441\u0442\u0456: \u0432\u043f\u0440\u0430\u0432\u0438, \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 \u0442\u0430 \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u0456 \u043c\u0456\u043d\u0456-\u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0438.\n        <\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"js-step js-reveal d3\">\n      <div class=\"js-step-inner\">\n        <div class=\"js-step-top\">\n          <div class=\"js-icon\" aria-hidden=\"true\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M7 18l-3 3V7a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H10l-3 2Z\"\n                stroke=\"#00f0ff\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n              <path d=\"M8 9h8M8 12h6\" stroke=\"#8c6eff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"js-step-badge\"><strong>\u041a\u0440\u043e\u043a 3<\/strong> \u2022 \u0420\u043e\u0437\u043c\u043e\u0432\u0430<\/div>\n        <\/div>\n        <h3 class=\"js-step-name\">Speaking & \u0437\u0430\u043a\u0440\u0456\u043f\u043b\u0435\u043d\u043d\u044f<\/h3>\n        <p class=\"js-step-text\">\n          \u0416\u0438\u0432\u0456 \u0442\u0435\u043c\u0438, \u043f\u0456\u0434\u0442\u0440\u0438\u043c\u043a\u0430 \u0442\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430, \u044f\u043a\u0430 \u201c\u0432\u043c\u0438\u043a\u0430\u0454\u201d \u043c\u043e\u0432\u0443 \u2014 \u0431\u0435\u0437 \u043d\u0430\u043f\u0440\u0443\u0433\u0438.\n        <\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"js-step js-reveal d4\">\n      <div class=\"js-step-inner\">\n        <div class=\"js-step-top\">\n          <div class=\"js-icon\" aria-hidden=\"true\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M4 18V6\" stroke=\"#00f0ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n              <path d=\"M4 18h16\" stroke=\"#00f0ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n              <path d=\"M7 14l3-3 3 2 5-6\" stroke=\"#8c6eff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"js-step-badge\"><strong>\u041a\u0440\u043e\u043a 4<\/strong> \u2022 \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442<\/div>\n        <\/div>\n        <h3 class=\"js-step-name\">\u041f\u0440\u043e\u0433\u0440\u0435\u0441, \u044f\u043a\u0438\u0439 \u0432\u0456\u0434\u0447\u0443\u0432\u0430\u0454\u0442\u044c\u0441\u044f<\/h3>\n        <p class=\"js-step-text\">\n          \u0422\u0438 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0454\u0448 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u0443 \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c\u0443 \u0436\u0438\u0442\u0442\u0456 \u2014 \u0456 \u0431\u0430\u0447\u0438\u0448 \u0446\u0435 \u0449\u043e\u0442\u0438\u0436\u043d\u044f.\n        <\/p>\n      <\/div>\n    <\/article>\n  <\/div>\n\n  <!-- CTA -->\n  <div class=\"js-how-cta js-reveal d3\">\n    <div class=\"js-how-cta-title\">\u0413\u043e\u0442\u043e\u0432\u0438\u0439 \u043f\u043e\u0447\u0430\u0442\u0438?<\/div>\n    <a class=\"js-btn js-btn--primary\" href=\"#courses\">\u041e\u0431\u0440\u0430\u0442\u0438 \u043a\u0443\u0440\u0441<\/a>\n    <a class=\"js-btn js-btn--ghost\" href=\"#free-lesson\">\u0421\u043f\u0440\u043e\u0431\u0443\u0432\u0430\u0442\u0438 \u0431\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u043e<\/a>\n  <\/div>\n\n  <script>\n    (function(){\n      const root = document.currentScript?.closest('.js-how-up') || document.querySelector('.js-how-up');\n      if(!root) return;\n\n      const reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n      if(reduceMotion){\n        root.querySelectorAll('.js-reveal').forEach(el => el.classList.add('is-in'));\n        return;\n      }\n\n      const items = root.querySelectorAll('.js-reveal');\n      const io = new IntersectionObserver((entries)=>{\n        entries.forEach(e=>{\n          if(e.isIntersecting){\n            e.target.classList.add('is-in');\n            io.unobserve(e.target);\n          }\n        });\n      }, { threshold: 0.16, rootMargin: \"0px 0px -8% 0px\" });\n\n      items.forEach(el => io.observe(el));\n    })();\n  <\/script>\n<\/section>\n<!-- =========================\n END HOW IT WORKS \u2014 LIGHT NEON\n ========================= -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-781ccbbb e-flex e-con-boxed e-con e-parent\" data-id=\"781ccbbb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fa9f7e elementor-widget elementor-widget-html\" data-id=\"9fa9f7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\n SKILLS \/ OUTCOMES \u2014 LIGHT NEON (MATCH HERO\/HOW) \u2014 BANNER TITLE\n \u2705 \u0431\u0430\u043d\u043d\u0435\u0440 \u0432\u043c\u0435\u0441\u0442\u043e \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0433\u043e \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 (\u0431\u0435\u0437 \u0440\u0430\u043c\u043a\u0438)\n \u2705 \u0447\u0443\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u0437\u0430\u0442\u0435\u043c\u043d\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0447\u0438\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 (\u0431\u0435\u0437 blur)\n \u2705 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043f\u043e\u043b\u0443\u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0435, \u201c\u043b\u0451\u0433\u043a\u0438\u0435\u201d (\u043a\u0430\u043a hero\/how)\n \u2705 \u043b\u0451\u0433\u043a\u0438\u0439 reveal: \u0438 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 \u0442\u043e\u0436\u0435\n ========================= -->\n<section id=\"skills\" class=\"js-skills-up\" aria-label=\"Skills and outcomes\">\n  <style>\n    .js-skills-up{\n      position:relative;\n      max-width:1200px;\n      margin:0 auto;\n      padding:78px 16px;\n      overflow:hidden;\n      isolation:isolate;\n    }\n\n    \/* \u0444\u043e\u043d *\/\n    .js-skills-up::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(860px 520px at 14% 18%, rgba(0,240,255,.10), transparent 62%),\n        radial-gradient(860px 520px at 86% 28%, rgba(140,110,255,.085), transparent 62%),\n        radial-gradient(1000px 680px at 55% 110%, rgba(255,47,220,.06), transparent 70%),\n        linear-gradient(180deg, rgba(6,8,16,.12), rgba(6,8,16,.07));\n      z-index:-2;\n      pointer-events:none;\n      filter:saturate(1.05);\n    }\n\n    \/* \u2705 \u0447\u0443\u0442\u044c \u0442\u0435\u043c\u043d\u0435\u0435 \u0432\u0438\u043d\u044c\u0435\u0442\u043a\u0430\/\u0437\u0430\u0442\u0435\u043c\u043d\u0435\u043d\u0438\u0435 (\u0447\u0438\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c) *\/\n    .js-skills-up::after{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(1200px 720px at 50% 42%, transparent 46%, rgba(0,0,0,.34) 88%),\n        linear-gradient(180deg, rgba(0,0,0,.20), transparent 34%, rgba(0,0,0,.28));\n      z-index:-1;\n      pointer-events:none;\n    }\n\n    \/* HEAD *\/\n    .js-skills-head{\n      text-align:center;\n      max-width:980px;\n      margin:0 auto 18px;\n    }\n\n    \/* \u0431\u0430\u043d\u043d\u0435\u0440 \u0432\u043c\u0435\u0441\u0442\u043e \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 *\/\n    .js-skills-banner{\n      margin:0 auto 10px;\n      max-width:720px; \/* desktop *\/\n    }\n    .js-skills-banner img{\n      width:100%;\n      height:auto;\n      display:block;\n      object-fit:contain;\n      object-position:center;\n      max-height:220px;\n      filter:\n        drop-shadow(0 18px 46px rgba(0,0,0,.55))\n        drop-shadow(0 0 22px rgba(0,240,255,.08))\n        drop-shadow(0 0 22px rgba(140,110,255,.06));\n    }\n\n    \/* \u043f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u2014 \u0441 \u043b\u0451\u0433\u043a\u043e\u0439 \u043f\u043e\u0434\u043b\u043e\u0436\u043a\u043e\u0439 *\/\n    .js-skills-sub{\n      margin:10px auto 0;\n      max-width:820px;\n      font-size:16.5px;\n      line-height:1.6;\n      color:rgba(255,255,255,.90);\n      padding:10px 12px;\n      border-radius:14px;\n      background:rgba(0,0,0,.18);\n      border:1px solid rgba(255,255,255,.06);\n      box-shadow:0 14px 40px rgba(0,0,0,.18);\n      display:inline-block;\n    }\n\n    \/* GRID *\/\n    .js-skills-grid{\n      display:grid;\n      grid-template-columns:1.15fr .85fr;\n      gap:16px;\n      align-items:start;\n      margin-top:14px;\n    }\n\n    \/* \u201c\u043b\u0451\u0433\u043a\u0438\u0435\u201d \u043f\u0430\u043d\u0435\u043b\u0438 \u043a\u0430\u043a \u0432 hero\/how *\/\n    .js-skill-card, .js-chip-card{\n      position:relative;\n      border-radius:22px;\n      background:rgba(8,10,18,.30);\n      border:1px solid rgba(0,240,255,.18);\n      box-shadow:\n        0 18px 60px rgba(0,0,0,.34),\n        inset 0 0 0 1px rgba(255,255,255,.03);\n      overflow:hidden;\n      transition:transform .18s ease, filter .18s ease, border-color .18s ease;\n      will-change:transform;\n    }\n    .js-skill-card::before, .js-chip-card::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      border-radius:24px;\n      background:linear-gradient(90deg,\n        rgba(0,240,255,.20),\n        rgba(140,110,255,.13),\n        rgba(255,47,220,.16)\n      );\n      opacity:.14;\n      pointer-events:none;\n      filter:blur(.25px);\n    }\n    .js-skill-card::after, .js-chip-card::after{\n      content:\"\";\n      position:absolute; inset:0;\n      background:\n        radial-gradient(650px 240px at 20% 0%, rgba(0,240,255,.10), transparent 60%),\n        radial-gradient(520px 240px at 88% 0%, rgba(140,110,255,.09), transparent 62%);\n      opacity:.80;\n      pointer-events:none;\n    }\n\n    @media (hover:hover) and (pointer:fine){\n      .js-skill-card:hover, .js-chip-card:hover{\n        transform:translateY(-3px);\n        border-color:rgba(0,240,255,.24);\n        filter:brightness(1.03);\n      }\n    }\n\n    .js-skill-card-inner{position:relative;padding:18px;z-index:1;}\n\n    \/* points *\/\n    .js-points{\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      gap:12px;\n      margin-top:14px;\n    }\n    .js-point{\n      display:flex;\n      gap:10px;\n      align-items:flex-start;\n      padding:12px 12px;\n      border-radius:18px;\n      background:rgba(255,255,255,.02);\n      border:1px solid rgba(255,255,255,.08);\n    }\n\n    .js-point-icon{\n      width:40px;height:40px;border-radius:14px;\n      display:flex;align-items:center;justify-content:center;\n      background:rgba(0,240,255,.055);\n      border:1px solid rgba(0,240,255,.18);\n      box-shadow:0 0 14px rgba(0,240,255,.10);\n      flex:0 0 auto;\n    }\n    .js-point h4{\n      margin:0 0 4px 0;\n      font-size:15px;\n      font-weight:980;\n      color:#fff;\n      letter-spacing:-.2px;\n    }\n    .js-point p{\n      margin:0;\n      font-size:13.5px;\n      line-height:1.5;\n      color:rgba(255,255,255,.84);\n    }\n\n    \/* right *\/\n    .js-side{display:flex;flex-direction:column;gap:12px;}\n    .js-chip-inner{position:relative;padding:18px;z-index:1;}\n    .js-chip-title{\n      margin:0 0 10px;\n      font-size:15.5px;\n      font-weight:980;\n      color:rgba(255,255,255,.92);\n    }\n\n    .js-chips{display:flex;flex-wrap:wrap;gap:10px;}\n    .js-chip{\n      display:inline-flex;align-items:center;gap:8px;\n      padding:9px 12px;border-radius:999px;\n      background:rgba(255,255,255,.03);\n      border:1px solid rgba(0,240,255,.16);\n      color:rgba(255,255,255,.88);\n      font-size:13px;font-weight:950;\n      user-select:none;\n    }\n    .js-chip--purple{ border-color:rgba(140,110,255,.18); }\n    .js-chip svg{opacity:.95}\n\n    \/* CTA *\/\n    .js-cta{\n      text-align:center;\n      margin-top:18px;\n      display:flex;\n      gap:12px;\n      justify-content:center;\n      flex-wrap:wrap;\n    }\n    .js-btn{\n      display:inline-flex;align-items:center;justify-content:center;\n      padding:12px 16px;border-radius:14px;\n      font-weight:980;text-decoration:none;font-size:14px;\n      transition:transform .18s ease, filter .18s ease;\n      user-select:none;\n    }\n    .js-btn:hover{transform:translateY(-1px);filter:brightness(1.02);}\n    .js-btn--primary{\n      color:#0b1020;\n      background:linear-gradient(90deg,#00f0ff,#8c6eff);\n      box-shadow:0 0 18px rgba(0,240,255,.14),0 0 18px rgba(140,110,255,.10);\n    }\n    .js-btn--ghost{\n      color:#fff;\n      background:rgba(255,255,255,.012);\n      border:1px solid rgba(0,240,255,.18);\n    }\n\n    \/* reveal (\u0438 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 \u0442\u043e\u0436\u0435) *\/\n    .js-reveal{\n      opacity:0;\n      transform:translateY(12px);\n      transition:opacity .5s ease, transform .5s ease;\n      will-change:opacity, transform;\n    }\n    .js-reveal.is-in{ opacity:1; transform:none; }\n    .d1{ transition-delay:.05s; }\n    .d2{ transition-delay:.10s; }\n    .d3{ transition-delay:.15s; }\n    .d4{ transition-delay:.20s; }\n\n    \/* responsive *\/\n    @media (max-width:1100px){\n      .js-skills-grid{grid-template-columns:1fr;gap:14px;}\n      .js-skills-banner{ max-width:620px; }\n    }\n    @media (max-width:640px){\n      .js-skills-up{padding:64px 14px;}\n      .js-skills-banner{ max-width:420px; }\n      .js-skills-banner img{ max-height:150px; }\n      .js-skills-sub{font-size:16px;padding:10px 10px;}\n      .js-points{grid-template-columns:1fr;}\n      .js-skill-card-inner{padding:16px;}\n      .js-chip-inner{padding:16px;}\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      .js-skills-up *{ animation:none !important; transition:none !important; }\n      .js-skills-up .js-reveal{ opacity:1 !important; transform:none !important; }\n    }\n  <\/style>\n\n  <!-- HEAD -->\n  <div class=\"js-skills-head js-reveal d1\">\n    <div class=\"js-skills-banner js-reveal d2\" aria-label=\"Skills banner\">\n      <img\n        src=\"https:\/\/justspeak.com.ua\/wp-content\/uploads\/2026\/02\/ChatGPT-Image-24-\u043b\u044e\u0442.-2026-\u0440.-13_02_51-1.webp\"\n        alt=\"Just Speak Up \u2014 Skills & Outcomes\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      \/>\n    <\/div>\n\n    <p class=\"js-skills-sub js-reveal d3\">\n      \u041d\u0430\u0432\u0438\u0447\u043a\u0438, \u044f\u043a\u0456 \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u044e\u0442\u044c\u0441\u044f: \u0440\u043e\u0431\u043e\u0442\u0430, \u043f\u043e\u0434\u043e\u0440\u043e\u0436\u0456, \u0441\u043f\u0456\u043b\u043a\u0443\u0432\u0430\u043d\u043d\u044f, \u043a\u043e\u043d\u0442\u0435\u043d\u0442. \u0411\u0435\u0437 \u201c\u0448\u043a\u0456\u043b\u044c\u043d\u043e\u0433\u043e\u201d \u0441\u0442\u0438\u043b\u044e.\n    <\/p>\n  <\/div>\n\n  <!-- GRID -->\n  <div class=\"js-skills-grid\">\n\n    <!-- LEFT -->\n    <div class=\"js-skill-card js-reveal d2\">\n      <div class=\"js-skill-card-inner\">\n\n        <div style=\"display:flex;align-items:center;gap:12px;flex-wrap:wrap;\">\n          <div style=\"\n            width:46px;height:46px;border-radius:14px;\n            display:flex;align-items:center;justify-content:center;\n            background:rgba(0,240,255,.055);\n            border:1px solid rgba(0,240,255,.18);\n            box-shadow:0 0 16px rgba(0,240,255,.10);\n          \" aria-hidden=\"true\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M13 2L4 14h7l-1 8 9-12h-7l1-8Z\" stroke=\"#00f0ff\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <div style=\"font-size:13px;font-weight:980;color:rgba(255,255,255,.70);letter-spacing:.6px;text-transform:uppercase;\">\n              Outcomes\n            <\/div>\n            <div style=\"font-size:18px;font-weight:980;color:#fff;\">\n              \u0422\u0438 \u0433\u043e\u0432\u043e\u0440\u0438\u0448 \u2014 \u0456 \u0442\u0435\u0431\u0435 \u0440\u043e\u0437\u0443\u043c\u0456\u044e\u0442\u044c\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"js-points\">\n\n          <div class=\"js-point\">\n            <div class=\"js-point-icon\" aria-hidden=\"true\">\n              <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M8 12a4 4 0 1 1 8 0c0 3-2 3-2 5a2 2 0 0 1-4 0\" stroke=\"#00f0ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h4>\u0420\u043e\u0437\u0443\u043c\u0456\u043d\u043d\u044f \u043d\u0430 \u0441\u043b\u0443\u0445<\/h4>\n              <p>\u0412\u0456\u0434\u0435\u043e, \u0434\u0456\u0430\u043b\u043e\u0433\u0438, \u0436\u0438\u0432\u0430 \u043c\u043e\u0432\u0430 \u2014 \u0431\u0435\u0437 \u201c\u043f\u043e\u0442\u043e\u043a\u0443 \u0437\u0432\u0443\u043a\u0456\u0432\u201d.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"js-point\">\n            <div class=\"js-point-icon\" aria-hidden=\"true\" style=\"border-color:rgba(140,110,255,.18);background:rgba(140,110,255,.07);box-shadow:0 0 14px rgba(140,110,255,.10);\">\n              <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M7 18l-3 3V7a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H10l-3 2Z\"\n                  stroke=\"#8c6eff\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h4>\u0412\u043f\u0435\u0432\u043d\u0435\u043d\u0430 \u0440\u043e\u0437\u043c\u043e\u0432\u0430<\/h4>\n              <p>\u0428\u0432\u0438\u0434\u0448\u0435, \u043f\u0440\u043e\u0441\u0442\u0456\u0448\u0435, \u0431\u0435\u0437 \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0443 \u0432 \u0433\u043e\u043b\u043e\u0432\u0456.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"js-point\">\n            <div class=\"js-point-icon\" aria-hidden=\"true\">\n              <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\" stroke=\"#00f0ff\" stroke-width=\"1.8\"\/>\n                <path d=\"M6 7h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2Z\" stroke=\"#00f0ff\" stroke-width=\"1.8\"\/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h4>\u041f\u043e\u0434\u043e\u0440\u043e\u0436\u0456 \u0442\u0430 \u043f\u043e\u0431\u0443\u0442<\/h4>\n              <p>\u0410\u0435\u0440\u043e\u043f\u043e\u0440\u0442, \u0433\u043e\u0442\u0435\u043b\u044c, \u043a\u0430\u0444\u0435, \u0437\u043d\u0430\u0439\u043e\u043c\u0441\u0442\u0432\u0430 \u2014 \u0431\u0435\u0437 \u0441\u0442\u0440\u0435\u0441\u0443.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"js-point\">\n            <div class=\"js-point-icon\" aria-hidden=\"true\" style=\"border-color:rgba(140,110,255,.18);background:rgba(140,110,255,.07);box-shadow:0 0 14px rgba(140,110,255,.10);\">\n              <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M9 7V6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1\" stroke=\"#8c6eff\" stroke-width=\"1.8\"\/>\n                <path d=\"M4 9h16v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9Z\" stroke=\"#8c6eff\" stroke-width=\"1.8\"\/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h4>\u0420\u043e\u0431\u043e\u0442\u0430 \u0442\u0430 \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f<\/h4>\n              <p>\u041b\u0438\u0441\u0442\u0438, \u0434\u0437\u0432\u0456\u043d\u043a\u0438, \u043c\u0430\u0442\u0435\u0440\u0456\u0430\u043b\u0438 \u2014 \u0431\u0435\u0437 \u0441\u0442\u0443\u043f\u043e\u0440\u0443.<\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT -->\n    <div class=\"js-side\">\n\n      <div class=\"js-chip-card js-reveal d3\">\n        <div class=\"js-chip-inner\">\n          <div class=\"js-chip-title\">\u0422\u0435\u043c\u0438, \u044f\u043a\u0456 \u043f\u0440\u043e\u043a\u0430\u0447\u0443\u0454\u043c\u043e<\/div>\n\n          <div class=\"js-chips\">\n            <span class=\"js-chip\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M4 12h16\" stroke=\"#00f0ff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              Small talk\n            <\/span>\n\n            <span class=\"js-chip js-chip--purple\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M12 6v12\" stroke=\"#8c6eff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              \u0412\u0438\u043c\u043e\u0432\u0430\n            <\/span>\n\n            <span class=\"js-chip\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M7 12l3 3 7-7\" stroke=\"#00f0ff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n              \u0413\u0440\u0430\u043c\u0430\u0442\u0438\u043a\u0430\n            <\/span>\n\n            <span class=\"js-chip js-chip--purple\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M4 7h16M4 12h10M4 17h13\" stroke=\"#8c6eff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              \u0421\u043b\u043e\u0432\u043d\u0438\u043a\n            <\/span>\n\n            <span class=\"js-chip\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M12 2l4 8-4 12-4-12 4-8Z\" stroke=\"#00f0ff\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n              \u0410\u0443\u0434\u0456\u044e\u0432\u0430\u043d\u043d\u044f\n            <\/span>\n\n            <span class=\"js-chip js-chip--purple\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M6 18V6m6 12V9m6 9V12\" stroke=\"#8c6eff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              \u041f\u0440\u043e\u0433\u0440\u0435\u0441\n            <\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"js-chip-card js-reveal d4\">\n        <div class=\"js-chip-inner\">\n          <div class=\"js-chip-title\">\u041f\u043b\u044e\u0441\u0438 \u0444\u043e\u0440\u043c\u0430\u0442\u0443<\/div>\n\n          <div class=\"js-chips\">\n            <span class=\"js-chip\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M12 8v8M8 12h8\" stroke=\"#00f0ff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              \u041a\u043e\u0440\u043e\u0442\u043a\u043e \u0456 \u043f\u043e \u0441\u0443\u0442\u0456\n            <\/span>\n\n            <span class=\"js-chip js-chip--purple\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M5 12h14\" stroke=\"#8c6eff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              \u0411\u0435\u0437 \u0441\u043e\u0440\u043e\u043c\u0443\n            <\/span>\n\n            <span class=\"js-chip\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M12 3v18\" stroke=\"#00f0ff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              \u0417\u0440\u0443\u0447\u043d\u043e \u0437 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443\n            <\/span>\n\n            <span class=\"js-chip js-chip--purple\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M7 7l10 10\" stroke=\"#8c6eff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              \u041c\u043e\u0442\u0438\u0432\u0430\u0446\u0456\u044f\n            <\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- CTA -->\n  <div class=\"js-cta js-reveal d4\">\n    <a class=\"js-btn js-btn--primary\" href=\"#courses\">\u041e\u0431\u0440\u0430\u0442\u0438 \u043a\u0443\u0440\u0441<\/a>\n    <a class=\"js-btn js-btn--ghost\" href=\"#free-lesson\">\u0421\u043f\u0440\u043e\u0431\u0443\u0432\u0430\u0442\u0438 \u0431\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u043e<\/a>\n  <\/div>\n\n  <script>\n    (function(){\n      const root = document.currentScript?.closest('.js-skills-up') || document.querySelector('.js-skills-up');\n      if(!root) return;\n\n      const reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n      if(reduceMotion){\n        root.querySelectorAll('.js-reveal').forEach(el => el.classList.add('is-in'));\n        return;\n      }\n\n      const items = root.querySelectorAll('.js-reveal');\n      const io = new IntersectionObserver((entries)=>{\n        entries.forEach(e=>{\n          if(e.isIntersecting){\n            e.target.classList.add('is-in');\n            io.unobserve(e.target);\n          }\n        });\n      }, { threshold: 0.16, rootMargin: \"0px 0px -8% 0px\" });\n\n      items.forEach(el => io.observe(el));\n    })();\n  <\/script>\n<\/section>\n<!-- =========================\n END SKILLS \/ OUTCOMES \u2014 LIGHT NEON\n ========================= -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-768f4d66 e-flex e-con-boxed e-con e-parent\" data-id=\"768f4d66\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7507f33 elementor-widget elementor-widget-html\" data-id=\"7507f33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\n FOR WHO (16+) \u2014 LIGHT NEON (MATCH HERO\/HOW\/SKILLS) \u2014 BANNER TITLE\n \u2705 \u0431\u0430\u043d\u043d\u0435\u0440 \u0432\u043c\u0435\u0441\u0442\u043e \u0442\u0435\u043a\u0441\u0442\u0430 (\u0431\u0435\u0437 \u0440\u0430\u043c\u043a\u0438)\n \u2705 \u0431\u043e\u043b\u044c\u0448\u0435 \u0437\u0430\u0442\u0435\u043c\u043d\u0435\u043d\u0438\u0435 (\u0447\u0438\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c)\n \u2705 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043f\u043e\u043b\u0443\u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0435 (\u0431\u0435\u0437 blur)\n \u2705 \u043b\u0451\u0433\u043a\u0438\u0439 reveal: \u0438 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 \u0442\u043e\u0436\u0435\n ========================= -->\n<section id=\"for-who\" class=\"js-forwho-up\" aria-label=\"For who 16+\">\n  <style>\n    .js-forwho-up{\n      position:relative;\n      max-width:1200px;\n      margin:0 auto;\n      padding:78px 16px;\n      overflow:hidden;\n      isolation:isolate;\n    }\n\n    \/* \u0444\u043e\u043d *\/\n    .js-forwho-up::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(860px 520px at 14% 18%, rgba(0,240,255,.10), transparent 62%),\n        radial-gradient(860px 520px at 86% 28%, rgba(140,110,255,.085), transparent 62%),\n        radial-gradient(1000px 680px at 55% 110%, rgba(255,47,220,.06), transparent 70%),\n        linear-gradient(180deg, rgba(6,8,16,.12), rgba(6,8,16,.07));\n      z-index:-2;\n      pointer-events:none;\n      filter:saturate(1.05);\n    }\n\n    \/* \u2705 \u0447\u0443\u0442\u044c \u0441\u0438\u043b\u044c\u043d\u0435\u0435 \u0437\u0430\u0442\u0435\u043c\u043d\u0435\u043d\u0438\u0435 *\/\n    .js-forwho-up::after{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(1200px 720px at 50% 42%, transparent 44%, rgba(0,0,0,.36) 88%),\n        linear-gradient(180deg, rgba(0,0,0,.22), transparent 34%, rgba(0,0,0,.30));\n      z-index:-1;\n      pointer-events:none;\n    }\n\n    \/* HEAD *\/\n    .js-forwho-head{\n      text-align:center;\n      max-width:980px;\n      margin:0 auto 16px;\n    }\n\n    \/* \u0431\u0430\u043d\u043d\u0435\u0440 \u0432\u043c\u0435\u0441\u0442\u043e \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 *\/\n    .js-forwho-banner{\n      margin:0 auto 10px;\n      max-width:720px;\n    }\n    .js-forwho-banner img{\n      width:100%;\n      height:auto;\n      display:block;\n      object-fit:contain;\n      object-position:center;\n      max-height:220px;\n      filter:\n        drop-shadow(0 18px 46px rgba(0,0,0,.55))\n        drop-shadow(0 0 22px rgba(0,240,255,.08))\n        drop-shadow(0 0 22px rgba(140,110,255,.06));\n    }\n\n    \/* \u043f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0441 \u043f\u043e\u0434\u043b\u043e\u0436\u043a\u043e\u0439 *\/\n    .js-forwho-sub{\n      margin:10px auto 0;\n      max-width:880px;\n      font-size:16.5px;\n      line-height:1.6;\n      color:rgba(255,255,255,.90);\n      padding:10px 12px;\n      border-radius:14px;\n      background:rgba(0,0,0,.18);\n      border:1px solid rgba(255,255,255,.06);\n      box-shadow:0 14px 40px rgba(0,0,0,.18);\n      display:inline-block;\n    }\n\n    \/* GRID *\/\n    .js-forwho-grid{\n      display:grid;\n      grid-template-columns:repeat(4, minmax(0,1fr));\n      gap:16px;\n      margin-top:18px;\n    }\n\n    \/* \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u2014 \u043b\u0451\u0433\u043a\u0438\u0435, \u043f\u043e\u043b\u0443\u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0435 (\u043a\u0430\u043a hero\/skills) *\/\n    .js-card{\n      position:relative;\n      border-radius:22px;\n      overflow:hidden;\n      background:rgba(8,10,18,.30);\n      border:1px solid rgba(0,240,255,.18);\n      box-shadow:\n        0 18px 60px rgba(0,0,0,.34),\n        inset 0 0 0 1px rgba(255,255,255,.03);\n      transition:transform .18s ease, filter .18s ease, border-color .18s ease;\n      min-height:268px;\n      will-change:transform;\n    }\n\n    .js-card::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      border-radius:24px;\n      background:linear-gradient(90deg,\n        rgba(0,240,255,.20),\n        rgba(140,110,255,.13),\n        rgba(255,47,220,.16)\n      );\n      opacity:.14;\n      pointer-events:none;\n      filter:blur(.25px);\n    }\n    .js-card::after{\n      content:\"\";\n      position:absolute; inset:0;\n      background:\n        radial-gradient(650px 240px at 20% 0%, rgba(0,240,255,.10), transparent 60%),\n        radial-gradient(520px 240px at 88% 0%, rgba(140,110,255,.09), transparent 62%);\n      opacity:.80;\n      pointer-events:none;\n    }\n\n    @media (hover:hover) and (pointer:fine){\n      .js-card:hover{\n        transform:translateY(-3px);\n        border-color:rgba(0,240,255,.24);\n        filter:brightness(1.03);\n      }\n    }\n\n    .js-inner{\n      position:relative;\n      padding:18px 18px 16px;\n      height:100%;\n      display:flex;\n      flex-direction:column;\n      z-index:1;\n    }\n    .js-top{\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap:12px;\n      margin-bottom:10px;\n      flex-wrap:wrap;\n    }\n\n    .js-icon{\n      width:48px;height:48px;border-radius:14px;\n      display:flex;align-items:center;justify-content:center;\n      background:rgba(0,240,255,.055);\n      border:1px solid rgba(0,240,255,.18);\n      box-shadow:0 0 16px rgba(0,240,255,.10);\n      flex:0 0 auto;\n    }\n\n    .js-badge{\n      font-size:12px;font-weight:950;letter-spacing:.5px;\n      padding:7px 10px;border-radius:999px;\n      background:rgba(255,255,255,.03);\n      border:1px solid rgba(255,255,255,.10);\n      color:rgba(255,255,255,.82);\n      white-space:nowrap;\n    }\n    .js-badge b{color:#00f0ff;}\n\n    .js-name{\n      margin:6px 0 8px;\n      font-size:18px;\n      font-weight:980;\n      color:#fff;\n      letter-spacing:-.25px;\n    }\n    .js-text{\n      margin:0;\n      color:rgba(255,255,255,.86);\n      font-size:14.7px;\n      line-height:1.55;\n    }\n\n    .js-mini{\n      margin-top:auto;\n      padding:10px 12px;\n      border-radius:16px;\n      background:rgba(0,0,0,.18);\n      border:1px solid rgba(140,110,255,.14);\n      color:rgba(255,255,255,.86);\n      font-size:13px;\n      line-height:1.45;\n    }\n    .js-mini strong{color:#8c6eff;font-weight:980;}\n\n    \/* CTA *\/\n    .js-cta{\n      text-align:center;\n      margin-top:18px;\n      display:flex;\n      gap:12px;\n      justify-content:center;\n      flex-wrap:wrap;\n    }\n    .js-btn{\n      display:inline-flex;align-items:center;justify-content:center;\n      padding:12px 16px;border-radius:14px;\n      font-weight:980;text-decoration:none;font-size:14px;\n      transition:transform .18s ease, filter .18s ease;\n      user-select:none;\n    }\n    .js-btn:hover{transform:translateY(-1px);filter:brightness(1.02);}\n\n    .js-btn--primary{\n      color:#0b1020;\n      background:linear-gradient(90deg,#00f0ff,#8c6eff);\n      box-shadow:0 0 18px rgba(0,240,255,.14),0 0 18px rgba(140,110,255,.10);\n    }\n    .js-btn--ghost{\n      color:#fff;\n      background:rgba(255,255,255,.012);\n      border:1px solid rgba(0,240,255,.18);\n    }\n\n    \/* \u2705 reveal (\u0438 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 \u0442\u043e\u0436\u0435) *\/\n    .js-reveal{\n      opacity:0;\n      transform:translateY(12px);\n      transition:opacity .5s ease, transform .5s ease;\n      will-change:opacity, transform;\n    }\n    .js-reveal.is-in{ opacity:1; transform:none; }\n    .d1{ transition-delay:.05s; }\n    .d2{ transition-delay:.10s; }\n    .d3{ transition-delay:.15s; }\n    .d4{ transition-delay:.20s; }\n\n    \/* responsive *\/\n    @media (max-width:1200px){\n      .js-forwho-grid{grid-template-columns:repeat(3, minmax(0,1fr));}\n    }\n    @media (max-width:1100px){\n      .js-forwho-grid{grid-template-columns:repeat(2, minmax(0,1fr));}\n    }\n    @media (max-width:640px){\n      .js-forwho-up{padding:64px 14px;}\n      .js-forwho-grid{grid-template-columns:1fr;gap:14px;}\n      .js-forwho-banner{ max-width:420px; }\n      .js-forwho-banner img{ max-height:150px; }\n      .js-forwho-sub{font-size:16px;padding:10px 10px;}\n      .js-inner{padding:16px 16px 14px;}\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      .js-forwho-up *{ animation:none !important; transition:none !important; }\n      .js-forwho-up .js-reveal{ opacity:1 !important; transform:none !important; }\n    }\n  <\/style>\n\n  <!-- HEAD -->\n  <div class=\"js-forwho-head js-reveal d1\">\n    <div class=\"js-forwho-banner js-reveal d2\" aria-label=\"For who banner\">\n      <img\n        src=\"https:\/\/justspeak.com.ua\/wp-content\/uploads\/2026\/02\/ChatGPT-Image-24-\u043b\u044e\u0442.-2026-\u0440.-13_02_55-1.webp\"\n        alt=\"Just Speak Up \u2014 For who 16+\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      \/>\n    <\/div>\n\n    <p class=\"js-forwho-sub js-reveal d3\">\n      \u0426\u0435 \u043e\u043d\u043b\u0430\u0439\u043d-\u0448\u043a\u043e\u043b\u0430 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u043e\u0457 \u0434\u043b\u044f <b style=\"color:#00f0ff;\">16+<\/b>: \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u0439 \u0442\u0435\u043c\u043f, \u0436\u0438\u0432\u0456 \u0442\u0435\u043c\u0438 \u0442\u0430 \u0440\u0435\u0430\u043b\u044c\u043d\u0430 \u0440\u043e\u0437\u043c\u043e\u0432\u0430.\n      \u042f\u043a\u0449\u043e \u0432\u043f\u0456\u0437\u043d\u0430\u0454\u0448 \u0441\u0435\u0431\u0435 \u2014 \u0442\u043e\u0431\u0456 \u0442\u043e\u0447\u043d\u043e \u0441\u044e\u0434\u0438.\n    <\/p>\n  <\/div>\n\n  <!-- GRID -->\n  <div class=\"js-forwho-grid\">\n\n    <article class=\"js-card js-reveal d2\">\n      <div class=\"js-inner\">\n        <div class=\"js-top\">\n          <div class=\"js-icon\" aria-hidden=\"true\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M12 3l10 5-10 5L2 8l10-5Z\" stroke=\"#00f0ff\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n              <path d=\"M6 11v5c2 2 10 2 12 0v-5\" stroke=\"#8c6eff\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"js-badge\"><b>16+<\/b> \u2022 \u0441\u0442\u0430\u0440\u0442<\/div>\n        <\/div>\n        <h3 class=\"js-name\">\u0423\u0447\u043d\u044f\u043c \u0442\u0430 \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u0430\u043c<\/h3>\n        <p class=\"js-text\">\n          \u0425\u043e\u0447\u0435\u0448 \u043f\u0456\u0434\u0442\u044f\u0433\u043d\u0443\u0442\u0438 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u0443 \u0434\u043b\u044f \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f, \u0456\u0441\u043f\u0438\u0442\u0456\u0432 \u0430\u0431\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u201c\u0449\u043e\u0431 \u043d\u0435 \u0432\u0456\u0434\u0441\u0442\u0430\u0432\u0430\u0442\u0438\u201d.\n        <\/p>\n        <div class=\"js-mini\"><strong>\u0424\u043e\u043a\u0443\u0441:<\/strong> \u0431\u0430\u0437\u0430 + speaking + \u0432\u043f\u0435\u0432\u043d\u0435\u043d\u0456\u0441\u0442\u044c.<\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"js-card js-reveal d3\">\n      <div class=\"js-inner\">\n        <div class=\"js-top\">\n          <div class=\"js-icon\" aria-hidden=\"true\" style=\"border-color:rgba(140,110,255,.18);background:rgba(140,110,255,.07);box-shadow:0 0 16px rgba(140,110,255,.10);\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M9 7V6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1\" stroke=\"#8c6eff\" stroke-width=\"1.8\"\/>\n              <path d=\"M4 9h16v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9Z\" stroke=\"#8c6eff\" stroke-width=\"1.8\"\/>\n              <path d=\"M4 13h16\" stroke=\"#00f0ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"js-badge\">\u0440\u043e\u0431\u043e\u0442\u0430 \u2022 \u043a\u043e\u043c\u0443\u043d\u0456\u043a\u0430\u0446\u0456\u044f<\/div>\n        <\/div>\n        <h3 class=\"js-name\">\u0422\u0438\u043c, \u0445\u0442\u043e \u043f\u0440\u0430\u0446\u044e\u0454<\/h3>\n        <p class=\"js-text\">\n          \u041f\u043e\u0442\u0440\u0456\u0431\u043d\u0430 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u0430 \u0434\u043b\u044f \u043b\u0438\u0441\u0442\u0443\u0432\u0430\u043d\u043d\u044f, \u0434\u0437\u0432\u0456\u043d\u043a\u0456\u0432, \u043a\u043b\u0456\u0454\u043d\u0442\u0456\u0432, \u043a\u043e\u043b\u0435\u0433 \u0430\u0431\u043e \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0443 \u043d\u0430 \u043a\u0440\u0430\u0449\u0443 \u043f\u043e\u0437\u0438\u0446\u0456\u044e.\n        <\/p>\n        <div class=\"js-mini\"><strong>\u0424\u043e\u043a\u0443\u0441:<\/strong> \u0431\u0456\u0437\u043d\u0435\u0441-\u043f\u043e\u0431\u0443\u0442 + \u0432\u043f\u0435\u0432\u043d\u0435\u043d\u0430 \u043c\u043e\u0432\u0430.<\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"js-card js-reveal d4\">\n      <div class=\"js-inner\">\n        <div class=\"js-top\">\n          <div class=\"js-icon\" aria-hidden=\"true\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M12 2l4 8-4 12-4-12 4-8Z\" stroke=\"#00f0ff\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n              <path d=\"M7 10h10\" stroke=\"#8c6eff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"js-badge\">\u043f\u043e\u0434\u043e\u0440\u043e\u0436\u0456 \u2022 \u0436\u0438\u0442\u0442\u044f<\/div>\n        <\/div>\n        <h3 class=\"js-name\">\u041c\u0430\u043d\u0434\u0440\u0456\u0432\u043d\u0438\u043a\u0430\u043c<\/h3>\n        <p class=\"js-text\">\n          \u0425\u043e\u0447\u0435\u0448 \u043b\u0435\u0433\u043a\u043e \u0441\u043f\u0456\u043b\u043a\u0443\u0432\u0430\u0442\u0438\u0441\u044f \u0432 \u0430\u0435\u0440\u043e\u043f\u043e\u0440\u0442\u0443, \u0433\u043e\u0442\u0435\u043b\u0456, \u043a\u0430\u0444\u0435, \u043e\u0440\u0435\u043d\u0434\u0456 \u2014 \u0431\u0435\u0437 \u0441\u0442\u0440\u0435\u0441\u0443 \u0442\u0430 \u0436\u0435\u0441\u0442\u0456\u0432.\n        <\/p>\n        <div class=\"js-mini\"><strong>\u0424\u043e\u043a\u0443\u0441:<\/strong> \u0444\u0440\u0430\u0437\u0438 + \u0434\u0456\u0430\u043b\u043e\u0433\u0438 + \u0441\u043b\u0443\u0445.<\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"js-card js-reveal d4\">\n      <div class=\"js-inner\">\n        <div class=\"js-top\">\n          <div class=\"js-icon\" aria-hidden=\"true\" style=\"border-color:rgba(140,110,255,.18);background:rgba(140,110,255,.07);box-shadow:0 0 16px rgba(140,110,255,.10);\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M5 7h14M5 12h10M5 17h13\" stroke=\"#00f0ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n              <path d=\"M17 12l2 2 3-3\" stroke=\"#8c6eff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"js-badge\">\u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u2022 \u0441\u0442\u0438\u043b\u044c<\/div>\n        <\/div>\n        <h3 class=\"js-name\">\u0422\u0438\u043c, \u0445\u0442\u043e \u0445\u043e\u0447\u0435 \u201c\u0432\u0430\u0443\u201d-\u0440\u0456\u0432\u0435\u043d\u044c<\/h3>\n        <p class=\"js-text\">\n          \u0414\u0438\u0432\u0438\u0442\u0438\u0441\u044f \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0431\u0435\u0437 \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0443, \u0447\u0438\u0442\u0430\u0442\u0438, \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0438 \u043f\u0440\u0438\u0440\u043e\u0434\u043d\u043e \u0442\u0430 \u0437\u0432\u0443\u0447\u0430\u0442\u0438 \u0441\u0443\u0447\u0430\u0441\u043d\u043e.\n        <\/p>\n        <div class=\"js-mini\"><strong>\u0424\u043e\u043a\u0443\u0441:<\/strong> \u043b\u0435\u043a\u0441\u0438\u043a\u0430 + \u0432\u0438\u043c\u043e\u0432\u0430 + \u0441\u0442\u0438\u043b\u044c.<\/div>\n      <\/div>\n    <\/article>\n\n  <\/div>\n\n  <!-- CTA -->\n  <div class=\"js-cta js-reveal d4\">\n    <a class=\"js-btn js-btn--primary\" href=\"#courses\">\u041e\u0431\u0440\u0430\u0442\u0438 \u043a\u0443\u0440\u0441<\/a>\n    <a class=\"js-btn js-btn--ghost\" href=\"#free-lesson\">\u0421\u043f\u0440\u043e\u0431\u0443\u0432\u0430\u0442\u0438 \u0431\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u043e<\/a>\n  <\/div>\n\n  <script>\n    (function(){\n      const root = document.currentScript?.closest('.js-forwho-up') || document.querySelector('.js-forwho-up');\n      if(!root) return;\n\n      const reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n      if(reduceMotion){\n        root.querySelectorAll('.js-reveal').forEach(el => el.classList.add('is-in'));\n        return;\n      }\n\n      const items = root.querySelectorAll('.js-reveal');\n      const io = new IntersectionObserver((entries)=>{\n        entries.forEach(e=>{\n          if(e.isIntersecting){\n            e.target.classList.add('is-in');\n            io.unobserve(e.target);\n          }\n        });\n      }, { threshold: 0.16, rootMargin: \"0px 0px -8% 0px\" });\n\n      items.forEach(el => io.observe(el));\n    })();\n  <\/script>\n<\/section>\n<!-- =========================\n END FOR WHO (16+) \u2014 LIGHT NEON\n ========================= -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f677bca e-flex e-con-boxed e-con e-parent\" data-id=\"7f677bca\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-991bc70 elementor-widget elementor-widget-html\" data-id=\"991bc70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\n TESTIMONIALS \/ RESULTS \u2014 LIGHT NEON (MATCH HERO\/SKILLS) \u2014 BANNER TITLE\n \u2705 \u0431\u0430\u043d\u043d\u0435\u0440 \u0432\u043c\u0435\u0441\u0442\u043e \u0442\u0435\u043a\u0441\u0442\u0430 (\u0431\u0435\u0437 \u0440\u0430\u043c\u043a\u0438, \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u044b\u0439)\n \u2705 \u0431\u043e\u043b\u044c\u0448\u0435 \u0437\u0430\u0442\u0435\u043c\u043d\u0435\u043d\u0438\u0435 (\u0447\u0438\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c)\n \u2705 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438\/\u0431\u0430\u0440\u044b \u043f\u043e\u043b\u0443\u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0435 (\u0431\u0435\u0437 blur)\n \u2705 reveal \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0438 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435\n \u2705 \u0431\u0430\u0440\u044b \u0430\u043d\u0438\u043c\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u0434\u0435\u0441\u043a\u0442\u043e\u043f\u0435, \u043d\u0430 \u0442\u0430\u0447\u0435 \u2014 \u0431\u0435\u0437 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438\n ========================= -->\n<section id=\"reviews\" class=\"js-rev-up\" aria-label=\"Reviews and results\">\n  <style>\n    .js-rev-up{\n      position:relative;\n      max-width:1200px;\n      margin:0 auto;\n      padding:78px 16px;\n      overflow:hidden;\n      isolation:isolate;\n    }\n\n    \/* ambient bg *\/\n    .js-rev-up::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(860px 520px at 14% 18%, rgba(0,240,255,.10), transparent 62%),\n        radial-gradient(860px 520px at 86% 28%, rgba(140,110,255,.085), transparent 62%),\n        radial-gradient(1000px 680px at 55% 110%, rgba(255,47,220,.06), transparent 70%),\n        linear-gradient(180deg, rgba(6,8,16,.12), rgba(6,8,16,.07));\n      z-index:-2;\n      pointer-events:none;\n      filter:saturate(1.05);\n    }\n\n    \/* \u2705 stronger readability darkening *\/\n    .js-rev-up::after{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(1200px 720px at 50% 42%, transparent 44%, rgba(0,0,0,.36) 88%),\n        linear-gradient(180deg, rgba(0,0,0,.22), transparent 34%, rgba(0,0,0,.30));\n      z-index:-1;\n      pointer-events:none;\n    }\n\n    \/* HEAD *\/\n    .js-rev-head{\n      text-align:center;\n      max-width:980px;\n      margin:0 auto 16px;\n    }\n\n    \/* Banner \u0432\u043c\u0435\u0441\u0442\u043e h2 *\/\n    .js-rev-banner{\n      margin:0 auto 10px;\n      max-width:760px;\n    }\n    .js-rev-banner img{\n      width:100%;\n      height:auto;\n      display:block;\n      object-fit:contain;\n      object-position:center;\n      max-height:230px;\n      filter:\n        drop-shadow(0 18px 46px rgba(0,0,0,.55))\n        drop-shadow(0 0 22px rgba(0,240,255,.08))\n        drop-shadow(0 0 22px rgba(140,110,255,.06));\n    }\n\n    .js-rev-sub{\n      margin:10px auto 0;\n      max-width:880px;\n      font-size:16.5px;\n      line-height:1.6;\n      color:rgba(255,255,255,.90);\n      padding:10px 12px;\n      border-radius:14px;\n      background:rgba(0,0,0,.18);\n      border:1px solid rgba(255,255,255,.06);\n      box-shadow:0 14px 40px rgba(0,0,0,.18);\n      display:inline-block;\n    }\n\n    \/* grid *\/\n    .js-rev-grid{\n      display:grid;\n      grid-template-columns:repeat(3, minmax(0, 1fr));\n      gap:16px;\n      margin-top:18px;\n    }\n\n    \/* cards \u2014 light\/translucent (no blur) *\/\n    .js-card{\n      position:relative;\n      border-radius:22px;\n      overflow:hidden;\n      background:rgba(8,10,18,.30);\n      border:1px solid rgba(0,240,255,.18);\n      box-shadow:\n        0 18px 60px rgba(0,0,0,.34),\n        inset 0 0 0 1px rgba(255,255,255,.03);\n      transition:transform .18s ease, filter .18s ease, border-color .18s ease;\n      min-height:292px;\n      will-change:transform;\n    }\n    .js-card::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      border-radius:24px;\n      background:linear-gradient(90deg,\n        rgba(0,240,255,.20),\n        rgba(140,110,255,.13),\n        rgba(255,47,220,.16)\n      );\n      opacity:.14;\n      pointer-events:none;\n      filter:blur(.25px);\n    }\n    .js-card::after{\n      content:\"\";\n      position:absolute; inset:0;\n      background:\n        radial-gradient(650px 240px at 20% 0%, rgba(0,240,255,.10), transparent 60%),\n        radial-gradient(520px 240px at 88% 0%, rgba(140,110,255,.09), transparent 62%);\n      opacity:.80;\n      pointer-events:none;\n    }\n\n    @media (hover:hover) and (pointer:fine){\n      .js-card:hover{\n        transform:translateY(-3px);\n        border-color:rgba(0,240,255,.24);\n        filter:brightness(1.03);\n      }\n    }\n\n    .js-inner{\n      position:relative;\n      padding:18px 18px 16px;\n      height:100%;\n      display:flex;\n      flex-direction:column;\n      z-index:1;\n    }\n\n    .js-top{\n      display:flex;\n      justify-content:space-between;\n      align-items:center;\n      gap:12px;\n      flex-wrap:wrap;\n      margin-bottom:10px;\n    }\n    .js-user{\n      display:flex;\n      align-items:center;\n      gap:10px;\n      color:rgba(255,255,255,.92);\n      font-weight:980;\n      letter-spacing:-.2px;\n    }\n    .js-avatar{\n      width:42px;height:42px;border-radius:14px;\n      background:rgba(0,240,255,.055);\n      border:1px solid rgba(0,240,255,.18);\n      box-shadow:0 0 16px rgba(0,240,255,.10);\n      display:flex;align-items:center;justify-content:center;\n      flex:0 0 auto;\n    }\n    .js-role{font-size:12px;color:rgba(255,255,255,.70);font-weight:850;margin-top:2px;}\n\n    .js-stars{display:flex;gap:4px;align-items:center;}\n    .js-stars svg{filter:drop-shadow(0 0 10px rgba(0,240,255,.18));opacity:.95;}\n\n    .js-quote{\n      margin:10px 0 0;\n      color:rgba(255,255,255,.86);\n      font-size:14.7px;\n      line-height:1.62;\n    }\n\n    .js-metrics{\n      margin-top:auto;\n      padding-top:12px;\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      gap:10px;\n    }\n    .js-m{\n      padding:10px 12px;\n      border-radius:16px;\n      background:rgba(0,0,0,.18);\n      border:1px solid rgba(140,110,255,.14);\n      color:rgba(255,255,255,.86);\n      font-size:13px;\n      line-height:1.4;\n    }\n    .js-m b{color:#00f0ff;font-weight:980;}\n    .js-m span{color:rgba(255,255,255,.68);font-weight:850;}\n\n    \/* bars *\/\n    .js-bars{\n      margin-top:16px;\n      display:grid;\n      grid-template-columns:repeat(3, minmax(0, 1fr));\n      gap:12px;\n    }\n\n    .js-bar{\n      border-radius:22px;\n      background:rgba(8,10,18,.26);\n      border:1px solid rgba(0,240,255,.16);\n      padding:14px 14px;\n      overflow:hidden;\n      position:relative;\n      box-shadow:0 14px 50px rgba(0,0,0,.22);\n    }\n    .js-bar::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(520px 200px at 20% 0%, rgba(0,240,255,.10), transparent 60%),\n        radial-gradient(520px 220px at 80% 10%, rgba(140,110,255,.08), transparent 62%);\n      pointer-events:none;\n      opacity:.85;\n    }\n\n    .js-bar-top{\n      position:relative;\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap:10px;\n      margin-bottom:10px;\n    }\n    .js-bar-top strong{color:#fff;font-weight:980;}\n    .js-bar-top em{font-style:normal;color:#8c6eff;font-weight:980;}\n\n    .js-track{\n      position:relative;\n      height:10px;\n      border-radius:999px;\n      background:rgba(255,255,255,.06);\n      border:1px solid rgba(255,255,255,.10);\n      overflow:hidden;\n    }\n    .js-fill{\n      height:100%;\n      width:0%;\n      border-radius:999px;\n      background:linear-gradient(90deg,#00f0ff,#8c6eff);\n      box-shadow:0 0 18px rgba(0,240,255,.16), 0 0 18px rgba(140,110,255,.10);\n      transition:width 1.15s cubic-bezier(.2,.9,.2,1);\n      will-change:width;\n    }\n\n    \/* CTA *\/\n    .js-cta{\n      text-align:center;\n      margin-top:16px;\n      display:flex;\n      gap:12px;\n      justify-content:center;\n      flex-wrap:wrap;\n    }\n    .js-btn{\n      display:inline-flex;align-items:center;justify-content:center;\n      padding:12px 16px;border-radius:14px;\n      font-weight:980;text-decoration:none;font-size:14px;\n      transition:transform .18s ease, filter .18s ease;\n      user-select:none;\n    }\n    .js-btn:hover{transform:translateY(-1px);filter:brightness(1.02);}\n    .js-btn--primary{\n      color:#0b1020;\n      background:linear-gradient(90deg,#00f0ff,#8c6eff);\n      box-shadow:0 0 18px rgba(0,240,255,.14),0 0 18px rgba(140,110,255,.10);\n    }\n    .js-btn--ghost{\n      color:#fff;\n      background:rgba(255,255,255,.012);\n      border:1px solid rgba(0,240,255,.18);\n    }\n\n    \/* \u2705 reveal (\u0438 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 \u0442\u043e\u0436\u0435) *\/\n    .js-reveal{\n      opacity:0;\n      transform:translateY(12px);\n      transition:opacity .5s ease, transform .5s ease;\n      will-change:opacity, transform;\n    }\n    .js-reveal.is-in{ opacity:1; transform:none; }\n    .d1{ transition-delay:.05s; }\n    .d2{ transition-delay:.10s; }\n    .d3{ transition-delay:.15s; }\n    .d4{ transition-delay:.20s; }\n\n    \/* responsive *\/\n    @media (max-width:1100px){\n      .js-rev-grid{grid-template-columns:repeat(2, minmax(0,1fr));}\n      .js-bars{grid-template-columns:1fr;}\n    }\n    @media (max-width:640px){\n      .js-rev-up{padding:64px 14px;}\n      .js-rev-grid{grid-template-columns:1fr;gap:14px;}\n      .js-metrics{grid-template-columns:1fr;}\n      .js-inner{padding:16px 16px 14px;}\n      .js-rev-banner{max-width:440px;}\n      .js-rev-banner img{max-height:155px;}\n      .js-rev-sub{font-size:16px;padding:10px 10px;}\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      .js-rev-up *{ animation:none !important; transition:none !important; }\n      .js-rev-up .js-reveal{ opacity:1 !important; transform:none !important; }\n      .js-rev-up .js-fill{ width:var(--w,70%) !important; }\n    }\n  <\/style>\n\n  <!-- HEAD -->\n  <div class=\"js-rev-head js-reveal d1\">\n    <div class=\"js-rev-banner js-reveal d2\" aria-label=\"Reviews banner\">\n      <img\n        src=\"https:\/\/justspeak.com.ua\/wp-content\/uploads\/2026\/02\/ChatGPT-Image-24-\u043b\u044e\u0442.-2026-\u0440.-13_02_59-1.webp\"\n        alt=\"Just Speak \u2014 \u0412\u0456\u0434\u0433\u0443\u043a\u0438 \u0442\u0430 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0438\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      \/>\n    <\/div>\n\n    <p class=\"js-rev-sub js-reveal d3\">\n      \u0421\u0443\u0447\u0430\u0441\u043d\u0430 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u0430 \u2014 \u0446\u0435 \u043a\u043e\u043b\u0438 \u0442\u0438 <b style=\"color:#00f0ff;\">\u0433\u043e\u0432\u043e\u0440\u0438\u0448<\/b>, \u0430 \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u201c\u0432\u0447\u0438\u0448 \u043f\u0440\u0430\u0432\u0438\u043b\u0430\u201d.\n      \u041e\u0441\u044c \u044f\u043a \u0446\u0435 \u0432\u0456\u0434\u0447\u0443\u0432\u0430\u0454\u0442\u044c\u0441\u044f \u0443 \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u0456\u0432 Just Speak.\n    <\/p>\n  <\/div>\n\n  <!-- CARDS -->\n  <div class=\"js-rev-grid\">\n\n    <article class=\"js-card js-reveal d2\">\n      <div class=\"js-inner\">\n        <div class=\"js-top\">\n          <div class=\"js-user\">\n            <div class=\"js-avatar\" aria-hidden=\"true\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M12 2l2.3 6.2L21 10l-6.7 1.8L12 18l-2.3-6.2L3 10l6.7-1.8L12 2Z\"\n                  stroke=\"#00f0ff\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <div>\n              \u041c\u0430\u0440\u0438\u043d\u0430\n              <div class=\"js-role\">\u0441\u0442\u0443\u0434\u0435\u043d\u0442\u043a\u0430, 19<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"js-stars\" aria-label=\"\u041e\u0446\u0456\u043d\u043a\u0430 5 \u0437 5\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l3 7 7 .6-5.3 4.4 1.7 6.6L12 17.8 5.6 20.6l1.7-6.6L2 9.6 9 9l3-7Z\" stroke=\"#00f0ff\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l3 7 7 .6-5.3 4.4 1.7 6.6L12 17.8 5.6 20.6l1.7-6.6L2 9.6 9 9l3-7Z\" stroke=\"#00f0ff\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l3 7 7 .6-5.3 4.4 1.7 6.6L12 17.8 5.6 20.6l1.7-6.6L2 9.6 9 9l3-7Z\" stroke=\"#00f0ff\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l3 7 7 .6-5.3 4.4 1.7 6.6L12 17.8 5.6 20.6l1.7-6.6L2 9.6 9 9l3-7Z\" stroke=\"#00f0ff\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l3 7 7 .6-5.3 4.4 1.7 6.6L12 17.8 5.6 20.6l1.7-6.6L2 9.6 9 9l3-7Z\" stroke=\"#00f0ff\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/div>\n        <\/div>\n\n        <p class=\"js-quote\">\n          \u201c\u042f \u0434\u0443\u043c\u0430\u043b\u0430, \u0449\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435 \u043c\u0430\u044e \u0437\u0434\u0456\u0431\u043d\u043e\u0441\u0442\u0435\u0439. \u0410 \u0442\u0443\u0442 \u2014 \u043f\u0435\u0440\u0448\u0438\u0439 \u0442\u0438\u0436\u0434\u0435\u043d\u044c \u0456 \u044f \u0432\u0436\u0435 \u0433\u043e\u0432\u043e\u0440\u044e \u043f\u0440\u043e\u0441\u0442\u0438\u043c\u0438 \u0440\u0435\u0447\u0435\u043d\u043d\u044f\u043c\u0438.\n          \u041d\u0430\u0439\u043a\u0440\u0430\u0449\u0435 \u2014 \u0443\u0440\u043e\u043a\u0438 \u043a\u043e\u0440\u043e\u0442\u043a\u0456 \u0456 \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u043d\u0435 \u043d\u0443\u0434\u043d\u043e.\u201d\n        <\/p>\n\n        <div class=\"js-metrics\">\n          <div class=\"js-m\"><b>+38%<\/b> <span>speaking<\/span><br\/>\u0437\u0430 4 \u0442\u0438\u0436\u043d\u0456<\/div>\n          <div class=\"js-m\"><b>15 \u0445\u0432<\/b> <span>\u043d\u0430 \u0434\u0435\u043d\u044c<\/span><br\/>\u0456 \u0454 \u043f\u0440\u043e\u0433\u0440\u0435\u0441<\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"js-card js-reveal d3\">\n      <div class=\"js-inner\">\n        <div class=\"js-top\">\n          <div class=\"js-user\">\n            <div class=\"js-avatar\" aria-hidden=\"true\" style=\"border-color:rgba(140,110,255,.18);background:rgba(140,110,255,.07);box-shadow:0 0 16px rgba(140,110,255,.10);\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M9 7V6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1\" stroke=\"#8c6eff\" stroke-width=\"1.7\"\/>\n                <path d=\"M4 9h16v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9Z\" stroke=\"#8c6eff\" stroke-width=\"1.7\"\/>\n              <\/svg>\n            <\/div>\n            <div>\n              \u041e\u043b\u0435\u0433\n              <div class=\"js-role\">\u0440\u043e\u0431\u043e\u0442\u0430, 27<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"js-stars\" aria-label=\"\u041e\u0446\u0456\u043d\u043a\u0430 5 \u0437 5\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l3 7 7 .6-5.3 4.4 1.7 6.6L12 17.8 5.6 20.6l1.7-6.6L2 9.6 9 9l3-7Z\" stroke=\"#00f0ff\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l3 7 7 .6-5.3 4.4 1.7 6.6L12 17.8 5.6 20.6l1.7-6.6L2 9.6 9 9l3-7Z\" stroke=\"#00f0ff\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l3 7 7 .6-5.3 4.4 1.7 6.6L12 17.8 5.6 20.6l1.7-6.6L2 9.6 9 9l3-7Z\" stroke=\"#00f0ff\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l3 7 7 .6-5.3 4.4 1.7 6.6L12 17.8 5.6 20.6l1.7-6.6L2 9.6 9 9l3-7Z\" stroke=\"#00f0ff\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l3 7 7 .6-5.3 4.4 1.7 6.6L12 17.8 5.6 20.6l1.7-6.6L2 9.6 9 9l3-7Z\" stroke=\"#00f0ff\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/div>\n        <\/div>\n\n        <p class=\"js-quote\">\n          \u201c\u041c\u0435\u043d\u0456 \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u0430 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u0430 \u0434\u043b\u044f \u0440\u043e\u0431\u043e\u0442\u0438. \u0427\u0435\u0440\u0435\u0437 \u043c\u0456\u0441\u044f\u0446\u044c \u044f \u043f\u043e\u0447\u0430\u0432 \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0438 \u043d\u0430 \u043c\u0456\u0442\u0438\u043d\u0433\u0430\u0445.\n          \u041f\u043b\u044e\u0441 \u2014 \u0434\u0443\u0436\u0435 \u0437\u0430\u0439\u0448\u043e\u0432 speaking club: \u0431\u0435\u0437 \u0441\u043e\u0440\u043e\u043c\u0443, \u0437 \u0434\u0440\u0430\u0439\u0432\u043e\u043c.\u201d\n        <\/p>\n\n        <div class=\"js-metrics\">\n          <div class=\"js-m\"><b>+2<\/b> <span>\u043c\u0456\u0442\u0438\u043d\u0433\u0438\/\u0442\u0438\u0436\u0434\u0435\u043d\u044c<\/span><br\/>\u0431\u0435\u0437 \u0441\u0442\u0443\u043f\u043e\u0440\u0443<\/div>\n          <div class=\"js-m\"><b>A2 \u2192 B1<\/b> <span>\u0442\u0435\u043c\u043f<\/span><br\/>\u0437\u0430 3 \u043c\u0456\u0441\u044f\u0446\u0456<\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"js-card js-reveal d4\">\n      <div class=\"js-inner\">\n        <div class=\"js-top\">\n          <div class=\"js-user\">\n            <div class=\"js-avatar\" aria-hidden=\"true\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M2 16l20-6-20-6 6 6 14 0-14 0-6 6Z\" stroke=\"#00f0ff\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <div>\n              \u0406\u0440\u0438\u043d\u0430\n              <div class=\"js-role\">\u043f\u043e\u0434\u043e\u0440\u043e\u0436\u0456, 24<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"js-stars\" aria-label=\"\u041e\u0446\u0456\u043d\u043a\u0430 5 \u0437 5\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l3 7 7 .6-5.3 4.4 1.7 6.6L12 17.8 5.6 20.6l1.7-6.6L2 9.6 9 9l3-7Z\" stroke=\"#00f0ff\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l3 7 7 .6-5.3 4.4 1.7 6.6L12 17.8 5.6 20.6l1.7-6.6L2 9.6 9 9l3-7Z\" stroke=\"#00f0ff\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l3 7 7 .6-5.3 4.4 1.7 6.6L12 17.8 5.6 20.6l1.7-6.6L2 9.6 9 9l3-7Z\" stroke=\"#00f0ff\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l3 7 7 .6-5.3 4.4 1.7 6.6L12 17.8 5.6 20.6l1.7-6.6L2 9.6 9 9l3-7Z\" stroke=\"#00f0ff\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l3 7 7 .6-5.3 4.4 1.7 6.6L12 17.8 5.6 20.6l1.7-6.6L2 9.6 9 9l3-7Z\" stroke=\"#00f0ff\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/div>\n        <\/div>\n\n        <p class=\"js-quote\">\n          \u201c\u042f \u0432\u043f\u0435\u0440\u0448\u0435 \u043f\u043e\u0457\u0445\u0430\u043b\u0430 \u0437\u0430 \u043a\u043e\u0440\u0434\u043e\u043d \u0456 \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u0440\u043e\u0437\u0443\u043c\u0456\u043b\u0430, \u0449\u043e \u043c\u0435\u043d\u0456 \u043a\u0430\u0436\u0443\u0442\u044c. \u041d\u0435 \u0456\u0434\u0435\u0430\u043b\u044c\u043d\u043e, \u0430\u043b\u0435 \u044f \u043d\u0435 \u0433\u0443\u0431\u0438\u043b\u0430\u0441\u044c.\n          \u041d\u0430\u0439\u043a\u0440\u0430\u0449\u0435 \u2014 \u0442\u0440\u0435\u043d\u0443\u0432\u0430\u043d\u043d\u044f \u0444\u0440\u0430\u0437 \u0456 \u0441\u043b\u0443\u0445\u0443.\u201d\n        <\/p>\n\n        <div class=\"js-metrics\">\n          <div class=\"js-m\"><b>+45%<\/b> <span>listening<\/span><br\/>\u0437\u0430 5 \u0442\u0438\u0436\u043d\u0456\u0432<\/div>\n          <div class=\"js-m\"><b>0<\/b> <span>\u043f\u0430\u043d\u0456\u043a\u0438<\/span><br\/>\u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u0438\u0445 \u0434\u0456\u0430\u043b\u043e\u0433\u0430\u0445<\/div>\n        <\/div>\n      <\/div>\n    <\/article>\n\n  <\/div>\n\n  <!-- BARS -->\n  <div class=\"js-bars js-reveal d3\" aria-label=\"\u0421\u0435\u0440\u0435\u0434\u043d\u0456 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0438\">\n    <div class=\"js-bar\">\n      <div class=\"js-bar-top\"><strong>\u0413\u043e\u0432\u043e\u0440\u0456\u043d\u043d\u044f<\/strong><em>+35%<\/em><\/div>\n      <div class=\"js-track\"><div class=\"js-fill\" data-w=\"78\" style=\"--w:78%;\"><\/div><\/div>\n    <\/div>\n    <div class=\"js-bar\">\n      <div class=\"js-bar-top\"><strong>\u0421\u043b\u0443\u0445<\/strong><em>+42%<\/em><\/div>\n      <div class=\"js-track\"><div class=\"js-fill\" data-w=\"84\" style=\"--w:84%;\"><\/div><\/div>\n    <\/div>\n    <div class=\"js-bar\">\n      <div class=\"js-bar-top\"><strong>\u0421\u043b\u043e\u0432\u043d\u0438\u043a<\/strong><em>+28%<\/em><\/div>\n      <div class=\"js-track\"><div class=\"js-fill\" data-w=\"70\" style=\"--w:70%;\"><\/div><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- CTA -->\n  <div class=\"js-cta js-reveal d4\">\n    <a class=\"js-btn js-btn--primary\" href=\"#free-lesson\">\u0421\u043f\u0440\u043e\u0431\u0443\u0432\u0430\u0442\u0438 \u0431\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u043e<\/a>\n    <a class=\"js-btn js-btn--ghost\" href=\"#courses\">\u041f\u043e\u0434\u0438\u0432\u0438\u0442\u0438\u0441\u044f \u043a\u0443\u0440\u0441\u0438<\/a>\n  <\/div>\n\n  <script>\n    (function(){\n      const root = document.currentScript?.closest('.js-rev-up') || document.querySelector('.js-rev-up');\n      if(!root) return;\n\n      const reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      const isDesktopWow = window.matchMedia && window.matchMedia('(hover: hover) and (pointer: fine)').matches;\n\n      const items = root.querySelectorAll('.js-reveal');\n      const bars = root.querySelector('.js-bars');\n      const fills = root.querySelectorAll('.js-fill');\n\n      \/\/ PRM: \u0432\u0441\u0451 \u0441\u0440\u0430\u0437\u0443 + \u0431\u0430\u0440\u044b \u0441\u0440\u0430\u0437\u0443\n      if(reduceMotion){\n        items.forEach(el => el.classList.add('is-in'));\n        fills.forEach(el => el.style.width = (el.getAttribute('data-w') || '70') + '%');\n        return;\n      }\n\n      \/\/ Reveal (\u0438 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 \u0442\u043e\u0436\u0435)\n      const io = new IntersectionObserver((entries)=>{\n        entries.forEach(e=>{\n          if(e.isIntersecting){\n            e.target.classList.add('is-in');\n            io.unobserve(e.target);\n          }\n        });\n      }, { threshold: 0.16, rootMargin: \"0px 0px -8% 0px\" });\n      items.forEach(el => io.observe(el));\n\n      \/\/ Bars animate only on desktop-wow; on touch -> fill immediately\n      if(!isDesktopWow){\n        fills.forEach(el => el.style.width = (el.getAttribute('data-w') || '70') + '%');\n        return;\n      }\n\n      if(bars && fills.length){\n        const barsIO = new IntersectionObserver((entries)=>{\n          entries.forEach(e=>{\n            if(!e.isIntersecting) return;\n            fills.forEach(el=>{\n              const w = el.getAttribute('data-w') || '70';\n              requestAnimationFrame(()=>{ el.style.width = w + '%'; });\n            });\n            barsIO.disconnect();\n          });\n        }, { threshold: 0.25 });\n        barsIO.observe(bars);\n      }\n    })();\n  <\/script>\n<\/section>\n<!-- =========================\n END TESTIMONIALS \/ RESULTS \u2014 LIGHT NEON\n ========================= -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c369bf6 e-flex e-con-boxed e-con e-parent\" data-id=\"6c369bf6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ded1132 elementor-widget elementor-widget-html\" data-id=\"1ded1132\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\n FAQ \u2014 LIGHT NEON (MATCH HERO\/SKILLS) \u2014 BANNER TITLE\n \u2705 \u0431\u0430\u043d\u043d\u0435\u0440 \u0432\u043c\u0435\u0441\u0442\u043e \u0442\u0435\u043a\u0441\u0442\u0430 (\u0431\u0435\u0437 \u0440\u0430\u043c\u043a\u0438, \u043a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u044b\u0439)\n \u2705 \u0431\u043e\u043b\u044c\u0448\u0435 \u0437\u0430\u0442\u0435\u043c\u043d\u0435\u043d\u0438\u0435 (\u0447\u0438\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c)\n \u2705 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043f\u043e\u043b\u0443\u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0435 (\u0431\u0435\u0437 blur)\n \u2705 reveal \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0438 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435\n \u2705 accordion: desktop smooth height, touch no-animation (no cut)\n ========================= -->\n<section id=\"faq\" class=\"js-faq-up\" aria-label=\"FAQ\">\n  <style>\n    .js-faq-up{\n      position:relative;\n      max-width:1000px;\n      margin:0 auto;\n      padding:78px 16px;\n      overflow:hidden;\n      isolation:isolate;\n    }\n\n    \/* ambient bg *\/\n    .js-faq-up::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(860px 520px at 14% 18%, rgba(0,240,255,.10), transparent 62%),\n        radial-gradient(860px 520px at 86% 28%, rgba(140,110,255,.085), transparent 62%),\n        radial-gradient(900px 620px at 50% 110%, rgba(255,47,220,.05), transparent 70%),\n        linear-gradient(180deg, rgba(6,8,16,.12), rgba(6,8,16,.07));\n      z-index:-2;\n      pointer-events:none;\n      filter:saturate(1.05);\n    }\n\n    \/* \u2705 stronger readability darkening *\/\n    .js-faq-up::after{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(1100px 760px at 50% 36%, transparent 46%, rgba(0,0,0,.36) 90%),\n        linear-gradient(180deg, rgba(0,0,0,.22), transparent 34%, rgba(0,0,0,.30));\n      z-index:-1;\n      pointer-events:none;\n    }\n\n    .js-faq-head{\n      text-align:center;\n      max-width:920px;\n      margin:0 auto 14px;\n    }\n\n    \/* \u2705 Banner \u0432\u043c\u0435\u0441\u0442\u043e h2 *\/\n    .js-faq-banner{\n      margin:0 auto 10px;\n      max-width:720px;\n    }\n    .js-faq-banner img{\n      width:100%;\n      height:auto;\n      display:block;\n      object-fit:contain;\n      object-position:center;\n      max-height:220px;\n      filter:\n        drop-shadow(0 18px 46px rgba(0,0,0,.55))\n        drop-shadow(0 0 22px rgba(0,240,255,.08))\n        drop-shadow(0 0 22px rgba(140,110,255,.06));\n    }\n\n    .js-faq-sub{\n      margin:10px auto 0;\n      max-width:780px;\n      font-size:16.5px;\n      line-height:1.6;\n      color:rgba(255,255,255,.90);\n      padding:10px 12px;\n      border-radius:14px;\n      background:rgba(0,0,0,.18);\n      border:1px solid rgba(255,255,255,.06);\n      box-shadow:0 14px 40px rgba(0,0,0,.18);\n      display:inline-block;\n    }\n\n    .js-faq-list{\n      display:flex;\n      flex-direction:column;\n      gap:14px;\n      margin-top:18px;\n    }\n\n    \/* \u2705 items \u2014 light\/translucent (no blur) *\/\n    .js-item{\n      border-radius:22px;\n      background:rgba(8,10,18,.30);\n      border:1px solid rgba(0,240,255,.18);\n      overflow:hidden;\n      position:relative;\n      box-shadow:\n        0 18px 60px rgba(0,0,0,.28),\n        inset 0 0 0 1px rgba(255,255,255,.03);\n      transition:border-color .18s ease, transform .18s ease, filter .18s ease;\n      will-change:transform;\n    }\n    .js-item::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      border-radius:24px;\n      background:linear-gradient(90deg,\n        rgba(0,240,255,.20),\n        rgba(140,110,255,.13),\n        rgba(255,47,220,.16)\n      );\n      opacity:.14;\n      pointer-events:none;\n      filter:blur(.25px);\n    }\n    .js-item::after{\n      content:\"\";\n      position:absolute; inset:0;\n      background:\n        radial-gradient(650px 240px at 20% 0%, rgba(0,240,255,.10), transparent 60%),\n        radial-gradient(520px 240px at 88% 0%, rgba(140,110,255,.09), transparent 62%);\n      opacity:.80;\n      pointer-events:none;\n    }\n\n    @media (hover:hover) and (pointer:fine){\n      .js-item:hover{\n        transform:translateY(-2px);\n        border-color:rgba(0,240,255,.24);\n        filter:brightness(1.02);\n      }\n    }\n\n    .js-q{\n      position:relative;\n      width:100%;\n      text-align:left;\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap:14px;\n      padding:16px 16px;\n      background:transparent;\n      border:0;\n      cursor:pointer;\n      color:#fff;\n      font-weight:980;\n      font-size:16px;\n      letter-spacing:-.15px;\n      -webkit-tap-highlight-color: transparent;\n      z-index:1;\n    }\n\n    .js-left{\n      display:flex;\n      align-items:flex-start;\n      gap:12px;\n      max-width: calc(100% - 50px);\n    }\n    .js-bullet{\n      width:38px;height:38px;border-radius:14px;\n      display:flex;align-items:center;justify-content:center;\n      background:rgba(0,240,255,.055);\n      border:1px solid rgba(0,240,255,.18);\n      box-shadow:0 0 16px rgba(0,240,255,.10);\n      flex:0 0 auto;\n      margin-top:-2px;\n    }\n\n    .js-chevron{\n      width:40px;height:40px;border-radius:14px;\n      display:flex;align-items:center;justify-content:center;\n      background:rgba(255,255,255,.04);\n      border:1px solid rgba(255,255,255,.10);\n      color:rgba(255,255,255,.88);\n      transition:transform .18s ease, border-color .18s ease;\n      flex:0 0 auto;\n    }\n\n    \/* Answer: desktop smooth height via JS *\/\n    .js-a{\n      position:relative;\n      height:0;\n      overflow:hidden;\n      transition:height .28s ease;\n      z-index:1;\n    }\n    .js-a-inner{\n      padding:0 16px 16px 66px;\n      color:rgba(255,255,255,.88);\n      font-size:14.8px;\n      line-height:1.65;\n    }\n\n    .js-item.is-open{\n      border-color:rgba(140,110,255,.22);\n      box-shadow:\n        0 20px 70px rgba(0,0,0,.34),\n        0 0 26px rgba(0,240,255,.06),\n        0 0 26px rgba(140,110,255,.06);\n    }\n    .js-item.is-open .js-chevron{\n      transform:rotate(180deg);\n      border-color:rgba(140,110,255,.18);\n    }\n\n    \/* CTA *\/\n    .js-faq-cta{\n      text-align:center;\n      margin-top:16px;\n      display:flex;\n      gap:12px;\n      justify-content:center;\n      flex-wrap:wrap;\n    }\n    .js-btn{\n      display:inline-flex;align-items:center;justify-content:center;\n      padding:12px 16px;border-radius:14px;\n      font-weight:980;text-decoration:none;font-size:14px;\n      transition:transform .18s ease, filter .18s ease;\n      user-select:none;\n    }\n    .js-btn:hover{transform:translateY(-1px);filter:brightness(1.02);}\n    .js-btn--primary{\n      color:#0b1020;\n      background:linear-gradient(90deg,#00f0ff,#8c6eff);\n      box-shadow:0 0 18px rgba(0,240,255,.14),0 0 18px rgba(140,110,255,.10);\n    }\n    .js-btn--ghost{\n      color:#fff;\n      background:rgba(255,255,255,.012);\n      border:1px solid rgba(0,240,255,.18);\n    }\n\n    \/* \u2705 reveal (\u0438 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 \u0442\u043e\u0436\u0435) *\/\n    .js-reveal{\n      opacity:0;\n      transform:translateY(12px);\n      transition:opacity .5s ease, transform .5s ease;\n      will-change:opacity, transform;\n    }\n    .js-reveal.is-in{ opacity:1; transform:none; }\n    .d1{ transition-delay:.05s; }\n    .d2{ transition-delay:.10s; }\n    .d3{ transition-delay:.15s; }\n    .d4{ transition-delay:.20s; }\n\n    @media (max-width:640px){\n      .js-faq-up{padding:64px 14px;}\n      .js-a-inner{padding:0 14px 14px 14px;}\n      .js-left{max-width: calc(100% - 46px);}\n      .js-q{padding:14px 14px;}\n      .js-faq-banner{max-width:440px;}\n      .js-faq-banner img{max-height:150px;}\n      .js-faq-sub{font-size:16px;padding:10px 10px;}\n    }\n\n    \/* \u2705 Touch: accordion \u0431\u0435\u0437 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438\/\u043e\u0431\u0440\u0435\u0437\u0430\u043d\u0438\u0439 *\/\n    @media (hover: none), (pointer: coarse){\n      .js-a{ height:auto !important; overflow:visible !important; }\n      .js-item:not(.is-open) .js-a{ display:none !important; }\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      .js-faq-up *{ animation:none !important; transition:none !important; }\n      .js-faq-up .js-reveal{ opacity:1 !important; transform:none !important; }\n      .js-a{ height:auto !important; overflow:visible !important; }\n      .js-item:not(.is-open) .js-a{ display:none !important; }\n    }\n  <\/style>\n\n  <div class=\"js-faq-head js-reveal d1\">\n    <div class=\"js-faq-banner js-reveal d2\" aria-label=\"FAQ banner\">\n      <img\n        src=\"https:\/\/justspeak.com.ua\/wp-content\/uploads\/2026\/02\/ChatGPT-Image-24-\u043b\u044e\u0442.-2026-\u0440.-13_03_03-1.webp\"\n        alt=\"Just Speak \u2014 FAQ\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      \/>\n    <\/div>\n\n    <p class=\"js-faq-sub js-reveal d3\">\n      \u041a\u043e\u0440\u043e\u0442\u043a\u043e \u0456 \u043f\u043e \u0441\u0443\u0442\u0456: \u044f\u043a \u0432\u0441\u0435 \u043f\u0440\u0430\u0446\u044e\u0454, \u0441\u043a\u0456\u043b\u044c\u043a\u0438 \u0447\u0430\u0441\u0443 \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u0442\u0430 \u0449\u043e \u0440\u043e\u0431\u0438\u0442\u0438, \u044f\u043a\u0449\u043e \u0442\u0438 \u201c\u0434\u0430\u0432\u043d\u043e \u043d\u0435 \u0432\u0447\u0438\u0432\u201d.\n    <\/p>\n  <\/div>\n\n  <div class=\"js-faq-list\" id=\"jsFaq\">\n\n    <!-- 1 -->\n    <div class=\"js-item is-open js-reveal d2\">\n      <button class=\"js-q\" type=\"button\" aria-expanded=\"true\">\n        <span class=\"js-left\">\n          <span class=\"js-bullet\" aria-hidden=\"true\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Z\" stroke=\"#00f0ff\" stroke-width=\"1.8\"\/>\n              <path d=\"M12 7v6l4 2\" stroke=\"#8c6eff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/span>\n          \u0421\u043a\u0456\u043b\u044c\u043a\u0438 \u0447\u0430\u0441\u0443 \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u043d\u0430 \u0434\u0435\u043d\u044c?\n        <\/span>\n        <span class=\"js-chevron\" aria-hidden=\"true\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/span>\n      <\/button>\n      <div class=\"js-a\" role=\"region\">\n        <div class=\"js-a-inner\">\n          \u0423 \u0441\u0435\u0440\u0435\u0434\u043d\u044c\u043e\u043c\u0443 <b style=\"color:#00f0ff;\">15\u201325 \u0445\u0432\u0438\u043b\u0438\u043d<\/b> \u043d\u0430 \u0434\u0435\u043d\u044c. \u042f\u043a\u0449\u043e \u0431\u0435\u0440\u0435\u0448 \u0444\u043e\u0440\u043c\u0430\u0442 \u0437 \u0432\u0438\u043a\u043b\u0430\u0434\u0430\u0447\u0435\u043c \u2014\n          \u0434\u043e\u0434\u0430\u044e\u0442\u044c\u0441\u044f \u0436\u0438\u0432\u0456 \u0437\u0430\u043d\u044f\u0442\u0442\u044f \u0437\u0430 \u0433\u0440\u0430\u0444\u0456\u043a\u043e\u043c. \u041c\u0438 \u043f\u0456\u0434\u043b\u0430\u0448\u0442\u043e\u0432\u0443\u0454\u043c\u043e \u0442\u0435\u043c\u043f \u043f\u0456\u0434 \u0442\u0432\u043e\u044e \u0437\u0430\u0439\u043d\u044f\u0442\u0456\u0441\u0442\u044c.\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 2 -->\n    <div class=\"js-item js-reveal d3\">\n      <button class=\"js-q\" type=\"button\" aria-expanded=\"false\">\n        <span class=\"js-left\">\n          <span class=\"js-bullet\" aria-hidden=\"true\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M7 18l-3 3V7a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H10l-3 2Z\"\n                stroke=\"#00f0ff\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/span>\n          \u042f\u043a\u0449\u043e \u044f \u0441\u043e\u0440\u043e\u043c\u043b\u044e\u0441\u044c \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0438 \u2014 \u043f\u0456\u0434\u0456\u0439\u0434\u0435?\n        <\/span>\n        <span class=\"js-chevron\" aria-hidden=\"true\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/span>\n      <\/button>\n      <div class=\"js-a\" role=\"region\">\n        <div class=\"js-a-inner\">\n          \u0422\u0430\u043a. \u041c\u0438 \u043f\u043e\u0447\u0438\u043d\u0430\u0454\u043c\u043e \u0437 \u043f\u0440\u043e\u0441\u0442\u0438\u0445 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0456\u0439 \u0456 \u201c\u0431\u0435\u0437\u043f\u0435\u0447\u043d\u0438\u0445\u201d \u0434\u0456\u0430\u043b\u043e\u0433\u0456\u0432. \u0422\u0438 \u0433\u043e\u0432\u043e\u0440\u0438\u0448 \u0437 \u043f\u0435\u0440\u0448\u043e\u0433\u043e \u0442\u0438\u0436\u043d\u044f,\n          \u0430\u043b\u0435 \u0431\u0435\u0437 \u0442\u0438\u0441\u043a\u0443: \u0441\u043f\u043e\u0447\u0430\u0442\u043a\u0443 \u043a\u043e\u0440\u043e\u0442\u043a\u043e \u2192 \u043f\u043e\u0442\u0456\u043c \u0431\u0456\u043b\u044c\u0448\u0435 \u2192 \u043f\u043e\u0442\u0456\u043c \u0432\u0456\u043b\u044c\u043d\u043e.\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 3 -->\n    <div class=\"js-item js-reveal d3\">\n      <button class=\"js-q\" type=\"button\" aria-expanded=\"false\">\n        <span class=\"js-left\">\n          <span class=\"js-bullet\" aria-hidden=\"true\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\" stroke=\"#8c6eff\" stroke-width=\"1.8\"\/>\n              <path d=\"M6 7h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2Z\" stroke=\"#00f0ff\" stroke-width=\"1.8\"\/>\n            <\/svg>\n          <\/span>\n          \u0427\u0438\u043c \u0432\u0438 \u043a\u0440\u0430\u0449\u0456 \u0437\u0430 \u201c\u0437\u0432\u0438\u0447\u0430\u0439\u043d\u0443 \u0448\u043a\u043e\u043b\u0443\u201d?\n        <\/span>\n        <span class=\"js-chevron\" aria-hidden=\"true\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/span>\n      <\/button>\n      <div class=\"js-a\" role=\"region\">\n        <div class=\"js-a-inner\">\n          \u0422\u0443\u0442 \u0444\u043e\u043a\u0443\u0441 \u043d\u0430 <b style=\"color:#00f0ff;\">\u0440\u043e\u0437\u043c\u043e\u0432\u043d\u0456\u0439 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u0456\u0439<\/b> \u0456 \u043f\u0440\u0430\u043a\u0442\u0438\u0446\u0456. \u041a\u043e\u0440\u043e\u0442\u043a\u0456 \u0443\u0440\u043e\u043a\u0438, \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u0456 \u0442\u0435\u043c\u0438 16+,\n          \u043c\u0456\u043d\u0456\u043c\u0443\u043c \u201c\u0432\u043e\u0434\u0438\u201d \u0456 \u0437\u0440\u043e\u0437\u0443\u043c\u0456\u043b\u0430 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0443.\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 4 -->\n    <div class=\"js-item js-reveal d4\">\n      <button class=\"js-q\" type=\"button\" aria-expanded=\"false\">\n        <span class=\"js-left\">\n          <span class=\"js-bullet\" aria-hidden=\"true\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M12 2l4 8-4 12-4-12 4-8Z\" stroke=\"#00f0ff\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n              <path d=\"M7 10h10\" stroke=\"#8c6eff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/span>\n          \u042f\u043a\u0438\u0439 \u0440\u0456\u0432\u0435\u043d\u044c \u043f\u043e\u0442\u0440\u0456\u0431\u0435\u043d \u0434\u043b\u044f \u0441\u0442\u0430\u0440\u0442\u0443?\n        <\/span>\n        <span class=\"js-chevron\" aria-hidden=\"true\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/span>\n      <\/button>\n      <div class=\"js-a\" role=\"region\">\n        <div class=\"js-a-inner\">\n          \u0411\u0443\u0434\u044c-\u044f\u043a\u0438\u0439. \u0404 \u0441\u0442\u0430\u0440\u0442 \u0437 \u043d\u0443\u043b\u044f (Starter), \u0454 A2\/B1. \u041f\u0435\u0440\u0435\u0434 \u043f\u043e\u0447\u0430\u0442\u043a\u043e\u043c \u043c\u0438 \u0440\u043e\u0431\u0438\u043c\u043e \u0448\u0432\u0438\u0434\u043a\u0443 \u0434\u0456\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u043a\u0443 \u0442\u0430 \u043f\u0456\u0434\u0431\u0438\u0440\u0430\u0454\u043c\u043e \u043c\u0430\u0440\u0448\u0440\u0443\u0442.\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 5 -->\n    <div class=\"js-item js-reveal d4\">\n      <button class=\"js-q\" type=\"button\" aria-expanded=\"false\">\n        <span class=\"js-left\">\n          <span class=\"js-bullet\" aria-hidden=\"true\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M4 18V6\" stroke=\"#00f0ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n              <path d=\"M4 18h16\" stroke=\"#00f0ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n              <path d=\"M7 14l3-3 3 2 5-6\" stroke=\"#8c6eff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/span>\n          \u042f\u043a \u044f \u0431\u0430\u0447\u0443 \u043f\u0440\u043e\u0433\u0440\u0435\u0441?\n        <\/span>\n        <span class=\"js-chevron\" aria-hidden=\"true\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/span>\n      <\/button>\n      <div class=\"js-a\" role=\"region\">\n        <div class=\"js-a-inner\">\n          \u041f\u0456\u0441\u043b\u044f \u043a\u043e\u0436\u043d\u043e\u0433\u043e \u0435\u0442\u0430\u043f\u0443 \u2014 \u043a\u043e\u0440\u043e\u0442\u043a\u0430 \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0430: speaking\/\u0441\u043b\u0443\u0445\/\u043b\u0435\u043a\u0441\u0438\u043a\u0430. \u041f\u043b\u044e\u0441 \u0442\u0438 \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u0432\u0456\u0434\u0447\u0443\u0454\u0448 \u043f\u0440\u043e\u0433\u0440\u0435\u0441 \u0443 \u0440\u0435\u0430\u043b\u044c\u043d\u0438\u0445 \u0434\u0456\u0430\u043b\u043e\u0433\u0430\u0445.\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"js-faq-cta js-reveal d4\">\n    <a class=\"js-btn js-btn--primary\" href=\"#free-lesson\">\u0421\u043f\u0440\u043e\u0431\u0443\u0432\u0430\u0442\u0438 \u0431\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u043e<\/a>\n    <a class=\"js-btn js-btn--ghost\" href=\"#courses\">\u041e\u0431\u0440\u0430\u0442\u0438 \u043a\u0443\u0440\u0441<\/a>\n  <\/div>\n\n  <script>\n    (function(){\n      const section = document.currentScript?.closest('.js-faq-up') || document.querySelector('.js-faq-up');\n      const root = section?.querySelector('#jsFaq');\n      if(!section || !root) return;\n\n      const reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      const isDesktopWow = window.matchMedia && window.matchMedia('(hover: hover) and (pointer: fine)').matches;\n\n      const items = section.querySelectorAll('.js-reveal');\n\n      \/\/ Reveal (\u0438 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 \u0442\u043e\u0436\u0435)\n      if(!reduceMotion){\n        const io = new IntersectionObserver((entries)=>{\n          entries.forEach(e=>{\n            if(e.isIntersecting){\n              e.target.classList.add('is-in');\n              io.unobserve(e.target);\n            }\n          });\n        }, { threshold: 0.16, rootMargin:\"0px 0px -8% 0px\" });\n        items.forEach(el => io.observe(el));\n      } else {\n        items.forEach(el => el.classList.add('is-in'));\n      }\n\n      \/\/ Touch \/ PRM: \u0442\u043e\u043b\u044c\u043a\u043e toggle class, \u0431\u0435\u0437 height \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 (CSS \u0443\u0436\u0435 \u0434\u0435\u043b\u0430\u0435\u0442 display none)\n      if(!isDesktopWow || reduceMotion){\n        root.querySelectorAll('.js-item').forEach(item=>{\n          const btn = item.querySelector('.js-q');\n          if(btn) btn.setAttribute('aria-expanded', String(item.classList.contains('is-open')));\n        });\n\n        root.addEventListener('click', (e)=>{\n          const btn = e.target.closest('.js-q');\n          if(!btn) return;\n          const item = btn.closest('.js-item');\n          if(!item) return;\n\n          root.querySelectorAll('.js-item').forEach(el=>{\n            if(el !== item){\n              el.classList.remove('is-open');\n              const b = el.querySelector('.js-q');\n              if(b) b.setAttribute('aria-expanded','false');\n            }\n          });\n\n          const open = item.classList.toggle('is-open');\n          btn.setAttribute('aria-expanded', String(open));\n        });\n\n        return;\n      }\n\n      \/\/ DESKTOP: smooth height (scrollHeight)\n      function setHeights(){\n        root.querySelectorAll('.js-item').forEach(item=>{\n          const panel = item.querySelector('.js-a');\n          const btn = item.querySelector('.js-q');\n          if(!panel) return;\n\n          if(item.classList.contains('is-open')){\n            panel.style.height = panel.scrollHeight + 'px';\n            if(btn) btn.setAttribute('aria-expanded','true');\n          } else {\n            panel.style.height = '0px';\n            if(btn) btn.setAttribute('aria-expanded','false');\n          }\n        });\n      }\n      setHeights();\n\n      root.addEventListener('click', (e)=>{\n        const btn = e.target.closest('.js-q');\n        if(!btn) return;\n        const item = btn.closest('.js-item');\n        if(!item) return;\n\n        root.querySelectorAll('.js-item').forEach(el=>{\n          if(el !== item) el.classList.remove('is-open');\n        });\n        item.classList.toggle('is-open');\n        requestAnimationFrame(setHeights);\n      });\n\n      window.addEventListener('resize', ()=>requestAnimationFrame(setHeights), {passive:true});\n    })();\n  <\/script>\n<\/section>\n<!-- =========================\n END FAQ \u2014 LIGHT NEON\n ========================= -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f2fd2bf e-flex e-con-boxed e-con e-parent\" data-id=\"6f2fd2bf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66eec5ce elementor-widget elementor-widget-html\" data-id=\"66eec5ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\n FINAL CTA + FORM \u2014 LIGHT NEON (MATCH FAQ\/HERO) \u2014 BANNER TITLE\n \u2705 \u0431\u0430\u043d\u043d\u0435\u0440 \u0432\u043c\u0435\u0441\u0442\u043e \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 (\u0431\u0435\u0437 \u0440\u0430\u043c\u043a\u0438)\n \u2705 \u0431\u043e\u043b\u044c\u0448\u0435 \u0437\u0430\u0442\u0435\u043c\u043d\u0435\u043d\u0438\u0435 (\u0447\u0438\u0442\u0430\u0431\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c)\n \u2705 \u043f\u0430\u043d\u0435\u043b\u0438 \u043f\u043e\u043b\u0443\u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0435 (\u0431\u0435\u0437 blur)\n \u2705 reveal \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0438 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435\n \u2705 touch: 0 hover\/scan\/shine\/blur, \u0447\u0438\u0441\u0442\u043e \u0438 \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e\n ========================= -->\n<section id=\"free-lesson\" class=\"js-cta2-up\" aria-label=\"Free lesson form\">\n  <style>\n    .js-cta2-up{\n      position:relative;\n      max-width:1200px;\n      margin:0 auto;\n      padding:84px 16px;\n      overflow:hidden;\n      isolation:isolate;\n    }\n\n    .js-neon-cyan{color:#00f0ff;text-shadow:0 0 16px rgba(0,240,255,.55),0 0 34px rgba(0,240,255,.16);}\n    .js-neon-purple{color:#8c6eff;text-shadow:0 0 16px rgba(140,110,255,.55),0 0 34px rgba(140,110,255,.16);}\n\n    \/* ambient bg *\/\n    .js-cta2-up::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(1100px 620px at 16% 18%, rgba(0,240,255,.11), transparent 62%),\n        radial-gradient(1100px 620px at 86% 28%, rgba(140,110,255,.095), transparent 62%),\n        radial-gradient(900px 640px at 55% 115%, rgba(255,47,220,.05), transparent 72%),\n        linear-gradient(180deg, rgba(6,8,16,.12), rgba(6,8,16,.07));\n      z-index:-3;\n      pointer-events:none;\n      filter:saturate(1.06);\n    }\n\n    \/* \u2705 stronger readability darkening *\/\n    .js-cta2-up::after{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(1200px 800px at 50% 34%, transparent 46%, rgba(0,0,0,.34) 92%),\n        linear-gradient(180deg, rgba(0,0,0,.20), transparent 36%, rgba(0,0,0,.28));\n      z-index:-2;\n      pointer-events:none;\n    }\n\n    \/* grid *\/\n    .js-cta2-grid{\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      gap:18px;\n      align-items:stretch;\n    }\n\n    \/* \u2705 banner block (replaces h2) *\/\n    .js-cta2-head{\n      grid-column:1 \/ -1;\n      text-align:center;\n      margin:0 auto 10px;\n      max-width:920px;\n    }\n    .js-cta2-banner{\n      margin:0 auto 8px;\n      max-width:760px;\n    }\n    .js-cta2-banner img{\n      width:100%;\n      height:auto;\n      display:block;\n      object-fit:contain;\n      object-position:center;\n      max-height:240px;\n      filter:\n        drop-shadow(0 18px 46px rgba(0,0,0,.55))\n        drop-shadow(0 0 22px rgba(0,240,255,.08))\n        drop-shadow(0 0 22px rgba(140,110,255,.06));\n    }\n    .js-cta2-sub{\n      margin:10px auto 0;\n      font-size:16.5px;\n      line-height:1.65;\n      color:rgba(255,255,255,.90);\n      padding:10px 12px;\n      border-radius:14px;\n      background:rgba(0,0,0,.18);\n      border:1px solid rgba(255,255,255,.06);\n      box-shadow:0 14px 40px rgba(0,0,0,.18);\n      display:inline-block;\n    }\n    .js-cta2-sub b{color:#00f0ff;}\n\n    \/* \u2705 panels \u2014 translucent, NO blur *\/\n    .js-panel{\n      position:relative;\n      border-radius:26px;\n      overflow:hidden;\n      background:rgba(8,10,18,.30);\n      border:1px solid rgba(0,240,255,.18);\n      box-shadow:\n        0 18px 70px rgba(0,0,0,.30),\n        inset 0 0 0 1px rgba(255,255,255,.03);\n      transition:transform .22s ease, border-color .22s ease, filter .22s ease;\n      will-change:transform;\n    }\n    .js-panel::before{\n      content:\"\";\n      position:absolute; inset:-2px;\n      background:\n        radial-gradient(900px 360px at 18% 0%, rgba(0,240,255,.12), transparent 60%),\n        radial-gradient(900px 360px at 88% 0%, rgba(140,110,255,.10), transparent 60%);\n      pointer-events:none;\n      opacity:.95;\n    }\n    .js-panel::after{\n      content:\"\";\n      position:absolute; inset:0;\n      background:linear-gradient(110deg, transparent 18%, rgba(255,255,255,.10) 45%, transparent 72%);\n      transform:translateX(-120%);\n      opacity:.14;\n      pointer-events:none;\n      transition:transform .9s ease;\n    }\n\n    @media (hover:hover) and (pointer:fine){\n      .js-panel:hover{\n        transform:translateY(-3px);\n        border-color:rgba(0,240,255,.24);\n        filter:brightness(1.02);\n      }\n      .js-panel:hover::after{ transform:translateX(120%); }\n    }\n\n    .js-panel > *{position:relative;}\n\n    \/* \u2705 reveal (\u0438 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 \u0442\u043e\u0436\u0435) *\/\n    .js-reveal{\n      opacity:0;\n      transform:translateY(12px);\n      transition:opacity .55s ease, transform .55s ease;\n      will-change:opacity, transform;\n    }\n    .js-reveal.is-in{opacity:1; transform:none;}\n\n    \/* left *\/\n    .js-left{\n      padding:24px;\n      display:flex;\n      flex-direction:column;\n      gap:16px;\n      min-height:100%;\n    }\n\n    .js-kicker{\n      display:inline-flex;align-items:center;gap:10px;\n      padding:8px 12px;border-radius:999px;\n      background:rgba(255,255,255,.05);\n      border:1px solid rgba(255,255,255,.10);\n      color:rgba(255,255,255,.86);\n      font-size:12px;font-weight:980;letter-spacing:.55px;text-transform:uppercase;\n      width:max-content;\n      box-shadow:0 0 22px rgba(0,240,255,.06);\n    }\n    .js-kicker i{\n      width:10px;height:10px;border-radius:50%;\n      background:linear-gradient(90deg,#00f0ff,#8c6eff);\n      box-shadow:0 0 14px rgba(0,240,255,.22),0 0 14px rgba(140,110,255,.18);\n      display:inline-block;\n    }\n\n    .js-left-grid{\n      display:grid;\n      grid-template-columns: 1.1fr .9fr;\n      gap:18px;\n      align-items:start;\n    }\n\n    \/* \u2705 keep your original title (optional, you can delete later) *\/\n    .js-title{\n      margin:0;\n      font-size:44px;\n      line-height:1.05;\n      font-weight:980;\n      letter-spacing:-.7px;\n      color:#fff;\n      text-shadow:0 14px 45px rgba(0,0,0,.35);\n    }\n\n    .js-sub{\n      margin:0;\n      font-size:16px;\n      line-height:1.75;\n      color:rgba(255,255,255,.86);\n      max-width:36ch;\n    }\n    .js-sub b{color:#00f0ff}\n\n    .js-perks{\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      gap:12px;\n      margin-top:2px;\n    }\n    .js-perk{\n      display:flex;gap:10px;align-items:flex-start;\n      padding:12px;border-radius:18px;\n      background:rgba(255,255,255,.04);\n      border:1px solid rgba(255,255,255,.10);\n      color:rgba(255,255,255,.86);\n      font-size:13.5px;line-height:1.45;\n      transition:transform .18s ease, border-color .18s ease;\n    }\n    @media (hover:hover) and (pointer:fine){\n      .js-perk:hover{\n        transform:translateY(-2px);\n        border-color:rgba(0,240,255,.16);\n      }\n    }\n    .js-perk b{color:#00f0ff;font-weight:980;}\n    .js-ico{\n      width:38px;height:38px;border-radius:14px;\n      display:flex;align-items:center;justify-content:center;\n      background:rgba(0,240,255,.06);\n      border:1px solid rgba(0,240,255,.18);\n      box-shadow:0 0 14px rgba(0,240,255,.08);\n      flex:0 0 auto;\n      margin-top:1px;\n    }\n\n    \/* right *\/\n    .js-right{padding:20px;min-height:100%;}\n    .js-form-title{\n      margin:0 0 12px;\n      font-size:18px;font-weight:980;\n      color:rgba(255,255,255,.92);\n    }\n    .js-form{display:flex;flex-direction:column;gap:12px;}\n    .js-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}\n    .js-field label{\n      display:block;\n      font-size:12px;font-weight:900;\n      color:rgba(255,255,255,.74);\n      margin:0 0 6px;\n    }\n\n    \/* \u2705 fields \u2014 no blur *\/\n    .js-field input,\n    .js-field select,\n    .js-field textarea{\n      width:100%;\n      padding:12px 12px;\n      border-radius:14px;\n      border:1px solid rgba(255,255,255,.12);\n      background:rgba(0,0,0,.22);\n      color:#fff;\n      outline:none;\n      transition:border-color .18s ease, box-shadow .18s ease, filter .18s ease;\n    }\n    .js-field input::placeholder,\n    .js-field textarea::placeholder{color:rgba(255,255,255,.46);}\n\n    .js-field input:focus,\n    .js-field select:focus,\n    .js-field textarea:focus{\n      border-color:rgba(0,240,255,.30);\n      box-shadow:0 0 0 3px rgba(0,240,255,.10), 0 0 28px rgba(0,240,255,.08);\n      filter:brightness(1.02);\n    }\n    .js-field textarea{min-height:92px;resize:vertical;}\n\n    .js-checks{display:flex;flex-direction:column;gap:8px;margin-top:6px;}\n    .js-check{\n      display:flex;gap:10px;align-items:flex-start;\n      color:rgba(255,255,255,.82);\n      font-size:13px;line-height:1.45;\n    }\n    .js-check input{margin-top:3px;accent-color:#00f0ff;}\n    .js-check a{color:#8c6eff;text-decoration:none;}\n    .js-check a:hover{text-decoration:underline;}\n\n    .js-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;}\n\n    .js-btn{\n      display:inline-flex;align-items:center;justify-content:center;\n      padding:13px 18px;border-radius:14px;\n      font-weight:980;text-decoration:none;font-size:14px;\n      transition:transform .18s ease, filter .18s ease;\n      will-change:transform;\n      border:0; cursor:pointer;\n      min-height:44px;\n      user-select:none;\n    }\n    @media (hover:hover) and (pointer:fine){\n      .js-btn:hover{transform:translateY(-1px);filter:brightness(1.02);}\n    }\n\n    .js-btn--primary{\n      color:#0b1020;\n      background:linear-gradient(90deg,#00f0ff,#8c6eff);\n      box-shadow:0 0 18px rgba(0,240,255,.14),0 0 18px rgba(140,110,255,.10);\n      position:relative; overflow:hidden;\n    }\n    \/* \u2705 shine only desktop *\/\n    @media (hover:hover) and (pointer:fine){\n      .js-btn--primary::before{\n        content:\"\";\n        position:absolute; inset:-2px;\n        background:linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);\n        transform:translateX(-120%);\n        opacity:.45;\n        animation:cta2BtnShine 3.8s ease-in-out infinite;\n        pointer-events:none;\n      }\n      @keyframes cta2BtnShine{\n        0%{ transform:translateX(-120%); }\n        58%{ transform:translateX(-120%); }\n        100%{ transform:translateX(120%); }\n      }\n    }\n\n    .js-btn--ghost{\n      color:#fff;\n      background:rgba(255,255,255,.012);\n      border:1px solid rgba(0,240,255,.18);\n    }\n\n    .js-note{\n      margin-top:10px;\n      color:rgba(255,255,255,.70);\n      font-size:12.6px;line-height:1.6;\n    }\n\n    \/* responsive *\/\n    @media (max-width:1100px){\n      .js-cta2-grid{grid-template-columns:1fr;}\n      .js-left-grid{grid-template-columns:1fr;}\n      .js-sub{max-width:unset;}\n      .js-cta2-head{margin-bottom:6px;}\n    }\n    @media (max-width:820px){\n      .js-title{font-size:40px;}\n      .js-cta2-banner{max-width:560px;}\n      .js-cta2-banner img{max-height:190px;}\n    }\n    @media (max-width:640px){\n      .js-cta2-up{padding:64px 14px;}\n      .js-title{font-size:34px;}\n      .js-perks{grid-template-columns:1fr;}\n      .js-row{grid-template-columns:1fr;}\n      .js-left{padding:18px;}\n      .js-right{padding:18px;}\n      .js-cta2-banner{max-width:420px;}\n      .js-cta2-banner img{max-height:150px;}\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      .js-cta2-up *{animation:none !important; transition:none !important;}\n      .js-cta2-up .js-reveal{opacity:1 !important; transform:none !important;}\n    }\n  <\/style>\n\n  <div class=\"js-cta2-grid\">\n\n    <!-- \u2705 BANNER TITLE -->\n    <div class=\"js-cta2-head js-reveal\">\n      <div class=\"js-cta2-banner js-reveal\" aria-label=\"CTA banner\">\n        <img\n          src=\"https:\/\/justspeak.com.ua\/wp-content\/uploads\/2026\/02\/hbxd1gaukmqh69yxy1y7.webp\"\n          alt=\"Just Speak \u2014 Start\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        \/>\n      <\/div>\n      <div class=\"js-cta2-sub js-reveal\">\n        \u0417\u0430\u043b\u0438\u0448 \u0437\u0430\u044f\u0432\u043a\u0443 \u2014 \u0456 \u043c\u0438 \u043f\u0456\u0434\u0431\u0435\u0440\u0435\u043c\u043e <b>\u0440\u0456\u0432\u0435\u043d\u044c<\/b>, \u0444\u043e\u0440\u043c\u0430\u0442 \u0442\u0430 \u0442\u0435\u043c\u043f \u043f\u0456\u0434 \u0442\u0432\u043e\u044e \u0437\u0430\u0439\u043d\u044f\u0442\u0456\u0441\u0442\u044c.\n        \u0411\u0435\u0437 \u201c\u0448\u043a\u0456\u043b\u044c\u043d\u043e\u0457\u201d \u043d\u0443\u0434\u044c\u0433\u0438. \u0422\u0456\u043b\u044c\u043a\u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430, <b>speaking<\/b> \u0456 \u043f\u0440\u043e\u0433\u0440\u0435\u0441.\n      <\/div>\n    <\/div>\n\n    <!-- LEFT OFFER -->\n    <div class=\"js-panel js-reveal\">\n      <div class=\"js-left\">\n        <div class=\"js-kicker\"><i><\/i> \u0411\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0438\u0439 \u0441\u0442\u0430\u0440\u0442<\/div>\n\n        <div class=\"js-left-grid\">\n          <h2 class=\"js-title\">\n            \u041f\u043e\u0447\u043d\u0438<br\/>\n            \u0413\u043e\u0432\u043e\u0440\u0438\u0442\u0438<br\/>\n            <span class=\"js-neon-cyan\">\u0412\u043f\u0435\u0432\u043d\u0435\u043d\u043e<\/span><br\/>\n            \u0412\u0436\u0435<br\/>\n            <span class=\"js-neon-purple\">\u0426\u044c\u043e\u0433\u043e \u0422\u0438\u0436\u043d\u044f<\/span>\n          <\/h2>\n\n          <p class=\"js-sub\">\n            \u0417\u0430\u043b\u0438\u0448 \u0437\u0430\u044f\u0432\u043a\u0443 \u2014 \u0456 \u043c\u0438 \u043f\u0456\u0434\u0431\u0435\u0440\u0435\u043c\u043e <b>\u0440\u0456\u0432\u0435\u043d\u044c<\/b>, \u0444\u043e\u0440\u043c\u0430\u0442 \u0442\u0430 \u0442\u0435\u043c\u043f \u043f\u0456\u0434 \u0442\u0432\u043e\u044e \u0437\u0430\u0439\u043d\u044f\u0442\u0456\u0441\u0442\u044c.\n            \u0411\u0435\u0437 \u201c\u0448\u043a\u0456\u043b\u044c\u043d\u043e\u0457\u201d \u043d\u0443\u0434\u044c\u0433\u0438. \u0422\u0456\u043b\u044c\u043a\u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430, <b>speaking<\/b> \u0456 \u043f\u0440\u043e\u0433\u0440\u0435\u0441.\n          <\/p>\n        <\/div>\n\n        <div class=\"js-perks\">\n          <div class=\"js-perk\">\n            <div class=\"js-ico\" aria-hidden=\"true\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M12 2l3 7 7 .6-5.3 4.4 1.7 6.6L12 17.8 5.6 20.6l1.7-6.6L2 9.6 9 9l3-7Z\"\n                  stroke=\"#00f0ff\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <div><b>\u0414\u0456\u0430\u0433\u043d\u043e\u0441\u0442\u0438\u043a\u0430<\/b><br\/>\u0448\u0432\u0438\u0434\u043a\u043e \u0432\u0438\u0437\u043d\u0430\u0447\u0438\u043c\u043e \u0440\u0456\u0432\u0435\u043d\u044c<\/div>\n          <\/div>\n\n          <div class=\"js-perk\">\n            <div class=\"js-ico\" aria-hidden=\"true\" style=\"border-color:rgba(140,110,255,.22);background:rgba(140,110,255,.10);\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M7 18l-3 3V7a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H10l-3 2Z\"\n                  stroke=\"#8c6eff\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <div><b>\u041f\u043b\u0430\u043d \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f<\/b><br\/>\u043f\u0456\u0434 \u0442\u0432\u043e\u0457 \u0446\u0456\u043b\u0456<\/div>\n          <\/div>\n\n          <div class=\"js-perk\">\n            <div class=\"js-ico\" aria-hidden=\"true\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M4 18V6\" stroke=\"#00f0ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M4 18h16\" stroke=\"#00f0ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M7 14l3-3 3 2 5-6\" stroke=\"#8c6eff\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <div><b>\u041f\u0440\u043e\u0433\u0440\u0435\u0441<\/b><br\/>\u0432\u0456\u0434\u0447\u0443\u0442\u043d\u0438\u0439 \u043a\u043e\u0436\u043d\u0456 2\u20133 \u0442\u0438\u0436\u043d\u0456<\/div>\n          <\/div>\n\n          <div class=\"js-perk\">\n            <div class=\"js-ico\" aria-hidden=\"true\" style=\"border-color:rgba(140,110,255,.22);background:rgba(140,110,255,.10);\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M12 3v18\" stroke=\"#8c6eff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <path d=\"M7 8h10M7 12h10M7 16h10\" stroke=\"#00f0ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/div>\n            <div><b>\u0417\u0440\u0443\u0447\u043d\u043e<\/b><br\/>\u0437 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443 \u0430\u0431\u043e \u043d\u043e\u0443\u0442\u0431\u0443\u043a\u0430<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT FORM -->\n    <div class=\"js-panel js-reveal\">\n      <div class=\"js-right\">\n        <div class=\"js-form-title\">\u0417\u0430\u044f\u0432\u043a\u0430 \u043d\u0430 \u0431\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0438\u0439 \u0441\u0442\u0430\u0440\u0442<\/div>\n\n        <form class=\"js-form\" action=\"#\" method=\"post\">\n          <div class=\"js-row\">\n            <div class=\"js-field\">\n              <label>\u0406\u043c\u2019\u044f<\/label>\n              <input name=\"name\" type=\"text\" placeholder=\"\u042f\u043a \u0434\u043e \u0442\u0435\u0431\u0435 \u0437\u0432\u0435\u0440\u0442\u0430\u0442\u0438\u0441\u044c?\" required>\n            <\/div>\n            <div class=\"js-field\">\n              <label>\u0412\u0456\u043a<\/label>\n              <select name=\"age\" required>\n                <option value=\"\" selected disabled>\u041e\u0431\u0435\u0440\u0438<\/option>\n                <option>16\u201317<\/option>\n                <option>18\u201324<\/option>\n                <option>25\u201334<\/option>\n                <option>35+<\/option>\n              <\/select>\n            <\/div>\n          <\/div>\n\n          <div class=\"js-row\">\n            <div class=\"js-field\">\n              <label>\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/label>\n              <input name=\"phone\" type=\"tel\" placeholder=\"+380...\" required>\n            <\/div>\n            <div class=\"js-field\">\n              <label>Telegram \/ Instagram<\/label>\n              <input name=\"contact\" type=\"text\" placeholder=\"@username\">\n            <\/div>\n          <\/div>\n\n          <div class=\"js-field\">\n            <label>\u0429\u043e \u0432\u0430\u0436\u043b\u0438\u0432\u043e?<\/label>\n            <textarea name=\"goal\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043a\u043b\u0430\u0434: \u0445\u043e\u0447\u0443 \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0438 \u043d\u0430 \u0440\u043e\u0431\u043e\u0442\u0456 \/ \u0434\u043b\u044f \u043f\u043e\u0434\u043e\u0440\u043e\u0436\u0435\u0439 \/ \u043f\u0456\u0434\u0442\u044f\u0433\u043d\u0443\u0442\u0438 \u0431\u0430\u0437\u0443\"><\/textarea>\n          <\/div>\n\n          <div class=\"js-checks\">\n            <label class=\"js-check\">\n              <input type=\"checkbox\" required>\n              \u041f\u043e\u0433\u043e\u0434\u0436\u0443\u044e\u0441\u044c \u043d\u0430 \u043e\u0431\u0440\u043e\u0431\u043a\u0443 \u0434\u0430\u043d\u0438\u0445 \u0442\u0430 \u0437\u0432\u2019\u044f\u0437\u043e\u043a \u0437\u0456 \u043c\u043d\u043e\u044e.\n            <\/label>\n            <label class=\"js-check\">\n              <input type=\"checkbox\">\n              \u0425\u043e\u0447\u0443 \u043e\u0442\u0440\u0438\u043c\u0430\u0442\u0438 \u043f\u043b\u0430\u043d \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f \u0443 Telegram.\n            <\/label>\n          <\/div>\n\n          <div class=\"js-actions\">\n            <button class=\"js-btn js-btn--primary\" type=\"submit\">\u041d\u0430\u0434\u0456\u0441\u043b\u0430\u0442\u0438 \u0437\u0430\u044f\u0432\u043a\u0443<\/button>\n            <a class=\"js-btn js-btn--ghost\" href=\"#courses\">\u041f\u043e\u0434\u0438\u0432\u0438\u0442\u0438\u0441\u044c \u043a\u0443\u0440\u0441\u0438<\/a>\n          <\/div>\n\n          <div class=\"js-note\">\n            \u0417\u0430\u0437\u0432\u0438\u0447\u0430\u0439 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0430\u0454\u043c\u043e \u043f\u0440\u043e\u0442\u044f\u0433\u043e\u043c <span class=\"js-neon-cyan\">15\u201360 \u0445\u0432<\/span>.\n            \u042f\u043a\u0449\u043e \u0442\u0438 \u0437\u0430\u043b\u0438\u0448\u0438\u0432 \u043a\u043e\u043d\u0442\u0430\u043a\u0442 \u0443 Telegram \u2014 \u043d\u0430\u043f\u0438\u0448\u0435\u043c\u043e \u0442\u0443\u0434\u0438.\n          <\/div>\n        <\/form>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    (function(){\n      const root = document.currentScript?.closest('.js-cta2-up') || document.querySelector('.js-cta2-up');\n      if(!root) return;\n\n      const reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      const items = root.querySelectorAll('.js-reveal');\n\n      \/\/ Reveal (\u0438 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 \u0442\u043e\u0436\u0435)\n      if(reduceMotion){\n        items.forEach(el => el.classList.add('is-in'));\n        return;\n      }\n\n      const io = new IntersectionObserver((entries)=>{\n        entries.forEach(en=>{\n          if(en.isIntersecting){\n            en.target.classList.add('is-in');\n            io.unobserve(en.target);\n          }\n        });\n      }, {threshold: 0.16, rootMargin:\"0px 0px -8% 0px\"});\n\n      items.forEach(el=>io.observe(el));\n    })();\n  <\/script>\n<\/section>\n<!-- =========================\n END FINAL CTA + FORM \u2014 LIGHT NEON\n ========================= -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Just Speak Up \u041e\u043d\u043b\u0430\u0439\u043d-\u0448\u043a\u043e\u043b\u0430 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u043e\u0457 \u0434\u043b\u044f \u0442\u0438\u0445, \u0445\u0442\u043e \u0445\u043e\u0447\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0438 \u0432\u043f\u0435\u0432\u043d\u0435\u043d\u043e. \u0411\u0435\u0437 \u0441\u043e\u0440\u043e\u043c\u0443. \u0411\u0435\u0437 \u0437\u0430\u0439\u0432\u043e\u0433\u043e \u201c\u0437\u0443\u0431\u0440\u0456\u043d\u043d\u044f\u201d. \u041f\u043e\u0447\u0430\u0442\u0438 \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f \u0411\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0438\u0439 \u0443\u0440\u043e\u043a \u26a1 15 \u0445\u0432 \u2014 \u0456 \u0442\u0438 \u0432\u0436\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u0448. \u041f\u0456\u0434\u043b\u0430\u0448\u0442\u043e\u0432\u0443\u0454\u043c\u043e \u0442\u0435\u043c\u043f \u043f\u0456\u0434 \u0442\u0435\u0431\u0435. Speaking-first \u0413\u043e\u0432\u043e\u0440\u0438\u043c\u043e \u0437 \u043f\u0435\u0440\u0448\u043e\u0433\u043e \u0437\u0430\u043d\u044f\u0442\u0442\u044f \u2014 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u043e \u0456 \u0436\u0438\u0432\u043e. \u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u0438\u0439 \u0442\u0440\u0435\u043a \u041f\u043b\u0430\u043d \u043f\u0456\u0434 \u0442\u0432\u0456\u0439 \u0440\u0456\u0432\u0435\u043d\u044c + \u0434\u043e\u043c\u0430\u0448\u043a\u0430, \u044f\u043a\u0443 \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u0437\u0440\u043e\u0431\u0438\u0442\u0438. \u0427\u043e\u043c\u0443 Just Speak [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.7 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>\u0413\u043e\u043b\u043e\u0432\u043d\u0430 | Just Speak Up<\/title>\n<meta name=\"description\" content=\"Just Speak Up \u041e\u043d\u043b\u0430\u0439\u043d-\u0448\u043a\u043e\u043b\u0430 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u043e\u0457 \u0434\u043b\u044f \u0442\u0438\u0445, \u0445\u0442\u043e \u0445\u043e\u0447\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0438 \u0432\u043f\u0435\u0432\u043d\u0435\u043d\u043e. \u0411\u0435\u0437 \u0441\u043e\u0440\u043e\u043c\u0443. \u0411\u0435\u0437 \u0437\u0430\u0439\u0432\u043e\u0433\u043e \u201c\u0437\u0443\u0431\u0440\u0456\u043d\u043d\u044f\u201d. \u041f\u043e\u0447\u0430\u0442\u0438 \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f \u0411\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0438\u0439 \u0443\u0440\u043e\u043a \u26a1 15 \u0445\u0432\u2026\" \/>\n<meta name=\"robots\" content=\"index, follow, -1, large, -1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/justspeak.com.ua\/en\/home\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0413\u043e\u043b\u043e\u0432\u043d\u0430 | Just Speak Up\" \/>\n<meta property=\"og:description\" content=\"Just Speak Up \u041e\u043d\u043b\u0430\u0439\u043d-\u0448\u043a\u043e\u043b\u0430 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u043e\u0457 \u0434\u043b\u044f \u0442\u0438\u0445, \u0445\u0442\u043e \u0445\u043e\u0447\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0438 \u0432\u043f\u0435\u0432\u043d\u0435\u043d\u043e. \u0411\u0435\u0437 \u0441\u043e\u0440\u043e\u043c\u0443. \u0411\u0435\u0437 \u0437\u0430\u0439\u0432\u043e\u0433\u043e \u201c\u0437\u0443\u0431\u0440\u0456\u043d\u043d\u044f\u201d. \u041f\u043e\u0447\u0430\u0442\u0438 \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f \u0411\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0438\u0439 \u0443\u0440\u043e\u043a \u26a1 15 \u0445\u0432\u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/justspeak.com.ua\/en\/home\/\" \/>\n<meta property=\"og:site_name\" content=\"Just Speak Up\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-08T09:39:32+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"\u0413\u043e\u043b\u043e\u0432\u043d\u0430 | Just Speak Up\" \/>\n<meta name=\"twitter:description\" content=\"Just Speak Up \u041e\u043d\u043b\u0430\u0439\u043d-\u0448\u043a\u043e\u043b\u0430 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u043e\u0457 \u0434\u043b\u044f \u0442\u0438\u0445, \u0445\u0442\u043e \u0445\u043e\u0447\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0438 \u0432\u043f\u0435\u0432\u043d\u0435\u043d\u043e. \u0411\u0435\u0437 \u0441\u043e\u0440\u043e\u043c\u0443. \u0411\u0435\u0437 \u0437\u0430\u0439\u0432\u043e\u0433\u043e \u201c\u0437\u0443\u0431\u0440\u0456\u043d\u043d\u044f\u201d. \u041f\u043e\u0447\u0430\u0442\u0438 \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f \u0411\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0438\u0439 \u0443\u0440\u043e\u043a \u26a1 15 \u0445\u0432\u2026\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/justspeak.com.ua\\\/home\\\/\",\"url\":\"https:\\\/\\\/justspeak.com.ua\\\/home\\\/\",\"name\":\"\u0413\u043e\u043b\u043e\u0432\u043d\u0430 | Just Speak Up\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/justspeak.com.ua\\\/#website\"},\"datePublished\":\"2026-02-11T23:43:32+00:00\",\"dateModified\":\"2026-03-08T09:39:32+00:00\",\"description\":\"Just Speak Up \u041e\u043d\u043b\u0430\u0439\u043d-\u0448\u043a\u043e\u043b\u0430 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u043e\u0457 \u0434\u043b\u044f \u0442\u0438\u0445, \u0445\u0442\u043e \u0445\u043e\u0447\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0438 \u0432\u043f\u0435\u0432\u043d\u0435\u043d\u043e. \u0411\u0435\u0437 \u0441\u043e\u0440\u043e\u043c\u0443. \u0411\u0435\u0437 \u0437\u0430\u0439\u0432\u043e\u0433\u043e \u201c\u0437\u0443\u0431\u0440\u0456\u043d\u043d\u044f\u201d. \u041f\u043e\u0447\u0430\u0442\u0438 \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f \u0411\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0438\u0439 \u0443\u0440\u043e\u043a \u26a1 15 \u0445\u0432\u2026\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/justspeak.com.ua\\\/home\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/justspeak.com.ua\\\/home\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/justspeak.com.ua\\\/home\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0413\u043e\u043b\u043e\u0432\u043d\u0430\",\"item\":\"https:\\\/\\\/justspeak.com.ua\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0413\u043e\u043b\u043e\u0432\u043d\u0430\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/justspeak.com.ua\\\/#website\",\"url\":\"https:\\\/\\\/justspeak.com.ua\\\/\",\"name\":\"Just Speak Up\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/justspeak.com.ua\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/justspeak.com.ua\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\",\"alternateName\":\"JustSpeak\"},{\"@type\":[\"Organization\",\"EducationalOrganization\"],\"@id\":\"https:\\\/\\\/justspeak.com.ua\\\/#organization\",\"name\":\"Just Speak Up\",\"url\":\"https:\\\/\\\/justspeak.com.ua\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/justspeak.com.ua\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/justspeak.com.ua\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/ChatGPT-Image-25-\u043b\u044e\u0442.-2026-\u0440.-17_15_341.webp\",\"contentUrl\":\"https:\\\/\\\/justspeak.com.ua\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/ChatGPT-Image-25-\u043b\u044e\u0442.-2026-\u0440.-17_15_341.webp\",\"width\":1086,\"height\":533,\"caption\":\"Just Speak Up\"},\"image\":{\"@id\":\"https:\\\/\\\/justspeak.com.ua\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"alternateName\":\"JustSpeak\",\"description\":\"\u041e\u043d\u043b\u0430\u0439\u043d-\u0448\u043a\u043e\u043b\u0430 \u0436\u0438\u0432\u043e\u0439 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u0439 \u0440\u0435\u0447\u0438 \u0438 \u044f\u0437\u044b\u043a\u043e\u0432\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0441 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u043c\u0438 \u043a\u0443\u0440\u0441\u0430\u043c\u0438, speaking-\u0437\u0430\u0434\u0430\u043d\u0438\u044f\u043c\u0438 \u0438 \u0444\u043e\u0440\u0443\u043c\u043e\u043c.\",\"areaServed\":\"\u0423\u043a\u0440\u0430\u0457\u043d\u0430, \u043e\u043d\u043b\u0430\u0439\u043d \u0443 \u0432\u0441\u044c\u043e\u043c\u0443 \u0441\u0432\u0456\u0442\u0456\",\"availableLanguage\":[\"uk-UA\",\"en-US\",\"pl-PL\",\"de-DE\",\"es-ES\",\"fr-FR\",\"it-IT\"],\"address\":{\"@type\":\"PostalAddress\",\"addressLocality\":\"Kyiv\",\"addressCountry\":\"UA\"},\"knowsAbout\":[\"\u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u0430 \u043c\u043e\u0432\u0430\",\"\u0440\u043e\u0437\u043c\u043e\u0432\u043d\u0430 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u0430\",\"\u043c\u043e\u0432\u043d\u0456 \u043a\u0443\u0440\u0441\u0438 \u043e\u043d\u043b\u0430\u0439\u043d\",\"speaking practice\",\"\u0433\u0440\u0430\u043c\u0430\u0442\u0438\u043a\u0430\",\"\u0432\u0438\u043c\u043e\u0432\u0430\",\"\u043f\u0456\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0430 \u0434\u043e \u043c\u043e\u0432\u043d\u043e\u0433\u043e \u0441\u043f\u0456\u043b\u043a\u0443\u0432\u0430\u043d\u043d\u044f\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u0413\u043e\u043b\u043e\u0432\u043d\u0430 | Just Speak Up","description":"Just Speak Up \u041e\u043d\u043b\u0430\u0439\u043d-\u0448\u043a\u043e\u043b\u0430 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u043e\u0457 \u0434\u043b\u044f \u0442\u0438\u0445, \u0445\u0442\u043e \u0445\u043e\u0447\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0438 \u0432\u043f\u0435\u0432\u043d\u0435\u043d\u043e. \u0411\u0435\u0437 \u0441\u043e\u0440\u043e\u043c\u0443. \u0411\u0435\u0437 \u0437\u0430\u0439\u0432\u043e\u0433\u043e \u201c\u0437\u0443\u0431\u0440\u0456\u043d\u043d\u044f\u201d. \u041f\u043e\u0447\u0430\u0442\u0438 \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f \u0411\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0438\u0439 \u0443\u0440\u043e\u043a \u26a1 15 \u0445\u0432\u2026","robots":{"index":"index","follow":"follow","max-snippet":"-1","max-image-preview":"large","max-video-preview":"-1"},"canonical":"https:\/\/justspeak.com.ua\/en\/home\/","og_locale":"en_GB","og_type":"article","og_title":"\u0413\u043e\u043b\u043e\u0432\u043d\u0430 | Just Speak Up","og_description":"Just Speak Up \u041e\u043d\u043b\u0430\u0439\u043d-\u0448\u043a\u043e\u043b\u0430 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u043e\u0457 \u0434\u043b\u044f \u0442\u0438\u0445, \u0445\u0442\u043e \u0445\u043e\u0447\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0438 \u0432\u043f\u0435\u0432\u043d\u0435\u043d\u043e. \u0411\u0435\u0437 \u0441\u043e\u0440\u043e\u043c\u0443. \u0411\u0435\u0437 \u0437\u0430\u0439\u0432\u043e\u0433\u043e \u201c\u0437\u0443\u0431\u0440\u0456\u043d\u043d\u044f\u201d. \u041f\u043e\u0447\u0430\u0442\u0438 \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f \u0411\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0438\u0439 \u0443\u0440\u043e\u043a \u26a1 15 \u0445\u0432\u2026","og_url":"https:\/\/justspeak.com.ua\/en\/home\/","og_site_name":"Just Speak Up","article_modified_time":"2026-03-08T09:39:32+00:00","twitter_card":"summary_large_image","twitter_title":"\u0413\u043e\u043b\u043e\u0432\u043d\u0430 | Just Speak Up","twitter_description":"Just Speak Up \u041e\u043d\u043b\u0430\u0439\u043d-\u0448\u043a\u043e\u043b\u0430 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u043e\u0457 \u0434\u043b\u044f \u0442\u0438\u0445, \u0445\u0442\u043e \u0445\u043e\u0447\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0438 \u0432\u043f\u0435\u0432\u043d\u0435\u043d\u043e. \u0411\u0435\u0437 \u0441\u043e\u0440\u043e\u043c\u0443. \u0411\u0435\u0437 \u0437\u0430\u0439\u0432\u043e\u0433\u043e \u201c\u0437\u0443\u0431\u0440\u0456\u043d\u043d\u044f\u201d. \u041f\u043e\u0447\u0430\u0442\u0438 \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f \u0411\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0438\u0439 \u0443\u0440\u043e\u043a \u26a1 15 \u0445\u0432\u2026","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/justspeak.com.ua\/home\/","url":"https:\/\/justspeak.com.ua\/home\/","name":"\u0413\u043e\u043b\u043e\u0432\u043d\u0430 | Just Speak Up","isPartOf":{"@id":"https:\/\/justspeak.com.ua\/#website"},"datePublished":"2026-02-11T23:43:32+00:00","dateModified":"2026-03-08T09:39:32+00:00","description":"Just Speak Up \u041e\u043d\u043b\u0430\u0439\u043d-\u0448\u043a\u043e\u043b\u0430 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u043e\u0457 \u0434\u043b\u044f \u0442\u0438\u0445, \u0445\u0442\u043e \u0445\u043e\u0447\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0438 \u0432\u043f\u0435\u0432\u043d\u0435\u043d\u043e. \u0411\u0435\u0437 \u0441\u043e\u0440\u043e\u043c\u0443. \u0411\u0435\u0437 \u0437\u0430\u0439\u0432\u043e\u0433\u043e \u201c\u0437\u0443\u0431\u0440\u0456\u043d\u043d\u044f\u201d. \u041f\u043e\u0447\u0430\u0442\u0438 \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f \u0411\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0438\u0439 \u0443\u0440\u043e\u043a \u26a1 15 \u0445\u0432\u2026","breadcrumb":{"@id":"https:\/\/justspeak.com.ua\/home\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/justspeak.com.ua\/home\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/justspeak.com.ua\/home\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0413\u043e\u043b\u043e\u0432\u043d\u0430","item":"https:\/\/justspeak.com.ua\/en\/"},{"@type":"ListItem","position":2,"name":"\u0413\u043e\u043b\u043e\u0432\u043d\u0430"}]},{"@type":"WebSite","@id":"https:\/\/justspeak.com.ua\/#website","url":"https:\/\/justspeak.com.ua\/","name":"Just Speak Up","description":"","publisher":{"@id":"https:\/\/justspeak.com.ua\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/justspeak.com.ua\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB","alternateName":"JustSpeak"},{"@type":["Organization","EducationalOrganization"],"@id":"https:\/\/justspeak.com.ua\/#organization","name":"Just Speak Up","url":"https:\/\/justspeak.com.ua\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/justspeak.com.ua\/#\/schema\/logo\/image\/","url":"https:\/\/justspeak.com.ua\/wp-content\/uploads\/2026\/02\/ChatGPT-Image-25-\u043b\u044e\u0442.-2026-\u0440.-17_15_341.webp","contentUrl":"https:\/\/justspeak.com.ua\/wp-content\/uploads\/2026\/02\/ChatGPT-Image-25-\u043b\u044e\u0442.-2026-\u0440.-17_15_341.webp","width":1086,"height":533,"caption":"Just Speak Up"},"image":{"@id":"https:\/\/justspeak.com.ua\/#\/schema\/logo\/image\/"},"alternateName":"JustSpeak","description":"\u041e\u043d\u043b\u0430\u0439\u043d-\u0448\u043a\u043e\u043b\u0430 \u0436\u0438\u0432\u043e\u0439 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u0439 \u0440\u0435\u0447\u0438 \u0438 \u044f\u0437\u044b\u043a\u043e\u0432\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u0441 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u043c\u0438 \u043a\u0443\u0440\u0441\u0430\u043c\u0438, speaking-\u0437\u0430\u0434\u0430\u043d\u0438\u044f\u043c\u0438 \u0438 \u0444\u043e\u0440\u0443\u043c\u043e\u043c.","areaServed":"\u0423\u043a\u0440\u0430\u0457\u043d\u0430, \u043e\u043d\u043b\u0430\u0439\u043d \u0443 \u0432\u0441\u044c\u043e\u043c\u0443 \u0441\u0432\u0456\u0442\u0456","availableLanguage":["uk-UA","en-US","pl-PL","de-DE","es-ES","fr-FR","it-IT"],"address":{"@type":"PostalAddress","addressLocality":"Kyiv","addressCountry":"UA"},"knowsAbout":["\u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u0430 \u043c\u043e\u0432\u0430","\u0440\u043e\u0437\u043c\u043e\u0432\u043d\u0430 \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u0430","\u043c\u043e\u0432\u043d\u0456 \u043a\u0443\u0440\u0441\u0438 \u043e\u043d\u043b\u0430\u0439\u043d","speaking practice","\u0433\u0440\u0430\u043c\u0430\u0442\u0438\u043a\u0430","\u0432\u0438\u043c\u043e\u0432\u0430","\u043f\u0456\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0430 \u0434\u043e \u043c\u043e\u0432\u043d\u043e\u0433\u043e \u0441\u043f\u0456\u043b\u043a\u0443\u0432\u0430\u043d\u043d\u044f"]}]}},"_links":{"self":[{"href":"https:\/\/justspeak.com.ua\/en\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/justspeak.com.ua\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/justspeak.com.ua\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/justspeak.com.ua\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/justspeak.com.ua\/en\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":0,"href":"https:\/\/justspeak.com.ua\/en\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"wp:attachment":[{"href":"https:\/\/justspeak.com.ua\/en\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}