{"id":10081,"date":"2026-08-27T10:22:22","date_gmt":"2026-08-27T10:22:22","guid":{"rendered":"https:\/\/taskbrowse.com\/ar\/?page_id=10081"},"modified":"2026-09-01T12:05:08","modified_gmt":"2026-09-01T12:05:08","slug":"zaka-estenaei-taskbrowse","status":"publish","type":"page","link":"https:\/\/taskbrowse.com\/ar\/zaka-estenaei-taskbrowse\/","title":{"rendered":"\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- =========================================================\n     TASKBROWSE AI \u2014 ARABIC HERO\n     TaskBrowse brand + Raila visual identity\n     ========================================================= -->\n\n<section id=\"tb-ai-hero\" class=\"tbaih\" dir=\"rtl\" aria-labelledby=\"tbaih-title\">\n\n<style>\n\/* =========================================================\n   VARIABLES\n   ========================================================= *\/\n\n.tbaih {\n  --tb-red: #c8102e;\n  --tb-red-dark: #aa0d27;\n  --tb-red-soft: #fff2f4;\n\n  --tb-black: #202124;\n  --tb-text: #252830;\n  --tb-text-soft: #555b64;\n  --tb-muted: #7d828a;\n\n  --tb-page: #fdfcfa;\n  --tb-white: #ffffff;\n  --tb-line: #e5e1dd;\n  --tb-line-soft: #efedea;\n\n  \/* Raila *\/\n  --raila-navy: #2b3b4d;\n  --raila-navy-2: #3c4a5b;\n  --raila-navy-3: #435369;\n\n  --raila-orange: #ee9b3a;\n  --raila-orange-dark: #dc8929;\n  --raila-orange-soft: #fdf3e7;\n\n  position: relative;\n  overflow: hidden;\n\n  padding: 78px 22px 90px;\n\n  background:\n    radial-gradient(\n      circle at 5% 42%,\n      rgba(200,16,46,.035),\n      transparent 25%\n    ),\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #fdfcfa 100%\n    );\n\n  color: var(--tb-text);\n}\n\n.tbaih *,\n.tbaih *::before,\n.tbaih *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n.tbaih-intro {\n  width: min(1240px, 100%);\n  margin: 0 auto 58px;\n\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, .96fr);\n  gap: clamp(55px, 7vw, 105px);\n  align-items: start;\n}\n\n\n\/* heading *\/\n\n.tbaih-heading {\n  min-width: 0;\n}\n\n.tbaih-kicker {\n  max-width: 520px;\n\n  margin-bottom: 20px;\n\n  color: var(--tb-red);\n\n  font-size: 11px;\n  line-height: 1.8;\n  font-weight: 800;\n\n  letter-spacing: .11em;\n}\n\n.tbaih-title {\n  max-width: 670px;\n\n  margin: 0;\n\n  color: var(--tb-black);\n\n  font-size: clamp(38px, 4.2vw, 58px);\n  line-height: 1.17;\n\n  font-weight: 800;\n  letter-spacing: -1.8px;\n}\n\n\n\/* description *\/\n\n.tbaih-copy {\n  max-width: 585px;\n\n  padding-top: 3px;\n}\n\n.tbaih-lead {\n  margin: 0;\n\n  color: #30343a;\n\n  font-size: 18px;\n  line-height: 2.02;\n  font-weight: 400;\n}\n\n.tbaih-sublead {\n  margin: 15px 0 0;\n\n  color: var(--tb-muted);\n\n  font-size: 13px;\n  line-height: 1.9;\n}\n\n\n\/* =========================================================\n   BUTTONS\n   ========================================================= *\/\n\n.tbaih-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 11px;\n\n  margin-top: 24px;\n}\n\n.tbaih-btn {\n  min-height: 45px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n\n  padding: 0 19px;\n\n  border-radius: 9px;\n\n  font-size: 13px;\n  font-weight: 700;\n\n  text-decoration: none !important;\n\n  transition:\n    transform .18s ease,\n    box-shadow .18s ease,\n    background-color .18s ease,\n    border-color .18s ease;\n}\n\n.tbaih-btn:hover {\n  transform: translateY(-2px);\n}\n\n.tbaih-btn--primary {\n  border: 1px solid var(--tb-red);\n\n  background: var(--tb-red);\n  color: #fff !important;\n\n  box-shadow:\n    0 8px 18px rgba(200,16,46,.13);\n}\n\n.tbaih-btn--primary:hover {\n  background: var(--tb-red-dark);\n  border-color: var(--tb-red-dark);\n\n  box-shadow:\n    0 11px 24px rgba(200,16,46,.18);\n}\n\n.tbaih-btn--secondary {\n  border: 1px solid #ded9d5;\n\n  background: #fff;\n  color: var(--tb-black) !important;\n}\n\n.tbaih-btn--secondary:hover {\n  border-color: #cfc9c4;\n}\n\n.tbaih-btn-spark {\n  color: var(--tb-red);\n\n  font-size: 15px;\n}\n\n\n\/* =========================================================\n   RAILA APP\n   ========================================================= *\/\n\n.tbaih-demo {\n  width: min(1240px, 100%);\n  margin: auto;\n\n  overflow: hidden;\n\n  border: 1px solid #ddd9d5;\n  border-radius: 18px;\n\n  background: #fff;\n\n  box-shadow:\n    0 30px 65px rgba(40,37,34,.09),\n    0 7px 18px rgba(40,37,34,.045);\n}\n\n\n\/* =========================================================\n   APP BAR\n   ========================================================= *\/\n\n.tbaih-appbar {\n  min-height: 67px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 20px;\n\n  padding: 0 18px;\n\n  border-bottom: 1px solid #e3e0dc;\n\n  background: #fff;\n}\n\n\n\/* Raila identity *\/\n\n.tbaih-raila-brand {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.tbaih-raila-logo {\n  width: 41px;\n  height: 41px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 10px;\n\n  background: var(--tb-black);\n\n  color: #fff;\n}\n\n.tbaih-raila-logo svg {\n  width: 29px;\n  height: 29px;\n}\n\n.tbaih-raila-logo .main-star {\n  fill: #ffffff;\n}\n\n.tbaih-raila-logo .small-star {\n  fill: var(--tb-red);\n}\n\n.tbaih-raila-brand-copy {\n  display: flex;\n  flex-direction: column;\n}\n\n.tbaih-raila-brand-copy strong {\n  color: var(--tb-black);\n\n  font-size: 14px;\n  font-weight: 800;\n}\n\n.tbaih-raila-brand-copy span {\n  margin-top: 2px;\n\n  color: #737880;\n\n  font-size: 10px;\n}\n\n\n\/* app meta *\/\n\n.tbaih-app-meta {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n}\n\n.tbaih-demo-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n\n  padding: 7px 11px;\n\n  border: 1px solid #e1ddd8;\n  border-radius: 999px;\n\n  background: #fbfaf8;\n\n  color: #565b62;\n\n  font-size: 9px;\n}\n\n.tbaih-demo-chip i {\n  width: 6px;\n  height: 6px;\n\n  border-radius: 50%;\n\n  background: #39966d;\n\n  box-shadow:\n    0 0 0 3px rgba(57,150,109,.10);\n}\n\n.tbaih-reset {\n  color: #6c625c;\n\n  font-size: 9px;\n}\n\n\n\/* =========================================================\n   APP BODY\n   ========================================================= *\/\n\n.tbaih-appbody {\n  min-height: 510px;\n\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 275px;\n\n  direction: ltr;\n}\n\n\n\/* =========================================================\n   MAIN\n   ========================================================= *\/\n\n.tbaih-main {\n  min-width: 0;\n\n  display: flex;\n  flex-direction: column;\n\n  background: #fff;\n\n  direction: rtl;\n}\n\n.tbaih-main-content {\n  flex: 1;\n\n  width: min(730px, calc(100% - 44px));\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  margin: auto;\n\n  padding: 42px 0 34px;\n\n  text-align: center;\n}\n\n\n\/* Raila mark *\/\n\n.tbaih-main-mark {\n  width: 54px;\n  height: 54px;\n\n  display: grid;\n  place-items: center;\n\n  margin: 0 auto 17px;\n\n  border-radius: 13px;\n\n  background: var(--tb-black);\n\n  color: #fff;\n\n  font-size: 25px;\n}\n\n.tbaih-main-mark span:first-child {\n  color: #fff;\n}\n\n.tbaih-main-title {\n  margin: 0;\n\n  color: var(--tb-black);\n\n  font-size: clamp(24px, 3vw, 36px);\n  line-height: 1.4;\n\n  font-weight: 800;\n}\n\n.tbaih-main-subtitle {\n  max-width: 620px;\n\n  margin: 8px auto 23px;\n\n  color: #6c6260;\n\n  font-size: 12px;\n  line-height: 1.8;\n}\n\n\n\/* =========================================================\n   SUGGESTIONS\n   ========================================================= *\/\n\n.tbaih-options {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n\n  gap: 9px;\n}\n\n.tbaih-option {\n  min-height: 65px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 15px;\n\n  padding: 11px 14px;\n\n  border: 1px solid #dedfe2;\n  border-radius: 9px;\n\n  background: #fff;\n\n  text-align: right;\n\n  transition:\n    border-color .18s ease,\n    background-color .18s ease,\n    transform .18s ease;\n}\n\n.tbaih-option:hover {\n  border-color: #c8c9ce;\n\n  transform: translateY(-1px);\n}\n\n.tbaih-option-copy {\n  display: flex;\n  flex-direction: column;\n}\n\n.tbaih-option strong {\n  color: var(--tb-black);\n\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.tbaih-option span {\n  margin-top: 4px;\n\n  color: #777c83;\n\n  font-size: 9px;\n  line-height: 1.6;\n}\n\n.tbaih-option-icon {\n  flex: 0 0 auto;\n\n  width: 23px;\n  height: 23px;\n\n  display: grid;\n  place-items: center;\n\n  color: #2f3740;\n\n  font-size: 16px;\n}\n\n\n\/* featured Raila option *\/\n\n.tbaih-option--raila {\n  border-color: var(--raila-orange);\n\n  background: var(--raila-orange-soft);\n}\n\n.tbaih-option--raila:hover {\n  border-color: var(--raila-orange-dark);\n\n  background: #fceddc;\n}\n\n.tbaih-option--raila .tbaih-option-icon {\n  color: var(--raila-orange-dark);\n}\n\n\n\/* =========================================================\n   COMPOSER\n   ========================================================= *\/\n\n.tbaih-composer {\n  padding: 13px 23px 15px;\n\n  border-top: 1px solid #e5e5e6;\n\n  background: #fff;\n}\n\n.tbaih-composer-box {\n  width: min(730px, 100%);\n\n  min-height: 56px;\n\n  display: flex;\n  align-items: center;\n  gap: 12px;\n\n  margin: auto;\n\n  padding: 7px 8px 7px 15px;\n\n  border: 1px solid #d9dce1;\n  border-radius: 10px;\n\n  background: #fff;\n}\n\n.tbaih-composer-placeholder {\n  flex: 1;\n\n  color: #777e87;\n\n  font-size: 11px;\n\n  text-align: right;\n}\n\n.tbaih-composer-btn {\n  height: 38px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n\n  padding: 0 15px;\n\n  border: 0;\n  border-radius: 8px;\n\n  background: var(--raila-orange);\n\n  color: #2f271f;\n\n  font-family: inherit;\n  font-size: 11px;\n  font-weight: 800;\n\n  cursor: pointer;\n}\n\n.tbaih-composer-btn:hover {\n  background: #f2a54c;\n}\n\n.tbaih-composer-note {\n  width: min(730px, 100%);\n\n  margin: 7px auto 0;\n\n  color: #8a8582;\n\n  font-size: 8px;\n\n  text-align: center;\n}\n\n\n\/* =========================================================\n   SIDEBAR \u2014 RAILA COLORS\n   ========================================================= *\/\n\n.tbaih-sidebar {\n  padding: 14px 13px 22px;\n\n  background: var(--raila-navy);\n\n  color: #fff;\n\n  direction: rtl;\n}\n\n\n\/* new chat *\/\n\n.tbaih-new-chat {\n  width: 100%;\n  height: 42px;\n\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 8px;\n\n  padding: 0 13px;\n\n  border: 0;\n  border-radius: 7px;\n\n  background: var(--raila-orange);\n\n  color: #30271e;\n\n  font-family: inherit;\n  font-size: 11px;\n  font-weight: 800;\n}\n\n\n\/* search *\/\n\n.tbaih-search {\n  height: 39px;\n\n  display: flex;\n  align-items: center;\n  gap: 8px;\n\n  margin-top: 11px;\n  padding: 0 10px;\n\n  border: 1px solid rgba(255,255,255,.18);\n  border-radius: 7px;\n\n  background: var(--raila-navy-2);\n\n  color: #aeb7c2;\n}\n\n.tbaih-search-icon {\n  font-size: 16px;\n}\n\n.tbaih-search span:last-child {\n  font-size: 10px;\n}\n\n\n\/* history *\/\n\n.tbaih-history {\n  margin-top: 28px;\n}\n\n.tbaih-history + .tbaih-history {\n  margin-top: 23px;\n}\n\n.tbaih-history-label {\n  margin-bottom: 8px;\n  padding-inline: 5px;\n\n  color: #9caabd;\n\n  font-size: 9px;\n  font-weight: 700;\n}\n\n.tbaih-history-item {\n  display: block;\n\n  width: 100%;\n\n  padding: 8px 8px;\n\n  border: 0;\n  border-radius: 6px;\n\n  background: transparent;\n\n  color: #f3f6f9;\n\n  font-family: inherit;\n  font-size: 10px;\n  line-height: 1.6;\n\n  text-align: right;\n}\n\n.tbaih-history-item:hover {\n  background: rgba(255,255,255,.055);\n}\n\n.tbaih-history-item.is-active {\n  background: rgba(238,155,58,.14);\n\n  color: #ffc878;\n}\n\n\n\/* =========================================================\n   TASKBROWSE RED DETAIL\n   ========================================================= *\/\n\n.tbaih-demo::before {\n  content: \"\";\n\n  display: block;\n\n  width: 100%;\n  height: 3px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--tb-red),\n      var(--tb-red) 38%,\n      transparent 38%\n    );\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 950px) {\n\n  .tbaih {\n    padding-top: 65px;\n  }\n\n  .tbaih-intro {\n    gap: 45px;\n  }\n\n  .tbaih-title {\n    font-size: clamp(43px, 6vw, 60px);\n  }\n\n  .tbaih-appbody {\n    grid-template-columns: minmax(0, 1fr) 230px;\n  }\n\n}\n\n\n@media (max-width: 780px) {\n\n  .tbaih {\n    padding:\n      56px\n      17px\n      70px;\n  }\n\n  .tbaih-intro {\n    grid-template-columns: 1fr;\n\n    gap: 27px;\n\n    margin-bottom: 42px;\n  }\n\n  .tbaih-heading,\n  .tbaih-copy {\n    max-width: 680px;\n  }\n\n  .tbaih-title {\n    font-size: clamp(40px, 8vw, 56px);\n  }\n\n  .tbaih-lead {\n    font-size: 16px;\n  }\n\n  .tbaih-appbody {\n    display: block;\n  }\n\n  .tbaih-sidebar {\n    display: none;\n  }\n\n}\n\n\n@media (max-width: 560px) {\n\n  .tbaih {\n    padding:\n      42px\n      14px\n      58px;\n  }\n\n  .tbaih-kicker {\n    font-size: 9px;\n  }\n\n  .tbaih-title {\n    font-size: 36px;\n    line-height: 1.28;\n\n    letter-spacing: -.7px;\n  }\n\n  .tbaih-copy {\n    padding-top: 0;\n  }\n\n  .tbaih-lead {\n    font-size: 15px;\n    line-height: 1.9;\n  }\n\n  .tbaih-actions {\n    flex-direction: column;\n  }\n\n  .tbaih-btn {\n    width: 100%;\n  }\n\n  .tbaih-demo {\n    border-radius: 12px;\n  }\n\n  .tbaih-appbar {\n    min-height: 62px;\n\n    padding-inline: 12px;\n  }\n\n  .tbaih-demo-chip {\n    display: none;\n  }\n\n  .tbaih-main-content {\n    width: calc(100% - 24px);\n\n    padding:\n      32px\n      0\n      25px;\n  }\n\n  .tbaih-main-title {\n    font-size: 25px;\n  }\n\n  .tbaih-options {\n    grid-template-columns: 1fr;\n  }\n\n  .tbaih-option:nth-child(n+5) {\n    display: none;\n  }\n\n  .tbaih-composer {\n    padding-inline: 11px;\n  }\n\n  .tbaih-composer-placeholder {\n    font-size: 9px;\n  }\n\n  .tbaih-composer-btn {\n    padding-inline: 11px;\n  }\n\n}\n\n<\/style>\n\n\n<!-- =========================================================\n     HERO INTRO\n     ========================================================= -->\n\n<div class=\"tbaih-intro\">\n\n  <div class=\"tbaih-heading\">\n\n    <div class=\"tbaih-kicker\">\n      TASKBROWSE \u00b7 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n    <\/div>\n\n    <h1 id=\"tbaih-title\" class=\"tbaih-title\">\n      \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c \u0627\u0639\u062a\u0645\u0627\u062f\u064b\u0627 \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629\n    <\/h1>\n\n  <\/div>\n\n\n  <div class=\"tbaih-copy\">\n\n    <p class=\"tbaih-lead\">\n      \u0644\u0627 \u064a\u0639\u0645\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a TaskBrowse \u0628\u0639\u064a\u062f\u064b\u0627 \u0639\u0646 \u0648\u0627\u0642\u0639 \u0645\u0634\u0631\u0648\u0639\u0643.\n      \u0628\u0644 \u064a\u062d\u0644\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0639\u0644\u0649 \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u062a\u0623\u062e\u064a\u0631\u0627\u062a\u060c\n      \u0648\u0641\u0647\u0645 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u062e\u0637\u0629 \u0628\u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0648\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0623\u0648\u0636\u062d.\n    <\/p>\n\n    <p class=\"tbaih-sublead\">\n      \u062a\u062d\u062f\u062b \u0645\u0639 \u0631\u0627\u064a\u0644\u0627 \u0648\u0627\u0633\u062a\u0643\u0634\u0641 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0644\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n      \u0623\u0646 \u064a\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u0641\u0647\u0645 \u0645\u0627 \u064a\u062d\u062f\u062b \u062f\u0627\u062e\u0644 \u0645\u0634\u0627\u0631\u064a\u0639\u0643.\n    <\/p>\n\n    <div class=\"tbaih-actions\">\n\n      <a\n        class=\"tbaih-btn tbaih-btn--primary\"\n        href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=ar\"\n      >\n        \u0627\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u064b\u0627\n      <\/a>\n\n      \n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n\n<!-- =========================================================\n     RAILA DEMO\n     ========================================================= -->\n\n<div id=\"raila\" class=\"tbaih-demo\">\n\n\n  <!-- APP BAR -->\n\n  <div class=\"tbaih-appbar\">\n\n    <div class=\"tbaih-raila-brand\">\n\n      <span class=\"tbaih-raila-logo\" aria-hidden=\"true\">\n\n        <svg viewBox=\"0 0 48 48\">\n\n          <path\n            class=\"main-star\"\n            d=\"M23.5 7.5\n               L27.2 18.5\n               L38 22.4\n               L27.2 26.2\n               L23.5 37\n               L19.7 26.2\n               L9 22.4\n               L19.7 18.5 Z\"\n          ><\/path>\n\n          <path\n            class=\"small-star\"\n            d=\"M35.5 8\n               L37 12\n               L41 13.5\n               L37 15\n               L35.5 19\n               L34 15\n               L30 13.5\n               L34 12 Z\"\n          ><\/path>\n\n        <\/svg>\n\n      <\/span>\n\n\n      <div class=\"tbaih-raila-brand-copy\">\n\n        <strong>\n          \u0631\u0627\u064a\u0644\u0627\n        <\/strong>\n\n        <span>\n          \u0645\u0633\u0627\u0639\u062f TaskBrowse \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"tbaih-app-meta\">\n\n      <span class=\"tbaih-demo-chip\">\n        <i><\/i>\n        \u0645\u0633\u0627\u062d\u0629 \u0639\u0645\u0644 \u062a\u062c\u0631\u064a\u0628\u064a\u0629\n      <\/span>\n\n      <span class=\"tbaih-reset\">\n        \u0625\u0639\u0627\u062f\u0629\n      <\/span>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- APP BODY -->\n\n  <div class=\"tbaih-appbody\">\n\n\n    <!-- =====================================================\n         MAIN\n         ===================================================== -->\n\n    <main class=\"tbaih-main\">\n\n\n      <div class=\"tbaih-main-content\">\n\n\n        <div class=\"tbaih-main-mark\">\n          \u2726\n        <\/div>\n\n\n        <h2 class=\"tbaih-main-title\">\n          \u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0644\u0631\u0627\u064a\u0644\u0627 \u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u0639\u0645\u0644\u0643\u061f\n        <\/h2>\n\n\n        <p class=\"tbaih-main-subtitle\">\n          \u0627\u062e\u062a\u0631 \u0646\u0642\u0637\u0629 \u0628\u062f\u0627\u064a\u0629 \u0623\u0648 \u0627\u0633\u0623\u0644 \u0631\u0627\u064a\u0644\u0627 \u0639\u0646 \u0628\u064a\u0627\u0646\u0627\u062a TaskBrowse\n          \u0627\u0644\u062a\u064a \u0644\u062f\u064a\u0643 \u0635\u0644\u0627\u062d\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u064a\u0647\u0627.\n        <\/p>\n\n\n\n        <div class=\"tbaih-options\">\n\n\n          <div class=\"tbaih-option\">\n\n            <div class=\"tbaih-option-copy\">\n              <strong>\n                \u0645\u0644\u062e\u0635 \u0645\u0627 \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0647\u062a\u0645\u0627\u0645\u064a\n              <\/strong>\n\n              <span>\n                \u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629.\n              <\/span>\n            <\/div>\n\n            <div class=\"tbaih-option-icon\">\n              \u2691\n            <\/div>\n\n          <\/div>\n\n\n\n          <div class=\"tbaih-option\">\n\n            <div class=\"tbaih-option-copy\">\n              <strong>\n                \u062a\u062d\u0642\u0642 \u0645\u0646 \u0635\u062d\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n              <\/strong>\n\n              <span>\n                \u0631\u0627\u062c\u0639 \u0627\u0644\u062a\u0623\u062e\u064a\u0631 \u0648\u0627\u0644\u062a\u0642\u062f\u0645 \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u062d\u0627\u0644\u064a\u0629.\n              <\/span>\n            <\/div>\n\n            <div class=\"tbaih-option-icon\">\n              \u2661\n            <\/div>\n\n          <\/div>\n\n\n\n          <div class=\"tbaih-option\">\n\n            <div class=\"tbaih-option-copy\">\n              <strong>\n                \u062d\u0644\u0644 \u0636\u063a\u0637 \u0639\u0645\u0644 \u0627\u0644\u0641\u0631\u064a\u0642\n              <\/strong>\n\n              <span>\n                \u0627\u0643\u062a\u0634\u0641 \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u062d\u0645\u0644 \u0648\u0627\u0644\u0633\u0639\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629.\n              <\/span>\n            <\/div>\n\n            <div class=\"tbaih-option-icon\">\n              \u25a5\n            <\/div>\n\n          <\/div>\n\n\n\n          <div class=\"tbaih-option\">\n\n            <div class=\"tbaih-option-copy\">\n              <strong>\n                \u0627\u0628\u062d\u062b \u0639\u0646 \u0623\u0641\u0636\u0644 \u0634\u062e\u0635 \u0645\u062a\u0627\u062d\n              <\/strong>\n\n              <span>\n                \u062d\u062f\u062f \u0627\u0644\u0634\u062e\u0635 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u062d\u0633\u0628 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0633\u0639\u0629.\n              <\/span>\n            <\/div>\n\n            <div class=\"tbaih-option-icon\">\n              \u25ce\n            <\/div>\n\n          <\/div>\n\n\n\n          <div class=\"tbaih-option\">\n\n            <div class=\"tbaih-option-copy\">\n              <strong>\n                \u062a\u0648\u0642\u0639 \u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n              <\/strong>\n\n              <span>\n                \u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0625\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u062d\u0642 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629.\n              <\/span>\n            <\/div>\n\n            <div class=\"tbaih-option-icon\">\n              \u2295\n            <\/div>\n\n          <\/div>\n\n\n\n          <div class=\"tbaih-option tbaih-option--raila\">\n\n            <div class=\"tbaih-option-copy\">\n              <strong>\n                \u0627\u0633\u062a\u0643\u0634\u0641 \u0625\u0645\u0643\u0627\u0646\u0627\u062a \u0631\u0627\u064a\u0644\u0627\n              <\/strong>\n\n              <span>\n                \u0627\u0643\u062a\u0634\u0641 \u0645\u0627 \u064a\u0645\u0643\u0646 \u0644\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u062a\u062d\u0644\u064a\u0644\u0647 \u0644\u0643.\n              <\/span>\n            <\/div>\n\n            <div class=\"tbaih-option-icon\">\n              \u2726\n            <\/div>\n\n          <\/div>\n\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- COMPOSER -->\n\n      <div class=\"tbaih-composer\">\n\n        <div class=\"tbaih-composer-box\">\n\n          <div class=\"tbaih-composer-placeholder\">\n            \u0627\u0633\u0623\u0644 \u0631\u0627\u064a\u0644\u0627 \u0639\u0646 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0641\u064a TaskBrowse&#8230;\n          <\/div>\n\n          <button\n            class=\"tbaih-composer-btn\"\n            type=\"button\"\n          >\n            \u0623\u0631\u0633\u0644\n            <span>\u2190<\/span>\n          <\/button>\n\n        <\/div>\n\n        <div class=\"tbaih-composer-note\">\n          \u0642\u062f \u062a\u062d\u062a\u0648\u064a \u0631\u062f\u0648\u062f \u0631\u0627\u064a\u0644\u0627 \u0639\u0644\u0649 \u0623\u062e\u0637\u0627\u0621. \u062a\u062d\u0642\u0642 \u0645\u0646 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0648\u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0627\u0644\u0645\u0647\u0645\u0629 \u0642\u0628\u0644 \u0627\u062a\u062e\u0627\u0630 \u0623\u064a \u0625\u062c\u0631\u0627\u0621.\n        <\/div>\n\n      <\/div>\n\n\n    <\/main>\n\n\n\n    <!-- =====================================================\n         SIDEBAR\n         ===================================================== -->\n\n    <aside class=\"tbaih-sidebar\">\n\n\n      <button\n        class=\"tbaih-new-chat\"\n        type=\"button\"\n      >\n        <span>\uff0b<\/span>\n        \u062f\u0631\u062f\u0634\u0629 \u062c\u062f\u064a\u062f\u0629\n      <\/button>\n\n\n      <div class=\"tbaih-search\">\n\n        <span class=\"tbaih-search-icon\">\n          \u25ef\n        <\/span>\n\n        <span>\n          \u0627\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0627\u062a\n        <\/span>\n\n      <\/div>\n\n\n\n      <div class=\"tbaih-history\">\n\n        <div class=\"tbaih-history-label\">\n          \u0627\u0644\u064a\u0648\u0645\n        <\/div>\n\n        <button\n          class=\"tbaih-history-item is-active\"\n          type=\"button\"\n        >\n          \u0627\u0643\u062a\u0634\u0641 \u0625\u0645\u0643\u0627\u0646\u0627\u062a \u0631\u0627\u064a\u0644\u0627\n        <\/button>\n\n        <button\n          class=\"tbaih-history-item\"\n          type=\"button\"\n        >\n          \u062a\u062d\u0644\u064a\u0644 \u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0646\u0634\u0637\u0629\n        <\/button>\n\n        <button\n          class=\"tbaih-history-item\"\n          type=\"button\"\n        >\n          \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u062a\u0623\u062e\u064a\u0631\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629\n        <\/button>\n\n      <\/div>\n\n\n\n      <div class=\"tbaih-history\">\n\n        <div class=\"tbaih-history-label\">\n          \u0623\u0642\u062f\u0645\n        <\/div>\n\n        <button\n          class=\"tbaih-history-item\"\n          type=\"button\"\n        >\n          \u062a\u062d\u0644\u064a\u0644 \u0636\u063a\u0637 \u0639\u0645\u0644 \u0627\u0644\u0641\u0631\u064a\u0642\n        <\/button>\n\n        <button\n          class=\"tbaih-history-item\"\n          type=\"button\"\n        >\n          \u0627\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0623\u0641\u0636\u0644 \u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u062a\u0627\u062d\n        <\/button>\n\n        <button\n          class=\"tbaih-history-item\"\n          type=\"button\"\n        >\n          \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u062c\u0630\u0631\u064a\u0629 \u0644\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u062a\u0639\u0637\u0644\u0629\n        <\/button>\n\n      <\/div>\n\n\n    <\/aside>\n\n\n  <\/div>\n\n<\/div>\n\n<\/section>\n\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- =========================================================\n     SECTION 2 \u2014 FROM DATA TO ANSWER\n     ========================================================= -->\n\n<section class=\"tb-ai-data\" dir=\"rtl\">\n\n<style>\n\n.tb-ai-data {\n  --tb-red: #c8102e;\n  --tb-black: #202124;\n  --tb-text: #30343a;\n  --tb-muted: #747981;\n  --tb-line: #e5e1dd;\n\n  --raila-navy: #2b3b4d;\n  --raila-navy-light: #3c4a5b;\n  --raila-orange: #ee9b3a;\n  --raila-orange-soft: #fdf2e5;\n\n  position: relative;\n  overflow: hidden;\n\n  padding: 100px 22px;\n\n  background: #ffffff;\n}\n\n.tb-ai-data *,\n.tb-ai-data *::before,\n.tb-ai-data *::after {\n  box-sizing: border-box;\n}\n\n.tb-ai-data__container {\n  width: min(1180px, 100%);\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.tb-ai-data__header {\n  max-width: 780px;\n\n  margin: 0 auto 58px;\n\n  text-align: center;\n}\n\n.tb-ai-data__kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n\n  margin-bottom: 15px;\n\n  color: var(--tb-red);\n\n  font-size: 11px;\n  line-height: 1.6;\n  font-weight: 800;\n\n  letter-spacing: .08em;\n}\n\n.tb-ai-data__kicker::before,\n.tb-ai-data__kicker::after {\n  content: \"\";\n\n  width: 22px;\n  height: 1px;\n\n  background: rgba(200, 16, 46, .35);\n}\n\n.tb-ai-data__title {\n  margin: 0;\n\n  color: var(--tb-black);\n\n  font-size: clamp(32px, 4vw, 48px);\n  line-height: 1.35;\n  font-weight: 800;\n\n  letter-spacing: -.7px;\n}\n\n.tb-ai-data__title span {\n  color: var(--tb-red);\n}\n\n.tb-ai-data__lead {\n  max-width: 680px;\n\n  margin: 17px auto 0;\n\n  color: var(--tb-muted);\n\n  font-size: 16px;\n  line-height: 2;\n}\n\n\n\/* =========================================================\n   MAIN FLOW\n   ========================================================= *\/\n\n.tb-ai-data__flow {\n  position: relative;\n\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1fr)\n    150px\n    minmax(0, 1fr);\n\n  align-items: stretch;\n\n  gap: 26px;\n}\n\n\n\/* =========================================================\n   LEFT \/ DATA\n   ========================================================= *\/\n\n.tb-ai-data__panel {\n  min-height: 430px;\n\n  padding: 28px;\n\n  border: 1px solid var(--tb-line);\n  border-radius: 18px;\n\n  background: #fbfaf8;\n}\n\n.tb-ai-data__panel-head {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 20px;\n\n  margin-bottom: 27px;\n}\n\n.tb-ai-data__panel-label {\n  color: #8c8f94;\n\n  font-size: 10px;\n  font-weight: 700;\n}\n\n.tb-ai-data__panel-title {\n  margin: 5px 0 0;\n\n  color: var(--tb-black);\n\n  font-size: 21px;\n  line-height: 1.5;\n  font-weight: 800;\n}\n\n.tb-ai-data__panel-icon {\n  width: 40px;\n  height: 40px;\n\n  display: grid;\n  place-items: center;\n\n  flex: 0 0 auto;\n\n  border-radius: 10px;\n\n  background: #f0efed;\n\n  color: var(--tb-black);\n\n  font-size: 17px;\n}\n\n\n\/* data rows *\/\n\n.tb-ai-data__sources {\n  display: grid;\n  gap: 9px;\n}\n\n.tb-ai-data__source {\n  min-height: 55px;\n\n  display: flex;\n  align-items: center;\n  gap: 12px;\n\n  padding: 10px 13px;\n\n  border: 1px solid #e6e3df;\n  border-radius: 9px;\n\n  background: #fff;\n}\n\n.tb-ai-data__source-icon {\n  width: 31px;\n  height: 31px;\n\n  display: grid;\n  place-items: center;\n\n  flex: 0 0 auto;\n\n  border-radius: 7px;\n\n  background: #f4f3f1;\n\n  color: #484c52;\n\n  font-size: 14px;\n}\n\n.tb-ai-data__source-copy {\n  display: flex;\n  flex-direction: column;\n}\n\n.tb-ai-data__source-copy strong {\n  color: #383c42;\n\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.tb-ai-data__source-copy span {\n  margin-top: 2px;\n\n  color: #93969c;\n\n  font-size: 9px;\n}\n\n\n\/* =========================================================\n   CENTER \u2014 RAILA\n   ========================================================= *\/\n\n.tb-ai-data__bridge {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.tb-ai-data__bridge::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: 50%;\n  right: -26px;\n  left: -26px;\n\n  height: 1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #ddd9d5 0%,\n      var(--raila-orange) 50%,\n      #ddd9d5 100%\n    );\n}\n\n.tb-ai-data__raila {\n  position: relative;\n  z-index: 2;\n\n  width: 104px;\n  height: 104px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  border: 7px solid #fff;\n  border-radius: 27px;\n\n  background: var(--raila-navy);\n\n  box-shadow:\n    0 15px 35px rgba(43,59,77,.18);\n}\n\n.tb-ai-data__raila-star {\n  color: #fff;\n\n  font-size: 31px;\n  line-height: 1;\n}\n\n.tb-ai-data__raila-small {\n  position: absolute;\n\n  top: 20px;\n  right: 25px;\n\n  color: var(--raila-orange);\n\n  font-size: 12px;\n}\n\n.tb-ai-data__raila-name {\n  margin-top: 5px;\n\n  color: #fff;\n\n  font-size: 11px;\n  font-weight: 800;\n}\n\n.tb-ai-data__bridge-label {\n  position: relative;\n  z-index: 2;\n\n  margin-top: 12px;\n  padding: 5px 9px;\n\n  border-radius: 999px;\n\n  background: #fff;\n\n  color: #777b82;\n\n  font-size: 9px;\n}\n\n\n\/* =========================================================\n   RIGHT \/ ANSWER\n   ========================================================= *\/\n\n.tb-ai-data__answer-panel {\n  background: #fff;\n}\n\n.tb-ai-data__question {\n  margin-bottom: 13px;\n}\n\n.tb-ai-data__question-label {\n  margin-bottom: 6px;\n\n  color: #8b8f95;\n\n  font-size: 9px;\n}\n\n.tb-ai-data__question-bubble {\n  width: fit-content;\n  max-width: 90%;\n\n  padding: 11px 14px;\n\n  border-radius: 10px 10px 3px 10px;\n\n  background: var(--tb-black);\n  color: #fff;\n\n  font-size: 11px;\n  line-height: 1.7;\n}\n\n\n\/* answer box *\/\n\n.tb-ai-data__answer {\n  padding: 17px;\n\n  border: 1px solid #e4e4e5;\n  border-radius: 12px;\n\n  background: #fff;\n\n  box-shadow:\n    0 5px 15px rgba(30, 32, 36, .035);\n}\n\n.tb-ai-data__answer-head {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n\n  margin-bottom: 13px;\n}\n\n.tb-ai-data__answer-mark {\n  width: 27px;\n  height: 27px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 7px;\n\n  background: var(--raila-navy);\n\n  color: var(--raila-orange);\n\n  font-size: 13px;\n}\n\n.tb-ai-data__answer-head strong {\n  color: var(--tb-black);\n\n  font-size: 11px;\n}\n\n.tb-ai-data__answer > p {\n  margin: 0 0 15px;\n\n  color: #60646b;\n\n  font-size: 10px;\n  line-height: 1.8;\n}\n\n\n\/* findings *\/\n\n.tb-ai-data__findings {\n  display: grid;\n  gap: 8px;\n}\n\n.tb-ai-data__finding {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n\n  padding: 9px 10px;\n\n  border-radius: 8px;\n\n  background: #f8f8f7;\n}\n\n.tb-ai-data__finding-indicator {\n  width: 7px;\n  height: 7px;\n\n  flex: 0 0 auto;\n\n  border-radius: 50%;\n}\n\n.tb-ai-data__finding-indicator--danger {\n  background: #c95b61;\n}\n\n.tb-ai-data__finding-indicator--warning {\n  background: var(--raila-orange);\n}\n\n.tb-ai-data__finding-indicator--ok {\n  background: #3b966e;\n}\n\n.tb-ai-data__finding-copy {\n  flex: 1;\n\n  color: #50545b;\n\n  font-size: 9px;\n  line-height: 1.6;\n}\n\n.tb-ai-data__finding-copy strong {\n  color: #30343a;\n}\n\n.tb-ai-data__finding-value {\n  flex: 0 0 auto;\n\n  color: var(--tb-black);\n\n  font-size: 9px;\n  font-weight: 800;\n}\n\n\n\/* =========================================================\n   BOTTOM MESSAGE\n   ========================================================= *\/\n\n.tb-ai-data__bottom {\n  max-width: 850px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n\n  margin: 43px auto 0;\n\n  color: #656970;\n\n  font-size: 14px;\n  line-height: 1.9;\n\n  text-align: center;\n}\n\n.tb-ai-data__bottom strong {\n  color: var(--tb-black);\n}\n\n.tb-ai-data__bottom-star {\n  width: 30px;\n  height: 30px;\n\n  display: grid;\n  place-items: center;\n\n  flex: 0 0 auto;\n\n  border-radius: 8px;\n\n  background: var(--raila-orange-soft);\n\n  color: var(--raila-orange);\n\n  font-size: 15px;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .tb-ai-data {\n    padding: 80px 20px;\n  }\n\n  .tb-ai-data__flow {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  .tb-ai-data__bridge {\n    min-height: 110px;\n  }\n\n  .tb-ai-data__bridge::before {\n    width: 1px;\n    height: 110px;\n\n    top: 0;\n    right: 50%;\n    left: auto;\n\n    background:\n      linear-gradient(\n        180deg,\n        #ddd9d5,\n        var(--raila-orange),\n        #ddd9d5\n      );\n  }\n\n  .tb-ai-data__raila {\n    width: 86px;\n    height: 86px;\n\n    border-radius: 23px;\n  }\n\n  .tb-ai-data__bridge-label {\n    display: none;\n  }\n\n  .tb-ai-data__panel {\n    min-height: auto;\n  }\n\n}\n\n\n@media (max-width: 560px) {\n\n  .tb-ai-data {\n    padding:\n      65px\n      14px;\n  }\n\n  .tb-ai-data__header {\n    margin-bottom: 38px;\n  }\n\n  .tb-ai-data__title {\n    font-size: 30px;\n  }\n\n  .tb-ai-data__lead {\n    font-size: 14px;\n  }\n\n  .tb-ai-data__panel {\n    padding: 20px 16px;\n\n    border-radius: 14px;\n  }\n\n  .tb-ai-data__panel-title {\n    font-size: 18px;\n  }\n\n  .tb-ai-data__bottom {\n    align-items: flex-start;\n\n    font-size: 13px;\n  }\n\n}\n\n<\/style>\n\n\n<div class=\"tb-ai-data__container\">\n\n\n  <!-- HEADER -->\n\n  <header class=\"tb-ai-data__header\">\n\n    <div class=\"tb-ai-data__kicker\">\n      \u0645\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0625\u0644\u0649 \u0627\u0644\u0625\u062c\u0627\u0628\u0629\n    <\/div>\n\n    <h2 class=\"tb-ai-data__title\">\n      \u0628\u062f\u0644\u064b\u0627 \u0645\u0646 \u0627\u0644\u0628\u062d\u062b \u0628\u064a\u0646 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631\u060c\n      <span>\u0627\u0633\u0623\u0644 \u0645\u0634\u0631\u0648\u0639\u0643 \u0645\u0628\u0627\u0634\u0631\u0629<\/span>\n    <\/h2>\n\n    <p class=\"tb-ai-data__lead\">\n      \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u0648\u062c\u0648\u062f\u0629 \u0628\u0627\u0644\u0641\u0639\u0644 \u0641\u064a TaskBrowse.\n      \u0631\u0627\u064a\u0644\u0627 \u062a\u062c\u0645\u0639 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u064a\u0647 \u0645\u0646 \u0647\u0630\u0647 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\u060c \u0648\u062a\u062d\u0644\u0644\u0647\u0627\u060c\n      \u062b\u0645 \u062a\u0642\u062f\u0645 \u0644\u0643 \u0625\u062c\u0627\u0628\u0629 \u0648\u0627\u0636\u062d\u0629 \u0628\u062f\u0644\u064b\u0627 \u0645\u0646 \u0627\u0644\u062a\u0646\u0642\u0644 \u0628\u064a\u0646 \u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629.\n    <\/p>\n\n  <\/header>\n\n\n\n  <!-- FLOW -->\n\n  <div class=\"tb-ai-data__flow\">\n\n\n    <!-- DATA -->\n\n    <div class=\"tb-ai-data__panel\">\n\n      <div class=\"tb-ai-data__panel-head\">\n\n        <div>\n          <div class=\"tb-ai-data__panel-label\">\n            \u062f\u0627\u062e\u0644 TaskBrowse\n          <\/div>\n\n          <h3 class=\"tb-ai-data__panel-title\">\n            \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0644\u064a\u0629\n          <\/h3>\n        <\/div>\n\n        <span class=\"tb-ai-data__panel-icon\">\n          \u25a6\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"tb-ai-data__sources\">\n\n        <div class=\"tb-ai-data__source\">\n\n          <span class=\"tb-ai-data__source-icon\">\n            \u25eb\n          <\/span>\n\n          <div class=\"tb-ai-data__source-copy\">\n            <strong>\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645<\/strong>\n            <span>\u0627\u0644\u062d\u0627\u0644\u0629\u060c \u0627\u0644\u062a\u0642\u062f\u0645\u060c \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a<\/span>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"tb-ai-data__source\">\n\n          <span class=\"tb-ai-data__source-icon\">\n            \u25f7\n          <\/span>\n\n          <div class=\"tb-ai-data__source-copy\">\n            <strong>\u0627\u0644\u0648\u0642\u062a \u0648\u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/strong>\n            <span>\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637 \u0648\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0633\u062c\u0644<\/span>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"tb-ai-data__source\">\n\n          <span class=\"tb-ai-data__source-icon\">\n            \u25c9\n          <\/span>\n\n          <div class=\"tb-ai-data__source-copy\">\n            <strong>\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0633\u0639\u0629<\/strong>\n            <span>\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0648\u0643\u0644\u0629 \u0648\u062e\u0637\u0629 \u0639\u0645\u0644 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642<\/span>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"tb-ai-data__source\">\n\n          <span class=\"tb-ai-data__source-icon\">\n            $\n          <\/span>\n\n          <div class=\"tb-ai-data__source-copy\">\n            <strong>\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641<\/strong>\n            <span>\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"tb-ai-data__source\">\n\n          <span class=\"tb-ai-data__source-icon\">\n            \u2713\n          <\/span>\n\n          <div class=\"tb-ai-data__source-copy\">\n            <strong>\u0627\u0644\u062a\u0642\u062f\u0645 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/strong>\n            <span>\u0645\u0627 \u062e\u064f\u0637\u0637 \u0644\u0647 \u0645\u0642\u0627\u0631\u0646\u0629\u064b \u0628\u0645\u0627 \u062d\u062f\u062b \u0641\u0639\u0644\u064a\u064b\u0627<\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- RAILA -->\n\n    <div class=\"tb-ai-data__bridge\">\n\n      <div class=\"tb-ai-data__raila\">\n\n        <span class=\"tb-ai-data__raila-star\">\n          \u2726\n        <\/span>\n\n        <span class=\"tb-ai-data__raila-small\">\n          \u2726\n        <\/span>\n\n        <span class=\"tb-ai-data__raila-name\">\n          \u0631\u0627\u064a\u0644\u0627\n        <\/span>\n\n      <\/div>\n\n      <div class=\"tb-ai-data__bridge-label\">\n        \u062a\u062d\u0644\u0644 \u0648\u062a\u0631\u0628\u0637 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- ANSWER -->\n\n    <div class=\"tb-ai-data__panel tb-ai-data__answer-panel\">\n\n      <div class=\"tb-ai-data__panel-head\">\n\n        <div>\n          <div class=\"tb-ai-data__panel-label\">\n            \u0628\u062f\u0644\u064b\u0627 \u0645\u0646 \u0641\u062a\u062d \u0639\u062f\u0629 \u062a\u0642\u0627\u0631\u064a\u0631\n          <\/div>\n\n          <h3 class=\"tb-ai-data__panel-title\">\n            \u0627\u0637\u0631\u062d \u0633\u0624\u0627\u0644\u0643\n          <\/h3>\n        <\/div>\n\n        <span class=\"tb-ai-data__panel-icon\">\n          \u061f\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"tb-ai-data__question\">\n\n        <div class=\"tb-ai-data__question-label\">\n          \u0623\u0646\u062a\n        <\/div>\n\n        <div class=\"tb-ai-data__question-bubble\">\n          \u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0646\u062a\u0628\u0627\u0647\u064a \u0647\u0630\u0627 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\u061f\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"tb-ai-data__answer\">\n\n        <div class=\"tb-ai-data__answer-head\">\n\n          <span class=\"tb-ai-data__answer-mark\">\n            \u2726\n          <\/span>\n\n          <strong>\n            \u0631\u0627\u064a\u0644\u0627\n          <\/strong>\n\n        <\/div>\n\n        <p>\n          \u0628\u0639\u062f \u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0633\u062c\u0644\u060c\n          \u0647\u0630\u0647 \u0623\u0647\u0645 \u0627\u0644\u0646\u0642\u0627\u0637 \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u062d\u0642 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629:\n        <\/p>\n\n\n        <div class=\"tb-ai-data__findings\">\n\n          <div class=\"tb-ai-data__finding\">\n\n            <span class=\"tb-ai-data__finding-indicator tb-ai-data__finding-indicator--danger\"><\/span>\n\n            <div class=\"tb-ai-data__finding-copy\">\n              <strong>\u0645\u0634\u0631\u0648\u0639 \u0645\u062a\u0623\u062e\u0631<\/strong>\n              \u0639\u0646 \u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u062e\u0637\u0637\n            <\/div>\n\n            <span class=\"tb-ai-data__finding-value\">\n              -14%\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"tb-ai-data__finding\">\n\n            <span class=\"tb-ai-data__finding-indicator tb-ai-data__finding-indicator--warning\"><\/span>\n\n            <div class=\"tb-ai-data__finding-copy\">\n              <strong>\u0639\u0636\u0648\u0627\u0646 \u0641\u064a \u0627\u0644\u0641\u0631\u064a\u0642<\/strong>\n              \u064a\u062a\u062c\u0627\u0648\u0632\u0627\u0646 \u0627\u0644\u0633\u0639\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629\n            <\/div>\n\n            <span class=\"tb-ai-data__finding-value\">\n              +18%\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"tb-ai-data__finding\">\n\n            <span class=\"tb-ai-data__finding-indicator tb-ai-data__finding-indicator--ok\"><\/span>\n\n            <div class=\"tb-ai-data__finding-copy\">\n              <strong>3 \u0645\u0634\u0627\u0631\u064a\u0639<\/strong>\n              \u062a\u0633\u064a\u0631 \u0648\u0641\u0642 \u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629\n            <\/div>\n\n            <span class=\"tb-ai-data__finding-value\">\n              \u0645\u0633\u062a\u0642\u0631\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n\n\n  <!-- BOTTOM MESSAGE -->\n\n  <div class=\"tb-ai-data__bottom\">\n\n    <span class=\"tb-ai-data__bottom-star\">\n      \u2726\n    <\/span>\n\n    <span>\n      <strong>\u0647\u0630\u0647 \u0647\u064a \u0627\u0644\u0641\u0643\u0631\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629:<\/strong>\n      \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a TaskBrowse \u0644\u0627 \u064a\u0628\u062f\u0623 \u0645\u0646 \u0633\u0624\u0627\u0644 \u0639\u0627\u0645\u060c\n      \u0628\u0644 \u0645\u0646 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629 \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629 \u062f\u0627\u062e\u0644 \u0645\u0634\u0627\u0631\u064a\u0639\u0643.\n    <\/span>\n\n  <\/div>\n\n\n<\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- =========================================================\n     SECTION 3 \u2014 RAILA\n     TaskBrowse AI Assistant\n     ========================================================= -->\n\n<section class=\"tb-raila-section\" dir=\"rtl\" aria-labelledby=\"tb-raila-title\">\n\n<style>\n\n.tb-raila-section {\n  --tb-red: #c8102e;\n  --tb-red-soft: #fff1f3;\n\n  --tb-black: #202124;\n  --tb-text: #363a41;\n  --tb-muted: #777c84;\n\n  --tb-bg: #f7f6f3;\n  --tb-white: #ffffff;\n  --tb-line: #e4e1dd;\n\n  --raila-navy: #2b3b4d;\n  --raila-navy-2: #36485c;\n  --raila-orange: #ee9b3a;\n  --raila-orange-soft: #fff2e1;\n\n  padding: 105px 22px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f8f7f4 0%,\n      #f5f4f1 100%\n    );\n\n  color: var(--tb-text);\n}\n\n.tb-raila-section *,\n.tb-raila-section *::before,\n.tb-raila-section *::after {\n  box-sizing: border-box;\n}\n\n.tb-raila-section__container {\n  width: min(1180px, 100%);\n  margin: auto;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.tb-raila-section__header {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, .85fr)\n    minmax(0, 1fr);\n\n  gap: clamp(50px, 8vw, 110px);\n\n  align-items: end;\n\n  margin-bottom: 55px;\n}\n\n\n.tb-raila-section__heading {\n  max-width: 560px;\n}\n\n\n.tb-raila-section__kicker {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n\n  margin-bottom: 14px;\n\n  color: var(--tb-red);\n\n  font-size: 11px;\n  font-weight: 800;\n\n  letter-spacing: .08em;\n}\n\n\n.tb-raila-section__kicker::before {\n  content: \"\";\n\n  width: 28px;\n  height: 2px;\n\n  background: var(--tb-red);\n}\n\n\n.tb-raila-section__title {\n  margin: 0;\n\n  color: var(--tb-black);\n\n  font-size: clamp(32px, 4vw, 49px);\n  line-height: 1.35;\n\n  font-weight: 800;\n\n  letter-spacing: -.7px;\n}\n\n\n.tb-raila-section__intro {\n  max-width: 560px;\n\n  margin: 0;\n\n  color: #62676f;\n\n  font-size: 16px;\n  line-height: 2;\n}\n\n\n\/* =========================================================\n   MAIN RAILA PANEL\n   ========================================================= *\/\n\n.tb-raila-section__main {\n  display: grid;\n\n  grid-template-columns:\n    minmax(310px, .78fr)\n    minmax(0, 1.4fr);\n\n  overflow: hidden;\n\n  border: 1px solid #ddd9d5;\n  border-radius: 20px;\n\n  background: #fff;\n\n  box-shadow:\n    0 22px 55px rgba(34, 35, 38, .07);\n}\n\n\n\/* =========================================================\n   RAILA SIDE\n   ========================================================= *\/\n\n.tb-raila-section__assistant {\n  position: relative;\n\n  min-height: 570px;\n\n  display: flex;\n  flex-direction: column;\n\n  padding: 38px 33px;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 10% 10%,\n      rgba(238,155,58,.15),\n      transparent 25%\n    ),\n    var(--raila-navy);\n\n  color: #fff;\n}\n\n\n.tb-raila-section__assistant::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 260px;\n  height: 260px;\n\n  left: -120px;\n  bottom: -120px;\n\n  border: 1px solid rgba(255,255,255,.05);\n  border-radius: 50%;\n}\n\n\n.tb-raila-section__logo {\n  width: 58px;\n  height: 58px;\n\n  display: grid;\n  place-items: center;\n\n  margin-bottom: 25px;\n\n  border-radius: 15px;\n\n  background: #202124;\n\n  font-size: 28px;\n\n  box-shadow:\n    0 10px 25px rgba(0,0,0,.16);\n}\n\n\n.tb-raila-section__logo-main {\n  color: #fff;\n}\n\n\n.tb-raila-section__logo-small {\n  position: absolute;\n\n  margin:\n    -18px\n    0\n    0\n    -20px;\n\n  color: var(--raila-orange);\n\n  font-size: 11px;\n}\n\n\n.tb-raila-section__assistant-label {\n  margin-bottom: 7px;\n\n  color: var(--raila-orange);\n\n  font-size: 11px;\n  font-weight: 800;\n}\n\n\n.tb-raila-section__assistant h3 {\n  margin: 0;\n\n  color: #fff;\n\n  font-size: 29px;\n  line-height: 1.5;\n\n  font-weight: 800;\n}\n\n\n.tb-raila-section__assistant > p {\n  margin: 17px 0 0;\n\n  color: #d9e0e7;\n\n  font-size: 13px;\n  line-height: 2;\n}\n\n\n.tb-raila-section__access {\n  margin-top: 27px;\n\n  padding: 14px 15px;\n\n  border: 1px solid rgba(255,255,255,.12);\n  border-radius: 10px;\n\n  background: rgba(255,255,255,.05);\n}\n\n\n.tb-raila-section__access-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n\n  color: #fff;\n\n  font-size: 11px;\n  font-weight: 700;\n}\n\n\n.tb-raila-section__access-icon {\n  width: 25px;\n  height: 25px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 6px;\n\n  background: rgba(238,155,58,.15);\n\n  color: var(--raila-orange);\n}\n\n\n.tb-raila-section__access p {\n  margin: 8px 0 0;\n\n  color: #aeb9c4;\n\n  font-size: 9px;\n  line-height: 1.8;\n}\n\n\n\/* questions *\/\n\n.tb-raila-section__questions {\n  margin-top: auto;\n  padding-top: 35px;\n}\n\n\n.tb-raila-section__questions-label {\n  margin-bottom: 10px;\n\n  color: #9eabb8;\n\n  font-size: 9px;\n}\n\n\n.tb-raila-section__question {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n\n  margin-top: 7px;\n\n  color: #eef2f5;\n\n  font-size: 10px;\n  line-height: 1.6;\n}\n\n\n.tb-raila-section__question::before {\n  content: \"\u2190\";\n\n  color: var(--raila-orange);\n\n  font-size: 11px;\n}\n\n\n\/* =========================================================\n   CAPABILITIES\n   ========================================================= *\/\n\n.tb-raila-section__capabilities {\n  padding: 30px;\n\n  background: #fff;\n}\n\n\n.tb-raila-section__capabilities-head {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  gap: 20px;\n\n  margin-bottom: 22px;\n}\n\n\n.tb-raila-section__capabilities-label {\n  color: #858a92;\n\n  font-size: 10px;\n  font-weight: 700;\n}\n\n\n.tb-raila-section__status {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n\n  color: #697078;\n\n  font-size: 9px;\n}\n\n\n.tb-raila-section__status i {\n  width: 6px;\n  height: 6px;\n\n  border-radius: 50%;\n\n  background: #39966d;\n\n  box-shadow:\n    0 0 0 3px rgba(57,150,109,.1);\n}\n\n\n\/* cards *\/\n\n.tb-raila-section__cards {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n\n  gap: 12px;\n}\n\n\n.tb-raila-section__card {\n  position: relative;\n\n  min-height: 220px;\n\n  padding: 22px;\n\n  overflow: hidden;\n\n  border: 1px solid var(--tb-line);\n  border-radius: 13px;\n\n  background: #fff;\n\n  transition:\n    transform .2s ease,\n    border-color .2s ease,\n    box-shadow .2s ease;\n}\n\n\n.tb-raila-section__card:hover {\n  transform: translateY(-3px);\n\n  border-color: #d2cec9;\n\n  box-shadow:\n    0 10px 24px rgba(30,32,36,.06);\n}\n\n\n.tb-raila-section__card-number {\n  position: absolute;\n\n  top: 17px;\n  left: 18px;\n\n  color: #dedbd7;\n\n  font-size: 28px;\n  font-weight: 800;\n}\n\n\n.tb-raila-section__card-icon {\n  width: 38px;\n  height: 38px;\n\n  display: grid;\n  place-items: center;\n\n  margin-bottom: 18px;\n\n  border-radius: 9px;\n\n  background: var(--raila-orange-soft);\n\n  color: var(--raila-orange);\n\n  font-size: 18px;\n}\n\n\n.tb-raila-section__card h4 {\n  margin: 0;\n\n  color: var(--tb-black);\n\n  font-size: 15px;\n  line-height: 1.6;\n\n  font-weight: 800;\n}\n\n\n.tb-raila-section__card p {\n  margin: 8px 0 0;\n\n  color: #757a82;\n\n  font-size: 11px;\n  line-height: 1.85;\n}\n\n\n\/* mini visuals *\/\n\n.tb-raila-section__mini {\n  margin-top: 17px;\n}\n\n\n\/* project status *\/\n\n.tb-raila-section__project-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 10px;\n\n  margin-top: 6px;\n\n  font-size: 9px;\n}\n\n\n.tb-raila-section__project-row span:first-child {\n  color: #70757c;\n}\n\n\n.tb-raila-section__risk {\n  padding: 3px 6px;\n\n  border-radius: 5px;\n\n  background: #fff0f1;\n\n  color: #b54f57;\n\n  font-weight: 700;\n}\n\n\n\/* workload *\/\n\n.tb-raila-section__bar {\n  position: relative;\n\n  height: 6px;\n\n  margin-top: 9px;\n\n  overflow: hidden;\n\n  border-radius: 999px;\n\n  background: #eeecea;\n}\n\n\n.tb-raila-section__bar span {\n  display: block;\n\n  height: 100%;\n\n  border-radius: inherit;\n\n  background: var(--raila-orange);\n}\n\n\n.tb-raila-section__bar-labels {\n  display: flex;\n  justify-content: space-between;\n\n  margin-top: 6px;\n\n  color: #95999f;\n\n  font-size: 8px;\n}\n\n\n\/* plan vs actual *\/\n\n.tb-raila-section__compare {\n  display: grid;\n  grid-template-columns: 1fr auto;\n\n  gap: 7px 10px;\n\n  align-items: center;\n}\n\n\n.tb-raila-section__compare-label {\n  color: #868a91;\n\n  font-size: 8px;\n}\n\n\n.tb-raila-section__compare-value {\n  color: #3d4147;\n\n  font-size: 9px;\n  font-weight: 700;\n}\n\n\n.tb-raila-section__compare-bar {\n  grid-column: 1 \/ -1;\n\n  height: 5px;\n\n  overflow: hidden;\n\n  border-radius: 999px;\n\n  background: #ebe9e7;\n}\n\n\n.tb-raila-section__compare-bar span {\n  display: block;\n\n  height: 100%;\n\n  border-radius: inherit;\n}\n\n\n.tb-raila-section__compare-bar--plan span {\n  width: 81%;\n  background: #81868d;\n}\n\n\n.tb-raila-section__compare-bar--actual span {\n  width: 63%;\n  background: var(--raila-orange);\n}\n\n\n\/* deviation *\/\n\n.tb-raila-section__deviation {\n  display: flex;\n  align-items: flex-end;\n\n  gap: 6px;\n\n  height: 42px;\n\n  margin-top: 6px;\n}\n\n\n.tb-raila-section__deviation span {\n  flex: 1;\n\n  min-width: 9px;\n\n  border-radius: 4px 4px 1px 1px;\n\n  background: #dedbd7;\n}\n\n\n.tb-raila-section__deviation span:nth-child(1) {\n  height: 38%;\n}\n\n.tb-raila-section__deviation span:nth-child(2) {\n  height: 55%;\n}\n\n.tb-raila-section__deviation span:nth-child(3) {\n  height: 46%;\n}\n\n.tb-raila-section__deviation span:nth-child(4) {\n  height: 78%;\n  background: var(--raila-orange);\n}\n\n.tb-raila-section__deviation span:nth-child(5) {\n  height: 91%;\n  background: #c95b61;\n}\n\n\n\/* =========================================================\n   FOOTER\n   ========================================================= *\/\n\n.tb-raila-section__footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 30px;\n\n  margin-top: 30px;\n  padding-top: 27px;\n\n  border-top: 1px solid #e3dfdb;\n}\n\n\n.tb-raila-section__footer p {\n  max-width: 730px;\n\n  margin: 0;\n\n  color: #656a71;\n\n  font-size: 13px;\n  line-height: 1.9;\n}\n\n\n.tb-raila-section__footer strong {\n  color: var(--tb-black);\n}\n\n\n.tb-raila-section__link {\n  flex: 0 0 auto;\n\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n\n  color: var(--tb-red);\n\n  font-size: 12px;\n  font-weight: 800;\n\n  text-decoration: none !important;\n}\n\n\n.tb-raila-section__link span {\n  transition: transform .18s ease;\n}\n\n\n.tb-raila-section__link:hover span {\n  transform: translateX(-3px);\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .tb-raila-section {\n    padding: 80px 20px;\n  }\n\n  .tb-raila-section__header {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n\n  .tb-raila-section__main {\n    grid-template-columns: 1fr;\n  }\n\n  .tb-raila-section__assistant {\n    min-height: auto;\n  }\n\n  .tb-raila-section__questions {\n    margin-top: 30px;\n  }\n\n}\n\n\n@media (max-width: 650px) {\n\n  .tb-raila-section {\n    padding:\n      65px\n      14px;\n  }\n\n  .tb-raila-section__title {\n    font-size: 30px;\n  }\n\n  .tb-raila-section__intro {\n    font-size: 14px;\n  }\n\n  .tb-raila-section__assistant {\n    padding: 28px 22px;\n  }\n\n  .tb-raila-section__assistant h3 {\n    font-size: 24px;\n  }\n\n  .tb-raila-section__capabilities {\n    padding: 18px;\n  }\n\n  .tb-raila-section__cards {\n    grid-template-columns: 1fr;\n  }\n\n  .tb-raila-section__card {\n    min-height: auto;\n  }\n\n  .tb-raila-section__footer {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n}\n\n<\/style>\n\n\n<div class=\"tb-raila-section__container\">\n\n\n  <!-- =====================================================\n       HEADER\n       ===================================================== -->\n\n  <div class=\"tb-raila-section__header\">\n\n    <div class=\"tb-raila-section__heading\">\n\n      <div class=\"tb-raila-section__kicker\">\n        RAILA \u00b7 \u0645\u0633\u0627\u0639\u062f TaskBrowse \u0627\u0644\u0630\u0643\u064a\n      <\/div>\n\n      <h2\n        id=\"tb-raila-title\"\n        class=\"tb-raila-section__title\"\n      >\n        \u0631\u0627\u064a\u0644\u0627 \u062a\u0641\u0647\u0645 \u0645\u0627 \u064a\u062d\u062f\u062b \u062f\u0627\u062e\u0644 \u0645\u0634\u0627\u0631\u064a\u0639\u0643\n      <\/h2>\n\n    <\/div>\n\n\n    <p class=\"tb-raila-section__intro\">\n      \u0631\u0627\u064a\u0644\u0627 \u0644\u064a\u0633\u062a \u0645\u0633\u0627\u0639\u062f\u064b\u0627 \u0639\u0627\u0645\u064b\u0627 \u0645\u0646\u0641\u0635\u0644\u064b\u0627 \u0639\u0646 \u0646\u0638\u0627\u0645 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.\n      \u0641\u0647\u064a \u062a\u0633\u062a\u0637\u064a\u0639 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0633\u062c\u0644\u0629 \u0641\u064a TaskBrowse\u060c\n      \u0648\u0631\u0628\u0637 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0628\u0628\u0639\u0636\u0647\u0627\u060c \u0648\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0639\u0644\u0649 \u0627\u0643\u062a\u0634\u0627\u0641 \u0645\u0627 \u064a\u0633\u062a\u062d\u0642 \u0627\u0646\u062a\u0628\u0627\u0647\u0643\n      \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0645\u0631\u0627\u062c\u0639\u0629 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0648\u062a\u0642\u0631\u064a\u0631 \u064a\u062f\u0648\u064a\u064b\u0627.\n    <\/p>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       MAIN\n       ===================================================== -->\n\n  <div class=\"tb-raila-section__main\">\n\n\n    <!-- ===================================================\n         RAILA INTRO\n         =================================================== -->\n\n    <aside class=\"tb-raila-section__assistant\">\n\n\n      <div class=\"tb-raila-section__logo\">\n\n        <span class=\"tb-raila-section__logo-main\">\n          \u2726\n        <\/span>\n\n        <span class=\"tb-raila-section__logo-small\">\n          \u2726\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"tb-raila-section__assistant-label\">\n        RAILA\n      <\/div>\n\n\n      <h3>\n        \u0627\u0633\u0623\u0644.<br>\n        \u062d\u0644\u0651\u0644.<br>\n        \u062b\u0645 \u0642\u0631\u0651\u0631.\n      <\/h3>\n\n\n      <p>\n        \u0627\u0637\u0631\u062d \u0633\u0624\u0627\u0644\u0643 \u0628\u0644\u063a\u0629 \u0637\u0628\u064a\u0639\u064a\u0629.\n        \u0631\u0627\u064a\u0644\u0627 \u062a\u0628\u062d\u062b \u0641\u064a \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0630\u0627\u062a \u0627\u0644\u0635\u0644\u0629 \u0648\u062a\u0639\u0631\u0636 \u0644\u0643\n        \u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0628\u0637\u0631\u064a\u0642\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0627\u0644\u0648\u0636\u0639 \u0648\u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0645\u0646\u0627\u0633\u0628.\n      <\/p>\n\n\n      <div class=\"tb-raila-section__access\">\n\n        <div class=\"tb-raila-section__access-title\">\n\n          <span class=\"tb-raila-section__access-icon\">\n            \u25c9\n          <\/span>\n\n          \u062a\u0639\u0645\u0644 \u0648\u0641\u0642\u064b\u0627 \u0644\u0635\u0644\u0627\u062d\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n\n        <\/div>\n\n        <p>\n          \u0644\u0627 \u062a\u0633\u062a\u062e\u062f\u0645 \u0631\u0627\u064a\u0644\u0627 \u0625\u0644\u0627 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u0645\u0644\u0643 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n          \u0635\u0644\u0627\u062d\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u064a\u0647\u0627 \u062f\u0627\u062e\u0644 TaskBrowse.\n        <\/p>\n\n      <\/div>\n\n\n\n      <div class=\"tb-raila-section__questions\">\n\n        <div class=\"tb-raila-section__questions-label\">\n          \u064a\u0645\u0643\u0646\u0643 \u0623\u0646 \u062a\u0633\u0623\u0644 \u0645\u062b\u0644\u064b\u0627:\n        <\/div>\n\n        <div class=\"tb-raila-section__question\">\n          \u0645\u0627 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0647\u062a\u0645\u0627\u0645\u064a\u061f\n        <\/div>\n\n        <div class=\"tb-raila-section__question\">\n          \u0644\u0645\u0627\u0630\u0627 \u062a\u0623\u062e\u0631 \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u061f\n        <\/div>\n\n        <div class=\"tb-raila-section__question\">\n          \u0645\u0646 \u0644\u062f\u064a\u0647 \u0633\u0639\u0629 \u0645\u062a\u0627\u062d\u0629 \u0647\u0630\u0627 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\u061f\n        <\/div>\n\n        <div class=\"tb-raila-section__question\">\n          \u0623\u064a\u0646 \u064a\u062e\u062a\u0644\u0641 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0639\u0646 \u0627\u0644\u062e\u0637\u0629\u061f\n        <\/div>\n\n      <\/div>\n\n\n    <\/aside>\n\n\n\n    <!-- ===================================================\n         CAPABILITIES\n         =================================================== -->\n\n    <div class=\"tb-raila-section__capabilities\">\n\n\n      <div class=\"tb-raila-section__capabilities-head\">\n\n        <div class=\"tb-raila-section__capabilities-label\">\n          \u0623\u0645\u062b\u0644\u0629 \u0639\u0644\u0649 \u0645\u0627 \u062a\u0633\u062a\u0637\u064a\u0639 \u0631\u0627\u064a\u0644\u0627 \u062a\u062d\u0644\u064a\u0644\u0647\n        <\/div>\n\n        <div class=\"tb-raila-section__status\">\n          <i><\/i>\n          \u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a TaskBrowse\n        <\/div>\n\n      <\/div>\n\n\n\n      <div class=\"tb-raila-section__cards\">\n\n\n        <!-- 01 -->\n\n        <article class=\"tb-raila-section__card\">\n\n          <span class=\"tb-raila-section__card-number\">\n            01\n          <\/span>\n\n          <div class=\"tb-raila-section__card-icon\">\n            \u2691\n          <\/div>\n\n          <h4>\n            \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0646\u062a\u0628\u0627\u0647\n          <\/h4>\n\n          <p>\n            \u062a\u062d\u062f\u062f \u0631\u0627\u064a\u0644\u0627 \u0627\u0644\u062a\u0623\u062e\u064a\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a \u0648\u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u062d\u0642\n            \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0628\u062f\u0644\u064b\u0627 \u0645\u0646 \u0645\u0631\u0627\u062c\u0639\u0629 \u0643\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u064a\u062f\u0648\u064a\u064b\u0627.\n          <\/p>\n\n\n          <div class=\"tb-raila-section__mini\">\n\n            <div class=\"tb-raila-section__project-row\">\n              <span>\n                \u0645\u0634\u0631\u0648\u0639 \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\n              <\/span>\n\n              <span class=\"tb-raila-section__risk\">\n                \u064a\u062d\u062a\u0627\u062c \u0645\u062a\u0627\u0628\u0639\u0629\n              <\/span>\n            <\/div>\n\n            <div class=\"tb-raila-section__project-row\">\n              <span>\n                \u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0641\u0639\u0644\u064a\n              <\/span>\n\n              <strong>\n                64%\n              <\/strong>\n            <\/div>\n\n          <\/div>\n\n        <\/article>\n\n\n\n        <!-- 02 -->\n\n        <article class=\"tb-raila-section__card\">\n\n          <span class=\"tb-raila-section__card-number\">\n            02\n          <\/span>\n\n          <div class=\"tb-raila-section__card-icon\">\n            \u25a5\n          <\/div>\n\n          <h4>\n            \u062a\u062d\u0644\u064a\u0644 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0633\u0639\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629\n          <\/h4>\n\n          <p>\n            \u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0623\u0634\u062e\u0627\u0635 \u0627\u0644\u0630\u064a\u0646 \u064a\u0639\u0627\u0646\u0648\u0646 \u0645\u0646 \u0632\u064a\u0627\u062f\u0629 \u0641\u064a \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\u060c\n            \u0648\u0645\u0646 \u0644\u062f\u064a\u0647\u0645 \u0633\u0639\u0629 \u0644\u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0645\u0647\u0627\u0645 \u062c\u062f\u064a\u062f\u0629.\n          <\/p>\n\n\n          <div class=\"tb-raila-section__mini\">\n\n            <div class=\"tb-raila-section__bar\">\n              <span style=\"width:84%\"><\/span>\n            <\/div>\n\n            <div class=\"tb-raila-section__bar-labels\">\n              <span>\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644<\/span>\n              <span>84%<\/span>\n            <\/div>\n\n          <\/div>\n\n        <\/article>\n\n\n\n        <!-- 03 -->\n\n        <article class=\"tb-raila-section__card\">\n\n          <span class=\"tb-raila-section__card-number\">\n            03\n          <\/span>\n\n          <div class=\"tb-raila-section__card-icon\">\n            \u21c4\n          <\/div>\n\n          <h4>\n            \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0628\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0641\u0639\u0644\u064a\n          <\/h4>\n\n          <p>\n            \u062a\u0642\u0627\u0631\u0646 \u0631\u0627\u064a\u0644\u0627 \u0645\u0627 \u0643\u0627\u0646 \u0645\u062e\u0637\u0637\u064b\u0627 \u0645\u0639 \u0645\u0627 \u062d\u062f\u062b \u0641\u0639\u0644\u064b\u0627\u060c\n            \u0644\u062a\u0643\u0634\u0641 \u0627\u0644\u0641\u062c\u0648\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n          <\/p>\n\n\n          <div class=\"tb-raila-section__mini\">\n\n            <div class=\"tb-raila-section__compare\">\n\n              <span class=\"tb-raila-section__compare-label\">\n                \u0627\u0644\u0645\u062e\u0637\u0637\n              <\/span>\n\n              <span class=\"tb-raila-section__compare-value\">\n                81%\n              <\/span>\n\n              <div class=\"tb-raila-section__compare-bar tb-raila-section__compare-bar--plan\">\n                <span><\/span>\n              <\/div>\n\n\n              <span class=\"tb-raila-section__compare-label\">\n                \u0627\u0644\u0641\u0639\u0644\u064a\n              <\/span>\n\n              <span class=\"tb-raila-section__compare-value\">\n                63%\n              <\/span>\n\n              <div class=\"tb-raila-section__compare-bar tb-raila-section__compare-bar--actual\">\n                <span><\/span>\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/article>\n\n\n\n        <!-- 04 -->\n\n        <article class=\"tb-raila-section__card\">\n\n          <span class=\"tb-raila-section__card-number\">\n            04\n          <\/span>\n\n          <div class=\"tb-raila-section__card-icon\">\n            \u2197\n          <\/div>\n\n          <h4>\n            \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0627\u0646\u062d\u0631\u0627\u0641\u0627\u062a \u0627\u0644\u0632\u0645\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\n          <\/h4>\n\n          <p>\n            \u062a\u0633\u0627\u0639\u062f\u0643 \u0631\u0627\u064a\u0644\u0627 \u0639\u0644\u0649 \u0631\u0624\u064a\u0629 \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0648\u0627\u0644\u0627\u0646\u062d\u0631\u0627\u0641\u0627\u062a\n            \u0642\u0628\u0644 \u0623\u0646 \u062a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u0645\u0634\u0643\u0644\u0629 \u0623\u0643\u0628\u0631 \u0641\u064a \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n          <\/p>\n\n\n          <div class=\"tb-raila-section__mini\">\n\n            <div class=\"tb-raila-section__deviation\">\n\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n\n            <\/div>\n\n          <\/div>\n\n        <\/article>\n\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       FOOTER\n       ===================================================== -->\n\n  <div class=\"tb-raila-section__footer\">\n\n    <p>\n      <strong>\n        \u0644\u0627 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u0639\u0631\u0641\u0629 \u0627\u0633\u0645 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0623\u0648 \u0645\u0643\u0627\u0646\u0647.\n      <\/strong>\n      \u0627\u0633\u0623\u0644 \u0631\u0627\u064a\u0644\u0627 \u0639\u0645\u0627 \u062a\u0631\u064a\u062f \u0645\u0639\u0631\u0641\u062a\u0647\u060c \u0648\u0647\u064a \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u0644\u0648\u0635\u0648\u0644\n      \u0625\u0644\u0649 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0630\u0627\u062a \u0627\u0644\u0635\u0644\u0629 \u0648\u0641\u0647\u0645\u0647\u0627 \u0628\u0634\u0643\u0644 \u0623\u0633\u0631\u0639.\n    <\/p>\n\n    <a\n      href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=ar\"\n      class=\"tb-raila-section__link\"\n    >\n      \u062c\u0631\u0651\u0628 \u0627\u0644\u062a\u062d\u062f\u062b \u0645\u0639 \u0631\u0627\u064a\u0644\u0627\n      <span>\u2190<\/span>\n    <\/a>\n\n  <\/div>\n\n\n<\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- =========================================================\n     SECTION 4 \u2014 AI ANALYTICS\n     TaskBrowse\n     ========================================================= -->\n\n<section class=\"tb-ai-analytics\" dir=\"rtl\" aria-labelledby=\"tb-ai-analytics-title\">\n\n<style>\n\n.tb-ai-analytics {\n  --tb-red: #c8102e;\n  --tb-red-soft: #fff1f3;\n\n  --tb-black: #202124;\n  --tb-text: #34383f;\n  --tb-muted: #747982;\n\n  --tb-bg: #ffffff;\n  --tb-soft: #f8f7f5;\n  --tb-line: #e4e1dd;\n\n  --raila-navy: #2b3b4d;\n  --raila-orange: #ee9b3a;\n  --raila-orange-soft: #fdf2e4;\n\n  --success: #3a946d;\n  --danger: #c95c62;\n\n  position: relative;\n  overflow: hidden;\n\n  padding: 105px 22px;\n\n  background: #fff;\n}\n\n.tb-ai-analytics *,\n.tb-ai-analytics *::before,\n.tb-ai-analytics *::after {\n  box-sizing: border-box;\n}\n\n.tb-ai-analytics__container {\n  width: min(1180px, 100%);\n  margin: auto;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.tb-ai-analytics__header {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, .8fr)\n    minmax(0, 1fr);\n\n  gap: clamp(50px, 8vw, 110px);\n\n  align-items: end;\n\n  margin-bottom: 55px;\n}\n\n\n.tb-ai-analytics__heading {\n  max-width: 580px;\n}\n\n\n.tb-ai-analytics__kicker {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n\n  margin-bottom: 14px;\n\n  color: var(--tb-red);\n\n  font-size: 11px;\n  font-weight: 800;\n\n  letter-spacing: .08em;\n}\n\n\n.tb-ai-analytics__kicker::before {\n  content: \"\";\n\n  width: 28px;\n  height: 2px;\n\n  background: var(--tb-red);\n}\n\n\n.tb-ai-analytics__title {\n  margin: 0;\n\n  color: var(--tb-black);\n\n  font-size: clamp(32px, 4vw, 48px);\n  line-height: 1.4;\n\n  font-weight: 800;\n\n  letter-spacing: -.6px;\n}\n\n\n.tb-ai-analytics__intro {\n  max-width: 570px;\n\n  margin: 0;\n\n  color: #646970;\n\n  font-size: 16px;\n  line-height: 2;\n}\n\n\n\/* =========================================================\n   DASHBOARD\n   ========================================================= *\/\n\n.tb-ai-analytics__dashboard {\n  overflow: hidden;\n\n  border: 1px solid #dedbd7;\n  border-radius: 19px;\n\n  background: #fff;\n\n  box-shadow:\n    0 24px 55px rgba(30,31,34,.065);\n}\n\n\n\/* top bar *\/\n\n.tb-ai-analytics__topbar {\n  min-height: 67px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n\n  padding: 0 21px;\n\n  border-bottom: 1px solid #e8e5e2;\n\n  background: #fbfaf9;\n}\n\n\n.tb-ai-analytics__report-title {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n\n.tb-ai-analytics__report-icon {\n  width: 36px;\n  height: 36px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 9px;\n\n  background: var(--raila-navy);\n  color: var(--raila-orange);\n\n  font-size: 17px;\n}\n\n\n.tb-ai-analytics__report-copy {\n  display: flex;\n  flex-direction: column;\n}\n\n\n.tb-ai-analytics__report-copy strong {\n  color: var(--tb-black);\n\n  font-size: 12px;\n  font-weight: 800;\n}\n\n\n.tb-ai-analytics__report-copy span {\n  margin-top: 2px;\n\n  color: #898d93;\n\n  font-size: 9px;\n}\n\n\n.tb-ai-analytics__ai-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n\n  padding: 7px 10px;\n\n  border: 1px solid rgba(238,155,58,.35);\n  border-radius: 999px;\n\n  background: var(--raila-orange-soft);\n\n  color: #9a611d;\n\n  font-size: 9px;\n  font-weight: 700;\n}\n\n\n.tb-ai-analytics__ai-chip span {\n  color: var(--raila-orange);\n\n  font-size: 13px;\n}\n\n\n\/* =========================================================\n   BODY\n   ========================================================= *\/\n\n.tb-ai-analytics__body {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.25fr)\n    minmax(300px, .75fr);\n\n  min-height: 520px;\n}\n\n\n\/* =========================================================\n   REPORT VISUAL\n   ========================================================= *\/\n\n.tb-ai-analytics__visual {\n  padding: 31px;\n\n  border-left: 1px solid #e7e4e1;\n\n  background: #fff;\n}\n\n\n.tb-ai-analytics__visual-label {\n  margin-bottom: 19px;\n\n  color: #8a8e94;\n\n  font-size: 9px;\n  font-weight: 700;\n}\n\n\n\/* summary metrics *\/\n\n.tb-ai-analytics__metrics {\n  display: grid;\n\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 10px;\n\n  margin-bottom: 25px;\n}\n\n\n.tb-ai-analytics__metric {\n  padding: 14px;\n\n  border: 1px solid #e5e3df;\n  border-radius: 10px;\n\n  background: #faf9f8;\n}\n\n\n.tb-ai-analytics__metric-label {\n  color: #868a91;\n\n  font-size: 8px;\n}\n\n\n.tb-ai-analytics__metric-value {\n  display: flex;\n  align-items: baseline;\n  gap: 5px;\n\n  margin-top: 5px;\n}\n\n\n.tb-ai-analytics__metric-value strong {\n  color: var(--tb-black);\n\n  font-size: 22px;\n  font-weight: 800;\n}\n\n\n.tb-ai-analytics__metric-value span {\n  font-size: 8px;\n}\n\n\n.tb-ai-analytics__metric-value .is-good {\n  color: var(--success);\n}\n\n\n.tb-ai-analytics__metric-value .is-bad {\n  color: var(--danger);\n}\n\n\n\/* =========================================================\n   CHART\n   ========================================================= *\/\n\n.tb-ai-analytics__chart {\n  padding: 19px;\n\n  border: 1px solid #e5e3e0;\n  border-radius: 12px;\n\n  background: #fff;\n}\n\n\n.tb-ai-analytics__chart-head {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 15px;\n\n  margin-bottom: 24px;\n}\n\n\n.tb-ai-analytics__chart-head strong {\n  color: #35393f;\n\n  font-size: 11px;\n}\n\n\n.tb-ai-analytics__legend {\n  display: flex;\n  gap: 13px;\n\n  color: #858990;\n\n  font-size: 8px;\n}\n\n\n.tb-ai-analytics__legend span {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n\n\n.tb-ai-analytics__legend i {\n  width: 7px;\n  height: 7px;\n\n  border-radius: 2px;\n}\n\n\n.tb-ai-analytics__legend-plan {\n  background: #a7abb1;\n}\n\n\n.tb-ai-analytics__legend-real {\n  background: var(--raila-orange);\n}\n\n\n\/* bars *\/\n\n.tb-ai-analytics__bars {\n  height: 185px;\n\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n\n  gap: 13px;\n\n  padding-top: 15px;\n\n  border-bottom: 1px solid #dedbd8;\n\n  background:\n    repeating-linear-gradient(\n      to top,\n      transparent 0,\n      transparent 45px,\n      #f1efed 46px\n    );\n}\n\n\n.tb-ai-analytics__bar-group {\n  flex: 1;\n\n  height: 100%;\n\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n\n  gap: 4px;\n}\n\n\n.tb-ai-analytics__bar {\n  width: 16px;\n\n  border-radius: 4px 4px 0 0;\n}\n\n\n.tb-ai-analytics__bar--plan {\n  background: #a7abb1;\n}\n\n\n.tb-ai-analytics__bar--real {\n  background: var(--raila-orange);\n}\n\n\n.tb-ai-analytics__axis {\n  display: flex;\n  justify-content: space-around;\n\n  margin-top: 8px;\n\n  color: #96999f;\n\n  font-size: 8px;\n}\n\n\n\/* =========================================================\n   AI ANALYSIS SIDE\n   ========================================================= *\/\n\n.tb-ai-analytics__analysis {\n  padding: 29px 25px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f8f7f4 0%,\n      #f5f3ef 100%\n    );\n}\n\n\n.tb-ai-analytics__analysis-head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n\n  margin-bottom: 18px;\n}\n\n\n.tb-ai-analytics__raila-mark {\n  width: 35px;\n  height: 35px;\n\n  display: grid;\n  place-items: center;\n\n  flex: 0 0 auto;\n\n  border-radius: 9px;\n\n  background: var(--raila-navy);\n\n  color: var(--raila-orange);\n\n  font-size: 16px;\n}\n\n\n.tb-ai-analytics__analysis-head div {\n  display: flex;\n  flex-direction: column;\n}\n\n\n.tb-ai-analytics__analysis-head strong {\n  color: var(--tb-black);\n\n  font-size: 12px;\n}\n\n\n.tb-ai-analytics__analysis-head span {\n  margin-top: 2px;\n\n  color: #8a8e94;\n\n  font-size: 8px;\n}\n\n\n.tb-ai-analytics__analysis-text {\n  margin: 0 0 19px;\n\n  color: #61666e;\n\n  font-size: 10px;\n  line-height: 1.85;\n}\n\n\n\/* findings *\/\n\n.tb-ai-analytics__findings {\n  display: grid;\n  gap: 9px;\n}\n\n\n.tb-ai-analytics__finding {\n  position: relative;\n\n  padding: 12px 13px 12px 35px;\n\n  border: 1px solid #e3e0dc;\n  border-radius: 9px;\n\n  background: #fff;\n}\n\n\n.tb-ai-analytics__finding::after {\n  content: \"\";\n\n  position: absolute;\n\n  top: 15px;\n  left: 14px;\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n}\n\n\n.tb-ai-analytics__finding--warning::after {\n  background: var(--raila-orange);\n}\n\n\n.tb-ai-analytics__finding--danger::after {\n  background: var(--danger);\n}\n\n\n.tb-ai-analytics__finding--good::after {\n  background: var(--success);\n}\n\n\n.tb-ai-analytics__finding strong {\n  display: block;\n\n  color: #34383e;\n\n  font-size: 9px;\n  line-height: 1.6;\n}\n\n\n.tb-ai-analytics__finding p {\n  margin: 3px 0 0;\n\n  color: #858990;\n\n  font-size: 8px;\n  line-height: 1.65;\n}\n\n\n\/* recommendation *\/\n\n.tb-ai-analytics__recommendation {\n  margin-top: 15px;\n  padding: 13px;\n\n  border-right: 3px solid var(--raila-orange);\n  border-radius: 7px;\n\n  background: #fff9f1;\n}\n\n\n.tb-ai-analytics__recommendation-label {\n  color: #9a611d;\n\n  font-size: 8px;\n  font-weight: 800;\n}\n\n\n.tb-ai-analytics__recommendation p {\n  margin: 5px 0 0;\n\n  color: #63594e;\n\n  font-size: 8px;\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   ANALYSIS TYPES\n   ========================================================= *\/\n\n.tb-ai-analytics__types {\n  display: grid;\n\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 11px;\n\n  margin-top: 22px;\n}\n\n\n.tb-ai-analytics__type {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n\n  min-height: 90px;\n\n  padding: 14px;\n\n  border: 1px solid #e4e1dd;\n  border-radius: 10px;\n\n  background: #fff;\n}\n\n\n.tb-ai-analytics__type-icon {\n  width: 29px;\n  height: 29px;\n\n  display: grid;\n  place-items: center;\n\n  flex: 0 0 auto;\n\n  border-radius: 7px;\n\n  background: var(--raila-orange-soft);\n\n  color: var(--raila-orange);\n\n  font-size: 13px;\n}\n\n\n.tb-ai-analytics__type-copy {\n  display: flex;\n  flex-direction: column;\n}\n\n\n.tb-ai-analytics__type-copy strong {\n  color: #363a40;\n\n  font-size: 10px;\n  line-height: 1.5;\n}\n\n\n.tb-ai-analytics__type-copy span {\n  margin-top: 4px;\n\n  color: #858990;\n\n  font-size: 8px;\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   BOTTOM COPY\n   ========================================================= *\/\n\n.tb-ai-analytics__bottom {\n  max-width: 820px;\n\n  margin: 35px auto 0;\n\n  text-align: center;\n}\n\n\n.tb-ai-analytics__bottom p {\n  margin: 0;\n\n  color: #676c73;\n\n  font-size: 14px;\n  line-height: 1.95;\n}\n\n\n.tb-ai-analytics__bottom strong {\n  color: var(--tb-black);\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .tb-ai-analytics {\n    padding: 80px 20px;\n  }\n\n  .tb-ai-analytics__header {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n\n  .tb-ai-analytics__body {\n    grid-template-columns: 1fr;\n  }\n\n  .tb-ai-analytics__visual {\n    border-left: 0;\n    border-bottom: 1px solid #e7e4e1;\n  }\n\n}\n\n\n@media (max-width: 650px) {\n\n  .tb-ai-analytics {\n    padding:\n      65px\n      14px;\n  }\n\n  .tb-ai-analytics__title {\n    font-size: 30px;\n  }\n\n  .tb-ai-analytics__intro {\n    font-size: 14px;\n  }\n\n  .tb-ai-analytics__topbar {\n    padding-inline: 14px;\n  }\n\n  .tb-ai-analytics__ai-chip {\n    display: none;\n  }\n\n  .tb-ai-analytics__visual {\n    padding: 18px 14px;\n  }\n\n  .tb-ai-analytics__metrics {\n    grid-template-columns: 1fr;\n  }\n\n  .tb-ai-analytics__chart {\n    padding: 15px 10px;\n  }\n\n  .tb-ai-analytics__bars {\n    gap: 6px;\n  }\n\n  .tb-ai-analytics__bar {\n    width: 11px;\n  }\n\n  .tb-ai-analytics__analysis {\n    padding: 23px 16px;\n  }\n\n  .tb-ai-analytics__types {\n    grid-template-columns: 1fr 1fr;\n  }\n\n}\n\n\n@media (max-width: 440px) {\n\n  .tb-ai-analytics__types {\n    grid-template-columns: 1fr;\n  }\n\n}\n\n<\/style>\n\n\n<div class=\"tb-ai-analytics__container\">\n\n\n  <!-- =====================================================\n       HEADER\n       ===================================================== -->\n\n  <div class=\"tb-ai-analytics__header\">\n\n    <div class=\"tb-ai-analytics__heading\">\n\n      <div class=\"tb-ai-analytics__kicker\">\n        AI ANALYTICS\n      <\/div>\n\n      <h2\n        id=\"tb-ai-analytics-title\"\n        class=\"tb-ai-analytics__title\"\n      >\n        \u0644\u0627 \u062a\u0643\u062a\u0641\u0650 \u0628\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0631.\n        \u0627\u0641\u0647\u0645 \u0645\u0627 \u0648\u0631\u0627\u0621 \u0627\u0644\u0623\u0631\u0642\u0627\u0645.\n      <\/h2>\n\n    <\/div>\n\n\n    <p class=\"tb-ai-analytics__intro\">\n      \u064a\u062d\u0648\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a TaskBrowse \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u0639\u0645\u0644\n      \u0625\u0644\u0649 \u062a\u062d\u0644\u064a\u0644 \u064a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0645\u0627 \u064a\u062d\u062f\u062b \u0641\u0639\u0644\u064a\u064b\u0627:\n      \u0623\u064a\u0646 \u064a\u062a\u0631\u0643\u0632 \u0636\u063a\u0637 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0623\u064a\u0646 \u062a\u062e\u062a\u0644\u0641 \u0627\u0644\u062e\u0637\u0629 \u0639\u0646 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c\n      \u0648\u0643\u064a\u0641 \u062a\u064f\u0633\u062a\u0647\u0644\u0643 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0648\u0627\u0644\u0648\u0642\u062a.\n    <\/p>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       DASHBOARD\n       ===================================================== -->\n\n  <div class=\"tb-ai-analytics__dashboard\">\n\n\n    <!-- TOP -->\n\n    <div class=\"tb-ai-analytics__topbar\">\n\n      <div class=\"tb-ai-analytics__report-title\">\n\n        <span class=\"tb-ai-analytics__report-icon\">\n          \u25a5\n        <\/span>\n\n        <div class=\"tb-ai-analytics__report-copy\">\n\n          <strong>\n            \u062a\u0642\u0631\u064a\u0631 \u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0648\u0642\u062a\n          <\/strong>\n\n          <span>\n            \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"tb-ai-analytics__ai-chip\">\n        <span>\u2726<\/span>\n        \u062a\u062d\u0644\u064a\u0644 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- BODY -->\n\n    <div class=\"tb-ai-analytics__body\">\n\n\n      <!-- ===================================================\n           REPORT\n           =================================================== -->\n\n      <div class=\"tb-ai-analytics__visual\">\n\n        <div class=\"tb-ai-analytics__visual-label\">\n          \u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629 \u0639\u0644\u0649 \u0623\u062f\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642\n        <\/div>\n\n\n        <!-- METRICS -->\n\n        <div class=\"tb-ai-analytics__metrics\">\n\n\n          <div class=\"tb-ai-analytics__metric\">\n\n            <div class=\"tb-ai-analytics__metric-label\">\n              \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637\n            <\/div>\n\n            <div class=\"tb-ai-analytics__metric-value\">\n              <strong>426<\/strong>\n              <span>\u0633\u0627\u0639\u0629<\/span>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"tb-ai-analytics__metric\">\n\n            <div class=\"tb-ai-analytics__metric-label\">\n              \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\n            <\/div>\n\n            <div class=\"tb-ai-analytics__metric-value\">\n              <strong>451<\/strong>\n              <span>\u0633\u0627\u0639\u0629<\/span>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"tb-ai-analytics__metric\">\n\n            <div class=\"tb-ai-analytics__metric-label\">\n              \u0627\u0644\u0627\u0646\u062d\u0631\u0627\u0641\n            <\/div>\n\n            <div class=\"tb-ai-analytics__metric-value\">\n              <strong>+5.9%<\/strong>\n              <span class=\"is-bad\">\n                \u0623\u0639\u0644\u0649 \u0645\u0646 \u0627\u0644\u062e\u0637\u0629\n              <\/span>\n            <\/div>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- CHART -->\n\n        <div class=\"tb-ai-analytics__chart\">\n\n          <div class=\"tb-ai-analytics__chart-head\">\n\n            <strong>\n              \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u062e\u0644\u0627\u0644 \u0627\u0644\u0623\u0633\u0627\u0628\u064a\u0639 \u0627\u0644\u0623\u062e\u064a\u0631\u0629\n            <\/strong>\n\n\n            <div class=\"tb-ai-analytics__legend\">\n\n              <span>\n                <i class=\"tb-ai-analytics__legend-plan\"><\/i>\n                \u0627\u0644\u0645\u062e\u0637\u0637\n              <\/span>\n\n              <span>\n                <i class=\"tb-ai-analytics__legend-real\"><\/i>\n                \u0627\u0644\u0641\u0639\u0644\u064a\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"tb-ai-analytics__bars\">\n\n            <div class=\"tb-ai-analytics__bar-group\">\n              <span\n                class=\"tb-ai-analytics__bar tb-ai-analytics__bar--plan\"\n                style=\"height:55%\"\n              ><\/span>\n\n              <span\n                class=\"tb-ai-analytics__bar tb-ai-analytics__bar--real\"\n                style=\"height:61%\"\n              ><\/span>\n            <\/div>\n\n\n            <div class=\"tb-ai-analytics__bar-group\">\n              <span\n                class=\"tb-ai-analytics__bar tb-ai-analytics__bar--plan\"\n                style=\"height:68%\"\n              ><\/span>\n\n              <span\n                class=\"tb-ai-analytics__bar tb-ai-analytics__bar--real\"\n                style=\"height:65%\"\n              ><\/span>\n            <\/div>\n\n\n            <div class=\"tb-ai-analytics__bar-group\">\n              <span\n                class=\"tb-ai-analytics__bar tb-ai-analytics__bar--plan\"\n                style=\"height:60%\"\n              ><\/span>\n\n              <span\n                class=\"tb-ai-analytics__bar tb-ai-analytics__bar--real\"\n                style=\"height:77%\"\n              ><\/span>\n            <\/div>\n\n\n            <div class=\"tb-ai-analytics__bar-group\">\n              <span\n                class=\"tb-ai-analytics__bar tb-ai-analytics__bar--plan\"\n                style=\"height:76%\"\n              ><\/span>\n\n              <span\n                class=\"tb-ai-analytics__bar tb-ai-analytics__bar--real\"\n                style=\"height:84%\"\n              ><\/span>\n            <\/div>\n\n\n            <div class=\"tb-ai-analytics__bar-group\">\n              <span\n                class=\"tb-ai-analytics__bar tb-ai-analytics__bar--plan\"\n                style=\"height:72%\"\n              ><\/span>\n\n              <span\n                class=\"tb-ai-analytics__bar tb-ai-analytics__bar--real\"\n                style=\"height:69%\"\n              ><\/span>\n            <\/div>\n\n\n          <\/div>\n\n\n          <div class=\"tb-ai-analytics__axis\">\n\n            <span>\u0627\u0644\u0623\u0633\u0628\u0648\u0639 1<\/span>\n            <span>\u0627\u0644\u0623\u0633\u0628\u0648\u0639 2<\/span>\n            <span>\u0627\u0644\u0623\u0633\u0628\u0648\u0639 3<\/span>\n            <span>\u0627\u0644\u0623\u0633\u0628\u0648\u0639 4<\/span>\n            <span>\u0627\u0644\u0623\u0633\u0628\u0648\u0639 5<\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           AI ANALYSIS\n           =================================================== -->\n\n      <aside class=\"tb-ai-analytics__analysis\">\n\n\n        <div class=\"tb-ai-analytics__analysis-head\">\n\n          <span class=\"tb-ai-analytics__raila-mark\">\n            \u2726\n          <\/span>\n\n          <div>\n            <strong>\n              \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0630\u0643\u064a\n            <\/strong>\n\n            <span>\n              \u0627\u0633\u062a\u0646\u0627\u062f\u064b\u0627 \u0625\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0642\u0631\u064a\u0631\n            <\/span>\n          <\/div>\n\n        <\/div>\n\n\n        <p class=\"tb-ai-analytics__analysis-text\">\n          \u064a\u0638\u0647\u0631 \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0623\u0646 \u0627\u0644\u0641\u0631\u064a\u0642 \u064a\u0639\u0645\u0644 \u0642\u0631\u064a\u0628\u064b\u0627 \u0645\u0646 \u0627\u0644\u062e\u0637\u0629 \u0625\u062c\u0645\u0627\u0644\u064b\u0627\u060c\n          \u0644\u0643\u0646 \u062a\u0648\u062c\u062f \u0628\u0639\u0636 \u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u062d\u0642 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629.\n        <\/p>\n\n\n\n        <div class=\"tb-ai-analytics__findings\">\n\n\n          <div class=\"tb-ai-analytics__finding tb-ai-analytics__finding--warning\">\n\n            <strong>\n              \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u063a\u064a\u0631 \u0645\u062a\u0648\u0627\u0632\u0646\n            <\/strong>\n\n            <p>\n              \u064a\u062a\u0631\u0643\u0632 \u062c\u0632\u0621 \u0643\u0628\u064a\u0631 \u0645\u0646 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0644\u062f\u0649 \u0639\u0636\u0648\u064a\u0646 \u0645\u0646 \u0627\u0644\u0641\u0631\u064a\u0642.\n            <\/p>\n\n          <\/div>\n\n\n\n          <div class=\"tb-ai-analytics__finding tb-ai-analytics__finding--danger\">\n\n            <strong>\n              \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0641\u064a \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u0631\u0627\u0628\u0639\n            <\/strong>\n\n            <p>\n              \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0623\u0639\u0644\u0649 \u0645\u0646 \u0627\u0644\u0645\u062e\u0637\u0637 \u0628\u0634\u0643\u0644 \u0645\u0644\u062d\u0648\u0638.\n            <\/p>\n\n          <\/div>\n\n\n\n          <div class=\"tb-ai-analytics__finding tb-ai-analytics__finding--good\">\n\n            <strong>\n              \u062a\u062d\u0633\u0646 \u0641\u064a \u062f\u0642\u0629 \u0627\u0644\u062a\u062e\u0637\u064a\u0637\n            <\/strong>\n\n            <p>\n              \u0627\u0646\u062e\u0641\u0636 \u0627\u0644\u0641\u0631\u0642 \u0628\u064a\u0646 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637 \u0648\u0627\u0644\u0641\u0639\u0644\u064a \u0641\u064a \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u0623\u062e\u064a\u0631.\n            <\/p>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <div class=\"tb-ai-analytics__recommendation\">\n\n          <div class=\"tb-ai-analytics__recommendation-label\">\n            \u062a\u0648\u0635\u064a\u0629\n          <\/div>\n\n          <p>\n            \u0631\u0627\u062c\u0639 \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0647\u0627\u0645 \u0639\u0644\u0649 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642 \u0642\u0628\u0644 \u0627\u0644\u062a\u062e\u0637\u064a\u0637\n            \u0644\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u0642\u0627\u062f\u0645\u060c \u0648\u062e\u0635\u0648\u0635\u064b\u0627 \u0627\u0644\u0645\u0647\u0627\u0645 \u0630\u0627\u062a \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0641\u0639\u0629.\n          <\/p>\n\n        <\/div>\n\n\n      <\/aside>\n\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       ANALYSIS TYPES\n       ===================================================== -->\n\n  <div class=\"tb-ai-analytics__types\">\n\n\n    <div class=\"tb-ai-analytics__type\">\n\n      <span class=\"tb-ai-analytics__type-icon\">\n        \u2696\n      <\/span>\n\n      <div class=\"tb-ai-analytics__type-copy\">\n        <strong>\n          \u062a\u0648\u0627\u0632\u0646 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\n        <\/strong>\n\n        <span>\n          \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0636\u063a\u0637 \u0627\u0644\u0632\u0627\u0626\u062f \u0648\u0627\u0644\u0633\u0639\u0629 \u063a\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629.\n        <\/span>\n      <\/div>\n\n    <\/div>\n\n\n\n    <div class=\"tb-ai-analytics__type\">\n\n      <span class=\"tb-ai-analytics__type-icon\">\n        \u25ce\n      <\/span>\n\n      <div class=\"tb-ai-analytics__type-copy\">\n        <strong>\n          \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u0644\u062a\u0631\u0643\u064a\u0632\n        <\/strong>\n\n        <span>\n          \u0641\u0647\u0645 \u0643\u064a\u0641\u064a\u0629 \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0648\u0642\u062a \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u062e\u0637\u0629.\n        <\/span>\n      <\/div>\n\n    <\/div>\n\n\n\n    <div class=\"tb-ai-analytics__type\">\n\n      <span class=\"tb-ai-analytics__type-icon\">\n        $\n      <\/span>\n\n      <div class=\"tb-ai-analytics__type-copy\">\n        <strong>\n          \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0643\u0644\u0641\u0629\n        <\/strong>\n\n        <span>\n          \u062a\u062d\u0644\u064a\u0644 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u0639\u0645\u0644 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.\n        <\/span>\n      <\/div>\n\n    <\/div>\n\n\n\n    <div class=\"tb-ai-analytics__type\">\n\n      <span class=\"tb-ai-analytics__type-icon\">\n        \u21c4\n      <\/span>\n\n      <div class=\"tb-ai-analytics__type-copy\">\n        <strong>\n          \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630\n        <\/strong>\n\n        <span>\n          \u0645\u0642\u0627\u0631\u0646\u0629 \u0645\u0627 \u062a\u0645 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0644\u0647 \u0628\u0645\u0627 \u062d\u062f\u062b \u0641\u0639\u0644\u064a\u064b\u0627.\n        <\/span>\n      <\/div>\n\n    <\/div>\n\n\n\n    <div class=\"tb-ai-analytics__type\">\n\n      <span class=\"tb-ai-analytics__type-icon\">\n        \u224b\n      <\/span>\n\n      <div class=\"tb-ai-analytics__type-copy\">\n        <strong>\n          \u0627\u0644\u0627\u062a\u0633\u0627\u0642 \u0641\u064a \u0627\u0644\u0623\u062f\u0627\u0621\n        <\/strong>\n\n        <span>\n          \u0642\u064a\u0627\u0633 \u0645\u062f\u0649 \u0648\u0627\u0642\u0639\u064a\u0629 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0648\u062b\u0628\u0627\u062a \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n        <\/span>\n      <\/div>\n\n    <\/div>\n\n\n\n    <div class=\"tb-ai-analytics__type\">\n\n      <span class=\"tb-ai-analytics__type-icon\">\n        \u2713\n      <\/span>\n\n      <div class=\"tb-ai-analytics__type-copy\">\n        <strong>\n          \u0627\u062a\u0633\u0627\u0642 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0648\u0642\u062a\n        <\/strong>\n\n        <span>\n          \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0627\u062e\u062a\u0644\u0627\u0641\u0627\u062a \u0648\u0639\u062f\u0645 \u0627\u0644\u0627\u0646\u062a\u0638\u0627\u0645 \u0641\u064a \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0639\u0645\u0644.\n        <\/span>\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       BOTTOM\n       ===================================================== -->\n\n  <div class=\"tb-ai-analytics__bottom\">\n\n    <p>\n      <strong>\n        \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u062a\u062e\u0628\u0631\u0643 \u0628\u0645\u0627 \u062d\u062f\u062b\u060c \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u064a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0627\u0644\u0633\u0628\u0628.\n      <\/strong>\n      \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c \u064a\u0645\u0643\u0646 \u0644\u062a\u0642\u0627\u0631\u064a\u0631 TaskBrowse\n      \u0623\u0646 \u062a\u062a\u062d\u0648\u0644 \u0645\u0646 \u0645\u062c\u0631\u062f \u0628\u064a\u0627\u0646\u0627\u062a \u0625\u0644\u0649 \u0645\u0624\u0634\u0631\u0627\u062a \u0648\u062a\u0648\u0635\u064a\u0627\u062a \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645.\n    <\/p>\n\n  <\/div>\n\n\n<\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- =========================================================\n     SECTION 5 \u2014 AI INSIDE TASK CREATION\n     Time Estimation + Tag Suggestions\n     ========================================================= -->\n\n<section class=\"tb-ai-task\" dir=\"rtl\" aria-labelledby=\"tb-ai-task-title\">\n\n<style>\n\n.tb-ai-task {\n  --tb-red: #c8102e;\n  --tb-red-soft: #fff1f3;\n\n  --tb-black: #202124;\n  --tb-text: #363a40;\n  --tb-muted: #777c84;\n\n  --tb-bg: #f7f6f3;\n  --tb-white: #ffffff;\n  --tb-line: #e2dfdb;\n\n  --raila-navy: #2b3b4d;\n  --raila-orange: #ee9b3a;\n  --raila-orange-soft: #fff2e2;\n\n  padding: 105px 22px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f8f7f4 0%,\n      #f5f4f1 100%\n    );\n}\n\n.tb-ai-task *,\n.tb-ai-task *::before,\n.tb-ai-task *::after {\n  box-sizing: border-box;\n}\n\n.tb-ai-task__container {\n  width: min(1180px, 100%);\n  margin: auto;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.tb-ai-task__header {\n  display: grid;\n  grid-template-columns: minmax(0, .85fr) minmax(0, 1fr);\n\n  gap: clamp(50px, 8vw, 110px);\n\n  align-items: end;\n\n  margin-bottom: 52px;\n}\n\n.tb-ai-task__kicker {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n\n  margin-bottom: 14px;\n\n  color: var(--tb-red);\n\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: .08em;\n}\n\n.tb-ai-task__kicker::before {\n  content: \"\";\n\n  width: 28px;\n  height: 2px;\n\n  background: var(--tb-red);\n}\n\n.tb-ai-task__title {\n  margin: 0;\n\n  color: var(--tb-black);\n\n  font-size: clamp(32px, 4vw, 48px);\n  line-height: 1.38;\n\n  font-weight: 800;\n}\n\n.tb-ai-task__intro {\n  margin: 0;\n\n  color: #656a71;\n\n  font-size: 16px;\n  line-height: 2;\n}\n\n\n\/* =========================================================\n   MAIN LAYOUT\n   ========================================================= *\/\n\n.tb-ai-task__main {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.25fr)\n    minmax(310px, .75fr);\n\n  gap: 22px;\n}\n\n\n\/* =========================================================\n   TASK FORM\n   ========================================================= *\/\n\n.tb-ai-task__form {\n  overflow: hidden;\n\n  border: 1px solid #ddd9d5;\n  border-radius: 18px;\n\n  background: #fff;\n\n  box-shadow:\n    0 22px 50px rgba(30,31,34,.065);\n}\n\n\n\/* top *\/\n\n.tb-ai-task__form-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n\n  min-height: 66px;\n\n  padding: 0 20px;\n\n  border-bottom: 1px solid #e7e4e1;\n\n  background: #fbfaf9;\n}\n\n.tb-ai-task__form-title {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.tb-ai-task__form-icon {\n  width: 35px;\n  height: 35px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 8px;\n\n  background: var(--tb-black);\n  color: #fff;\n\n  font-size: 15px;\n}\n\n.tb-ai-task__form-copy {\n  display: flex;\n  flex-direction: column;\n}\n\n.tb-ai-task__form-copy strong {\n  color: var(--tb-black);\n\n  font-size: 12px;\n}\n\n.tb-ai-task__form-copy span {\n  margin-top: 2px;\n\n  color: #888c92;\n\n  font-size: 9px;\n}\n\n.tb-ai-task__status {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n\n  color: #777c83;\n\n  font-size: 9px;\n}\n\n.tb-ai-task__status i {\n  width: 6px;\n  height: 6px;\n\n  border-radius: 50%;\n\n  background: #3c966f;\n}\n\n\n\/* body *\/\n\n.tb-ai-task__form-body {\n  padding: 28px;\n}\n\n\n\/* field *\/\n\n.tb-ai-task__field {\n  margin-bottom: 24px;\n}\n\n.tb-ai-task__field-label {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 15px;\n\n  margin-bottom: 8px;\n}\n\n.tb-ai-task__field-label strong {\n  color: #3a3e44;\n\n  font-size: 10px;\n}\n\n.tb-ai-task__ai-label {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n\n  color: #9a611d;\n\n  font-size: 8px;\n  font-weight: 700;\n}\n\n.tb-ai-task__ai-label span {\n  color: var(--raila-orange);\n}\n\n.tb-ai-task__input {\n  min-height: 46px;\n\n  display: flex;\n  align-items: center;\n\n  padding: 0 13px;\n\n  border: 1px solid #dadce1;\n  border-radius: 8px;\n\n  background: #fff;\n\n  color: #40444a;\n\n  font-size: 11px;\n}\n\n\n\/* =========================================================\n   ESTIMATE FIELD\n   ========================================================= *\/\n\n.tb-ai-task__estimate-box {\n  display: grid;\n\n  grid-template-columns: minmax(0, 1fr) auto;\n\n  gap: 8px;\n}\n\n.tb-ai-task__estimate-input {\n  min-height: 46px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 0 13px;\n\n  border: 1px solid #dadce1;\n  border-radius: 8px;\n\n  background: #fff;\n\n  color: #4b4f55;\n\n  font-size: 11px;\n}\n\n.tb-ai-task__estimate-value {\n  color: var(--tb-black);\n\n  font-weight: 700;\n}\n\n.tb-ai-task__estimate-unit {\n  color: #8b8f95;\n\n  font-size: 9px;\n}\n\n.tb-ai-task__ai-button {\n  min-width: 48px;\n\n  display: grid;\n  place-items: center;\n\n  border: 1px solid rgba(238,155,58,.35);\n  border-radius: 8px;\n\n  background: var(--raila-orange-soft);\n\n  color: var(--raila-orange);\n\n  font-size: 17px;\n}\n\n\n\/* AI estimate result *\/\n\n.tb-ai-task__estimate-result {\n  margin-top: 9px;\n  padding: 13px;\n\n  border: 1px solid #e6e1da;\n  border-radius: 9px;\n\n  background: #fbfaf8;\n}\n\n.tb-ai-task__estimate-result-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 12px;\n}\n\n.tb-ai-task__estimate-result-head strong {\n  color: #3e4248;\n\n  font-size: 9px;\n}\n\n.tb-ai-task__estimate-result-head span {\n  color: var(--raila-orange-dark, #d8892b);\n\n  font-size: 11px;\n  font-weight: 800;\n}\n\n.tb-ai-task__similar {\n  display: grid;\n  gap: 5px;\n\n  margin-top: 10px;\n}\n\n.tb-ai-task__similar-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 10px;\n\n  color: #777c83;\n\n  font-size: 8px;\n}\n\n.tb-ai-task__similar-row strong {\n  color: #555a61;\n\n  font-size: 8px;\n}\n\n\n\/* =========================================================\n   TAGS\n   ========================================================= *\/\n\n.tb-ai-task__tags-box {\n  min-height: 55px;\n\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 7px;\n\n  padding: 9px 10px;\n\n  border: 1px solid #dadce1;\n  border-radius: 8px;\n\n  background: #fff;\n}\n\n.tb-ai-task__tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n\n  padding: 5px 8px;\n\n  border-radius: 999px;\n\n  background: #f2f2f1;\n\n  color: #53575d;\n\n  font-size: 8px;\n}\n\n.tb-ai-task__tag--ai {\n  border: 1px solid rgba(238,155,58,.32);\n\n  background: var(--raila-orange-soft);\n\n  color: #9a611d;\n}\n\n.tb-ai-task__tag--ai::before {\n  content: \"\u2726\";\n\n  color: var(--raila-orange);\n}\n\n.tb-ai-task__tag-trigger {\n  margin-inline-start: auto;\n\n  width: 31px;\n  height: 31px;\n\n  display: grid;\n  place-items: center;\n\n  border: 1px solid rgba(238,155,58,.35);\n  border-radius: 7px;\n\n  background: var(--raila-orange-soft);\n\n  color: var(--raila-orange);\n\n  font-size: 13px;\n}\n\n\n\/* =========================================================\n   FOOTER OF FORM\n   ========================================================= *\/\n\n.tb-ai-task__form-footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n\n  padding: 16px 20px;\n\n  border-top: 1px solid #e7e4e1;\n\n  background: #fbfaf9;\n}\n\n.tb-ai-task__footer-btn {\n  min-height: 36px;\n\n  padding: 0 15px;\n\n  border-radius: 7px;\n\n  font-family: inherit;\n  font-size: 9px;\n  font-weight: 700;\n}\n\n.tb-ai-task__footer-btn--ghost {\n  border: 1px solid #d8d8dc;\n\n  background: #fff;\n  color: #62676d;\n}\n\n.tb-ai-task__footer-btn--primary {\n  border: 1px solid var(--tb-red);\n\n  background: var(--tb-red);\n  color: #fff;\n}\n\n\n\/* =========================================================\n   SIDE EXPLANATION\n   ========================================================= *\/\n\n.tb-ai-task__side {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.tb-ai-task__feature {\n  flex: 1;\n\n  padding: 24px;\n\n  border: 1px solid #dedbd7;\n  border-radius: 15px;\n\n  background: #fff;\n}\n\n.tb-ai-task__feature-icon {\n  width: 42px;\n  height: 42px;\n\n  display: grid;\n  place-items: center;\n\n  margin-bottom: 17px;\n\n  border-radius: 10px;\n\n  background: var(--raila-navy);\n\n  color: var(--raila-orange);\n\n  font-size: 18px;\n}\n\n.tb-ai-task__feature-number {\n  margin-bottom: 6px;\n\n  color: var(--tb-red);\n\n  font-size: 9px;\n  font-weight: 800;\n}\n\n.tb-ai-task__feature h3 {\n  margin: 0;\n\n  color: var(--tb-black);\n\n  font-size: 18px;\n  line-height: 1.55;\n}\n\n.tb-ai-task__feature p {\n  margin: 9px 0 0;\n\n  color: #747981;\n\n  font-size: 11px;\n  line-height: 1.9;\n}\n\n.tb-ai-task__feature-list {\n  display: grid;\n  gap: 7px;\n\n  margin-top: 16px;\n}\n\n.tb-ai-task__feature-list span {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n\n  color: #60656c;\n\n  font-size: 9px;\n}\n\n.tb-ai-task__feature-list span::before {\n  content: \"\u2713\";\n\n  width: 17px;\n  height: 17px;\n\n  display: grid;\n  place-items: center;\n\n  flex: 0 0 auto;\n\n  border-radius: 50%;\n\n  background: var(--raila-orange-soft);\n\n  color: var(--raila-orange);\n\n  font-size: 9px;\n}\n\n\n\/* =========================================================\n   BOTTOM MESSAGE\n   ========================================================= *\/\n\n.tb-ai-task__bottom {\n  max-width: 840px;\n\n  margin: 36px auto 0;\n\n  text-align: center;\n}\n\n.tb-ai-task__bottom p {\n  margin: 0;\n\n  color: #676c73;\n\n  font-size: 14px;\n  line-height: 1.95;\n}\n\n.tb-ai-task__bottom strong {\n  color: var(--tb-black);\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .tb-ai-task {\n    padding: 80px 20px;\n  }\n\n  .tb-ai-task__header {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n\n  .tb-ai-task__main {\n    grid-template-columns: 1fr;\n  }\n\n  .tb-ai-task__side {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n  }\n\n}\n\n\n@media (max-width: 650px) {\n\n  .tb-ai-task {\n    padding:\n      65px\n      14px;\n  }\n\n  .tb-ai-task__title {\n    font-size: 30px;\n  }\n\n  .tb-ai-task__intro {\n    font-size: 14px;\n  }\n\n  .tb-ai-task__form-body {\n    padding: 19px 14px;\n  }\n\n  .tb-ai-task__estimate-box {\n    grid-template-columns: 1fr;\n  }\n\n  .tb-ai-task__ai-button {\n    min-height: 41px;\n  }\n\n  .tb-ai-task__side {\n    grid-template-columns: 1fr;\n  }\n\n}\n\n<\/style>\n\n\n<div class=\"tb-ai-task__container\">\n\n\n  <!-- =====================================================\n       HEADER\n       ===================================================== -->\n\n  <div class=\"tb-ai-task__header\">\n\n    <div>\n\n      <div class=\"tb-ai-task__kicker\">\n        AI \u0623\u062b\u0646\u0627\u0621 \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u0647\u0627\u0645\n      <\/div>\n\n      <h2\n        id=\"tb-ai-task-title\"\n        class=\"tb-ai-task__title\"\n      >\n        \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u064a\u0633\u0627\u0639\u062f\u0643 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0628\u062f\u0623 \u0627\u0644\u0645\u0647\u0645\u0629\n      <\/h2>\n\n    <\/div>\n\n\n    <p class=\"tb-ai-task__intro\">\n      \u0644\u0627 \u064a\u0628\u062f\u0623 \u062f\u0648\u0631 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a TaskBrowse \u0628\u0639\u062f \u0627\u0646\u062a\u0647\u0627\u0621 \u0627\u0644\u0639\u0645\u0644 \u0641\u0642\u0637.\n      \u0623\u062b\u0646\u0627\u0621 \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0646\u0634\u0627\u0637 \u0646\u0641\u0633\u0647\u060c \u064a\u0645\u0643\u0646\u0647 \u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639\n      \u0648\u0627\u0642\u062a\u0631\u0627\u062d \u0627\u0644\u0648\u0633\u0648\u0645 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0627\u0639\u062a\u0645\u0627\u062f\u064b\u0627 \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0633\u0627\u0628\u0642\u0629.\n    <\/p>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       MAIN\n       ===================================================== -->\n\n  <div class=\"tb-ai-task__main\">\n\n\n    <!-- ===================================================\n         TASK FORM\n         =================================================== -->\n\n    <div class=\"tb-ai-task__form\">\n\n\n      <div class=\"tb-ai-task__form-top\">\n\n        <div class=\"tb-ai-task__form-title\">\n\n          <span class=\"tb-ai-task__form-icon\">\n            \u2713\n          <\/span>\n\n          <div class=\"tb-ai-task__form-copy\">\n            <strong>\n              \u0625\u0646\u0634\u0627\u0621 \u0646\u0634\u0627\u0637\n            <\/strong>\n\n            <span>\n              \u0645\u0634\u0631\u0648\u0639 \u062a\u0637\u0648\u064a\u0631 \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\n            <\/span>\n          <\/div>\n\n        <\/div>\n\n\n        <span class=\"tb-ai-task__status\">\n          <i><\/i>\n          \u0645\u0633\u0648\u062f\u0629\n        <\/span>\n\n      <\/div>\n\n\n\n      <div class=\"tb-ai-task__form-body\">\n\n\n        <!-- TITLE -->\n\n        <div class=\"tb-ai-task__field\">\n\n          <div class=\"tb-ai-task__field-label\">\n            <strong>\n              \u0627\u0633\u0645 \u0627\u0644\u0646\u0634\u0627\u0637\n            <\/strong>\n          <\/div>\n\n          <div class=\"tb-ai-task__input\">\n            \u062a\u0635\u0645\u064a\u0645 \u0635\u0641\u062d\u0629 \u0644\u0648\u062d\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0639\u0645\u064a\u0644\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- ESTIMATE -->\n\n        <div class=\"tb-ai-task__field\">\n\n          <div class=\"tb-ai-task__field-label\">\n\n            <strong>\n              \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u064a\n            <\/strong>\n\n            <span class=\"tb-ai-task__ai-label\">\n              <span>\u2726<\/span>\n              \u062a\u0642\u062f\u064a\u0631 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"tb-ai-task__estimate-box\">\n\n            <div class=\"tb-ai-task__estimate-input\">\n\n              <span class=\"tb-ai-task__estimate-value\">\n                12\n              <\/span>\n\n              <span class=\"tb-ai-task__estimate-unit\">\n                \u0633\u0627\u0639\u0629\n              <\/span>\n\n            <\/div>\n\n            <button\n              class=\"tb-ai-task__ai-button\"\n              type=\"button\"\n              aria-label=\"\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0648\u0642\u062a \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\"\n            >\n              \u2726\n            <\/button>\n\n          <\/div>\n\n\n          <div class=\"tb-ai-task__estimate-result\">\n\n            <div class=\"tb-ai-task__estimate-result-head\">\n\n              <strong>\n                \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\n              <\/strong>\n\n              <span>\n                10\u201312 \u0633\u0627\u0639\u0629\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"tb-ai-task__similar\">\n\n              <div class=\"tb-ai-task__similar-row\">\n                <span>\n                  \u062a\u0635\u0645\u064a\u0645 \u0644\u0648\u062d\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                <\/span>\n\n                <strong>\n                  11 \u0633\u0627\u0639\u0629\n                <\/strong>\n              <\/div>\n\n              <div class=\"tb-ai-task__similar-row\">\n                <span>\n                  \u062a\u0635\u0645\u064a\u0645 \u0635\u0641\u062d\u0629 \u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0639\u0645\u064a\u0644\n                <\/span>\n\n                <strong>\n                  9.5 \u0633\u0627\u0639\u0629\n                <\/strong>\n              <\/div>\n\n              <div class=\"tb-ai-task__similar-row\">\n                <span>\n                  \u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u062c\u0647\u0629 \u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0645\n                <\/span>\n\n                <strong>\n                  12 \u0633\u0627\u0639\u0629\n                <\/strong>\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- TAGS -->\n\n        <div class=\"tb-ai-task__field\">\n\n          <div class=\"tb-ai-task__field-label\">\n\n            <strong>\n              \u0627\u0644\u0648\u0633\u0648\u0645\n            <\/strong>\n\n            <span class=\"tb-ai-task__ai-label\">\n              <span>\u2726<\/span>\n              \u0627\u0642\u062a\u0631\u0627\u062d\u0627\u062a \u0630\u0643\u064a\u0629\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"tb-ai-task__tags-box\">\n\n            <span class=\"tb-ai-task__tag\">\n              UI\/UX\n            <\/span>\n\n            <span class=\"tb-ai-task__tag tb-ai-task__tag--ai\">\n              Dashboard\n            <\/span>\n\n            <span class=\"tb-ai-task__tag tb-ai-task__tag--ai\">\n              Customer Portal\n            <\/span>\n\n            <span class=\"tb-ai-task__tag tb-ai-task__tag--ai\">\n              Frontend\n            <\/span>\n\n            <button\n              class=\"tb-ai-task__tag-trigger\"\n              type=\"button\"\n              aria-label=\"\u0627\u0642\u062a\u0631\u0627\u062d \u0627\u0644\u0648\u0633\u0648\u0645 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\"\n            >\n              \u2726\n            <\/button>\n\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <div class=\"tb-ai-task__form-footer\">\n\n        <button\n          class=\"tb-ai-task__footer-btn tb-ai-task__footer-btn--ghost\"\n          type=\"button\"\n        >\n          \u0625\u0644\u063a\u0627\u0621\n        <\/button>\n\n        <button\n          class=\"tb-ai-task__footer-btn tb-ai-task__footer-btn--primary\"\n          type=\"button\"\n        >\n          \u062d\u0641\u0638 \u0627\u0644\u0646\u0634\u0627\u0637\n        <\/button>\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- ===================================================\n         FEATURES\n         =================================================== -->\n\n    <div class=\"tb-ai-task__side\">\n\n\n      <!-- TIME -->\n\n      <article class=\"tb-ai-task__feature\">\n\n        <div class=\"tb-ai-task__feature-icon\">\n          \u25f7\n        <\/div>\n\n        <div class=\"tb-ai-task__feature-number\">\n          01\n        <\/div>\n\n        <h3>\n          \u062a\u0642\u062f\u064a\u0631 \u0648\u0642\u062a \u0627\u0644\u0645\u0647\u0645\u0629 \u0628\u0630\u0643\u0627\u0621\n        <\/h3>\n\n        <p>\n          \u064a\u062d\u0644\u0644 TaskBrowse \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0645\u0634\u0627\u0628\u0647\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\n          \u0648\u064a\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0623\u0648 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u064a \u0627\u0644\u0645\u0633\u062c\u0644\n          \u0644\u0627\u0642\u062a\u0631\u0627\u062d \u0645\u062f\u0629 \u0623\u0643\u062b\u0631 \u0648\u0627\u0642\u0639\u064a\u0629 \u0644\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u062c\u062f\u064a\u062f.\n        <\/p>\n\n\n        <div class=\"tb-ai-task__feature-list\">\n\n          <span>\n            \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0623\u0646\u0634\u0637\u0629 \u0645\u0634\u0627\u0628\u0647\u0629 \u0633\u0627\u0628\u0642\u0629\n          <\/span>\n\n          <span>\n            \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637\n          <\/span>\n\n          <span>\n            \u064a\u062f\u0639\u0645 \u062d\u0633\u0627\u0628 \u0627\u0644\u0633\u0639\u0629 \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629\n          <\/span>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- TAGS -->\n\n      <article class=\"tb-ai-task__feature\">\n\n        <div class=\"tb-ai-task__feature-icon\">\n          #\n        <\/div>\n\n        <div class=\"tb-ai-task__feature-number\">\n          02\n        <\/div>\n\n        <h3>\n          \u0648\u0633\u0648\u0645 \u0645\u0646\u0627\u0633\u0628\u0629 \u062f\u0648\u0646 \u0628\u062d\u062b \u064a\u062f\u0648\u064a\n        <\/h3>\n\n        <p>\n          \u064a\u0642\u062a\u0631\u062d \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0633\u0648\u0645\u064b\u0627 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0646\u0634\u0627\u0637\u060c\n          \u0633\u0648\u0627\u0621 \u0645\u0646 \u0627\u0644\u0648\u0633\u0648\u0645 \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629 \u0645\u0633\u0628\u0642\u064b\u0627 \u0623\u0648 \u0639\u0628\u0631 \u0627\u0642\u062a\u0631\u0627\u062d\n          \u0648\u0633\u0648\u0645 \u062c\u062f\u064a\u062f\u0629 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629.\n        <\/p>\n\n\n        <div class=\"tb-ai-task__feature-list\">\n\n          <span>\n            \u062a\u0635\u0646\u064a\u0641 \u0623\u0633\u0631\u0639 \u0644\u0644\u0645\u0647\u0627\u0645\n          <\/span>\n\n          <span>\n            \u062a\u0642\u0627\u0631\u064a\u0631 \u0623\u062f\u0642 \u0627\u0639\u062a\u0645\u0627\u062f\u064b\u0627 \u0639\u0644\u0649 \u0627\u0644\u0648\u0633\u0648\u0645\n          <\/span>\n\n          <span>\n            \u062a\u0646\u0638\u064a\u0645 \u0623\u0643\u062b\u0631 \u0627\u062a\u0633\u0627\u0642\u064b\u0627 \u0644\u0644\u0623\u0646\u0634\u0637\u0629\n          <\/span>\n\n        <\/div>\n\n      <\/article>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       BOTTOM\n       ===================================================== -->\n\n  <div class=\"tb-ai-task__bottom\">\n\n    <p>\n      <strong>\n        \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0647\u0646\u0627 \u0644\u0627 \u064a\u062a\u062e\u0630 \u0627\u0644\u0642\u0631\u0627\u0631 \u0628\u062f\u0644\u064b\u0627 \u0645\u0646\u0643.\n      <\/strong>\n      \u0628\u0644 \u064a\u0642\u062f\u0645 \u0644\u0643 \u0627\u0642\u062a\u0631\u0627\u062d\u064b\u0627 \u0645\u0628\u0646\u064a\u064b\u0627 \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\u060c\n      \u0648\u064a\u0645\u0643\u0646\u0643 \u0645\u0631\u0627\u062c\u0639\u062a\u0647 \u0623\u0648 \u062a\u0639\u062f\u064a\u0644\u0647 \u0642\u0628\u0644 \u062d\u0641\u0638 \u0627\u0644\u0646\u0634\u0627\u0637.\n    <\/p>\n\n  <\/div>\n\n\n<\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- =========================================================\n     SECTION 6 \u2014 AI MEETING MANAGEMENT\n     FIXED ICONS WITH SVG\n     ========================================================= -->\n\n<section class=\"tb-ai-meeting\" dir=\"rtl\" aria-labelledby=\"tb-ai-meeting-title\">\n\n<style>\n\n.tb-ai-meeting {\n  --tb-red: #c8102e;\n  --tb-red-dark: #aa0d27;\n  --tb-red-soft: #fff2f4;\n\n  --tb-black: #202124;\n  --tb-text: #373b42;\n  --tb-muted: #747981;\n\n  --tb-white: #ffffff;\n  --tb-soft: #f8f7f5;\n  --tb-line: #e2dfdb;\n\n  --raila-navy: #2b3b4d;\n  --raila-navy-2: #38495c;\n  --raila-orange: #ee9b3a;\n  --raila-orange-soft: #fff2e2;\n\n  --success: #3d946f;\n\n  padding: 105px 22px;\n  background: #fff;\n}\n\n.tb-ai-meeting *,\n.tb-ai-meeting *::before,\n.tb-ai-meeting *::after {\n  box-sizing: border-box;\n}\n\n.tb-ai-meeting svg {\n  display: block;\n}\n\n.tb-ai-meeting__container {\n  width: min(1180px, 100%);\n  margin: auto;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.tb-ai-meeting__header {\n  display: grid;\n  grid-template-columns: minmax(0, .82fr) minmax(0, 1fr);\n  gap: clamp(50px, 8vw, 110px);\n  align-items: end;\n  margin-bottom: 55px;\n}\n\n.tb-ai-meeting__kicker {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n\n  margin-bottom: 14px;\n\n  color: var(--tb-red);\n\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: .08em;\n}\n\n.tb-ai-meeting__kicker::before {\n  content: \"\";\n\n  width: 28px;\n  height: 2px;\n\n  background: var(--tb-red);\n}\n\n.tb-ai-meeting__title {\n  margin: 0;\n\n  color: var(--tb-black);\n\n  font-size: clamp(32px, 4vw, 48px);\n  line-height: 1.38;\n  font-weight: 800;\n}\n\n.tb-ai-meeting__intro {\n  margin: 0;\n\n  color: #656a71;\n\n  font-size: 16px;\n  line-height: 2;\n}\n\n\n\/* =========================================================\n   MAIN PANEL\n   ========================================================= *\/\n\n.tb-ai-meeting__workspace {\n  display: grid;\n  grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);\n\n  overflow: hidden;\n\n  border: 1px solid #ddd9d5;\n  border-radius: 19px;\n\n  background: #fff;\n\n  box-shadow:\n    0 24px 55px rgba(31,32,35,.07);\n}\n\n\n\/* =========================================================\n   MEETING SIDE\n   ========================================================= *\/\n\n.tb-ai-meeting__meeting {\n  padding: 27px;\n\n  border-left: 1px solid #e6e3df;\n\n  background:\n    linear-gradient(\n      180deg,\n      #fbfaf9 0%,\n      #f7f6f3 100%\n    );\n}\n\n.tb-ai-meeting__meeting-head {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 18px;\n\n  margin-bottom: 22px;\n}\n\n.tb-ai-meeting__meeting-label {\n  color: #92959a;\n\n  font-size: 9px;\n  font-weight: 700;\n}\n\n.tb-ai-meeting__meeting-title {\n  margin: 5px 0 0;\n\n  color: var(--tb-black);\n\n  font-size: 17px;\n  line-height: 1.6;\n  font-weight: 800;\n}\n\n.tb-ai-meeting__live {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n\n  flex: 0 0 auto;\n\n  padding: 6px 9px;\n\n  border-radius: 999px;\n\n  background: var(--tb-red-soft);\n\n  color: var(--tb-red);\n\n  font-size: 8px;\n  font-weight: 800;\n}\n\n.tb-ai-meeting__live i {\n  width: 6px;\n  height: 6px;\n\n  border-radius: 50%;\n\n  background: var(--tb-red);\n}\n\n\n\/* =========================================================\n   RECORDER\n   ========================================================= *\/\n\n.tb-ai-meeting__recorder {\n  padding: 18px;\n\n  border: 1px solid #dedbd7;\n  border-radius: 13px;\n\n  background: #fff;\n}\n\n.tb-ai-meeting__recorder-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 15px;\n}\n\n.tb-ai-meeting__audio-name {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.tb-ai-meeting__audio-icon {\n  width: 38px;\n  height: 38px;\n\n  display: grid;\n  place-items: center;\n\n  flex: 0 0 auto;\n\n  border-radius: 9px;\n\n  background: var(--tb-black);\n  color: #fff;\n}\n\n.tb-ai-meeting__audio-icon svg {\n  width: 19px;\n  height: 19px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tb-ai-meeting__audio-copy {\n  display: flex;\n  flex-direction: column;\n}\n\n.tb-ai-meeting__audio-copy strong {\n  color: #393d43;\n\n  font-size: 10px;\n}\n\n.tb-ai-meeting__audio-copy span {\n  margin-top: 2px;\n\n  color: #94979c;\n\n  font-size: 8px;\n}\n\n.tb-ai-meeting__duration {\n  color: #676c73;\n\n  font-size: 9px;\n  font-weight: 700;\n}\n\n\n\/* =========================================================\n   WAVE\n   ========================================================= *\/\n\n.tb-ai-meeting__wave {\n  height: 62px;\n\n  display: flex;\n  align-items: center;\n  gap: 3px;\n\n  margin-top: 16px;\n  padding: 0 6px;\n}\n\n.tb-ai-meeting__wave span {\n  flex: 1;\n  min-width: 2px;\n\n  border-radius: 999px;\n\n  background: #d5d2cf;\n}\n\n.tb-ai-meeting__wave span:nth-child(1)  { height:22%; }\n.tb-ai-meeting__wave span:nth-child(2)  { height:38%; }\n.tb-ai-meeting__wave span:nth-child(3)  { height:64%; }\n.tb-ai-meeting__wave span:nth-child(4)  { height:43%; }\n\n.tb-ai-meeting__wave span:nth-child(5) {\n  height:76%;\n  background:var(--tb-red);\n}\n\n.tb-ai-meeting__wave span:nth-child(6) {\n  height:55%;\n  background:var(--tb-red);\n}\n\n.tb-ai-meeting__wave span:nth-child(7) {\n  height:82%;\n  background:var(--tb-red);\n}\n\n.tb-ai-meeting__wave span:nth-child(8) {\n  height:48%;\n  background:var(--tb-red);\n}\n\n.tb-ai-meeting__wave span:nth-child(9)  { height:68%; }\n.tb-ai-meeting__wave span:nth-child(10) { height:36%; }\n.tb-ai-meeting__wave span:nth-child(11) { height:59%; }\n.tb-ai-meeting__wave span:nth-child(12) { height:31%; }\n.tb-ai-meeting__wave span:nth-child(13) { height:72%; }\n.tb-ai-meeting__wave span:nth-child(14) { height:47%; }\n.tb-ai-meeting__wave span:nth-child(15) { height:28%; }\n\n\n\/* =========================================================\n   CONTROLS\n   ========================================================= *\/\n\n.tb-ai-meeting__controls {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  margin-top: 11px;\n\n  color: #85898f;\n\n  font-size: 8px;\n}\n\n.tb-ai-meeting__play {\n  width: 31px;\n  height: 31px;\n\n  display: grid;\n  place-items: center;\n\n  padding: 0;\n\n  border: 0;\n  border-radius: 50%;\n\n  background: var(--tb-red);\n  color: #fff;\n\n  cursor: pointer;\n}\n\n.tb-ai-meeting__play svg {\n  width: 13px;\n  height: 13px;\n\n  fill: currentColor;\n\n  transform: translateX(-1px);\n}\n\n\n\/* =========================================================\n   TRANSCRIPT\n   ========================================================= *\/\n\n.tb-ai-meeting__transcript {\n  margin-top: 17px;\n\n  padding: 17px;\n\n  border: 1px solid #e1dedb;\n  border-radius: 12px;\n\n  background: #fff;\n}\n\n.tb-ai-meeting__transcript-head {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  gap: 15px;\n\n  margin-bottom: 15px;\n}\n\n.tb-ai-meeting__transcript-head strong {\n  color: var(--tb-black);\n\n  font-size: 10px;\n}\n\n.tb-ai-meeting__speaker-chip {\n  color: #777c82;\n\n  font-size: 8px;\n}\n\n.tb-ai-meeting__dialogue {\n  display: grid;\n  gap: 12px;\n}\n\n.tb-ai-meeting__line {\n  display: grid;\n  grid-template-columns: 29px minmax(0, 1fr);\n  gap: 9px;\n}\n\n.tb-ai-meeting__avatar {\n  width: 29px;\n  height: 29px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 50%;\n\n  background: #edecea;\n  color: #51555c;\n\n  font-size: 8px;\n  font-weight: 800;\n}\n\n.tb-ai-meeting__line-content {\n  color: #656a71;\n\n  font-size: 9px;\n  line-height: 1.75;\n}\n\n.tb-ai-meeting__line-content strong {\n  display: block;\n\n  margin-bottom: 2px;\n\n  color: #3c4046;\n\n  font-size: 8px;\n}\n\n\n\/* =========================================================\n   AI RESULT\n   ========================================================= *\/\n\n.tb-ai-meeting__ai {\n  position: relative;\n\n  padding: 28px;\n\n  background: #fff;\n}\n\n.tb-ai-meeting__ai-head {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n\n  margin-bottom: 25px;\n}\n\n.tb-ai-meeting__ai-logo {\n  width: 42px;\n  height: 42px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 10px;\n\n  background: var(--raila-navy);\n  color: var(--raila-orange);\n}\n\n.tb-ai-meeting__ai-logo svg {\n  width: 20px;\n  height: 20px;\n\n  fill: currentColor;\n}\n\n.tb-ai-meeting__ai-copy {\n  display: flex;\n  flex-direction: column;\n}\n\n.tb-ai-meeting__ai-copy strong {\n  color: var(--tb-black);\n\n  font-size: 13px;\n}\n\n.tb-ai-meeting__ai-copy span {\n  margin-top: 2px;\n\n  color: #8a8e94;\n\n  font-size: 8px;\n}\n\n\n\/* =========================================================\n   OUTPUT CARDS\n   ========================================================= *\/\n\n.tb-ai-meeting__output {\n  margin-top: 12px;\n\n  padding: 17px;\n\n  border: 1px solid #e4e1dd;\n  border-radius: 11px;\n\n  background: #fff;\n}\n\n.tb-ai-meeting__output:first-of-type {\n  margin-top: 0;\n}\n\n.tb-ai-meeting__output-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 12px;\n\n  margin-bottom: 11px;\n}\n\n.tb-ai-meeting__output-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.tb-ai-meeting__output-icon {\n  width: 28px;\n  height: 28px;\n\n  display: grid;\n  place-items: center;\n\n  flex: 0 0 auto;\n\n  border-radius: 7px;\n\n  background: var(--raila-orange-soft);\n  color: var(--raila-orange);\n}\n\n.tb-ai-meeting__output-icon svg {\n  width: 15px;\n  height: 15px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tb-ai-meeting__output-title strong {\n  color: #373b41;\n\n  font-size: 10px;\n}\n\n.tb-ai-meeting__generated {\n  color: #979aa0;\n\n  font-size: 7px;\n}\n\n.tb-ai-meeting__output p {\n  margin: 0;\n\n  color: #6c7178;\n\n  font-size: 9px;\n  line-height: 1.8;\n}\n\n\n\/* =========================================================\n   DECISIONS\n   ========================================================= *\/\n\n.tb-ai-meeting__decisions {\n  display: grid;\n  gap: 7px;\n}\n\n.tb-ai-meeting__decision {\n  position: relative;\n\n  padding-right: 26px;\n\n  color: #656a70;\n\n  font-size: 8px;\n  line-height: 1.7;\n}\n\n.tb-ai-meeting__decision::before {\n  content: \"\";\n\n  position: absolute;\n  right: 0;\n  top: 1px;\n\n  width: 17px;\n  height: 17px;\n\n  border-radius: 50%;\n\n  background: #edf7f2;\n}\n\n.tb-ai-meeting__decision::after {\n  content: \"\";\n\n  position: absolute;\n  right: 5px;\n  top: 5px;\n\n  width: 7px;\n  height: 4px;\n\n  border-right: 1.5px solid var(--success);\n  border-bottom: 1.5px solid var(--success);\n\n  transform: rotate(45deg);\n}\n\n\n\/* =========================================================\n   TASKS\n   ========================================================= *\/\n\n.tb-ai-meeting__tasks {\n  display: grid;\n  gap: 8px;\n}\n\n.tb-ai-meeting__task {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 10px;\n\n  padding: 10px;\n\n  border: 1px solid #e8e5e2;\n  border-radius: 8px;\n\n  background: #faf9f8;\n}\n\n.tb-ai-meeting__task-main {\n  display: flex;\n  flex-direction: column;\n}\n\n.tb-ai-meeting__task-main strong {\n  color: #3d4147;\n\n  font-size: 8px;\n  line-height: 1.5;\n}\n\n.tb-ai-meeting__task-main span {\n  margin-top: 3px;\n\n  color: #8c9096;\n\n  font-size: 7px;\n}\n\n.tb-ai-meeting__task-date {\n  align-self: center;\n\n  padding: 4px 6px;\n\n  border-radius: 5px;\n\n  background: var(--tb-red-soft);\n  color: var(--tb-red);\n\n  font-size: 7px;\n  font-weight: 700;\n}\n\n\n\/* =========================================================\n   ACTION BUTTON\n   ========================================================= *\/\n\n.tb-ai-meeting__apply {\n  width: 100%;\n  min-height: 40px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 7px;\n\n  margin-top: 16px;\n\n  border: 0;\n  border-radius: 8px;\n\n  background: var(--raila-orange);\n\n  color: #30271d;\n\n  font-family: inherit;\n  font-size: 9px;\n  font-weight: 800;\n\n  cursor: pointer;\n}\n\n.tb-ai-meeting__apply svg {\n  width: 14px;\n  height: 14px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n}\n\n\n\/* =========================================================\n   BENEFITS \u2014 FIXED ICONS\n   ========================================================= *\/\n\n.tb-ai-meeting__benefits {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n\n  gap: 11px;\n\n  margin-top: 23px;\n}\n\n.tb-ai-meeting__benefit {\n  min-height: 124px;\n\n  padding: 18px;\n\n  border: 1px solid #e3e0dc;\n  border-radius: 11px;\n\n  background: #fff;\n}\n\n.tb-ai-meeting__benefit-icon {\n  width: 36px;\n  height: 36px;\n\n  display: grid;\n  place-items: center;\n\n  margin-bottom: 13px;\n\n  border-radius: 9px;\n\n  background: var(--raila-orange-soft);\n  color: var(--raila-orange);\n}\n\n.tb-ai-meeting__benefit-icon svg {\n  width: 19px;\n  height: 19px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tb-ai-meeting__benefit strong {\n  display: block;\n\n  color: #3a3e44;\n\n  font-size: 10px;\n  line-height: 1.6;\n}\n\n.tb-ai-meeting__benefit span {\n  display: block;\n\n  margin-top: 5px;\n\n  color: #858990;\n\n  font-size: 8px;\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   BOTTOM\n   ========================================================= *\/\n\n.tb-ai-meeting__bottom {\n  max-width: 830px;\n\n  margin: 35px auto 0;\n\n  text-align: center;\n}\n\n.tb-ai-meeting__bottom p {\n  margin: 0;\n\n  color: #686d74;\n\n  font-size: 14px;\n  line-height: 1.95;\n}\n\n.tb-ai-meeting__bottom strong {\n  color: var(--tb-black);\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .tb-ai-meeting {\n    padding: 80px 20px;\n  }\n\n  .tb-ai-meeting__header {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n\n  .tb-ai-meeting__workspace {\n    grid-template-columns: 1fr;\n  }\n\n  .tb-ai-meeting__meeting {\n    border-left: 0;\n    border-bottom: 1px solid #e6e3df;\n  }\n\n  .tb-ai-meeting__benefits {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n}\n\n\n@media (max-width: 600px) {\n\n  .tb-ai-meeting {\n    padding: 65px 14px;\n  }\n\n  .tb-ai-meeting__title {\n    font-size: 30px;\n  }\n\n  .tb-ai-meeting__intro {\n    font-size: 14px;\n  }\n\n  .tb-ai-meeting__meeting,\n  .tb-ai-meeting__ai {\n    padding: 20px 15px;\n  }\n\n  .tb-ai-meeting__meeting-head {\n    flex-direction: column;\n  }\n\n  .tb-ai-meeting__benefits {\n    grid-template-columns: 1fr;\n  }\n\n}\n\n<\/style>\n\n\n<div class=\"tb-ai-meeting__container\">\n\n\n  <!-- =====================================================\n       HEADER\n       ===================================================== -->\n\n  <div class=\"tb-ai-meeting__header\">\n\n    <div>\n\n      <div class=\"tb-ai-meeting__kicker\">\n        \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n      <\/div>\n\n      <h2\n        id=\"tb-ai-meeting-title\"\n        class=\"tb-ai-meeting__title\"\n      >\n        \u0645\u0646 \u062d\u062f\u064a\u062b \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639 \u0625\u0644\u0649 \u0645\u0647\u0627\u0645 \u0648\u0627\u0636\u062d\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0646\u0641\u064a\u0630\n      <\/h2>\n\n    <\/div>\n\n\n    <p class=\"tb-ai-meeting__intro\">\n      \u0633\u062c\u0651\u0644 \u0627\u062c\u062a\u0645\u0627\u0639\u0643 \u0645\u0628\u0627\u0634\u0631\u0629 \u0623\u0648 \u0627\u0631\u0641\u0639 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0635\u0648\u062a\u064a\u060c\n      \u0648\u062f\u0639 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u064a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0646\u0642\u0627\u0634\n      \u0625\u0644\u0649 \u0646\u0635 \u0645\u0646\u0638\u0645\u060c \u0648\u0645\u0644\u062e\u0635 \u0648\u0627\u0636\u062d\u060c \u0648\u0642\u0631\u0627\u0631\u0627\u062a \u0648\u0645\u0647\u0627\u0645 \u064a\u0645\u0643\u0646 \u0645\u062a\u0627\u0628\u0639\u062a\u0647\u0627 \u062f\u0627\u062e\u0644 TaskBrowse.\n    <\/p>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       WORKSPACE\n       ===================================================== -->\n\n  <div class=\"tb-ai-meeting__workspace\">\n\n\n    <!-- ===================================================\n         MEETING SIDE\n         =================================================== -->\n\n    <div class=\"tb-ai-meeting__meeting\">\n\n\n      <div class=\"tb-ai-meeting__meeting-head\">\n\n        <div>\n\n          <div class=\"tb-ai-meeting__meeting-label\">\n            \u0627\u062c\u062a\u0645\u0627\u0639 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n          <\/div>\n\n          <h3 class=\"tb-ai-meeting__meeting-title\">\n            \u0645\u0631\u0627\u062c\u0639\u0629 \u0625\u0637\u0644\u0627\u0642 \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\n          <\/h3>\n\n        <\/div>\n\n\n        <span class=\"tb-ai-meeting__live\">\n          <i><\/i>\n          \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\n        <\/span>\n\n      <\/div>\n\n\n\n      <!-- RECORDER -->\n\n      <div class=\"tb-ai-meeting__recorder\">\n\n        <div class=\"tb-ai-meeting__recorder-top\">\n\n          <div class=\"tb-ai-meeting__audio-name\">\n\n            <span class=\"tb-ai-meeting__audio-icon\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <rect x=\"9\" y=\"3\" width=\"6\" height=\"12\" rx=\"3\"><\/rect>\n                <path d=\"M6 11a6 6 0 0 0 12 0\"><\/path>\n                <path d=\"M12 17v4\"><\/path>\n                <path d=\"M9 21h6\"><\/path>\n              <\/svg>\n\n            <\/span>\n\n            <div class=\"tb-ai-meeting__audio-copy\">\n\n              <strong>\n                Meeting_24_August.mp3\n              <\/strong>\n\n              <span>\n                4 \u0645\u0634\u0627\u0631\u0643\u064a\u0646\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n\n          <span class=\"tb-ai-meeting__duration\">\n            42:18\n          <\/span>\n\n        <\/div>\n\n\n\n        <div class=\"tb-ai-meeting__wave\">\n\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n\n        <\/div>\n\n\n        <div class=\"tb-ai-meeting__controls\">\n\n          <button\n            class=\"tb-ai-meeting__play\"\n            type=\"button\"\n            aria-label=\"\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u062a\u0633\u062c\u064a\u0644\"\n          >\n            <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n              <path d=\"M6 4.5L15 10L6 15.5Z\"><\/path>\n            <\/svg>\n          <\/button>\n\n          <span>\n            18:42 \/ 42:18\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- TRANSCRIPT -->\n\n      <div class=\"tb-ai-meeting__transcript\">\n\n        <div class=\"tb-ai-meeting__transcript-head\">\n\n          <strong>\n            \u0646\u0635 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\n          <\/strong>\n\n          <span class=\"tb-ai-meeting__speaker-chip\">\n            \u0627\u0644\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u062a\u062d\u062f\u062b\u064a\u0646\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"tb-ai-meeting__dialogue\">\n\n\n          <div class=\"tb-ai-meeting__line\">\n\n            <span class=\"tb-ai-meeting__avatar\">\n              MA\n            <\/span>\n\n            <div class=\"tb-ai-meeting__line-content\">\n\n              <strong>\n                \u0645\u062d\u0645\u062f\n              <\/strong>\n\n              \u0646\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0625\u0646\u0647\u0627\u0621 \u0627\u062e\u062a\u0628\u0627\u0631 \u0635\u0641\u062d\u0629 \u0627\u0644\u062f\u0641\u0639 \u0642\u0628\u0644 \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\u060c\n              \u0648\u0625\u0644\u0627 \u0633\u064a\u062a\u0623\u062e\u0631 \u0645\u0648\u0639\u062f \u0627\u0644\u0625\u0637\u0644\u0627\u0642.\n\n            <\/div>\n\n          <\/div>\n\n\n\n          <div class=\"tb-ai-meeting__line\">\n\n            <span class=\"tb-ai-meeting__avatar\">\n              SA\n            <\/span>\n\n            <div class=\"tb-ai-meeting__line-content\">\n\n              <strong>\n                \u0633\u0627\u0631\u0629\n              <\/strong>\n\n              \u064a\u0645\u0643\u0646\u0646\u064a \u0625\u0646\u0647\u0627\u0621 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629 \u064a\u0648\u0645 \u0627\u0644\u0623\u0631\u0628\u0639\u0627\u0621\u060c\n              \u0644\u0643\u0646 \u0645\u0631\u0627\u062c\u0639\u0629 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0647\u0627\u062a\u0641 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0634\u062e\u0635 \u0622\u062e\u0631.\n\n            <\/div>\n\n          <\/div>\n\n\n\n          <div class=\"tb-ai-meeting__line\">\n\n            <span class=\"tb-ai-meeting__avatar\">\n              AH\n            <\/span>\n\n            <div class=\"tb-ai-meeting__line-content\">\n\n              <strong>\n                \u0623\u062d\u0645\u062f\n              <\/strong>\n\n              \u0633\u0623\u0631\u0627\u062c\u0639 \u0646\u0633\u062e\u0629 \u0627\u0644\u0647\u0627\u062a\u0641 \u064a\u0648\u0645 \u0627\u0644\u062e\u0645\u064a\u0633\n              \u0648\u0646\u062d\u062a\u0627\u062c \u0628\u0639\u062f \u0630\u0644\u0643 \u0625\u0644\u0649 \u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u0639\u0645\u064a\u0644.\n\n            <\/div>\n\n          <\/div>\n\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- ===================================================\n         AI OUTPUT\n         =================================================== -->\n\n    <div class=\"tb-ai-meeting__ai\">\n\n\n      <div class=\"tb-ai-meeting__ai-head\">\n\n        <span class=\"tb-ai-meeting__ai-logo\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 2.8L14.2 9.8L21.2 12L14.2 14.2L12 21.2L9.8 14.2L2.8 12L9.8 9.8Z\"><\/path>\n          <\/svg>\n\n        <\/span>\n\n        <div class=\"tb-ai-meeting__ai-copy\">\n\n          <strong>\n            \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n          <\/strong>\n\n          <span>\n            \u062a\u0645 \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0627\u0644\u0645\u0644\u062e\u0635 \u0648\u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0647\u0627\u0645\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- SUMMARY -->\n\n      <div class=\"tb-ai-meeting__output\">\n\n        <div class=\"tb-ai-meeting__output-head\">\n\n          <div class=\"tb-ai-meeting__output-title\">\n\n            <span class=\"tb-ai-meeting__output-icon\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M7 6h10\"><\/path>\n                <path d=\"M7 12h10\"><\/path>\n                <path d=\"M7 18h7\"><\/path>\n              <\/svg>\n\n            <\/span>\n\n            <strong>\n              \u0645\u0644\u062e\u0635 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\n            <\/strong>\n\n          <\/div>\n\n          <span class=\"tb-ai-meeting__generated\">\n            AI\n          <\/span>\n\n        <\/div>\n\n\n        <p>\n          \u0646\u0627\u0642\u0634 \u0627\u0644\u0641\u0631\u064a\u0642 \u062c\u0627\u0647\u0632\u064a\u0629 \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0644\u0644\u0625\u0637\u0644\u0627\u0642.\n          \u064a\u062a\u0631\u0643\u0632 \u0627\u0644\u062e\u0637\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u062d\u0627\u0644\u064a\u064b\u0627 \u0641\u064a \u0627\u062e\u062a\u0628\u0627\u0631 \u0635\u0641\u062d\u0629 \u0627\u0644\u062f\u0641\u0639\n          \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0647\u0627\u062a\u0641 \u0648\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629.\n        <\/p>\n\n      <\/div>\n\n\n\n      <!-- DECISIONS -->\n\n      <div class=\"tb-ai-meeting__output\">\n\n        <div class=\"tb-ai-meeting__output-head\">\n\n          <div class=\"tb-ai-meeting__output-title\">\n\n            <span class=\"tb-ai-meeting__output-icon\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\n                <path d=\"M8.5 12l2.3 2.3 4.8-5\"><\/path>\n              <\/svg>\n\n            <\/span>\n\n            <strong>\n              \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\n            <\/strong>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"tb-ai-meeting__decisions\">\n\n          <div class=\"tb-ai-meeting__decision\">\n            \u0625\u0643\u0645\u0627\u0644 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0648\u0638\u064a\u0641\u064a\u0629 \u0642\u0628\u0644 \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0623\u0631\u0628\u0639\u0627\u0621.\n          <\/div>\n\n          <div class=\"tb-ai-meeting__decision\">\n            \u0645\u0631\u0627\u062c\u0639\u0629 \u0646\u0633\u062e\u0629 \u0627\u0644\u0647\u0627\u062a\u0641 \u0642\u0628\u0644 \u0637\u0644\u0628 \u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u0639\u0645\u064a\u0644.\n          <\/div>\n\n          <div class=\"tb-ai-meeting__decision\">\n            \u0639\u062f\u0645 \u062a\u063a\u064a\u064a\u0631 \u0645\u0648\u0639\u062f \u0627\u0644\u0625\u0637\u0644\u0627\u0642 \u0642\u0628\u0644 \u0645\u0631\u0627\u062c\u0639\u0629 \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a.\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- TASKS -->\n\n      <div class=\"tb-ai-meeting__output\">\n\n        <div class=\"tb-ai-meeting__output-head\">\n\n          <div class=\"tb-ai-meeting__output-title\">\n\n            <span class=\"tb-ai-meeting__output-icon\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <rect x=\"5\" y=\"5\" width=\"14\" height=\"14\" rx=\"3\"><\/rect>\n                <path d=\"M12 8v8\"><\/path>\n                <path d=\"M8 12h8\"><\/path>\n              <\/svg>\n\n            <\/span>\n\n            <strong>\n              \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0633\u062a\u062e\u0631\u062c\u0629\n            <\/strong>\n\n          <\/div>\n\n          <span class=\"tb-ai-meeting__generated\">\n            3 \u0645\u0647\u0627\u0645\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"tb-ai-meeting__tasks\">\n\n\n          <div class=\"tb-ai-meeting__task\">\n\n            <div class=\"tb-ai-meeting__task-main\">\n\n              <strong>\n                \u0625\u0643\u0645\u0627\u0644 \u0627\u062e\u062a\u0628\u0627\u0631 \u0635\u0641\u062d\u0629 \u0627\u0644\u062f\u0641\u0639\n              <\/strong>\n\n              <span>\n                \u0627\u0644\u0645\u0633\u0624\u0648\u0644: \u0633\u0627\u0631\u0629\n              <\/span>\n\n            <\/div>\n\n            <span class=\"tb-ai-meeting__task-date\">\n              \u0627\u0644\u0623\u0631\u0628\u0639\u0627\u0621\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"tb-ai-meeting__task\">\n\n            <div class=\"tb-ai-meeting__task-main\">\n\n              <strong>\n                \u0645\u0631\u0627\u062c\u0639\u0629 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0647\u0627\u062a\u0641\n              <\/strong>\n\n              <span>\n                \u0627\u0644\u0645\u0633\u0624\u0648\u0644: \u0623\u062d\u0645\u062f\n              <\/span>\n\n            <\/div>\n\n            <span class=\"tb-ai-meeting__task-date\">\n              \u0627\u0644\u062e\u0645\u064a\u0633\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"tb-ai-meeting__task\">\n\n            <div class=\"tb-ai-meeting__task-main\">\n\n              <strong>\n                \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u0639\u0645\u064a\u0644\n              <\/strong>\n\n              <span>\n                \u0627\u0644\u0645\u0633\u0624\u0648\u0644: \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n              <\/span>\n\n            <\/div>\n\n            <span class=\"tb-ai-meeting__task-date\">\n              \u0627\u0644\u062c\u0645\u0639\u0629\n            <\/span>\n\n          <\/div>\n\n\n        <\/div>\n\n\n        <button\n          class=\"tb-ai-meeting__apply\"\n          type=\"button\"\n        >\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 5v14\"><\/path>\n            <path d=\"M5 12h14\"><\/path>\n          <\/svg>\n\n          \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0625\u0644\u0649 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n\n        <\/button>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       BENEFITS \u2014 ICONS ARE NOW SVG\n       ===================================================== -->\n\n  <div class=\"tb-ai-meeting__benefits\">\n\n\n    <!-- RECORD -->\n\n    <div class=\"tb-ai-meeting__benefit\">\n\n      <span class=\"tb-ai-meeting__benefit-icon\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <rect x=\"9\" y=\"3\" width=\"6\" height=\"11\" rx=\"3\"><\/rect>\n          <path d=\"M6 11a6 6 0 0 0 12 0\"><\/path>\n          <path d=\"M12 17v4\"><\/path>\n          <path d=\"M9 21h6\"><\/path>\n        <\/svg>\n\n      <\/span>\n\n      <strong>\n        \u062a\u0633\u062c\u064a\u0644 \u0623\u0648 \u0631\u0641\u0639 \u0627\u0644\u0635\u0648\u062a\n      <\/strong>\n\n      <span>\n        \u0627\u0633\u062a\u062e\u062f\u0645 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639 \u0623\u0648 \u0645\u0644\u0641\u064b\u0627 \u0635\u0648\u062a\u064a\u064b\u0627 \u0645\u0648\u062c\u0648\u062f\u064b\u0627.\n      <\/span>\n\n    <\/div>\n\n\n\n    <!-- TRANSCRIPTION -->\n\n    <div class=\"tb-ai-meeting__benefit\">\n\n      <span class=\"tb-ai-meeting__benefit-icon\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M6 5h12\"><\/path>\n          <path d=\"M6 10h12\"><\/path>\n          <path d=\"M6 15h8\"><\/path>\n          <path d=\"M6 20h10\"><\/path>\n        <\/svg>\n\n      <\/span>\n\n      <strong>\n        \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0643\u0644\u0627\u0645 \u0625\u0644\u0649 \u0646\u0635\n      <\/strong>\n\n      <span>\n        \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0646\u0635 \u0645\u0646\u0638\u0645 \u0645\u0639 \u062a\u0645\u064a\u064a\u0632 \u0627\u0644\u0645\u062a\u062d\u062f\u062b\u064a\u0646.\n      <\/span>\n\n    <\/div>\n\n\n\n    <!-- SUMMARY -->\n\n    <div class=\"tb-ai-meeting__benefit\">\n\n      <span class=\"tb-ai-meeting__benefit-icon\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M12 3L14 9.5L20.5 12L14 14.5L12 21L10 14.5L3.5 12L10 9.5Z\"><\/path>\n        <\/svg>\n\n      <\/span>\n\n      <strong>\n        \u062a\u0644\u062e\u064a\u0635 \u0627\u0644\u0646\u0642\u0627\u0634\n      <\/strong>\n\n      <span>\n        \u0631\u0643\u0651\u0632 \u0639\u0644\u0649 \u0623\u0647\u0645 \u0627\u0644\u0646\u0642\u0627\u0637 \u0648\u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0628\u062f\u0644 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639 \u0643\u0627\u0645\u0644\u064b\u0627.\n      <\/span>\n\n    <\/div>\n\n\n\n    <!-- TASK EXTRACTION -->\n\n    <div class=\"tb-ai-meeting__benefit\">\n\n      <span class=\"tb-ai-meeting__benefit-icon\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <rect x=\"4.5\" y=\"4.5\" width=\"15\" height=\"15\" rx=\"3\"><\/rect>\n          <path d=\"M8 12l2.3 2.3L16 8.8\"><\/path>\n        <\/svg>\n\n      <\/span>\n\n      <strong>\n        \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0627\u0644\u0645\u0647\u0627\u0645\n      <\/strong>\n\n      <span>\n        \u062d\u0648\u0651\u0644 \u0645\u0627 \u0627\u062a\u0651\u064f\u0641\u0642 \u0639\u0644\u064a\u0647 \u0625\u0644\u0649 \u0623\u0646\u0634\u0637\u0629 \u064a\u0645\u0643\u0646 \u0645\u062a\u0627\u0628\u0639\u062a\u0647\u0627 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n      <\/span>\n\n    <\/div>\n\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       BOTTOM\n       ===================================================== -->\n\n  <div class=\"tb-ai-meeting__bottom\">\n\n    <p>\n      <strong>\n        \u0642\u064a\u0645\u0629 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639 \u0644\u0627 \u062a\u0643\u0645\u0646 \u0641\u064a \u0645\u0627 \u0642\u064a\u0644 \u0641\u0642\u0637\u060c \u0628\u0644 \u0641\u064a\u0645\u0627 \u064a\u062d\u062f\u062b \u0628\u0639\u062f\u0647.\n      <\/strong>\n      \u064a\u0633\u0627\u0639\u062f TaskBrowse \u0639\u0644\u0649 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0633\u064a\u0627\u0642 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\n      \u0648\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0647\u0627\u0645 \u064a\u0645\u0643\u0646 \u0645\u062a\u0627\u0628\u0639\u062a\u0647\u0627 \u0628\u062f\u0644 \u0623\u0646 \u062a\u0636\u064a\u0639 \u0628\u064a\u0646 \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a.\n    <\/p>\n\n  <\/div>\n\n\n<\/div>\n\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- =========================================================\n     SECTION 7 \u2014 AI CHAT SUMMARIZATION\n     FIXED ICONS WITH SVG\n     ========================================================= -->\n\n<section class=\"tb-ai-chat\" dir=\"rtl\" aria-labelledby=\"tb-ai-chat-title\">\n\n<style>\n\n.tb-ai-chat {\n  --tb-red: #c8102e;\n  --tb-red-soft: #fff1f3;\n\n  --tb-black: #202124;\n  --tb-text: #373b42;\n  --tb-muted: #777c84;\n\n  --tb-bg: #f7f6f3;\n  --tb-white: #ffffff;\n  --tb-line: #e2dfdb;\n\n  --raila-navy: #2b3b4d;\n  --raila-orange: #ee9b3a;\n  --raila-orange-soft: #fff2e2;\n\n  --success: #3d946f;\n\n  padding: 105px 22px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f8f7f4 0%,\n      #f5f4f1 100%\n    );\n}\n\n.tb-ai-chat *,\n.tb-ai-chat *::before,\n.tb-ai-chat *::after {\n  box-sizing: border-box;\n}\n\n.tb-ai-chat svg {\n  display: block;\n}\n\n.tb-ai-chat__container {\n  width: min(1180px, 100%);\n  margin: auto;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.tb-ai-chat__header {\n  display: grid;\n  grid-template-columns: minmax(0, .82fr) minmax(0, 1fr);\n\n  gap: clamp(50px, 8vw, 110px);\n\n  align-items: end;\n\n  margin-bottom: 55px;\n}\n\n.tb-ai-chat__kicker {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n\n  margin-bottom: 14px;\n\n  color: var(--tb-red);\n\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: .08em;\n}\n\n.tb-ai-chat__kicker::before {\n  content: \"\";\n\n  width: 28px;\n  height: 2px;\n\n  background: var(--tb-red);\n}\n\n.tb-ai-chat__title {\n  margin: 0;\n\n  color: var(--tb-black);\n\n  font-size: clamp(32px, 4vw, 48px);\n  line-height: 1.38;\n\n  font-weight: 800;\n}\n\n.tb-ai-chat__intro {\n  margin: 0;\n\n  color: #656a71;\n\n  font-size: 16px;\n  line-height: 2;\n}\n\n\n\/* =========================================================\n   MAIN\n   ========================================================= *\/\n\n.tb-ai-chat__workspace {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n\n  overflow: hidden;\n\n  border: 1px solid #ddd9d5;\n  border-radius: 19px;\n\n  background: #fff;\n\n  box-shadow:\n    0 24px 55px rgba(31,32,35,.07);\n}\n\n\n\/* =========================================================\n   CHAT SIDE\n   ========================================================= *\/\n\n.tb-ai-chat__conversation {\n  padding: 26px;\n\n  border-left: 1px solid #e5e2de;\n\n  background: #fff;\n}\n\n.tb-ai-chat__conversation-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 15px;\n\n  margin-bottom: 22px;\n}\n\n.tb-ai-chat__group {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.tb-ai-chat__group-icon {\n  width: 38px;\n  height: 38px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 9px;\n\n  background: var(--tb-black);\n  color: #fff;\n}\n\n.tb-ai-chat__group-icon svg {\n  width: 19px;\n  height: 19px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tb-ai-chat__group-copy {\n  display: flex;\n  flex-direction: column;\n}\n\n.tb-ai-chat__group-copy strong {\n  color: var(--tb-black);\n\n  font-size: 12px;\n}\n\n.tb-ai-chat__group-copy span {\n  margin-top: 2px;\n\n  color: #8d9197;\n\n  font-size: 8px;\n}\n\n.tb-ai-chat__messages-count {\n  padding: 5px 8px;\n\n  border-radius: 999px;\n\n  background: #f1efed;\n\n  color: #777b81;\n\n  font-size: 8px;\n}\n\n\n\/* =========================================================\n   MESSAGES\n   ========================================================= *\/\n\n.tb-ai-chat__messages {\n  display: grid;\n  gap: 14px;\n}\n\n.tb-ai-chat__message {\n  display: grid;\n  grid-template-columns: 31px minmax(0, 1fr);\n\n  gap: 9px;\n}\n\n.tb-ai-chat__avatar {\n  width: 31px;\n  height: 31px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 50%;\n\n  background: #eceae7;\n\n  color: #50545a;\n\n  font-size: 8px;\n  font-weight: 800;\n}\n\n.tb-ai-chat__message-content {\n  min-width: 0;\n}\n\n.tb-ai-chat__message-meta {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n\n  margin-bottom: 4px;\n}\n\n.tb-ai-chat__message-meta strong {\n  color: #3c4046;\n\n  font-size: 8px;\n}\n\n.tb-ai-chat__message-meta span {\n  color: #a0a3a8;\n\n  font-size: 7px;\n}\n\n.tb-ai-chat__bubble {\n  width: fit-content;\n  max-width: 90%;\n\n  padding: 9px 11px;\n\n  border-radius: 4px 10px 10px 10px;\n\n  background: #f6f5f3;\n\n  color: #666b72;\n\n  font-size: 9px;\n  line-height: 1.75;\n}\n\n.tb-ai-chat__bubble--important {\n  border: 1px solid #efdfcb;\n\n  background: #fff8ef;\n}\n\n\n\/* =========================================================\n   MORE MESSAGES\n   ========================================================= *\/\n\n.tb-ai-chat__more {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n\n  margin: 18px 0;\n\n  color: #92959a;\n\n  font-size: 8px;\n}\n\n.tb-ai-chat__more::before,\n.tb-ai-chat__more::after {\n  content: \"\";\n\n  flex: 1;\n\n  height: 1px;\n\n  background: #ebe8e5;\n}\n\n\n\/* =========================================================\n   SUMMARIZE BUTTON\n   ========================================================= *\/\n\n.tb-ai-chat__summarize {\n  min-height: 42px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n\n  width: 100%;\n\n  margin-top: 19px;\n\n  border: 1px solid rgba(238,155,58,.35);\n  border-radius: 9px;\n\n  background: var(--raila-orange-soft);\n\n  color: #8d591c;\n\n  font-family: inherit;\n  font-size: 9px;\n  font-weight: 800;\n\n  cursor: pointer;\n}\n\n.tb-ai-chat__summarize-icon {\n  width: 20px;\n  height: 20px;\n\n  display: grid;\n  place-items: center;\n\n  color: var(--raila-orange);\n}\n\n.tb-ai-chat__summarize-icon svg {\n  width: 16px;\n  height: 16px;\n\n  fill: currentColor;\n}\n\n\n\/* =========================================================\n   AI SUMMARY\n   ========================================================= *\/\n\n.tb-ai-chat__summary {\n  padding: 28px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #fbfaf8 0%,\n      #f6f5f2 100%\n    );\n}\n\n.tb-ai-chat__summary-head {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n\n  margin-bottom: 22px;\n}\n\n.tb-ai-chat__ai-logo {\n  width: 42px;\n  height: 42px;\n\n  display: grid;\n  place-items: center;\n\n  flex: 0 0 auto;\n\n  border-radius: 10px;\n\n  background: var(--raila-navy);\n  color: var(--raila-orange);\n}\n\n.tb-ai-chat__ai-logo svg {\n  width: 20px;\n  height: 20px;\n\n  fill: currentColor;\n}\n\n.tb-ai-chat__summary-copy {\n  display: flex;\n  flex-direction: column;\n}\n\n.tb-ai-chat__summary-copy strong {\n  color: var(--tb-black);\n\n  font-size: 13px;\n}\n\n.tb-ai-chat__summary-copy span {\n  margin-top: 2px;\n\n  color: #8a8e94;\n\n  font-size: 8px;\n}\n\n\n\/* =========================================================\n   OUTPUT\n   ========================================================= *\/\n\n.tb-ai-chat__output {\n  margin-top: 11px;\n\n  padding: 16px;\n\n  border: 1px solid #e3e0dc;\n  border-radius: 11px;\n\n  background: #fff;\n}\n\n.tb-ai-chat__output:first-of-type {\n  margin-top: 0;\n}\n\n.tb-ai-chat__output-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 12px;\n\n  margin-bottom: 10px;\n}\n\n.tb-ai-chat__output-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.tb-ai-chat__output-icon {\n  width: 30px;\n  height: 30px;\n\n  display: grid;\n  place-items: center;\n\n  flex: 0 0 auto;\n\n  border-radius: 8px;\n\n  background: var(--raila-orange-soft);\n  color: var(--raila-orange);\n}\n\n.tb-ai-chat__output-icon svg {\n  width: 16px;\n  height: 16px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tb-ai-chat__output-title strong {\n  color: #3a3e44;\n\n  font-size: 10px;\n}\n\n.tb-ai-chat__output p {\n  margin: 0;\n\n  color: #6c7178;\n\n  font-size: 9px;\n  line-height: 1.85;\n}\n\n\n\/* =========================================================\n   HIGHLIGHTS\n   ========================================================= *\/\n\n.tb-ai-chat__highlights {\n  display: grid;\n  gap: 8px;\n}\n\n.tb-ai-chat__highlight {\n  position: relative;\n\n  padding-right: 23px;\n\n  color: #656a70;\n\n  font-size: 8px;\n  line-height: 1.7;\n}\n\n.tb-ai-chat__highlight::before {\n  content: \"\";\n\n  position: absolute;\n  right: 3px;\n  top: 7px;\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: var(--raila-orange);\n\n  box-shadow:\n    0 0 0 4px rgba(238,155,58,.11);\n}\n\n\n\/* =========================================================\n   TASKS\n   ========================================================= *\/\n\n.tb-ai-chat__tasks {\n  display: grid;\n  gap: 7px;\n}\n\n.tb-ai-chat__task {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n\n  gap: 10px;\n\n  padding: 10px;\n\n  border: 1px solid #e7e4e1;\n  border-radius: 8px;\n\n  background: #faf9f8;\n}\n\n.tb-ai-chat__task-copy {\n  display: flex;\n  flex-direction: column;\n}\n\n.tb-ai-chat__task-copy strong {\n  color: #3d4147;\n\n  font-size: 8px;\n  line-height: 1.55;\n}\n\n.tb-ai-chat__task-copy span {\n  margin-top: 3px;\n\n  color: #8c9096;\n\n  font-size: 7px;\n}\n\n.tb-ai-chat__task-status {\n  align-self: center;\n\n  padding: 4px 6px;\n\n  border-radius: 5px;\n\n  background: var(--tb-red-soft);\n  color: var(--tb-red);\n\n  font-size: 7px;\n  font-weight: 700;\n}\n\n\n\/* =========================================================\n   RESULT NOTE\n   ========================================================= *\/\n\n.tb-ai-chat__result-note {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n\n  margin-top: 14px;\n  padding: 11px 12px;\n\n  border-right: 3px solid var(--raila-orange);\n  border-radius: 7px;\n\n  background: #fff8ef;\n\n  color: #6c6257;\n\n  font-size: 8px;\n  line-height: 1.7;\n}\n\n.tb-ai-chat__result-note-icon {\n  width: 23px;\n  height: 23px;\n\n  display: grid;\n  place-items: center;\n\n  flex: 0 0 auto;\n\n  border-radius: 6px;\n\n  background: rgba(238,155,58,.12);\n  color: var(--raila-orange);\n}\n\n.tb-ai-chat__result-note-icon svg {\n  width: 13px;\n  height: 13px;\n\n  fill: currentColor;\n}\n\n\n\/* =========================================================\n   BENEFITS\n   ========================================================= *\/\n\n.tb-ai-chat__benefits {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 11px;\n\n  margin-top: 23px;\n}\n\n.tb-ai-chat__benefit {\n  min-height: 126px;\n\n  padding: 18px;\n\n  border: 1px solid #e3e0dc;\n  border-radius: 11px;\n\n  background: #fff;\n}\n\n.tb-ai-chat__benefit-icon {\n  width: 38px;\n  height: 38px;\n\n  display: grid;\n  place-items: center;\n\n  margin-bottom: 13px;\n\n  border-radius: 9px;\n\n  background: var(--raila-orange-soft);\n  color: var(--raila-orange);\n}\n\n.tb-ai-chat__benefit-icon svg {\n  width: 19px;\n  height: 19px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.tb-ai-chat__benefit strong {\n  display: block;\n\n  color: #3b3f45;\n\n  font-size: 10px;\n  line-height: 1.6;\n}\n\n.tb-ai-chat__benefit span {\n  display: block;\n\n  margin-top: 5px;\n\n  color: #858990;\n\n  font-size: 8px;\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   BOTTOM\n   ========================================================= *\/\n\n.tb-ai-chat__bottom {\n  max-width: 830px;\n\n  margin: 35px auto 0;\n\n  text-align: center;\n}\n\n.tb-ai-chat__bottom p {\n  margin: 0;\n\n  color: #686d74;\n\n  font-size: 14px;\n  line-height: 1.95;\n}\n\n.tb-ai-chat__bottom strong {\n  color: var(--tb-black);\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .tb-ai-chat {\n    padding: 80px 20px;\n  }\n\n  .tb-ai-chat__header {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n\n  .tb-ai-chat__workspace {\n    grid-template-columns: 1fr;\n  }\n\n  .tb-ai-chat__conversation {\n    border-left: 0;\n    border-bottom: 1px solid #e5e2de;\n  }\n\n}\n\n\n@media (max-width: 600px) {\n\n  .tb-ai-chat {\n    padding: 65px 14px;\n  }\n\n  .tb-ai-chat__title {\n    font-size: 30px;\n  }\n\n  .tb-ai-chat__intro {\n    font-size: 14px;\n  }\n\n  .tb-ai-chat__conversation,\n  .tb-ai-chat__summary {\n    padding: 20px 15px;\n  }\n\n  .tb-ai-chat__benefits {\n    grid-template-columns: 1fr;\n  }\n\n}\n\n<\/style>\n\n\n<div class=\"tb-ai-chat__container\">\n\n\n  <!-- =====================================================\n       HEADER\n       ===================================================== -->\n\n  <div class=\"tb-ai-chat__header\">\n\n    <div>\n\n      <div class=\"tb-ai-chat__kicker\">\n        \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0627\u062a \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n      <\/div>\n\n      <h2\n        id=\"tb-ai-chat-title\"\n        class=\"tb-ai-chat__title\"\n      >\n        \u0644\u0627 \u062a\u062f\u0639 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u062a\u0636\u064a\u0639 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0627\u062a\n      <\/h2>\n\n    <\/div>\n\n\n    <p class=\"tb-ai-chat__intro\">\n      \u0639\u0646\u062f\u0645\u0627 \u062a\u062a\u0631\u0627\u0643\u0645 \u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u062f\u0627\u062e\u0644 \u0645\u062d\u0627\u062f\u062b\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c\n      \u064a\u0633\u0627\u0639\u062f\u0643 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a TaskBrowse \u0639\u0644\u0649 \u0627\u062e\u062a\u0635\u0627\u0631 \u0645\u0627 \u062d\u062f\u062b\u060c\n      \u0648\u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0623\u0647\u0645 \u0627\u0644\u0646\u0642\u0627\u0637 \u0648\u0627\u0644\u0645\u0647\u0627\u0645\u060c \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0642\u0631\u0627\u0621\u0629 \u0643\u0644 \u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629.\n    <\/p>\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       WORKSPACE\n       ===================================================== -->\n\n  <div class=\"tb-ai-chat__workspace\">\n\n\n    <!-- ===================================================\n         CONVERSATION\n         =================================================== -->\n\n    <div class=\"tb-ai-chat__conversation\">\n\n\n      <div class=\"tb-ai-chat__conversation-head\">\n\n        <div class=\"tb-ai-chat__group\">\n\n          <span class=\"tb-ai-chat__group-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M5 6.5h14a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7l-4.5 3v-3H5a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2z\"><\/path>\n            <\/svg>\n\n          <\/span>\n\n          <div class=\"tb-ai-chat__group-copy\">\n\n            <strong>\n              \u0645\u0634\u0631\u0648\u0639 \u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u062c\u062f\u064a\u062f\n            <\/strong>\n\n            <span>\n              \u0645\u062d\u0627\u062f\u062b\u0629 \u0627\u0644\u0641\u0631\u064a\u0642\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <span class=\"tb-ai-chat__messages-count\">\n          48 \u0631\u0633\u0627\u0644\u0629 \u062c\u062f\u064a\u062f\u0629\n        <\/span>\n\n      <\/div>\n\n\n\n      <!-- MESSAGES -->\n\n      <div class=\"tb-ai-chat__messages\">\n\n\n        <div class=\"tb-ai-chat__message\">\n\n          <span class=\"tb-ai-chat__avatar\">\n            SA\n          <\/span>\n\n          <div class=\"tb-ai-chat__message-content\">\n\n            <div class=\"tb-ai-chat__message-meta\">\n              <strong>\u0633\u0627\u0631\u0629<\/strong>\n              <span>09:12<\/span>\n            <\/div>\n\n            <div class=\"tb-ai-chat__bubble\">\n              \u0627\u0646\u062a\u0647\u064a\u0646\u0627 \u0645\u0646 \u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0645\u0646 \u0635\u0641\u062d\u0629 \u0627\u0644\u0647\u0628\u0648\u0637\u060c\n              \u0644\u0643\u0646 \u0635\u0648\u0631 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0644\u0645 \u062a\u0635\u0644 \u0628\u0639\u062f.\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <div class=\"tb-ai-chat__message\">\n\n          <span class=\"tb-ai-chat__avatar\">\n            AH\n          <\/span>\n\n          <div class=\"tb-ai-chat__message-content\">\n\n            <div class=\"tb-ai-chat__message-meta\">\n              <strong>\u0623\u062d\u0645\u062f<\/strong>\n              <span>09:21<\/span>\n            <\/div>\n\n            <div class=\"tb-ai-chat__bubble\">\n              \u0633\u0623\u062a\u0627\u0628\u0639 \u0645\u0639 \u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u064a\u0648\u0645.\n              \u0625\u0630\u0627 \u0648\u0635\u0644\u062a \u0627\u0644\u0635\u0648\u0631 \u0642\u0628\u0644 \u0627\u0644\u0633\u0627\u0639\u0629 \u0627\u0644\u0631\u0627\u0628\u0639\u0629 \u064a\u0645\u0643\u0646\u0646\u0627 \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0635\u0641\u062d\u0629 \u0645\u0633\u0627\u0621\u064b.\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <div class=\"tb-ai-chat__more\">\n          23 \u0631\u0633\u0627\u0644\u0629\n        <\/div>\n\n\n\n        <div class=\"tb-ai-chat__message\">\n\n          <span class=\"tb-ai-chat__avatar\">\n            MA\n          <\/span>\n\n          <div class=\"tb-ai-chat__message-content\">\n\n            <div class=\"tb-ai-chat__message-meta\">\n              <strong>\u0645\u062d\u0645\u062f<\/strong>\n              <span>13:48<\/span>\n            <\/div>\n\n            <div class=\"tb-ai-chat__bubble tb-ai-chat__bubble--important\">\n              \u0627\u062a\u0641\u0642\u0646\u0627 \u0623\u0646 \u0627\u0644\u0625\u0637\u0644\u0627\u0642 \u0633\u064a\u0643\u0648\u0646 \u064a\u0648\u0645 \u0627\u0644\u0627\u062b\u0646\u064a\u0646\u060c\n              \u0628\u0634\u0631\u0637 \u0627\u0646\u062a\u0647\u0627\u0621 \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u062f\u0641\u0639 \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u064a\u0648\u0645 \u0627\u0644\u0623\u062d\u062f.\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <div class=\"tb-ai-chat__message\">\n\n          <span class=\"tb-ai-chat__avatar\">\n            SA\n          <\/span>\n\n          <div class=\"tb-ai-chat__message-content\">\n\n            <div class=\"tb-ai-chat__message-meta\">\n              <strong>\u0633\u0627\u0631\u0629<\/strong>\n              <span>14:03<\/span>\n            <\/div>\n\n            <div class=\"tb-ai-chat__bubble\">\n              \u0633\u0623\u0642\u0648\u0645 \u0628\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u062f\u0641\u0639 \u0635\u0628\u0627\u062d \u0627\u0644\u0623\u062d\u062f \u0648\u0623\u0631\u0633\u0644 \u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0647\u0646\u0627.\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- SUMMARIZE -->\n\n      <button\n        class=\"tb-ai-chat__summarize\"\n        type=\"button\"\n      >\n\n        <span class=\"tb-ai-chat__summarize-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 2.8L14.2 9.8L21.2 12L14.2 14.2L12 21.2L9.8 14.2L2.8 12L9.8 9.8Z\"><\/path>\n          <\/svg>\n\n        <\/span>\n\n        \u062a\u0644\u062e\u064a\u0635 \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n\n      <\/button>\n\n\n    <\/div>\n\n\n\n    <!-- ===================================================\n         SUMMARY\n         =================================================== -->\n\n    <div class=\"tb-ai-chat__summary\">\n\n\n      <div class=\"tb-ai-chat__summary-head\">\n\n        <span class=\"tb-ai-chat__ai-logo\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 2.8L14.2 9.8L21.2 12L14.2 14.2L12 21.2L9.8 14.2L2.8 12L9.8 9.8Z\"><\/path>\n          <\/svg>\n\n        <\/span>\n\n        <div class=\"tb-ai-chat__summary-copy\">\n\n          <strong>\n            \u0645\u0644\u062e\u0635 \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0629\n          <\/strong>\n\n          <span>\n            \u062a\u0645 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u062d\u062f\u064a\u062b\u0629\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- SUMMARY -->\n\n      <div class=\"tb-ai-chat__output\">\n\n        <div class=\"tb-ai-chat__output-head\">\n\n          <div class=\"tb-ai-chat__output-title\">\n\n            <span class=\"tb-ai-chat__output-icon\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6 6h12\"><\/path>\n                <path d=\"M6 11h12\"><\/path>\n                <path d=\"M6 16h8\"><\/path>\n                <path d=\"M6 20h5\"><\/path>\n              <\/svg>\n\n            <\/span>\n\n            <strong>\n              \u0645\u0627 \u0627\u0644\u0630\u064a \u062d\u062f\u062b\u061f\n            <\/strong>\n\n          <\/div>\n\n        <\/div>\n\n\n        <p>\n          \u0646\u0627\u0642\u0634 \u0627\u0644\u0641\u0631\u064a\u0642 \u062c\u0627\u0647\u0632\u064a\u0629 \u0635\u0641\u062d\u0629 \u0627\u0644\u0647\u0628\u0648\u0637 \u0644\u0644\u0625\u0637\u0644\u0627\u0642.\n          \u0644\u0627 \u062a\u0632\u0627\u0644 \u0635\u0648\u0631 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u0635\u0631\u064a\u0646 \u0645\u0641\u062a\u0648\u062d\u064a\u0646\u060c\n          \u0628\u064a\u0646\u0645\u0627 \u062a\u0645 \u0627\u0644\u0627\u062a\u0641\u0627\u0642 \u0645\u0628\u062f\u0626\u064a\u064b\u0627 \u0639\u0644\u0649 \u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u062a\u062c \u064a\u0648\u0645 \u0627\u0644\u0627\u062b\u0646\u064a\u0646.\n        <\/p>\n\n      <\/div>\n\n\n\n      <!-- IMPORTANT POINTS -->\n\n      <div class=\"tb-ai-chat__output\">\n\n        <div class=\"tb-ai-chat__output-head\">\n\n          <div class=\"tb-ai-chat__output-title\">\n\n            <span class=\"tb-ai-chat__output-icon\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M12 3L21 19H3Z\"><\/path>\n                <path d=\"M12 9v4\"><\/path>\n                <path d=\"M12 16.5h.01\"><\/path>\n              <\/svg>\n\n            <\/span>\n\n            <strong>\n              \u0623\u0647\u0645 \u0627\u0644\u0646\u0642\u0627\u0637\n            <\/strong>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"tb-ai-chat__highlights\">\n\n          <div class=\"tb-ai-chat__highlight\">\n            \u0635\u0648\u0631 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0644\u0645 \u062a\u0635\u0644 \u0628\u0639\u062f.\n          <\/div>\n\n          <div class=\"tb-ai-chat__highlight\">\n            \u0645\u0648\u0639\u062f \u0627\u0644\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u0647\u0648 \u064a\u0648\u0645 \u0627\u0644\u0627\u062b\u0646\u064a\u0646.\n          <\/div>\n\n          <div class=\"tb-ai-chat__highlight\">\n            \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u062f\u0641\u0639 \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0634\u0631\u0637\u0627\u0646 \u0642\u0628\u0644 \u0627\u0644\u0625\u0637\u0644\u0627\u0642.\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- TASKS -->\n\n      <div class=\"tb-ai-chat__output\">\n\n        <div class=\"tb-ai-chat__output-head\">\n\n          <div class=\"tb-ai-chat__output-title\">\n\n            <span class=\"tb-ai-chat__output-icon\">\n\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <rect x=\"4.5\" y=\"4.5\" width=\"15\" height=\"15\" rx=\"3\"><\/rect>\n                <path d=\"M8 12l2.4 2.4L16 8.8\"><\/path>\n              <\/svg>\n\n            <\/span>\n\n            <strong>\n              \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0633\u062a\u062e\u0631\u062c\u0629 \u0645\u0646 \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0629\n            <\/strong>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"tb-ai-chat__tasks\">\n\n\n          <div class=\"tb-ai-chat__task\">\n\n            <div class=\"tb-ai-chat__task-copy\">\n\n              <strong>\n                \u0645\u062a\u0627\u0628\u0639\u0629 \u0635\u0648\u0631 \u0627\u0644\u0645\u0646\u062a\u062c \u0645\u0639 \u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0635\u0645\u064a\u0645\n              <\/strong>\n\n              <span>\n                \u0627\u0644\u0645\u0633\u0624\u0648\u0644: \u0623\u062d\u0645\u062f\n              <\/span>\n\n            <\/div>\n\n            <span class=\"tb-ai-chat__task-status\">\n              \u0627\u0644\u064a\u0648\u0645\n            <\/span>\n\n          <\/div>\n\n\n\n          <div class=\"tb-ai-chat__task\">\n\n            <div class=\"tb-ai-chat__task-copy\">\n\n              <strong>\n                \u0627\u062e\u062a\u0628\u0627\u0631 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062f\u0641\u0639\n              <\/strong>\n\n              <span>\n                \u0627\u0644\u0645\u0633\u0624\u0648\u0644: \u0633\u0627\u0631\u0629\n              <\/span>\n\n            <\/div>\n\n            <span class=\"tb-ai-chat__task-status\">\n              \u0627\u0644\u0623\u062d\u062f\n            <\/span>\n\n          <\/div>\n\n\n\n          <div class=\"tb-ai-chat__task\">\n\n            <div class=\"tb-ai-chat__task-copy\">\n\n              <strong>\n                \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0645\u0646 \u0635\u0641\u062d\u0629 \u0627\u0644\u0647\u0628\u0648\u0637\n              <\/strong>\n\n              <span>\n                \u0627\u0644\u0645\u0633\u0624\u0648\u0644: \u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n              <\/span>\n\n            <\/div>\n\n            <span class=\"tb-ai-chat__task-status\">\n              \u0627\u0644\u0623\u062d\u062f\n            <\/span>\n\n          <\/div>\n\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- NOTE -->\n\n      <div class=\"tb-ai-chat__result-note\">\n\n        <span class=\"tb-ai-chat__result-note-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 2.8L14.2 9.8L21.2 12L14.2 14.2L12 21.2L9.8 14.2L2.8 12L9.8 9.8Z\"><\/path>\n          <\/svg>\n\n        <\/span>\n\n        \u064a\u0645\u0643\u0646\u0643 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0629 \u0642\u0628\u0644 \u0625\u0636\u0627\u0641\u062a\u0647\u0627 \u0625\u0644\u0649 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       BENEFITS \u2014 FIXED SVG ICONS\n       ===================================================== -->\n\n  <div class=\"tb-ai-chat__benefits\">\n\n\n    <!-- SUMMARY -->\n\n    <div class=\"tb-ai-chat__benefit\">\n\n      <span class=\"tb-ai-chat__benefit-icon\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M6 6h12\"><\/path>\n          <path d=\"M6 11h12\"><\/path>\n          <path d=\"M6 16h8\"><\/path>\n          <path d=\"M6 20h5\"><\/path>\n        <\/svg>\n\n      <\/span>\n\n      <strong>\n        \u0627\u062e\u062a\u0635\u0627\u0631 \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0627\u062a \u0627\u0644\u0637\u0648\u064a\u0644\u0629\n      <\/strong>\n\n      <span>\n        \u0627\u0639\u0631\u0641 \u0645\u0627 \u062d\u062f\u062b \u062f\u0648\u0646 \u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0639\u0634\u0631\u0627\u062a \u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u0633\u0627\u0628\u0642\u0629.\n      <\/span>\n\n    <\/div>\n\n\n\n    <!-- DECISIONS -->\n\n    <div class=\"tb-ai-chat__benefit\">\n\n      <span class=\"tb-ai-chat__benefit-icon\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\n          <path d=\"M12 7v6\"><\/path>\n          <path d=\"M12 17h.01\"><\/path>\n        <\/svg>\n\n      <\/span>\n\n      <strong>\n        \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0647\u0645\u0629\n      <\/strong>\n\n      <span>\n        \u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0646\u0642\u0627\u0637 \u0627\u0644\u062a\u064a \u062a\u0624\u062b\u0631 \u0641\u0639\u0644\u064a\u064b\u0627 \u0641\u064a \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n      <\/span>\n\n    <\/div>\n\n\n\n    <!-- TASKS -->\n\n    <div class=\"tb-ai-chat__benefit\">\n\n      <span class=\"tb-ai-chat__benefit-icon\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <rect x=\"4.5\" y=\"4.5\" width=\"15\" height=\"15\" rx=\"3\"><\/rect>\n          <path d=\"M8 12l2.4 2.4L16 8.8\"><\/path>\n        <\/svg>\n\n      <\/span>\n\n      <strong>\n        \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u062d\u062f\u064a\u062b \u0625\u0644\u0649 \u0639\u0645\u0644\n      <\/strong>\n\n      <span>\n        \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0646\u0627\u062a\u062c\u0629 \u0639\u0646 \u0627\u0644\u0646\u0642\u0627\u0634 \u0642\u0628\u0644 \u0623\u0646 \u062a\u064f\u0646\u0633\u0649.\n      <\/span>\n\n    <\/div>\n\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       BOTTOM\n       ===================================================== -->\n\n  <div class=\"tb-ai-chat__bottom\">\n\n    <p>\n      <strong>\n        \u0644\u064a\u0633 \u0627\u0644\u0647\u062f\u0641 \u0623\u0646 \u062a\u0642\u0631\u0623 \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0629 \u0623\u0633\u0631\u0639 \u0641\u0642\u0637.\n      <\/strong>\n      \u0627\u0644\u0647\u062f\u0641 \u0623\u0646 \u062a\u0639\u0631\u0641 \u0645\u0627 \u0627\u0644\u0630\u064a \u062a\u063a\u064a\u0631\u060c \u0648\u0645\u0627 \u0627\u0644\u0630\u064a \u062a\u0645 \u0627\u0644\u0627\u062a\u0641\u0627\u0642 \u0639\u0644\u064a\u0647\u060c\n      \u0648\u0645\u0627 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0630\u064a \u064a\u062c\u0628 \u062a\u0646\u0641\u064a\u0630\u0647 \u0628\u0639\u062f \u0630\u0644\u0643.\n    <\/p>\n\n  <\/div>\n\n\n<\/div>\n\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull ghostkit-custom-1LppnP is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- =========================================================\n     SECTION 9 \u2014 FINAL CTA\n     Dark TaskBrowse CTA\n     ========================================================= -->\n\n<section class=\"tb-ai-cta\" dir=\"rtl\" aria-labelledby=\"tb-ai-cta-title\">\n\n<style>\n\n.tb-ai-cta {\n  --tb-red: #c8102e;\n  --tb-red-dark: #a90d27;\n  --tb-red-soft: rgba(200,16,46,.14);\n\n  --tb-black: #17181b;\n  --tb-charcoal: #202226;\n  --tb-charcoal-2: #292c31;\n  --tb-charcoal-3: #34383e;\n\n  --tb-white: #ffffff;\n  --tb-text-soft: #c9cdd3;\n  --tb-muted: #8f959d;\n\n  --raila-orange: #ee9b3a;\n\n  position: relative;\n  overflow: hidden;\n\n  padding: 100px 22px;\n\n  background:\n    radial-gradient(\n      circle at 14% 18%,\n      rgba(200,16,46,.20),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 90% 80%,\n      rgba(255,255,255,.035),\n      transparent 22%\n    ),\n    linear-gradient(\n      135deg,\n      #17181b 0%,\n      #202226 52%,\n      #151619 100%\n    );\n\n  color: #fff;\n}\n\n.tb-ai-cta *,\n.tb-ai-cta *::before,\n.tb-ai-cta *::after {\n  box-sizing: border-box;\n}\n\n.tb-ai-cta__container {\n  position: relative;\n  z-index: 2;\n\n  width: min(1180px, 100%);\n  margin: auto;\n}\n\n\n\/* =========================================================\n   DECORATIVE LINES\n   ========================================================= *\/\n\n.tb-ai-cta::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  opacity: .22;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.04) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.04) 1px,\n      transparent 1px\n    );\n\n  background-size: 44px 44px;\n\n  pointer-events: none;\n}\n\n.tb-ai-cta::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 420px;\n  height: 420px;\n\n  right: -180px;\n  top: -180px;\n\n  border: 1px solid rgba(255,255,255,.05);\n  border-radius: 50%;\n\n  box-shadow:\n    0 0 0 55px rgba(255,255,255,.018),\n    0 0 0 110px rgba(255,255,255,.012);\n\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   MAIN CARD\n   ========================================================= *\/\n\n.tb-ai-cta__card {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(310px, .7fr);\n\n  gap: clamp(45px, 7vw, 90px);\n\n  align-items: center;\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n\n.tb-ai-cta__content {\n  max-width: 720px;\n}\n\n.tb-ai-cta__kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n\n  margin-bottom: 16px;\n\n  color: #ff6f86;\n\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: .08em;\n}\n\n.tb-ai-cta__kicker::before {\n  content: \"\";\n\n  width: 29px;\n  height: 2px;\n\n  background: var(--tb-red);\n}\n\n.tb-ai-cta__title {\n  margin: 0;\n\n  color: #fff;\n\n  font-size: clamp(34px, 4.5vw, 56px);\n  line-height: 1.35;\n\n  font-weight: 800;\n  letter-spacing: -.8px;\n}\n\n.tb-ai-cta__title span {\n  color: #ff5a73;\n}\n\n.tb-ai-cta__lead {\n  max-width: 690px;\n\n  margin: 19px 0 0;\n\n  color: var(--tb-text-soft);\n\n  font-size: 16px;\n  line-height: 2;\n}\n\n\n\/* =========================================================\n   ACTIONS\n   ========================================================= *\/\n\n.tb-ai-cta__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 11px;\n\n  margin-top: 28px;\n}\n\n.tb-ai-cta__btn {\n  min-height: 48px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n\n  padding: 0 20px;\n\n  border-radius: 9px;\n\n  font-size: 13px;\n  font-weight: 800;\n\n  text-decoration: none !important;\n\n  transition:\n    transform .18s ease,\n    background-color .18s ease,\n    border-color .18s ease,\n    box-shadow .18s ease;\n}\n\n.tb-ai-cta__btn:hover {\n  transform: translateY(-2px);\n}\n\n.tb-ai-cta__btn--primary {\n  border: 1px solid var(--tb-red);\n\n  background: var(--tb-red);\n  color: #fff !important;\n\n  box-shadow:\n    0 10px 28px rgba(200,16,46,.26);\n}\n\n.tb-ai-cta__btn--primary:hover {\n  background: var(--tb-red-dark);\n  border-color: var(--tb-red-dark);\n\n  box-shadow:\n    0 14px 34px rgba(200,16,46,.32);\n}\n\n.tb-ai-cta__btn--secondary {\n  border: 1px solid rgba(255,255,255,.18);\n\n  background: rgba(255,255,255,.045);\n  color: #fff !important;\n\n  backdrop-filter: blur(6px);\n}\n\n.tb-ai-cta__btn--secondary:hover {\n  border-color: rgba(255,255,255,.3);\n\n  background: rgba(255,255,255,.075);\n}\n\n.tb-ai-cta__btn-spark {\n  color: var(--raila-orange);\n\n  font-size: 15px;\n}\n\n\n\/* =========================================================\n   TRUST\n   ========================================================= *\/\n\n.tb-ai-cta__trust {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px 24px;\n\n  margin-top: 23px;\n}\n\n.tb-ai-cta__trust-item {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n\n  color: var(--tb-muted);\n\n  font-size: 10px;\n}\n\n.tb-ai-cta__trust-item::before {\n  content: \"\u2713\";\n\n  width: 17px;\n  height: 17px;\n\n  display: grid;\n  place-items: center;\n\n  flex: 0 0 auto;\n\n  border-radius: 50%;\n\n  background: rgba(200,16,46,.14);\n  color: #ff6178;\n\n  font-size: 8px;\n}\n\n\n\/* =========================================================\n   RIGHT SIDE PANEL\n   ========================================================= *\/\n\n.tb-ai-cta__visual {\n  position: relative;\n\n  min-height: 315px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n\n\/* card *\/\n\n.tb-ai-cta__ai-card {\n  position: relative;\n  z-index: 2;\n\n  width: min(330px, 100%);\n\n  padding: 22px;\n\n  border: 1px solid rgba(255,255,255,.11);\n  border-radius: 16px;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(255,255,255,.07),\n      rgba(255,255,255,.035)\n    );\n\n  box-shadow:\n    0 20px 50px rgba(0,0,0,.26);\n\n  backdrop-filter: blur(10px);\n}\n\n\n\/* top *\/\n\n.tb-ai-cta__ai-top {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n\n  margin-bottom: 19px;\n}\n\n.tb-ai-cta__raila {\n  width: 39px;\n  height: 39px;\n\n  display: grid;\n  place-items: center;\n\n  flex: 0 0 auto;\n\n  border-radius: 10px;\n\n  background: #262a30;\n  color: var(--raila-orange);\n\n  font-size: 18px;\n\n  box-shadow:\n    inset 0 0 0 1px rgba(255,255,255,.05);\n}\n\n.tb-ai-cta__ai-copy {\n  display: flex;\n  flex-direction: column;\n}\n\n.tb-ai-cta__ai-copy strong {\n  color: #fff;\n\n  font-size: 11px;\n}\n\n.tb-ai-cta__ai-copy span {\n  margin-top: 2px;\n\n  color: #9298a0;\n\n  font-size: 8px;\n}\n\n\n\/* question *\/\n\n.tb-ai-cta__question {\n  padding: 10px 12px;\n\n  border-radius: 9px 9px 3px 9px;\n\n  background: #2a2d32;\n\n  color: #fff;\n\n  font-size: 9px;\n  line-height: 1.7;\n}\n\n\n\/* answer *\/\n\n.tb-ai-cta__answer {\n  margin-top: 10px;\n\n  padding: 12px;\n\n  border: 1px solid rgba(255,255,255,.08);\n  border-radius: 9px;\n\n  background: rgba(255,255,255,.04);\n}\n\n.tb-ai-cta__answer-label {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n\n  margin-bottom: 8px;\n\n  color: var(--raila-orange);\n\n  font-size: 8px;\n  font-weight: 700;\n}\n\n.tb-ai-cta__answer p {\n  margin: 0;\n\n  color: #c6cad0;\n\n  font-size: 8px;\n  line-height: 1.8;\n}\n\n\n\/* mini cards *\/\n\n.tb-ai-cta__mini-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n\n  gap: 7px;\n\n  margin-top: 10px;\n}\n\n.tb-ai-cta__mini {\n  padding: 9px;\n\n  border: 1px solid rgba(255,255,255,.075);\n  border-radius: 7px;\n\n  background: rgba(255,255,255,.03);\n}\n\n.tb-ai-cta__mini span {\n  display: block;\n\n  color: #8f959d;\n\n  font-size: 7px;\n}\n\n.tb-ai-cta__mini strong {\n  display: block;\n\n  margin-top: 3px;\n\n  color: #fff;\n\n  font-size: 10px;\n}\n\n.tb-ai-cta__mini--risk strong {\n  color: #ff677d;\n}\n\n.tb-ai-cta__mini--ok strong {\n  color: #79c5a4;\n}\n\n\n\/* =========================================================\n   RED ACCENT\n   ========================================================= *\/\n\n.tb-ai-cta__red-block {\n  position: absolute;\n\n  width: 150px;\n  height: 150px;\n\n  left: -18px;\n  bottom: 4px;\n\n  border-radius: 30px;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--tb-red),\n      #8e0c24\n    );\n\n  opacity: .2;\n\n  transform: rotate(14deg);\n\n  filter: blur(.2px);\n}\n\n\n\/* =========================================================\n   BOTTOM STRIP\n   ========================================================= *\/\n\n.tb-ai-cta__strip {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 0;\n\n  margin-top: 52px;\n\n  border-top: 1px solid rgba(255,255,255,.09);\n}\n\n.tb-ai-cta__strip-item {\n  padding: 19px 20px 0;\n\n  text-align: center;\n}\n\n.tb-ai-cta__strip-item + .tb-ai-cta__strip-item {\n  border-right: 1px solid rgba(255,255,255,.08);\n}\n\n.tb-ai-cta__strip-item strong {\n  display: block;\n\n  color: #fff;\n\n  font-size: 11px;\n}\n\n.tb-ai-cta__strip-item span {\n  display: block;\n\n  margin-top: 5px;\n\n  color: #8e949c;\n\n  font-size: 8px;\n  line-height: 1.6;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 850px) {\n\n  .tb-ai-cta {\n    padding: 80px 20px;\n  }\n\n  .tb-ai-cta__card {\n    grid-template-columns: 1fr;\n    gap: 50px;\n  }\n\n  .tb-ai-cta__visual {\n    min-height: auto;\n  }\n\n}\n\n\n@media (max-width: 600px) {\n\n  .tb-ai-cta {\n    padding:\n      65px\n      14px;\n  }\n\n  .tb-ai-cta__title {\n    font-size: 31px;\n  }\n\n  .tb-ai-cta__lead {\n    font-size: 14px;\n  }\n\n  .tb-ai-cta__actions {\n    flex-direction: column;\n  }\n\n  .tb-ai-cta__btn {\n    width: 100%;\n  }\n\n  .tb-ai-cta__trust {\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .tb-ai-cta__strip {\n    grid-template-columns: 1fr;\n  }\n\n  .tb-ai-cta__strip-item {\n    padding: 16px 0;\n  }\n\n  .tb-ai-cta__strip-item + .tb-ai-cta__strip-item {\n    border-right: 0;\n    border-top: 1px solid rgba(255,255,255,.07);\n  }\n\n}\n\n<\/style>\n\n\n<div class=\"tb-ai-cta__container\">\n\n\n  <!-- =====================================================\n       MAIN CTA\n       ===================================================== -->\n\n  <div class=\"tb-ai-cta__card\">\n\n\n    <!-- CONTENT -->\n\n    <div class=\"tb-ai-cta__content\">\n\n\n      <div class=\"tb-ai-cta__kicker\">\n        TASKBROWSE AI\n      <\/div>\n\n\n      <h2 id=\"tb-ai-cta-title\" class=\"tb-ai-cta__title\">\n        \u062c\u0631\u0651\u0628 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n        <span>\u0628\u0630\u0643\u0627\u0621 \u0623\u0643\u0628\u0631<\/span>\n      <\/h2>\n\n\n      <p class=\"tb-ai-cta__lead\">\n        \u0627\u0633\u062a\u062e\u062f\u0645 TaskBrowse \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0648\u0642\u062a\u060c\n        \u0648\u062f\u0639 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u064a\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u0641\u0647\u0645 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\u060c\n        \u0648\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0623\u062f\u0627\u0621\u060c \u0648\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a \u0648\u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0627\u062a\n        \u0625\u0644\u0649 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0646\u0641\u064a\u0630.\n      <\/p>\n\n\n      <div class=\"tb-ai-cta__actions\">\n\n\n        <a class=\"tb-ai-cta__btn tb-ai-cta__btn--primary\" href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=ar\" target=\"_blank\" rel=\"noopener\">\n          \u0627\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u064b\u0627\n        <\/a>\n\n\n      \n\n\n      <\/div>\n\n\n\n      <div class=\"tb-ai-cta__trust\">\n\n        <span class=\"tb-ai-cta__trust-item\">\n          \u0627\u0628\u062f\u0623 \u0628\u062f\u0648\u0646 \u062a\u0639\u0642\u064a\u062f\n        <\/span>\n\n        <span class=\"tb-ai-cta__trust-item\">\n          \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u062f\u0627\u062e\u0644 \u0628\u064a\u0626\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n        <\/span>\n\n        <span class=\"tb-ai-cta__trust-item\">\n          \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u062d\u0633\u0628 \u0635\u0644\u0627\u062d\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n        <\/span>\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- ===================================================\n         VISUAL\n         =================================================== -->\n\n    <div class=\"tb-ai-cta__visual\">\n\n\n      <span class=\"tb-ai-cta__red-block\" aria-hidden=\"true\"><\/span>\n\n\n      <div class=\"tb-ai-cta__ai-card\">\n\n\n        <div class=\"tb-ai-cta__ai-top\">\n\n          <span class=\"tb-ai-cta__raila\">\n            \u2726\n          <\/span>\n\n          <div class=\"tb-ai-cta__ai-copy\">\n\n            <strong>\n              \u0631\u0627\u064a\u0644\u0627\n            <\/strong>\n\n            <span>\n              \u0645\u0633\u0627\u0639\u062f TaskBrowse \u0627\u0644\u0630\u0643\u064a\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <div class=\"tb-ai-cta__question\">\n          \u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0646\u062a\u0628\u0627\u0647\u064a \u0627\u0644\u064a\u0648\u0645\u061f\n        <\/div>\n\n\n\n        <div class=\"tb-ai-cta__answer\">\n\n          <div class=\"tb-ai-cta__answer-label\">\n            \u2726\n            \u062a\u062d\u0644\u064a\u0644 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0639\u0645\u0644\n          <\/div>\n\n          <p>\n            \u064a\u0648\u062c\u062f \u0645\u0634\u0631\u0648\u0639 \u0645\u062a\u0623\u062e\u0631 \u0639\u0646 \u0627\u0644\u062e\u0637\u0629\u060c\n            \u0648\u0639\u0636\u0648\u0627\u0646 \u0645\u0646 \u0627\u0644\u0641\u0631\u064a\u0642 \u064a\u0639\u0645\u0644\u0627\u0646 \u0641\u0648\u0642 \u0627\u0644\u0633\u0639\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629.\n            \u062b\u0644\u0627\u062b\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0623\u062e\u0631\u0649 \u062a\u0633\u064a\u0631 \u0636\u0645\u0646 \u0627\u0644\u0646\u0637\u0627\u0642 \u0627\u0644\u0645\u062a\u0648\u0642\u0639.\n          <\/p>\n\n\n          <div class=\"tb-ai-cta__mini-grid\">\n\n            <div class=\"tb-ai-cta__mini tb-ai-cta__mini--risk\">\n              <span>\n                \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629\n              <\/span>\n\n              <strong>\n                1 \u0645\u0634\u0631\u0648\u0639\n              <\/strong>\n            <\/div>\n\n\n            <div class=\"tb-ai-cta__mini tb-ai-cta__mini--ok\">\n              <span>\n                \u0636\u0645\u0646 \u0627\u0644\u062e\u0637\u0629\n              <\/span>\n\n              <strong>\n                3 \u0645\u0634\u0627\u0631\u064a\u0639\n              <\/strong>\n            <\/div>\n\n          <\/div>\n\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       STRIP\n       ===================================================== -->\n\n  <div class=\"tb-ai-cta__strip\">\n\n\n    <div class=\"tb-ai-cta__strip-item\">\n\n      <strong>\n        \u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n      <\/strong>\n\n      <span>\n        AI \u064a\u0633\u0627\u0639\u062f\u0643 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u0644\u064a\u0633 \u0628\u0639\u062f \u0627\u0646\u062a\u0647\u0627\u0626\u0647 \u0641\u0642\u0637.\n      <\/span>\n\n    <\/div>\n\n\n    <div class=\"tb-ai-cta__strip-item\">\n\n      <strong>\n        \u0645\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0625\u0644\u0649 \u0627\u0644\u0641\u0647\u0645\n      <\/strong>\n\n      <span>\n        \u062d\u0648\u0651\u0644 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0642\u062f\u0645 \u0625\u0644\u0649 \u0645\u0624\u0634\u0631\u0627\u062a \u0623\u0648\u0636\u062d.\n      <\/span>\n\n    <\/div>\n\n\n    <div class=\"tb-ai-cta__strip-item\">\n\n      <strong>\n        \u0645\u0646 \u0627\u0644\u062d\u062f\u064a\u062b \u0625\u0644\u0649 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\n      <\/strong>\n\n      <span>\n        \u0627\u0633\u062a\u062e\u0631\u062c \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0645\u0646 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a \u0648\u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0627\u062a.\n      <\/span>\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- =========================================================\n     FINAL SECTION \u2014 FAQ\n     TaskBrowse AI\n     ========================================================= -->\n\n<section class=\"tb-ai-faq\" dir=\"rtl\" aria-labelledby=\"tb-ai-faq-title\">\n\n<style>\n\n.tb-ai-faq {\n  --tb-red: #c8102e;\n  --tb-red-dark: #a90d27;\n  --tb-red-soft: #fff1f3;\n\n  --tb-black: #202124;\n  --tb-text: #3b3f45;\n  --tb-muted: #737880;\n\n  --tb-bg: #f8f7f5;\n  --tb-white: #ffffff;\n  --tb-line: #e2dfdb;\n\n  --raila-navy: #2b3b4d;\n  --raila-orange: #ee9b3a;\n\n  position: relative;\n  overflow: hidden;\n\n  padding: 105px 22px 115px;\n\n  background:\n    radial-gradient(\n      circle at 90% 12%,\n      rgba(200,16,46,.035),\n      transparent 25%\n    ),\n    #f8f7f5;\n}\n\n.tb-ai-faq *,\n.tb-ai-faq *::before,\n.tb-ai-faq *::after {\n  box-sizing: border-box;\n}\n\n.tb-ai-faq__container {\n  width: min(1040px, 100%);\n  margin: auto;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.tb-ai-faq__header {\n  max-width: 760px;\n\n  margin: 0 auto 48px;\n\n  text-align: center;\n}\n\n.tb-ai-faq__kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n\n  margin-bottom: 14px;\n\n  color: var(--tb-red);\n\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: .08em;\n}\n\n.tb-ai-faq__kicker::before,\n.tb-ai-faq__kicker::after {\n  content: \"\";\n\n  width: 23px;\n  height: 1px;\n\n  background: rgba(200,16,46,.4);\n}\n\n.tb-ai-faq__title {\n  margin: 0;\n\n  color: var(--tb-black);\n\n  font-size: clamp(32px, 4vw, 46px);\n  line-height: 1.4;\n\n  font-weight: 800;\n}\n\n.tb-ai-faq__intro {\n  max-width: 680px;\n\n  margin: 16px auto 0;\n\n  color: var(--tb-muted);\n\n  font-size: 15px;\n  line-height: 2;\n}\n\n\n\/* =========================================================\n   FAQ LIST\n   ========================================================= *\/\n\n.tb-ai-faq__items {\n  display: grid;\n  gap: 10px;\n}\n\n\n\/* item *\/\n\n.tb-ai-faq__item {\n  overflow: hidden;\n\n  border: 1px solid var(--tb-line);\n  border-radius: 12px;\n\n  background: var(--tb-white);\n\n  transition:\n    border-color .2s ease,\n    box-shadow .2s ease;\n}\n\n.tb-ai-faq__item:hover {\n  border-color: #d3cfca;\n}\n\n.tb-ai-faq__item[open] {\n  border-color: rgba(200,16,46,.22);\n\n  box-shadow:\n    0 8px 22px rgba(32,33,36,.045);\n}\n\n\n\/* =========================================================\n   QUESTION\n   ========================================================= *\/\n\n.tb-ai-faq__question {\n  position: relative;\n\n  min-height: 72px;\n\n  display: flex;\n  align-items: center;\n\n  padding:\n    18px\n    24px\n    18px\n    68px;\n\n  list-style: none;\n\n  cursor: pointer;\n\n  color: var(--tb-black);\n\n  font-size: 15px;\n  line-height: 1.7;\n  font-weight: 800;\n\n  user-select: none;\n}\n\n.tb-ai-faq__question::-webkit-details-marker {\n  display: none;\n}\n\n.tb-ai-faq__question::marker {\n  display: none;\n  content: \"\";\n}\n\n\n\/* plus *\/\n\n.tb-ai-faq__question::after {\n  content: \"+\";\n\n  position: absolute;\n\n  left: 22px;\n  top: 50%;\n\n  width: 30px;\n  height: 30px;\n\n  display: grid;\n  place-items: center;\n\n  transform: translateY(-50%);\n\n  border-radius: 8px;\n\n  background: var(--tb-red-soft);\n\n  color: var(--tb-red);\n\n  font-size: 19px;\n  line-height: 1;\n  font-weight: 500;\n\n  transition:\n    transform .2s ease,\n    background-color .2s ease,\n    color .2s ease;\n}\n\n.tb-ai-faq__item[open] .tb-ai-faq__question::after {\n  content: \"\u2212\";\n\n  background: var(--tb-red);\n  color: #fff;\n}\n\n\n\/* red line when open *\/\n\n.tb-ai-faq__item[open] .tb-ai-faq__question {\n  color: var(--tb-red-dark);\n}\n\n\n\/* =========================================================\n   ANSWER\n   ========================================================= *\/\n\n.tb-ai-faq__answer {\n  padding:\n    0\n    24px\n    22px\n    68px;\n}\n\n.tb-ai-faq__answer-inner {\n  padding-top: 16px;\n\n  border-top: 1px solid #eeece9;\n\n  color: #62676e;\n\n  font-size: 13px;\n  line-height: 2;\n}\n\n.tb-ai-faq__answer p {\n  margin: 0;\n}\n\n.tb-ai-faq__answer p + p {\n  margin-top: 10px;\n}\n\n.tb-ai-faq__answer strong {\n  color: var(--tb-black);\n}\n\n\n\/* =========================================================\n   RAILA SPECIAL ITEM\n   ========================================================= *\/\n\n.tb-ai-faq__item--raila .tb-ai-faq__question::before {\n  content: \"\u2726\";\n\n  display: inline-grid;\n  place-items: center;\n\n  width: 25px;\n  height: 25px;\n\n  flex: 0 0 auto;\n\n  margin-left: 9px;\n\n  border-radius: 7px;\n\n  background: var(--raila-navy);\n\n  color: var(--raila-orange);\n\n  font-size: 11px;\n}\n\n\n\/* =========================================================\n   BOTTOM\n   ========================================================= *\/\n\n.tb-ai-faq__bottom {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 8px;\n\n  margin-top: 32px;\n\n  color: #81858c;\n\n  font-size: 11px;\n  line-height: 1.8;\n\n  text-align: center;\n}\n\n.tb-ai-faq__bottom span {\n  color: var(--tb-red);\n\n  font-size: 13px;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 700px) {\n\n  .tb-ai-faq {\n    padding:\n      75px\n      16px\n      85px;\n  }\n\n  .tb-ai-faq__header {\n    margin-bottom: 35px;\n  }\n\n  .tb-ai-faq__title {\n    font-size: 30px;\n  }\n\n  .tb-ai-faq__intro {\n    font-size: 14px;\n  }\n\n  .tb-ai-faq__question {\n    min-height: 66px;\n\n    padding:\n      16px\n      17px\n      16px\n      57px;\n\n    font-size: 13px;\n  }\n\n  .tb-ai-faq__question::after {\n    left: 16px;\n\n    width: 27px;\n    height: 27px;\n  }\n\n  .tb-ai-faq__answer {\n    padding:\n      0\n      17px\n      18px\n      57px;\n  }\n\n  .tb-ai-faq__answer-inner {\n    font-size: 12px;\n  }\n\n}\n\n<\/style>\n\n\n<div class=\"tb-ai-faq__container\">\n\n\n  <!-- =====================================================\n       HEADER\n       ===================================================== -->\n\n  <header class=\"tb-ai-faq__header\">\n\n    <div class=\"tb-ai-faq__kicker\">\n      \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\n    <\/div>\n\n    <h2\n      id=\"tb-ai-faq-title\"\n      class=\"tb-ai-faq__title\"\n    >\n      \u0623\u0633\u0626\u0644\u0629 \u0634\u0627\u0626\u0639\u0629 \u062d\u0648\u0644 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n    <\/h2>\n\n    <p class=\"tb-ai-faq__intro\">\n      \u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0643\u064a\u0641\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a TaskBrowse\n      \u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u0631\u0642 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0641\u064a \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u064a\u0648\u0645\u064a.\n    <\/p>\n\n  <\/header>\n\n\n\n  <!-- =====================================================\n       FAQ ITEMS\n       ===================================================== -->\n\n  <div class=\"tb-ai-faq__items\">\n\n\n    <!-- FAQ 1 -->\n\n    <details class=\"tb-ai-faq__item\">\n\n      <summary class=\"tb-ai-faq__question\">\n        \u0645\u0627 \u0647\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u061f\n      <\/summary>\n\n      <div class=\"tb-ai-faq__answer\">\n\n        <div class=\"tb-ai-faq__answer-inner\">\n\n          <p>\n            \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u062a\u0639\u0646\u064a \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0642\u0646\u064a\u0627\u062a AI\n            \u0644\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0648\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0627\u0646\u062d\u0631\u0627\u0641\u0627\u062a\u060c\n            \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a\u060c \u0648\u0641\u0647\u0645 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u062a\u0644\u062e\u064a\u0635 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u060c\n            \u0648\u062f\u0639\u0645 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u062a\u062e\u0630\u0647\u0627 \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0644\u0641\u0631\u064a\u0642.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/details>\n\n\n\n    <!-- FAQ 2 -->\n\n    <details class=\"tb-ai-faq__item\">\n\n      <summary class=\"tb-ai-faq__question\">\n        \u0643\u064a\u0641 \u064a\u0633\u062a\u062e\u062f\u0645 TaskBrowse \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\u061f\n      <\/summary>\n\n      <div class=\"tb-ai-faq__answer\">\n\n        <div class=\"tb-ai-faq__answer-inner\">\n\n          <p>\n            \u064a\u0633\u062a\u062e\u062f\u0645 TaskBrowse \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a \u0639\u062f\u0629 \u0623\u062c\u0632\u0627\u0621 \u0645\u0646 \u0627\u0644\u0639\u0645\u0644\u060c\n            \u0645\u0646\u0647\u0627 \u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631\u060c \u0648\u062a\u0642\u062f\u064a\u0631 \u0645\u062f\u0629 \u0627\u0644\u0623\u0646\u0634\u0637\u0629\u060c\n            \u0648\u0627\u0642\u062a\u0631\u0627\u062d \u0627\u0644\u0648\u0633\u0648\u0645\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a\u060c \u0648\u062a\u0644\u062e\u064a\u0635 \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0627\u062a\u060c\n            \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0645\u0633\u0627\u0639\u062f TaskBrowse \u0627\u0644\u0630\u0643\u064a \u00ab\u0631\u0627\u064a\u0644\u0627\u00bb.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/details>\n\n\n\n    <!-- FAQ 3 -->\n\n    <details class=\"tb-ai-faq__item tb-ai-faq__item--raila\">\n\n      <summary class=\"tb-ai-faq__question\">\n        \u0645\u0627 \u0647\u064a \u0631\u0627\u064a\u0644\u0627 \u0641\u064a TaskBrowse\u061f\n      <\/summary>\n\n      <div class=\"tb-ai-faq__answer\">\n\n        <div class=\"tb-ai-faq__answer-inner\">\n\n          <p>\n            <strong>\u0631\u0627\u064a\u0644\u0627<\/strong> \u0647\u064a \u0645\u0633\u0627\u0639\u062f TaskBrowse \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a.\n            \u064a\u0645\u0643\u0646\u0647\u0627 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0633\u062c\u0644\u0629 \u0641\u064a \u0627\u0644\u0646\u0638\u0627\u0645 \u0648\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0646 \u0623\u0633\u0626\u0644\u0629\n            \u0645\u062b\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629\u060c \u0648\u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629\u060c\n            \u0648\u062a\u0648\u0632\u064a\u0639 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0627\u0644\u0641\u0631\u0642 \u0628\u064a\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0641\u0639\u0644\u064a.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/details>\n\n\n\n    <!-- FAQ 4 -->\n\n    <details class=\"tb-ai-faq__item\">\n\n      <summary class=\"tb-ai-faq__question\">\n        \u0647\u0644 \u064a\u0633\u062a\u0637\u064a\u0639 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0645\u0634\u0627\u0631\u064a\u0639\u064a \u0627\u0644\u0641\u0639\u0644\u064a\u0629\u061f\n      <\/summary>\n\n      <div class=\"tb-ai-faq__answer\">\n\n        <div class=\"tb-ai-faq__answer-inner\">\n\n          <p>\n            \u0646\u0639\u0645. \u0628\u062e\u0644\u0627\u0641 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u0639\u0627\u0645\u0629\u060c\n            \u062a\u0633\u062a\u0637\u064a\u0639 \u0631\u0627\u064a\u0644\u0627 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629 \u062f\u0627\u062e\u0644 TaskBrowse\n            \u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0639\u0644\u0649 \u062a\u062d\u0644\u064a\u0644 \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0648\u0642\u062a\n            \u0648\u0627\u0644\u062a\u0642\u062f\u0645 \u0648\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u063a\u064a\u0631\u0647\u0627 \u0645\u0646 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0644\u0647.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/details>\n\n\n\n    <!-- FAQ 5 -->\n\n    <details class=\"tb-ai-faq__item\">\n\n      <summary class=\"tb-ai-faq__question\">\n        \u0647\u0644 \u064a\u0631\u0627\u0639\u064a TaskBrowse \u0635\u0644\u0627\u062d\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0639\u0646\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u061f\n      <\/summary>\n\n      <div class=\"tb-ai-faq__answer\">\n\n        <div class=\"tb-ai-faq__answer-inner\">\n\n          <p>\n            \u0646\u0639\u0645. \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0648\u0627\u0633\u0637\u0629 \u0631\u0627\u064a\u0644\u0627 \u064a\u062a\u0645 \u0648\u0641\u0642\u064b\u0627 \u0644\u0635\u0644\u0627\u062d\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n            \u062f\u0627\u062e\u0644 TaskBrowse\u060c \u0628\u062d\u064a\u062b \u064a\u0639\u062a\u0645\u062f \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\n            \u0627\u0644\u062a\u064a \u064a\u0645\u0644\u0643 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0635\u0644\u0627\u062d\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u064a\u0647\u0627.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/details>\n\n\n\n    <!-- FAQ 6 -->\n\n    <details class=\"tb-ai-faq__item\">\n\n      <summary class=\"tb-ai-faq__question\">\n        \u0643\u064a\u0641 \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a \u062a\u0642\u062f\u064a\u0631 \u0645\u062f\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\u061f\n      <\/summary>\n\n      <div class=\"tb-ai-faq__answer\">\n\n        <div class=\"tb-ai-faq__answer-inner\">\n\n          <p>\n            \u0639\u0646\u062f \u0625\u0646\u0634\u0627\u0621 \u0646\u0634\u0627\u0637\u060c \u064a\u0645\u0643\u0646 \u0644\u0640 TaskBrowse \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0645\u0634\u0627\u0628\u0647\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\n            \u0648\u0627\u0642\u062a\u0631\u0627\u062d \u0648\u0642\u062a \u062a\u0642\u062f\u064a\u0631\u064a \u0627\u0639\u062a\u0645\u0627\u062f\u064b\u0627 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629.\n            \u064a\u0633\u0627\u0639\u062f \u0630\u0644\u0643 \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0639\u0644\u0649 \u0648\u0636\u0639 \u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0623\u0643\u062b\u0631 \u0648\u0627\u0642\u0639\u064a\u0629\n            \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0644\u0644\u0633\u0639\u0629 \u0648\u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/details>\n\n\n\n    <!-- FAQ 7 -->\n\n    <details class=\"tb-ai-faq__item\">\n\n      <summary class=\"tb-ai-faq__question\">\n        \u0647\u0644 \u064a\u0633\u062a\u0637\u064a\u0639 TaskBrowse \u0627\u0642\u062a\u0631\u0627\u062d \u0648\u0633\u0648\u0645 \u0644\u0644\u0623\u0646\u0634\u0637\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627\u061f\n      <\/summary>\n\n      <div class=\"tb-ai-faq__answer\">\n\n        <div class=\"tb-ai-faq__answer-inner\">\n\n          <p>\n            \u0646\u0639\u0645. \u064a\u0645\u0643\u0646 \u0644\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0642\u062a\u0631\u0627\u062d \u0648\u0633\u0648\u0645 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0646\u0634\u0627\u0637\u060c\n            \u0633\u0648\u0627\u0621 \u0645\u0646 \u0627\u0644\u0648\u0633\u0648\u0645 \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629 \u0645\u0633\u0628\u0642\u064b\u0627 \u0623\u0648 \u0639\u0628\u0631 \u0627\u0642\u062a\u0631\u0627\u062d \u0648\u0633\u0648\u0645 \u062c\u062f\u064a\u062f\u0629.\n            \u064a\u0633\u0627\u0639\u062f \u0630\u0644\u0643 \u0639\u0644\u0649 \u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0628\u0634\u0643\u0644 \u0623\u0633\u0631\u0639\n            \u0648\u062a\u062d\u0633\u064a\u0646 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/details>\n\n\n\n    <!-- FAQ 8 -->\n\n    <details class=\"tb-ai-faq__item\">\n\n      <summary class=\"tb-ai-faq__question\">\n        \u0643\u064a\u0641 \u064a\u0633\u062a\u062e\u062f\u0645 TaskBrowse \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a\u061f\n      <\/summary>\n\n      <div class=\"tb-ai-faq__answer\">\n\n        <div class=\"tb-ai-faq__answer-inner\">\n\n          <p>\n            \u064a\u0645\u0643\u0646\u0643 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639 \u0623\u0648 \u0631\u0641\u0639 \u0645\u0644\u0641 \u0635\u0648\u062a\u064a\u060c\n            \u062b\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0643\u0644\u0627\u0645 \u0625\u0644\u0649 \u0646\u0635\u060c\n            \u0648\u062a\u0644\u062e\u064a\u0635 \u0627\u0644\u0646\u0642\u0627\u0634\u060c \u0648\u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0623\u0647\u0645 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0647\u0627\u0645\n            \u0627\u0644\u062a\u064a \u064a\u0645\u0643\u0646 \u0645\u062a\u0627\u0628\u0639\u062a\u0647\u0627 \u0628\u0639\u062f \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/details>\n\n\n\n    <!-- FAQ 9 -->\n\n    <details class=\"tb-ai-faq__item\">\n\n      <summary class=\"tb-ai-faq__question\">\n        \u0647\u0644 \u064a\u0645\u0643\u0646 \u0644\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u062a\u0644\u062e\u064a\u0635 \u0645\u062d\u0627\u062f\u062b\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u061f\n      <\/summary>\n\n      <div class=\"tb-ai-faq__answer\">\n\n        <div class=\"tb-ai-faq__answer-inner\">\n\n          <p>\n            \u0646\u0639\u0645. \u064a\u0633\u062a\u0637\u064a\u0639 TaskBrowse \u062a\u0644\u062e\u064a\u0635 \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0627\u062a\n            \u0648\u0625\u0638\u0647\u0627\u0631 \u0623\u0647\u0645 \u0627\u0644\u0646\u0642\u0627\u0637 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0646\u0627\u062a\u062c\u0629 \u0639\u0646\u0647\u0627\u060c\n            \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0645\u0631\u0627\u062c\u0639\u0629 \u0639\u062f\u062f \u0643\u0628\u064a\u0631 \u0645\u0646 \u0627\u0644\u0631\u0633\u0627\u0626\u0644\n            \u0644\u0645\u0639\u0631\u0641\u0629 \u0645\u0627 \u062a\u0645 \u0627\u0644\u0627\u062a\u0641\u0627\u0642 \u0639\u0644\u064a\u0647.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/details>\n\n\n\n    <!-- FAQ 10 -->\n\n    <details class=\"tb-ai-faq__item\">\n\n      <summary class=\"tb-ai-faq__question\">\n        \u0647\u0644 \u064a\u0633\u062a\u0628\u062f\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u061f\n      <\/summary>\n\n      <div class=\"tb-ai-faq__answer\">\n\n        <div class=\"tb-ai-faq__answer-inner\">\n\n          <p>\n            \u0644\u0627. \u062f\u0648\u0631 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a TaskBrowse \u0647\u0648 \u0645\u0633\u0627\u0639\u062f\u0629 \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n            \u0639\u0644\u0649 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u062a\u062d\u0644\u064a\u0644\u0647\u0627 \u0628\u0634\u0643\u0644 \u0623\u0633\u0631\u0639\u060c\n            \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0648\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629.\n            \u0623\u0645\u0627 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0641\u0631\u064a\u0642 \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0641\u062a\u0628\u0642\u0649 \u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0623\u0634\u062e\u0627\u0635.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/details>\n\n\n  <\/div>\n\n\n\n  <!-- =====================================================\n       BOTTOM\n       ===================================================== -->\n\n  <div class=\"tb-ai-faq__bottom\">\n    <span>\u2726<\/span>\n    TaskBrowse AI \u064a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0628\u064a\u0627\u0646\u0627\u062a \u0645\u0634\u0631\u0648\u0639\u0643 \u0628\u0634\u0643\u0644 \u0623\u0643\u062b\u0631 \u0641\u0627\u0639\u0644\u064a\u0629.\n  <\/div>\n\n\n<\/div>\n\n<\/section>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>TASKBROWSE \u00b7 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c \u0627\u0639\u062a\u0645\u0627\u062f\u064b\u0627 \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629 \u0644\u0627 \u064a\u0639\u0645\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a TaskBrowse \u0628\u0639\u064a\u062f\u064b\u0627 \u0639\u0646 \u0648\u0627\u0642\u0639 \u0645\u0634\u0631\u0648\u0639\u0643. \u0628\u0644 \u064a\u062d\u0644\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0639\u0644\u0649 \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u062a\u0623\u062e\u064a\u0631\u0627\u062a\u060c \u0648\u0641\u0647\u0645 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u062e\u0637\u0629 \u0628\u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0648\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0623\u0648\u0636\u062d. \u062a\u062d\u062f\u062b \u0645\u0639 \u0631\u0627\u064a\u0644\u0627 \u0648\u0627\u0633\u062a\u0643\u0634\u0641 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0644\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0623\u0646 \u064a\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u0641\u0647\u0645&hellip;&nbsp;<a href=\"https:\/\/taskbrowse.com\/ar\/zaka-estenaei-taskbrowse\/\" rel=\"bookmark\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f &raquo;<span class=\"screen-reader-text\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":10112,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ghostkit_customizer_options":"","ghostkit_custom_css":"","ghostkit_custom_js_head":"","ghostkit_custom_js_foot":"","ghostkit_typography":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"on","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-10081","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/10081","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/comments?post=10081"}],"version-history":[{"count":28,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/10081\/revisions"}],"predecessor-version":[{"id":10137,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/10081\/revisions\/10137"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/media\/10112"}],"wp:attachment":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/media?parent=10081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}