{"id":10249,"date":"2026-09-13T10:28:11","date_gmt":"2026-09-13T10:28:11","guid":{"rendered":"https:\/\/taskbrowse.com\/ar\/?page_id=10249"},"modified":"2026-09-13T11:41:57","modified_gmt":"2026-09-13T11:41:57","slug":"%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d8%ac-%d8%a5%d8%af%d8%a7%d8%b1%d8%a9-%d9%85%d8%b4%d8%a7%d8%b1%d9%8a%d8%b9-%d9%88-%d8%a7%d9%84%d9%85%d9%87%d8%a7%d9%85-taskbrowse","status":"publish","type":"page","link":"https:\/\/taskbrowse.com\/ar\/","title":{"rendered":"\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0648 \u0627\u0644\u0645\u0647\u0627\u0645 TaskBrowse"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ==========================================================================\n   TaskBrowse homepage hero with Raila\n   ========================================================================== *\/\n\n#tb-raila-hero,\n#tb-raila-hero * {\n  box-sizing: border-box;\n}\n\n#tb-raila-hero {\n  --tbrh-charcoal: #202124;\n  --tbrh-red: #c8102e;\n  --tbrh-red-dark: #a80d27;\n  --tbrh-paper: #ffffff;\n  --tbrh-off: #f7f4f0;\n  --tbrh-line: #e3dfda;\n  --tbrh-muted: #6b6864;\n  --tbrh-sidebar: #2f3e52;\n  --tbrh-sidebar-soft: #3a4b61;\n  --tbrh-blue: #2376bd;\n\n  position: relative;\n  isolation: isolate;\n\n  width: 100%;\n  overflow: hidden;\n\n  padding:\n    clamp(64px, 7vw, 102px)\n    0\n    clamp(58px, 6vw, 92px);\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #fbfaf8 38%,\n      #f8f5f1 72%,\n      #f6f3ef 92%,\n      #f6f3ef 100%\n    );\n\n  color: var(--tbrh-charcoal);\n\n  direction: rtl;\n  text-align: right;\n\n  font-family:\n    \"Noto Sans Arabic\",\n    \"Noto Naskh Arabic\",\n    Tahoma,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n}\n\n#tb-raila-hero button,\n#tb-raila-hero input {\n  font: inherit;\n}\n\n#tb-raila-hero button {\n  cursor: pointer;\n}\n\n#tb-raila-hero a {\n  text-decoration: none;\n}\n\n#tb-raila-hero button:focus-visible,\n#tb-raila-hero input:focus-visible,\n#tb-raila-hero a:focus-visible {\n  outline: 3px solid rgba(200, 16, 46, 0.24);\n  outline-offset: 3px;\n}\n\n#tb-raila-hero .tbrh-sr {\n  position: absolute;\n\n  width: 1px;\n  height: 1px;\n\n  padding: 0;\n  margin: -1px;\n\n  overflow: hidden;\n\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n\n  border: 0;\n}\n\n\n\/* ==========================================================================\n   HERO INTRODUCTION\n   ========================================================================== *\/\n\n#tb-raila-hero .tbrh-intro {\n  display: grid;\n\n  grid-template-columns:\n    minmax(410px, 0.95fr)\n    minmax(0, 1.55fr);\n\n  gap: clamp(54px, 6vw, 94px);\n\n  align-items: start;\n\n  width: min(1440px, calc(100% - 42px));\n\n  margin:\n    0\n    auto\n    clamp(44px, 4.5vw, 64px);\n\n  text-align: right;\n}\n\n\n\/* Right column in RTL hero *\/\n\n#tb-raila-hero .tbrh-intro-left {\n  min-width: 0;\n  padding-top: 2px;\n}\n\n#tb-raila-hero .tbrh-kicker {\n  max-width: 520px;\n\n  margin: 0 0 18px;\n\n  color: var(--tbrh-red);\n\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.8;\n  letter-spacing: 0;\n  text-transform: none;\n}\n\n#tb-raila-hero h1 {\n  max-width: 640px;\n\n  margin: 0;\n\n  color: var(--tbrh-charcoal);\n\n  font-size: clamp(46px, 4vw, 60px);\n  font-weight: 700;\n  line-height: 1.2;\n  letter-spacing: 0;\n\n  white-space: normal;\n}\n\n\n\/* Right column *\/\n\n#tb-raila-hero .tbrh-intro-right {\n  width: 100%;\n  max-width: 800px;\n  min-width: 0;\n\n  text-align: right;\n}\n\n#tb-raila-hero .tbrh-lead {\n  max-width: 790px;\n\n  margin: 0;\n\n  color: #4f4c48;\n\n  font-size: clamp(18px, 1.5vw, 21px);\n  line-height: 1.9;\n}\n\n#tb-raila-hero .tbrh-sublead {\n  max-width: 690px;\n\n  margin: 15px 0 0;\n\n  color: var(--tbrh-muted);\n\n  font-size: 15px;\n  line-height: 1.8;\n}\n\n#tb-raila-hero .tbrh-hero-actions {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  flex-wrap: wrap;\n\n  gap: 12px;\n\n  margin-top: 26px;\n}\n\n#tb-raila-hero .tbrh-primary,\n#tb-raila-hero .tbrh-secondary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  min-height: 50px;\n\n  padding: 0 23px;\n\n  border-radius: 10px;\n\n  font-size: 15px;\n  font-weight: 700;\n\n  transition:\n    transform 0.16s ease,\n    background 0.16s ease,\n    border-color 0.16s ease,\n    box-shadow 0.16s ease;\n}\n\n#tb-raila-hero .tbrh-primary {\n  background: var(--tbrh-red);\n  color: #ffffff;\n\n  box-shadow: 0 10px 24px rgba(200, 16, 46, 0.18);\n}\n\n#tb-raila-hero .tbrh-primary:hover {\n  background: var(--tbrh-red-dark);\n\n  transform: translateY(-1px);\n}\n\n#tb-raila-hero .tbrh-secondary {\n  gap: 9px;\n\n  border: 1px solid var(--tbrh-line);\n\n  background: rgba(255, 255, 255, 0.76);\n  color: var(--tbrh-charcoal);\n}\n\n#tb-raila-hero .tbrh-secondary:hover {\n  border-color: #cbc5bf;\n\n  background: #ffffff;\n\n  transform: translateY(-1px);\n}\n\n#tb-raila-hero .tbrh-mini-flare {\n  color: var(--tbrh-red);\n\n  font-size: 18px;\n}\n\n\n\/* Smaller desktop *\/\n\n@media (min-width: 1040px) and (max-width: 1180px) {\n  #tb-raila-hero .tbrh-intro {\n    grid-template-columns:\n      minmax(390px, 0.95fr)\n      minmax(0, 1.4fr);\n\n    gap: 48px;\n  }\n\n  #tb-raila-hero h1 {\n    font-size: clamp(46px, 4.15vw, 52px);\n  }\n\n  #tb-raila-hero .tbrh-lead {\n    font-size: 18px;\n    line-height: 1.85;\n  }\n}\n\n\n\/* Tablet and narrower screens *\/\n\n@media (max-width: 1039px) {\n  #tb-raila-hero .tbrh-intro {\n    display: block;\n\n    width: min(900px, calc(100% - 40px));\n\n    margin-bottom: 42px;\n\n    text-align: center;\n  }\n\n  #tb-raila-hero .tbrh-intro-left,\n  #tb-raila-hero .tbrh-intro-right {\n    width: 100%;\n    max-width: none;\n\n    text-align: center;\n  }\n\n  #tb-raila-hero .tbrh-kicker {\n    max-width: 600px;\n\n    margin:\n      0\n      auto\n      18px;\n  }\n\n  #tb-raila-hero h1 {\n    max-width: 760px;\n\n    margin: 0 auto;\n\n    font-size: clamp(40px, 6.5vw, 58px);\n    line-height: 1.22;\n\n    white-space: normal;\n  }\n\n  #tb-raila-hero .tbrh-lead {\n    max-width: 820px;\n\n    margin:\n      25px\n      auto\n      0;\n\n    font-size: clamp(17px, 2vw, 20px);\n  }\n\n  #tb-raila-hero .tbrh-sublead {\n    max-width: 680px;\n\n    margin:\n      12px\n      auto\n      0;\n  }\n\n  #tb-raila-hero .tbrh-hero-actions {\n    justify-content: center;\n\n    margin-top: 27px;\n  }\n}\n\n\n\/* ==========================================================================\n   RAILA CANVAS\n   ========================================================================== *\/\n\n#tb-raila-hero .tbrh-canvas {\n  width: min(1440px, calc(100% - 42px));\n  height: 720px;\n\n  margin: 0 auto;\n\n  overflow: hidden;\n\n  border: 1px solid rgba(227, 223, 218, 0.98);\n  border-radius: 24px;\n\n  background: #ffffff;\n\n  box-shadow: 0 34px 100px rgba(32, 33, 36, 0.17);\n\n  scroll-margin-top: 28px;\n}\n\n\n\/* ==========================================================================\n   APP BAR\n   ========================================================================== *\/\n\n#tb-raila-hero .tbrh-appbar {\n  display: flex;\n  align-items: center;\n\n  gap: 12px;\n\n  height: 76px;\n\n  padding: 12px 18px;\n\n  border-bottom: 1px solid var(--tbrh-line);\n\n  background: #ffffff;\n}\n\n#tb-raila-hero .tbrh-icon-button {\n  display: none;\n\n  width: 40px;\n  height: 40px;\n\n  padding: 9px;\n\n  border: 0;\n  border-radius: 8px;\n\n  background: #f5f2ee;\n}\n\n#tb-raila-hero .tbrh-icon-button span {\n  display: block;\n\n  width: 100%;\n  height: 2px;\n\n  margin: 4px 0;\n\n  background: var(--tbrh-charcoal);\n}\n\n#tb-raila-hero .tbrh-brand {\n  display: flex;\n  align-items: center;\n\n  gap: 12px;\n\n  min-width: 0;\n\n  direction: rtl;\n  text-align: right;\n}\n\n#tb-raila-hero .tbrh-brand-mark {\n  display: block;\n  flex: 0 0 auto;\n\n  width: 46px;\n  height: 46px;\n}\n\n#tb-raila-hero .tbrh-brand-mark svg {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n}\n\n#tb-raila-hero .tbrh-brand-mark rect {\n  fill: var(--tbrh-charcoal);\n}\n\n#tb-raila-hero .tbrh-flare-main {\n  fill: #ffffff;\n}\n\n#tb-raila-hero .tbrh-flare-small {\n  fill: var(--tbrh-red);\n}\n\n#tb-raila-hero .tbrh-brand strong,\n#tb-raila-hero .tbrh-brand span {\n  display: block;\n}\n\n#tb-raila-hero .tbrh-brand strong {\n  font-size: 15px;\n}\n\n#tb-raila-hero .tbrh-brand span {\n  margin-top: 2px;\n\n  color: var(--tbrh-muted);\n\n  font-size: 12px;\n}\n\n#tb-raila-hero .tbrh-app-meta {\n  display: flex;\n  align-items: center;\n\n  gap: 12px;\n\n  margin-left: 0;\n  margin-right: auto;\n}\n\n#tb-raila-hero .tbrh-demo-chip {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 8px;\n\n  padding: 7px 11px;\n\n  border: 1px solid var(--tbrh-line);\n  border-radius: 999px;\n\n  background: #fbfaf8;\n  color: #57534f;\n\n  font-size: 12px;\n}\n\n#tb-raila-hero .tbrh-demo-chip i {\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: #2f7a53;\n\n  box-shadow: 0 0 0 4px rgba(47, 122, 83, 0.1);\n}\n\n#tb-raila-hero .tbrh-reset {\n  border: 0;\n\n  background: transparent;\n  color: var(--tbrh-muted);\n\n  font-size: 12px;\n}\n\n#tb-raila-hero .tbrh-reset:hover {\n  color: var(--tbrh-red);\n}\n\n\n\/* ==========================================================================\n   APP BODY\n   ========================================================================== *\/\n\n#tb-raila-hero .tbrh-appbody {\n  position: relative;\n\n  display: flex;\n\n  height: calc(100% - 76px);\n  min-height: 0;\n}\n\n\n\/* ==========================================================================\n   SIDEBAR\n   ========================================================================== *\/\n\n#tb-raila-hero .tbrh-sidebar {\n  display: flex;\n  flex: 0 0 280px;\n  flex-direction: column;\n\n  min-height: 0;\n\n  background: var(--tbrh-sidebar);\n  color: #e5ebf1;\n}\n\n#tb-raila-hero .tbrh-sidebar-top {\n  padding: 16px 14px 12px;\n}\n\n#tb-raila-hero .tbrh-new-chat {\n  display: flex;\n  align-items: center;\n\n  gap: 8px;\n\n  width: 100%;\n  min-height: 42px;\n\n  padding: 0 13px;\n\n  border: 0;\n  border-radius: 8px;\n\n  background: #eaa13d;\n  color: #291b09;\n\n  font-size: 13px;\n  font-weight: 700;\n}\n\n#tb-raila-hero .tbrh-new-chat:hover {\n  background: #f0ae53;\n}\n\n#tb-raila-hero .tbrh-search {\n  position: relative;\n\n  display: block;\n\n  margin-top: 12px;\n}\n\n#tb-raila-hero .tbrh-search > span[aria-hidden=\"true\"] {\n  position: absolute;\n  top: 50%;\n  right: 11px;\n  left: auto;\n\n  transform: translateY(-50%);\n\n  opacity: 0.65;\n}\n\n#tb-raila-hero .tbrh-search input {\n  width: 100%;\n\n  direction: rtl;\n  text-align: right;\n  height: 39px;\n\n  padding: 0 34px 0 12px;\n\n  border: 1px solid rgba(255, 255, 255, 0.16);\n  border-radius: 8px;\n\n  outline: none;\n\n  background: rgba(255, 255, 255, 0.08);\n  color: #ffffff;\n\n  font-size: 12px;\n}\n\n#tb-raila-hero .tbrh-search input::placeholder {\n  color: rgba(255, 255, 255, 0.58);\n}\n\n#tb-raila-hero .tbrh-history {\n  flex: 1 1 auto;\n\n  direction: rtl;\n\n  min-height: 0;\n\n  overflow-y: auto;\n\n  padding: 2px 9px 18px;\n}\n\n#tb-raila-hero .tbrh-history-group {\n  margin-top: 13px;\n}\n\n#tb-raila-hero .tbrh-history-label {\n  padding: 0 8px 5px;\n\n  color: rgba(229, 235, 241, 0.55);\n\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0;\n  text-transform: none;\n}\n\n#tb-raila-hero .tbrh-history-item {\n  display: block;\n\n  width: 100%;\n\n  padding: 9px 10px;\n\n  overflow: hidden;\n\n  border: 0;\n  border-radius: 7px;\n\n  background: transparent;\n  color: #e5ebf1;\n\n  text-align: right;\n\n  font-size: 12.5px;\n  line-height: 1.65;\n\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n#tb-raila-hero .tbrh-history-item:hover {\n  background: var(--tbrh-sidebar-soft);\n}\n\n#tb-raila-hero .tbrh-history-item.is-active {\n  background: var(--tbrh-blue);\n  color: #ffffff;\n\n  font-weight: 600;\n}\n\n\n\/* ==========================================================================\n   MAIN CHAT AREA\n   ========================================================================== *\/\n\n#tb-raila-hero .tbrh-main {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n\n  min-width: 0;\n  min-height: 0;\n\n  background: #ffffff;\n}\n\n#tb-raila-hero .tbrh-chat-scroll {\n  flex: 1 1 auto;\n\n  min-height: 0;\n\n  overflow-y: auto;\n\n  overscroll-behavior: contain;\n  scroll-behavior: smooth;\n}\n\n#tb-raila-hero .tbrh-chat-inner {\n  width: min(940px, 100%);\n\n  direction: rtl;\n  text-align: right;\n  min-height: 100%;\n\n  margin: 0 auto;\n  padding: 34px 30px 38px;\n}\n\n\n\/* ==========================================================================\n   WELCOME VIEW\n   ========================================================================== *\/\n\n#tb-raila-hero .tbrh-welcome {\n  max-width: 760px;\n\n  margin: 10px auto 0;\n\n  text-align: center;\n}\n\n#tb-raila-hero .tbrh-welcome-mark {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 62px;\n  height: 62px;\n\n  margin: 0 auto 17px;\n\n  border-radius: 17px;\n\n  background: var(--tbrh-charcoal);\n  color: #ffffff;\n\n  font-size: 27px;\n}\n\n#tb-raila-hero .tbrh-welcome h2 {\n  margin: 0;\n\n  font-size: clamp(26px, 3vw, 38px);\n  letter-spacing: 0;\n}\n\n#tb-raila-hero .tbrh-welcome > p {\n  max-width: 620px;\n\n  margin: 11px auto 0;\n\n  color: var(--tbrh-muted);\n\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n#tb-raila-hero .tbrh-prompt-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n\n  gap: 10px;\n\n  margin-top: 26px;\n\n  text-align: right;\n}\n\n#tb-raila-hero .tbrh-prompt {\n  min-height: 72px;\n\n  padding: 13px 14px;\n\n  border: 1px solid var(--tbrh-line);\n  border-radius: 10px;\n\n  background: #ffffff;\n  color: var(--tbrh-charcoal);\n\n  font-size: 13px;\n  line-height: 1.7;\n  text-align: right;\n\n  transition:\n    border-color 0.15s ease,\n    background 0.15s ease,\n    transform 0.15s ease;\n}\n\n#tb-raila-hero .tbrh-prompt:hover {\n  border-color: #c6bfb8;\n\n  background: #fbfaf8;\n\n  transform: translateY(-1px);\n}\n\n#tb-raila-hero .tbrh-prompt strong {\n  display: block;\n\n  margin-bottom: 4px;\n\n  font-size: 13px;\n}\n\n#tb-raila-hero .tbrh-prompt span {\n  color: var(--tbrh-muted);\n\n  font-size: 11.5px;\n}\n\n\n\/* ==========================================================================\n   CHAT MESSAGES\n   ========================================================================== *\/\n\n#tb-raila-hero .tbrh-message {\n  display: flex;\n\n  margin-bottom: 22px;\n}\n\n#tb-raila-hero .tbrh-message-user {\n  justify-content: flex-end;\n}\n\n#tb-raila-hero .tbrh-user-bubble {\n  max-width: 78%;\n\n  padding: 10px 14px;\n\n  border: 1px solid var(--tbrh-line);\n  border-radius: 12px 12px 12px 3px;\n\n  background: #f6f3ef;\n\n  font-size: 14px;\n  line-height: 1.75;\n}\n\n#tb-raila-hero .tbrh-message-ai {\n  align-items: flex-start;\n\n  gap: 10px;\n}\n\n#tb-raila-hero .tbrh-ai-avatar {\n  display: flex;\n  flex: 0 0 auto;\n  align-items: center;\n  justify-content: center;\n\n  width: 34px;\n  height: 34px;\n\n  border-radius: 10px;\n\n  background: var(--tbrh-charcoal);\n  color: #ffffff;\n\n  font-size: 16px;\n}\n\n#tb-raila-hero .tbrh-ai-content {\n  max-width: 760px;\n  min-width: 0;\n\n  text-align: right;\n}\n\n#tb-raila-hero .tbrh-ai-name {\n  margin-bottom: 7px;\n\n  color: var(--tbrh-muted);\n\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0;\n  text-transform: none;\n}\n\n#tb-raila-hero .tbrh-answer {\n  padding: 18px 19px;\n\n  border: 1px solid var(--tbrh-line);\n  border-radius: 12px;\n\n  background: #ffffff;\n\n  box-shadow: 0 8px 24px rgba(32, 33, 36, 0.055);\n}\n\n#tb-raila-hero .tbrh-answer-kicker {\n  margin-bottom: 6px;\n\n  color: var(--tbrh-red);\n\n  font-size: 10.5px;\n  font-weight: 700;\n  letter-spacing: 0;\n  text-transform: none;\n}\n\n#tb-raila-hero .tbrh-answer h3 {\n  margin: 0;\n\n  font-size: 20px;\n  line-height: 1.55;\n  letter-spacing: 0;\n}\n\n#tb-raila-hero .tbrh-answer p {\n  margin: 9px 0 0;\n\n  color: #5f5a56;\n\n  font-size: 13.5px;\n  line-height: 1.85;\n}\n\n\n\/* ==========================================================================\n   METRICS\n   ========================================================================== *\/\n\n#tb-raila-hero .tbrh-metrics {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 8px;\n\n  margin-top: 15px;\n}\n\n#tb-raila-hero .tbrh-metric {\n  padding: 10px;\n\n  text-align: right;\n\n  border-radius: 9px;\n\n  background: #f8f6f3;\n}\n\n#tb-raila-hero .tbrh-metric span,\n#tb-raila-hero .tbrh-metric strong {\n  display: block;\n}\n\n#tb-raila-hero .tbrh-metric span {\n  color: var(--tbrh-muted);\n\n  font-size: 10.5px;\n}\n\n#tb-raila-hero .tbrh-metric strong {\n  margin-top: 3px;\n\n  font-size: 16px;\n}\n\n\n\/* ==========================================================================\n   BAR CHARTS\n   ========================================================================== *\/\n\n#tb-raila-hero .tbrh-bars {\n  display: grid;\n\n  gap: 9px;\n\n  margin-top: 15px;\n}\n\n#tb-raila-hero .tbrh-bar-row {\n  display: grid;\n  grid-template-columns: 110px 1fr 48px;\n  align-items: center;\n\n  gap: 8px;\n\n  font-size: 11.5px;\n}\n\n#tb-raila-hero .tbrh-bar-track {\n  display: block;\n\n  height: 8px;\n\n  overflow: hidden;\n\n  border-radius: 99px;\n\n  background: #ebe7e2;\n}\n\n#tb-raila-hero .tbrh-bar-fill {\n  display: block;\n\n  height: 100%;\n\n  border-radius: inherit;\n\n  background: #6b829d;\n}\n\n#tb-raila-hero .tbrh-bar-fill.is-risk {\n  background: var(--tbrh-red);\n}\n\n\n\/* ==========================================================================\n   INLINE ACTIONS\n   ========================================================================== *\/\n\n#tb-raila-hero .tbrh-actions {\n  display: flex;\n  flex-wrap: wrap;\n\n  direction: rtl;\n  justify-content: flex-start;\n\n  gap: 7px;\n\n  margin-top: 15px;\n}\n\n#tb-raila-hero .tbrh-action {\n  padding: 7px 11px;\n\n  border: 1px solid var(--tbrh-line);\n  border-radius: 999px;\n\n  background: #ffffff;\n  color: #424448;\n\n  font-size: 11.5px;\n}\n\n#tb-raila-hero .tbrh-action:hover {\n  border-color: #bfb6ae;\n\n  background: #fbfaf8;\n}\n\n\n\/* ==========================================================================\n   THINKING STATE\n   ========================================================================== *\/\n\n#tb-raila-hero .tbrh-thinking {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 8px;\n\n  padding: 10px 13px;\n\n  border: 1px solid var(--tbrh-line);\n  border-radius: 10px;\n\n  background: #ffffff;\n  color: var(--tbrh-muted);\n\n  font-size: 12px;\n}\n\n#tb-raila-hero .tbrh-thinking-dots {\n  display: inline-flex;\n\n  gap: 3px;\n}\n\n#tb-raila-hero .tbrh-thinking-dots i {\n  width: 5px;\n  height: 5px;\n\n  border-radius: 50%;\n\n  background: var(--tbrh-muted);\n\n  animation: tbrhBlink 1.1s infinite;\n}\n\n#tb-raila-hero .tbrh-thinking-dots i:nth-child(2) {\n  animation-delay: 0.18s;\n}\n\n#tb-raila-hero .tbrh-thinking-dots i:nth-child(3) {\n  animation-delay: 0.36s;\n}\n\n@keyframes tbrhBlink {\n  0%,\n  80%,\n  100% {\n    opacity: 0.25;\n  }\n\n  40% {\n    opacity: 1;\n  }\n}\n\n\n\/* ==========================================================================\n   FINAL CTA\n   ========================================================================== *\/\n\n#tb-raila-hero .tbrh-final-cta {\n  margin-top: 12px;\n  padding: 18px;\n\n  border: 1px solid rgba(200, 16, 46, 0.18);\n  border-radius: 12px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #ffffff,\n      #fbf3f4\n    );\n}\n\n#tb-raila-hero .tbrh-final-cta h4 {\n  margin: 0;\n\n  font-size: 18px;\n}\n\n#tb-raila-hero .tbrh-final-cta p {\n  margin: 7px 0 13px;\n\n  color: var(--tbrh-muted);\n\n  font-size: 12.5px;\n  line-height: 1.6;\n}\n\n#tb-raila-hero .tbrh-final-cta a {\n  display: inline-flex;\n  align-items: center;\n\n  min-height: 40px;\n\n  padding: 0 14px;\n\n  border-radius: 8px;\n\n  background: var(--tbrh-red);\n  color: #ffffff;\n\n  font-size: 12px;\n  font-weight: 700;\n}\n\n\n\/* ==========================================================================\n   COMPOSER\n   ========================================================================== *\/\n\n#tb-raila-hero .tbrh-composer {\n  flex: 0 0 auto;\n\n  padding: 12px 22px 10px;\n\n  border-top: 1px solid var(--tbrh-line);\n\n  background: #ffffff;\n}\n\n#tb-raila-hero .tbrh-composer-box {\n  display: flex;\n  align-items: center;\n\n  gap: 8px;\n\n  max-width: 900px;\n\n  margin: 0 auto;\n  padding: 7px;\n\n  border: 1px solid var(--tbrh-line);\n  border-radius: 11px;\n\n  background: #ffffff;\n}\n\n#tb-raila-hero .tbrh-composer-box:focus-within {\n  border-color: #aaa19a;\n\n  box-shadow: 0 0 0 3px rgba(32, 33, 36, 0.05);\n}\n\n#tb-raila-hero .tbrh-composer input {\n  flex: 1 1 auto;\n\n  direction: rtl;\n  text-align: right;\n\n  min-width: 0;\n  height: 38px;\n\n  padding: 0 9px;\n\n  border: 0;\n  outline: none;\n\n  background: transparent;\n  color: var(--tbrh-charcoal);\n\n  font-size: 13px;\n}\n\n#tb-raila-hero .tbrh-composer input::placeholder {\n  color: #8a8580;\n}\n\n#tb-raila-hero .tbrh-composer button {\n  flex: 0 0 auto;\n\n  min-height: 38px;\n\n  padding: 0 15px;\n\n  border: 0;\n  border-radius: 8px;\n\n  background: var(--tbrh-red);\n  color: #ffffff;\n\n  font-size: 12px;\n  font-weight: 700;\n}\n\n#tb-raila-hero .tbrh-composer button:hover {\n  background: var(--tbrh-red-dark);\n}\n\n#tb-raila-hero .tbrh-composer-note {\n  display: flex;\n  justify-content: space-between;\n\n  direction: rtl;\n  text-align: right;\n\n  gap: 14px;\n\n  max-width: 900px;\n\n  margin: 6px auto 0;\n\n  color: #8a8580;\n\n  font-size: 10px;\n}\n\n\n\/* ==========================================================================\n   MOBILE SIDEBAR SCRIM\n   ========================================================================== *\/\n\n#tb-raila-hero .tbrh-scrim {\n  position: absolute;\n  inset: 0;\n  z-index: 8;\n\n  background: rgba(32, 33, 36, 0.4);\n}\n\n\n\/* ==========================================================================\n   RESPONSIVE \u2014 MEDIUM\n   ========================================================================== *\/\n\n@media (max-width: 1100px) {\n  #tb-raila-hero .tbrh-canvas {\n    height: 700px;\n  }\n\n  #tb-raila-hero .tbrh-sidebar {\n    flex-basis: 240px;\n  }\n\n  #tb-raila-hero .tbrh-chat-inner {\n    padding-right: 24px;\n    padding-left: 24px;\n  }\n}\n\n\n\/* ==========================================================================\n   RESPONSIVE \u2014 TABLET\n   ========================================================================== *\/\n\n@media (max-width: 820px) {\n  #tb-raila-hero {\n    padding-top: 62px;\n  }\n\n  #tb-raila-hero .tbrh-intro {\n    margin-bottom: 36px;\n  }\n\n  #tb-raila-hero .tbrh-canvas {\n    width: min(96%, calc(100% - 24px));\n    height: 690px;\n\n    border-radius: 18px;\n  }\n\n  #tb-raila-hero .tbrh-icon-button {\n    display: block;\n  }\n\n  #tb-raila-hero .tbrh-appbar {\n    height: 70px;\n\n    padding: 10px 12px;\n  }\n\n  #tb-raila-hero .tbrh-appbody {\n    height: calc(100% - 70px);\n  }\n\n  #tb-raila-hero .tbrh-demo-chip {\n    display: none;\n  }\n\n  #tb-raila-hero .tbrh-sidebar {\n    position: absolute;\n    inset: 0 0 0 auto;\n    z-index: 10;\n\n    width: 272px;\n\n    transform: translateX(100%);\n\n    transition: transform 0.2s ease;\n\n    box-shadow: -18px 0 40px rgba(20, 28, 38, 0.25);\n  }\n\n  #tb-raila-hero .tbrh-appbody.is-sidebar-open .tbrh-sidebar {\n    transform: translateX(0);\n  }\n\n  #tb-raila-hero .tbrh-prompt-grid {\n    grid-template-columns: 1fr;\n  }\n\n  #tb-raila-hero .tbrh-chat-inner {\n    padding: 26px 18px 30px;\n  }\n\n  #tb-raila-hero .tbrh-metrics {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n\n\/* ==========================================================================\n   RESPONSIVE \u2014 MOBILE\n   ========================================================================== *\/\n\n@media (max-width: 560px) {\n  #tb-raila-hero {\n    padding-top: 52px;\n    padding-bottom: 48px;\n  }\n\n  #tb-raila-hero .tbrh-intro {\n    width: calc(100% - 28px);\n\n    margin-bottom: 28px;\n  }\n\n  #tb-raila-hero .tbrh-kicker {\n    font-size: 10.5px;\n    letter-spacing: 0;\n  }\n\n  #tb-raila-hero h1 {\n    font-size: clamp(35px, 10.5vw, 47px);\n    line-height: 1.25;\n  }\n\n  #tb-raila-hero .tbrh-lead {\n    margin-top: 22px;\n\n    font-size: 16px;\n    line-height: 1.8;\n  }\n\n  #tb-raila-hero .tbrh-sublead {\n    font-size: 13.5px;\n    line-height: 1.8;\n  }\n\n  #tb-raila-hero .tbrh-hero-actions {\n    align-items: stretch;\n  }\n\n  #tb-raila-hero .tbrh-primary,\n  #tb-raila-hero .tbrh-secondary {\n    width: 100%;\n  }\n\n  #tb-raila-hero .tbrh-canvas {\n    width: calc(100% - 18px);\n    height: 670px;\n\n    border-radius: 15px;\n  }\n\n  #tb-raila-hero .tbrh-brand-mark {\n    width: 40px;\n    height: 40px;\n  }\n\n  #tb-raila-hero .tbrh-brand span {\n    display: none;\n  }\n\n  #tb-raila-hero .tbrh-reset {\n    display: none;\n  }\n\n  #tb-raila-hero .tbrh-chat-inner {\n    padding: 20px 13px 24px;\n  }\n\n  #tb-raila-hero .tbrh-welcome {\n    margin-top: 0;\n  }\n\n  #tb-raila-hero .tbrh-welcome-mark {\n    width: 54px;\n    height: 54px;\n  }\n\n  #tb-raila-hero .tbrh-welcome h2 {\n    font-size: 25px;\n  }\n\n  #tb-raila-hero .tbrh-prompt {\n    min-height: 64px;\n  }\n\n  #tb-raila-hero .tbrh-user-bubble {\n    max-width: 92%;\n  }\n\n  #tb-raila-hero .tbrh-answer {\n    padding: 15px;\n  }\n\n  #tb-raila-hero .tbrh-answer h3 {\n    font-size: 18px;\n  }\n\n  #tb-raila-hero .tbrh-metrics {\n    grid-template-columns: 1fr;\n  }\n\n  #tb-raila-hero .tbrh-bar-row {\n    grid-template-columns: 82px 1fr 42px;\n  }\n\n  #tb-raila-hero .tbrh-composer {\n    padding: 9px 9px 7px;\n  }\n\n  #tb-raila-hero .tbrh-composer-box {\n    padding: 5px;\n  }\n\n  #tb-raila-hero .tbrh-composer button {\n    padding: 0 11px;\n  }\n\n  #tb-raila-hero .tbrh-composer-note {\n    display: block;\n\n    text-align: center;\n  }\n\n  #tb-raila-hero .tbrh-composer-note span:last-child {\n    display: none;\n  }\n}\n\n\n\/* ==========================================================================\n   REDUCED MOTION\n   ========================================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n  #tb-raila-hero *,\n  #tb-raila-hero *::before,\n  #tb-raila-hero *::after {\n    scroll-behavior: auto !important;\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n  \"use strict\";\n\n  function initTaskBrowseRailaHero() {\n    var root = document.getElementById(\"tb-raila-hero\");\n    var talkButton, canvas, appBody, menuButton, scrim, sidebar;\n    var chatInner, chatScroll, composer, input, resetButton, newChatButton, searchInput;\n    var state;\n\n    if (!root || root.getAttribute(\"data-tbrh-ready\") === \"true\") { return; }\n    root.setAttribute(\"data-tbrh-ready\", \"true\");\n\n    talkButton = document.getElementById(\"tbrhTalk\");\n    canvas = document.getElementById(\"tbrhCanvas\");\n    appBody = document.getElementById(\"tbrhAppBody\");\n    menuButton = document.getElementById(\"tbrhMenuButton\");\n    scrim = document.getElementById(\"tbrhScrim\");\n    sidebar = document.getElementById(\"tbrhSidebar\");\n    chatInner = document.getElementById(\"tbrhChatInner\");\n    chatScroll = document.getElementById(\"tbrhChatScroll\");\n    composer = document.getElementById(\"tbrhComposer\");\n    input = document.getElementById(\"tbrhInput\");\n    resetButton = document.getElementById(\"tbrhReset\");\n    newChatButton = document.getElementById(\"tbrhNewChat\");\n    searchInput = document.getElementById(\"tbrhSearch\");\n\n    if (!talkButton || !canvas || !appBody || !menuButton || !scrim || !sidebar || !chatInner || !chatScroll || !composer || !input || !resetButton || !newChatButton || !searchInput) { return; }\n\n    state = {\n      busy: false,\n      success: 0,\n      lastIntent: \"\",\n      greeted: false,\n      proactiveShown: false,\n      ctaShown: false\n    };\n\n    function escapeHtml(value) {\n      return String(value).replace(\/[&<>\"']\/g, function (character) {\n        return {\"&\":\"&amp;\",\"<\":\"&lt;\",\">\":\"&gt;\",\"\\\"\":\"&quot;\",\"'\":\"&#39;\"}[character];\n      });\n    }\n\n    function scrollToBottom() {\n      chatScroll.scrollTop = chatScroll.scrollHeight;\n    }\n\n    function closeSidebar() {\n      appBody.className = appBody.className.replace(\/\\s*is-sidebar-open\/g, \"\");\n      menuButton.setAttribute(\"aria-expanded\", \"false\");\n      scrim.hidden = true;\n    }\n\n    function openSidebar() {\n      if (appBody.className.indexOf(\"is-sidebar-open\") === -1) {\n        appBody.className += \" is-sidebar-open\";\n      }\n      menuButton.setAttribute(\"aria-expanded\", \"true\");\n      scrim.hidden = false;\n    }\n\n    function setActiveHistory(key) {\n      var items = root.querySelectorAll(\"[data-tbrh-history]\");\n      var i;\n      for (i = 0; i < items.length; i += 1) {\n        items[i].className = items[i].className.replace(\/\\s*is-active\/g, \"\");\n        if (items[i].getAttribute(\"data-tbrh-history\") === key) {\n          items[i].className += \" is-active\";\n        }\n      }\n    }\n\n    function actionButtons(items) {\n      var html = '<div class=\"tbrh-actions\">';\n      var i;\n      for (i = 0; i < items.length; i += 1) {\n        html += '<button type=\"button\" class=\"tbrh-action\" data-tbrh-intent=\"' + escapeHtml(items[i][0]) + '\">' + escapeHtml(items[i][1]) + '<\/button>';\n      }\n      return html + '<\/div>';\n    }\n\n    function metricCards(items) {\n      var html = '<div class=\"tbrh-metrics\">';\n      var i;\n      for (i = 0; i < items.length; i += 1) {\n        html += '<div class=\"tbrh-metric\"><span>' + escapeHtml(items[i][0]) + '<\/span><strong>' + escapeHtml(items[i][1]) + '<\/strong><\/div>';\n      }\n      return html + '<\/div>';\n    }\n\n    function barChart(items) {\n      var html = '<div class=\"tbrh-bars\">';\n      var i, width, className;\n      for (i = 0; i < items.length; i += 1) {\n        width = parseInt(items[i][1], 10);\n        if (width > 100) { width = 100; }\n        if (width < 4) { width = 4; }\n        className = items[i][3] ? \"tbrh-bar-fill is-risk\" : \"tbrh-bar-fill\";\n        html += '<div class=\"tbrh-bar-row\"><span>' + escapeHtml(items[i][0]) + '<\/span><span class=\"tbrh-bar-track\"><span class=\"' + className + '\" style=\"width:' + width + '%\"><\/span><\/span><strong>' + escapeHtml(items[i][2]) + '<\/strong><\/div>';\n      }\n      return html + '<\/div>';\n    }\n\n    function answerCard(kicker, title, body, extra) {\n      return '<div class=\"tbrh-answer\"><div class=\"tbrh-answer-kicker\">' + escapeHtml(kicker) + '<\/div><h3>' + title + '<\/h3><p>' + body + '<\/p>' + (extra || \"\") + '<\/div>';\n    }\n\n    function appendUser(text) {\n      var node = document.createElement(\"div\");\n      node.className = \"tbrh-message tbrh-message-user\";\n      node.innerHTML = '<div class=\"tbrh-user-bubble\">' + escapeHtml(text) + '<\/div>';\n      chatInner.appendChild(node);\n      scrollToBottom();\n    }\n\n    function appendAssistant(html) {\n      var node = document.createElement(\"div\");\n      node.className = \"tbrh-message tbrh-message-ai\";\n      node.innerHTML = '<span class=\"tbrh-ai-avatar\" aria-hidden=\"true\">\u2726<\/span><div class=\"tbrh-ai-content\"><div class=\"tbrh-ai-name\">\u0631\u0627\u064a\u0644\u0627<\/div>' + html + '<\/div>';\n      chatInner.appendChild(node);\n      scrollToBottom();\n    }\n\n    function appendThinking() {\n      var node = document.createElement(\"div\");\n      node.className = \"tbrh-message tbrh-message-ai\";\n      node.setAttribute(\"data-tbrh-thinking\", \"true\");\n      node.innerHTML = '<span class=\"tbrh-ai-avatar\" aria-hidden=\"true\">\u2726<\/span><div class=\"tbrh-ai-content\"><div class=\"tbrh-ai-name\">\u0631\u0627\u064a\u0644\u0627<\/div><div class=\"tbrh-thinking\">\u0631\u0627\u064a\u0644\u0627 \u062a\u062d\u0644\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a <span class=\"tbrh-thinking-dots\"><i><\/i><i><\/i><i><\/i><\/span><\/div><\/div>';\n      chatInner.appendChild(node);\n      scrollToBottom();\n    }\n\n    function removeThinking() {\n      var node = chatInner.querySelector('[data-tbrh-thinking=\"true\"]');\n      if (node && node.parentNode) { node.parentNode.removeChild(node); }\n    }\n\n    function welcomeHtml() {\n      return '' +\n        '<div class=\"tbrh-welcome\">' +\n          '<div class=\"tbrh-welcome-mark\" aria-hidden=\"true\">\u2726<\/div>' +\n          '<h2>\u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0644\u0631\u0627\u064a\u0644\u0627 \u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u061f<\/h2>' +\n          '<p>\u0627\u0633\u0623\u0644 \u0639\u0646 \u0635\u062d\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0623\u062e\u064a\u0631\u0627\u062a \u0648\u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0628\u064a\u0627\u0646\u0627\u062a \u062a\u062c\u0631\u064a\u0628\u064a\u0629 \u0645\u0646 TaskBrowse.<\/p>' +\n          '<div class=\"tbrh-prompt-grid\">' +\n            '<button type=\"button\" class=\"tbrh-prompt\" data-tbrh-intent=\"priorities\"><strong>\u0631\u0627\u062c\u0639\u064a \u0623\u0648\u0644\u0648\u064a\u0627\u062a\u064a<\/strong><span>\u0627\u0639\u0631\u0641 \u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0646\u062a\u0628\u0627\u0647\u0643 \u0623\u0648\u0644\u064b\u0627.<\/span><\/button>' +\n            '<button type=\"button\" class=\"tbrh-prompt\" data-tbrh-intent=\"health\"><strong>\u0627\u0641\u062d\u0635\u064a \u0635\u062d\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/strong><span>\u0627\u0643\u062a\u0634\u0641 \u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0648\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629.<\/span><\/button>' +\n            '<button type=\"button\" class=\"tbrh-prompt\" data-tbrh-intent=\"workload\"><strong>\u062d\u0644\u0651\u0644\u064a \u0639\u0628\u0621 \u0639\u0645\u0644 \u0627\u0644\u0641\u0631\u064a\u0642<\/strong><span>\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0636\u063a\u0637 \u0627\u0644\u0632\u0627\u0626\u062f \u0648\u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629.<\/span><\/button>' +\n            '<button type=\"button\" class=\"tbrh-prompt\" data-tbrh-intent=\"availability\"><strong>\u0645\u0646 \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u0644\u0645\u0647\u0645\u0629\u061f<\/strong><span>\u0648\u0627\u0632\u0646 \u0628\u064a\u0646 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629.<\/span><\/button>' +\n            '<button type=\"button\" class=\"tbrh-prompt\" data-tbrh-intent=\"blockers\"><strong>\u0627\u0643\u062a\u0634\u0641\u064a \u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u062a\u0639\u0637\u0651\u0644<\/strong><span>\u0627\u0641\u0647\u0645 \u0644\u0645\u0627\u0630\u0627 \u064a\u0646\u062d\u0631\u0641 \u0627\u0644\u0639\u0645\u0644 \u0639\u0646 \u0627\u0644\u062e\u0637\u0629.<\/span><\/button>' +\n            '<button type=\"button\" class=\"tbrh-prompt\" data-tbrh-intent=\"capabilities\"><strong>\u0645\u0627 \u0627\u0644\u0630\u064a \u062a\u0633\u062a\u0637\u064a\u0639 \u0631\u0627\u064a\u0644\u0627 \u0641\u0639\u0644\u0647\u061f<\/strong><span>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u062a\u064a \u064a\u0645\u0643\u0646 \u062a\u062d\u0644\u064a\u0644\u0647\u0627.<\/span><\/button>' +\n          '<\/div>' +\n        '<\/div>';\n    }\n\n    function responseFor(intent) {\n      if (intent === \"greeting\") {\n        if (state.greeted) {\n          return answerCard(\"\u0645\u0631\u062d\u0628\u064b\u0627 \u0645\u0646 \u062c\u062f\u064a\u062f\", \"\u0645\u0627 \u0627\u0644\u0630\u064a \u062a\u0631\u064a\u062f \u062a\u062d\u0644\u064a\u0644\u0647 \u0627\u0644\u0622\u0646\u061f\", \"\u064a\u0645\u0643\u0646\u0646\u064a \u0645\u062a\u0627\u0628\u0639\u0629 \u0635\u062d\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0623\u0648 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0623\u0648 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0623\u0648 \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0623\u0648 \u0625\u0639\u062f\u0627\u062f \u0645\u0644\u062e\u0635 \u0623\u0633\u0628\u0648\u0639\u064a.\", actionButtons([[\"health\",\"\u0627\u0641\u062d\u0635\u064a \u0635\u062d\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\"],[\"workload\",\"\u0631\u0627\u062c\u0639\u064a \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\"],[\"weekly\",\"\u0644\u062e\u0651\u0635\u064a \u0647\u0630\u0627 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\"]]));\n        }\n        state.greeted = true;\n        return answerCard(\"\u0645\u0633\u0627\u0639\u062f TaskBrowse \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\", \"\u0645\u0631\u062d\u0628\u064b\u0627\u060c \u0623\u0646\u0627 \u0631\u0627\u064a\u0644\u0627.\", \"\u0623\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0645\u0627 \u064a\u062d\u062f\u062b \u0641\u0639\u0644\u064a\u064b\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0631\u0628\u0637 \u0628\u064a\u0646 \u0627\u0644\u062e\u0637\u0629 \u0648\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0648\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0642\u062f\u0645 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641.\", actionButtons([[\"health\",\"\u0623\u064a \u0645\u0634\u0631\u0648\u0639 \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647\u061f\"],[\"workload\",\"\u0645\u0646 \u0644\u062f\u064a\u0647 \u0639\u0628\u0621 \u0639\u0645\u0644 \u0632\u0627\u0626\u062f\u061f\"],[\"weekly\",\"\u0644\u062e\u0651\u0635\u064a \u0647\u0630\u0627 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\"]]));\n      }\n\n      if (intent === \"priorities\") {\n        return answerCard(\"\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a\", \"\u0647\u0646\u0627\u0643 \u062b\u0644\u0627\u062b\u0629 \u0623\u0645\u0648\u0631 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647 \u0642\u0628\u0644 \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0623\u0633\u0628\u0648\u0639.\", \"\u0645\u0634\u0631\u0648\u0639 \u0625\u0639\u0627\u062f\u0629 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0642\u0639 \u0644\u062f\u064a\u0647 \u0623\u0643\u0628\u0631 \u0627\u0646\u062d\u0631\u0627\u0641 \u0639\u0646 \u0627\u0644\u062c\u062f\u0648\u0644\u060c \u0648\u0633\u0627\u0631\u0629 \u062a\u0639\u0645\u0644 \u0641\u0648\u0642 \u0637\u0627\u0642\u062a\u0647\u0627 \u0627\u0644\u0645\u062e\u0637\u0637\u0629\u060c \u0643\u0645\u0627 \u0623\u0646 \u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u064a\u0624\u062e\u0631 \u0645\u0647\u0645\u062a\u064a\u0646 \u0645\u0631\u062a\u0628\u0637\u062a\u064a\u0646.\", metricCards([[\"\u0623\u0639\u0644\u0649 \u0645\u062e\u0627\u0637\u0631\u0629\",\"\u0625\u0639\u0627\u062f\u0629 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0642\u0639\"],[\"\u0639\u0628\u0621 \u0639\u0645\u0644 \u0632\u0627\u0626\u062f\",\"\u0633\u0627\u0631\u0629 \u00b7 128%\"],[\"\u0627\u0644\u0639\u0627\u0626\u0642 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\",\"\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\"]]) + actionButtons([[\"health\",\"\u0627\u0641\u062a\u062d\u064a \u0635\u062d\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\"],[\"workload\",\"\u0631\u0627\u062c\u0639\u064a \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\"],[\"recommendations\",\"\u0645\u0627\u0630\u0627 \u062a\u0642\u062a\u0631\u062d\u064a\u0646\u061f\"]]));\n      }\n\n      if (intent === \"health\") {\n        return answerCard(\"\u0635\u062d\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\", \"\u0645\u0634\u0631\u0648\u0639 \u0625\u0639\u0627\u062f\u0629 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0642\u0639 \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0623\u0643\u0628\u0631 \u0642\u062f\u0631 \u0645\u0646 \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647.\", \"\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u062a\u0623\u062e\u0631 \u0639\u0646 \u0627\u0644\u062c\u062f\u0648\u0644 \u0628\u064a\u0646\u0645\u0627 \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0645\u0631\u062a\u0641\u0639 \u0628\u0627\u0644\u0641\u0639\u0644. \u064a\u062a\u0631\u0643\u0632 \u0645\u0639\u0638\u0645 \u0627\u0644\u0627\u0646\u062d\u0631\u0627\u0641 \u0641\u064a \u0645\u0631\u0627\u062c\u0639\u0627\u062a \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u0623\u062e\u0631 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u062a.\", metricCards([[\"\u0627\u0646\u062d\u0631\u0627\u0641 \u0627\u0644\u062c\u062f\u0648\u0644\",\"+18 \u0633\u0627\u0639\u0629\"],[\"\u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\",\"82%\"],[\"\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u062e\u0627\u0637\u0631\u0629\",\"\u0645\u0631\u062a\u0641\u0639\"]]) + actionButtons([[\"blockers\",\"\u0644\u0645\u0627\u0630\u0627 \u062a\u0623\u062e\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u061f\"],[\"workload\",\"\u0645\u0646 \u0644\u062f\u064a\u0647 \u0639\u0628\u0621 \u0632\u0627\u0626\u062f\u061f\"],[\"recommendations\",\"\u0645\u0627\u0630\u0627 \u062a\u0642\u062a\u0631\u062d\u064a\u0646\u061f\"]]));\n      }\n\n      if (intent === \"blockers\") {\n        return answerCard(\"\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0623\u0633\u0628\u0627\u0628\", \"\u0627\u0644\u062a\u0623\u062e\u064a\u0631 \u0644\u0627 \u064a\u0646\u062a\u062c \u0639\u0646 \u0645\u0647\u0645\u0629 \u0648\u0627\u062d\u062f\u0629 \u0628\u0637\u064a\u0626\u0629.\", \"\u0623\u0636\u0627\u0641\u062a \u0645\u0631\u0627\u062c\u0639\u0627\u062a \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u0623\u062e\u0631 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u062a \u0648\u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0627\u0644\u0639\u0645\u064a\u0644 \u0623\u0639\u0645\u0627\u0644\u064b\u0627 \u0644\u0645 \u062a\u0643\u0646 \u0636\u0645\u0646 \u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u0623\u0635\u0644\u064a\u0629.\", barChart([[\"\u0645\u0631\u0627\u062c\u0639\u0627\u062a UX\",92,\"+9 \u0633\",true],[\"\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u062a\",58,\"+5 \u0633\",true],[\"\u0637\u0644\u0628\u0627\u062a \u062c\u062f\u064a\u062f\u0629\",44,\"+4 \u0633\",true]]) + actionButtons([[\"costs\",\"\u0645\u0627 \u0623\u062b\u0631 \u0630\u0644\u0643 \u0639\u0644\u0649 \u0627\u0644\u062a\u0643\u0644\u0641\u0629\u061f\"],[\"workload\",\"\u0645\u0646 \u064a\u062a\u062d\u0645\u0644 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u061f\"],[\"recommendations\",\"\u0623\u0639\u0637\u064a\u0646\u064a \u062a\u0648\u0635\u064a\u0627\u062a\"]]));\n      }\n\n      if (intent === \"workload\") {\n        return answerCard(\"\u0639\u0628\u0621 \u0639\u0645\u0644 \u0627\u0644\u0641\u0631\u064a\u0642\", \"\u0633\u0627\u0631\u0629 \u0645\u062e\u0637\u0637 \u0644\u0647\u0627 \u062d\u0627\u0644\u064a\u064b\u0627 \u0639\u0646\u062f 128% \u0645\u0646 \u0637\u0627\u0642\u062a\u0647\u0627 \u0627\u0644\u0645\u062a\u0627\u062d\u0629.\", \"\u064a\u0623\u062a\u064a \u0645\u0639\u0638\u0645 \u0627\u0644\u0636\u063a\u0637 \u0645\u0646 \u0645\u0631\u0627\u062c\u0639\u0627\u062a \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u062c\u062f\u064a\u062f\u0629. \u0644\u062f\u0649 \u0639\u0645\u0631 \u0637\u0627\u0642\u0629 \u0645\u062a\u0627\u062d\u0629 \u062a\u0633\u0645\u062d \u0628\u0646\u0642\u0644 \u062c\u0632\u0621 \u0645\u0646 \u0627\u0644\u0639\u0645\u0644 \u0625\u0644\u064a\u0647.\", barChart([[\"\u0633\u0627\u0631\u0629\",128,\"128%\",true],[\"\u0639\u0645\u0631\",74,\"74%\",false],[\"\u0644\u064a\u0627\u0646\",91,\"91%\",false],[\"\u064a\u0648\u0633\u0641\",83,\"83%\",false]]) + actionButtons([[\"availability\",\"\u0645\u0646 \u064a\u0645\u0643\u0646\u0647 \u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u0639\u0645\u0644\u061f\"],[\"costs\",\"\u0623\u0638\u0647\u0631\u064a \u0623\u062b\u0631 \u0627\u0644\u062a\u0643\u0644\u0641\u0629\"],[\"recommendations\",\"\u0627\u0642\u062a\u0631\u062d\u064a \u062e\u0637\u0629 \u0639\u0645\u0644\"]]));\n      }\n\n      if (intent === \"availability\") {\n        return answerCard(\"\u0645\u0644\u0627\u0621\u0645\u0629 \u0627\u0644\u0637\u0627\u0642\u0629 \u0648\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a\", \"\u0639\u0645\u0631 \u0647\u0648 \u0627\u0644\u0623\u0646\u0633\u0628 \u062d\u0627\u0644\u064a\u064b\u0627 \u0644\u0627\u0633\u062a\u0644\u0627\u0645 \u0623\u0639\u0645\u0627\u0644 UX \u0627\u0644\u0639\u0627\u062c\u0644\u0629.\", \"\u0644\u062f\u064a\u0647 18 \u0633\u0627\u0639\u0629 \u0645\u0646 \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629\u060c \u0648\u062e\u0628\u0631\u0629 \u0645\u0646\u0627\u0633\u0628\u0629 \u0641\u064a \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645\u060c \u0648\u0644\u0627 \u064a\u0648\u062c\u062f \u0644\u062f\u064a\u0647 \u062a\u0639\u0627\u0631\u0636 \u0645\u0639 \u0645\u0648\u0639\u062f \u062d\u0631\u062c \u0647\u0630\u0627 \u0627\u0644\u0623\u0633\u0628\u0648\u0639.\", metricCards([[\"\u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629\",\"18 \u0633\u0627\u0639\u0629\"],[\"\u062a\u0648\u0627\u0641\u0642 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a\",\"\u0645\u0631\u062a\u0641\u0639\"],[\"\u062a\u0639\u0627\u0631\u0636 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\",\"\u0644\u0627 \u064a\u0648\u062c\u062f\"]]) + actionButtons([[\"recommendations\",\"\u0623\u0638\u0647\u0631\u064a \u062e\u0637\u0629 \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0648\u0632\u064a\u0639\"],[\"workload\",\"\u0642\u0627\u0631\u0646\u064a \u0639\u0628\u0621 \u0627\u0644\u0641\u0631\u064a\u0642\"]]));\n      }\n\n      if (intent === \"costs\") {\n        return answerCard(\"\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062a\u0643\u0644\u0641\u0629\", \"\u064a\u0636\u064a\u0641 \u0627\u0644\u062a\u0623\u062e\u064a\u0631 \u0627\u0644\u062d\u0627\u0644\u064a \u0646\u062d\u0648 1,840 \u062f\u0648\u0644\u0627\u0631\u064b\u0627 \u0625\u0644\u0649 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\", \"\u062a\u0623\u062a\u064a \u0627\u0644\u0632\u064a\u0627\u062f\u0629 \u0623\u0633\u0627\u0633\u064b\u0627 \u0645\u0646 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0625\u0636\u0627\u0641\u064a \u0648\u0645\u0631\u0627\u062c\u0639\u0627\u062a UX \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u0629 \u0648\u062f\u0639\u0645 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062e\u0627\u0631\u062c\u064a. \u0645\u0627 \u0632\u0627\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0636\u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\u060c \u0644\u0643\u0646 \u0627\u0644\u0645\u062a\u0628\u0642\u064a \u0645\u0646\u0647\u0627 18% \u0641\u0642\u0637.\", metricCards([[\"\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u0629\",\"1,120 \u062f\u0648\u0644\u0627\u0631\u064b\u0627\"],[\"\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\",\"720 \u062f\u0648\u0644\u0627\u0631\u064b\u0627\"],[\"\u0627\u0644\u0645\u062a\u0628\u0642\u064a \u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\",\"18%\"]]) + actionButtons([[\"recommendations\",\"\u0643\u064a\u0641 \u0646\u062d\u062f \u0645\u0646 \u0627\u0644\u062a\u0643\u0644\u0641\u0629\u061f\"],[\"weekly\",\"\u0644\u062e\u0651\u0635\u064a \u0627\u0644\u0648\u0636\u0639\"]]));\n      }\n\n      if (intent === \"recommendations\") {\n        return answerCard(\"\u0625\u062c\u0631\u0627\u0621 \u0645\u0642\u062a\u0631\u062d\", \"\u0623\u0639\u062f \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0639\u0645\u0644 \u0642\u0628\u0644 \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0641\u0631\u064a\u0642.\", \"\u0627\u0646\u0642\u0644 \u0645\u0647\u0645\u062a\u064a\u0646 \u0645\u0646 \u0623\u0639\u0645\u0627\u0644 UX \u0625\u0644\u0649 \u0639\u0645\u0631\u060c \u0648\u0623\u0648\u0642\u0641 \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0645\u0646\u062e\u0641\u0636\u0629 \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0629 \u0645\u0624\u0642\u062a\u064b\u0627\u060c \u0648\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0645\u0639\u0644\u0651\u0642 \u0642\u0628\u0644 \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0623\u0633\u0628\u0648\u0639.\", metricCards([[\"\u0633\u0627\u0631\u0629 \u0628\u0639\u062f \u0627\u0644\u062a\u0639\u062f\u064a\u0644\",\"102%\"],[\"\u0639\u0645\u0631 \u0628\u0639\u062f \u0627\u0644\u062a\u0639\u062f\u064a\u0644\",\"96%\"],[\"\u0648\u0642\u062a \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u0639\u0627\u062f\u062a\u0647\",\"6 \u0633\u0627\u0639\u0627\u062a\"]]) + actionButtons([[\"weekly\",\"\u0623\u0638\u0647\u0631\u064a \u0627\u0644\u0645\u0644\u062e\u0635 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\u064a\"],[\"health\",\"\u0623\u0639\u064a\u062f\u064a \u0641\u062d\u0635 \u0635\u062d\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\"]]));\n      }\n\n      if (intent === \"weekly\") {\n        return answerCard(\"\u0627\u0644\u0645\u0648\u062c\u0632 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\u064a\", \"\u062a\u0642\u062f\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0644\u0643\u0646 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u063a\u064a\u064a\u0631 \u064a\u062d\u062a\u0627\u062c\u0627\u0646 \u0625\u0644\u0649 \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647.\", \"\u0645\u0627 \u0632\u0627\u0644 \u0645\u0634\u0631\u0648\u0639 \u0625\u0639\u0627\u062f\u0629 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0642\u0639 \u0647\u0648 \u0627\u0644\u062e\u0637\u0631 \u0627\u0644\u0631\u0626\u064a\u0633\u064a. \u0633\u0627\u0631\u0629 \u0641\u0648\u0642 \u0637\u0627\u0642\u062a\u0647\u0627 \u0627\u0644\u0645\u062e\u0637\u0637\u0629\u060c \u0648\u0627\u0632\u062f\u0627\u062f\u062a \u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0639\u0645\u064a\u0644 \u0628\u0646\u0633\u0628\u0629 18%\u060c \u0648\u0648\u0635\u0644 \u0627\u0646\u062d\u0631\u0627\u0641 \u0627\u0644\u062c\u062f\u0648\u0644 \u0625\u0644\u0649 18 \u0633\u0627\u0639\u0629.\", metricCards([[\"\u0645\u0634\u0627\u0631\u064a\u0639 \u062a\u0645\u062a \u0645\u0631\u0627\u062c\u0639\u062a\u0647\u0627\",\"6\"],[\"\u0645\u062e\u0627\u0637\u0631 \u062d\u0631\u062c\u0629\",\"1\"],[\"\u0623\u0634\u062e\u0627\u0635 \u0641\u0648\u0642 \u0627\u0644\u0637\u0627\u0642\u0629\",\"1\"]]) + actionButtons([[\"health\",\"\u0627\u0641\u062a\u062d\u064a \u0635\u062d\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\"],[\"workload\",\"\u0631\u0627\u062c\u0639\u064a \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\"],[\"recommendations\",\"\u0623\u0638\u0647\u0631\u064a \u0627\u0644\u062a\u0648\u0635\u064a\u0627\u062a\"]]));\n      }\n\n      if (intent === \"capabilities\") {\n        return answerCard(\"\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u0645\u0643\u0646 \u0644\u0631\u0627\u064a\u0644\u0627 \u062a\u062d\u0644\u064a\u0644\u0647\u061f\", \"\u0627\u0633\u0623\u0644 \u0639\u0646 \u0627\u0644\u0648\u0627\u0642\u0639 \u0648\u0631\u0627\u0621 \u0645\u0634\u0627\u0631\u064a\u0639\u0643.\", \"\u062f\u0627\u062e\u0644 TaskBrowse \u062a\u0633\u062a\u0637\u064a\u0639 \u0631\u0627\u064a\u0644\u0627 \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0648\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0642\u062a \u0648\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0648\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0627\u062a \u0648\u0645\u062e\u0631\u062c\u0627\u062a \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0644\u0635\u0644\u0627\u062d\u064a\u0627\u062a\u0643.\", actionButtons([[\"priorities\",\"\u0631\u0627\u062c\u0639\u064a \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a\"],[\"health\",\"\u0627\u0641\u062d\u0635\u064a \u0635\u062d\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\"],[\"workload\",\"\u062d\u0644\u0651\u0644\u064a \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\"],[\"costs\",\"\u0631\u0627\u062c\u0639\u064a \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\"]]));\n      }\n\n      if (intent === \"thanks\") {\n        return answerCard(\"\u0639\u0644\u0649 \u0627\u0644\u0631\u062d\u0628 \u0648\u0627\u0644\u0633\u0639\u0629\", \"\u0647\u062f\u0641\u064a \u0623\u0646 \u0623\u062c\u0639\u0644 \u0648\u0627\u0642\u0639 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0623\u0648\u0636\u062d.\", \"\u0641\u064a \u0645\u0633\u0627\u062d\u0629 TaskBrowse \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643 \u064a\u0645\u0643\u0646\u0646\u064a \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0646 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0646\u0641\u0633\u0647\u0627 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u0634\u0627\u0631\u064a\u0639\u0643 \u0648\u062c\u062f\u0627\u0648\u0644\u0643 \u0648\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0644\u0643.\", actionButtons([[\"health\",\"\u0627\u0641\u062d\u0635\u064a \u0645\u0634\u0631\u0648\u0639\u064b\u0627 \u0622\u062e\u0631\"],[\"weekly\",\"\u0644\u062e\u0651\u0635\u064a \u0647\u0630\u0627 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\"]]));\n      }\n\n      return answerCard(\"\u062d\u062f\u0648\u062f \u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u062a\u062c\u0631\u064a\u0628\u064a\u0629\", \"\u0647\u0630\u0627 \u0633\u0624\u0627\u0644 \u0645\u0647\u0645 \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.\", \"\u062a\u062d\u062a\u0648\u064a \u0647\u0630\u0647 \u0627\u0644\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0639\u0644\u0649 \u0645\u0633\u0627\u062d\u0629 \u0639\u0645\u0644 \u0645\u0635\u063a\u0631\u0629 \u0641\u0642\u0637\u060c \u0644\u0630\u0644\u0643 \u0644\u0627 \u0623\u0633\u062a\u0637\u064a\u0639 \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0646\u0647 \u0628\u062f\u0642\u0629 \u0647\u0646\u0627. \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0628\u064a\u0627\u0646\u0627\u062a TaskBrowse \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0645\u0624\u0633\u0633\u062a\u0643 \u064a\u0645\u0643\u0646\u0646\u064a \u062a\u0642\u062f\u064a\u0645 \u062a\u062d\u0644\u064a\u0644 \u0623\u0643\u062b\u0631 \u0627\u0631\u062a\u0628\u0627\u0637\u064b\u0627 \u0628\u0627\u0644\u0648\u0627\u0642\u0639.\", actionButtons([[\"health\",\"\u0623\u064a \u0645\u0634\u0631\u0648\u0639 \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647\u061f\"],[\"workload\",\"\u0645\u0646 \u0644\u062f\u064a\u0647 \u0639\u0628\u0621 \u0639\u0645\u0644 \u0632\u0627\u0626\u062f\u061f\"],[\"weekly\",\"\u0644\u062e\u0651\u0635\u064a \u0647\u0630\u0627 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\"]]));\n    }\n\n    function inferIntent(text) {\n      var value = String(text).toLowerCase().replace(\/^\\s+|\\s+$\/g, \"\");\n\n      if (\/^(\u0645\u0631\u062d\u0628\u0627|\u0645\u0631\u062d\u0628\u064b\u0627|\u0623\u0647\u0644\u0627|\u0623\u0647\u0644\u064b\u0627|\u0627\u0644\u0633\u0644\u0627\u0645 \u0639\u0644\u064a\u0643\u0645|\u0635\u0628\u0627\u062d \u0627\u0644\u062e\u064a\u0631|\u0645\u0633\u0627\u0621 \u0627\u0644\u062e\u064a\u0631)[!.\u060c ]*$\/.test(value) || \/^(hi|hello|hey|good morning|good afternoon|good evening)[!. ]*$\/.test(value)) { return \"greeting\"; }\n      if (\/^(\u0634\u0643\u0631\u0627|\u0634\u0643\u0631\u064b\u0627|\u0634\u0643\u0631\u0627\u064b|\u0623\u0634\u0643\u0631\u0643|\u0645\u0645\u062a\u0627\u0632|\u0631\u0627\u0626\u0639)[!.\u060c ]*$\/.test(value) || \/^(thanks|thank you|great|nice)[!. ]*$\/.test(value)) { return \"thanks\"; }\n      if (\/^(\u0644\u0645\u0627\u0630\u0627|\u0644\u0645\u0627\u0630\u0627 \u0630\u0644\u0643|\u0645\u0627 \u0627\u0644\u0633\u0628\u0628|\u0644\u064a\u0634)[\u061f?!.\u060c ]*$\/.test(value) || \/^(why|why is that|how come)[?!. ]*$\/.test(value)) { return state.lastIntent === \"workload\" ? \"availability\" : \"blockers\"; }\n      if (\/\u0645\u0627\u0630\u0627 \u0646\u0641\u0639\u0644|\u0645\u0627\u0630\u0627 \u062a\u0642\u062a\u0631\u062d|\u0645\u0627\u0630\u0627 \u062a\u0642\u062a\u0631\u062d\u064a\u0646|\u062a\u0648\u0635\u064a|\u062a\u0648\u0635\u064a\u0629|\u062a\u0648\u0635\u064a\u0627\u062a|\u0627\u0642\u062a\u0631\u062d|\u0627\u0642\u062a\u0631\u0627\u062d|\u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629|\u062e\u0637\u0629 \u0639\u0645\u0644|\u0645\u0627 \u0627\u0644\u062d\u0644\/.test(value) || \/what should we do|recommend|next step|action plan\/.test(value)) { return \"recommendations\"; }\n      if (\/\u062a\u0643\u0644\u0641|\u0645\u064a\u0632\u0627\u0646\u064a|\u0645\u0635\u0631\u0648\u0641|\u0645\u0635\u0627\u0631\u064a\u0641|\u062a\u0643\u0627\u0644\u064a\u0641|\u0645\u0627\u0644|\u0631\u0628\u062d|\u062a\u062c\u0627\u0648\u0632.*\u0645\u064a\u0632\u0627\u0646\u064a\u0629\/.test(value) || \/cost|budget|money|expense|overrun|profit\/.test(value)) { return \"costs\"; }\n      if (\/\u0645\u062a\u0627\u062d|\u0637\u0627\u0642\u0629 \u0645\u062a\u0627\u062d\u0629|\u0627\u0644\u0633\u0639\u0629|\u0645\u0646 \u0627\u0644\u0623\u0646\u0633\u0628|\u0645\u0646 \u064a\u0633\u062a\u0637\u064a\u0639|\u0645\u0646 \u064a\u0645\u0643\u0646\u0647|\u0623\u0641\u0636\u0644 \u0634\u062e\u0635|\u0627\u0646\u0633\u0628 \u0634\u062e\u0635\/.test(value) || \/available|capacity|best person|who can\/.test(value)) { return \"availability\"; }\n      if (\/\u0639\u0628\u0621|\u0636\u063a\u0637 \u0627\u0644\u0639\u0645\u0644|\u0636\u063a\u0637 \u0627\u0644\u0641\u0631\u064a\u0642|\u062d\u0645\u0644 \u0627\u0644\u0639\u0645\u0644|\u0641\u0648\u0642 \u0637\u0627\u0642|\u0637\u0627\u0642\u0629 \u0627\u0644\u0641\u0631\u064a\u0642|\u0645\u0634\u063a\u0648\u0644\/.test(value) || \/overload|busy|workload|team load\/.test(value)) { return \"workload\"; }\n      if (\/\u0623\u0633\u0628\u0648\u0639|\u0627\u0633\u0628\u0648\u0639|\u0645\u0644\u062e\u0635|\u0645\u0648\u062c\u0632|\u062a\u0642\u0631\u064a\u0631 \u0623\u0633\u0628\u0648\u0639\u064a|\u062a\u0642\u0631\u064a\u0631 \u0627\u0633\u0628\u0648\u0639\u064a\/.test(value) || \/week|summary|brief|report\/.test(value)) { return \"weekly\"; }\n      if (\/\u0623\u0648\u0644\u0648|\u0627\u0648\u0644\u0648|\u0627\u0644\u0623\u0647\u0645|\u0627\u0644\u0627\u0647\u0645|\u0628\u0645\u0627\u0630\u0627 \u0623\u0628\u062f\u0623|\u0628\u0645\u0627\u0630\u0627 \u0627\u0628\u062f\u0623|\u0627\u0628\u062f\u0623 \u0623\u0648\u0644|\u0627\u0628\u062f\u0623 \u0627\u0648\u0644\/.test(value) || \/priority|priorities|first\/.test(value)) { return \"priorities\"; }\n      if (\/\u0633\u0628\u0628|\u0627\u0644\u0623\u0633\u0628\u0627\u0628|\u0627\u0644\u0627\u0633\u0628\u0627\u0628|\u062c\u0630\u0631|\u062a\u0639\u0637\u0644|\u062a\u0639\u0637\u0651\u0644|\u0639\u0627\u0626\u0642|\u0639\u0648\u0627\u0626\u0642|\u0644\u0645\u0627\u0630\u0627.*\u062a\u0623\u062e\u0631|\u0644\u0645\u0627\u0630\u0627.*\u0645\u062a\u0623\u062e\u0631|\u0645\u0627 \u0627\u0644\u0630\u064a.*\u064a\u0624\u062e\u0631\/.test(value) || \/block|root cause|why.*delay|behind schedule|late approval\/.test(value)) { return \"blockers\"; }\n      if (\/\u0645\u0627\u0630\u0627 \u062a\u0633\u062a\u0637\u064a\u0639|\u0645\u0627 \u0627\u0644\u0630\u064a \u062a\u0633\u062a\u0637\u064a\u0639|\u0643\u064a\u0641 \u062a\u0633\u0627\u0639\u062f|\u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0643|\u0642\u062f\u0631\u0627\u062a|\u0645\u0627\u0630\u0627 \u062a\u0641\u0639\u0644\/.test(value) || \/what can.*do|capabilit|help with\/.test(value)) { return \"capabilities\"; }\n      if (\/\u0645\u062e\u0627\u0637\u0631|\u062e\u0637\u0631|\u064a\u062d\u062a\u0627\u062c.*\u0627\u0646\u062a\u0628\u0627\u0647|\u062a\u0623\u062e\u0631|\u0645\u062a\u0623\u062e\u0631|\u0635\u062d\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639|\u0635\u062d\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639|\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639|\u0627\u0644\u0645\u0634\u0631\u0648\u0639\/.test(value) || \/risk|attention|delay|late|behind|project health|project\/.test(value)) { return \"health\"; }\n\n      return \"unknown\";\n    }\n\n    function maybeShowProactiveInsight() {\n      if (!state.proactiveShown && state.success >= 3) {\n        state.proactiveShown = true;\n        window.setTimeout(function () {\n          appendAssistant(answerCard(\"\u0645\u0644\u0627\u062d\u0638\u0629 \u0623\u062e\u0631\u0649 \u0645\u0646 \u0631\u0627\u064a\u0644\u0627\", \"\u0627\u0632\u062f\u0627\u062f\u062a \u0637\u0644\u0628\u0627\u062a \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 \u0628\u0646\u0633\u0628\u0629 18% \u0647\u0630\u0627 \u0627\u0644\u0623\u0633\u0628\u0648\u0639.\", \"\u062a\u062a\u0632\u0627\u0645\u0646 \u0647\u0630\u0647 \u0627\u0644\u0632\u064a\u0627\u062f\u0629 \u0645\u0639 \u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0646\u062d\u0631\u0627\u0641 \u0645\u0634\u0631\u0648\u0639 \u0625\u0639\u0627\u062f\u0629 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0642\u0639.\", actionButtons([[\"blockers\",\"\u062a\u062d\u0642\u0642\u064a \u0645\u0646 \u0627\u0644\u0633\u0628\u0628\"],[\"recommendations\",\"\u0627\u0642\u062a\u0631\u062d\u064a \u0645\u0627 \u064a\u0646\u0628\u063a\u064a \u0641\u0639\u0644\u0647\"]])));\n        }, 320);\n      }\n    }\n\n    function maybeShowCta() {\n      if (!state.ctaShown && state.success >= 6) {\n        state.ctaShown = true;\n        appendAssistant('<div class=\"tbrh-final-cta\"><h4>\u0627\u0633\u0623\u0644 \u0631\u0627\u064a\u0644\u0627 \u0639\u0646 \u0645\u0634\u0627\u0631\u064a\u0639\u0643 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629<\/h4><p>\u0627\u0633\u062a\u062e\u062f\u0645\u062a \u0647\u0630\u0647 \u0627\u0644\u062a\u062c\u0631\u0628\u0629 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629. \u062f\u0627\u062e\u0644 TaskBrowse \u062a\u0633\u062a\u0637\u064a\u0639 \u0631\u0627\u064a\u0644\u0627 \u062a\u062d\u0644\u064a\u0644 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0644\u0635\u0644\u0627\u062d\u064a\u0627\u062a\u0643.<\/p><a href=\"https:\/\/panel.taskbrowse.com\/Account\/Register\">\u0627\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u064b\u0627<\/a><\/div>');\n      }\n    }\n\n    function askRaila(intent, label) {\n      if (state.busy) { return; }\n      state.busy = true;\n      appendUser(label || \"\u0623\u0638\u0647\u0631\u064a \u0627\u0644\u0645\u0632\u064a\u062f\");\n      appendThinking();\n      window.setTimeout(function () {\n        removeThinking();\n        appendAssistant(responseFor(intent));\n        if (intent !== \"unknown\" && intent !== \"greeting\" && intent !== \"thanks\") {\n          state.success += 1;\n          state.lastIntent = intent;\n        }\n        state.busy = false;\n        maybeShowProactiveInsight();\n        maybeShowCta();\n      }, 900);\n    }\n\n    function resetDemo() {\n      chatInner.innerHTML = welcomeHtml();\n      input.value = \"\";\n      state = {busy:false, success:0, lastIntent:\"\", greeted:false, proactiveShown:false, ctaShown:false};\n      setActiveHistory(\"welcome\");\n      chatScroll.scrollTop = 0;\n    }\n\n    talkButton.addEventListener(\"click\", function () {\n      if (canvas.scrollIntoView) {\n        canvas.scrollIntoView({behavior:\"smooth\", block:\"start\"});\n      }\n      window.setTimeout(function () { input.focus(); }, 500);\n    });\n\n    menuButton.addEventListener(\"click\", function () {\n      if (appBody.className.indexOf(\"is-sidebar-open\") === -1) { openSidebar(); }\n      else { closeSidebar(); }\n    });\n\n    scrim.addEventListener(\"click\", closeSidebar);\n    resetButton.addEventListener(\"click\", resetDemo);\n\n    newChatButton.addEventListener(\"click\", function () {\n      resetDemo();\n      closeSidebar();\n      input.focus();\n    });\n\n    root.addEventListener(\"click\", function (event) {\n      var target = event.target;\n      var intent, historyKey;\n\n      while (target && target !== root && !target.getAttribute(\"data-tbrh-intent\") && !target.getAttribute(\"data-tbrh-history\")) {\n        target = target.parentNode;\n      }\n\n      if (!target || target === root) { return; }\n\n      intent = target.getAttribute(\"data-tbrh-intent\");\n      historyKey = target.getAttribute(\"data-tbrh-history\");\n\n      if (intent) {\n        askRaila(intent, target.textContent || \"\u0623\u0638\u0647\u0631\u064a \u0627\u0644\u0645\u0632\u064a\u062f\");\n      }\n\n      if (historyKey) {\n        setActiveHistory(historyKey);\n        closeSidebar();\n        if (historyKey === \"welcome\") { resetDemo(); }\n        else { askRaila(historyKey, target.textContent || \"\u0627\u0641\u062a\u062d\u064a \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0629\"); }\n      }\n    });\n\n    composer.addEventListener(\"submit\", function (event) {\n      var text;\n      event.preventDefault();\n      text = input.value.replace(\/^\\s+|\\s+$\/g, \"\");\n      if (!text) { input.focus(); return; }\n      input.value = \"\";\n      askRaila(inferIntent(text), text);\n    });\n\n    searchInput.addEventListener(\"input\", function () {\n      var value = searchInput.value.toLowerCase();\n      var items = root.querySelectorAll(\".tbrh-history-item\");\n      var i;\n\n      for (i = 0; i < items.length; i += 1) {\n        items[i].style.display = items[i].textContent.toLowerCase().indexOf(value) !== -1 ? \"\" : \"none\";\n      }\n    });\n\n    resetDemo();\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initTaskBrowseRailaHero);\n  } else {\n    initTaskBrowseRailaHero();\n  }\n\n  window.addEventListener(\"load\", initTaskBrowseRailaHero);\n}());\n<\/script>\n\n<!-- TaskBrowse Arabic homepage hero with Raila -->\n<section id=\"tb-raila-hero\" class=\"tbrh\" lang=\"ar\" dir=\"rtl\" aria-labelledby=\"tbrh-title\">\n\n  <div class=\"tbrh-intro\">\n    <div class=\"tbrh-intro-left\">\n\n      <div class=\"tbrh-kicker\">\n        \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u00b7 \u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a \u00b7 \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u00b7 \u0648\u0627\u062c\u0647\u0629 \u0639\u0631\u0628\u064a\u0629 RTL\n      <\/div>\n\n      <h1 id=\"tbrh-title\">\n        \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<br>\n        \u064a\u0631\u0628\u0637 \u0627\u0644\u062e\u0637\u0629 \u0628\u0627\u0644\u0648\u0627\u0642\u0639.\n      <\/h1>\n\n    <\/div>\n\n    <div class=\"tbrh-intro-right\">\n\n      <p class=\"tbrh-lead\">\n        \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0641\u064a TaskBrowse \u064a\u0631\u0628\u0637 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0628\u0645\u0627 \u064a\u062d\u062f\u062b \u0641\u0639\u0644\u064a\u064b\u0627 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n        \u0627\u062c\u0645\u0639 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0648\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\n        \u0641\u064a \u0633\u064a\u0627\u0642 \u0648\u0627\u062d\u062f\u060c \u0648\u0634\u0627\u0647\u062f \u0627\u0644\u0641\u062c\u0648\u0629 \u0628\u064a\u0646 \u0627\u0644\u062e\u0637\u0629 \u0648\u0627\u0644\u0648\u0627\u0642\u0639 \u0642\u0628\u0644 \u0623\u0646 \u062a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u062a\u0623\u062e\u064a\u0631\n        \u0623\u0648 \u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0641\u0631\u064a\u0642 \u0623\u0648 \u062a\u0643\u0644\u0641\u0629 \u063a\u064a\u0631 \u0645\u062a\u0648\u0642\u0639\u0629. \u0648\u062a\u0633\u0627\u0639\u062f\u0643 \u0631\u0627\u064a\u0644\u0627 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0645\u0627 \u064a\u062d\u062a\u0627\u062c\n        \u0625\u0644\u0649 \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629 \u0641\u064a TaskBrowse.\n      <\/p>\n\n      <p class=\"tbrh-sublead\">\n        \u0627\u0639\u0645\u0644 \u0628\u0648\u0627\u062c\u0647\u0629 \u0639\u0631\u0628\u064a\u0629 \u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0625\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631\u060c\n        \u0648\u062c\u0631\u0651\u0628 \u0631\u0627\u064a\u0644\u0627 \u0639\u0644\u0649 \u0645\u0633\u0627\u062d\u0629 \u0639\u0645\u0644 \u062a\u062c\u0631\u064a\u0628\u064a\u0629 \u0644\u0641\u062d\u0635 \u0635\u062d\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n        \u0648\u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0648\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641.\n      <\/p>\n\n      <div class=\"tbrh-hero-actions\" aria-label=\"\u0625\u062c\u0631\u0627\u0621\u0627\u062a TaskBrowse \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\">\n\n        <a\n          class=\"tbrh-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        <button\n          class=\"tbrh-secondary\"\n          id=\"tbrhTalk\"\n          type=\"button\"\n        >\n          <span class=\"tbrh-mini-flare\" aria-hidden=\"true\">\u2726<\/span>\n          \u062a\u062d\u062f\u0651\u062b \u0645\u0639 \u0631\u0627\u064a\u0644\u0627\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n\n  <div class=\"tbrh-canvas\" id=\"tbrhCanvas\">\n\n    <div class=\"tbrh-appbar\">\n\n      <button\n        class=\"tbrh-icon-button tbrh-menu-button\"\n        id=\"tbrhMenuButton\"\n        type=\"button\"\n        aria-label=\"\u0641\u062a\u062d \u0633\u062c\u0644 \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0627\u062a\"\n        aria-expanded=\"false\"\n      >\n        <span><\/span>\n        <span><\/span>\n        <span><\/span>\n      <\/button>\n\n\n      <div class=\"tbrh-brand\">\n\n        <span class=\"tbrh-brand-mark\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 48 48\" focusable=\"false\">\n            <rect x=\"1\" y=\"1\" width=\"46\" height=\"46\" rx=\"13\"><\/rect>\n            <path class=\"tbrh-flare-main\" d=\"M24 8.5l3.7 10.1L38 22.3l-10.3 3.8L24 36.5l-3.7-10.4L10 22.3l10.3-3.7L24 8.5z\"><\/path>\n            <path class=\"tbrh-flare-small\" d=\"M35.5 8.5l1.4 3.8 3.8 1.4-3.8 1.4-1.4 3.8-1.4-3.8-3.8-1.4 3.8-1.4 1.4-3.8z\"><\/path>\n          <\/svg>\n        <\/span>\n\n        <div>\n          <strong>\u0631\u0627\u064a\u0644\u0627<\/strong>\n          <span>\u0645\u0633\u0627\u0639\u062f TaskBrowse \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/span>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"tbrh-app-meta\">\n\n        <span class=\"tbrh-demo-chip\">\n          <i aria-hidden=\"true\"><\/i>\n          \u0645\u0633\u0627\u062d\u0629 \u0639\u0645\u0644 \u062a\u062c\u0631\u064a\u0628\u064a\u0629\n        <\/span>\n\n        <button\n          class=\"tbrh-reset\"\n          id=\"tbrhReset\"\n          type=\"button\"\n        >\n          \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0636\u0628\u0637\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"tbrh-appbody\" id=\"tbrhAppBody\">\n\n      <div\n        class=\"tbrh-scrim\"\n        id=\"tbrhScrim\"\n        hidden=\"\"\n      ><\/div>\n\n\n      <aside\n        class=\"tbrh-sidebar\"\n        id=\"tbrhSidebar\"\n        aria-label=\"\u0633\u062c\u0644 \u0645\u062d\u0627\u062f\u062b\u0627\u062a \u0631\u0627\u064a\u0644\u0627\"\n      >\n\n        <div class=\"tbrh-sidebar-top\">\n\n          <button\n            class=\"tbrh-new-chat\"\n            id=\"tbrhNewChat\"\n            type=\"button\"\n          >\n            <span aria-hidden=\"true\">\uff0b<\/span>\n            \u0645\u062d\u0627\u062f\u062b\u0629 \u062c\u062f\u064a\u062f\u0629\n          <\/button>\n\n\n          <label class=\"tbrh-search\">\n\n            <span class=\"tbrh-sr\">\n              \u0627\u0644\u0628\u062d\u062b \u0641\u064a \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0627\u062a\n            <\/span>\n\n            <span aria-hidden=\"true\">\n              \u2315\n            <\/span>\n\n            <input\n              id=\"tbrhSearch\"\n              type=\"search\"\n              placeholder=\"\u0627\u0628\u062d\u062b \u0641\u064a \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0627\u062a\"\n            >\n\n          <\/label>\n\n        <\/div>\n\n\n        <nav\n          class=\"tbrh-history\"\n          id=\"tbrhHistory\"\n          aria-label=\"\u0645\u062d\u0627\u062f\u062b\u0627\u062a \u062a\u062c\u0631\u064a\u0628\u064a\u0629\"\n        >\n\n          <div class=\"tbrh-history-group\">\n\n            <div class=\"tbrh-history-label\">\n              \u0627\u0644\u064a\u0648\u0645\n            <\/div>\n\n            <button\n              type=\"button\"\n              class=\"tbrh-history-item is-active\"\n              data-tbrh-history=\"welcome\"\n            >\n              \u062a\u062c\u0631\u0628\u0629 \u0631\u0627\u064a\u0644\u0627\n            <\/button>\n\n            <button\n              type=\"button\"\n              class=\"tbrh-history-item\"\n              data-tbrh-history=\"priorities\"\n            >\n              \u0631\u0627\u062c\u0639\u064a \u0623\u0648\u0644\u0648\u064a\u0627\u062a\u064a\n            <\/button>\n\n            <button\n              type=\"button\"\n              class=\"tbrh-history-item\"\n              data-tbrh-history=\"health\"\n            >\n              \u0627\u0641\u062d\u0635\u064a \u0635\u062d\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n            <\/button>\n\n          <\/div>\n\n\n          <div class=\"tbrh-history-group\">\n\n            <div class=\"tbrh-history-label\">\n              \u0627\u0644\u0623\u064a\u0627\u0645 \u0627\u0644\u0633\u0628\u0639\u0629 \u0627\u0644\u0645\u0627\u0636\u064a\u0629\n            <\/div>\n\n            <button\n              type=\"button\"\n              class=\"tbrh-history-item\"\n              data-tbrh-history=\"workload\"\n            >\n              \u062d\u0644\u0651\u0644\u064a \u0639\u0628\u0621 \u0639\u0645\u0644 \u0627\u0644\u0641\u0631\u064a\u0642\n            <\/button>\n\n            <button\n              type=\"button\"\n              class=\"tbrh-history-item\"\n              data-tbrh-history=\"availability\"\n            >\n              \u0627\u0628\u062d\u062b\u064a \u0639\u0646 \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u0644\u0645\u0647\u0645\u0629\n            <\/button>\n\n            <button\n              type=\"button\"\n              class=\"tbrh-history-item\"\n              data-tbrh-history=\"blockers\"\n            >\n              \u0627\u0643\u062a\u0634\u0641\u064a \u0623\u0633\u0628\u0627\u0628 \u0627\u0644\u062a\u0639\u0637\u0651\u0644\n            <\/button>\n\n          <\/div>\n\n\n          <div class=\"tbrh-history-group\">\n\n            <div class=\"tbrh-history-label\">\n              \u0627\u0644\u0623\u0631\u0634\u064a\u0641\n            <\/div>\n\n            <button\n              type=\"button\"\n              class=\"tbrh-history-item\"\n              data-tbrh-history=\"costs\"\n            >\n              \u0627\u0646\u062d\u0631\u0627\u0641\u0627\u062a \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n            <\/button>\n\n            <button\n              type=\"button\"\n              class=\"tbrh-history-item\"\n              data-tbrh-history=\"weekly\"\n            >\n              \u0645\u0644\u062e\u0635 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\u064a\n            <\/button>\n\n          <\/div>\n\n        <\/nav>\n\n      <\/aside>\n\n\n      <main\n        class=\"tbrh-main\"\n        aria-label=\"\u062a\u062c\u0631\u0628\u0629 \u0631\u0627\u064a\u0644\u0627 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629\"\n      >\n\n        <div\n          class=\"tbrh-chat-scroll\"\n          id=\"tbrhChatScroll\"\n        >\n\n          <div\n            class=\"tbrh-chat-inner\"\n            id=\"tbrhChatInner\"\n            aria-live=\"polite\"\n          ><\/div>\n\n        <\/div>\n\n\n        <form\n          class=\"tbrh-composer\"\n          id=\"tbrhComposer\"\n          novalidate=\"\"\n        >\n\n          <div class=\"tbrh-composer-box\">\n\n            <label\n              class=\"tbrh-sr\"\n              for=\"tbrhInput\"\n            >\n              \u0627\u0633\u0623\u0644 \u0631\u0627\u064a\u0644\u0627\n            <\/label>\n\n            <input\n              id=\"tbrhInput\"\n              type=\"text\"\n              maxlength=\"180\"\n              autocomplete=\"off\"\n              placeholder=\"\u0627\u0633\u0623\u0644 \u0631\u0627\u064a\u0644\u0627 \u0639\u0646 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062a\u062c\u0631\u064a\u0628\u064a\u0629\u2026\"\n            >\n\n            <button\n              id=\"tbrhSend\"\n              type=\"submit\"\n            >\n              \u0627\u0633\u0623\u0644 \u0631\u0627\u064a\u0644\u0627\n            <\/button>\n\n          <\/div>\n\n\n          <div class=\"tbrh-composer-note\">\n\n            <span>\n              \u0645\u0633\u0627\u062d\u0629 \u0639\u0645\u0644 \u062a\u062c\u0631\u064a\u0628\u064a\u0629 \u00b7 \u0644\u0627 \u064a\u062a\u0637\u0644\u0628 \u0627\u0644\u062a\u0633\u062c\u064a\u0644\n            <\/span>\n\n            <span>\n              \u064a\u0646\u0628\u063a\u064a \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0647\u0645\u0629 \u0642\u0628\u0644 \u0627\u0639\u062a\u0645\u0627\u062f\u0647\u0627.\n            <\/span>\n\n          <\/div>\n\n        <\/form>\n\n      <\/main>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =====================================================================\n     TaskBrowse Arabic Homepage\n     SECTION 2 \u2014 Organizational Problems TaskBrowse Solves\n     WordPress Custom HTML block\n     No JavaScript \/ No external libraries\n     ===================================================================== -->\n\n<style>\n\/* ======================================================================\n   TASKBROWSE ARABIC \u2014 SECTION 2\n   Namespace: #tb-ar-solutions\n   ====================================================================== *\/\n\n#tb-ar-solutions {\n  --tb2-ink: #202124;\n  --tb2-red: #c8102e;\n  --tb2-red-soft: rgba(200, 16, 46, 0.07);\n\n  --tb2-paper: #ffffff;\n  --tb2-warm: #f7f4f0;\n\n  --tb2-line: #e3dfda;\n  --tb2-line-dark: #cbc6c0;\n\n  --tb2-muted: #6b6864;\n  --tb2-soft-text: #8b8782;\n\n  background: var(--tb2-paper);\n  color: var(--tb2-ink);\n\n  font-family:\n    \"Noto Sans Arabic\",\n    \"Noto Naskh Arabic\",\n    Tahoma,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  direction: rtl;\n\n  padding-block-start: clamp(72px, 8vw, 110px);\n  padding-block-end: clamp(42px, 4vw, 58px);\n\n  overflow: hidden;\n}\n\n#tb-ar-solutions,\n#tb-ar-solutions *,\n#tb-ar-solutions *::before,\n#tb-ar-solutions *::after {\n  box-sizing: border-box;\n}\n\n#tb-ar-solutions .tb2-wrap {\n  width: min(1380px, calc(100% - 44px));\n  margin-inline: auto;\n}\n\n\n\/* ======================================================================\n   HEADER\n   ====================================================================== *\/\n\n#tb-ar-solutions .tb2-header {\n  display: grid;\n  grid-template-columns:\n    minmax(0, 0.95fr)\n    minmax(320px, 0.72fr);\n\n  gap: clamp(38px, 7vw, 110px);\n  align-items: end;\n\n  margin-block-end: clamp(38px, 5vw, 62px);\n}\n\n#tb-ar-solutions .tb2-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n\n  margin: 0 0 13px;\n\n  color: var(--tb2-red);\n\n  font-size: 14px;\n  font-weight: 800;\n  line-height: 1.5;\n}\n\n#tb-ar-solutions .tb2-kicker::before {\n  content: \"\";\n  flex: 0 0 auto;\n\n  width: 24px;\n  height: 2px;\n\n  background: var(--tb2-red);\n}\n\n#tb-ar-solutions .tb2-title {\n  margin: 0;\n\n  max-width: 15ch;\n\n  color: var(--tb2-ink);\n\n  font-size: clamp(31px, 3.7vw, 51px);\n  font-weight: 800;\n  line-height: 1.38;\n}\n\n#tb-ar-solutions .tb2-intro {\n  margin: 0;\n  padding-block-end: 3px;\n\n  max-width: 51ch;\n\n  color: var(--tb2-muted);\n\n  font-size: clamp(16px, 1.25vw, 18px);\n  line-height: 1.95;\n}\n\n\n\/* ======================================================================\n   GRID\n   ====================================================================== *\/\n\n#tb-ar-solutions .tb2-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 22px;\n}\n\n\n\/* ======================================================================\n   CARD\n   ====================================================================== *\/\n\n#tb-ar-solutions .tb2-card {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n\n  min-height: 510px;\n\n  padding:\n    clamp(25px, 3vw, 38px)\n    clamp(25px, 3vw, 38px)\n    clamp(27px, 3vw, 38px);\n\n  background: var(--tb2-paper);\n\n  border: 1px solid var(--tb2-line);\n  border-radius: 22px;\n\n  overflow: hidden;\n\n  transition:\n    border-color 180ms ease,\n    box-shadow 180ms ease,\n    transform 180ms ease;\n}\n\n#tb-ar-solutions .tb2-card:hover {\n  border-color: var(--tb2-line-dark);\n\n  box-shadow:\n    0 18px 45px -34px rgba(32, 33, 36, 0.34);\n\n  transform: translateY(-2px);\n}\n\n\n\/* ======================================================================\n   DISTINCTIVE EDGE MARKER\n   Replaces generic decorative blobs \/ quarter circles\n   ====================================================================== *\/\n\n#tb-ar-solutions .tb2-edge-mark {\n  position: absolute;\n\n  inset-inline-end: 0;\n  inset-block-start: 36px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n\n  gap: 5px;\n\n  pointer-events: none;\n}\n\n#tb-ar-solutions .tb2-edge-mark span {\n  display: block;\n\n  height: 1px;\n\n  background: var(--tb2-line-dark);\n}\n\n#tb-ar-solutions .tb2-edge-mark span:nth-child(1) {\n  width: 24px;\n}\n\n#tb-ar-solutions .tb2-edge-mark span:nth-child(2) {\n  width: 15px;\n\n  background: var(--tb2-red);\n}\n\n#tb-ar-solutions .tb2-edge-mark span:nth-child(3) {\n  width: 9px;\n}\n\n\n\/* ======================================================================\n   CARD TOP\n   ====================================================================== *\/\n\n#tb-ar-solutions .tb2-top {\n  display: flex;\n\n  justify-content: space-between;\n  align-items: flex-start;\n\n  gap: 24px;\n\n  margin-block-end: 24px;\n}\n\n#tb-ar-solutions .tb2-meta {\n  min-width: 0;\n}\n\n#tb-ar-solutions .tb2-number {\n  display: block;\n\n  margin-block-end: 8px;\n\n  color: var(--tb2-red);\n\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 1;\n\n  font-variant-numeric: tabular-nums;\n}\n\n#tb-ar-solutions .tb2-area {\n  display: block;\n\n  color: var(--tb2-soft-text);\n\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.5;\n}\n\n\n\/* ======================================================================\n   VISUAL\n   Open technical frame \u2014 no generic rounded icon tile\n   ====================================================================== *\/\n\n#tb-ar-solutions .tb2-visual {\n  position: relative;\n\n  flex: 0 0 auto;\n\n  width: 92px;\n  height: 82px;\n\n  display: grid;\n  place-items: center;\n\n  margin: 0;\n}\n\n\n\/* top\/right technical frame *\/\n\n#tb-ar-solutions .tb2-visual::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset-inline-end: 0;\n  inset-block-start: 0;\n\n  width: 48px;\n  height: 38px;\n\n  border-block-start: 1px solid var(--tb2-line-dark);\n  border-inline-end: 1px solid var(--tb2-line-dark);\n}\n\n\n\/* bottom\/left technical frame *\/\n\n#tb-ar-solutions .tb2-visual::after {\n  content: \"\";\n\n  position: absolute;\n\n  inset-inline-start: 0;\n  inset-block-end: 0;\n\n  width: 34px;\n  height: 27px;\n\n  border-inline-start: 1px solid var(--tb2-line);\n  border-block-end: 1px solid var(--tb2-line);\n}\n\n#tb-ar-solutions .tb2-svg {\n  position: relative;\n  z-index: 2;\n\n  width: 62px;\n  height: 62px;\n\n  overflow: visible;\n}\n\n#tb-ar-solutions .tb2-svg-line {\n  fill: none;\n\n  stroke: var(--tb2-muted);\n  stroke-width: 1.55;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n#tb-ar-solutions .tb2-svg-dark {\n  fill: none;\n\n  stroke: var(--tb2-ink);\n  stroke-width: 2;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n#tb-ar-solutions .tb2-svg-red {\n  fill: none;\n\n  stroke: var(--tb2-red);\n  stroke-width: 2.35;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n#tb-ar-solutions .tb2-svg-red-fill {\n  fill: var(--tb2-red);\n}\n\n#tb-ar-solutions .tb2-svg-soft {\n  fill: var(--tb2-red-soft);\n  stroke: none;\n}\n\n\n\/* ======================================================================\n   PROBLEM\n   ====================================================================== *\/\n\n#tb-ar-solutions .tb2-problem {\n  margin: 0 0 14px;\n\n  max-width: 24ch;\n\n  color: var(--tb2-ink);\n\n  font-size: clamp(22px, 2vw, 29px);\n  font-weight: 800;\n  line-height: 1.55;\n}\n\n#tb-ar-solutions .tb2-pain {\n  margin: 0;\n\n  max-width: 59ch;\n\n  color: var(--tb2-muted);\n\n  font-size: 15.5px;\n  line-height: 1.95;\n}\n\n\n\/* ======================================================================\n   SOLUTION\n   ====================================================================== *\/\n\n#tb-ar-solutions .tb2-answer {\n  position: relative;\n\n  margin-block-start: 24px;\n  padding-block-start: 21px;\n\n  border-block-start: 1px solid var(--tb2-line);\n}\n\n#tb-ar-solutions .tb2-answer-label {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 8px;\n\n  margin-block-end: 9px;\n\n  color: var(--tb2-red);\n\n  font-size: 12.5px;\n  font-weight: 800;\n}\n\n#tb-ar-solutions .tb2-answer-label::before {\n  content: \"\";\n\n  width: 6px;\n  height: 6px;\n\n  border-radius: 1px;\n\n  background: var(--tb2-red);\n\n  transform: rotate(45deg);\n}\n\n#tb-ar-solutions .tb2-answer p {\n  margin: 0;\n\n  color: var(--tb2-ink);\n\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 1.9;\n}\n\n\n\/* ======================================================================\n   PRODUCT PROOF\n   ====================================================================== *\/\n\n#tb-ar-solutions .tb2-proof {\n  margin-block-start: auto;\n  padding-block-start: 24px;\n}\n\n#tb-ar-solutions .tb2-proof-label {\n  display: block;\n\n  margin-block-end: 10px;\n\n  color: var(--tb2-soft-text);\n\n  font-size: 11.5px;\n  font-weight: 700;\n}\n\n#tb-ar-solutions .tb2-tags {\n  display: flex;\n  flex-wrap: wrap;\n\n  gap: 7px;\n}\n\n#tb-ar-solutions .tb2-tag {\n  display: inline-flex;\n  align-items: center;\n\n  min-height: 29px;\n\n  padding: 5px 10px;\n\n  border: 1px solid var(--tb2-line);\n  border-radius: 7px;\n\n  background: #fbfaf9;\n\n  color: #57534f;\n\n  font-size: 11.5px;\n  font-weight: 700;\n  line-height: 1.4;\n\n  white-space: nowrap;\n}\n\n\n\/* ======================================================================\n   TIME CARD EMPHASIS\n   ====================================================================== *\/\n\n#tb-ar-solutions .tb2-card--time {\n  border-block-start: 3px solid var(--tb2-red);\n}\n\n\n\/* ======================================================================\n   FOOTER\n   ====================================================================== *\/\n\n#tb-ar-solutions .tb2-foot {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n\n  gap: 28px;\n  align-items: center;\n\n  margin-block-start: 24px;\n  padding: 18px 22px;\n\n  border-block-start: 1px solid var(--tb2-line);\n}\n\n#tb-ar-solutions .tb2-foot-copy {\n  display: flex;\n  align-items: center;\n\n  gap: 11px;\n\n  color: var(--tb2-muted);\n\n  font-size: 13.5px;\n  line-height: 1.75;\n}\n\n#tb-ar-solutions .tb2-foot-mark {\n  flex: 0 0 auto;\n\n  width: 14px;\n  height: 14px;\n\n  position: relative;\n}\n\n#tb-ar-solutions .tb2-foot-mark::before,\n#tb-ar-solutions .tb2-foot-mark::after {\n  content: \"\";\n\n  position: absolute;\n\n  background: var(--tb2-red);\n}\n\n#tb-ar-solutions .tb2-foot-mark::before {\n  width: 14px;\n  height: 2px;\n\n  top: 6px;\n  right: 0;\n}\n\n#tb-ar-solutions .tb2-foot-mark::after {\n  width: 2px;\n  height: 14px;\n\n  top: 0;\n  right: 6px;\n}\n\n#tb-ar-solutions .tb2-foot-strong {\n  color: var(--tb2-ink);\n\n  font-size: 13px;\n  font-weight: 800;\n\n  white-space: nowrap;\n}\n\n\n\/* ======================================================================\n   TABLET\n   ====================================================================== *\/\n\n@media (max-width: 980px) {\n\n  #tb-ar-solutions .tb2-header {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  #tb-ar-solutions .tb2-title {\n    max-width: 20ch;\n  }\n\n  #tb-ar-solutions .tb2-intro {\n    max-width: 64ch;\n  }\n\n  #tb-ar-solutions .tb2-card {\n    min-height: 535px;\n  }\n\n}\n\n\n\/* ======================================================================\n   MOBILE\n   ====================================================================== *\/\n\n@media (max-width: 700px) {\n\n  #tb-ar-solutions {\n    padding-block-start: 62px;\n    padding-block-end: 38px;\n  }\n\n  #tb-ar-solutions .tb2-wrap {\n    width: min(100% - 30px, 1380px);\n  }\n\n  #tb-ar-solutions .tb2-grid {\n    grid-template-columns: 1fr;\n    gap: 15px;\n  }\n\n  #tb-ar-solutions .tb2-card {\n    min-height: auto;\n\n    padding: 23px 20px;\n\n    border-radius: 18px;\n  }\n\n  #tb-ar-solutions .tb2-edge-mark {\n    inset-block-start: 27px;\n  }\n\n  #tb-ar-solutions .tb2-top {\n    gap: 15px;\n    margin-block-end: 18px;\n  }\n\n  #tb-ar-solutions .tb2-visual {\n    width: 72px;\n    height: 66px;\n  }\n\n  #tb-ar-solutions .tb2-svg {\n    width: 49px;\n    height: 49px;\n  }\n\n  #tb-ar-solutions .tb2-problem {\n    max-width: none;\n    font-size: 22px;\n  }\n\n  #tb-ar-solutions .tb2-pain,\n  #tb-ar-solutions .tb2-answer p {\n    font-size: 15px;\n  }\n\n  #tb-ar-solutions .tb2-proof {\n    margin-block-start: 22px;\n  }\n\n  #tb-ar-solutions .tb2-foot {\n    grid-template-columns: 1fr;\n\n    gap: 8px;\n\n    margin-block-start: 17px;\n    padding-inline: 3px;\n  }\n\n  #tb-ar-solutions .tb2-foot-strong {\n    padding-inline-start: 25px;\n  }\n\n}\n\n\n\/* ======================================================================\n   SMALL MOBILE\n   ====================================================================== *\/\n\n@media (max-width: 390px) {\n\n  #tb-ar-solutions .tb2-visual {\n    width: 65px;\n    height: 60px;\n  }\n\n  #tb-ar-solutions .tb2-svg {\n    width: 44px;\n    height: 44px;\n  }\n\n  #tb-ar-solutions .tb2-tag {\n    white-space: normal;\n  }\n\n}\n\n\n@media (prefers-reduced-motion: reduce) {\n\n  #tb-ar-solutions .tb2-card {\n    transition: none;\n  }\n\n}\n<\/style>\n\n\n<section\n  id=\"tb-ar-solutions\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb2-title\"\n>\n\n  <div class=\"tb2-wrap\">\n\n\n    <!-- ==========================================================\n         HEADER\n         ========================================================== -->\n\n    <header class=\"tb2-header\">\n\n      <div>\n\n        <p class=\"tb2-kicker\">\n          \u0645\u0646 \u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u064a\u0648\u0645\u064a\u0629\n        <\/p>\n\n        <h2\n          class=\"tb2-title\"\n          id=\"tb2-title\"\n        >\n          \u0623\u064a\u0646 \u064a\u0633\u0627\u0639\u062f\u0643 TaskBrowse \u0641\u0639\u0644\u064a\u064b\u0627\u061f\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"tb2-intro\">\n        \u0639\u0646\u062f\u0645\u0627 \u064a\u0643\u0628\u0631 \u0627\u0644\u0639\u0645\u0644\u060c \u0644\u0627 \u062a\u0643\u0641\u064a \u0642\u0627\u0626\u0645\u0629 \u0645\u0647\u0627\u0645 \u0648\u062d\u062f\u0647\u0627.\n        \u064a\u0631\u0628\u0637 TaskBrowse \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0644\u0648\u0642\u062a \u0648\u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629\n        \u062d\u062a\u0649 \u062a\u0631\u0649 \u0645\u0627 \u064a\u062d\u062f\u062b \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0644\u0627 \u0628\u0639\u062f \u0623\u0646 \u062a\u0635\u0628\u062d \u0627\u0644\u0645\u0634\u0643\u0644\u0629\n        \u062a\u0623\u062e\u064a\u0631\u064b\u0627 \u0623\u0648 \u0636\u063a\u0637\u064b\u0627 \u0623\u0648 \u062a\u0643\u0644\u0641\u0629 \u063a\u064a\u0631 \u0645\u062a\u0648\u0642\u0639\u0629.\n      <\/p>\n\n    <\/header>\n\n\n\n    <!-- ==========================================================\n         GRID\n         ========================================================== -->\n\n    <div class=\"tb2-grid\">\n\n\n      <!-- ========================================================\n           01 \u2014 ORGANIZATIONAL TIME\n           ======================================================== -->\n\n      <article class=\"tb2-card tb2-card--time\">\n\n        <div\n          class=\"tb2-edge-mark\"\n          aria-hidden=\"true\"\n        >\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n        <\/div>\n\n\n        <div class=\"tb2-top\">\n\n          <div class=\"tb2-meta\">\n\n            <span class=\"tb2-number\">\n              01\n            <\/span>\n\n            <span class=\"tb2-area\">\n              \u0648\u0642\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u0629 \u0648\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\n            <\/span>\n\n          <\/div>\n\n\n          <figure\n            class=\"tb2-visual\"\n            aria-hidden=\"true\"\n          >\n\n            <svg\n              class=\"tb2-svg\"\n              viewBox=\"0 0 64 64\"\n              focusable=\"false\"\n            >\n\n              <circle\n                class=\"tb2-svg-dark\"\n                cx=\"22\"\n                cy=\"31\"\n                r=\"13\"\n              \/>\n\n              <path\n                class=\"tb2-svg-dark\"\n                d=\"M22 24v8l6 4\"\n              \/>\n\n              <path\n                class=\"tb2-svg-red\"\n                d=\"M13.5 21.3A13 13 0 0 1 27 18.9\"\n              \/>\n\n              <path\n                class=\"tb2-svg-line\"\n                d=\"M35 31h8\"\n              \/>\n\n              <circle\n                class=\"tb2-svg-red-fill\"\n                cx=\"43\"\n                cy=\"31\"\n                r=\"2.3\"\n              \/>\n\n              <path\n                class=\"tb2-svg-line\"\n                d=\"M45 31h5M50 31V19M50 31v12\"\n              \/>\n\n              <path\n                class=\"tb2-svg-line\"\n                d=\"M50 19h7M50 31h7M50 43h7\"\n              \/>\n\n              <circle\n                class=\"tb2-svg-line\"\n                cx=\"59\"\n                cy=\"19\"\n                r=\"2.4\"\n              \/>\n\n              <circle\n                class=\"tb2-svg-red-fill\"\n                cx=\"59\"\n                cy=\"31\"\n                r=\"2.4\"\n              \/>\n\n              <circle\n                class=\"tb2-svg-line\"\n                cx=\"59\"\n                cy=\"43\"\n                r=\"2.4\"\n              \/>\n\n            <\/svg>\n\n          <\/figure>\n\n        <\/div>\n\n\n        <h3 class=\"tb2-problem\">\n          \u0627\u0644\u062c\u0645\u064a\u0639 \u0645\u0634\u063a\u0648\u0644\u2026 \u0644\u0643\u0646 \u0623\u064a\u0646 \u064a\u0630\u0647\u0628 \u0648\u0642\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u0629\u061f\n        <\/h3>\n\n\n        <p class=\"tb2-pain\">\n          \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0627\u062a \u0648\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629\n          \u062a\u0633\u062a\u0647\u0644\u0643 \u0633\u0627\u0639\u0627\u062a \u062d\u0642\u064a\u0642\u064a\u0629 \u0643\u0644 \u064a\u0648\u0645\u060c \u0648\u0645\u0639 \u0630\u0644\u0643 \u0642\u062f \u064a\u0628\u0642\u0649 \u0645\u0646 \u0627\u0644\u0635\u0639\u0628 \u0645\u0639\u0631\u0641\u0629\n          \u0623\u064a\u0646 \u0630\u0647\u0628 \u0627\u0644\u0648\u0642\u062a \u0648\u0623\u064a\u0646 \u064a\u0632\u062f\u0627\u062f \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0641\u0631\u064a\u0642.\n        <\/p>\n\n\n        <div class=\"tb2-answer\">\n\n          <span class=\"tb2-answer-label\">\n            \u0643\u064a\u0641 \u064a\u0633\u0627\u0639\u062f\u0643 TaskBrowse\n          <\/span>\n\n          <p>\n            \u0627\u0631\u0628\u0637 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u062e\u0637\u0637 \u0628\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u064a\u0648\u0645\u064a \u0648\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0648\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\u060c\n            \u0644\u062a\u0631\u0649 \u0643\u064a\u0641 \u064a\u064f\u0633\u062a\u0647\u0644\u0643 \u0648\u0642\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u0629 \u0648\u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u062e\u0637\u0637\u0643 \u0648\u0627\u0642\u0639\u064a\u0629\n            \u0628\u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"tb2-proof\">\n\n          <span class=\"tb2-proof-label\">\n            \u0623\u062f\u0648\u0627\u062a \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0643\u0644\u0629\n          <\/span>\n\n          <div class=\"tb2-tags\">\n\n            <span class=\"tb2-tag\">\n              \u0627\u0644\u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629\n            <\/span>\n\n            <span class=\"tb2-tag\">\n              \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\n            <\/span>\n\n            <span class=\"tb2-tag\">\n              \u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\u0629\n            <\/span>\n\n            <span class=\"tb2-tag\">\n              \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\n            <\/span>\n\n            <span class=\"tb2-tag\">\n              \u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- ========================================================\n           02 \u2014 PROJECT MANAGEMENT\n           ======================================================== -->\n\n      <article class=\"tb2-card\">\n\n        <div\n          class=\"tb2-edge-mark\"\n          aria-hidden=\"true\"\n        >\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n        <\/div>\n\n\n        <div class=\"tb2-top\">\n\n          <div class=\"tb2-meta\">\n\n            <span class=\"tb2-number\">\n              02\n            <\/span>\n\n            <span class=\"tb2-area\">\n              \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630\n            <\/span>\n\n          <\/div>\n\n\n          <figure\n            class=\"tb2-visual\"\n            aria-hidden=\"true\"\n          >\n\n            <svg\n              class=\"tb2-svg\"\n              viewBox=\"0 0 64 64\"\n              focusable=\"false\"\n            >\n\n              <!-- disconnected tasks -->\n\n              <rect\n                class=\"tb2-svg-line\"\n                x=\"5\"\n                y=\"13\"\n                width=\"18\"\n                height=\"9\"\n                rx=\"3\"\n              \/>\n\n              <rect\n                class=\"tb2-svg-line\"\n                x=\"5\"\n                y=\"28\"\n                width=\"18\"\n                height=\"9\"\n                rx=\"3\"\n              \/>\n\n              <rect\n                class=\"tb2-svg-line\"\n                x=\"5\"\n                y=\"43\"\n                width=\"18\"\n                height=\"9\"\n                rx=\"3\"\n              \/>\n\n              <circle\n                class=\"tb2-svg-red-fill\"\n                cx=\"10\"\n                cy=\"17.5\"\n                r=\"1.7\"\n              \/>\n\n              <path\n                class=\"tb2-svg-line\"\n                d=\"M13 17.5h6M10 32.5h9M10 47.5h9\"\n              \/>\n\n\n              <!-- connected project -->\n\n              <path\n                class=\"tb2-svg-dark\"\n                d=\"M35 17h20M35 32h20M35 47h20\"\n              \/>\n\n              <rect\n                class=\"tb2-svg-red\"\n                x=\"35\"\n                y=\"13\"\n                width=\"10\"\n                height=\"8\"\n                rx=\"2.5\"\n              \/>\n\n              <rect\n                class=\"tb2-svg-line\"\n                x=\"42\"\n                y=\"28\"\n                width=\"12\"\n                height=\"8\"\n                rx=\"2.5\"\n              \/>\n\n              <rect\n                class=\"tb2-svg-line\"\n                x=\"47\"\n                y=\"43\"\n                width=\"10\"\n                height=\"8\"\n                rx=\"2.5\"\n              \/>\n\n              <path\n                class=\"tb2-svg-line\"\n                d=\"M45 17h4v15h-7M54 32h4v15h-11\"\n              \/>\n\n            <\/svg>\n\n          <\/figure>\n\n        <\/div>\n\n\n        <h3 class=\"tb2-problem\">\n          \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u064a\u062a\u062d\u0631\u0643\u2026 \u0644\u0643\u0646 \u0647\u0644 \u062a\u0631\u0649 \u0627\u0644\u0635\u0648\u0631\u0629 \u0643\u0627\u0645\u0644\u0629\u061f\n        <\/h3>\n\n\n        <p class=\"tb2-pain\">\n          \u0645\u0639\u0631\u0641\u0629 \u0645\u0646 \u064a\u0646\u0641\u0630 \u0645\u0627\u0630\u0627 \u0644\u0627 \u062a\u0643\u0641\u064a \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n          \u062a\u062d\u062a\u0627\u062c \u0623\u064a\u0636\u064b\u0627 \u0625\u0644\u0649 \u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a \u0648\u0627\u0644\u062a\u0642\u062f\u0645\u060c\n          \u0648\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062a\u0623\u062e\u0631 \u0648\u0645\u0627 \u0627\u0644\u0630\u064a \u0633\u064a\u0624\u062b\u0631 \u0641\u064a \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629.\n        <\/p>\n\n\n        <div class=\"tb2-answer\">\n\n          <span class=\"tb2-answer-label\">\n            \u0643\u064a\u0641 \u064a\u0633\u0627\u0639\u062f\u0643 TaskBrowse\n          <\/span>\n\n          <p>\n            \u062d\u0648\u0651\u0644 \u0627\u0644\u0645\u0647\u0627\u0645 \u0625\u0644\u0649 \u062e\u0637\u0629 \u0645\u0634\u0631\u0648\u0639 \u0645\u062a\u0631\u0627\u0628\u0637\u0629\u060c \u0648\u0627\u0631\u0628\u0637 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n            \u0628\u0647\u064a\u0643\u0644\u0647 \u0648\u0645\u0631\u0627\u062d\u0644\u0647\u060c \u0648\u062d\u062f\u062f \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a\u060c\n            \u062b\u0645 \u062a\u0627\u0628\u0639 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0645\u0646 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u062d\u062a\u0649 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0647\u0645\u0629.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"tb2-proof\">\n\n          <span class=\"tb2-proof-label\">\n            \u0623\u062f\u0648\u0627\u062a \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0643\u0644\u0629\n          <\/span>\n\n          <div class=\"tb2-tags\">\n\n            <span class=\"tb2-tag\">\n              WBS\n            <\/span>\n\n            <span class=\"tb2-tag\">\n              Gantt\n            <\/span>\n\n            <span class=\"tb2-tag\">\n              \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a\n            <\/span>\n\n            <span class=\"tb2-tag\">\n              \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u062d\u0631\u062c\n            <\/span>\n\n            <span class=\"tb2-tag\">\n              \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- ========================================================\n           03 \u2014 WORKFLOW\n           ======================================================== -->\n\n      <article class=\"tb2-card\">\n\n        <div\n          class=\"tb2-edge-mark\"\n          aria-hidden=\"true\"\n        >\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n        <\/div>\n\n\n        <div class=\"tb2-top\">\n\n          <div class=\"tb2-meta\">\n\n            <span class=\"tb2-number\">\n              03\n            <\/span>\n\n            <span class=\"tb2-area\">\n              \u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a\n            <\/span>\n\n          <\/div>\n\n\n          <figure\n            class=\"tb2-visual\"\n            aria-hidden=\"true\"\n          >\n\n            <svg\n              class=\"tb2-svg\"\n              viewBox=\"0 0 64 64\"\n              focusable=\"false\"\n            >\n\n              <!-- fragmented\/manual input -->\n\n              <rect\n                class=\"tb2-svg-line\"\n                x=\"5\"\n                y=\"11\"\n                width=\"21\"\n                height=\"34\"\n                rx=\"3\"\n              \/>\n\n              <path\n                class=\"tb2-svg-line\"\n                d=\"M5 20h21M5 29h21M5 38h21M12 11v34M19 11v34\"\n              \/>\n\n              <rect\n                class=\"tb2-svg-soft\"\n                x=\"13\"\n                y=\"21\"\n                width=\"5\"\n                height=\"7\"\n                rx=\"1\"\n              \/>\n\n\n              <!-- transition -->\n\n              <path\n                class=\"tb2-svg-dark\"\n                d=\"M28 28h8\"\n              \/>\n\n              <path\n                class=\"tb2-svg-dark\"\n                d=\"M33 24l4 4-4 4\"\n              \/>\n\n\n              <!-- controlled workflow -->\n\n              <rect\n                class=\"tb2-svg-red\"\n                x=\"40\"\n                y=\"9\"\n                width=\"16\"\n                height=\"10\"\n                rx=\"3\"\n              \/>\n\n              <rect\n                class=\"tb2-svg-line\"\n                x=\"40\"\n                y=\"27\"\n                width=\"16\"\n                height=\"10\"\n                rx=\"3\"\n              \/>\n\n              <rect\n                class=\"tb2-svg-line\"\n                x=\"40\"\n                y=\"45\"\n                width=\"16\"\n                height=\"10\"\n                rx=\"3\"\n              \/>\n\n              <path\n                class=\"tb2-svg-line\"\n                d=\"M48 19v8M48 37v8\"\n              \/>\n\n              <circle\n                class=\"tb2-svg-red-fill\"\n                cx=\"48\"\n                cy=\"14\"\n                r=\"1.7\"\n              \/>\n\n            <\/svg>\n\n          <\/figure>\n\n        <\/div>\n\n\n        <h3 class=\"tb2-problem\">\n          \u0647\u0644 \u064a\u0646\u062a\u0642\u0644 \u0627\u0644\u0639\u0645\u0644 \u0628\u064a\u0646 \u0645\u0631\u0627\u062d\u0644 \u0648\u0623\u0634\u062e\u0627\u0635 \u062f\u0648\u0646 \u0645\u0633\u0627\u0631 \u0648\u0627\u0636\u062d\u061f\n        <\/h3>\n\n\n        <p class=\"tb2-pain\">\n          \u0639\u0646\u062f\u0645\u0627 \u062a\u062a\u0648\u0632\u0639 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\n          \u0648\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0628\u064a\u0646 Excel \u0648\u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u064a\u062f\u0648\u064a\u0629\u060c\n          \u064a\u0635\u0628\u062d \u0645\u0646 \u0627\u0644\u0635\u0639\u0628 \u0645\u0639\u0631\u0641\u0629 \u0623\u064a\u0646 \u062a\u0648\u0642\u0641 \u0627\u0644\u0639\u0645\u0644 \u0648\u0645\u0646 \u0627\u0644\u0645\u0633\u0624\u0648\u0644 \u0639\u0646 \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629.\n        <\/p>\n\n\n        <div class=\"tb2-answer\">\n\n          <span class=\"tb2-answer-label\">\n            \u0643\u064a\u0641 \u064a\u0633\u0627\u0639\u062f\u0643 TaskBrowse\n          <\/span>\n\n          <p>\n            \u062d\u0648\u0651\u0644 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629 \u0625\u0644\u0649 \u0633\u064a\u0631 \u0639\u0645\u0644 \u0648\u0627\u0636\u062d \u0628\u062d\u0627\u0644\u0627\u062a \u0648\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\n            \u0648\u0642\u0648\u0627\u0626\u0645 \u062a\u062d\u0642\u0642\u060c \u062d\u062a\u0649 \u064a\u0639\u0631\u0641 \u0643\u0644 \u0634\u062e\u0635 \u0623\u064a\u0646 \u0648\u0635\u0644 \u0627\u0644\u0639\u0645\u0644 \u0648\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062c\u0628\n            \u0623\u0646 \u064a\u0646\u062a\u0642\u0644 \u0625\u0644\u064a\u0647 \u0628\u0639\u062f \u0630\u0644\u0643.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"tb2-proof\">\n\n          <span class=\"tb2-proof-label\">\n            \u0623\u062f\u0648\u0627\u062a \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0643\u0644\u0629\n          <\/span>\n\n          <div class=\"tb2-tags\">\n\n            <span class=\"tb2-tag\">\n              \u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644\n            <\/span>\n\n            <span class=\"tb2-tag\">\n              \u0627\u0644\u062d\u0627\u0644\u0627\u062a\n            <\/span>\n\n            <span class=\"tb2-tag\">\n              \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\n            <\/span>\n\n            <span class=\"tb2-tag\">\n              \u0642\u0648\u0627\u0626\u0645 \u0627\u0644\u062a\u062d\u0642\u0642\n            <\/span>\n\n            <span class=\"tb2-tag\">\n              \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- ========================================================\n           04 \u2014 COST & PERFORMANCE\n           ======================================================== -->\n\n      <article class=\"tb2-card\">\n\n        <div\n          class=\"tb2-edge-mark\"\n          aria-hidden=\"true\"\n        >\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n        <\/div>\n\n\n        <div class=\"tb2-top\">\n\n          <div class=\"tb2-meta\">\n\n            <span class=\"tb2-number\">\n              04\n            <\/span>\n\n            <span class=\"tb2-area\">\n              \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0623\u062f\u0627\u0624\u0647\n            <\/span>\n\n          <\/div>\n\n\n          <figure\n            class=\"tb2-visual\"\n            aria-hidden=\"true\"\n          >\n\n            <svg\n              class=\"tb2-svg\"\n              viewBox=\"0 0 64 64\"\n              focusable=\"false\"\n            >\n\n              <!-- time -->\n\n              <circle\n                class=\"tb2-svg-line\"\n                cx=\"14\"\n                cy=\"15\"\n                r=\"7\"\n              \/>\n\n              <path\n                class=\"tb2-svg-dark\"\n                d=\"M14 11v5l3 2\"\n              \/>\n\n\n              <!-- people -->\n\n              <circle\n                class=\"tb2-svg-line\"\n                cx=\"49\"\n                cy=\"14\"\n                r=\"4\"\n              \/>\n\n              <path\n                class=\"tb2-svg-line\"\n                d=\"M42 23c2-6 12-6 14 0\"\n              \/>\n\n\n              <!-- expense -->\n\n              <rect\n                class=\"tb2-svg-line\"\n                x=\"8\"\n                y=\"42\"\n                width=\"14\"\n                height=\"12\"\n                rx=\"3\"\n              \/>\n\n              <path\n                class=\"tb2-svg-line\"\n                d=\"M11 46h8M11 50h5\"\n              \/>\n\n\n              <!-- budget -->\n\n              <rect\n                class=\"tb2-svg-line\"\n                x=\"44\"\n                y=\"43\"\n                width=\"13\"\n                height=\"9\"\n                rx=\"3\"\n              \/>\n\n              <path\n                class=\"tb2-svg-red\"\n                d=\"M47 47.5h7\"\n              \/>\n\n\n              <!-- convergence -->\n\n              <path\n                class=\"tb2-svg-line\"\n                d=\"M19 19l10 11M45 19L35 30M20 44l9-9M45 44l-10-9\"\n              \/>\n\n\n              <!-- project economics -->\n\n              <rect\n                class=\"tb2-svg-dark\"\n                x=\"25\"\n                y=\"27\"\n                width=\"16\"\n                height=\"12\"\n                rx=\"4\"\n              \/>\n\n              <path\n                class=\"tb2-svg-red\"\n                d=\"M29 35h8\"\n              \/>\n\n              <circle\n                class=\"tb2-svg-red-fill\"\n                cx=\"39\"\n                cy=\"35\"\n                r=\"1.6\"\n              \/>\n\n            <\/svg>\n\n          <\/figure>\n\n        <\/div>\n\n\n        <h3 class=\"tb2-problem\">\n          \u062a\u0639\u0631\u0641 \u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u2026 \u0644\u0643\u0646 \u0647\u0644 \u062a\u0639\u0631\u0641 \u0645\u0627\u0630\u0627 \u064a\u0633\u062a\u0647\u0644\u0643\u0647\u0627 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u061f\n        <\/h3>\n\n\n        <p class=\"tb2-pain\">\n          \u0648\u0642\u062a \u0627\u0644\u0641\u0631\u064a\u0642 \u0648\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0645\u0635\u0631\u0648\u0641\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0623\u062e\u0631\u0649\n          \u062a\u0633\u062a\u0647\u0644\u0643 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u062a\u062f\u0631\u064a\u062c\u064a\u064b\u0627\u060c \u0648\u0642\u062f \u0644\u0627 \u064a\u0638\u0647\u0631 \u0627\u0644\u0627\u0646\u062d\u0631\u0627\u0641 \u0628\u0648\u0636\u0648\u062d\n          \u0625\u0630\u0627 \u0628\u0642\u064a \u0643\u0644 \u062c\u0632\u0621 \u0645\u0646\u0647\u0627 \u0641\u064a \u0645\u0643\u0627\u0646 \u0645\u0646\u0641\u0635\u0644.\n        <\/p>\n\n\n        <div class=\"tb2-answer\">\n\n          <span class=\"tb2-answer-label\">\n            \u0643\u064a\u0641 \u064a\u0633\u0627\u0639\u062f\u0643 TaskBrowse\n          <\/span>\n\n          <p>\n            \u0627\u0631\u0628\u0637 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0628\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0645\u0635\u0631\u0648\u0641\u0627\u062a \u0648\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\n            \u0648\u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0648\u0642\u0627\u0631\u0646 \u0645\u0627 \u062e\u064f\u0637\u0651\u0650\u0637 \u0644\u0647 \u0628\u0645\u0627 \u064a\u062d\u062f\u062b \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n            \u0628\u062f\u0644 \u0627\u0646\u062a\u0638\u0627\u0631 \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0646\u062a\u064a\u062c\u0629.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"tb2-proof\">\n\n          <span class=\"tb2-proof-label\">\n            \u0623\u062f\u0648\u0627\u062a \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0643\u0644\u0629\n          <\/span>\n\n          <div class=\"tb2-tags\">\n\n            <span class=\"tb2-tag\">\n              \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0648\u0642\u062a\n            <\/span>\n\n            <span class=\"tb2-tag\">\n              \u0627\u0644\u0645\u0635\u0631\u0648\u0641\u0627\u062a\n            <\/span>\n\n            <span class=\"tb2-tag\">\n              \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\n            <\/span>\n\n            <span class=\"tb2-tag\">\n              \u0627\u0644\u0645\u062e\u0637\u0637 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u0641\u0639\u0644\u064a\n            <\/span>\n\n            <span class=\"tb2-tag\">\n              \u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u062a\u0643\u0644\u0641\u0629\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n\n    <!-- ==========================================================\n         CONTEXT\n         ========================================================== -->\n\n    <div class=\"tb2-foot\">\n\n      <div class=\"tb2-foot-copy\">\n\n        <span\n          class=\"tb2-foot-mark\"\n          aria-hidden=\"true\"\n        ><\/span>\n\n        <span>\n          \u0647\u0630\u0647 \u0627\u0644\u062c\u0648\u0627\u0646\u0628 \u0644\u0627 \u062a\u0639\u0645\u0644 \u0643\u0623\u062f\u0648\u0627\u062a \u0645\u0646\u0641\u0635\u0644\u0629\u061b\n          \u064a\u0631\u0628\u0637 TaskBrowse \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0644\u0648\u0642\u062a \u0648\u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629\n          \u0641\u064a \u0633\u064a\u0627\u0642 \u0648\u0627\u062d\u062f.\n        <\/span>\n\n      <\/div>\n\n\n      <span class=\"tb2-foot-strong\">\n        \u0627\u0644\u062e\u0637\u0629 \u0648\u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0648\u0627\u0642\u0639 \u2014 \u0645\u0639\u064b\u0627.\n      <\/span>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =====================================================================\n     TaskBrowse Arabic Homepage\n     SECTION 3 \u2014 From Project Plan to the Team's Real Day\n     WordPress Custom HTML block\n     No JavaScript \/ No external libraries\n     ===================================================================== -->\n\n<style>\n\/* ======================================================================\n   SMALL BRIDGE FROM PREVIOUS SECTION\n   Reduces unnecessary white space before this dark section.\n   ====================================================================== *\/\n\n#tb-ar-solutions {\n  padding-block-end: clamp(42px, 4vw, 58px);\n}\n\n\n\/* ======================================================================\n   TASKBROWSE ARABIC \u2014 SECTION 3\n   Namespace: #tb-ar-plan-to-day\n   ====================================================================== *\/\n\n#tb-ar-plan-to-day {\n  --tb3-ink: #202124;\n  --tb3-panel: #282a2e;\n  --tb3-panel-2: #2e3034;\n  --tb3-panel-3: #34363a;\n  --tb3-white: #ffffff;\n  --tb3-off: #f7f4f0;\n  --tb3-line: rgba(255,255,255,0.12);\n  --tb3-line-strong: rgba(255,255,255,0.19);\n  --tb3-muted: #c2bfba;\n  --tb3-soft: #97938e;\n  --tb3-red: #c8102e;\n  --tb3-red-soft: rgba(200,16,46,0.16);\n\n  background: var(--tb3-ink);\n  color: var(--tb3-white);\n\n  font-family:\n    \"Noto Sans Arabic\",\n    \"Noto Naskh Arabic\",\n    Tahoma,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  direction: rtl;\n  padding-block: clamp(54px, 6vw, 84px);\n  overflow: hidden;\n}\n\n#tb-ar-plan-to-day,\n#tb-ar-plan-to-day *,\n#tb-ar-plan-to-day *::before,\n#tb-ar-plan-to-day *::after {\n  box-sizing: border-box;\n}\n\n#tb-ar-plan-to-day .tb3-wrap {\n  width: min(1380px, calc(100% - 44px));\n  margin-inline: auto;\n}\n\n\n\/* ======================================================================\n   HEADER\n   ====================================================================== *\/\n\n#tb-ar-plan-to-day .tb3-head {\n  display: grid;\n  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.72fr);\n  align-items: end;\n  gap: clamp(34px, 7vw, 110px);\n\n  margin-block-end: clamp(32px, 4vw, 46px);\n}\n\n#tb-ar-plan-to-day .tb3-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n\n  margin: 0 0 12px;\n\n  color: #ef9baa;\n  font-size: 14px;\n  font-weight: 800;\n  line-height: 1.5;\n}\n\n#tb-ar-plan-to-day .tb3-kicker::before {\n  content: \"\";\n  width: 24px;\n  height: 2px;\n  background: var(--tb3-red);\n  flex: 0 0 auto;\n}\n\n#tb-ar-plan-to-day .tb3-title {\n  margin: 0;\n  max-width: 17ch;\n\n  color: var(--tb3-white);\n  font-size: clamp(31px, 3.6vw, 50px);\n  font-weight: 800;\n  line-height: 1.4;\n}\n\n#tb-ar-plan-to-day .tb3-intro {\n  margin: 0;\n  max-width: 54ch;\n\n  color: var(--tb3-muted);\n  font-size: clamp(15.5px, 1.2vw, 18px);\n  line-height: 1.95;\n}\n\n\n\/* ======================================================================\n   MAIN CONNECTED PRODUCT STORY\n   ====================================================================== *\/\n\n#tb-ar-plan-to-day .tb3-story {\n  position: relative;\n\n  border: 1px solid var(--tb3-line);\n  border-radius: 24px;\n\n  background: var(--tb3-panel);\n\n  overflow: hidden;\n}\n\n\n\/* ======================================================================\n   PROJECT CONTEXT BAR\n   ====================================================================== *\/\n\n#tb-ar-plan-to-day .tb3-context {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n\n  padding: 15px 22px;\n\n  border-block-end: 1px solid var(--tb3-line);\n  background: rgba(255,255,255,0.025);\n}\n\n#tb-ar-plan-to-day .tb3-context-project {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n\n  color: var(--tb3-white);\n  font-size: 13px;\n  font-weight: 700;\n}\n\n#tb-ar-plan-to-day .tb3-context-project::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--tb3-red);\n}\n\n#tb-ar-plan-to-day .tb3-context-note {\n  color: var(--tb3-soft);\n  font-size: 12px;\n}\n\n\n\/* ======================================================================\n   THREE CONNECTED STAGES\n   ====================================================================== *\/\n\n#tb-ar-plan-to-day .tb3-flow {\n  display: flex;\n  align-items: stretch;\n  direction: rtl;\n}\n\n#tb-ar-plan-to-day .tb3-stage {\n  min-width: 0;\n  flex: 1 1 0;\n\n  padding: clamp(24px, 3vw, 38px);\n}\n\n#tb-ar-plan-to-day .tb3-stage + .tb3-stage {\n  border-inline-start: 1px solid var(--tb3-line);\n}\n\n#tb-ar-plan-to-day .tb3-stage--actual {\n  flex: 1.08 1 0;\n  background:\n    linear-gradient(\n      180deg,\n      rgba(200,16,46,0.07),\n      rgba(200,16,46,0.015)\n    );\n}\n\n\n\/* ======================================================================\n   STAGE HEADER\n   ====================================================================== *\/\n\n#tb-ar-plan-to-day .tb3-stage-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 16px;\n\n  margin-block-end: 24px;\n}\n\n#tb-ar-plan-to-day .tb3-stage-name {\n  margin: 0;\n\n  color: var(--tb3-white);\n  font-size: 16px;\n  font-weight: 800;\n}\n\n#tb-ar-plan-to-day .tb3-stage-index {\n  color: var(--tb3-red);\n  font-size: 11px;\n  font-weight: 800;\n  font-variant-numeric: tabular-nums;\n}\n\n#tb-ar-plan-to-day .tb3-stage-copy {\n  margin: 0 0 22px;\n\n  min-height: 48px;\n\n  color: var(--tb3-muted);\n  font-size: 13.5px;\n  line-height: 1.8;\n}\n\n\n\/* ======================================================================\n   STAGE 1 \u2014 PROJECT PLAN\n   ====================================================================== *\/\n\n#tb-ar-plan-to-day .tb3-plan {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n#tb-ar-plan-to-day .tb3-plan-main {\n  padding: 16px;\n\n  border: 1px solid var(--tb3-line-strong);\n  border-radius: 14px;\n\n  background: var(--tb3-panel-2);\n}\n\n#tb-ar-plan-to-day .tb3-task-title {\n  display: block;\n\n  margin-block-end: 14px;\n\n  color: var(--tb3-white);\n  font-size: 14px;\n  font-weight: 800;\n}\n\n#tb-ar-plan-to-day .tb3-plan-row {\n  display: flex;\n  justify-content: space-between;\n  gap: 16px;\n\n  padding-block: 6px;\n\n  color: var(--tb3-muted);\n  font-size: 12px;\n}\n\n#tb-ar-plan-to-day .tb3-plan-row strong {\n  color: var(--tb3-white);\n  font-weight: 700;\n}\n\n#tb-ar-plan-to-day .tb3-plan-progress {\n  margin-block-start: 13px;\n}\n\n#tb-ar-plan-to-day .tb3-progress-label {\n  display: flex;\n  justify-content: space-between;\n  gap: 10px;\n\n  margin-block-end: 7px;\n\n  color: var(--tb3-soft);\n  font-size: 10.5px;\n}\n\n#tb-ar-plan-to-day .tb3-progress-track {\n  height: 7px;\n\n  border-radius: 999px;\n  background: rgba(255,255,255,0.08);\n\n  overflow: hidden;\n}\n\n#tb-ar-plan-to-day .tb3-progress-bar {\n  width: 52%;\n  height: 100%;\n\n  border-radius: inherit;\n  background: var(--tb3-white);\n}\n\n\n\/* ======================================================================\n   STAGE 2 \u2014 DAILY WORK\n   ====================================================================== *\/\n\n#tb-ar-plan-to-day .tb3-day {\n  padding: 15px 16px;\n\n  border: 1px solid var(--tb3-line);\n  border-radius: 14px;\n\n  background: var(--tb3-panel-2);\n}\n\n#tb-ar-plan-to-day .tb3-day-row {\n  display: grid;\n  grid-template-columns: 48px minmax(0, 1fr);\n  gap: 10px;\n  align-items: center;\n\n  min-height: 39px;\n\n  border-block-end: 1px solid rgba(255,255,255,0.07);\n}\n\n#tb-ar-plan-to-day .tb3-day-row:last-child {\n  border-block-end: none;\n}\n\n#tb-ar-plan-to-day .tb3-time {\n  color: var(--tb3-soft);\n  font-size: 10.5px;\n  font-variant-numeric: tabular-nums;\n}\n\n#tb-ar-plan-to-day .tb3-work {\n  position: relative;\n\n  min-width: 0;\n  padding: 6px 9px;\n\n  border-radius: 6px;\n\n  background: rgba(255,255,255,0.07);\n\n  color: #eceae7;\n  font-size: 11px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n#tb-ar-plan-to-day .tb3-day-row--focus .tb3-work {\n  border-inline-start: 2px solid var(--tb3-red);\n  background: var(--tb3-red-soft);\n  color: var(--tb3-white);\n}\n\n#tb-ar-plan-to-day .tb3-capacity {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n\n  margin-block-start: 13px;\n  padding-block-start: 12px;\n\n  border-block-start: 1px solid var(--tb3-line);\n\n  color: var(--tb3-soft);\n  font-size: 11px;\n}\n\n#tb-ar-plan-to-day .tb3-capacity strong {\n  color: var(--tb3-white);\n  font-size: 12px;\n}\n\n\n\/* ======================================================================\n   STAGE 3 \u2014 REALITY\n   ====================================================================== *\/\n\n#tb-ar-plan-to-day .tb3-actual {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n#tb-ar-plan-to-day .tb3-metric {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 15px;\n\n  padding: 11px 13px;\n\n  border-block-end: 1px solid var(--tb3-line);\n}\n\n#tb-ar-plan-to-day .tb3-metric:last-child {\n  border-block-end: none;\n}\n\n#tb-ar-plan-to-day .tb3-metric span {\n  color: var(--tb3-muted);\n  font-size: 12px;\n}\n\n#tb-ar-plan-to-day .tb3-metric strong {\n  color: var(--tb3-white);\n  font-size: 14px;\n  font-weight: 800;\n}\n\n#tb-ar-plan-to-day .tb3-metric--alert strong {\n  color: #ffabb9;\n}\n\n\n\/* ======================================================================\n   CONNECTED FLOW MESSAGE\n   ====================================================================== *\/\n\n#tb-ar-plan-to-day .tb3-return {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 26px;\n  align-items: center;\n\n  padding: 22px clamp(22px, 3vw, 38px);\n\n  border-block-start: 1px solid var(--tb3-line);\n\n  background: #24262a;\n}\n\n#tb-ar-plan-to-day .tb3-return-copy {\n  min-width: 0;\n}\n\n#tb-ar-plan-to-day .tb3-return-label {\n  display: block;\n\n  margin-block-end: 5px;\n\n  color: #f0a2af;\n  font-size: 12px;\n  font-weight: 800;\n}\n\n#tb-ar-plan-to-day .tb3-return strong {\n  display: block;\n\n  color: var(--tb3-white);\n  font-size: clamp(17px, 1.6vw, 22px);\n  line-height: 1.6;\n}\n\n#tb-ar-plan-to-day .tb3-variance {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n\n  min-width: 260px;\n}\n\n#tb-ar-plan-to-day .tb3-variance-item {\n  text-align: center;\n}\n\n#tb-ar-plan-to-day .tb3-variance-item span {\n  display: block;\n\n  margin-block-end: 3px;\n\n  color: var(--tb3-soft);\n  font-size: 10px;\n}\n\n#tb-ar-plan-to-day .tb3-variance-item strong {\n  color: var(--tb3-white);\n  font-size: 15px;\n}\n\n#tb-ar-plan-to-day .tb3-variance-arrow {\n  color: var(--tb3-soft);\n  font-size: 20px;\n}\n\n#tb-ar-plan-to-day .tb3-variance-diff strong {\n  color: #ff9daf;\n}\n\n\n\/* ======================================================================\n   BOTTOM PRINCIPLE\n   ====================================================================== *\/\n\n#tb-ar-plan-to-day .tb3-principle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n\n  margin-block-start: 22px;\n\n  color: var(--tb3-muted);\n  font-size: 13px;\n  line-height: 1.8;\n  text-align: center;\n}\n\n#tb-ar-plan-to-day .tb3-principle::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  flex: 0 0 auto;\n\n  border-radius: 50%;\n  background: var(--tb3-red);\n}\n\n\n\/* ======================================================================\n   TABLET\n   ====================================================================== *\/\n\n@media (max-width: 960px) {\n\n  #tb-ar-plan-to-day .tb3-head {\n    grid-template-columns: 1fr;\n    gap: 17px;\n  }\n\n  #tb-ar-plan-to-day .tb3-title {\n    max-width: 20ch;\n  }\n\n  #tb-ar-plan-to-day .tb3-intro {\n    max-width: 64ch;\n  }\n\n  #tb-ar-plan-to-day .tb3-flow {\n    flex-direction: column;\n  }\n\n  #tb-ar-plan-to-day .tb3-stage + .tb3-stage {\n    border-inline-start: none;\n    border-block-start: 1px solid var(--tb3-line);\n  }\n\n  #tb-ar-plan-to-day .tb3-stage-copy {\n    min-height: 0;\n  }\n\n  #tb-ar-plan-to-day .tb3-return {\n    grid-template-columns: 1fr;\n  }\n\n  #tb-ar-plan-to-day .tb3-variance {\n    min-width: 0;\n    justify-content: flex-start;\n  }\n\n}\n\n\n\/* ======================================================================\n   MOBILE\n   ====================================================================== *\/\n\n@media (max-width: 620px) {\n\n  #tb-ar-solutions {\n    padding-block-end: 38px;\n  }\n\n  #tb-ar-plan-to-day {\n    padding-block: 52px 58px;\n  }\n\n  #tb-ar-plan-to-day .tb3-wrap {\n    width: min(100% - 30px, 1380px);\n  }\n\n  #tb-ar-plan-to-day .tb3-story {\n    border-radius: 18px;\n  }\n\n  #tb-ar-plan-to-day .tb3-context {\n    padding: 13px 15px;\n  }\n\n  #tb-ar-plan-to-day .tb3-context-note {\n    display: none;\n  }\n\n  #tb-ar-plan-to-day .tb3-stage {\n    padding: 22px 17px;\n  }\n\n  #tb-ar-plan-to-day .tb3-title {\n    font-size: 30px;\n  }\n\n  #tb-ar-plan-to-day .tb3-return {\n    padding: 19px 17px;\n  }\n\n  #tb-ar-plan-to-day .tb3-variance {\n    display: grid;\n    grid-template-columns: 1fr auto 1fr auto 1fr;\n    width: 100%;\n  }\n\n  #tb-ar-plan-to-day .tb3-principle {\n    align-items: flex-start;\n    text-align: start;\n  }\n\n}\n\n\n@media (prefers-reduced-motion: reduce) {\n  #tb-ar-plan-to-day * {\n    scroll-behavior: auto !important;\n  }\n}\n<\/style>\n\n\n<section\n  id=\"tb-ar-plan-to-day\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb3-title\"\n>\n\n  <div class=\"tb3-wrap\">\n\n\n    <!-- ==========================================================\n         HEADER\n         ========================================================== -->\n\n    <header class=\"tb3-head\">\n\n      <div>\n\n        <p class=\"tb3-kicker\">\n          \u0645\u0646 \u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0644\u0649 \u064a\u0648\u0645 \u0627\u0644\u0641\u0631\u064a\u0642\n        <\/p>\n\n        <h2 class=\"tb3-title\" id=\"tb3-title\">\n          \u0627\u0644\u062e\u0637\u0629 \u0644\u0627 \u062a\u0628\u0642\u0649 \u0639\u0646\u062f \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n        <\/h2>\n\n      <\/div>\n\n      <p class=\"tb3-intro\">\n        \u0641\u064a TaskBrowse\u060c \u062a\u0646\u062a\u0642\u0644 \u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0645\u0648\u0627\u0639\u064a\u062f\u0647 \u0648\u0623\u0648\u0644\u0648\u064a\u0627\u062a\u0647\n        \u0625\u0644\u0649 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u064a\u0648\u0645\u064a \u0644\u0644\u0641\u0631\u064a\u0642\u060c \u062b\u0645 \u064a\u0639\u0648\u062f \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0641\u0639\u0644\u064a\u0627\u0646\n        \u0625\u0644\u0649 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0646\u0641\u0633\u0647. \u0647\u0643\u0630\u0627 \u062a\u0631\u0649 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n        \u064a\u0633\u064a\u0631 \u0643\u0645\u0627 \u062e\u064f\u0637\u0651\u0650\u0637 \u0644\u0647.\n      <\/p>\n\n    <\/header>\n\n\n    <!-- ==========================================================\n         CONNECTED PRODUCT STORY\n         ========================================================== -->\n\n    <div class=\"tb3-story\">\n\n      <div class=\"tb3-context\">\n\n        <span class=\"tb3-context-project\">\n          \u0645\u0634\u0631\u0648\u0639: \u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u0635\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629\n        <\/span>\n\n        <span class=\"tb3-context-note\">\n          \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0643\u064a\u0641\u064a\u0629 \u0627\u0646\u062a\u0642\u0627\u0644 \u0627\u0644\u0639\u0645\u0644 \u0645\u0646 \u0627\u0644\u062e\u0637\u0629 \u0625\u0644\u0649 \u0627\u0644\u0648\u0627\u0642\u0639\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"tb3-flow\">\n\n\n        <!-- ========================================================\n             01 \u2014 PROJECT PLAN\n             ======================================================== -->\n\n        <section class=\"tb3-stage\">\n\n          <div class=\"tb3-stage-head\">\n            <h3 class=\"tb3-stage-name\">\u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/h3>\n            <span class=\"tb3-stage-index\">01<\/span>\n          <\/div>\n\n          <p class=\"tb3-stage-copy\">\n            \u064a\u062d\u062f\u062f \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0645\u0647\u0645\u0629 \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644 \u0648\u0627\u0644\u0645\u0648\u0639\u062f\n            \u0648\u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u062a\u0648\u0642\u0639 \u0636\u0645\u0646 \u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n          <\/p>\n\n\n          <div class=\"tb3-plan\">\n\n            <div class=\"tb3-plan-main\">\n\n              <strong class=\"tb3-task-title\">\n                \u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0648\u0627\u062c\u0647\u0629\n              <\/strong>\n\n\n              <div class=\"tb3-plan-row\">\n                <span>\u0627\u0644\u0645\u0633\u0624\u0648\u0644<\/span>\n                <strong>\u0633\u0627\u0631\u0629<\/strong>\n              <\/div>\n\n              <div class=\"tb3-plan-row\">\n                <span>\u0627\u0644\u0645\u0648\u0639\u062f<\/span>\n                <strong>\u0627\u0644\u062e\u0645\u064a\u0633<\/strong>\n              <\/div>\n\n              <div class=\"tb3-plan-row\">\n                <span>\u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u062e\u0637\u0637<\/span>\n                <strong>12 \u0633\u0627\u0639\u0629<\/strong>\n              <\/div>\n\n\n              <div class=\"tb3-plan-progress\">\n\n                <div class=\"tb3-progress-label\">\n                  <span>\u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                  <span>52%<\/span>\n                <\/div>\n\n                <div class=\"tb3-progress-track\">\n                  <div class=\"tb3-progress-bar\"><\/div>\n                <\/div>\n\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/section>\n\n\n\n        <!-- ========================================================\n             02 \u2014 TEAM'S REAL DAY\n             ======================================================== -->\n\n        <section class=\"tb3-stage\">\n\n          <div class=\"tb3-stage-head\">\n            <h3 class=\"tb3-stage-name\">\u064a\u0648\u0645 \u0627\u0644\u0641\u0631\u064a\u0642<\/h3>\n            <span class=\"tb3-stage-index\">02<\/span>\n          <\/div>\n\n          <p class=\"tb3-stage-copy\">\n            \u062a\u0638\u0647\u0631 \u0627\u0644\u0645\u0647\u0645\u0629 \u0636\u0645\u0646 \u0639\u0645\u0644 \u0633\u0627\u0631\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u060c\n            \u0641\u062a\u064f\u0646\u0638\u0651\u064e\u0645 \u0625\u0644\u0649 \u062c\u0627\u0646\u0628 \u0628\u0642\u064a\u0629 \u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a\u0647\u0627 \u0636\u0645\u0646 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062a\u0627\u062d.\n          <\/p>\n\n\n          <div class=\"tb3-day\">\n\n            <div class=\"tb3-day-row\">\n              <span class=\"tb3-time\">09:00<\/span>\n              <span class=\"tb3-work\">\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0628\u0631\u064a\u062f \u0648\u0627\u0644\u0645\u0647\u0627\u0645<\/span>\n            <\/div>\n\n            <div class=\"tb3-day-row tb3-day-row--focus\">\n              <span class=\"tb3-time\">10:00<\/span>\n              <span class=\"tb3-work\">\u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0648\u0627\u062c\u0647\u0629<\/span>\n            <\/div>\n\n            <div class=\"tb3-day-row\">\n              <span class=\"tb3-time\">13:30<\/span>\n              <span class=\"tb3-work\">\u0627\u062c\u062a\u0645\u0627\u0639 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n            <\/div>\n\n            <div class=\"tb3-day-row\">\n              <span class=\"tb3-time\">15:00<\/span>\n              <span class=\"tb3-work\">\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0627\u0644\u0639\u0645\u064a\u0644<\/span>\n            <\/div>\n\n\n            <div class=\"tb3-capacity\">\n              <span>\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637 \u0644\u0644\u064a\u0648\u0645<\/span>\n              <strong>7.5 \u0633\u0627\u0639\u0627\u062a<\/strong>\n            <\/div>\n\n          <\/div>\n\n        <\/section>\n\n\n\n        <!-- ========================================================\n             03 \u2014 REALITY RETURNS TO PROJECT\n             ======================================================== -->\n\n        <section class=\"tb3-stage tb3-stage--actual\">\n\n          <div class=\"tb3-stage-head\">\n            <h3 class=\"tb3-stage-name\">\u0645\u0627 \u062d\u062f\u062b \u0641\u0639\u0644\u064a\u064b\u0627<\/h3>\n            <span class=\"tb3-stage-index\">03<\/span>\n          <\/div>\n\n          <p class=\"tb3-stage-copy\">\n            \u064a\u0639\u0648\u062f \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0641\u0639\u0644\u064a\u0627\u0646 \u0625\u0644\u0649 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c\n            \u0641\u062a\u0638\u0647\u0631 \u0627\u0644\u0641\u062c\u0648\u0629 \u0628\u064a\u0646 \u0645\u0627 \u062e\u064f\u0637\u0651\u0650\u0637 \u0644\u0647 \u0648\u0645\u0627 \u062d\u062f\u062b.\n          <\/p>\n\n\n          <div class=\"tb3-actual\">\n\n            <div class=\"tb3-metric\">\n              <span>\u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u062e\u0637\u0637<\/span>\n              <strong>12 \u0633\u0627\u0639\u0629<\/strong>\n            <\/div>\n\n            <div class=\"tb3-metric\">\n              <span>\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a<\/span>\n              <strong>16 \u0633\u0627\u0639\u0629<\/strong>\n            <\/div>\n\n            <div class=\"tb3-metric\">\n              <span>\u0627\u0644\u062a\u0642\u062f\u0645<\/span>\n              <strong>72%<\/strong>\n            <\/div>\n\n            <div class=\"tb3-metric tb3-metric--alert\">\n              <span>\u0627\u0644\u0641\u0631\u0642<\/span>\n              <strong>+4 \u0633\u0627\u0639\u0627\u062a<\/strong>\n            <\/div>\n\n          <\/div>\n\n        <\/section>\n\n      <\/div>\n\n\n      <!-- ==========================================================\n           RETURN \/ PLAN VS ACTUAL\n           ========================================================== -->\n\n      <div class=\"tb3-return\">\n\n        <div class=\"tb3-return-copy\">\n\n          <span class=\"tb3-return-label\">\n            \u0639\u0646\u062f\u0645\u0627 \u064a\u0639\u0648\u062f \u0627\u0644\u0648\u0627\u0642\u0639 \u0625\u0644\u0649 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n          <\/span>\n\n          <strong>\n            \u064a\u0635\u0628\u062d \u0627\u0644\u0641\u0631\u0642 \u0645\u0631\u0626\u064a\u064b\u0627 \u0628\u064a\u0646\u0645\u0627 \u0644\u0627 \u064a\u0632\u0627\u0644 \u0647\u0646\u0627\u0643 \u0648\u0642\u062a \u0644\u0644\u062a\u0635\u0631\u0641.\n          <\/strong>\n\n        <\/div>\n\n\n        <div\n          class=\"tb3-variance\"\n          aria-label=\"\u0627\u0644\u0645\u062e\u0637\u0637 12 \u0633\u0627\u0639\u0629\u060c \u0627\u0644\u0641\u0639\u0644\u064a 16 \u0633\u0627\u0639\u0629\u060c \u0627\u0644\u0641\u0631\u0642 4 \u0633\u0627\u0639\u0627\u062a\"\n        >\n\n          <div class=\"tb3-variance-item\">\n            <span>\u0627\u0644\u0645\u062e\u0637\u0637<\/span>\n            <strong>12\u0633<\/strong>\n          <\/div>\n\n          <span class=\"tb3-variance-arrow\" aria-hidden=\"true\">\n            \u2190\n          <\/span>\n\n          <div class=\"tb3-variance-item\">\n            <span>\u0627\u0644\u0641\u0639\u0644\u064a<\/span>\n            <strong>16\u0633<\/strong>\n          <\/div>\n\n          <span class=\"tb3-variance-arrow\" aria-hidden=\"true\">\n            =\n          <\/span>\n\n          <div class=\"tb3-variance-item tb3-variance-diff\">\n            <span>\u0627\u0644\u0641\u0631\u0642<\/span>\n            <strong>+4\u0633<\/strong>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- ==========================================================\n         CORE PRODUCT PRINCIPLE\n         ========================================================== -->\n\n    <p class=\"tb3-principle\">\n      \u0645\u0627 \u064a\u062d\u062f\u062b \u0641\u064a \u064a\u0648\u0645 \u0627\u0644\u0641\u0631\u064a\u0642 \u0644\u0627 \u064a\u0628\u0642\u0649 \u0645\u0646\u0641\u0635\u0644\u064b\u0627 \u0639\u0646 \u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u061b\n      \u064a\u0639\u0648\u062f \u0625\u0644\u0649 \u0627\u0644\u0633\u064a\u0627\u0642 \u0646\u0641\u0633\u0647 \u0644\u064a\u0635\u0628\u062d \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u062a\u0627\u0644\u064a \u0623\u0643\u062b\u0631 \u0648\u0627\u0642\u0639\u064a\u0629.\n    <\/p>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =====================================================================\n     TaskBrowse Arabic Homepage\n     SECTION 4 \u2014 Product Proof with New Arabic Navigation\n     WordPress Custom HTML block\n     HTML + CSS only\n     ===================================================================== -->\n\n<style>\n\/* ======================================================================\n   TASKBROWSE ARABIC \u2014 SECTION 4\n   Namespace: #tb-ar-product-proof\n   ====================================================================== *\/\n\n#tb-ar-product-proof {\n  --tb4-ink: #202124;\n  --tb4-red: #c8102e;\n  --tb4-red-soft: rgba(200, 16, 46, 0.075);\n\n  --tb4-white: #ffffff;\n  --tb4-warm: #f7f4f0;\n  --tb4-canvas: #f3f5f7;\n\n  --tb4-line: #e1e4e7;\n  --tb4-line-soft: #eceef0;\n\n  --tb4-muted: #6b6864;\n  --tb4-soft: #8c8883;\n\n  \/* New app-navigation direction *\/\n  --tb4-rail: #26384a;\n  --tb4-rail-hover: #31485e;\n\n  background: var(--tb4-white);\n  color: var(--tb4-ink);\n\n  font-family:\n    \"Noto Sans Arabic\",\n    \"Noto Naskh Arabic\",\n    Tahoma,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  direction: rtl;\n\n  padding-block: clamp(66px, 7vw, 100px);\n\n  overflow: hidden;\n}\n\n#tb-ar-product-proof,\n#tb-ar-product-proof *,\n#tb-ar-product-proof *::before,\n#tb-ar-product-proof *::after {\n  box-sizing: border-box;\n}\n\n#tb-ar-product-proof .tb4-wrap {\n  width: min(1380px, calc(100% - 44px));\n  margin-inline: auto;\n}\n\n\n\/* ======================================================================\n   SECTION HEADER\n   ====================================================================== *\/\n\n#tb-ar-product-proof .tb4-head {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 0.94fr)\n    minmax(320px, 0.74fr);\n\n  gap: clamp(36px, 7vw, 108px);\n\n  align-items: end;\n\n  margin-block-end: clamp(34px, 4vw, 50px);\n}\n\n#tb-ar-product-proof .tb4-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n\n  margin: 0 0 13px;\n\n  color: var(--tb4-red);\n\n  font-size: 14px;\n  font-weight: 800;\n}\n\n#tb-ar-product-proof .tb4-kicker::before {\n  content: \"\";\n\n  width: 24px;\n  height: 2px;\n\n  background: var(--tb4-red);\n\n  flex: 0 0 auto;\n}\n\n#tb-ar-product-proof .tb4-title {\n  margin: 0;\n\n  max-width: 17ch;\n\n  color: var(--tb4-ink);\n\n  font-size: clamp(31px, 3.7vw, 50px);\n  font-weight: 800;\n  line-height: 1.4;\n}\n\n#tb-ar-product-proof .tb4-intro {\n  margin: 0;\n\n  max-width: 55ch;\n\n  color: var(--tb4-muted);\n\n  font-size: clamp(16px, 1.25vw, 18px);\n  line-height: 1.95;\n}\n\n\n\/* ======================================================================\n   FOUR MANAGEMENT LENSES\n   Not menu items \u2014 these explain the product to a visitor.\n   ====================================================================== *\/\n\n#tb-ar-product-proof .tb4-lenses {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, minmax(0, 1fr));\n\n  margin-block-end: 24px;\n\n  border-block:\n    1px solid var(--tb4-line);\n}\n\n#tb-ar-product-proof .tb4-lens {\n  position: relative;\n\n  min-width: 0;\n\n  padding:\n    18px\n    clamp(14px, 2vw, 24px)\n    19px;\n}\n\n#tb-ar-product-proof .tb4-lens + .tb4-lens {\n  border-inline-start: 1px solid var(--tb4-line);\n}\n\n#tb-ar-product-proof .tb4-lens-index {\n  display: block;\n\n  margin-block-end: 5px;\n\n  color: var(--tb4-red);\n\n  font-size: 10px;\n  font-weight: 800;\n}\n\n#tb-ar-product-proof .tb4-lens strong {\n  display: block;\n\n  margin-block-end: 6px;\n\n  color: var(--tb4-ink);\n\n  font-size: 15px;\n  font-weight: 800;\n}\n\n#tb-ar-product-proof .tb4-lens p {\n  margin: 0;\n\n  color: var(--tb4-muted);\n\n  font-size: 11.5px;\n  line-height: 1.7;\n}\n\n\n\/* ======================================================================\n   APP PREVIEW\n   ====================================================================== *\/\n\n#tb-ar-product-proof .tb4-app {\n  display: flex;\n\n  direction: rtl;\n\n  min-height: 590px;\n\n  border: 1px solid #d9dde1;\n  border-radius: 13px;\n\n  background: var(--tb4-white);\n\n  overflow: hidden;\n\n  box-shadow:\n    0 28px 70px -54px rgba(32, 33, 36, 0.45);\n}\n\n\n\/* ======================================================================\n   NEW PRIMARY RAIL\n   \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \/ \u0639\u0645\u0644\u064a \/ \u0627\u0644\u0641\u0631\u064a\u0642 \/ \u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a \/ \u0627\u0644\u0645\u0632\u064a\u062f\n   ====================================================================== *\/\n\n#tb-ar-product-proof .tb4-rail {\n  flex: 0 0 76px;\n\n  width: 76px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  padding: 13px 8px;\n\n  background: var(--tb4-rail);\n\n  color: #d4dbe1;\n}\n\n#tb-ar-product-proof .tb4-brand {\n  width: 42px;\n  height: 42px;\n\n  display: grid;\n  place-items: center;\n\n  margin-block-end: 16px;\n\n  border: 1px solid rgba(255,255,255,0.18);\n  border-radius: 9px;\n\n  background: rgba(255,255,255,0.08);\n\n  color: #ffffff;\n\n  font-size: 15px;\n  font-weight: 900;\n}\n\n#tb-ar-product-proof .tb4-rail-nav {\n  display: flex;\n  flex-direction: column;\n\n  gap: 5px;\n\n  width: 100%;\n}\n\n#tb-ar-product-proof .tb4-rail-item {\n  position: relative;\n\n  min-height: 56px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  gap: 5px;\n\n  padding: 6px 3px;\n\n  border-radius: 5px;\n\n  color: #cbd3da;\n}\n\n#tb-ar-product-proof .tb4-rail-item--active {\n  background: #203040;\n  color: #ffffff;\n}\n\n#tb-ar-product-proof .tb4-rail-item--active::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset-inline-start: -8px;\n\n  width: 3px;\n  height: 27px;\n\n  border-radius: 2px;\n\n  background: var(--tb4-red);\n}\n\n#tb-ar-product-proof .tb4-rail-item svg {\n  width: 18px;\n  height: 18px;\n\n  fill: none;\n\n  stroke: currentColor;\n  stroke-width: 1.7;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n#tb-ar-product-proof .tb4-rail-item span {\n  max-width: 62px;\n\n  color: inherit;\n\n  font-size: 9.5px;\n  font-weight: 700;\n\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n\n\/* ======================================================================\n   CONTEXT PANEL \u2014 \"\u0639\u0645\u0644\u064a\"\n   ====================================================================== *\/\n\n#tb-ar-product-proof .tb4-context {\n  flex: 0 0 232px;\n\n  width: 232px;\n\n  padding: 19px 14px 22px;\n\n  border-inline-end: 1px solid var(--tb4-line);\n\n  background: #ffffff;\n}\n\n#tb-ar-product-proof .tb4-context-title {\n  margin: 0 6px 6px;\n\n  color: var(--tb4-ink);\n\n  font-size: 14px;\n  font-weight: 800;\n}\n\n#tb-ar-product-proof .tb4-context-help {\n  margin: 0 6px 15px;\n\n  color: #78818a;\n\n  font-size: 11px;\n  line-height: 1.55;\n}\n\n#tb-ar-product-proof .tb4-search {\n  height: 35px;\n\n  display: flex;\n  align-items: center;\n\n  gap: 8px;\n\n  margin-block-end: 18px;\n\n  padding-inline: 10px;\n\n  border: 1px solid #dbe0e4;\n  border-radius: 5px;\n\n  background: #ffffff;\n\n  color: #8a9299;\n\n  font-size: 11px;\n}\n\n#tb-ar-product-proof .tb4-search svg {\n  width: 15px;\n  height: 15px;\n\n  flex: 0 0 auto;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.7;\n}\n\n#tb-ar-product-proof .tb4-context-label {\n  margin:\n    0\n    8px\n    7px;\n\n  color: #7a838b;\n\n  font-size: 10px;\n  font-weight: 800;\n}\n\n#tb-ar-product-proof .tb4-menu {\n  display: flex;\n  flex-direction: column;\n\n  gap: 2px;\n}\n\n#tb-ar-product-proof .tb4-menu-item {\n  position: relative;\n\n  min-height: 38px;\n\n  display: flex;\n  align-items: center;\n\n  gap: 9px;\n\n  padding-inline: 9px;\n\n  border-radius: 4px;\n\n  color: #343b41;\n\n  font-size: 11.5px;\n}\n\n#tb-ar-product-proof .tb4-menu-item svg {\n  width: 16px;\n  height: 16px;\n\n  flex: 0 0 auto;\n\n  fill: none;\n\n  stroke: #76808a;\n  stroke-width: 1.7;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n#tb-ar-product-proof .tb4-menu-item--active {\n  background: #f1f3f5;\n\n  color: var(--tb4-ink);\n\n  font-weight: 800;\n}\n\n#tb-ar-product-proof .tb4-menu-item--active::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset-inline-start: 0;\n\n  width: 3px;\n  height: 20px;\n\n  border-radius: 2px;\n\n  background: var(--tb4-red);\n}\n\n\n\/* ======================================================================\n   WORKSPACE\n   ====================================================================== *\/\n\n#tb-ar-product-proof .tb4-workspace {\n  flex: 1 1 auto;\n\n  min-width: 0;\n\n  display: flex;\n  flex-direction: column;\n\n  background: #ffffff;\n}\n\n\n\/* ======================================================================\n   WORKSPACE TOP\n   ====================================================================== *\/\n\n#tb-ar-product-proof .tb4-workspace-top {\n  min-height: 57px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 20px;\n\n  padding-inline: 20px;\n\n  border-block-end: 1px solid var(--tb4-line);\n}\n\n#tb-ar-product-proof .tb4-breadcrumb {\n  color: #6f7780;\n\n  font-size: 11px;\n}\n\n#tb-ar-product-proof .tb4-workspace-note {\n  color: #93999e;\n\n  font-size: 10px;\n}\n\n\n\/* ======================================================================\n   PROJECT WORKSPACE\n   ====================================================================== *\/\n\n#tb-ar-product-proof .tb4-workspace-body {\n  flex: 1 1 auto;\n\n  padding:\n    25px\n    clamp(18px, 2.5vw, 30px);\n\n  background: #f6f7f8;\n}\n\n#tb-ar-product-proof .tb4-project-head {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n\n  gap: 20px;\n\n  margin-block-end: 22px;\n}\n\n#tb-ar-product-proof .tb4-project-eyebrow {\n  display: block;\n\n  margin-block-end: 5px;\n\n  color: #838b92;\n\n  font-size: 10px;\n  font-weight: 800;\n}\n\n#tb-ar-product-proof .tb4-project-title {\n  margin: 0;\n\n  color: #242a30;\n\n  font-size: clamp(18px, 2vw, 24px);\n  font-weight: 800;\n}\n\n#tb-ar-product-proof .tb4-project-status {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 6px;\n\n  color: #626b73;\n\n  font-size: 10.5px;\n}\n\n#tb-ar-product-proof .tb4-project-status::before {\n  content: \"\";\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: var(--tb4-red);\n}\n\n\n\/* ======================================================================\n   VIEW TABS\n   ====================================================================== *\/\n\n#tb-ar-product-proof .tb4-viewbar {\n  display: flex;\n  align-items: center;\n\n  gap: 18px;\n\n  margin-block-end: 15px;\n\n  border-block-end: 1px solid #dfe3e6;\n}\n\n#tb-ar-product-proof .tb4-view {\n  position: relative;\n\n  padding-block: 9px 10px;\n\n  color: #777f86;\n\n  font-size: 10.5px;\n  font-weight: 700;\n}\n\n#tb-ar-product-proof .tb4-view--active {\n  color: var(--tb4-ink);\n}\n\n#tb-ar-product-proof .tb4-view--active::after {\n  content: \"\";\n\n  position: absolute;\n\n  inset-inline: 0;\n  inset-block-end: -1px;\n\n  height: 2px;\n\n  background: var(--tb4-red);\n}\n\n\n\/* ======================================================================\n   WBS \/ GANTT STYLE PROJECT PREVIEW\n   ====================================================================== *\/\n\n#tb-ar-product-proof .tb4-project-grid {\n  display: grid;\n\n  grid-template-columns:\n    minmax(215px, 0.7fr)\n    minmax(280px, 1.2fr);\n\n  min-height: 300px;\n\n  border: 1px solid #dde1e4;\n\n  background: #ffffff;\n}\n\n\n\/* task tree *\/\n\n#tb-ar-product-proof .tb4-task-tree {\n  border-inline-end: 1px solid #e1e4e7;\n}\n\n#tb-ar-product-proof .tb4-grid-head {\n  min-height: 39px;\n\n  display: flex;\n  align-items: center;\n\n  padding-inline: 13px;\n\n  border-block-end: 1px solid #e1e4e7;\n\n  background: #fafbfb;\n\n  color: #747d85;\n\n  font-size: 10px;\n  font-weight: 800;\n}\n\n#tb-ar-product-proof .tb4-task-row {\n  min-height: 46px;\n\n  display: flex;\n  align-items: center;\n\n  gap: 8px;\n\n  padding-inline: 13px;\n\n  border-block-end: 1px solid #edf0f2;\n\n  color: #424950;\n\n  font-size: 10.5px;\n}\n\n#tb-ar-product-proof .tb4-task-row:last-child {\n  border-block-end: none;\n}\n\n#tb-ar-product-proof .tb4-task-row--phase {\n  font-weight: 800;\n\n  color: #252b31;\n}\n\n#tb-ar-product-proof .tb4-task-row--child {\n  padding-inline-start: 31px;\n}\n\n#tb-ar-product-proof .tb4-task-dot {\n  width: 6px;\n  height: 6px;\n\n  flex: 0 0 auto;\n\n  border-radius: 50%;\n\n  background: #a7afb6;\n}\n\n#tb-ar-product-proof .tb4-task-row--phase .tb4-task-dot {\n  background: var(--tb4-red);\n}\n\n\n\/* timeline *\/\n\n#tb-ar-product-proof .tb4-timeline {\n  position: relative;\n\n  overflow: hidden;\n}\n\n#tb-ar-product-proof .tb4-time-head {\n  min-height: 39px;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, 1fr);\n\n  border-block-end: 1px solid #e1e4e7;\n\n  background: #fafbfb;\n}\n\n#tb-ar-product-proof .tb4-time-head span {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-inline-start: 1px solid #edf0f2;\n\n  color: #858c92;\n\n  font-size: 9px;\n}\n\n#tb-ar-product-proof .tb4-gantt-row {\n  position: relative;\n\n  min-height: 46px;\n\n  border-block-end: 1px solid #edf0f2;\n\n  background-image:\n    linear-gradient(\n      to left,\n      transparent calc(25% - 1px),\n      #f0f2f3 calc(25% - 1px),\n      #f0f2f3 25%,\n      transparent 25%,\n      transparent calc(50% - 1px),\n      #f0f2f3 calc(50% - 1px),\n      #f0f2f3 50%,\n      transparent 50%,\n      transparent calc(75% - 1px),\n      #f0f2f3 calc(75% - 1px),\n      #f0f2f3 75%,\n      transparent 75%\n    );\n}\n\n#tb-ar-product-proof .tb4-gantt-row:last-child {\n  border-block-end: none;\n}\n\n#tb-ar-product-proof .tb4-gantt-bar {\n  position: absolute;\n\n  top: 16px;\n\n  height: 13px;\n\n  border-radius: 3px;\n\n  background: #4f5962;\n}\n\n#tb-ar-product-proof .tb4-gantt-bar--1 {\n  inset-inline-start: 8%;\n  width: 38%;\n}\n\n#tb-ar-product-proof .tb4-gantt-bar--2 {\n  inset-inline-start: 17%;\n  width: 28%;\n\n  background: #747d85;\n}\n\n#tb-ar-product-proof .tb4-gantt-bar--3 {\n  inset-inline-start: 39%;\n  width: 33%;\n}\n\n#tb-ar-product-proof .tb4-gantt-bar--4 {\n  inset-inline-start: 63%;\n  width: 25%;\n\n  background: var(--tb4-red);\n}\n\n#tb-ar-product-proof .tb4-gantt-bar--5 {\n  inset-inline-start: 70%;\n  width: 18%;\n\n  background: #727b83;\n}\n\n\n\/* ======================================================================\n   SAMPLE NOTE\n   ====================================================================== *\/\n\n#tb-ar-product-proof .tb4-sample-note {\n  margin-block-start: 11px;\n\n  color: #90979d;\n\n  font-size: 9.5px;\n  text-align: end;\n}\n\n\n\/* ======================================================================\n   BOTTOM PRODUCT PRINCIPLE\n   ====================================================================== *\/\n\n#tb-ar-product-proof .tb4-bottom {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr)\n    auto;\n\n  gap: 30px;\n\n  align-items: center;\n\n  margin-block-start: 24px;\n\n  padding-block-start: 21px;\n\n  border-block-start: 1px solid var(--tb4-line);\n}\n\n#tb-ar-product-proof .tb4-bottom p {\n  margin: 0;\n\n  max-width: 72ch;\n\n  color: var(--tb4-muted);\n\n  font-size: 13.5px;\n  line-height: 1.85;\n}\n\n#tb-ar-product-proof .tb4-bottom strong {\n  color: var(--tb4-ink);\n\n  font-size: 13px;\n  font-weight: 800;\n\n  white-space: nowrap;\n}\n\n\n\/* ======================================================================\n   TABLET\n   ====================================================================== *\/\n\n@media (max-width: 1050px) {\n\n  #tb-ar-product-proof .tb4-head {\n    grid-template-columns: 1fr;\n\n    gap: 17px;\n  }\n\n  #tb-ar-product-proof .tb4-title {\n    max-width: 21ch;\n  }\n\n  #tb-ar-product-proof .tb4-lenses {\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n  }\n\n  #tb-ar-product-proof .tb4-lens:nth-child(3),\n  #tb-ar-product-proof .tb4-lens:nth-child(4) {\n    border-block-start: 1px solid var(--tb4-line);\n  }\n\n  #tb-ar-product-proof .tb4-lens:nth-child(3) {\n    border-inline-start: none;\n  }\n\n  #tb-ar-product-proof .tb4-context {\n    flex-basis: 205px;\n\n    width: 205px;\n  }\n\n}\n\n\n\/* ======================================================================\n   SMALL TABLET \/ MOBILE\n   ====================================================================== *\/\n\n@media (max-width: 820px) {\n\n  #tb-ar-product-proof .tb4-app {\n    flex-direction: column;\n\n    min-height: 0;\n  }\n\n\n  \/* Primary navigation becomes a compact horizontal strip *\/\n\n  #tb-ar-product-proof .tb4-rail {\n    order: 1;\n\n    flex: none;\n\n    width: 100%;\n\n    flex-direction: row;\n\n    justify-content: space-between;\n\n    padding: 8px 10px;\n  }\n\n  #tb-ar-product-proof .tb4-brand {\n    display: none;\n  }\n\n  #tb-ar-product-proof .tb4-rail-nav {\n    flex-direction: row;\n\n    justify-content: space-around;\n\n    width: 100%;\n  }\n\n  #tb-ar-product-proof .tb4-rail-item {\n    flex: 1 1 0;\n\n    min-height: 49px;\n\n    max-width: 90px;\n  }\n\n  #tb-ar-product-proof .tb4-rail-item--active::before {\n    inset-inline-start: 50%;\n    inset-block-end: -8px;\n\n    width: 26px;\n    height: 3px;\n\n    transform: translateX(50%);\n  }\n\n\n  \/* Hide contextual menu in mobile preview *\/\n\n  #tb-ar-product-proof .tb4-context {\n    display: none;\n  }\n\n  #tb-ar-product-proof .tb4-workspace {\n    order: 2;\n  }\n\n}\n\n\n\/* ======================================================================\n   MOBILE\n   ====================================================================== *\/\n\n@media (max-width: 650px) {\n\n  #tb-ar-product-proof {\n    padding-block: 58px;\n  }\n\n  #tb-ar-product-proof .tb4-wrap {\n    width: min(100% - 30px, 1380px);\n  }\n\n  #tb-ar-product-proof .tb4-title {\n    font-size: 29px;\n  }\n\n  #tb-ar-product-proof .tb4-lenses {\n    grid-template-columns: 1fr;\n  }\n\n  #tb-ar-product-proof .tb4-lens + .tb4-lens,\n  #tb-ar-product-proof .tb4-lens:nth-child(3) {\n    border-inline-start: none;\n\n    border-block-start: 1px solid var(--tb4-line);\n  }\n\n  #tb-ar-product-proof .tb4-app {\n    border-radius: 10px;\n  }\n\n  #tb-ar-product-proof .tb4-workspace-top {\n    padding-inline: 13px;\n  }\n\n  #tb-ar-product-proof .tb4-workspace-note {\n    display: none;\n  }\n\n  #tb-ar-product-proof .tb4-workspace-body {\n    padding: 18px 12px;\n  }\n\n  #tb-ar-product-proof .tb4-project-head {\n    align-items: flex-start;\n\n    flex-direction: column;\n\n    gap: 7px;\n  }\n\n  #tb-ar-product-proof .tb4-viewbar {\n    gap: 13px;\n\n    overflow: hidden;\n  }\n\n  #tb-ar-product-proof .tb4-project-grid {\n    grid-template-columns: 0.9fr 1.1fr;\n\n    min-height: 275px;\n  }\n\n  #tb-ar-product-proof .tb4-task-row {\n    padding-inline: 8px;\n\n    font-size: 9px;\n  }\n\n  #tb-ar-product-proof .tb4-task-row--child {\n    padding-inline-start: 18px;\n  }\n\n  #tb-ar-product-proof .tb4-time-head span {\n    font-size: 8px;\n  }\n\n  #tb-ar-product-proof .tb4-bottom {\n    grid-template-columns: 1fr;\n\n    gap: 7px;\n  }\n\n  #tb-ar-product-proof .tb4-bottom strong {\n    white-space: normal;\n  }\n\n}\n\n\n\/* ======================================================================\n   VERY SMALL MOBILE\n   ====================================================================== *\/\n\n@media (max-width: 390px) {\n\n  #tb-ar-product-proof .tb4-rail-item span {\n    font-size: 8.5px;\n  }\n\n  #tb-ar-product-proof .tb4-project-grid {\n    grid-template-columns: 1fr;\n  }\n\n  #tb-ar-product-proof .tb4-timeline {\n    display: none;\n  }\n\n  #tb-ar-product-proof .tb4-task-tree {\n    border-inline-end: none;\n  }\n\n}\n<\/style>\n\n\n<section id=\"tb-ar-product-proof\" lang=\"ar\" dir=\"rtl\" aria-labelledby=\"tb4-title\">\n\n  <div class=\"tb4-wrap\">\n\n\n    <!-- ==========================================================\n         HEADER\n         ========================================================== -->\n\n    <header class=\"tb4-head\">\n\n      <div>\n\n        <p class=\"tb4-kicker\">\n          \u062f\u0627\u062e\u0644 TaskBrowse\n        <\/p>\n\n        <h2 class=\"tb4-title\" id=\"tb4-title\">\n          \u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u062d\u062f. \u0637\u0631\u0642 \u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0631\u0624\u064a\u062a\u0647 \u0648\u0625\u062f\u0627\u0631\u062a\u0647.\n        <\/h2>\n\n      <\/div>\n\n\n<p class=\"tb4-intro\">\n  \u0641\u064a \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 TaskBrowse\u060c \u062a\u0628\u0642\u0649 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0647\u064a\u0643\u0644\u0647\n  \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u064a\u0648\u0645\u064a \u0648\u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0633\u064a\u0627\u0642 \u0646\u0641\u0633\u0647.\n  \u062a\u0631\u0649 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0647 \u062f\u0648\u0646 \u0625\u0639\u0627\u062f\u0629 \u0628\u0646\u0627\u0621 \u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0641\u064a \u0623\u062f\u0648\u0627\u062a \u0645\u0646\u0641\u0635\u0644\u0629.\n<\/p>\n\n    <\/header>\n\n\n\n    <!-- ==========================================================\n         MANAGEMENT LENSES\n         ========================================================== -->\n\n    <div class=\"tb4-lenses\">\n\n      <div class=\"tb4-lens\">\n\n        <span class=\"tb4-lens-index\">\n          01\n        <\/span>\n\n        <strong>\n          \u062e\u0637\u0651\u0637 \u0648\u0647\u064a\u0643\u0644\n        <\/strong>\n\n        <p>\n          \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u00b7 WBS \u00b7 Gantt \u00b7 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a \u00b7 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u062d\u0631\u062c\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"tb4-lens\">\n\n        <span class=\"tb4-lens-index\">\n          02\n        <\/span>\n\n        <strong>\n          \u0646\u0641\u0651\u0630 \u0648\u0646\u0638\u0651\u0645 \u0627\u0644\u0639\u0645\u0644\n        <\/strong>\n\n        <p>\n          \u0627\u0644\u0645\u0647\u0627\u0645 \u00b7 Kanban \u00b7 \u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644 \u00b7 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a \u00b7 \u0627\u0644\u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"tb4-lens\">\n\n        <span class=\"tb4-lens-index\">\n          03\n        <\/span>\n\n        <strong>\n          \u0648\u0627\u0632\u0646 \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f\n        <\/strong>\n\n        <p>\n          \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637 \u0648\u0627\u0644\u0641\u0639\u0644\u064a \u00b7 \u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\u0629 \u00b7 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u00b7 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"tb4-lens\">\n\n        <span class=\"tb4-lens-index\">\n          04\n        <\/span>\n\n        <strong>\n          \u062d\u0644\u0651\u0644 \u0648\u0627\u0641\u0647\u0645 \u0627\u0644\u0623\u062f\u0627\u0621\n        <\/strong>\n\n        <p>\n          Panorama \u00b7 Analyzer \u00b7 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u00b7 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u00b7 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- ==========================================================\n         PRODUCT PREVIEW\n         ========================================================== -->\n\n    <div class=\"tb4-app\">\n\n\n      <!-- ========================================================\n           NEW PRIMARY NAVIGATION\n           ======================================================== -->\n\n      <nav class=\"tb4-rail\" aria-label=\"\u0627\u0644\u062a\u0646\u0642\u0644 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0641\u064a TaskBrowse\">\n\n        <div class=\"tb4-brand\">\n          TB\n        <\/div>\n\n\n        <div class=\"tb4-rail-nav\">\n\n\n          <!-- HOME -->\n\n          <div class=\"tb4-rail-item\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M4 10.5 12 4l8 6.5\"><\/path>\n              <path d=\"M6.5 9.5V20h11V9.5\"><\/path>\n            <\/svg>\n\n            <span>\n              \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\n            <\/span>\n\n          <\/div>\n\n\n\n          <!-- MY WORK -->\n\n          <div class=\"tb4-rail-item tb4-rail-item--active\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <rect x=\"4\" y=\"6\" width=\"16\" height=\"13\" rx=\"2\"><\/rect>\n              <path d=\"M9 6V4h6v2\"><\/path>\n              <path d=\"M4 11h16\"><\/path>\n            <\/svg>\n\n            <span>\n              \u0639\u0645\u0644\u064a\n            <\/span>\n\n          <\/div>\n\n\n\n          <!-- TEAM -->\n\n          <div class=\"tb4-rail-item\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle>\n              <circle cx=\"17\" cy=\"9\" r=\"2.3\"><\/circle>\n              <path d=\"M3.5 19c.6-4 3-6 5.5-6s4.9 2 5.5 6\"><\/path>\n              <path d=\"M14.5 14c2.8 0 4.7 1.5 5.5 4\"><\/path>\n            <\/svg>\n\n            <span>\n              \u0627\u0644\u0641\u0631\u064a\u0642\n            <\/span>\n\n          <\/div>\n\n\n\n          <!-- INSIGHTS -->\n\n          <div class=\"tb4-rail-item\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M5 19V11\"><\/path>\n              <path d=\"M12 19V5\"><\/path>\n              <path d=\"M19 19V8\"><\/path>\n            <\/svg>\n\n            <span>\n              \u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a\n            <\/span>\n\n          <\/div>\n\n\n\n          <!-- MORE -->\n\n          <div class=\"tb4-rail-item\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"5\" cy=\"12\" r=\"1.3\"><\/circle>\n              <circle cx=\"12\" cy=\"12\" r=\"1.3\"><\/circle>\n              <circle cx=\"19\" cy=\"12\" r=\"1.3\"><\/circle>\n            <\/svg>\n\n            <span>\n              \u0627\u0644\u0645\u0632\u064a\u062f\n            <\/span>\n\n          <\/div>\n\n\n        <\/div>\n\n      <\/nav>\n\n\n\n      <!-- ========================================================\n           CONTEXTUAL NAVIGATION \u2014 MY WORK\n           ======================================================== -->\n\n      <aside class=\"tb4-context\" aria-label=\"\u0642\u0627\u0626\u0645\u0629 \u0639\u0645\u0644\u064a\">\n\n        <h3 class=\"tb4-context-title\">\n          \u0639\u0645\u0644\u064a\n        <\/h3>\n\n        <p class=\"tb4-context-help\">\n          \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u064a\u0648\u0645\u064a \u0648\u0627\u0644\u0648\u0642\u062a \u2014 \u0639\u0645\u0644\u0643 \u0627\u0644\u064a\u0648\u0645\u064a \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\n        <\/p>\n\n\n        <div class=\"tb4-search\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"10.5\" cy=\"10.5\" r=\"6\"><\/circle>\n            <path d=\"m15 15 5 5\"><\/path>\n          <\/svg>\n\n          <span>\n            \u0628\u062d\u062b \u0641\u064a \u0627\u0644\u062a\u0646\u0642\u0644\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"tb4-context-label\">\n          \u0639\u0645\u0644\u064a\n        <\/div>\n\n\n        <div class=\"tb4-menu\">\n\n\n          <div class=\"tb4-menu-item\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M5 6h14\"><\/path>\n              <path d=\"M5 12h14\"><\/path>\n              <path d=\"M5 18h9\"><\/path>\n            <\/svg>\n\n            <span>\n              \u0644\u0648\u062d\u0629 \u0645\u0647\u0627\u0645\u064a\n            <\/span>\n\n          <\/div>\n\n\n\n          <div class=\"tb4-menu-item\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M7 6h13\"><\/path>\n              <path d=\"M7 12h13\"><\/path>\n              <path d=\"M7 18h13\"><\/path>\n              <circle cx=\"4\" cy=\"6\" r=\"1\"><\/circle>\n              <circle cx=\"4\" cy=\"12\" r=\"1\"><\/circle>\n              <circle cx=\"4\" cy=\"18\" r=\"1\"><\/circle>\n            <\/svg>\n\n            <span>\n              \u0645\u0647\u0627\u0645\u064a\n            <\/span>\n\n          <\/div>\n\n\n\n          <div class=\"tb4-menu-item tb4-menu-item--active\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M3.5 7h6l2-2h9v14h-17z\"><\/path>\n            <\/svg>\n\n            <span>\n              \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n            <\/span>\n\n          <\/div>\n\n\n\n          <div class=\"tb4-menu-item\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <rect x=\"4\" y=\"5\" width=\"16\" height=\"15\" rx=\"2\"><\/rect>\n              <path d=\"M8 3v4M16 3v4M4 10h16\"><\/path>\n            <\/svg>\n\n            <span>\n              \u0627\u0644\u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629\n            <\/span>\n\n          <\/div>\n\n\n\n          <div class=\"tb4-menu-item\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\n              <path d=\"M12 7v5l3 2\"><\/path>\n            <\/svg>\n\n            <span>\n              \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\n            <\/span>\n\n          <\/div>\n\n\n        <\/div>\n\n      <\/aside>\n\n\n\n      <!-- ========================================================\n           WORKSPACE\n           ======================================================== -->\n\n      <div class=\"tb4-workspace\">\n\n\n        <div class=\"tb4-workspace-top\">\n\n          <span class=\"tb4-breadcrumb\">\n            \u0639\u0645\u0644\u064a \u2190 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n          <\/span>\n\n          <span class=\"tb4-workspace-note\">\n            \u0648\u0627\u062c\u0647\u0629 \u0639\u0631\u0628\u064a\u0629 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0625\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631\n          <\/span>\n\n        <\/div>\n\n\n\n        <div class=\"tb4-workspace-body\">\n\n\n          <div class=\"tb4-project-head\">\n\n            <div>\n\n              <span class=\"tb4-project-eyebrow\">\n                \u0645\u0634\u0631\u0648\u0639\n              <\/span>\n\n              <h3 class=\"tb4-project-title\">\n                \u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629\n              <\/h3>\n\n            <\/div>\n\n\n            <span class=\"tb4-project-status\">\n              \u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n            <\/span>\n\n          <\/div>\n\n\n\n          <div class=\"tb4-viewbar\">\n\n            <span class=\"tb4-view\">\n              \u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629\n            <\/span>\n\n            <span class=\"tb4-view tb4-view--active\">\n              WBS \/ Gantt\n            <\/span>\n\n            <span class=\"tb4-view\">\n              \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\n            <\/span>\n\n            <span class=\"tb4-view\">\n              \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\n            <\/span>\n\n            <span class=\"tb4-view\">\n              \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631\n            <\/span>\n\n          <\/div>\n\n\n\n          <div class=\"tb4-project-grid\">\n\n\n            <!-- TASK TREE -->\n\n            <div class=\"tb4-task-tree\">\n\n              <div class=\"tb4-grid-head\">\n                \u0647\u064a\u0643\u0644 \u0627\u0644\u0639\u0645\u0644\n              <\/div>\n\n\n              <div class=\"tb4-task-row tb4-task-row--phase\">\n\n                <span class=\"tb4-task-dot\"><\/span>\n\n                <span>\n                  \u0627\u0644\u062a\u0635\u0645\u064a\u0645\n                <\/span>\n\n              <\/div>\n\n\n              <div class=\"tb4-task-row tb4-task-row--child\">\n\n                <span class=\"tb4-task-dot\"><\/span>\n\n                <span>\n                  \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0648\u0627\u062c\u0647\u0627\u062a\n                <\/span>\n\n              <\/div>\n\n\n              <div class=\"tb4-task-row tb4-task-row--child\">\n\n                <span class=\"tb4-task-dot\"><\/span>\n\n                <span>\n                  \u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n                <\/span>\n\n              <\/div>\n\n\n              <div class=\"tb4-task-row tb4-task-row--phase\">\n\n                <span class=\"tb4-task-dot\"><\/span>\n\n                <span>\n                  \u0627\u0644\u062a\u0637\u0648\u064a\u0631\n                <\/span>\n\n              <\/div>\n\n\n              <div class=\"tb4-task-row tb4-task-row--child\">\n\n                <span class=\"tb4-task-dot\"><\/span>\n\n                <span>\n                  \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\n                <\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <!-- TIMELINE -->\n\n            <div class=\"tb4-timeline\">\n\n              <div class=\"tb4-time-head\">\n\n                <span>\n                  \u0627\u0644\u0623\u0633\u0628\u0648\u0639 1\n                <\/span>\n\n                <span>\n                  \u0627\u0644\u0623\u0633\u0628\u0648\u0639 2\n                <\/span>\n\n                <span>\n                  \u0627\u0644\u0623\u0633\u0628\u0648\u0639 3\n                <\/span>\n\n                <span>\n                  \u0627\u0644\u0623\u0633\u0628\u0648\u0639 4\n                <\/span>\n\n              <\/div>\n\n\n              <div class=\"tb4-gantt-row\">\n                <span class=\"tb4-gantt-bar tb4-gantt-bar--1\"><\/span>\n              <\/div>\n\n              <div class=\"tb4-gantt-row\">\n                <span class=\"tb4-gantt-bar tb4-gantt-bar--2\"><\/span>\n              <\/div>\n\n              <div class=\"tb4-gantt-row\">\n                <span class=\"tb4-gantt-bar tb4-gantt-bar--3\"><\/span>\n              <\/div>\n\n              <div class=\"tb4-gantt-row\">\n                <span class=\"tb4-gantt-bar tb4-gantt-bar--4\"><\/span>\n              <\/div>\n\n              <div class=\"tb4-gantt-row\">\n                <span class=\"tb4-gantt-bar tb4-gantt-bar--5\"><\/span>\n              <\/div>\n\n            <\/div>\n\n\n          <\/div>\n\n\n          <div class=\"tb4-sample-note\">\n            \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a\u0629\n          <\/div>\n\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- ==========================================================\n         CLOSING PRINCIPLE\n         ========================================================== -->\n\n    <div class=\"tb4-bottom\">\n\n      <p>\n        \u0644\u0627 \u064a\u062d\u062a\u0627\u062c \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0644\u0641\u0631\u064a\u0642 \u0625\u0644\u0649 \u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u0623\u062f\u0648\u0627\u062a \u0645\u0646\u0641\u0635\u0644\u0629.\n        \u0627\u0644\u0647\u064a\u0643\u0644 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u062c\u062f\u0648\u0644\u0629 \u0648\u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a\n        \u062a\u0628\u0642\u0649 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0646\u0641\u0633\u0647.\n      <\/p>\n\n      <strong>\n        \u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u062d\u062f. \u0633\u064a\u0627\u0642 \u0648\u0627\u062d\u062f.\n      <\/strong>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =====================================================================\n     TaskBrowse Arabic Homepage\n     SECTION 5 \u2014 Why TaskBrowse?\n     \"The problem is not lack of tools. It is disconnected tools.\"\n     WordPress Custom HTML block\n     HTML + CSS only\n     ===================================================================== -->\n\n<style>\n\/* ======================================================================\n   TASKBROWSE ARABIC \u2014 WHY TASKBROWSE\n   Namespace: #tb-ar-why\n   ====================================================================== *\/\n\n#tb-ar-why {\n  --tbw-ink: #202124;\n  --tbw-panel: #282a2e;\n  --tbw-panel-light: #303236;\n\n  --tbw-white: #ffffff;\n  --tbw-off: #f7f4f0;\n\n  --tbw-red: #c8102e;\n  --tbw-red-light: #f1a0ae;\n\n  --tbw-line: rgba(255,255,255,0.12);\n  --tbw-line-strong: rgba(255,255,255,0.20);\n\n  --tbw-text: #f4f2ef;\n  --tbw-muted: #c3bfba;\n  --tbw-soft: #918e89;\n\n  background: var(--tbw-ink);\n  color: var(--tbw-white);\n\n  font-family:\n    \"Noto Sans Arabic\",\n    \"Noto Naskh Arabic\",\n    Tahoma,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  direction: rtl;\n\n  padding-block: clamp(58px, 6vw, 88px);\n\n  overflow: hidden;\n}\n\n#tb-ar-why,\n#tb-ar-why *,\n#tb-ar-why *::before,\n#tb-ar-why *::after {\n  box-sizing: border-box;\n}\n\n#tb-ar-why .tbw-wrap {\n  width: min(1380px, calc(100% - 44px));\n  margin-inline: auto;\n}\n\n\n\/* ======================================================================\n   TOP\n   ====================================================================== *\/\n\n#tb-ar-why .tbw-head {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 0.95fr)\n    minmax(320px, 0.72fr);\n\n  gap: clamp(38px, 7vw, 110px);\n\n  align-items: end;\n\n  margin-block-end: clamp(36px, 5vw, 54px);\n}\n\n#tb-ar-why .tbw-kicker {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 10px;\n\n  margin: 0 0 12px;\n\n  color: #f0a0ae;\n\n  font-size: 14px;\n  font-weight: 800;\n}\n\n#tb-ar-why .tbw-kicker::before {\n  content: \"\";\n\n  width: 24px;\n  height: 2px;\n\n  flex: 0 0 auto;\n\n  background: var(--tbw-red);\n}\n\n#tb-ar-why .tbw-title {\n  margin: 0;\n\n  max-width: 17ch;\n\n  color: var(--tbw-white);\n\n  font-size: clamp(31px, 3.7vw, 50px);\n  font-weight: 800;\n  line-height: 1.42;\n}\n\n#tb-ar-why .tbw-intro {\n  margin: 0;\n\n  max-width: 53ch;\n\n  color: var(--tbw-muted);\n\n  font-size: clamp(15.5px, 1.2vw, 18px);\n  line-height: 1.95;\n}\n\n\n\/* ======================================================================\n   MAIN COMPOSITION\n   ====================================================================== *\/\n\n#tb-ar-why .tbw-main {\n  display: grid;\n\n  grid-template-columns:\n    minmax(310px, 0.82fr)\n    minmax(0, 1.18fr);\n\n  gap: clamp(40px, 6vw, 88px);\n\n  align-items: stretch;\n}\n\n\n\/* ======================================================================\n   DISCONNECTED TOOLS VISUAL\n   ====================================================================== *\/\n\n#tb-ar-why .tbw-fragment {\n  position: relative;\n\n  min-height: 430px;\n\n  padding: clamp(25px, 3vw, 34px);\n\n  border: 1px solid var(--tbw-line);\n  border-radius: 18px;\n\n  background: #242629;\n\n  overflow: hidden;\n}\n\n#tb-ar-why .tbw-fragment-label {\n  display: block;\n\n  margin-block-end: 29px;\n\n  color: var(--tbw-soft);\n\n  font-size: 11px;\n  font-weight: 800;\n}\n\n#tb-ar-why .tbw-fragment-title {\n  margin: 0 0 27px;\n\n  max-width: 20ch;\n\n  color: var(--tbw-text);\n\n  font-size: 20px;\n  font-weight: 800;\n  line-height: 1.65;\n}\n\n\n\/* ======================================================================\n   FRAGMENTED TOOL ROWS\n   ====================================================================== *\/\n\n#tb-ar-why .tbw-tool-list {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n\n  gap: 13px;\n}\n\n#tb-ar-why .tbw-tool {\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns:\n    39px\n    minmax(0, 1fr)\n    auto;\n\n  gap: 12px;\n\n  align-items: center;\n\n  min-height: 59px;\n\n  padding: 9px 12px;\n\n  border-block-end: 1px solid var(--tbw-line);\n}\n\n#tb-ar-why .tbw-tool:last-child {\n  border-block-end: none;\n}\n\n\n\/* intentionally different shapes \u2014 not generic identical icon tiles *\/\n\n#tb-ar-why .tbw-tool-mark {\n  position: relative;\n\n  width: 32px;\n  height: 32px;\n}\n\n\n\/* Project plan *\/\n\n#tb-ar-why .tbw-tool:nth-child(1) .tbw-tool-mark::before,\n#tb-ar-why .tbw-tool:nth-child(1) .tbw-tool-mark::after {\n  content: \"\";\n\n  position: absolute;\n\n  inset-inline-start: 2px;\n\n  height: 4px;\n\n  border-radius: 2px;\n\n  background: #d7d5d1;\n}\n\n#tb-ar-why .tbw-tool:nth-child(1) .tbw-tool-mark::before {\n  width: 25px;\n\n  top: 8px;\n}\n\n#tb-ar-why .tbw-tool:nth-child(1) .tbw-tool-mark::after {\n  width: 17px;\n\n  top: 20px;\n\n  background: #82807c;\n}\n\n\n\/* Time *\/\n\n#tb-ar-why .tbw-tool:nth-child(2) .tbw-tool-mark {\n  border: 1.5px solid #9c9994;\n  border-radius: 50%;\n}\n\n#tb-ar-why .tbw-tool:nth-child(2) .tbw-tool-mark::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 1.5px;\n  height: 9px;\n\n  inset-inline-start: 15px;\n  top: 7px;\n\n  background: #e3e0db;\n}\n\n#tb-ar-why .tbw-tool:nth-child(2) .tbw-tool-mark::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 8px;\n  height: 1.5px;\n\n  inset-inline-start: 15px;\n  top: 15px;\n\n  background: #e3e0db;\n\n  transform-origin: right center;\n  transform: rotate(-28deg);\n}\n\n\n\/* Costs *\/\n\n#tb-ar-why .tbw-tool:nth-child(3) .tbw-tool-mark {\n  border: 1px solid #8f8c87;\n}\n\n#tb-ar-why .tbw-tool:nth-child(3) .tbw-tool-mark::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 7px 6px;\n\n  border-block-start: 1px solid #a7a39e;\n  border-block-end: 1px solid #a7a39e;\n}\n\n#tb-ar-why .tbw-tool:nth-child(3) .tbw-tool-mark::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 13px;\n  height: 3px;\n\n  inset-inline-start: 8px;\n  bottom: 7px;\n\n  background: var(--tbw-red);\n}\n\n\n\/* Report *\/\n\n#tb-ar-why .tbw-tool:nth-child(4) .tbw-tool-mark::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 4px 2px;\n\n  border-inline-start: 4px solid #777d82;\n\n  box-shadow:\n    8px -6px 0 -1px #989da1,\n    16px -12px 0 -1px #d2d4d5;\n}\n\n\n\/* text *\/\n\n#tb-ar-why .tbw-tool-copy {\n  min-width: 0;\n}\n\n#tb-ar-why .tbw-tool-copy strong {\n  display: block;\n\n  margin-block-end: 2px;\n\n  color: #eceae7;\n\n  font-size: 12.5px;\n  font-weight: 700;\n}\n\n#tb-ar-why .tbw-tool-copy span {\n  color: #85827e;\n\n  font-size: 10.5px;\n}\n\n#tb-ar-why .tbw-tool-status {\n  color: #85827e;\n\n  font-size: 10px;\n}\n\n\n\/* ======================================================================\n   \"DISCONNECTED\" SIGNAL\n   ====================================================================== *\/\n\n#tb-ar-why .tbw-disconnected {\n  display: flex;\n  align-items: center;\n\n  gap: 10px;\n\n  margin-block-start: 26px;\n\n  padding-block-start: 20px;\n\n  border-block-start: 1px solid var(--tbw-line);\n\n  color: #a7a39f;\n\n  font-size: 12px;\n  line-height: 1.7;\n}\n\n#tb-ar-why .tbw-broken-line {\n  flex: 0 0 auto;\n\n  width: 34px;\n\n  display: flex;\n\n  gap: 4px;\n}\n\n#tb-ar-why .tbw-broken-line span {\n  display: block;\n\n  width: 6px;\n  height: 2px;\n\n  background: #787571;\n}\n\n#tb-ar-why .tbw-broken-line span:nth-child(2) {\n  background: var(--tbw-red);\n}\n\n\n\/* ======================================================================\n   TASKBROWSE SIDE\n   ====================================================================== *\/\n\n#tb-ar-why .tbw-connected {\n  display: flex;\n  flex-direction: column;\n\n  justify-content: center;\n}\n\n#tb-ar-why .tbw-connected-label {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 8px;\n\n  margin-block-end: 19px;\n\n  color: var(--tbw-red-light);\n\n  font-size: 12px;\n  font-weight: 800;\n}\n\n#tb-ar-why .tbw-connected-label::before {\n  content: \"\";\n\n  width: 8px;\n  height: 8px;\n\n  background: var(--tbw-red);\n\n  transform: rotate(45deg);\n}\n\n\n\/* ======================================================================\n   DIFFERENTIATORS\n   ====================================================================== *\/\n\n#tb-ar-why .tbw-reasons {\n  display: flex;\n  flex-direction: column;\n}\n\n#tb-ar-why .tbw-reason {\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(145px, 0.37fr)\n    minmax(0, 1fr);\n\n  gap: clamp(20px, 4vw, 48px);\n\n  padding-block: 25px;\n\n  border-block-start: 1px solid var(--tbw-line);\n}\n\n#tb-ar-why .tbw-reason:last-child {\n  border-block-end: 1px solid var(--tbw-line);\n}\n\n#tb-ar-why .tbw-reason-title {\n  position: relative;\n\n  padding-inline-start: 20px;\n\n  color: var(--tbw-white);\n\n  font-size: 16px;\n  font-weight: 800;\n  line-height: 1.65;\n}\n\n#tb-ar-why .tbw-reason-title::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset-inline-start: 0;\n  top: 8px;\n\n  width: 8px;\n  height: 8px;\n\n  border: 2px solid var(--tbw-red);\n}\n\n#tb-ar-why .tbw-reason p {\n  margin: 0;\n\n  color: var(--tbw-muted);\n\n  font-size: 14px;\n  line-height: 1.9;\n}\n\n\n\/* ======================================================================\n   CONNECTED CONTEXT STRIP\n   ====================================================================== *\/\n\n#tb-ar-why .tbw-chain {\n  display: grid;\n\n  grid-template-columns:\n    repeat(6, minmax(0, 1fr));\n\n  margin-block-start: 29px;\n\n  border:\n    1px solid var(--tbw-line);\n\n  border-radius: 9px;\n\n  overflow: hidden;\n}\n\n#tb-ar-why .tbw-chain-item {\n  position: relative;\n\n  min-width: 0;\n\n  padding: 12px 8px;\n\n  text-align: center;\n\n  background: rgba(255,255,255,0.025);\n\n  color: #bdbab6;\n\n  font-size: 10.5px;\n  font-weight: 700;\n}\n\n#tb-ar-why .tbw-chain-item + .tbw-chain-item {\n  border-inline-start: 1px solid var(--tbw-line);\n}\n\n#tb-ar-why .tbw-chain-item--actual {\n  color: #ffffff;\n\n  background: var(--tbw-red);\n}\n\n\n\/* ======================================================================\n   FINAL STATEMENT\n   ====================================================================== *\/\n\n#tb-ar-why .tbw-final {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr)\n    auto;\n\n  gap: 32px;\n\n  align-items: center;\n\n  margin-block-start: 31px;\n\n  padding-block-start: 24px;\n\n  border-block-start: 1px solid var(--tbw-line);\n}\n\n#tb-ar-why .tbw-final p {\n  margin: 0;\n\n  max-width: 75ch;\n\n  color: var(--tbw-muted);\n\n  font-size: 13.5px;\n  line-height: 1.85;\n}\n\n#tb-ar-why .tbw-final strong {\n  color: var(--tbw-white);\n\n  font-size: 13px;\n  font-weight: 800;\n\n  white-space: nowrap;\n}\n\n\n\/* ======================================================================\n   TABLET\n   ====================================================================== *\/\n\n@media (max-width: 960px) {\n\n  #tb-ar-why .tbw-head {\n    grid-template-columns: 1fr;\n\n    gap: 17px;\n  }\n\n  #tb-ar-why .tbw-title {\n    max-width: 22ch;\n  }\n\n  #tb-ar-why .tbw-main {\n    grid-template-columns: 1fr;\n\n    gap: 34px;\n  }\n\n  #tb-ar-why .tbw-fragment {\n    min-height: auto;\n  }\n\n}\n\n\n\/* ======================================================================\n   MOBILE\n   ====================================================================== *\/\n\n@media (max-width: 650px) {\n\n  #tb-ar-why {\n    padding-block: 54px 60px;\n  }\n\n  #tb-ar-why .tbw-wrap {\n    width: min(100% - 30px, 1380px);\n  }\n\n  #tb-ar-why .tbw-title {\n    font-size: 29px;\n  }\n\n  #tb-ar-why .tbw-fragment {\n    padding: 22px 17px;\n\n    border-radius: 14px;\n  }\n\n  #tb-ar-why .tbw-tool {\n    grid-template-columns:\n      34px\n      minmax(0, 1fr);\n\n    min-height: 56px;\n  }\n\n  #tb-ar-why .tbw-tool-status {\n    display: none;\n  }\n\n  #tb-ar-why .tbw-reason {\n    grid-template-columns: 1fr;\n\n    gap: 8px;\n\n    padding-block: 21px;\n  }\n\n  #tb-ar-why .tbw-chain {\n    grid-template-columns:\n      repeat(3, minmax(0, 1fr));\n  }\n\n  #tb-ar-why .tbw-chain-item:nth-child(4),\n  #tb-ar-why .tbw-chain-item:nth-child(5),\n  #tb-ar-why .tbw-chain-item:nth-child(6) {\n    border-block-start: 1px solid var(--tbw-line);\n  }\n\n  #tb-ar-why .tbw-chain-item:nth-child(4) {\n    border-inline-start: none;\n  }\n\n  #tb-ar-why .tbw-final {\n    grid-template-columns: 1fr;\n\n    gap: 8px;\n  }\n\n  #tb-ar-why .tbw-final strong {\n    white-space: normal;\n  }\n\n}\n<\/style>\n\n\n<section\n  id=\"tb-ar-why\"\n  dir=\"rtl\"\n  lang=\"ar\"\n  aria-labelledby=\"tbw-title\"\n>\n\n  <div class=\"tbw-wrap\">\n\n\n    <!-- ==========================================================\n         HEADER\n         ========================================================== -->\n\n    <header class=\"tbw-head\">\n\n      <div>\n\n        <p class=\"tbw-kicker\">\n          \u0644\u0645\u0627\u0630\u0627 TaskBrowse\u061f\n        <\/p>\n\n        <h2\n          class=\"tbw-title\"\n          id=\"tbw-title\"\n        >\n          \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0644\u064a\u0633\u062a \u0646\u0642\u0635 \u0627\u0644\u0623\u062f\u0648\u0627\u062a. \u0628\u0644 \u0627\u0646\u0641\u0635\u0627\u0644\u0647\u0627 \u0639\u0646 \u0628\u0639\u0636\u0647\u0627.\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"tbw-intro\">\n        \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0643\u0648\u0646 \u0644\u062f\u064a\u0643 \u0628\u0631\u0646\u0627\u0645\u062c \u0644\u0644\u0645\u0647\u0627\u0645\u060c \u0648\u0623\u062f\u0627\u0629 \u0644\u0644\u0648\u0642\u062a\u060c\n        \u0648\u062c\u062f\u0648\u0644 \u0644\u0644\u062a\u0643\u0627\u0644\u064a\u0641\u060c \u0648\u062a\u0642\u0627\u0631\u064a\u0631 \u0641\u064a \u0645\u0643\u0627\u0646 \u0622\u062e\u0631.\n        \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u062a\u0628\u062f\u0623 \u0639\u0646\u062f\u0645\u0627 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0641\u0647\u0645 \u0645\u0627 \u062d\u062f\u062b \u0644\u0644\u0645\u0634\u0631\u0648\u0639\n        \u0648\u0644\u0627 \u062a\u062a\u062d\u062f\u062b \u0647\u0630\u0647 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0645\u0639 \u0628\u0639\u0636\u0647\u0627.\n      <\/p>\n\n    <\/header>\n\n\n\n    <!-- ==========================================================\n         MAIN\n         ========================================================== -->\n\n    <div class=\"tbw-main\">\n\n\n      <!-- ========================================================\n           FRAGMENTED TOOLS\n           ======================================================== -->\n\n      <div class=\"tbw-fragment\">\n\n        <span class=\"tbw-fragment-label\">\n          \u0639\u0646\u062f\u0645\u0627 \u062a\u0643\u0648\u0646 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u0648\u0632\u0639\u0629\n        <\/span>\n\n        <h3 class=\"tbw-fragment-title\">\n          \u0644\u062f\u064a\u0643 \u0627\u0644\u0623\u062f\u0648\u0627\u062a\u2026 \u0644\u0643\u0646 \u0639\u0644\u064a\u0643 \u062c\u0645\u0639 \u0627\u0644\u0635\u0648\u0631\u0629 \u0628\u0646\u0641\u0633\u0643.\n        <\/h3>\n\n\n        <div class=\"tbw-tool-list\">\n\n\n          <div class=\"tbw-tool\">\n\n            <span\n              class=\"tbw-tool-mark\"\n              aria-hidden=\"true\"\n            ><\/span>\n\n            <div class=\"tbw-tool-copy\">\n              <strong>\n                \u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n              <\/strong>\n              <span>\n                \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\n              <\/span>\n            <\/div>\n\n            <span class=\"tbw-tool-status\">\n              \u0623\u062f\u0627\u0629 01\n            <\/span>\n\n          <\/div>\n\n\n\n          <div class=\"tbw-tool\">\n\n            <span\n              class=\"tbw-tool-mark\"\n              aria-hidden=\"true\"\n            ><\/span>\n\n            <div class=\"tbw-tool-copy\">\n              <strong>\n                \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\n              <\/strong>\n              <span>\n                \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u062c\u0644\u0629\n              <\/span>\n            <\/div>\n\n            <span class=\"tbw-tool-status\">\n              \u0623\u062f\u0627\u0629 02\n            <\/span>\n\n          <\/div>\n\n\n\n          <div class=\"tbw-tool\">\n\n            <span\n              class=\"tbw-tool-mark\"\n              aria-hidden=\"true\"\n            ><\/span>\n\n            <div class=\"tbw-tool-copy\">\n              <strong>\n                \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0648\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\n              <\/strong>\n              <span>\n                \u062c\u062f\u0627\u0648\u0644 \u0645\u0646\u0641\u0635\u0644\u0629\n              <\/span>\n            <\/div>\n\n            <span class=\"tbw-tool-status\">\n              \u0623\u062f\u0627\u0629 03\n            <\/span>\n\n          <\/div>\n\n\n\n          <div class=\"tbw-tool\">\n\n            <span\n              class=\"tbw-tool-mark\"\n              aria-hidden=\"true\"\n            ><\/span>\n\n            <div class=\"tbw-tool-copy\">\n              <strong>\n                \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631\n              <\/strong>\n              <span>\n                \u062c\u0645\u0639 \u0648\u062a\u062d\u0644\u064a\u0644 \u0644\u0627\u062d\u0642\n              <\/span>\n            <\/div>\n\n            <span class=\"tbw-tool-status\">\n              \u0623\u062f\u0627\u0629 04\n            <\/span>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <div class=\"tbw-disconnected\">\n\n          <span\n            class=\"tbw-broken-line\"\n            aria-hidden=\"true\"\n          >\n            <span><\/span>\n            <span><\/span>\n            <span><\/span>\n          <\/span>\n\n          <span>\n            \u0643\u0644 \u062c\u0632\u0621 \u0635\u062d\u064a\u062d \u0648\u062d\u062f\u0647\u060c \u0644\u0643\u0646 \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0628\u064a\u0646\u0647\u0627 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0639\u0645\u0644 \u0625\u0636\u0627\u0641\u064a.\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- ========================================================\n           TASKBROWSE DIFFERENTIATORS\n           ======================================================== -->\n\n      <div class=\"tbw-connected\">\n\n        <span class=\"tbw-connected-label\">\n          \u0641\u064a TaskBrowse\n        <\/span>\n\n\n        <div class=\"tbw-reasons\">\n\n\n          <!-- 1 -->\n\n          <div class=\"tbw-reason\">\n\n            <div class=\"tbw-reason-title\">\n              \u0627\u0644\u062e\u0637\u0629 \u062a\u0635\u0644 \u0625\u0644\u0649 \u064a\u0648\u0645 \u0627\u0644\u0641\u0631\u064a\u0642\n            <\/div>\n\n            <p>\n              \u0644\u0627 \u062a\u0628\u0642\u0649 \u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0641\u064a Gantt \u0623\u0648 WBS \u0641\u0642\u0637.\n              \u062a\u0631\u062a\u0628\u0637 \u0627\u0644\u0645\u0647\u0627\u0645 \u0628\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\u060c\n              \u062b\u0645 \u062a\u062f\u062e\u0644 \u0641\u064a \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u064a\u0648\u0645\u064a \u0627\u0644\u0641\u0639\u0644\u064a \u0644\u0645\u0646 \u0633\u064a\u0646\u0641\u0630\u0647\u0627.\n            <\/p>\n\n          <\/div>\n\n\n\n          <!-- 2 -->\n\n          <div class=\"tbw-reason\">\n\n            <div class=\"tbw-reason-title\">\n              \u0627\u0644\u0648\u0642\u062a \u064a\u0639\u0648\u062f \u0625\u0644\u0649 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n            <\/div>\n\n            <p>\n              \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u062c\u0644\u0629 \u0644\u064a\u0633\u062a \u0631\u0642\u0645\u064b\u0627 \u0645\u0639\u0632\u0648\u0644\u064b\u0627.\n              \u062a\u0639\u0648\u062f \u0625\u0644\u0649 \u0627\u0644\u0645\u0647\u0645\u0629 \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629\u060c\n              \u0641\u062a\u0633\u062a\u0637\u064a\u0639 \u0645\u0642\u0627\u0631\u0646\u0629 \u0645\u0627 \u062e\u064f\u0637\u0651\u0650\u0637 \u0644\u0647 \u0628\u0645\u0627 \u062d\u062f\u062b \u0641\u0639\u0644\u064a\u064b\u0627.\n            <\/p>\n\n          <\/div>\n\n\n\n          <!-- 3 -->\n\n          <div class=\"tbw-reason\">\n\n            <div class=\"tbw-reason-title\">\n              \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u064a\u0628\u062f\u0623 \u0645\u0646 \u0633\u064a\u0627\u0642 \u0648\u0627\u062d\u062f\n            <\/div>\n\n            <p>\n              \u0639\u0646\u062f\u0645\u0627 \u062a\u0643\u0648\u0646 \u0627\u0644\u062e\u0637\u0629 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0645\u062a\u0631\u0627\u0628\u0637\u0629\u060c\n              \u062a\u0635\u0628\u062d \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0623\u0643\u062b\u0631 \u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u062a\u0641\u0633\u064a\u0631\n              \u0645\u0627 \u064a\u062d\u062f\u062b \u0648\u0623\u064a\u0646 \u064a\u062d\u062a\u0627\u062c \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0644\u0649 \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647.\n            <\/p>\n\n          <\/div>\n\n\n        <\/div>\n\n\n\n        <!-- ======================================================\n             CONNECTED DATA CHAIN\n             ====================================================== -->\n\n        <div\n          class=\"tbw-chain\"\n          aria-label=\"\u062a\u0633\u0644\u0633\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u0646 \u0627\u0644\u062e\u0637\u0629 \u0625\u0644\u0649 \u0627\u0644\u062a\u062d\u0644\u064a\u0644\"\n        >\n\n          <div class=\"tbw-chain-item\">\n            \u0627\u0644\u062e\u0637\u0629\n          <\/div>\n\n          <div class=\"tbw-chain-item\">\n            \u0627\u0644\u0645\u0647\u0627\u0645\n          <\/div>\n\n          <div class=\"tbw-chain-item\">\n            \u064a\u0648\u0645 \u0627\u0644\u0641\u0631\u064a\u0642\n          <\/div>\n\n          <div class=\"tbw-chain-item tbw-chain-item--actual\">\n            \u0627\u0644\u0648\u0627\u0642\u0639\n          <\/div>\n\n          <div class=\"tbw-chain-item\">\n            \u0627\u0644\u062a\u0643\u0644\u0641\u0629\n          <\/div>\n\n          <div class=\"tbw-chain-item\">\n            \u0627\u0644\u062a\u062d\u0644\u064a\u0644\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- ==========================================================\n         FINAL PRINCIPLE\n         ========================================================== -->\n\n    <div class=\"tbw-final\">\n\n      <p>\n        \u0642\u0648\u0629 TaskBrowse \u0644\u064a\u0633\u062a \u0641\u064a \u062c\u0645\u0639 \u0623\u0643\u0628\u0631 \u0639\u062f\u062f \u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u062a\u060c\n        \u0628\u0644 \u0641\u064a \u0625\u0628\u0642\u0627\u0621 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u062a\u0631\u0627\u0628\u0637\u0629 \u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637\n        \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0641\u0639\u0644\u064a \u062b\u0645 \u0625\u0644\u0649 \u0627\u0644\u062a\u062d\u0644\u064a\u0644.\n      <\/p>\n\n      <strong>\n        \u0633\u064a\u0627\u0642 \u0648\u0627\u062d\u062f \u0628\u062f\u0644 \u0623\u062c\u0632\u0627\u0621 \u0645\u062a\u0641\u0631\u0642\u0629.\n      <\/strong>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =====================================================================\n     TaskBrowse Arabic Homepage\n     SECTION 6 \u2014 Raila \/ AI in Project Context\n     WordPress Custom HTML block\n     HTML + CSS only\n     No JavaScript\n     ===================================================================== -->\n\n<style>\n\/* ======================================================================\n   TASKBROWSE ARABIC \u2014 RAILA\n   Namespace: #tb-ar-raila-context\n   ====================================================================== *\/\n\n#tb-ar-raila-context {\n  --tbra-bg: #2b2d30;\n  --tbra-bg-deep: #242629;\n  --tbra-panel: #303236;\n\n  --tbra-white: #ffffff;\n  --tbra-text: #f1efec;\n  --tbra-muted: #bbb7b2;\n  --tbra-soft: #8f8c88;\n\n  --tbra-red: #c8102e;\n  --tbra-red-soft: rgba(200, 16, 46, 0.12);\n\n  --tbra-line: rgba(255,255,255,0.11);\n  --tbra-line-strong: rgba(255,255,255,0.19);\n\n  direction: rtl;\n\n  background: var(--tbra-bg);\n  color: var(--tbra-text);\n\n  font-family:\n    \"Noto Sans Arabic\",\n    \"Noto Naskh Arabic\",\n    Tahoma,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  padding-block: clamp(62px, 6vw, 92px);\n\n  overflow: hidden;\n}\n\n#tb-ar-raila-context,\n#tb-ar-raila-context *,\n#tb-ar-raila-context *::before,\n#tb-ar-raila-context *::after {\n  box-sizing: border-box;\n}\n\n#tb-ar-raila-context .tbra-wrap {\n  width: min(1380px, calc(100% - 44px));\n  margin-inline: auto;\n}\n\n\n\/* ======================================================================\n   HEADER\n   ====================================================================== *\/\n\n#tb-ar-raila-context .tbra-head {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 0.96fr)\n    minmax(320px, 0.7fr);\n\n  gap: clamp(38px, 7vw, 108px);\n\n  align-items: end;\n\n  margin-block-end: clamp(38px, 5vw, 58px);\n}\n\n#tb-ar-raila-context .tbra-kicker {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 10px;\n\n  margin: 0 0 13px;\n\n  color: #f1a5b2;\n\n  font-size: 14px;\n  font-weight: 800;\n}\n\n#tb-ar-raila-context .tbra-kicker::before {\n  content: \"\";\n\n  width: 24px;\n  height: 2px;\n\n  flex: 0 0 auto;\n\n  background: var(--tbra-red);\n}\n\n#tb-ar-raila-context .tbra-title {\n  margin: 0;\n\n  max-width: 18ch;\n\n  color: var(--tbra-white);\n\n  font-size: clamp(31px, 3.7vw, 50px);\n  font-weight: 800;\n  line-height: 1.43;\n}\n\n#tb-ar-raila-context .tbra-intro {\n  margin: 0;\n\n  max-width: 54ch;\n\n  color: var(--tbra-muted);\n\n  font-size: clamp(15.5px, 1.2vw, 18px);\n  line-height: 1.95;\n}\n\n\n\/* ======================================================================\n   CONTEXT MAP\n   ====================================================================== *\/\n\n#tb-ar-raila-context .tbra-context {\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(220px, 0.62fr)\n    minmax(210px, 0.48fr)\n    minmax(300px, 0.9fr);\n\n  min-height: 360px;\n\n  border-block:\n    1px solid var(--tbra-line);\n\n  margin-block-end: 44px;\n}\n\n\n\/* ======================================================================\n   INPUT DATA\n   ====================================================================== *\/\n\n#tb-ar-raila-context .tbra-inputs {\n  padding:\n    30px\n    0\n    30px\n    clamp(20px, 3vw, 35px);\n\n  border-inline-end: 1px solid var(--tbra-line);\n}\n\n#tb-ar-raila-context .tbra-mini-label {\n  display: block;\n\n  margin-block-end: 20px;\n\n  color: var(--tbra-soft);\n\n  font-size: 10.5px;\n  font-weight: 800;\n}\n\n#tb-ar-raila-context .tbra-input {\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns:\n    31px\n    minmax(0, 1fr);\n\n  gap: 12px;\n\n  align-items: center;\n\n  padding-block: 15px;\n\n  border-block-end: 1px solid var(--tbra-line);\n}\n\n#tb-ar-raila-context .tbra-input:last-child {\n  border-block-end: none;\n}\n\n#tb-ar-raila-context .tbra-input-mark {\n  position: relative;\n\n  width: 27px;\n  height: 27px;\n}\n\n\n\/* project *\/\n\n#tb-ar-raila-context .tbra-input--project .tbra-input-mark::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 4px 2px;\n\n  border:\n    1px solid #9d9a96;\n\n  border-radius: 2px;\n}\n\n#tb-ar-raila-context .tbra-input--project .tbra-input-mark::after {\n  content: \"\";\n\n  position: absolute;\n\n  inset-inline-start: 7px;\n  top: 9px;\n\n  width: 13px;\n  height: 1px;\n\n  background: #d4d1cd;\n\n  box-shadow:\n    0 5px 0 #807d79,\n    0 10px 0 #807d79;\n}\n\n\n\/* time *\/\n\n#tb-ar-raila-context .tbra-input--time .tbra-input-mark {\n  border:\n    1px solid #9d9a96;\n\n  border-radius: 50%;\n}\n\n#tb-ar-raila-context .tbra-input--time .tbra-input-mark::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 1px;\n  height: 7px;\n\n  top: 5px;\n  inset-inline-start: 13px;\n\n  background: #dedbd6;\n}\n\n#tb-ar-raila-context .tbra-input--time .tbra-input-mark::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 6px;\n  height: 1px;\n\n  top: 12px;\n  inset-inline-start: 13px;\n\n  background: var(--tbra-red);\n}\n\n\n\/* workload *\/\n\n#tb-ar-raila-context .tbra-input--workload .tbra-input-mark::before,\n#tb-ar-raila-context .tbra-input--workload .tbra-input-mark::after {\n  content: \"\";\n\n  position: absolute;\n\n  inset-inline-start: 3px;\n\n  height: 3px;\n\n  background: #888d91;\n}\n\n#tb-ar-raila-context .tbra-input--workload .tbra-input-mark::before {\n  top: 7px;\n\n  width: 19px;\n}\n\n#tb-ar-raila-context .tbra-input--workload .tbra-input-mark::after {\n  top: 17px;\n\n  width: 25px;\n\n  background: var(--tbra-red);\n}\n\n\n\/* meetings *\/\n\n#tb-ar-raila-context .tbra-input--meeting .tbra-input-mark::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 5px 2px 7px;\n\n  border:\n    1px solid #999692;\n\n  border-radius: 2px;\n}\n\n#tb-ar-raila-context .tbra-input--meeting .tbra-input-mark::after {\n  content: \"\";\n\n  position: absolute;\n\n  inset-inline-start: 8px;\n  bottom: 3px;\n\n  width: 7px;\n  height: 7px;\n\n  border-inline-start:\n    1px solid #999692;\n\n  transform: skew(-30deg);\n}\n\n#tb-ar-raila-context .tbra-input strong {\n  display: block;\n\n  margin-block-end: 2px;\n\n  color: #eeece9;\n\n  font-size: 12.5px;\n  font-weight: 800;\n}\n\n#tb-ar-raila-context .tbra-input span {\n  color: var(--tbra-soft);\n\n  font-size: 10.5px;\n}\n\n\n\/* ======================================================================\n   RAILA CORE\n   ====================================================================== *\/\n\n#tb-ar-raila-context .tbra-core {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n\n  align-items: center;\n  justify-content: center;\n\n  min-width: 0;\n\n  padding: 30px 20px;\n\n  text-align: center;\n\n  border-inline-end: 1px solid var(--tbra-line);\n}\n\n#tb-ar-raila-context .tbra-core::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset-inline-start: 0;\n  top: 50%;\n\n  width: 23px;\n  height: 1px;\n\n  background: var(--tbra-red);\n}\n\n#tb-ar-raila-context .tbra-core::after {\n  content: \"\";\n\n  position: absolute;\n\n  inset-inline-end: 0;\n  top: 50%;\n\n  width: 23px;\n  height: 1px;\n\n  background: var(--tbra-red);\n}\n\n\n\/* deliberately architectural, not sparkle\/AI orb *\/\n\n#tb-ar-raila-context .tbra-core-mark {\n  position: relative;\n\n  width: 76px;\n  height: 76px;\n\n  margin-block-end: 17px;\n}\n\n#tb-ar-raila-context .tbra-core-mark::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 5px 15px 15px 5px;\n\n  border:\n    1px solid rgba(255,255,255,0.35);\n}\n\n#tb-ar-raila-context .tbra-core-mark::after {\n  content: \"\";\n\n  position: absolute;\n\n  inset: 15px 5px 5px 15px;\n\n  border:\n    2px solid var(--tbra-red);\n}\n\n#tb-ar-raila-context .tbra-core-letter {\n  position: absolute;\n\n  inset: 0;\n\n  display: grid;\n  place-items: center;\n\n  z-index: 2;\n\n  color: #ffffff;\n\n  font-size: 27px;\n  font-weight: 900;\n}\n\n#tb-ar-raila-context .tbra-core strong {\n  display: block;\n\n  margin-block-end: 6px;\n\n  color: #ffffff;\n\n  font-size: 20px;\n  font-weight: 800;\n}\n\n#tb-ar-raila-context .tbra-core p {\n  margin: 0;\n\n  max-width: 21ch;\n\n  color: var(--tbra-muted);\n\n  font-size: 11.5px;\n  line-height: 1.8;\n}\n\n\n\/* ======================================================================\n   OUTPUT \/ PURPOSE\n   ====================================================================== *\/\n\n#tb-ar-raila-context .tbra-output {\n  display: flex;\n  flex-direction: column;\n\n  justify-content: center;\n\n  padding:\n    30px\n    clamp(22px, 3vw, 38px);\n}\n\n#tb-ar-raila-context .tbra-output-lead {\n  margin: 0 0 24px;\n\n  max-width: 29ch;\n\n  color: #ffffff;\n\n  font-size: clamp(19px, 2vw, 25px);\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-ar-raila-context .tbra-output-list {\n  display: flex;\n  flex-direction: column;\n\n  gap: 15px;\n}\n\n#tb-ar-raila-context .tbra-output-item {\n  position: relative;\n\n  padding-inline-start: 19px;\n\n  color: var(--tbra-muted);\n\n  font-size: 12.5px;\n  line-height: 1.8;\n}\n\n#tb-ar-raila-context .tbra-output-item::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset-inline-start: 0;\n  top: 10px;\n\n  width: 8px;\n  height: 1px;\n\n  background: var(--tbra-red);\n}\n\n\n\/* ======================================================================\n   CAPABILITIES\n   ====================================================================== *\/\n\n#tb-ar-raila-context .tbra-capabilities {\n  display: grid;\n\n  grid-template-columns:\n    minmax(220px, 0.38fr)\n    minmax(0, 1fr);\n\n  gap: clamp(32px, 5vw, 72px);\n\n  align-items: start;\n}\n\n#tb-ar-raila-context .tbra-cap-intro {\n  position: sticky;\n\n  top: 30px;\n}\n\n#tb-ar-raila-context .tbra-cap-intro span {\n  display: block;\n\n  margin-block-end: 9px;\n\n  color: #ef9cab;\n\n  font-size: 11px;\n  font-weight: 800;\n}\n\n#tb-ar-raila-context .tbra-cap-intro h3 {\n  margin: 0;\n\n  max-width: 14ch;\n\n  color: #ffffff;\n\n  font-size: clamp(22px, 2.4vw, 31px);\n  font-weight: 800;\n  line-height: 1.55;\n}\n\n#tb-ar-raila-context .tbra-cap-intro p {\n  margin: 15px 0 0;\n\n  max-width: 34ch;\n\n  color: var(--tbra-muted);\n\n  font-size: 12.5px;\n  line-height: 1.85;\n}\n\n\n\/* ======================================================================\n   CAPABILITY ROWS\n   ====================================================================== *\/\n\n#tb-ar-raila-context .tbra-cap-list {\n  border-block-start:\n    1px solid var(--tbra-line);\n}\n\n#tb-ar-raila-context .tbra-cap {\n  display: grid;\n\n  grid-template-columns:\n    42px\n    minmax(145px, 0.36fr)\n    minmax(0, 1fr);\n\n  gap: 18px;\n\n  align-items: center;\n\n  min-height: 112px;\n\n  padding-block: 19px;\n\n  border-block-end:\n    1px solid var(--tbra-line);\n}\n\n#tb-ar-raila-context .tbra-cap-num {\n  color: var(--tbra-red);\n\n  font-size: 11px;\n  font-weight: 800;\n}\n\n#tb-ar-raila-context .tbra-cap strong {\n  color: #ffffff;\n\n  font-size: 15px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-ar-raila-context .tbra-cap-copy p {\n  margin: 0;\n\n  color: var(--tbra-muted);\n\n  font-size: 12.5px;\n  line-height: 1.85;\n}\n\n#tb-ar-raila-context .tbra-cap-evidence {\n  display: inline-block;\n\n  margin-block-start: 7px;\n\n  color: #8f8b87;\n\n  font-size: 10px;\n}\n\n\n\/* ======================================================================\n   HUMAN CONTROL\n   ====================================================================== *\/\n\n#tb-ar-raila-context .tbra-control {\n  display: grid;\n\n  grid-template-columns:\n    auto\n    minmax(0, 1fr);\n\n  gap: 15px;\n\n  align-items: center;\n\n  margin-block-start: 33px;\n\n  padding:\n    18px\n    20px;\n\n  border:\n    1px solid var(--tbra-line-strong);\n\n  background:\n    rgba(255,255,255,0.025);\n}\n\n#tb-ar-raila-context .tbra-control-mark {\n  position: relative;\n\n  width: 28px;\n  height: 28px;\n\n  border:\n    1px solid rgba(255,255,255,0.35);\n}\n\n#tb-ar-raila-context .tbra-control-mark::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 12px;\n  height: 6px;\n\n  inset-inline-start: 7px;\n  top: 8px;\n\n  border-inline-start:\n    2px solid var(--tbra-red);\n\n  border-block-end:\n    2px solid var(--tbra-red);\n\n  transform: rotate(-45deg);\n}\n\n#tb-ar-raila-context .tbra-control strong {\n  display: block;\n\n  margin-block-end: 3px;\n\n  color: #ffffff;\n\n  font-size: 12.5px;\n  font-weight: 800;\n}\n\n#tb-ar-raila-context .tbra-control p {\n  margin: 0;\n\n  color: var(--tbra-muted);\n\n  font-size: 11.5px;\n  line-height: 1.75;\n}\n\n\n\/* ======================================================================\n   TABLET\n   ====================================================================== *\/\n\n@media (max-width: 980px) {\n\n  #tb-ar-raila-context .tbra-head {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  #tb-ar-raila-context .tbra-title {\n    max-width: 22ch;\n  }\n\n  #tb-ar-raila-context .tbra-context {\n    grid-template-columns:\n      1fr\n      0.55fr\n      1fr;\n  }\n\n  #tb-ar-raila-context .tbra-capabilities {\n    grid-template-columns: 1fr;\n\n    gap: 25px;\n  }\n\n  #tb-ar-raila-context .tbra-cap-intro {\n    position: static;\n  }\n\n  #tb-ar-raila-context .tbra-cap-intro h3 {\n    max-width: 21ch;\n  }\n\n}\n\n\n\/* ======================================================================\n   MOBILE\n   ====================================================================== *\/\n\n@media (max-width: 700px) {\n\n  #tb-ar-raila-context {\n    padding-block: 54px 62px;\n  }\n\n  #tb-ar-raila-context .tbra-wrap {\n    width: min(100% - 30px, 1380px);\n  }\n\n  #tb-ar-raila-context .tbra-title {\n    font-size: 29px;\n  }\n\n  #tb-ar-raila-context .tbra-context {\n    grid-template-columns: 1fr;\n\n    border-block: none;\n\n    margin-block-end: 38px;\n  }\n\n  #tb-ar-raila-context .tbra-inputs {\n    padding:\n      20px\n      0;\n\n    border-block:\n      1px solid var(--tbra-line);\n\n    border-inline-end: none;\n  }\n\n  #tb-ar-raila-context .tbra-core {\n    padding:\n      30px\n      15px;\n\n    border-inline-end: none;\n    border-block-end:\n      1px solid var(--tbra-line);\n  }\n\n  #tb-ar-raila-context .tbra-core::before,\n  #tb-ar-raila-context .tbra-core::after {\n    display: none;\n  }\n\n  #tb-ar-raila-context .tbra-output {\n    padding:\n      27px\n      0;\n\n    border-block-end:\n      1px solid var(--tbra-line);\n  }\n\n  #tb-ar-raila-context .tbra-output-lead {\n    max-width: none;\n  }\n\n  #tb-ar-raila-context .tbra-cap {\n    grid-template-columns:\n      33px\n      minmax(0, 1fr);\n\n    gap: 10px;\n\n    align-items: start;\n\n    padding-block: 20px;\n  }\n\n  #tb-ar-raila-context .tbra-cap strong {\n    padding-block-start: 0;\n  }\n\n  #tb-ar-raila-context .tbra-cap-copy {\n    grid-column:\n      2;\n  }\n\n}\n\n\n\/* ======================================================================\n   SMALL MOBILE\n   ====================================================================== *\/\n\n@media (max-width: 390px) {\n\n  #tb-ar-raila-context .tbra-input {\n    grid-template-columns:\n      27px\n      minmax(0, 1fr);\n  }\n\n}\n<\/style>\n\n\n<section\n  id=\"tb-ar-raila-context\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tbra-title\"\n>\n\n  <div class=\"tbra-wrap\">\n\n\n    <!-- ==========================================================\n         HEADER\n         ========================================================== -->\n\n    <header class=\"tbra-head\">\n\n      <div>\n\n        <p class=\"tbra-kicker\">\n          \u0631\u0627\u064a\u0644\u0627 \u00b7 \u0630\u0643\u0627\u0621 TaskBrowse\n        <\/p>\n\n        <h2\n          class=\"tbra-title\"\n          id=\"tbra-title\"\n        >\n          \u0627\u0644\u0630\u0643\u0627\u0621 \u064a\u0635\u0628\u062d \u0623\u0643\u062b\u0631 \u0641\u0627\u0626\u062f\u0629 \u0639\u0646\u062f\u0645\u0627 \u064a\u0639\u0631\u0641 \u0633\u064a\u0627\u0642 \u0627\u0644\u0639\u0645\u0644.\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"tbra-intro\">\n        \u0631\u0627\u064a\u0644\u0627 \u0644\u064a\u0633\u062a \u0637\u0628\u0642\u0629 \u0645\u0646\u0641\u0635\u0644\u0629 \u0641\u0648\u0642 \u0645\u0634\u0631\u0648\u0639\u0643.\n        \u062a\u0633\u062a\u0641\u064a\u062f \u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a TaskBrowse \u0645\u0646 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644\n        \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629 \u0623\u0635\u0644\u064b\u0627 \u2014 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a \u2014\n        \u0644\u062a\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0648\u0627\u0644\u062a\u0646\u0638\u064a\u0645 \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644.\n      <\/p>\n\n    <\/header>\n\n\n\n    <!-- ==========================================================\n         CONTEXT \u2192 RAILA \u2192 VALUE\n         ========================================================== -->\n\n    <div class=\"tbra-context\">\n\n\n      <!-- ========================================================\n           DATA ALREADY IN TASKBROWSE\n           ======================================================== -->\n\n      <div class=\"tbra-inputs\">\n\n        <span class=\"tbra-mini-label\">\n          \u0633\u064a\u0627\u0642 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0648\u062c\u0648\u062f \u0641\u064a TaskBrowse\n        <\/span>\n\n\n        <div class=\"tbra-input tbra-input--project\">\n\n          <span\n            class=\"tbra-input-mark\"\n            aria-hidden=\"true\"\n          ><\/span>\n\n          <div>\n            <strong>\n              \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645\n            <\/strong>\n\n            <span>\n              \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u00b7 \u0627\u0644\u0647\u064a\u0643\u0644 \u00b7 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a\n            <\/span>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"tbra-input tbra-input--time\">\n\n          <span\n            class=\"tbra-input-mark\"\n            aria-hidden=\"true\"\n          ><\/span>\n\n          <div>\n            <strong>\n              \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\n            <\/strong>\n\n            <span>\n              \u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\u0629 \u0648\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\n            <\/span>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"tbra-input tbra-input--workload\">\n\n          <span\n            class=\"tbra-input-mark\"\n            aria-hidden=\"true\"\n          ><\/span>\n\n          <div>\n            <strong>\n              \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0648\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n            <\/strong>\n\n            <span>\n              \u0627\u0644\u0645\u062e\u0637\u0637 \u0648\u0645\u0627 \u062d\u062f\u062b \u0641\u064a \u0645\u0647\u0627\u0645 \u0633\u0627\u0628\u0642\u0629\n            <\/span>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"tbra-input tbra-input--meeting\">\n\n          <span\n            class=\"tbra-input-mark\"\n            aria-hidden=\"true\"\n          ><\/span>\n\n          <div>\n            <strong>\n              \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a\n            <\/strong>\n\n            <span>\n              \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0648\u0627\u0644\u0645\u0646\u0627\u0642\u0634\u0627\u062a \u0648\u0627\u0644\u0646\u062a\u0627\u0626\u062c\n            <\/span>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- ========================================================\n           RAILA\n           ======================================================== -->\n\n      <div class=\"tbra-core\">\n\n        <div\n          class=\"tbra-core-mark\"\n          aria-hidden=\"true\"\n        >\n          <span class=\"tbra-core-letter\">\n            R\n          <\/span>\n        <\/div>\n\n        <strong>\n          \u0631\u0627\u064a\u0644\u0627\n        <\/strong>\n\n        <p>\n          \u0637\u0628\u0642\u0629 \u0630\u0643\u0627\u0621 \u062a\u0639\u0645\u0644 \u0641\u0648\u0642 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0644\u064a\u0629\u060c\n          \u0644\u0627 \u0641\u0648\u0642 \u0633\u0624\u0627\u0644 \u0645\u0639\u0632\u0648\u0644 \u0641\u0642\u0637.\n        <\/p>\n\n      <\/div>\n\n\n\n      <!-- ========================================================\n           VALUE\n           ======================================================== -->\n\n      <div class=\"tbra-output\">\n\n        <span class=\"tbra-mini-label\">\n          \u0644\u0645\u0627\u0630\u0627 \u064a\u0647\u0645 \u0647\u0630\u0627\u061f\n        <\/span>\n\n        <p class=\"tbra-output-lead\">\n          \u0644\u0623\u0646 \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0627\u0644\u062c\u064a\u062f\u0629 \u062a\u0628\u062f\u0623 \u0645\u0646 \u0645\u0639\u0631\u0641\u0629 \u0645\u0627 \u062d\u062f\u062b \u0641\u0639\u0644\u064b\u0627.\n        <\/p>\n\n\n        <div class=\"tbra-output-list\">\n\n          <div class=\"tbra-output-item\">\n            \u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u062e\u0628\u0631\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0633\u0627\u0628\u0642\u0629.\n          <\/div>\n\n          <div class=\"tbra-output-item\">\n            \u062a\u0646\u0638\u064a\u0645 \u0623\u0643\u062b\u0631 \u0627\u062a\u0633\u0627\u0642\u064b\u0627 \u0644\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a.\n          <\/div>\n\n          <div class=\"tbra-output-item\">\n            \u062a\u062d\u0644\u064a\u0644 \u0625\u062f\u0627\u0631\u064a \u0644\u0644\u0648\u0642\u062a \u0648\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n          <\/div>\n\n          <div class=\"tbra-output-item\">\n            \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639 \u0625\u0644\u0649 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645.\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- ==========================================================\n         CURRENT CAPABILITIES\n         ========================================================== -->\n\n    <div class=\"tbra-capabilities\">\n\n\n      <div class=\"tbra-cap-intro\">\n\n        <span>\n          \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a \u0639\u0645\u0644\u064a\u0629\n        <\/span>\n\n        <h3>\n          \u0645\u0627\u0630\u0627 \u062a\u0641\u0639\u0644 \u0631\u0627\u064a\u0644\u0627 \u062f\u0627\u062e\u0644 \u0627\u0644\u0639\u0645\u0644\u061f\n        <\/h3>\n\n        <p>\n          \u0628\u062f\u0644 \u0625\u0636\u0627\u0641\u0629 \u0643\u0644\u0645\u0629 \u00abAI\u00bb \u0625\u0644\u0649 \u0643\u0644 \u0634\u0627\u0634\u0629\u060c\n          \u0646\u0633\u062a\u062e\u062f\u0645\u0647\u0627 \u062d\u064a\u062b \u062a\u0633\u062a\u0637\u064a\u0639 \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u064a\u062f\u0648\u064a\n          \u0623\u0648 \u0625\u0639\u0637\u0627\u0621 \u0633\u064a\u0627\u0642 \u0623\u0641\u0636\u0644 \u0644\u0644\u0642\u0631\u0627\u0631.\n        <\/p>\n\n      <\/div>\n\n\n\n      <div class=\"tbra-cap-list\">\n\n\n        <!-- 01 -->\n\n        <div class=\"tbra-cap\">\n\n          <span class=\"tbra-cap-num\">\n            01\n          <\/span>\n\n          <strong>\n            \u062a\u0642\u062f\u064a\u0631 \u062c\u0647\u062f \u0627\u0644\u0645\u0647\u0645\u0629\n          <\/strong>\n\n          <div class=\"tbra-cap-copy\">\n\n            <p>\n              \u062a\u0642\u062a\u0631\u062d \u0631\u0627\u064a\u0644\u0627 \u0639\u0628\u0621 \u0639\u0645\u0644 \u0644\u0644\u0645\u0647\u0645\u0629 \u0628\u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0645\u0647\u0627\u0645\n              \u0645\u0634\u0627\u0628\u0647\u0629 \u0633\u0627\u0628\u0642\u0629 \u0648\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0633\u062c\u0644 \u0639\u0646\u062f\u0645\u0627 \u064a\u0643\u0648\u0646 \u0645\u062a\u0627\u062d\u064b\u0627\u060c\n              \u0645\u0639 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0648\u062a\u0639\u062f\u064a\u0644\u0647.\n            <\/p>\n\n            <span class=\"tbra-cap-evidence\">\n              AI Task Estimation\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- 02 -->\n\n        <div class=\"tbra-cap\">\n\n          <span class=\"tbra-cap-num\">\n            02\n          <\/span>\n\n          <strong>\n            \u0627\u0642\u062a\u0631\u0627\u062d \u0627\u0644\u0648\u0633\u0648\u0645\n          <\/strong>\n\n          <div class=\"tbra-cap-copy\">\n\n            <p>\n              \u062a\u0633\u0627\u0639\u062f \u0641\u064a \u0627\u0642\u062a\u0631\u0627\u062d \u0648\u0633\u0648\u0645 \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0645\u0647\u0645\u0629 \u0627\u0646\u0637\u0644\u0627\u0642\u064b\u0627\n              \u0645\u0646 \u0645\u062d\u062a\u0648\u0627\u0647\u0627 \u0648\u0627\u0644\u0648\u0633\u0648\u0645 \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629\u060c \u0644\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u064a\u062f\u0648\u064a\n              \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0623\u0641\u0636\u0644 \u0644\u0644\u0628\u064a\u0627\u0646\u0627\u062a.\n            <\/p>\n\n            <span class=\"tbra-cap-evidence\">\n              Smart Tag Suggestions\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- 03 -->\n\n        <div class=\"tbra-cap\">\n\n          <span class=\"tbra-cap-num\">\n            03\n          <\/span>\n\n          <strong>\n            \u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644\n          <\/strong>\n\n          <div class=\"tbra-cap-copy\">\n\n            <p>\n              \u062a\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n              \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\u0629 \u0648\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0644\u062a\u0642\u062f\u064a\u0645\n              \u062a\u062d\u0644\u064a\u0644 \u0625\u062f\u0627\u0631\u064a \u0648\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u062a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u0641\u0647\u0645 \u0645\u0627 \u064a\u062d\u062f\u062b.\n            <\/p>\n\n            <span class=\"tbra-cap-evidence\">\n              AI Analytical Reports\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- 04 -->\n\n        <div class=\"tbra-cap\">\n\n          <span class=\"tbra-cap-num\">\n            04\n          <\/span>\n\n          <strong>\n            \u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a\n          <\/strong>\n\n          <div class=\"tbra-cap-copy\">\n\n            <p>\n              \u064a\u0645\u0643\u0646 \u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n              \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0623\u0648 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0635\u0648\u062a\u064a \u0625\u0644\u0649 \u0646\u0635 \u0648\u0645\u0644\u062e\u0635\u060c\n              \u0648\u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0628\u0646\u0648\u062f \u0627\u0644\u0639\u0645\u0644 \u0645\u0646 \u0627\u0644\u0645\u0646\u0627\u0642\u0634\u0629.\n            <\/p>\n\n            <span class=\"tbra-cap-evidence\">\n              Transcription \u00b7 Summary \u00b7 Action Items\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- ==========================================================\n         HUMAN CONTROL\n         ========================================================== -->\n\n    <div class=\"tbra-control\">\n\n      <span\n        class=\"tbra-control-mark\"\n        aria-hidden=\"true\"\n      ><\/span>\n\n      <div>\n\n        <strong>\n          \u0631\u0627\u064a\u0644\u0627 \u062a\u0633\u0627\u0639\u062f. \u0627\u0644\u0642\u0631\u0627\u0631 \u064a\u0628\u0642\u0649 \u0644\u0643.\n        <\/strong>\n\n        <p>\n          \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0648\u0627\u0644\u0627\u0642\u062a\u0631\u0627\u062d\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u062a\u062f\u0639\u0645 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u061b\n          TaskBrowse \u0644\u0627 \u064a\u0642\u062f\u0651\u0645 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0643\u0645\u062f\u064a\u0631 \u0645\u0634\u0631\u0648\u0639 \u064a\u0639\u0645\u0644 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 \u0628\u062f\u0644 \u0627\u0644\u0625\u0646\u0633\u0627\u0646.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =====================================================================\n     TaskBrowse Arabic Homepage\n     SECTION 7 \u2014 Complete Capability Map\n     WordPress Custom HTML block\n     HTML + CSS only\n     No JavaScript\n     ===================================================================== -->\n\n<style>\n\/* ======================================================================\n   TASKBROWSE ARABIC \u2014 CAPABILITY MAP\n   Namespace: #tb-ar-capabilities\n   ====================================================================== *\/\n\n#tb-ar-capabilities {\n  --tbc-bg: #f3f3f1;\n  --tbc-paper: #ffffff;\n\n  --tbc-ink: #202124;\n  --tbc-muted: #686966;\n  --tbc-soft: #92938f;\n\n  --tbc-red: #c8102e;\n  --tbc-red-soft: rgba(200, 16, 46, 0.065);\n\n  --tbc-line: #d9dad6;\n  --tbc-line-soft: #e5e5e1;\n\n  direction: rtl;\n\n  background: var(--tbc-bg);\n  color: var(--tbc-ink);\n\n  font-family:\n    \"Noto Sans Arabic\",\n    \"Noto Naskh Arabic\",\n    Tahoma,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  padding-block:\n    clamp(68px, 7vw, 104px)\n    clamp(62px, 7vw, 94px);\n\n  overflow: hidden;\n}\n\n#tb-ar-capabilities,\n#tb-ar-capabilities *,\n#tb-ar-capabilities *::before,\n#tb-ar-capabilities *::after {\n  box-sizing: border-box;\n}\n\n#tb-ar-capabilities .tbc-wrap {\n  width: min(1380px, calc(100% - 44px));\n  margin-inline: auto;\n}\n\n\n\/* ======================================================================\n   HEADER\n   ====================================================================== *\/\n\n#tb-ar-capabilities .tbc-head {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, .92fr)\n    minmax(320px, .72fr);\n\n  gap: clamp(38px, 7vw, 108px);\n\n  align-items: end;\n\n  margin-block-end: clamp(43px, 6vw, 68px);\n}\n\n#tb-ar-capabilities .tbc-kicker {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 10px;\n\n  margin: 0 0 13px;\n\n  color: var(--tbc-red);\n\n  font-size: 14px;\n  font-weight: 800;\n}\n\n#tb-ar-capabilities .tbc-kicker::before {\n  content: \"\";\n\n  width: 24px;\n  height: 2px;\n\n  flex: 0 0 auto;\n\n  background: var(--tbc-red);\n}\n\n#tb-ar-capabilities .tbc-title {\n  margin: 0;\n\n  max-width: 19ch;\n\n  color: var(--tbc-ink);\n\n  font-size: clamp(31px, 3.7vw, 50px);\n  font-weight: 800;\n  line-height: 1.42;\n}\n\n#tb-ar-capabilities .tbc-intro {\n  margin: 0;\n\n  max-width: 56ch;\n\n  color: var(--tbc-muted);\n\n  font-size: clamp(15.5px, 1.2vw, 18px);\n  line-height: 1.95;\n}\n\n\n\/* ======================================================================\n   MAIN INDEX LAYOUT\n   ====================================================================== *\/\n\n#tb-ar-capabilities .tbc-layout {\n  display: grid;\n\n  grid-template-columns:\n    minmax(200px, .27fr)\n    minmax(0, 1fr);\n\n  gap: clamp(38px, 6vw, 82px);\n\n  align-items: start;\n}\n\n\n\/* ======================================================================\n   LEFT INDEX\n   ====================================================================== *\/\n\n#tb-ar-capabilities .tbc-index {\n  position: sticky;\n\n  top: 30px;\n\n  border-block-start: 2px solid var(--tbc-ink);\n}\n\n#tb-ar-capabilities .tbc-index-title {\n  display: block;\n\n  padding-block: 18px 16px;\n\n  border-block-end: 1px solid var(--tbc-line);\n\n  color: var(--tbc-soft);\n\n  font-size: 10.5px;\n  font-weight: 800;\n}\n\n#tb-ar-capabilities .tbc-index-list {\n  margin: 0;\n  padding: 0;\n\n  list-style: none;\n}\n\n#tb-ar-capabilities .tbc-index-item {\n  display: grid;\n\n  grid-template-columns:\n    25px\n    minmax(0, 1fr);\n\n  gap: 9px;\n\n  align-items: center;\n\n  padding-block: 12px;\n\n  border-block-end: 1px solid var(--tbc-line);\n\n  color: #555753;\n\n  font-size: 11.5px;\n  font-weight: 700;\n}\n\n#tb-ar-capabilities .tbc-index-num {\n  color: var(--tbc-red);\n\n  font-size: 9.5px;\n  font-weight: 800;\n}\n\n\n\/* ======================================================================\n   CAPABILITY GROUPS\n   ====================================================================== *\/\n\n#tb-ar-capabilities .tbc-groups {\n  border-block-start: 2px solid var(--tbc-ink);\n}\n\n#tb-ar-capabilities .tbc-group {\n  display: grid;\n\n  grid-template-columns:\n    minmax(190px, .32fr)\n    minmax(0, 1fr);\n\n  gap: clamp(30px, 5vw, 68px);\n\n  padding-block:\n    clamp(32px, 4vw, 48px);\n\n  border-block-end: 1px solid var(--tbc-line);\n}\n\n\n\/* ======================================================================\n   GROUP HEADING\n   ====================================================================== *\/\n\n#tb-ar-capabilities .tbc-group-head {\n  position: relative;\n}\n\n#tb-ar-capabilities .tbc-group-num {\n  display: block;\n\n  margin-block-end: 9px;\n\n  color: var(--tbc-red);\n\n  font-size: 10px;\n  font-weight: 800;\n}\n\n#tb-ar-capabilities .tbc-group-title {\n  margin: 0 0 11px;\n\n  max-width: 14ch;\n\n  color: var(--tbc-ink);\n\n  font-size: clamp(19px, 2vw, 26px);\n  font-weight: 800;\n  line-height: 1.55;\n}\n\n#tb-ar-capabilities .tbc-group-desc {\n  margin: 0;\n\n  max-width: 29ch;\n\n  color: var(--tbc-muted);\n\n  font-size: 12px;\n  line-height: 1.85;\n}\n\n\n\/* ======================================================================\n   FEATURE MATRIX\n   ====================================================================== *\/\n\n#tb-ar-capabilities .tbc-feature-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0, 1fr));\n\n  column-gap: clamp(30px, 5vw, 60px);\n}\n\n#tb-ar-capabilities .tbc-feature {\n  position: relative;\n\n  min-height: 57px;\n\n  padding:\n    13px\n    17px\n    13px\n    0;\n\n  border-block-end:\n    1px solid var(--tbc-line-soft);\n}\n\n#tb-ar-capabilities .tbc-feature:nth-last-child(-n+2) {\n  border-block-end-color: transparent;\n}\n\n#tb-ar-capabilities .tbc-feature::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset-inline-start: 0;\n  top: 21px;\n\n  width: 6px;\n  height: 6px;\n\n  border:\n    1.5px solid var(--tbc-red);\n\n  transform: rotate(45deg);\n}\n\n#tb-ar-capabilities .tbc-feature strong {\n  display: block;\n\n  margin-block-end: 3px;\n\n  color: #30322f;\n\n  font-size: 13px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-ar-capabilities .tbc-feature span {\n  display: block;\n\n  color: var(--tbc-muted);\n\n  font-size: 11px;\n  line-height: 1.65;\n}\n\n\n\/* ======================================================================\n   SMALL TECH LABELS\n   ====================================================================== *\/\n\n#tb-ar-capabilities .tbc-term {\n  display: inline;\n\n  color: #555753;\n\n  font-family:\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  font-size: .92em;\n  font-weight: 700;\n}\n\n\n\/* ======================================================================\n   GROUP 01\n   ====================================================================== *\/\n\n#tb-ar-capabilities .tbc-group--planning .tbc-group-title::after {\n  content: \"\";\n\n  display: block;\n\n  width: 44px;\n  height: 2px;\n\n  margin-block-start: 17px;\n\n  background: var(--tbc-red);\n}\n\n\n\/* ======================================================================\n   BOTTOM SUPPORTING STRIP\n   ====================================================================== *\/\n\n#tb-ar-capabilities .tbc-more {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr)\n    minmax(280px, .53fr);\n\n  gap: clamp(28px, 5vw, 65px);\n\n  align-items: center;\n\n  margin-block-start: 38px;\n\n  padding:\n    clamp(23px, 3vw, 32px)\n    clamp(22px, 3vw, 34px);\n\n  border:\n    1px solid var(--tbc-line);\n\n  background: rgba(255,255,255,0.48);\n}\n\n#tb-ar-capabilities .tbc-more-copy strong {\n  display: block;\n\n  margin-block-end: 7px;\n\n  color: var(--tbc-ink);\n\n  font-size: 16px;\n  font-weight: 800;\n}\n\n#tb-ar-capabilities .tbc-more-copy p {\n  margin: 0;\n\n  max-width: 70ch;\n\n  color: var(--tbc-muted);\n\n  font-size: 12.5px;\n  line-height: 1.85;\n}\n\n#tb-ar-capabilities .tbc-support {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0, 1fr));\n\n  gap: 8px;\n}\n\n#tb-ar-capabilities .tbc-support-item {\n  min-height: 49px;\n\n  display: flex;\n  align-items: center;\n\n  gap: 8px;\n\n  padding:\n    8px\n    10px;\n\n  border-block-start:\n    1px solid var(--tbc-line);\n\n  color: #50524f;\n\n  font-size: 10.5px;\n  font-weight: 700;\n}\n\n#tb-ar-capabilities .tbc-support-item::before {\n  content: \"\";\n\n  width: 5px;\n  height: 5px;\n\n  flex: 0 0 auto;\n\n  background: var(--tbc-red);\n}\n\n\n\/* ======================================================================\n   CLOSING LINE\n   ====================================================================== *\/\n\n#tb-ar-capabilities .tbc-closing {\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 30px;\n\n  margin-block-start: 23px;\n\n  color: var(--tbc-muted);\n\n  font-size: 12px;\n  line-height: 1.8;\n}\n\n#tb-ar-capabilities .tbc-closing strong {\n  color: var(--tbc-ink);\n\n  font-size: 12px;\n  font-weight: 800;\n\n  white-space: nowrap;\n}\n\n\n\/* ======================================================================\n   TABLET\n   ====================================================================== *\/\n\n@media (max-width: 1020px) {\n\n  #tb-ar-capabilities .tbc-head {\n    grid-template-columns: 1fr;\n\n    gap: 18px;\n  }\n\n  #tb-ar-capabilities .tbc-title {\n    max-width: 22ch;\n  }\n\n  #tb-ar-capabilities .tbc-layout {\n    grid-template-columns: 1fr;\n\n    gap: 30px;\n  }\n\n  #tb-ar-capabilities .tbc-index {\n    position: static;\n  }\n\n  #tb-ar-capabilities .tbc-index-list {\n    display: grid;\n\n    grid-template-columns:\n      repeat(3, minmax(0, 1fr));\n  }\n\n  #tb-ar-capabilities .tbc-index-item {\n    padding-inline: 10px;\n\n    border-inline-start:\n      1px solid var(--tbc-line);\n  }\n\n  #tb-ar-capabilities .tbc-index-item:nth-child(3n+1) {\n    border-inline-start: none;\n  }\n\n}\n\n\n\/* ======================================================================\n   MOBILE\n   ====================================================================== *\/\n\n@media (max-width: 700px) {\n\n  #tb-ar-capabilities {\n    padding-block:\n      56px\n      62px;\n  }\n\n  #tb-ar-capabilities .tbc-wrap {\n    width: min(100% - 30px, 1380px);\n  }\n\n  #tb-ar-capabilities .tbc-title {\n    font-size: 29px;\n  }\n\n  #tb-ar-capabilities .tbc-index {\n    display: none;\n  }\n\n  #tb-ar-capabilities .tbc-group {\n    grid-template-columns: 1fr;\n\n    gap: 21px;\n\n    padding-block: 32px;\n  }\n\n  #tb-ar-capabilities .tbc-group-title {\n    max-width: none;\n\n    font-size: 21px;\n  }\n\n  #tb-ar-capabilities .tbc-group-desc {\n    max-width: 42ch;\n  }\n\n  #tb-ar-capabilities .tbc-feature-grid {\n    grid-template-columns: 1fr;\n  }\n\n  #tb-ar-capabilities .tbc-feature {\n    min-height: 0;\n\n    padding-block: 12px;\n  }\n\n  #tb-ar-capabilities .tbc-feature:nth-last-child(2) {\n    border-block-end:\n      1px solid var(--tbc-line-soft);\n  }\n\n  #tb-ar-capabilities .tbc-more {\n    grid-template-columns: 1fr;\n\n    gap: 22px;\n  }\n\n  #tb-ar-capabilities .tbc-closing {\n    align-items: flex-start;\n\n    flex-direction: column;\n\n    gap: 5px;\n  }\n\n  #tb-ar-capabilities .tbc-closing strong {\n    white-space: normal;\n  }\n\n}\n\n\n\/* ======================================================================\n   SMALL MOBILE\n   ====================================================================== *\/\n\n@media (max-width: 420px) {\n\n  #tb-ar-capabilities .tbc-support {\n    grid-template-columns: 1fr;\n  }\n\n}\n<\/style>\n\n\n\n<section id=\"tb-ar-capabilities\" lang=\"ar\" dir=\"rtl\" aria-labelledby=\"tbc-title\">\n\n  <div class=\"tbc-wrap\">\n\n\n    <!-- ==========================================================\n         HEADER\n         ========================================================== -->\n\n    <header class=\"tbc-head\">\n\n      <div>\n\n        <p class=\"tbc-kicker\">\n          \u0642\u062f\u0631\u0627\u062a TaskBrowse\n        <\/p>\n\n      <h2 class=\"tbc-title\" id=\"tbc-title\">\n  \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 TaskBrowse: \u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0625\u0644\u0649 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631\n<\/h2>\n\n      <\/div>\n\n\n<p class=\"tbc-intro\">\n  \u064a\u062c\u0645\u0639 TaskBrowse \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f\n  \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0636\u0645\u0646 \u0646\u0638\u0627\u0645 \u0648\u0627\u062d\u062f. \u0627\u0633\u062a\u0639\u0631\u0636 \u0642\u062f\u0631\u0627\u062a \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n  \u062d\u0633\u0628 \u0627\u0644\u063a\u0631\u0636 \u0645\u0646\u0647\u0627\u060c \u0645\u0646 \u0628\u0646\u0627\u0621 \u0627\u0644\u062e\u0637\u0629 \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c.\n<\/p>\n\n    <\/header>\n\n\n\n    <!-- ==========================================================\n         INDEX + CAPABILITY GROUPS\n         ========================================================== -->\n\n    <div class=\"tbc-layout\">\n\n\n      <!-- ========================================================\n           INDEX\n           ======================================================== -->\n\n      <aside class=\"tbc-index\" aria-label=\"\u0623\u0642\u0633\u0627\u0645 \u0642\u062f\u0631\u0627\u062a TaskBrowse\">\n\n        <span class=\"tbc-index-title\">\n          \u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0642\u062f\u0631\u0627\u062a\n        <\/span>\n\n\n        <ol class=\"tbc-index-list\">\n\n          <li class=\"tbc-index-item\">\n            <span class=\"tbc-index-num\">01<\/span>\n            <span>\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637<\/span>\n          <\/li>\n\n          <li class=\"tbc-index-item\">\n            <span class=\"tbc-index-num\">02<\/span>\n            <span>\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/span>\n          <\/li>\n\n          <li class=\"tbc-index-item\">\n            <span class=\"tbc-index-num\">03<\/span>\n            <span>\u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f<\/span>\n          <\/li>\n\n          <li class=\"tbc-index-item\">\n            <span class=\"tbc-index-num\">04<\/span>\n            <span>\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0648\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629<\/span>\n          <\/li>\n\n          <li class=\"tbc-index-item\">\n            <span class=\"tbc-index-num\">05<\/span>\n            <span>\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a<\/span>\n          <\/li>\n\n          <li class=\"tbc-index-item\">\n            <span class=\"tbc-index-num\">06<\/span>\n            <span>\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u0627\u0644\u062a\u062d\u0643\u0645<\/span>\n          <\/li>\n\n        <\/ol>\n\n      <\/aside>\n\n\n\n      <!-- ========================================================\n           GROUPS\n           ======================================================== -->\n\n      <div class=\"tbc-groups\">\n\n\n        <!-- ======================================================\n             01 \u2014 PROJECTS & PLANNING\n             ====================================================== -->\n\n        <section class=\"tbc-group tbc-group--planning\">\n\n          <header class=\"tbc-group-head\">\n\n            <span class=\"tbc-group-num\">\n              01\n            <\/span>\n\n            <h3 class=\"tbc-group-title\">\n              \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637\n            <\/h3>\n\n            <p class=\"tbc-group-desc\">\n              \u0627\u0628\u0646\u0650 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u0646 \u0623\u0647\u062f\u0627\u0641\u0647 \u0648\u0647\u064a\u0643\u0644\u0647 \u0625\u0644\u0649 \u062c\u062f\u0648\u0644\u0647 \u0627\u0644\u0632\u0645\u0646\u064a\n              \u0648\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a\u0647 \u0648\u062a\u0642\u062f\u0645\u0647.\n            <\/p>\n\n          <\/header>\n\n\n          <div class=\"tbc-feature-grid\">\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0641\u0631\u0639\u064a\u0629\n              <\/strong>\n              <span>\n                \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0645\u0639 \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0644\u0641\u0631\u064a\u0642 \u0648\u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0627\u062a.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0647\u064a\u0643\u0644 \u062a\u062c\u0632\u0626\u0629 \u0627\u0644\u0639\u0645\u0644\n                <span class=\"tbc-term\">WBS<\/span>\n              <\/strong>\n              <span>\n                \u062a\u0642\u0633\u064a\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0644\u0649 \u062d\u0632\u0645 \u0639\u0645\u0644 \u0648\u0645\u0647\u0627\u0645 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0645\u062e\u0637\u0637\n                <span class=\"tbc-term\">Gantt<\/span>\n              <\/strong>\n              <span>\n                \u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u0645\u062f\u062f \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0642\u062f\u0645 \u0636\u0645\u0646 \u062e\u0637 \u0632\u0645\u0646\u064a \u062a\u0641\u0627\u0639\u0644\u064a.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u062d\u0631\u062c\n              <\/strong>\n              <span>\n                \u0631\u0628\u0637 \u0627\u0644\u0645\u0647\u0627\u0645 \u0628\u0628\u0639\u0636\u0647\u0627 \u0648\u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0630\u064a \u064a\u0624\u062b\u0631 \u0645\u0628\u0627\u0634\u0631\u0629 \u0641\u064a \u0645\u0648\u0639\u062f \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n              <\/strong>\n              <span>\n                \u0631\u0628\u0637 \u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0642\u064a\u0627\u0633 \u0628\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0645\u0633\u0627\u0647\u0645\u0629 \u0643\u0644 \u0645\u0647\u0645\u0629 \u0641\u064a \u0627\u0644\u062a\u0642\u062f\u0645.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                Project Panorama\n              <\/strong>\n              <span>\n                \u0631\u0624\u064a\u0629 \u062c\u062f\u0627\u0648\u0644 \u0639\u062f\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u062a\u0642\u062f\u0645\u0647\u0627 \u0641\u064a \u0639\u0631\u0636 \u0632\u0645\u0646\u064a \u0648\u0627\u062d\u062f.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0633\u064a\u0631 \u0639\u0645\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n              <\/strong>\n              <span>\n                \u062a\u062d\u062f\u064a\u062f \u0645\u0631\u0627\u062d\u0644 \u0639\u0645\u0644\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u0648\u0627\u0646\u062a\u0642\u0627\u0644 \u0627\u0644\u0645\u0647\u0627\u0645 \u0628\u064a\u0646\u0647\u0627 \u0648\u0641\u0642 \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0644\u064a\u0629.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u062a\u0642\u062f\u0645 \u0648\u0644\u0648\u062d\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n              <\/strong>\n              <span>\n                \u0645\u0624\u0634\u0631\u0627\u062a \u0648\u062a\u0642\u0627\u0631\u064a\u0631 \u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0632 \u0648\u0627\u0644\u062a\u0623\u062e\u064a\u0631 \u0648\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n              <\/span>\n            <\/div>\n\n\n          <\/div>\n\n        <\/section>\n\n\n\n        <!-- ======================================================\n             02 \u2014 TASKS & EXECUTION\n             ====================================================== -->\n\n        <section class=\"tbc-group\">\n\n          <header class=\"tbc-group-head\">\n\n            <span class=\"tbc-group-num\">\n              02\n            <\/span>\n\n            <h3 class=\"tbc-group-title\">\n              \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630\n            <\/h3>\n\n            <p class=\"tbc-group-desc\">\n              \u062d\u0648\u0651\u0644 \u0627\u0644\u062e\u0637\u0629 \u0625\u0644\u0649 \u0639\u0645\u0644 \u064a\u0648\u0645\u064a \u0648\u0627\u0636\u062d \u064a\u0645\u0643\u0646 \u0644\u0644\u0641\u0631\u064a\u0642 \u062a\u0646\u0641\u064a\u0630\u0647\n              \u0648\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u062d\u0648\u0644\u0647.\n            <\/p>\n\n          <\/header>\n\n\n          <div class=\"tbc-feature-grid\">\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\n              <\/strong>\n              <span>\n                \u062a\u0648\u0627\u0631\u064a\u062e \u0628\u062f\u0627\u064a\u0629 \u0648\u0627\u0633\u062a\u062d\u0642\u0627\u0642\u060c \u0645\u0633\u0624\u0648\u0644\u0648\u0646\u060c \u0641\u0631\u0642\u060c \u062d\u0627\u0644\u0627\u062a \u0648\u0646\u0633\u0628 \u0625\u0646\u062c\u0627\u0632.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0644\u0648\u062d\u0629\n                <span class=\"tbc-term\">Kanban<\/span>\n              <\/strong>\n              <span>\n                \u0625\u062f\u0627\u0631\u0629 \u0645\u0631\u0626\u064a\u0629 \u0644\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0645\u0639 \u0627\u0644\u0633\u062d\u0628 \u0648\u0627\u0644\u0625\u0641\u0644\u0627\u062a.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629\n              <\/strong>\n              <span>\n                \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062f\u0648\u0631\u064a\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 \u0648\u0641\u0642 \u0641\u062a\u0631\u0627\u062a \u062a\u0643\u0631\u0627\u0631 \u0645\u062d\u062f\u062f\u0629.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0642\u0648\u0627\u0626\u0645 \u0627\u0644\u062a\u062d\u0642\u0642\n              <\/strong>\n              <span>\n                \u062a\u0642\u0633\u064a\u0645 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0647\u0645\u0629 \u0625\u0644\u0649 \u062e\u0637\u0648\u0627\u062a \u0635\u063a\u064a\u0631\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0645\u0631\u0627\u062c\u0639\u0629.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a \u0648\u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0627\u062a\n              <\/strong>\n              <span>\n                \u0646\u0642\u0627\u0634\u0627\u062a \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0645\u0647\u0645\u0629 \u0623\u0648 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u0639 \u0627\u0644\u0625\u0634\u0627\u0631\u0627\u062a \u0648\u0633\u062c\u0644 \u0627\u0644\u0631\u0633\u0627\u0626\u0644.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0648\u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a\n              <\/strong>\n              <span>\n                \u0625\u0631\u0641\u0627\u0642 \u0648\u0645\u0634\u0627\u0631\u0643\u0629 \u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0645\u0639 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0641\u0642\u0627\u062a.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a\n              <\/strong>\n              <span>\n                \u062c\u062f\u0648\u0644 \u0623\u0639\u0645\u0627\u0644\u060c \u0645\u062f\u0639\u0648\u0648\u0646\u060c \u0645\u0648\u0627\u0639\u064a\u062f\u060c \u0642\u0631\u0627\u0631\u0627\u062a \u0648\u0645\u0647\u0627\u0645 \u0646\u0627\u062a\u062c\u0629 \u0639\u0646 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u062d\u0642\u0648\u0644 \u0648\u0627\u0644\u0648\u0633\u0648\u0645 \u0627\u0644\u0645\u062e\u0635\u0635\u0629\n              <\/strong>\n              <span>\n                \u0625\u0636\u0627\u0641\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u062a\u0635\u0646\u064a\u0641\u0627\u062a \u062a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631.\n              <\/span>\n            <\/div>\n\n\n          <\/div>\n\n        <\/section>\n\n\n\n        <!-- ======================================================\n             03 \u2014 TIME & RESOURCES\n             ====================================================== -->\n\n        <section class=\"tbc-group\">\n\n          <header class=\"tbc-group-head\">\n\n            <span class=\"tbc-group-num\">\n              03\n            <\/span>\n\n            <h3 class=\"tbc-group-title\">\n              \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f\n            <\/h3>\n\n            <p class=\"tbc-group-desc\">\n              \u0627\u0631\u0628\u0637 \u0645\u0627 \u064a\u062e\u0637\u0637 \u0644\u0647 \u0627\u0644\u0641\u0631\u064a\u0642 \u0628\u0645\u0627 \u064a\u0646\u0641\u0630\u0647 \u0641\u0639\u0644\u064b\u0627\u060c\n              \u0648\u0627\u0641\u0647\u0645 \u0627\u0644\u0636\u063a\u0637 \u0648\u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629.\n            <\/p>\n\n          <\/header>\n\n\n          <div class=\"tbc-feature-grid\">\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629\n              <\/strong>\n              <span>\n                \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0647\u0627\u0645 \u0639\u0644\u0649 \u0623\u064a\u0627\u0645 \u0627\u0644\u0639\u0645\u0644 \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0641\u062a\u0631\u0627\u062a \u0627\u0644\u0632\u0645\u0646\u064a\u0629 \u0648\u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\u0629\n              <\/strong>\n              <span>\n                \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0644\u064a \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0645 \u0645\u0639 \u0627\u0644\u0648\u0635\u0641 \u0648\u0627\u0644\u062a\u0642\u062f\u0645 \u0648\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u0645\u0624\u0642\u062a \u0648\u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u064a\u062f\u0648\u064a\n              <\/strong>\n              <span>\n                \u0623\u0643\u062b\u0631 \u0645\u0646 \u0637\u0631\u064a\u0642\u0629 \u0644\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0648\u0642\u062a \u0628\u0645\u0627 \u064a\u0646\u0627\u0633\u0628 \u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0639\u0645\u0644.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062e\u0637\u0637 \u0648\u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\u0629\n              <\/strong>\n              <span>\n                \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u062f\u064a\u0631 \u0645\u0631\u0627\u062c\u0639\u0629 \u062e\u0637\u0637 \u0648\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0639\u0645\u0644 \u0644\u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0633\u0624\u0648\u0644 \u0639\u0646\u0647\u0645.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\n              <\/strong>\n              <span>\n                \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u062a\u0648\u0642\u0639 \u0628\u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0644\u0631\u0624\u064a\u0629 \u0627\u0644\u0627\u062e\u062a\u0644\u0627\u0644\u0627\u062a \u0645\u0628\u0643\u0631\u064b\u0627.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0648\u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0643\u0641\u0627\u0621\u0629\n              <\/strong>\n              <span>\n                \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0644\u062f\u0639\u0645 \u0627\u062e\u062a\u064a\u0627\u0631 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u064a\u0646 \u0644\u0644\u0645\u0647\u0645\u0629.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0639\u0645\u0644\n              <\/strong>\n              <span>\n                \u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0641\u062a\u0631\u0627\u062a \u0627\u0644\u0645\u062e\u0637\u0637\u0629 \u0648\u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0639\u0645\u0644 \u0645\u0646 \u0627\u0644\u062a\u0642\u0648\u064a\u0645.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u062d\u0636\u0648\u0631 \u0648\u0627\u0644\u0627\u0646\u0635\u0631\u0627\u0641 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629\n              <\/strong>\n              <span>\n                \u0623\u062f\u0648\u0627\u062a \u0627\u062e\u062a\u064a\u0627\u0631\u064a\u0629 \u0644\u0645\u0642\u0627\u0631\u0646\u0629 \u0648\u0642\u062a \u0627\u0644\u062d\u0636\u0648\u0631 \u0628\u0648\u0642\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0633\u062c\u0644.\n              <\/span>\n            <\/div>\n\n\n          <\/div>\n\n        <\/section>\n\n\n\n        <!-- ======================================================\n             04 \u2014 COST & BUDGET\n             ====================================================== -->\n\n        <section class=\"tbc-group\">\n\n          <header class=\"tbc-group-head\">\n\n            <span class=\"tbc-group-num\">\n              04\n            <\/span>\n\n            <h3 class=\"tbc-group-title\">\n              \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0648\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\n            <\/h3>\n\n            <p class=\"tbc-group-desc\">\n              \u062d\u0648\u0651\u0644 \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u0645\u0635\u0631\u0648\u0641\u0627\u062a \u0645\u0646 \u0623\u0631\u0642\u0627\u0645 \u0645\u0646\u0641\u0635\u0644\u0629 \u0625\u0644\u0649 \u0635\u0648\u0631\u0629\n              \u0645\u0627\u0644\u064a\u0629 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n            <\/p>\n\n          <\/header>\n\n\n          <div class=\"tbc-feature-grid\">\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u062a\u0643\u0644\u0641\u0629 \u0633\u0627\u0639\u0629 \u0627\u0644\u0639\u0645\u0644\n              <\/strong>\n              <span>\n                \u062a\u062d\u062f\u064a\u062f \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u0631\u0628\u0637\u0647\u0627 \u0628\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062c\u0644 \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u0644.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0641\u0626\u0627\u062a \u0627\u0644\u062a\u0643\u0644\u0641\u0629\n              <\/strong>\n              <span>\n                \u062a\u0639\u0631\u064a\u0641 \u0623\u0646\u0648\u0627\u0639 \u062a\u0643\u0644\u0641\u0629 \u0645\u062e\u062a\u0644\u0641\u0629 \u0648\u0631\u0628\u0637\u0647\u0627 \u0628\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n              <\/strong>\n              <span>\n                \u062d\u0641\u0638 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0633\u062a\u0647\u0644\u0627\u0643\u0647\u0627 \u0645\u0639 \u062a\u0642\u062f\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0639\u0645\u0627\u0644\u0629\n              <\/strong>\n              <span>\n                \u0627\u062d\u062a\u0633\u0627\u0628 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0633\u062a\u0646\u0627\u062f\u064b\u0627 \u0625\u0644\u0649 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0648\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u0645\u0635\u0631\u0648\u0641\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649\n              <\/strong>\n              <span>\n                \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u063a\u064a\u0631 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0623\u0648 \u0627\u0644\u0645\u0647\u0645\u0629.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0644\u0645\u0647\u0645\u0629\n              <\/strong>\n              <span>\n                \u0631\u0624\u064a\u0629 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629 \u0628\u062f\u0644 \u0627\u0644\u0627\u0643\u062a\u0641\u0627\u0621 \u0628\u0625\u062c\u0645\u0627\u0644\u064a \u0648\u0627\u062d\u062f.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0645\u0639\u064b\u0627\n              <\/strong>\n              <span>\n                \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0648\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0645\u0635\u0631\u0648\u0641\u0627\u062a \u0641\u064a \u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u062a\u062d\u0644\u064a\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\n              <\/strong>\n              <span>\n                \u0645\u0624\u0634\u0631\u0627\u062a \u0645\u0627\u0644\u064a\u0629 \u062a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u0631\u0624\u064a\u0629 \u0645\u0642\u062f\u0627\u0631 \u0627\u0633\u062a\u0647\u0644\u0627\u0643 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n              <\/span>\n            <\/div>\n\n\n          <\/div>\n\n        <\/section>\n\n\n\n        <!-- ======================================================\n             05 \u2014 REPORTS & ANALYTICS\n             ====================================================== -->\n\n        <section class=\"tbc-group\">\n\n          <header class=\"tbc-group-head\">\n\n            <span class=\"tbc-group-num\">\n              05\n            <\/span>\n\n            <h3 class=\"tbc-group-title\">\n              \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a\n            <\/h3>\n\n            <p class=\"tbc-group-desc\">\n              \u0627\u0646\u062a\u0642\u0644 \u0645\u0646 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0625\u0644\u0649 \u0641\u0647\u0645\u0647\u0627 \u0648\u0645\u0631\u0627\u062c\u0639\u062a\u0647\u0627\n              \u0648\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631 \u0639\u0644\u0649 \u0623\u0633\u0627\u0633\u0647\u0627.\n            <\/p>\n\n          <\/header>\n\n\n          <div class=\"tbc-feature-grid\">\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u062a\u0642\u0627\u0631\u064a\u0631 \u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n              <\/strong>\n              <span>\n                \u0645\u062a\u0627\u0628\u0639\u0629 \u0646\u0633\u0628 \u0627\u0644\u0625\u0646\u062c\u0627\u0632 \u0648\u0627\u0644\u062a\u0623\u062e\u064a\u0631 \u0648\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0648\u0642\u062a\n              <\/strong>\n              <span>\n                \u062d\u0633\u0628 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0623\u0648 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0623\u0648 \u0627\u0644\u0645\u0647\u0645\u0629 \u0623\u0648 \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u0632\u0645\u0646\u064a\u0629.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u062a\u0643\u0644\u0641\u0629\n              <\/strong>\n              <span>\n                \u062a\u062d\u0644\u064a\u0644 \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0627\u062a.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\n              <\/strong>\n              <span>\n                \u0645\u062e\u0637\u0637\u0627\u062a \u0648\u0645\u0624\u0634\u0631\u0627\u062a \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0631\u062a\u064a\u0628 \u0648\u0627\u0644\u062a\u0635\u0641\u064a\u0629 \u062d\u0633\u0628 \u0627\u0644\u0641\u062a\u0631\u0629 \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                TaskBrowse Analyzer\n              <\/strong>\n              <span>\n                \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0648\u0625\u0646\u0634\u0627\u0621 \u0631\u0624\u0649 \u0623\u0639\u0645\u0642 \u0645\u0646 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                Report Builder\n              <\/strong>\n              <span>\n                \u0625\u0646\u0634\u0627\u0621 \u062a\u0642\u0627\u0631\u064a\u0631 \u0645\u062e\u0635\u0635\u0629 \u0645\u0639 \u0627\u0644\u062d\u0641\u0638 \u0648\u0627\u0644\u062a\u0635\u0641\u064a\u0629 \u0648\u0627\u0644\u062a\u0639\u0645\u0642 \u0641\u064a \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                Chart Builder\n              <\/strong>\n              <span>\n                \u0625\u0646\u0634\u0627\u0621 \u0645\u062e\u0637\u0637\u0627\u062a \u0645\u062e\u0635\u0635\u0629 \u0648\u0625\u0636\u0627\u0641\u062a\u0647\u0627 \u0625\u0644\u0649 \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u062a\u0639\u0645\u0642 \u0648\u0627\u0644\u062a\u0635\u062f\u064a\u0631\n              <\/strong>\n              <span>\n                \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0645\u0646 \u0627\u0644\u0645\u0624\u0634\u0631 \u0625\u0644\u0649 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0648\u062a\u0635\u062f\u064a\u0631 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629.\n              <\/span>\n            <\/div>\n\n\n          <\/div>\n\n        <\/section>\n\n\n\n        <!-- ======================================================\n             06 \u2014 ADMINISTRATION & CONTROL\n             ====================================================== -->\n\n        <section class=\"tbc-group\">\n\n          <header class=\"tbc-group-head\">\n\n            <span class=\"tbc-group-num\">\n              06\n            <\/span>\n\n            <h3 class=\"tbc-group-title\">\n              \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u0627\u0644\u062a\u062d\u0643\u0645\n            <\/h3>\n\n            <p class=\"tbc-group-desc\">\n              \u0627\u0636\u0628\u0637 \u0628\u0646\u064a\u0629 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0648\u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0627\u062a\n              \u0628\u0645\u0627 \u064a\u0646\u0627\u0633\u0628 \u0645\u0624\u0633\u0633\u062a\u0643.\n            <\/p>\n\n          <\/header>\n\n\n          <div class=\"tbc-feature-grid\">\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0648\u0646 \u0648\u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0627\u062a\n              <\/strong>\n              <span>\n                \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0645\u0646 \u064a\u0633\u062a\u0637\u064a\u0639 \u0631\u0624\u064a\u0629 \u0623\u0648 \u0625\u0646\u0634\u0627\u0621 \u0623\u0648 \u062a\u0639\u062f\u064a\u0644 \u0623\u062c\u0632\u0627\u0621 \u0627\u0644\u0639\u0645\u0644.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u0645\u062d\u0627\u0641\u0638 \u0648\u0627\u0644\u0639\u0645\u0644\u0627\u0621\n              <\/strong>\n              <span>\n                \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0636\u0645\u0646 \u0639\u0645\u0644\u0627\u0621 \u0623\u0648 \u0645\u062d\u0627\u0641\u0638 \u062d\u0633\u0628 \u0628\u0646\u064a\u0629 \u0627\u0644\u0645\u0624\u0633\u0633\u0629.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0648\u0627\u0644\u0639\u0642\u0648\u062f\n              <\/strong>\n              <span>\n                \u0645\u0633\u062a\u0648\u0649 \u062a\u0646\u0638\u064a\u0645\u064a \u0625\u0636\u0627\u0641\u064a \u0644\u0631\u0628\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0623\u0648 \u0627\u0644\u0639\u0642\u0648\u062f.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u0645\u0635\u0637\u0644\u062d\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629\n              <\/strong>\n              <span>\n                \u0625\u0639\u0627\u062f\u0629 \u062a\u0633\u0645\u064a\u0629 \u0645\u0641\u0627\u0647\u064a\u0645 \u0645\u062b\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0644\u062a\u0637\u0627\u0628\u0642 \u0644\u063a\u0629 \u0645\u0624\u0633\u0633\u062a\u0643.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u0641\u0626\u0627\u062a \u0648\u0627\u0644\u0648\u0633\u0648\u0645\n              <\/strong>\n              <span>\n                \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0635\u0646\u064a\u0641\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629 \u0641\u064a \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0633\u062c\u0644 \u0627\u0644\u062a\u063a\u064a\u064a\u0631\u0627\u062a\n              <\/strong>\n              <span>\n                \u062a\u062a\u0628\u0639 \u0627\u0644\u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0627\u0644\u0645\u0647\u0645\u0629 \u0627\u0644\u062a\u064a \u062a\u062d\u062f\u062b \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0645\u062e\u0635\u0635\u0629\n              <\/strong>\n              <span>\n                \u0625\u0636\u0627\u0641\u0629 \u062d\u0642\u0648\u0644 \u0646\u0635\u064a\u0629 \u0648\u0631\u0642\u0645\u064a\u0629 \u0648\u062a\u0648\u0627\u0631\u064a\u062e \u0648\u0642\u0648\u0627\u0626\u0645 \u0627\u062e\u062a\u064a\u0627\u0631 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629.\n              <\/span>\n            <\/div>\n\n\n            <div class=\"tbc-feature\">\n              <strong>\n                \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0648\u0627\u062c\u0647\u0629 RTL\n              <\/strong>\n              <span>\n                \u0627\u0633\u062a\u062e\u062f\u0627\u0645 TaskBrowse \u0628\u0648\u0627\u062c\u0647\u0629 \u0639\u0631\u0628\u064a\u0629 \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0625\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631 \u0636\u0645\u0646 \u0628\u064a\u0626\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0644\u063a\u0627\u062a.\n              <\/span>\n            <\/div>\n\n\n          <\/div>\n\n        <\/section>\n\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- ==========================================================\n         ADDITIONAL PRODUCT DEPTH\n         ========================================================== -->\n\n    <div class=\"tbc-more\">\n\n      <div class=\"tbc-more-copy\">\n\n        <strong>\n          \u0648\u0647\u0646\u0627\u0643 \u062a\u0641\u0627\u0635\u064a\u0644 \u0623\u062e\u0631\u0649 \u062a\u062d\u062a \u0627\u0644\u0633\u0637\u062d.\n        <\/strong>\n\n        <p>\n          \u062a\u062a\u0636\u0645\u0646 TaskBrowse \u0623\u064a\u0636\u064b\u0627 \u0627\u0644\u062a\u0646\u0628\u064a\u0647\u0627\u062a\u060c \u0627\u0644\u0623\u0631\u0634\u0641\u0629\u060c \u0627\u0644\u0641\u0644\u0627\u062a\u0631 \u0627\u0644\u0645\u062d\u0641\u0648\u0638\u0629\u060c\n          \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\u060c \u062a\u0635\u062f\u064a\u0631 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631\u060c \u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0623\u0639\u0645\u062f\u0629\u060c\n          \u0633\u062c\u0644 \u0627\u0644\u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0648\u062e\u064a\u0627\u0631\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644.\n          \u0644\u0645 \u0646\u0636\u0639 \u0643\u0644 \u0632\u0631 \u0647\u0646\u0627\u061b \u0627\u0644\u0647\u062f\u0641 \u0647\u0648 \u0623\u0646 \u062a\u0631\u0649 \u0646\u0637\u0627\u0642 \u0627\u0644\u0646\u0638\u0627\u0645 \u062f\u0648\u0646 \u062a\u062d\u0648\u064a\u0644\n          \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0625\u0644\u0649 \u062f\u0644\u064a\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0643\u0627\u0645\u0644.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"tbc-support\">\n\n        <div class=\"tbc-support-item\">\n          \u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\n        <\/div>\n\n        <div class=\"tbc-support-item\">\n          \u0641\u0644\u0627\u062a\u0631 \u0648\u0639\u0631\u0648\u0636 \u0645\u062d\u0641\u0648\u0638\u0629\n        <\/div>\n\n        <div class=\"tbc-support-item\">\n          \u0627\u0633\u062a\u064a\u0631\u0627\u062f \u0648\u062a\u0635\u062f\u064a\u0631 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\n        <\/div>\n\n        <div class=\"tbc-support-item\">\n          \u0623\u0631\u0634\u0641\u0629 \u0648\u0633\u062c\u0644 \u062a\u0627\u0631\u064a\u062e\u064a\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- ==========================================================\n         CLOSING\n         ========================================================== -->\n\n    <div class=\"tbc-closing\">\n\n      <span>\n        \u0644\u0633\u062a \u0645\u0636\u0637\u0631\u064b\u0627 \u0625\u0644\u0649 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0643\u0644 \u0647\u0630\u0647 \u0627\u0644\u0642\u062f\u0631\u0627\u062a \u0645\u0646 \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0623\u0648\u0644\u061b\n        \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0628\u062f\u0621 \u0628\u0645\u0627 \u064a\u062d\u062a\u0627\u062c\u0647 \u0641\u0631\u064a\u0642\u0643 \u062b\u0645 \u062a\u0648\u0633\u064a\u0639 \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0639\u0645\u0644 \u062a\u062f\u0631\u064a\u062c\u064a\u064b\u0627.\n      <\/span>\n\n      <strong>\n        \u0639\u0645\u0642 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629\u060c \u0644\u0627 \u062a\u0639\u0642\u064a\u062f \u0645\u0646 \u0623\u062c\u0644 \u0627\u0644\u062a\u0639\u0642\u064a\u062f.\n      <\/strong>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =====================================================================\n     TaskBrowse Arabic Homepage\n     SECTION 8 \u2014 Customer Proof + Roles\n     WordPress Custom HTML block\n     HTML + CSS only\n     No JavaScript\n     ===================================================================== -->\n\n<style>\n\/* ======================================================================\n   TASKBROWSE ARABIC \u2014 CUSTOMER PROOF + ROLES\n   Namespace: #tb-ar-roles\n   ====================================================================== *\/\n\n#tb-ar-roles {\n  --tbr8-bg: #f3f3f1;\n  --tbr8-paper: #ffffff;\n\n  --tbr8-ink: #202124;\n  --tbr8-charcoal: #25272a;\n\n  --tbr8-text: #343532;\n  --tbr8-muted: #686966;\n  --tbr8-soft: #92938f;\n\n  --tbr8-red: #c8102e;\n  --tbr8-red-soft: rgba(200, 16, 46, 0.07);\n\n  --tbr8-line: #d8d9d5;\n  --tbr8-line-soft: #e3e4e0;\n\n  direction: rtl;\n\n  background: var(--tbr8-bg);\n  color: var(--tbr8-ink);\n\n  font-family:\n    \"Noto Sans Arabic\",\n    \"Noto Naskh Arabic\",\n    Tahoma,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  padding-block:\n    clamp(30px, 4vw, 54px)\n    clamp(68px, 7vw, 100px);\n\n  overflow: hidden;\n}\n\n#tb-ar-roles,\n#tb-ar-roles *,\n#tb-ar-roles *::before,\n#tb-ar-roles *::after {\n  box-sizing: border-box;\n}\n\n#tb-ar-roles .tbr8-wrap {\n  width: min(1380px, calc(100% - 44px));\n  margin-inline: auto;\n}\n\n\n\/* ======================================================================\n   CUSTOMER PROOF\n   ====================================================================== *\/\n\n#tb-ar-roles .tbr8-proof {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.25fr)\n    minmax(230px, .42fr);\n\n  gap: clamp(36px, 6vw, 80px);\n\n  align-items: end;\n\n  margin-block-end: clamp(68px, 8vw, 108px);\n\n  padding:\n    clamp(31px, 4vw, 50px)\n    clamp(28px, 4vw, 48px);\n\n  background: var(--tbr8-charcoal);\n\n  color: #ffffff;\n\n  border-radius: 3px;\n}\n\n\n\/* ======================================================================\n   QUOTE\n   ====================================================================== *\/\n\n#tb-ar-roles .tbr8-proof-main {\n  position: relative;\n\n  padding-inline-start: 25px;\n\n  border-inline-start:\n    3px solid var(--tbr8-red);\n}\n\n#tb-ar-roles .tbr8-proof-label {\n  display: block;\n\n  margin-block-end: 15px;\n\n  color: #aaa7a3;\n\n  font-size: 11px;\n  font-weight: 800;\n}\n\n#tb-ar-roles .tbr8-quote {\n  margin: 0;\n\n  max-width: 38ch;\n\n  color: #f4f2ef;\n\n  font-size: clamp(20px, 2.2vw, 30px);\n  font-weight: 600;\n  line-height: 1.8;\n}\n\n#tb-ar-roles .tbr8-attribution {\n  margin-block-start: 23px;\n}\n\n#tb-ar-roles .tbr8-person {\n  display: block;\n\n  color: #ffffff;\n\n  font-size: 13px;\n  font-weight: 800;\n}\n\n#tb-ar-roles .tbr8-role {\n  display: block;\n\n  margin-block-start: 3px;\n\n  color: #aaa7a3;\n\n  font-size: 11px;\n}\n\n\n\/* ======================================================================\n   PROOF SIDE\n   ====================================================================== *\/\n\n#tb-ar-roles .tbr8-proof-side {\n  padding-block-start: 4px;\n}\n\n#tb-ar-roles .tbr8-proof-side-label {\n  display: block;\n\n  margin-block-end: 12px;\n\n  color: #a6a39f;\n\n  font-size: 10px;\n  font-weight: 800;\n}\n\n#tb-ar-roles .tbr8-proof-side strong {\n  display: block;\n\n  max-width: 16ch;\n\n  color: #ffffff;\n\n  font-size: 17px;\n  font-weight: 800;\n  line-height: 1.65;\n}\n\n#tb-ar-roles .tbr8-proof-side p {\n  margin:\n    14px\n    0\n    0;\n\n  max-width: 28ch;\n\n  color: #aaa7a3;\n\n  font-size: 11.5px;\n  line-height: 1.8;\n}\n\n\n\/* ======================================================================\n   SECTION HEADER\n   ====================================================================== *\/\n\n#tb-ar-roles .tbr8-head {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, .92fr)\n    minmax(320px, .72fr);\n\n  gap: clamp(38px, 7vw, 108px);\n\n  align-items: end;\n\n  margin-block-end: clamp(42px, 6vw, 66px);\n}\n\n#tb-ar-roles .tbr8-kicker {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 10px;\n\n  margin: 0 0 13px;\n\n  color: var(--tbr8-red);\n\n  font-size: 14px;\n  font-weight: 800;\n}\n\n#tb-ar-roles .tbr8-kicker::before {\n  content: \"\";\n\n  width: 24px;\n  height: 2px;\n\n  flex: 0 0 auto;\n\n  background: var(--tbr8-red);\n}\n\n#tb-ar-roles .tbr8-title {\n  margin: 0;\n\n  max-width: 18ch;\n\n  color: var(--tbr8-ink);\n\n  font-size: clamp(31px, 3.7vw, 50px);\n  font-weight: 800;\n  line-height: 1.43;\n}\n\n#tb-ar-roles .tbr8-intro {\n  margin: 0;\n\n  max-width: 55ch;\n\n  color: var(--tbr8-muted);\n\n  font-size: clamp(15.5px, 1.2vw, 18px);\n  line-height: 1.95;\n}\n\n\n\/* ======================================================================\n   ROLE GROUPS\n   ====================================================================== *\/\n\n#tb-ar-roles .tbr8-groups {\n  border-block-start:\n    2px solid var(--tbr8-ink);\n}\n\n#tb-ar-roles .tbr8-group {\n  display: grid;\n\n  grid-template-columns:\n    minmax(220px, .32fr)\n    minmax(0, 1fr);\n\n  gap: clamp(38px, 6vw, 82px);\n\n  padding-block:\n    clamp(36px, 5vw, 55px);\n\n  border-block-end:\n    1px solid var(--tbr8-line);\n}\n\n\n\/* ======================================================================\n   GROUP INTRO\n   ====================================================================== *\/\n\n#tb-ar-roles .tbr8-group-intro {\n  position: relative;\n}\n\n#tb-ar-roles .tbr8-group-num {\n  display: block;\n\n  margin-block-end: 8px;\n\n  color: var(--tbr8-red);\n\n  font-size: 10px;\n  font-weight: 800;\n}\n\n#tb-ar-roles .tbr8-group-title {\n  margin: 0 0 9px;\n\n  color: var(--tbr8-ink);\n\n  font-size: clamp(20px, 2vw, 27px);\n  font-weight: 800;\n  line-height: 1.55;\n}\n\n#tb-ar-roles .tbr8-group-intro p {\n  margin: 0;\n\n  max-width: 28ch;\n\n  color: var(--tbr8-muted);\n\n  font-size: 12px;\n  line-height: 1.85;\n}\n\n\n\/* ======================================================================\n   TWO ROLES PER GROUP\n   ====================================================================== *\/\n\n#tb-ar-roles .tbr8-role-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0, 1fr));\n\n  gap: 0;\n}\n\n#tb-ar-roles .tbr8-role-item {\n  position: relative;\n\n  min-width: 0;\n\n  padding:\n    3px\n    clamp(20px, 3vw, 36px)\n    3px\n    0;\n}\n\n#tb-ar-roles .tbr8-role-item + .tbr8-role-item {\n  border-inline-start:\n    1px solid var(--tbr8-line);\n}\n\n#tb-ar-roles .tbr8-role-item + .tbr8-role-item {\n  padding-inline-start:\n    clamp(20px, 3vw, 36px);\n}\n\n\n\/* ======================================================================\n   ROLE HEAD\n   ====================================================================== *\/\n\n#tb-ar-roles .tbr8-role-eyebrow {\n  display: block;\n\n  margin-block-end: 5px;\n\n  color: var(--tbr8-soft);\n\n  font-size: 10px;\n  font-weight: 800;\n}\n\n#tb-ar-roles .tbr8-role-name {\n  margin: 0 0 10px;\n\n  color: var(--tbr8-ink);\n\n  font-size: 17px;\n  font-weight: 800;\n  line-height: 1.55;\n}\n\n#tb-ar-roles .tbr8-role-summary {\n  margin: 0 0 17px;\n\n  min-height: 54px;\n\n  color: var(--tbr8-muted);\n\n  font-size: 12.5px;\n  line-height: 1.85;\n}\n\n\n\/* ======================================================================\n   ROLE USES\n   ====================================================================== *\/\n\n#tb-ar-roles .tbr8-role-use {\n  position: relative;\n\n  padding:\n    11px\n    16px\n    11px\n    0;\n\n  border-block-start:\n    1px solid var(--tbr8-line-soft);\n}\n\n#tb-ar-roles .tbr8-role-use::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset-inline-start: 0;\n  top: 19px;\n\n  width: 6px;\n  height: 6px;\n\n  border:\n    1.5px solid var(--tbr8-red);\n}\n\n#tb-ar-roles .tbr8-role-use strong {\n  display: block;\n\n  margin-block-end: 3px;\n\n  color: #363734;\n\n  font-size: 11.5px;\n  font-weight: 800;\n}\n\n#tb-ar-roles .tbr8-role-use span {\n  display: block;\n\n  color: var(--tbr8-muted);\n\n  font-size: 10.5px;\n  line-height: 1.7;\n}\n\n\n\/* ======================================================================\n   SHARED CONTEXT PRINCIPLE\n   ====================================================================== *\/\n\n#tb-ar-roles .tbr8-shared {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr)\n    auto;\n\n  gap: 30px;\n\n  align-items: center;\n\n  margin-block-start: 32px;\n\n  padding:\n    22px\n    0;\n\n  border-block:\n    1px solid var(--tbr8-line);\n}\n\n#tb-ar-roles .tbr8-shared p {\n  margin: 0;\n\n  max-width: 74ch;\n\n  color: var(--tbr8-muted);\n\n  font-size: 13px;\n  line-height: 1.85;\n}\n\n#tb-ar-roles .tbr8-shared strong {\n  color: var(--tbr8-ink);\n\n  font-size: 12.5px;\n  font-weight: 800;\n\n  white-space: nowrap;\n}\n\n\n\/* ======================================================================\n   ORGANIZATIONAL READINESS \u2014 COMPACT, NOT A FULL SECTION\n   ====================================================================== *\/\n\n#tb-ar-roles .tbr8-readiness {\n  display: grid;\n\n  grid-template-columns:\n    auto\n    minmax(0, 1fr);\n\n  gap: 26px;\n\n  align-items: center;\n\n  margin-block-start: 24px;\n\n  padding:\n    20px\n    22px;\n\n  background:\n    rgba(255,255,255,.44);\n\n  border:\n    1px solid var(--tbr8-line);\n}\n\n#tb-ar-roles .tbr8-ready-label {\n  color: var(--tbr8-soft);\n\n  font-size: 10px;\n  font-weight: 800;\n\n  white-space: nowrap;\n}\n\n#tb-ar-roles .tbr8-ready-items {\n  display: flex;\n  flex-wrap: wrap;\n\n  gap:\n    9px\n    24px;\n}\n\n#tb-ar-roles .tbr8-ready-items span {\n  position: relative;\n\n  padding-inline-start: 11px;\n\n  color: #50514e;\n\n  font-size: 10.5px;\n  font-weight: 700;\n}\n\n#tb-ar-roles .tbr8-ready-items span::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset-inline-start: 0;\n  top: 7px;\n\n  width: 4px;\n  height: 4px;\n\n  background: var(--tbr8-red);\n}\n\n\n\/* ======================================================================\n   TABLET\n   ====================================================================== *\/\n\n@media (max-width: 980px) {\n\n  #tb-ar-roles .tbr8-proof {\n    grid-template-columns: 1fr;\n\n    gap: 30px;\n  }\n\n  #tb-ar-roles .tbr8-proof-side {\n    padding-block-start: 25px;\n\n    border-block-start:\n      1px solid rgba(255,255,255,.12);\n  }\n\n  #tb-ar-roles .tbr8-head {\n    grid-template-columns: 1fr;\n\n    gap: 18px;\n  }\n\n  #tb-ar-roles .tbr8-title {\n    max-width: 22ch;\n  }\n\n  #tb-ar-roles .tbr8-group {\n    grid-template-columns: 1fr;\n\n    gap: 28px;\n  }\n\n  #tb-ar-roles .tbr8-group-intro p {\n    max-width: 50ch;\n  }\n\n}\n\n\n\/* ======================================================================\n   MOBILE\n   ====================================================================== *\/\n\n@media (max-width: 700px) {\n\n  #tb-ar-roles {\n    padding-block:\n      25px\n      62px;\n  }\n\n  #tb-ar-roles .tbr8-wrap {\n    width: min(100% - 30px, 1380px);\n  }\n\n  #tb-ar-roles .tbr8-proof {\n    margin-block-end: 62px;\n\n    padding:\n      28px\n      21px;\n  }\n\n  #tb-ar-roles .tbr8-proof-main {\n    padding-inline-start: 18px;\n  }\n\n  #tb-ar-roles .tbr8-quote {\n    font-size: 20px;\n  }\n\n  #tb-ar-roles .tbr8-title {\n    font-size: 29px;\n  }\n\n  #tb-ar-roles .tbr8-role-grid {\n    grid-template-columns: 1fr;\n  }\n\n  #tb-ar-roles .tbr8-role-item {\n    padding:\n      0\n      0\n      28px;\n  }\n\n  #tb-ar-roles .tbr8-role-item + .tbr8-role-item {\n    padding:\n      28px\n      0\n      0;\n\n    border-inline-start: none;\n\n    border-block-start:\n      1px solid var(--tbr8-line);\n  }\n\n  #tb-ar-roles .tbr8-role-summary {\n    min-height: 0;\n  }\n\n  #tb-ar-roles .tbr8-shared {\n    grid-template-columns: 1fr;\n\n    gap: 7px;\n  }\n\n  #tb-ar-roles .tbr8-shared strong {\n    white-space: normal;\n  }\n\n  #tb-ar-roles .tbr8-readiness {\n    grid-template-columns: 1fr;\n\n    gap: 13px;\n  }\n\n  #tb-ar-roles .tbr8-ready-label {\n    white-space: normal;\n  }\n\n}\n<\/style>\n\n\n<section id=\"tb-ar-roles\" lang=\"ar\" dir=\"rtl\" aria-labelledby=\"tbr8-title\">\n\n  <div class=\"tbr8-wrap\">\n\n\n    <!-- ==========================================================\n         CUSTOMER PROOF\n         ========================================================== -->\n\n    <aside class=\"tbr8-proof\" aria-label=\"\u062a\u062c\u0631\u0628\u0629 \u0623\u062d\u062f \u0645\u0633\u062a\u062e\u062f\u0645\u064a TaskBrowse\">\n\n      <div class=\"tbr8-proof-main\">\n\n        <span class=\"tbr8-proof-label\">\n          \u0645\u0646 \u062a\u062c\u0631\u0628\u0629 \u0623\u062d\u062f \u0645\u0633\u062a\u062e\u062f\u0645\u064a TaskBrowse\n        <\/span>\n\n        <blockquote class=\"tbr8-quote\">\n          \u00ab\u0644\u0642\u062f \u0633\u0631\u0651\u0639 \u0623\u0646\u0634\u0637\u062a\u0646\u0627 \u0627\u0644\u064a\u0648\u0645\u064a\u0629. \u062a\u062a\u0645 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629\n          \u0648\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0634\u0643\u0644 \u062c\u064a\u062f\u060c \u0648\u0646\u0633\u062a\u0637\u064a\u0639 \u0625\u062f\u0627\u0631\u0629 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0633\u0644\u064a\u0645\n          \u062c\u064a\u062f\u064b\u0627\u060c \u0648\u0647\u0630\u0627 \u0633\u0627\u0647\u0645 \u0641\u064a \u0631\u0636\u0627 \u0639\u0645\u0644\u0627\u0626\u0646\u0627.\u00bb\n        <\/blockquote>\n\n        <div class=\"tbr8-attribution\">\n\n   <a class=\"tbr8-person\" href=\"https:\/\/www.archliving.it\/\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration:none;\">\n  Sayed Nasim K.\n<\/a>\n\n          <span class=\"tbr8-role\">\n            \u0645\u062f\u064a\u0631 \u0645\u062d\u0641\u0638\u0629 \u0645\u0634\u0627\u0631\u064a\u0639\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"tbr8-proof-side\">\n\n        <span class=\"tbr8-proof-side-label\">\n          \u0642\u064a\u0645\u0629 \u062a\u0638\u0647\u0631 \u0641\u064a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u064a\u0648\u0645\u064a\n        <\/span>\n\n        <strong>\n          \u0625\u062f\u0627\u0631\u0629 \u0623\u0641\u0636\u0644 \u0644\u0644\u0639\u0645\u0644\u060c \u0648\u0627\u0644\u0623\u0634\u062e\u0627\u0635\u060c \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u062a\u0633\u0644\u064a\u0645.\n        <\/strong>\n\n        <p>\n          \u0623\u0641\u0636\u0644 \u062f\u0644\u064a\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u062a\u062c \u0644\u064a\u0633 \u0639\u062f\u062f \u0627\u0644\u0645\u064a\u0632\u0627\u062a\u060c\n          \u0628\u0644 \u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646 \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0641\u0631\u064a\u0642 \u0639\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062d\u0642\u064a\u0642\u064a \u0628\u0635\u0648\u0631\u0629 \u0623\u0641\u0636\u0644.\n        <\/p>\n\n      <\/div>\n\n    <\/aside>\n\n\n\n    <!-- ==========================================================\n         ROLES HEADER\n         ========================================================== -->\n\n    <header class=\"tbr8-head\">\n\n      <div>\n\n        <p class=\"tbr8-kicker\">\n          \u0645\u0646 \u064a\u0633\u062a\u062e\u062f\u0645 TaskBrowse\u061f\n        <\/p>\n\n        <h2 class=\"tbr8-title\" id=\"tbr8-title\">\n          \u0644\u0643\u0644 \u0634\u062e\u0635 \u062f\u0648\u0631\u0647. \u0648\u062a\u0628\u0642\u0649 \u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u062d\u062f\u0629.\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"tbr8-intro\">\n        \u0644\u0627 \u064a\u062d\u062a\u0627\u062c \u0643\u0644 \u0634\u062e\u0635 \u0625\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0629 \u0646\u0641\u0633\u0647\u0627 \u0623\u0648 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0646\u0641\u0633\u0647\u0627.\n        TaskBrowse \u064a\u0639\u0637\u064a \u0643\u0644 \u062f\u0648\u0631 \u0645\u0627 \u064a\u062d\u062a\u0627\u062c\u0647 \u0644\u0644\u0639\u0645\u0644\u060c\n        \u0645\u0639 \u0625\u0628\u0642\u0627\u0621 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631\n        \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0633\u062c\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0646\u0641\u0633\u0647.\n      <\/p>\n\n    <\/header>\n\n\n\n    <!-- ==========================================================\n         ROLE GROUPS\n         ========================================================== -->\n\n    <div class=\"tbr8-groups\">\n\n\n      <!-- ========================================================\n           01 \u2014 PLAN & COORDINATE\n           ======================================================== -->\n\n      <section class=\"tbr8-group\">\n\n        <header class=\"tbr8-group-intro\">\n\n          <span class=\"tbr8-group-num\">\n            01\n          <\/span>\n\n          <h3 class=\"tbr8-group-title\">\n            \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642\n          <\/h3>\n\n          <p>\n            \u0627\u062c\u0639\u0644 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a \u0648\u0627\u0642\u0639\u064a\u0629 \u0642\u0628\u0644 \u0623\u0646 \u064a\u0628\u062f\u0623 \u0627\u0644\u0639\u0645\u0644\u060c\n            \u062b\u0645 \u062a\u0627\u0628\u0639 \u0645\u0627 \u064a\u062d\u062f\u062b \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n          <\/p>\n\n        <\/header>\n\n\n\n        <div class=\"tbr8-role-grid\">\n\n\n          <!-- PROJECT MANAGER -->\n\n          <article class=\"tbr8-role-item\">\n\n            <span class=\"tbr8-role-eyebrow\">\n              \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n            <\/span>\n\n            <h4 class=\"tbr8-role-name\">\n              \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n            <\/h4>\n\n            <p class=\"tbr8-role-summary\">\n              \u062e\u0637\u0637 \u0644\u0644\u0646\u0637\u0627\u0642 \u0648\u0627\u0644\u062c\u0647\u062f \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\u060c\n              \u0645\u0639 \u0625\u0628\u0642\u0627\u0621 \u0627\u0644\u062a\u0642\u062f\u0645 \u0648\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\n              \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0641\u064a \u0627\u0644\u0635\u0648\u0631\u0629.\n            <\/p>\n\n\n            <div class=\"tbr8-role-use\">\n\n              <strong>\n                \u0627\u0628\u0646\u0650 \u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n              <\/strong>\n\n              <span>\n                WBS \u0648Gantt \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a \u0648\u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0648\u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a.\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"tbr8-role-use\">\n\n              <strong>\n                \u0642\u0627\u0631\u0646 \u0627\u0644\u062e\u0637\u0629 \u0628\u0627\u0644\u0648\u0627\u0642\u0639\n              <\/strong>\n\n              <span>\n                \u062a\u0627\u0628\u0639 \u0627\u0644\u062a\u0642\u062f\u0645 \u0648\u0627\u0644\u0648\u0642\u062a \u0648\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0648\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n              <\/span>\n\n            <\/div>\n\n          <\/article>\n\n\n\n          <!-- TEAM LEADER -->\n\n          <article class=\"tbr8-role-item\">\n\n            <span class=\"tbr8-role-eyebrow\">\n              \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0641\u0631\u064a\u0642\n            <\/span>\n\n            <h4 class=\"tbr8-role-name\">\n              \u0642\u0627\u0626\u062f \u0627\u0644\u0641\u0631\u064a\u0642\n            <\/h4>\n\n            <p class=\"tbr8-role-summary\">\n              \u0648\u0632\u0651\u0639 \u0627\u0644\u0639\u0645\u0644 \u0645\u0639 \u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629\n              \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0628\u062f\u0644 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0627\u0644\u062a\u062e\u0645\u064a\u0646.\n            <\/p>\n\n\n            <div class=\"tbr8-role-use\">\n\n              <strong>\n                \u0623\u0633\u0646\u062f \u0627\u0644\u0639\u0645\u0644 \u0628\u0633\u064a\u0627\u0642 \u0623\u0641\u0636\u0644\n              <\/strong>\n\n              <span>\n                \u0631\u0627\u0639\u0650 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0648\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629.\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"tbr8-role-use\">\n\n              <strong>\n                \u0634\u0627\u0647\u062f \u0627\u0644\u0636\u063a\u0637 \u0645\u0628\u0643\u0631\u064b\u0627\n              <\/strong>\n\n              <span>\n                \u0631\u0627\u062c\u0639 \u0627\u0644\u062a\u0643\u0644\u064a\u0641\u0627\u062a \u0648\u0627\u0644\u062a\u0642\u062f\u0645 \u0648\u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0633\u062c\u0644 \u0648\u0639\u0628\u0621 \u0627\u0644\u0641\u0631\u064a\u0642.\n              <\/span>\n\n            <\/div>\n\n          <\/article>\n\n\n        <\/div>\n\n      <\/section>\n\n\n\n      <!-- ========================================================\n           02 \u2014 WORK & DELIVER\n           ======================================================== -->\n\n      <section class=\"tbr8-group\">\n\n        <header class=\"tbr8-group-intro\">\n\n          <span class=\"tbr8-group-num\">\n            02\n          <\/span>\n\n          <h3 class=\"tbr8-group-title\">\n            \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u064a\u0648\u0645\u064a\n          <\/h3>\n\n          <p>\n            \u0627\u0639\u0631\u0641 \u0645\u0627 \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0647\u062a\u0645\u0627\u0645 \u0627\u0644\u064a\u0648\u0645\u060c\n            \u0648\u0646\u0638\u0651\u0645 \u0627\u0644\u0639\u0645\u0644 \u062f\u0648\u0646 \u0641\u0642\u062f\u0627\u0646 \u0633\u064a\u0627\u0642 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n          <\/p>\n\n        <\/header>\n\n\n\n        <div class=\"tbr8-role-grid\">\n\n\n          <!-- TEAM MEMBER -->\n\n          <article class=\"tbr8-role-item\">\n\n            <span class=\"tbr8-role-eyebrow\">\n              \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u064a\u0648\u0645\u064a\n            <\/span>\n\n            <h4 class=\"tbr8-role-name\">\n              \u0639\u0636\u0648 \u0627\u0644\u0641\u0631\u064a\u0642\n            <\/h4>\n\n            <p class=\"tbr8-role-summary\">\n              \u0634\u0627\u0647\u062f \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u064a \u062a\u062e\u0635\u0643\u060c\n              \u0648\u0646\u0638\u0651\u0645 \u064a\u0648\u0645\u0643 \u0648\u0633\u062c\u0651\u0644 \u0645\u0627 \u062d\u062f\u062b \u0641\u0639\u0644\u064b\u0627\n              \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u062a\u0639\u0642\u064a\u062f \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0634\u0631\u0648\u0639.\n            <\/p>\n\n\n            <div class=\"tbr8-role-use\">\n\n              <strong>\n                \u0646\u0638\u0651\u0645 \u064a\u0648\u0645\u0643\n              <\/strong>\n\n              <span>\n                \u0645\u0647\u0627\u0645\u064a \u0648\u0627\u0644\u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0648\u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a.\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"tbr8-role-use\">\n\n              <strong>\n                \u0623\u0628\u0642\u0650 \u0627\u0644\u0648\u0627\u0642\u0639 \u0645\u062a\u0635\u0644\u064b\u0627 \u0628\u0627\u0644\u0645\u0647\u0645\u0629\n              <\/strong>\n\n              <span>\n                \u0633\u062c\u0651\u0644 \u0627\u0644\u0648\u0642\u062a \u0648\u062d\u062f\u0651\u062b \u0627\u0644\u062a\u0642\u062f\u0645 \u0648\u0623\u0636\u0641 \u0627\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a \u0648\u0627\u0644\u0645\u0644\u0641\u0627\u062a.\n              <\/span>\n\n            <\/div>\n\n          <\/article>\n\n\n\n          <!-- FREELANCER -->\n\n          <article class=\"tbr8-role-item\">\n\n            <span class=\"tbr8-role-eyebrow\">\n              \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0633\u062a\u0642\u0644\n            <\/span>\n\n            <h4 class=\"tbr8-role-name\">\n              \u0627\u0644\u0645\u0633\u062a\u0642\u0644 \u0648\u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631\n            <\/h4>\n\n            <p class=\"tbr8-role-summary\">\n              \u0646\u0638\u0651\u0645 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629\n              \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u0628\u064a\u0626\u0629 \u0625\u062f\u0627\u0631\u0629 \u062b\u0642\u064a\u0644\u0629.\n            <\/p>\n\n\n            <div class=\"tbr8-role-use\">\n\n              <strong>\n                \u0623\u062f\u0631 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\n              <\/strong>\n\n              <span>\n                \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0648\u0627\u0644\u0648\u0642\u062a \u0641\u064a \u0645\u0633\u0627\u062d\u0629 \u0648\u0627\u062d\u062f\u0629.\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"tbr8-role-use\">\n\n              <strong>\n                \u0627\u0641\u0647\u0645 \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629\n              <\/strong>\n\n              <span>\n                \u0627\u0633\u062a\u062e\u062f\u0645 \u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0644\u062f\u0639\u0645 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0644\u0639\u0645\u064a\u0644.\n              <\/span>\n\n            <\/div>\n\n          <\/article>\n\n\n        <\/div>\n\n      <\/section>\n\n\n\n      <!-- ========================================================\n           03 \u2014 OVERSEE & GOVERN\n           ======================================================== -->\n\n      <section class=\"tbr8-group\">\n\n        <header class=\"tbr8-group-intro\">\n\n          <span class=\"tbr8-group-num\">\n            03\n          <\/span>\n\n          <h3 class=\"tbr8-group-title\">\n            \u0627\u0644\u0625\u0634\u0631\u0627\u0641 \u0648\u0627\u0644\u062d\u0648\u0643\u0645\u0629\n          <\/h3>\n\n          <p>\n            \u0634\u0627\u0647\u062f \u0645\u0627 \u064a\u062d\u062f\u062b \u0639\u0628\u0631 \u0639\u062f\u0629 \u0641\u0631\u0642 \u0648\u0645\u0634\u0627\u0631\u064a\u0639\u060c\n            \u062b\u0645 \u0627\u0646\u062a\u0642\u0644 \u0625\u0644\u0649 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0639\u0646\u062f\u0645\u0627 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u0641\u0633\u064a\u0631 \u0627\u0644\u0625\u0634\u0627\u0631\u0629.\n          <\/p>\n\n        <\/header>\n\n\n\n        <div class=\"tbr8-role-grid\">\n\n\n          <!-- DEPARTMENT HEAD -->\n\n          <article class=\"tbr8-role-item\">\n\n            <span class=\"tbr8-role-eyebrow\">\n              \u0627\u0644\u0631\u0624\u064a\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629\n            <\/span>\n\n            <h4 class=\"tbr8-role-name\">\n              \u0645\u062f\u064a\u0631 \u0627\u0644\u0642\u0633\u0645 \u0623\u0648 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a\n            <\/h4>\n\n            <p class=\"tbr8-role-summary\">\n              \u0627\u0641\u0647\u0645 \u0643\u064a\u0641 \u062a\u062a\u062d\u0631\u0643 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0648\u0642\u062a \u0648\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\n              \u0639\u0628\u0631 \u0627\u0644\u0641\u0631\u0642 \u0628\u062f\u0644 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u062a\u0642\u0627\u0631\u064a\u0631 \u0645\u0646\u0641\u0635\u0644\u0629 \u0645\u0646 \u0643\u0644 \u0634\u062e\u0635.\n            <\/p>\n\n\n            <div class=\"tbr8-role-use\">\n\n              <strong>\n                \u0634\u0627\u0647\u062f \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u0641\u0631\u0642\n              <\/strong>\n\n              <span>\n                \u0644\u0648\u062d\u0627\u062a \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\u0629 \u0648\u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"tbr8-role-use\">\n\n              <strong>\n                \u0627\u0646\u062a\u0642\u0644 \u0645\u0646 \u0627\u0644\u0625\u0634\u0627\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u0633\u0628\u0628\n              <\/strong>\n\n              <span>\n                \u0627\u0633\u062a\u062e\u062f\u0645 Analyzer \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u062a\u0641\u0633\u064a\u0631 \u0623\u0639\u0645\u0642.\n              <\/span>\n\n            <\/div>\n\n          <\/article>\n\n\n\n          <!-- PMO -->\n\n          <article class=\"tbr8-role-item\">\n\n            <span class=\"tbr8-role-eyebrow\">\n              \u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0645\u062d\u0641\u0638\u0629\n            <\/span>\n\n            <h4 class=\"tbr8-role-name\">\n              PMO \u0648\u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u062d\u0641\u0638\u0629\n            <\/h4>\n\n            <p class=\"tbr8-role-summary\">\n              \u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0631\u0624\u064a\u0629 \u0645\u0634\u062a\u0631\u0643\u0629 \u0639\u0628\u0631 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n              \u0648\u0647\u064a\u0643\u0644 \u0625\u062f\u0627\u0631\u064a \u0645\u062a\u0633\u0642 \u062f\u0648\u0646 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u064a\u0648\u0645\u064a \u0625\u0644\u0649 \u0628\u064a\u0631\u0648\u0642\u0631\u0627\u0637\u064a\u0629 \u0625\u0636\u0627\u0641\u064a\u0629.\n            <\/p>\n\n\n            <div class=\"tbr8-role-use\">\n\n              <strong>\n                \u0634\u0627\u0647\u062f \u0627\u0644\u0645\u062d\u0641\u0638\u0629\n              <\/strong>\n\n              <span>\n                Project Panorama \u0648\u0627\u0644\u0645\u062d\u0627\u0641\u0638 \u0648\u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0648\u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0639\u0628\u0631 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.\n              <\/span>\n\n            <\/div>\n\n\n            <div class=\"tbr8-role-use\">\n\n              <strong>\n                \u0627\u062f\u0639\u0645 \u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0623\u0643\u062b\u0631 \u0627\u062a\u0633\u0627\u0642\u064b\u0627\n              <\/strong>\n\n              <span>\n                \u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0627\u062a \u0648\u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0648\u0647\u064a\u0627\u0643\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0645\u0634\u062a\u0631\u0643\u0629.\n              <\/span>\n\n            <\/div>\n\n          <\/article>\n\n\n        <\/div>\n\n      <\/section>\n\n\n    <\/div>\n\n\n\n    <!-- ==========================================================\n         SHARED PROJECT RECORD\n         ========================================================== -->\n\n    <div class=\"tbr8-shared\">\n\n      <p>\n        \u0642\u062f \u064a\u0631\u0649 \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062e\u0637\u0629\u060c \u0648\u064a\u0631\u0649 \u0639\u0636\u0648 \u0627\u0644\u0641\u0631\u064a\u0642 \u064a\u0648\u0645\u0647\u060c\n        \u0648\u062a\u0631\u0649 \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0635\u0648\u0631\u0629 \u0639\u0628\u0631 \u0639\u062f\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u2014 \u0644\u0643\u0646 \u0627\u0644\u062c\u0645\u064a\u0639 \u064a\u0639\u0645\u0644\n        \u0641\u0648\u0642 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0646\u0641\u0633\u0647\u0627 \u0628\u062f\u0644 \u0625\u0646\u0634\u0627\u0621 \u0646\u0633\u062e\u0629 \u0645\u062e\u062a\u0644\u0641\u0629 \u0645\u0646 \u0627\u0644\u0648\u0627\u0642\u0639 \u0644\u0643\u0644 \u062f\u0648\u0631.\n      <\/p>\n\n      <strong>\n        \u0623\u062f\u0648\u0627\u0631 \u0645\u062e\u062a\u0644\u0641\u0629. \u0633\u064a\u0627\u0642 \u0645\u0634\u062a\u0631\u0643.\n      <\/strong>\n\n    <\/div>\n\n\n\n    <!-- ==========================================================\n         COMPACT ORGANIZATIONAL READINESS\n         ========================================================== -->\n\n    <div class=\"tbr8-readiness\">\n\n      <span class=\"tbr8-ready-label\">\n        \u062c\u0627\u0647\u0632 \u0644\u0644\u0639\u0645\u0644 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0624\u0633\u0633\u0629\n      <\/span>\n\n      <div class=\"tbr8-ready-items\">\n\n        <span>\n          \u0635\u0644\u0627\u062d\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0648\u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a\n        <\/span>\n\n        <span>\n          \u0648\u0635\u0648\u0644 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n        <\/span>\n\n        <span>\n          \u0627\u0644\u0645\u0635\u0627\u062f\u0642\u0629 \u0627\u0644\u062b\u0646\u0627\u0626\u064a\u0629\n        <\/span>\n\n        <span>\n          \u0642\u0641\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n        <\/span>\n\n        <span>\n          \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0648\u0627\u062c\u0647\u0629 RTL\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =====================================================================\n     TaskBrowse Arabic Homepage\n     SECTION 9 \u2014 FAQ\n     14 buyer-oriented questions\n     WordPress Custom HTML block\n     Native <details> accordion \u2014 No JavaScript\n     ===================================================================== -->\n\n<style>\n\/* ======================================================================\n   TASKBROWSE ARABIC \u2014 FAQ\n   Namespace: #tb-ar-faq\n   ====================================================================== *\/\n\n#tb-ar-faq {\n  --tbf-bg: #f3f3f1;\n  --tbf-paper: #ffffff;\n\n  --tbf-ink: #202124;\n  --tbf-text: #3c3d3a;\n  --tbf-muted: #686966;\n  --tbf-soft: #90918d;\n\n  --tbf-red: #c8102e;\n  --tbf-red-soft: rgba(200, 16, 46, 0.06);\n\n  --tbf-line: #d8d9d5;\n  --tbf-line-soft: #e5e6e2;\n\n  direction: rtl;\n\n  background: var(--tbf-bg);\n  color: var(--tbf-ink);\n\n  font-family:\n    \"Noto Sans Arabic\",\n    \"Noto Naskh Arabic\",\n    Tahoma,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  padding-block:\n    clamp(64px, 7vw, 96px)\n    clamp(70px, 8vw, 108px);\n\n  overflow: hidden;\n}\n\n#tb-ar-faq,\n#tb-ar-faq *,\n#tb-ar-faq *::before,\n#tb-ar-faq *::after {\n  box-sizing: border-box;\n}\n\n#tb-ar-faq .tbf-wrap {\n  width: min(1240px, calc(100% - 44px));\n  margin-inline: auto;\n}\n\n\n\/* ======================================================================\n   HEADER\n   ====================================================================== *\/\n\n#tb-ar-faq .tbf-head {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, .87fr)\n    minmax(320px, .68fr);\n\n  gap: clamp(38px, 7vw, 104px);\n\n  align-items: end;\n\n  margin-block-end: clamp(42px, 6vw, 66px);\n}\n\n#tb-ar-faq .tbf-kicker {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 10px;\n\n  margin: 0 0 13px;\n\n  color: var(--tbf-red);\n\n  font-size: 14px;\n  font-weight: 800;\n}\n\n#tb-ar-faq .tbf-kicker::before {\n  content: \"\";\n\n  width: 24px;\n  height: 2px;\n\n  flex: 0 0 auto;\n\n  background: var(--tbf-red);\n}\n\n#tb-ar-faq .tbf-title {\n  margin: 0;\n\n  max-width: 18ch;\n\n  color: var(--tbf-ink);\n\n  font-size: clamp(31px, 3.6vw, 49px);\n  font-weight: 800;\n  line-height: 1.43;\n}\n\n#tb-ar-faq .tbf-intro {\n  margin: 0;\n\n  max-width: 54ch;\n\n  color: var(--tbf-muted);\n\n  font-size: clamp(15.5px, 1.2vw, 18px);\n  line-height: 1.95;\n}\n\n\n\/* ======================================================================\n   FAQ LAYOUT\n   ====================================================================== *\/\n\n#tb-ar-faq .tbf-body {\n  display: grid;\n\n  grid-template-columns:\n    minmax(160px, .23fr)\n    minmax(0, 1fr);\n\n  gap: clamp(35px, 6vw, 78px);\n\n  align-items: start;\n}\n\n\n\/* ======================================================================\n   SIDE INDEX\n   ====================================================================== *\/\n\n#tb-ar-faq .tbf-side {\n  position: sticky;\n\n  top: 30px;\n\n  border-block-start:\n    2px solid var(--tbf-ink);\n\n  padding-block-start: 18px;\n}\n\n#tb-ar-faq .tbf-side-label {\n  display: block;\n\n  margin-block-end: 17px;\n\n  color: var(--tbf-soft);\n\n  font-size: 10.5px;\n  font-weight: 800;\n}\n\n#tb-ar-faq .tbf-side-group {\n  padding-block:\n    11px;\n\n  border-block-start:\n    1px solid var(--tbf-line);\n}\n\n#tb-ar-faq .tbf-side-group strong {\n  display: block;\n\n  margin-block-end: 3px;\n\n  color: #444541;\n\n  font-size: 11.5px;\n  font-weight: 800;\n}\n\n#tb-ar-faq .tbf-side-group span {\n  color: var(--tbf-soft);\n\n  font-size: 9.5px;\n}\n\n\n\/* ======================================================================\n   FAQ LIST\n   ====================================================================== *\/\n\n#tb-ar-faq .tbf-list {\n  border-block-start:\n    2px solid var(--tbf-ink);\n}\n\n\n\/* ======================================================================\n   DETAILS\n   ====================================================================== *\/\n\n#tb-ar-faq .tbf-item {\n  margin: 0;\n\n  border-block-end:\n    1px solid var(--tbf-line);\n\n  background: transparent;\n}\n\n\n\/* Remove browser marker *\/\n\n#tb-ar-faq .tbf-item > summary {\n  list-style: none;\n}\n\n#tb-ar-faq .tbf-item > summary::-webkit-details-marker {\n  display: none;\n}\n\n\n\/* ======================================================================\n   QUESTION\n   ====================================================================== *\/\n\n#tb-ar-faq .tbf-question {\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns:\n    42px\n    minmax(0, 1fr)\n    28px;\n\n  gap: 14px;\n\n  align-items: center;\n\n  min-height: 78px;\n\n  padding-block:\n    18px;\n\n  cursor: pointer;\n\n  color: var(--tbf-ink);\n\n  transition:\n    background-color 160ms ease;\n}\n\n#tb-ar-faq .tbf-question:hover {\n  background:\n    rgba(255,255,255,.34);\n}\n\n#tb-ar-faq .tbf-num {\n  color: var(--tbf-red);\n\n  font-size: 10px;\n  font-weight: 800;\n\n  font-variant-numeric: tabular-nums;\n}\n\n#tb-ar-faq .tbf-question-text {\n  color: var(--tbf-ink);\n\n  font-size: clamp(15px, 1.35vw, 18px);\n  font-weight: 800;\n  line-height: 1.65;\n}\n\n\n\/* ======================================================================\n   PLUS \/ MINUS\n   ====================================================================== *\/\n\n#tb-ar-faq .tbf-toggle {\n  position: relative;\n\n  width: 24px;\n  height: 24px;\n}\n\n#tb-ar-faq .tbf-toggle::before,\n#tb-ar-faq .tbf-toggle::after {\n  content: \"\";\n\n  position: absolute;\n\n  background: var(--tbf-ink);\n\n  transition:\n    transform 180ms ease,\n    opacity 180ms ease;\n}\n\n#tb-ar-faq .tbf-toggle::before {\n  width: 14px;\n  height: 1.5px;\n\n  top: 11px;\n  inset-inline-start: 5px;\n}\n\n#tb-ar-faq .tbf-toggle::after {\n  width: 1.5px;\n  height: 14px;\n\n  top: 5px;\n  inset-inline-start: 11px;\n}\n\n#tb-ar-faq .tbf-item[open] .tbf-toggle::after {\n  transform: rotate(90deg);\n  opacity: 0;\n}\n\n\n\/* ======================================================================\n   OPEN STATE\n   ====================================================================== *\/\n\n#tb-ar-faq .tbf-item[open] {\n  background:\n    rgba(255,255,255,.38);\n}\n\n#tb-ar-faq .tbf-item[open] .tbf-question {\n  padding-block-end: 12px;\n}\n\n#tb-ar-faq .tbf-item[open] .tbf-question-text {\n  color: var(--tbf-red);\n}\n\n\n\/* ======================================================================\n   ANSWER\n   ====================================================================== *\/\n\n#tb-ar-faq .tbf-answer {\n  padding:\n    0\n    56px\n    26px\n    42px;\n}\n\n#tb-ar-faq .tbf-answer p {\n  margin:\n    0\n    0\n    11px;\n\n  max-width: 78ch;\n\n  color: var(--tbf-muted);\n\n  font-size: 13.5px;\n  line-height: 1.95;\n}\n\n#tb-ar-faq .tbf-answer p:last-child {\n  margin-block-end: 0;\n}\n\n#tb-ar-faq .tbf-answer strong {\n  color: var(--tbf-text);\n\n  font-weight: 800;\n}\n\n\n\/* ======================================================================\n   ACCESS LEVELS\n   ====================================================================== *\/\n\n#tb-ar-faq .tbf-levels {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, minmax(0, 1fr));\n\n  gap: 8px;\n\n  margin-block-start: 17px;\n}\n\n#tb-ar-faq .tbf-level {\n  padding:\n    14px\n    13px;\n\n  border-block-start:\n    2px solid var(--tbf-line);\n\n  background:\n    rgba(255,255,255,.55);\n}\n\n#tb-ar-faq .tbf-level:nth-child(3) {\n  border-block-start-color:\n    var(--tbf-red);\n}\n\n#tb-ar-faq .tbf-level span {\n  display: block;\n\n  margin-block-end: 5px;\n\n  color: var(--tbf-soft);\n\n  font-size: 9px;\n  font-weight: 800;\n}\n\n#tb-ar-faq .tbf-level strong {\n  display: block;\n\n  color: var(--tbf-text);\n\n  font-size: 11px;\n  font-weight: 800;\n  line-height: 1.65;\n}\n\n\n\/* ======================================================================\n   SMALL INLINE PROOF ITEMS\n   ====================================================================== *\/\n\n#tb-ar-faq .tbf-points {\n  display: flex;\n  flex-wrap: wrap;\n\n  gap:\n    7px\n    20px;\n\n  margin-block-start: 15px;\n}\n\n#tb-ar-faq .tbf-point {\n  position: relative;\n\n  padding-inline-start: 11px;\n\n  color: #565753;\n\n  font-size: 10.5px;\n  font-weight: 700;\n}\n\n#tb-ar-faq .tbf-point::before {\n  content: \"\";\n\n  position: absolute;\n\n  inset-inline-start: 0;\n  top: 7px;\n\n  width: 4px;\n  height: 4px;\n\n  background: var(--tbf-red);\n}\n\n\n\/* ======================================================================\n   BOTTOM NOTE\n   ====================================================================== *\/\n\n#tb-ar-faq .tbf-bottom {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr)\n    auto;\n\n  gap: 28px;\n\n  align-items: center;\n\n  margin-block-start: 29px;\n\n  padding-block-start: 23px;\n\n  border-block-start:\n    1px solid var(--tbf-line);\n}\n\n#tb-ar-faq .tbf-bottom p {\n  margin: 0;\n\n  max-width: 73ch;\n\n  color: var(--tbf-muted);\n\n  font-size: 12px;\n  line-height: 1.85;\n}\n\n#tb-ar-faq .tbf-bottom strong {\n  color: var(--tbf-ink);\n\n  font-size: 12px;\n  font-weight: 800;\n\n  white-space: nowrap;\n}\n\n\n\/* ======================================================================\n   TABLET\n   ====================================================================== *\/\n\n@media (max-width: 950px) {\n\n  #tb-ar-faq .tbf-head {\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  #tb-ar-faq .tbf-title {\n    max-width: 22ch;\n  }\n\n  #tb-ar-faq .tbf-body {\n    grid-template-columns: 1fr;\n    gap: 26px;\n  }\n\n  #tb-ar-faq .tbf-side {\n    position: static;\n\n    display: grid;\n\n    grid-template-columns:\n      repeat(4, minmax(0, 1fr));\n\n    padding-block-start: 0;\n  }\n\n  #tb-ar-faq .tbf-side-label {\n    grid-column:\n      1 \/ -1;\n\n    padding-block:\n      15px\n      11px;\n\n    margin: 0;\n  }\n\n  #tb-ar-faq .tbf-side-group {\n    padding-inline:\n      10px;\n\n    border-inline-start:\n      1px solid var(--tbf-line);\n  }\n\n  #tb-ar-faq .tbf-side-group:nth-of-type(1) {\n    border-inline-start: none;\n  }\n\n}\n\n\n\/* ======================================================================\n   MOBILE\n   ====================================================================== *\/\n\n@media (max-width: 700px) {\n\n  #tb-ar-faq {\n    padding-block:\n      56px\n      70px;\n  }\n\n  #tb-ar-faq .tbf-wrap {\n    width: min(100% - 30px, 1240px);\n  }\n\n  #tb-ar-faq .tbf-title {\n    font-size: 29px;\n  }\n\n  #tb-ar-faq .tbf-side {\n    display: none;\n  }\n\n  #tb-ar-faq .tbf-question {\n    grid-template-columns:\n      29px\n      minmax(0, 1fr)\n      24px;\n\n    gap: 9px;\n\n    min-height: 72px;\n  }\n\n  #tb-ar-faq .tbf-question-text {\n    font-size: 15px;\n  }\n\n  #tb-ar-faq .tbf-answer {\n    padding:\n      0\n      38px\n      23px\n      8px;\n  }\n\n  #tb-ar-faq .tbf-levels {\n    grid-template-columns: 1fr;\n  }\n\n  #tb-ar-faq .tbf-bottom {\n    grid-template-columns: 1fr;\n\n    gap: 7px;\n  }\n\n  #tb-ar-faq .tbf-bottom strong {\n    white-space: normal;\n  }\n\n}\n\n\n\/* ======================================================================\n   ACCESSIBILITY\n   ====================================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  #tb-ar-faq .tbf-question,\n  #tb-ar-faq .tbf-toggle::before,\n  #tb-ar-faq .tbf-toggle::after {\n    transition: none;\n  }\n\n}\n<\/style>\n\n\n<section id=\"tb-ar-faq\" lang=\"ar\" dir=\"rtl\" aria-labelledby=\"tbf-title\">\n\n  <div class=\"tbf-wrap\">\n\n\n    <!-- ==========================================================\n         HEADER\n         ========================================================== -->\n\n    <header class=\"tbf-head\">\n\n      <div>\n\n        <p class=\"tbf-kicker\">\n          \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\n        <\/p>\n\n        <h2 class=\"tbf-title\" id=\"tbf-title\">\n          \u0623\u0633\u0626\u0644\u0629 \u0645\u0647\u0645\u0629 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0628\u062f\u0623.\n        <\/h2>\n\n      <\/div>\n\n\n      <p class=\"tbf-intro\">\n        \u0645\u0646 \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u062a\u062e\u0635\u064a\u0635\n        \u0648\u0627\u0644\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0645\u062d\u0644\u064a \u0648\u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0627\u062a \u2014\n        \u0647\u0630\u0647 \u0625\u062c\u0627\u0628\u0627\u062a \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0646 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u062a\u064a \u062a\u0647\u0645 \u0627\u0644\u0641\u0631\u0642 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a\n        \u0639\u0646\u062f \u062a\u0642\u064a\u064a\u0645 TaskBrowse.\n      <\/p>\n\n    <\/header>\n\n\n\n    <div class=\"tbf-body\">\n\n\n      <!-- ========================================================\n           CATEGORY INDEX\n           ======================================================== -->\n\n      <aside class=\"tbf-side\" aria-label=\"\u0645\u0648\u0636\u0648\u0639\u0627\u062a \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\">\n\n        <span class=\"tbf-side-label\">\n          \u0627\u0644\u0645\u0648\u0636\u0648\u0639\u0627\u062a\n        <\/span>\n\n\n        <div class=\"tbf-side-group\">\n          <strong>\n            \u0645\u0644\u0627\u0621\u0645\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\n          <\/strong>\n          <span>\n            01 \u2014 06\n          <\/span>\n        <\/div>\n\n\n        <div class=\"tbf-side-group\">\n          <strong>\n            \u0631\u0627\u064a\u0644\u0627\n          <\/strong>\n          <span>\n            07\n          <\/span>\n        <\/div>\n\n\n        <div class=\"tbf-side-group\">\n          <strong>\n            \u0627\u0644\u0646\u0634\u0631 \u0648\u0627\u0644\u062a\u062e\u0635\u064a\u0635\n          <\/strong>\n          <span>\n            08 \u2014 10\n          <\/span>\n        <\/div>\n\n\n        <div class=\"tbf-side-group\">\n          <strong>\n            \u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u0627\u0644\u0648\u0635\u0648\u0644\n          <\/strong>\n          <span>\n            11 \u2014 14\n          <\/span>\n        <\/div>\n\n      <\/aside>\n\n\n\n      <!-- ========================================================\n           QUESTIONS\n           ======================================================== -->\n\n      <div class=\"tbf-list\">\n\n\n        <!-- ======================================================\n             01\n             ====================================================== -->\n\n        <details class=\"tbf-item\">\n\n          <summary class=\"tbf-question\">\n\n            <span class=\"tbf-num\">\n              01\n            <\/span>\n\n            <span class=\"tbf-question-text\">\n              \u0647\u0644 TaskBrowse \u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0648\u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629\u061f\n            <\/span>\n\n            <span class=\"tbf-toggle\" aria-hidden=\"true\"><\/span>\n\n          <\/summary>\n\n\n          <div class=\"tbf-answer\">\n\n            <p>\n              \u0646\u0639\u0645. \u064a\u0646\u0627\u0633\u0628 TaskBrowse \u0628\u0635\u0648\u0631\u0629 \u062e\u0627\u0635\u0629 \u0627\u0644\u0641\u0631\u0642 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a\n              \u0627\u0644\u062a\u064a \u062a\u062f\u064a\u0631 \u0645\u0634\u0627\u0631\u064a\u0639 \u0623\u0648 \u0623\u0639\u0645\u0627\u0644\u064b\u0627 \u0645\u062a\u0631\u0627\u0628\u0637\u0629 \u0648\u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0623\u0643\u062b\u0631\n              \u0645\u0646 \u0645\u062c\u0631\u062f \u0642\u0627\u0626\u0645\u0629 \u0645\u0647\u0627\u0645\u060c \u062f\u0648\u0646 \u0627\u0644\u0631\u063a\u0628\u0629 \u0641\u064a \u0646\u0638\u0627\u0645 \u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639\n              \u062b\u0642\u064a\u0644 \u0648\u0645\u0639\u0642\u062f \u0645\u0646\u0630 \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0623\u0648\u0644.\n            <\/p>\n\n            <p>\n              \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0628\u062f\u0621 \u0628\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u062c\u062f\u0648\u0644\u0629 \u0648\u0627\u0644\u0648\u0642\u062a\u060c\n              \u062b\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0638\u0627\u0626\u0641 \u0623\u0639\u0645\u0642 \u0645\u062b\u0644\n              <strong>WBS \u0648Gantt \u0648\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631<\/strong>\n              \u0639\u0646\u062f\u0645\u0627 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u064a\u0647\u0627.\n            <\/p>\n\n          <\/div>\n\n        <\/details>\n\n\n\n        <!-- ======================================================\n             02\n             ====================================================== -->\n\n        <details class=\"tbf-item\">\n\n          <summary class=\"tbf-question\">\n\n            <span class=\"tbf-num\">\n              02\n            <\/span>\n\n            <span class=\"tbf-question-text\">\n              \u0647\u0644 TaskBrowse \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0623\u0645 \u0628\u0631\u0646\u0627\u0645\u062c \u0644\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0648\u0642\u062a\u061f\n            <\/span>\n\n            <span class=\"tbf-toggle\" aria-hidden=\"true\"><\/span>\n\n          <\/summary>\n\n\n          <div class=\"tbf-answer\">\n\n    <p>\n  TaskBrowse \u0647\u0648 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0639\u0645\u0644\n  \u0627\u0644\u0630\u064a \u064a\u0631\u0628\u0637 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0648\u0642\u062a \u0628\u062f\u0648\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c\n  \u0648\u0644\u064a\u0633 \u0645\u062c\u0631\u062f \u0623\u062f\u0627\u0629 \u0645\u0633\u062a\u0642\u0644\u0629 \u0644\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0633\u0627\u0639\u0627\u062a.\n<\/p>\n\n            <p>\n              \u064a\u0645\u0643\u0646\u0643 \u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\u060c\n              \u062b\u0645 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u064a\u0648\u0645\u064a \u0648\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u060c\n              \u0648\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0647\u0630\u0647 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0644\u0641\u0647\u0645\n              <strong>\u0627\u0644\u062a\u0642\u062f\u0645 \u0648\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0648\u0627\u0644\u0641\u0631\u0648\u0642 \u0628\u064a\u0646 \u0627\u0644\u062e\u0637\u0629 \u0648\u0627\u0644\u0648\u0627\u0642\u0639.<\/strong>\n            <\/p>\n\n          <\/div>\n\n        <\/details>\n\n\n\n        <!-- ======================================================\n             03\n             ====================================================== -->\n\n        <details class=\"tbf-item\">\n\n          <summary class=\"tbf-question\">\n\n            <span class=\"tbf-num\">\n              03\n            <\/span>\n\n            <span class=\"tbf-question-text\">\n              \u0647\u0644 \u064a\u062c\u0628 \u0639\u0644\u0649 \u0643\u0644 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0648\u0642\u062a\u061f\n            <\/span>\n\n            <span class=\"tbf-toggle\" aria-hidden=\"true\"><\/span>\n\n          <\/summary>\n\n\n          <div class=\"tbf-answer\">\n\n            <p>\n              \u064a\u0639\u062a\u0645\u062f \u0630\u0644\u0643 \u0639\u0644\u0649 \u0637\u0631\u064a\u0642\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0624\u0633\u0633\u062a\u0643 \u0644\u0640 TaskBrowse.\n              \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0648\u0642\u062a \u064a\u0635\u0628\u062d \u0645\u0647\u0645\u064b\u0627 \u0639\u0646\u062f\u0645\u0627 \u062a\u0631\u064a\u062f \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u062e\u0637\u0637\n              \u0628\u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0641\u0639\u0644\u064a\u060c \u0623\u0648 \u062a\u062d\u0644\u064a\u0644 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\n              \u0648\u0643\u064a\u0641 \u064a\u064f\u0633\u062a\u0647\u0644\u0643 \u0648\u0642\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u0629.\n            <\/p>\n\n            <p>\n              \u0627\u0644\u0641\u0643\u0631\u0629 \u0644\u064a\u0633\u062a \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u0623\u0634\u062e\u0627\u0635 \u062f\u0642\u064a\u0642\u0629 \u0628\u062f\u0642\u064a\u0642\u0629\u060c\n              \u0628\u0644 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0642\u0639\u064a\u0629 \u062a\u0633\u0627\u0639\u062f \u0641\u064a\n              <strong>\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0623\u0641\u0636\u0644 \u0648\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0623\u0643\u062b\u0631 \u0648\u0627\u0642\u0639\u064a\u0629.<\/strong>\n            <\/p>\n\n          <\/div>\n\n        <\/details>\n\n\n\n        <!-- ======================================================\n             04\n             ====================================================== -->\n\n        <details class=\"tbf-item\">\n\n          <summary class=\"tbf-question\">\n\n            <span class=\"tbf-num\">\n              04\n            <\/span>\n\n            <span class=\"tbf-question-text\">\n              \u0647\u0644 \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 TaskBrowse \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0628\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629\u061f\n            <\/span>\n\n            <span class=\"tbf-toggle\" aria-hidden=\"true\"><\/span>\n\n          <\/summary>\n\n\n          <div class=\"tbf-answer\">\n\n            <p>\n              \u0646\u0639\u0645. \u064a\u062f\u0639\u0645 TaskBrowse \u0648\u0627\u062c\u0647\u0629 \u0639\u0631\u0628\u064a\u0629\n              <strong>\u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0625\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631 (RTL)<\/strong>\n              \u0625\u0644\u0649 \u062c\u0627\u0646\u0628 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0648\u0627\u0644\u0623\u0644\u0645\u0627\u0646\u064a\u0629.\n            <\/p>\n\n            <p>\n              \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0644\u064a\u0633\u062a \u0645\u062c\u0631\u062f \u062a\u0631\u062c\u0645\u0629 \u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u061b\n              \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u062f\u0627\u062e\u0644 \u0628\u064a\u0626\u0629 \u0627\u0644\u0639\u0645\u0644 \u0646\u0641\u0633\u0647\u0627 \u0644\u0625\u062f\u0627\u0631\u0629\n              \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631.\n            <\/p>\n\n          <\/div>\n\n        <\/details>\n\n\n\n        <!-- ======================================================\n             05\n             ====================================================== -->\n\n        <details class=\"tbf-item\">\n\n          <summary class=\"tbf-question\">\n\n            <span class=\"tbf-num\">\n              05\n            <\/span>\n\n            <span class=\"tbf-question-text\">\n              \u0647\u0644 \u064a\u0645\u0643\u0646 \u0625\u062f\u0627\u0631\u0629 \u0639\u062f\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0641\u0631\u0642 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0646\u0641\u0633\u0647\u061f\n            <\/span>\n\n            <span class=\"tbf-toggle\" aria-hidden=\"true\"><\/span>\n\n          <\/summary>\n\n\n          <div class=\"tbf-answer\">\n\n            <p>\n              \u0646\u0639\u0645. \u064a\u0645\u0643\u0646 \u0625\u062f\u0627\u0631\u0629 \u0639\u062f\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0641\u0631\u0642\u060c\n              \u0648\u0631\u0628\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0628\u0631\u0627\u0645\u062c \u0623\u0648 \u0627\u0644\u0639\u0642\u0648\u062f\u060c\n              \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u062a\u0642\u062f\u0645\u0647\u0627 \u0648\u062a\u0642\u0627\u0631\u064a\u0631\u0647\u0627\n              \u0645\u0646 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629.\n            <\/p>\n\n            <p>\n              \u062a\u0633\u0627\u0639\u062f \u0623\u062f\u0648\u0627\u062a \u0645\u062b\u0644\n              <strong>Project Panorama<\/strong>\n              \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0644\u0648\u062d\u0627\u062a \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644\n              \u0645\u0646 \u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u062d\u062f \u0625\u0644\u0649 \u0635\u0648\u0631\u0629 \u0623\u0648\u0633\u0639 \u0639\u0628\u0631 \u0639\u062f\u0629 \u0645\u0634\u0627\u0631\u064a\u0639.\n            <\/p>\n\n          <\/div>\n\n        <\/details>\n\n\n\n        <!-- ======================================================\n             06\n             ====================================================== -->\n\n        <details class=\"tbf-item\">\n\n          <summary class=\"tbf-question\">\n\n            <span class=\"tbf-num\">\n              06\n            <\/span>\n\n            <span class=\"tbf-question-text\">\n              \u0643\u064a\u0641 \u064a\u062e\u062a\u0644\u0641 TaskBrowse \u0639\u0646 \u0623\u062f\u0648\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0628\u0633\u064a\u0637\u0629\u061f\n            <\/span>\n\n            <span class=\"tbf-toggle\" aria-hidden=\"true\"><\/span>\n\n          <\/summary>\n\n\n          <div class=\"tbf-answer\">\n\n            <p>\n              \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 \u0645\u0645\u062a\u0627\u0632\u0629 \u0644\u0645\u0639\u0631\u0641\u0629\n              \u00ab\u0645\u0646 \u064a\u0641\u0639\u0644 \u0645\u0627\u0630\u0627\u00bb.\n              TaskBrowse \u064a\u0636\u064a\u0641 \u0637\u0628\u0642\u0629 \u0623\u0639\u0645\u0642 \u0639\u0646\u062f\u0645\u0627 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0641\u0647\u0645\n              <strong>\u0643\u064a\u0641 \u062a\u0631\u062a\u0628\u0637 \u0627\u0644\u0645\u0647\u0627\u0645 \u0628\u0627\u0644\u062e\u0637\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0627\u062a\n              \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0648\u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0648\u0627\u0644\u062a\u0642\u062f\u0645.<\/strong>\n            <\/p>\n\n            <p>\n              \u0644\u0630\u0644\u0643 \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647 \u0644\u0644\u0639\u0645\u0644 \u0627\u0644\u064a\u0648\u0645\u064a \u0644\u0644\u0641\u0631\u064a\u0642\u060c\n              \u0648\u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0646\u0641\u0633\u0647 \u0644\u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0631\u0648\u0639 \u0623\u0643\u062b\u0631 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\n              \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 WBS \u0648Gantt \u0648\u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u062d\u0631\u062c \u0648\u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631.\n            <\/p>\n\n          <\/div>\n\n        <\/details>\n\n\n\n        <!-- ======================================================\n             07\n             ====================================================== -->\n\n        <details class=\"tbf-item\">\n\n          <summary class=\"tbf-question\">\n\n            <span class=\"tbf-num\">\n              07\n            <\/span>\n\n            <span class=\"tbf-question-text\">\n              \u0643\u064a\u0641 \u062a\u0633\u062a\u062e\u062f\u0645 \u0631\u0627\u064a\u0644\u0627 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u061f\n            <\/span>\n\n            <span class=\"tbf-toggle\" aria-hidden=\"true\"><\/span>\n\n          <\/summary>\n\n\n          <div class=\"tbf-answer\">\n\n            <p>\n              \u062a\u0639\u0645\u0644 \u0631\u0627\u064a\u0644\u0627 \u062f\u0627\u062e\u0644 \u0633\u064a\u0627\u0642 TaskBrowse \u0628\u062f\u0644 \u0627\u0644\u062a\u0639\u0627\u0645\u0644\n              \u0645\u0639 \u0627\u0644\u0633\u0624\u0627\u0644 \u0628\u0645\u0639\u0632\u0644 \u0639\u0646 \u0627\u0644\u0639\u0645\u0644.\n              \u0628\u062d\u0633\u0628 \u0627\u0644\u0648\u0638\u064a\u0641\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629\u060c \u064a\u0645\u0643\u0646 \u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n              \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u062b\u0644 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a\n              \u0648\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631.\n            <\/p>\n\n            <p>\n              \u062a\u0634\u0645\u0644 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u064a\u0629\n              <strong>\u062a\u0642\u062f\u064a\u0631 \u062c\u0647\u062f \u0627\u0644\u0645\u0647\u0627\u0645\u060c \u0627\u0642\u062a\u0631\u0627\u062d \u0627\u0644\u0648\u0633\u0648\u0645\u060c\n              \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u062f\u0639\u0648\u0645 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c\n              \u0648\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a \u0648\u062a\u0644\u062e\u064a\u0635\u0647\u0627 \u0648\u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0628\u0646\u0648\u062f \u0627\u0644\u0639\u0645\u0644.<\/strong>\n            <\/p>\n\n          <\/div>\n\n        <\/details>\n\n\n\n        <!-- ======================================================\n             08\n             ====================================================== -->\n\n        <details class=\"tbf-item\">\n\n          <summary class=\"tbf-question\">\n\n            <span class=\"tbf-num\">\n              08\n            <\/span>\n\n            <span class=\"tbf-question-text\">\n              \u0647\u0644 \u064a\u062a\u0648\u0641\u0631 \u062a\u062b\u0628\u064a\u062a TaskBrowse \u0639\u0644\u0649 \u062e\u0648\u0627\u062f\u0645 \u0627\u0644\u0645\u0624\u0633\u0633\u0629\u061f\n            <\/span>\n\n            <span class=\"tbf-toggle\" aria-hidden=\"true\"><\/span>\n\n          <\/summary>\n\n\n          <div class=\"tbf-answer\">\n\n            <p>\n              \u0646\u0639\u0645. \u0625\u0644\u0649 \u062c\u0627\u0646\u0628 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0633\u062d\u0627\u0628\u064a\u0629\u060c\n              \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u0634\u063a\u064a\u0644 TaskBrowse\n              \u062f\u0627\u062e\u0644 \u0628\u0646\u064a\u062a\u0647\u0627 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0645\u0646\u0627\u0642\u0634\u0629 \u062e\u064a\u0627\u0631\n              <strong>\u0627\u0644\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0645\u062d\u0644\u064a (On-Premises)<\/strong>\n              \u0645\u0639\u0646\u0627.\n            <\/p>\n\n            <p>\n              \u064a\u0639\u062a\u0645\u062f \u0627\u0644\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0639\u0644\u0649 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\n              \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u0629\u060c \u0644\u0630\u0644\u0643 \u064a\u062a\u0645 \u062a\u0642\u064a\u064a\u0645 \u0647\u0630\u0627 \u0627\u0644\u062e\u064a\u0627\u0631\n              \u0645\u0639 \u0641\u0631\u064a\u0642 TaskBrowse \u0642\u0628\u0644 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n            <\/p>\n\n          <\/div>\n\n        <\/details>\n\n\n\n        <!-- ======================================================\n             09\n             ====================================================== -->\n\n        <details class=\"tbf-item\">\n\n          <summary class=\"tbf-question\">\n\n            <span class=\"tbf-num\">\n              09\n            <\/span>\n\n            <span class=\"tbf-question-text\">\n              \u0647\u0644 \u064a\u0645\u0643\u0646 \u062a\u062e\u0635\u064a\u0635 TaskBrowse \u0644\u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0637\u0631\u064a\u0642\u0629 \u0639\u0645\u0644 \u0645\u0624\u0633\u0633\u062a\u0646\u0627\u061f\n            <\/span>\n\n            <span class=\"tbf-toggle\" aria-hidden=\"true\"><\/span>\n\n          <\/summary>\n\n\n          <div class=\"tbf-answer\">\n\n            <p>\n              \u0646\u0639\u0645. \u064a\u062d\u062a\u0648\u064a TaskBrowse \u0639\u0644\u0649 \u0639\u062f\u0629 \u0648\u0633\u0627\u0626\u0644 \u0644\u0644\u062a\u062e\u0635\u064a\u0635\n              \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u062a\u063a\u064a\u064a\u0631 \u0628\u0631\u0645\u062c\u064a \u062e\u0627\u0635.\n            <\/p>\n\n            <p>\n              \u064a\u0645\u0643\u0646\u0643 \u0645\u062b\u0644\u064b\u0627 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\n              <strong>\u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0645\u062e\u0635\u0635\u0629\u060c \u0627\u0644\u0645\u0635\u0637\u0644\u062d\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629\u060c\n              \u0627\u0644\u0648\u0633\u0648\u0645 \u0648\u0627\u0644\u0641\u0626\u0627\u062a\u060c \u0648\u0633\u064a\u0631 \u0639\u0645\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n              \u0648\u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0627\u062a \u0648\u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629<\/strong>\n              \u0644\u062a\u0642\u0631\u064a\u0628 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0639\u0645\u0644 \u0645\u0646 \u0637\u0631\u064a\u0642\u0629 \u0639\u0645\u0644 \u0645\u0624\u0633\u0633\u062a\u0643.\n            <\/p>\n\n          <\/div>\n\n        <\/details>\n\n\n\n        <!-- ======================================================\n             10\n             ====================================================== -->\n\n        <details class=\"tbf-item\">\n\n          <summary class=\"tbf-question\">\n\n            <span class=\"tbf-num\">\n              10\n            <\/span>\n\n            <span class=\"tbf-question-text\">\n              \u0647\u0644 \u064a\u0645\u0643\u0646 \u062a\u0637\u0648\u064a\u0631 \u0648\u0638\u0627\u0626\u0641 \u062e\u0627\u0635\u0629 \u0644\u0645\u0624\u0633\u0633\u062a\u0646\u0627\u061f\n            <\/span>\n\n            <span class=\"tbf-toggle\" aria-hidden=\"true\"><\/span>\n\n          <\/summary>\n\n\n          <div class=\"tbf-answer\">\n\n            <p>\n              \u0641\u064a \u0628\u0639\u0636 \u0627\u0644\u062d\u0627\u0644\u0627\u062a\u060c \u0646\u0639\u0645.\n              \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0645\u0624\u0633\u0633\u062a\u0643 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0648\u0638\u064a\u0641\u0629 \u063a\u064a\u0631 \u0645\u0648\u062c\u0648\u062f\u0629\n              \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0642\u064a\u0627\u0633\u064a\u060c \u064a\u0645\u0643\u0646 \u0644\u0641\u0631\u064a\u0642 TaskBrowse\n              <strong>\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0645\u062a\u0637\u0644\u0628 \u0648\u062a\u0642\u064a\u064a\u0645 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u062a\u0637\u0648\u064a\u0631\u0647.<\/strong>\n            <\/p>\n\n            <p>\n              \u064a\u0639\u062a\u0645\u062f \u0630\u0644\u0643 \u0639\u0644\u0649 \u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0645\u062a\u0637\u0644\u0628 \u0648\u0646\u0637\u0627\u0642\u0647\n              \u0648\u0645\u062f\u0649 \u062a\u0648\u0627\u0641\u0642\u0647 \u0645\u0639 \u0628\u0646\u064a\u0629 \u0627\u0644\u0645\u0646\u062a\u062c \u0648\u062e\u0637\u0629 \u0627\u0644\u062a\u0637\u0648\u064a\u0631\u060c\n              \u0648\u064a\u062a\u0645 \u0627\u0644\u0627\u062a\u0641\u0627\u0642 \u0639\u0644\u0649 \u0623\u064a \u062a\u0637\u0648\u064a\u0631 \u062e\u0627\u0635 \u0628\u0635\u0648\u0631\u0629 \u0645\u0646\u0641\u0635\u0644\u0629.\n            <\/p>\n\n          <\/div>\n\n        <\/details>\n\n\n\n        <!-- ======================================================\n             11\n             ====================================================== -->\n\n        <details class=\"tbf-item\">\n\n          <summary class=\"tbf-question\">\n\n            <span class=\"tbf-num\">\n              11\n            <\/span>\n\n            <span class=\"tbf-question-text\">\n              \u0645\u0627 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0623\u0645\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u064a\u0648\u0641\u0631\u0647\u0627 TaskBrowse\u061f\n            <\/span>\n\n            <span class=\"tbf-toggle\" aria-hidden=\"true\"><\/span>\n\n          <\/summary>\n\n\n          <div class=\"tbf-answer\">\n\n            <p>\n              \u064a\u0648\u0641\u0631 TaskBrowse \u0639\u062f\u0629 \u0636\u0648\u0627\u0628\u0637 \u062a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062d\u0645\u0627\u064a\u0629\n              \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0646\u0638\u0627\u0645 \u0648\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u060c\n              \u0628\u062f\u0644 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u0648\u062d\u062f\u0647\u0627.\n            <\/p>\n\n            <div class=\"tbf-points\">\n\n              <span class=\"tbf-point\">\n                \u0627\u062a\u0635\u0627\u0644 \u0639\u0628\u0631 SSL\n              <\/span>\n\n              <span class=\"tbf-point\">\n                \u0627\u0644\u0645\u0635\u0627\u062f\u0642\u0629 \u0627\u0644\u062b\u0646\u0627\u0626\u064a\u0629 2FA\n              <\/span>\n\n              <span class=\"tbf-point\">\n                \u0633\u062c\u0644 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644\n              <\/span>\n\n              <span class=\"tbf-point\">\n                \u0635\u0644\u0627\u062d\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646\n              <\/span>\n\n              <span class=\"tbf-point\">\n                \u0627\u0644\u0646\u0633\u062e \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u0637\u064a\n              <\/span>\n\n            <\/div>\n\n            <p style=\"margin-top:15px;\">\n              \u064a\u0645\u0643\u0646 \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0645\u0635\u0627\u062f\u0642\u0629 \u0627\u0644\u062b\u0646\u0627\u0626\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645\n              \u062a\u0637\u0628\u064a\u0642 \u0645\u0635\u0627\u062f\u0642\u0629 \u0645\u062b\u0644 Google Authenticator\n              \u0623\u0648 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0631\u0645\u0632 \u064a\u064f\u0631\u0633\u0644 \u0625\u0644\u0649 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a.\n            <\/p>\n\n          <\/div>\n\n        <\/details>\n\n\n\n        <!-- ======================================================\n             12\n             ====================================================== -->\n\n        <details class=\"tbf-item\">\n\n          <summary class=\"tbf-question\">\n\n            <span class=\"tbf-num\">\n              12\n            <\/span>\n\n            <span class=\"tbf-question-text\">\n              \u0647\u0644 \u064a\u0645\u0643\u0646 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0645\u0646 \u064a\u0631\u0649 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0623\u0648 \u064a\u0633\u062a\u0637\u064a\u0639 \u062a\u0639\u062f\u064a\u0644\u0647\u0627\u061f\n            <\/span>\n\n            <span class=\"tbf-toggle\" aria-hidden=\"true\"><\/span>\n\n          <\/summary>\n\n\n          <div class=\"tbf-answer\">\n\n            <p>\n              \u0646\u0639\u0645. \u064a\u0645\u0643\u0646 \u0644\u0644\u0625\u062f\u0627\u0631\u0629 \u0645\u0646\u062d \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0635\u0644\u0627\u062d\u064a\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629\n              \u0628\u062f\u0644 \u0625\u0639\u0637\u0627\u0621 \u0627\u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0648\u0635\u0648\u0644 \u0646\u0641\u0633\u0647 \u0625\u0644\u0649 \u0627\u0644\u0646\u0638\u0627\u0645.\n            <\/p>\n\n            <p>\n              \u0643\u0645\u0627 \u064a\u0645\u0643\u0646 \u0625\u0646\u0634\u0627\u0621\n              <strong>\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646<\/strong>\n              \u0644\u0644\u0623\u0634\u062e\u0627\u0635 \u0627\u0644\u0630\u064a\u0646 \u064a\u062d\u062a\u0627\u062c\u0648\u0646 \u0625\u0644\u0649 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0634\u0627\u0628\u0647\u0629\n              \u0645\u0646 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0627\u062a\u060c \u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0636\u0648\u0627\u0628\u0637 \u0645\u0631\u062a\u0628\u0637\u0629\n              \u0628\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629.\n            <\/p>\n\n          <\/div>\n\n        <\/details>\n\n\n\n        <!-- ======================================================\n             13\n             ====================================================== -->\n\n        <details class=\"tbf-item\">\n\n          <summary class=\"tbf-question\">\n\n            <span class=\"tbf-num\">\n              13\n            <\/span>\n\n            <span class=\"tbf-question-text\">\n              \u0645\u0627 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0644\u0623\u0639\u0636\u0627\u0621 \u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u061f\n            <\/span>\n\n            <span class=\"tbf-toggle\" aria-hidden=\"true\"><\/span>\n\n          <\/summary>\n\n\n          <div class=\"tbf-answer\">\n\n            <p>\n              \u0639\u0646\u062f \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0625\u0644\u0649 \u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c\n              \u064a\u0645\u0643\u0646 \u062a\u062d\u062f\u064a\u062f \u0645\u0633\u062a\u0648\u0649 \u0648\u0635\u0648\u0644\u0647 \u062d\u0633\u0628 \u0645\u0633\u0624\u0648\u0644\u064a\u062a\u0647 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n            <\/p>\n\n\n            <div class=\"tbf-levels\">\n\n\n              <div class=\"tbf-level\">\n\n                <span>\n                  \u0627\u0644\u0645\u0633\u062a\u0648\u0649 01\n                <\/span>\n\n                <strong>\n                  \u0639\u0631\u0636 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0639\u064a\u0651\u0646\u0629 \u0625\u0644\u064a\u0647 \u0623\u0648 \u0625\u0644\u0649 \u0641\u0631\u064a\u0642\u0647\n                <\/strong>\n\n              <\/div>\n\n\n              <div class=\"tbf-level\">\n\n                <span>\n                  \u0627\u0644\u0645\u0633\u062a\u0648\u0649 02\n                <\/span>\n\n                <strong>\n                  \u0639\u0631\u0636 \u062c\u0645\u064a\u0639 \u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                <\/strong>\n\n              <\/div>\n\n\n              <div class=\"tbf-level\">\n\n                <span>\n                  \u0627\u0644\u0645\u0633\u062a\u0648\u0649 03\n                <\/span>\n\n                <strong>\n                  \u0639\u0631\u0636 \u0648\u062a\u0639\u062f\u064a\u0644 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0625\u0636\u0627\u0641\u0629 \u0645\u0647\u0627\u0645 \u062c\u062f\u064a\u062f\u0629\n                <\/strong>\n\n              <\/div>\n\n\n            <\/div>\n\n\n            <p style=\"margin-top:16px;\">\n              \u0648\u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u062a\u0641\u0627\u0639\u0644 \u0647\u0630\u0647 \u0627\u0644\u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0645\u0639 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0627\u062a\n              \u0627\u0644\u0623\u062e\u0631\u0649 \u0627\u0644\u062a\u064a \u064a\u0645\u0644\u0643\u0647\u0627 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0646\u0638\u0627\u0645.\n            <\/p>\n\n          <\/div>\n\n        <\/details>\n\n\n\n        <!-- ======================================================\n             14\n             ====================================================== -->\n\n        <details class=\"tbf-item\">\n\n          <summary class=\"tbf-question\">\n\n            <span class=\"tbf-num\">\n              14\n            <\/span>\n\n            <span class=\"tbf-question-text\">\n              \u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u0646 \u0627\u0644\u062a\u0639\u062f\u064a\u0644\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u0645\u0631\u063a\u0648\u0628\u0629\u061f\n            <\/span>\n\n            <span class=\"tbf-toggle\" aria-hidden=\"true\"><\/span>\n\n          <\/summary>\n\n\n          <div class=\"tbf-answer\">\n\n            <p>\n              \u064a\u0648\u0641\u0631 TaskBrowse \u0623\u062f\u0648\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u0644\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n              \u0639\u0646\u062f\u0645\u0627 \u062a\u062d\u062a\u0627\u062c \u0627\u0644\u0645\u0624\u0633\u0633\u0629 \u0625\u0644\u0649 \u062a\u062b\u0628\u064a\u062a \u062d\u0627\u0644\u062a\u0647\n              \u0623\u0648 \u0645\u0631\u0627\u062c\u0639\u0629 \u0645\u0627 \u062c\u0631\u0649 \u0639\u0644\u064a\u0647.\n            <\/p>\n\n            <p>\n              \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u0645\u062e\u0648\u0644\u064a\u0646\n              <strong>\u0642\u0641\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/strong>\u060c\n              \u0645\u0627 \u064a\u0645\u0646\u0639 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0645\u0647\u0627\u0645\u0647\n              \u062d\u062a\u0649 \u062a\u062a\u0645 \u0625\u0639\u0627\u062f\u0629 \u0641\u062a\u062d\u0647 \u0645\u0646 \u0634\u062e\u0635 \u0644\u062f\u064a\u0647 \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629.\n              \u0643\u0645\u0627 \u064a\u062a\u0648\u0641\u0631 \u0633\u062c\u0644 \u0644\u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645\u060c\n              \u0648\u064a\u0645\u0643\u0646 \u0642\u0641\u0644 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u0631\u0641\u0642\u0629 \u0641\u064a \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629.\n            <\/p>\n\n            <div class=\"tbf-points\">\n\n              <span class=\"tbf-point\">\n                \u0642\u0641\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n              <\/span>\n\n              <span class=\"tbf-point\">\n                \u0633\u062c\u0644 \u0627\u0644\u062a\u063a\u064a\u064a\u0631\u0627\u062a\n              <\/span>\n\n              <span class=\"tbf-point\">\n                \u0642\u0641\u0644 \u0627\u0644\u0645\u0644\u0641\u0627\u062a\n              <\/span>\n\n              <span class=\"tbf-point\">\n                \u0635\u0644\u0627\u062d\u064a\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n              <\/span>\n\n            <\/div>\n\n          <\/div>\n\n        <\/details>\n\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- ==========================================================\n         CLOSING\n         ========================================================== -->\n\n    <div class=\"tbf-bottom\">\n\n      <p>\n        \u062a\u062e\u062a\u0644\u0641 \u0637\u0631\u064a\u0642\u0629 \u0625\u0639\u062f\u0627\u062f TaskBrowse \u0628\u0627\u062e\u062a\u0644\u0627\u0641 \u062d\u062c\u0645 \u0627\u0644\u0641\u0631\u064a\u0642\n        \u0648\u0637\u0631\u064a\u0642\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0627\u0644\u062a\u062e\u0635\u064a\u0635.\n        \u0644\u0630\u0644\u0643 \u0628\u0639\u0636 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629\u060c \u0645\u062b\u0644 \u0627\u0644\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0645\u062d\u0644\u064a\n        \u0623\u0648 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062e\u0627\u0635\u060c \u064a\u062a\u0645 \u062a\u0642\u064a\u064a\u0645\u0647\u0627 \u062d\u0633\u0628 \u0627\u0644\u062d\u0627\u0644\u0629.\n      <\/p>\n\n      <strong>\n        \u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u062a\u0627\u0644\u064a: \u0647\u0644 \u062a\u0631\u064a\u062f \u0623\u0646 \u062a\u0631\u0627\u0647 \u0639\u0644\u0649 \u0639\u0645\u0644\u0643 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u061f\n      <\/strong>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     TaskBrowse Arabic \u2014 Latest Blog Posts\n     WordPress Multisite compatible\n     Retrieves latest 4 posts from CURRENT Arabic site\n     HTML + CSS + Vanilla JavaScript\n     NO PHP\n========================================================= -->\n\n<style>\n\/* ==========================================================================\n   TaskBrowse Arabic \u2014 Latest Blog Posts\n   Scope: #tb-ar-blog-latest\n   ========================================================================== *\/\n\n#tb-ar-blog-latest,\n#tb-ar-blog-latest *,\n#tb-ar-blog-latest *::before,\n#tb-ar-blog-latest *::after {\n  box-sizing: border-box;\n}\n\n\n#tb-ar-blog-latest {\n  --tbblog-ink: #202124;\n  --tbblog-muted: #686966;\n  --tbblog-soft: #8d8e89;\n\n  --tbblog-bg: #f3f3f1;\n  --tbblog-paper: #ffffff;\n  --tbblog-line: #d8d9d5;\n\n  --tbblog-red: #c8102e;\n\n  width: 100%;\n\n  margin: 0;\n\n  padding:\n    clamp(62px, 7vw, 96px)\n    24px\n    clamp(76px, 8vw, 110px);\n\n  background: var(--tbblog-bg);\n\n  color: var(--tbblog-ink);\n\n  direction: rtl;\n\n  font-family:\n    \"Noto Sans Arabic\",\n    \"Noto Naskh Arabic\",\n    Tahoma,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  -webkit-font-smoothing: antialiased;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__inner {\n  width: min(100%, 1240px);\n\n  margin-inline: auto;\n}\n\n\n\/* ==========================================================================\n   HEADER\n   ========================================================================== *\/\n\n#tb-ar-blog-latest .tb-blog-latest__header {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.05fr)\n    minmax(340px, 0.95fr);\n\n  gap: clamp(46px, 6vw, 82px);\n\n  align-items: end;\n\n  margin-bottom: 48px;\n\n  padding-top: 28px;\n\n  border-top:\n    1px solid\n    var(--tbblog-line);\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__eyebrow {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  margin:\n    0\n    0\n    13px;\n\n  color: var(--tbblog-red);\n\n  font-size: 14px;\n  font-weight: 800;\n  line-height: 1.4;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__eyebrow::before {\n  width: 24px;\n  height: 2px;\n\n  flex: 0 0 auto;\n\n  content: \"\";\n\n  background: var(--tbblog-red);\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__title {\n  max-width: 650px;\n\n  margin: 0;\n\n  color: var(--tbblog-ink);\n\n  font-size:\n    clamp(\n      2rem,\n      3.5vw,\n      3rem\n    );\n\n  font-weight: 800;\n  line-height: 1.42;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__header-right {\n  max-width: 570px;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__intro {\n  margin: 0;\n\n  color: var(--tbblog-muted);\n\n  font-size: 16px;\n  line-height: 1.9;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__all {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  margin-top: 18px;\n\n  padding-bottom: 4px;\n\n  color: var(--tbblog-ink);\n\n  font-size: 13px;\n  font-weight: 800;\n  line-height: 1.4;\n\n  text-decoration: none;\n\n  border-bottom:\n    1px solid\n    rgba(200, 16, 46, 0.38);\n\n  transition:\n    color 160ms ease,\n    gap 160ms ease,\n    border-color 160ms ease;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__all:hover {\n  gap: 12px;\n\n  color: var(--tbblog-red);\n\n  border-color: var(--tbblog-red);\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__all:focus-visible {\n  outline:\n    3px solid\n    rgba(200, 16, 46, 0.18);\n\n  outline-offset: 5px;\n}\n\n\n\/* ==========================================================================\n   MAIN LAYOUT\n   ========================================================================== *\/\n\n#tb-ar-blog-latest .tb-blog-latest__grid {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.22fr)\n    minmax(340px, 0.78fr);\n\n  gap: clamp(36px, 5vw, 62px);\n\n  align-items: start;\n}\n\n\n\/* ==========================================================================\n   FEATURED ARTICLE\n   ========================================================================== *\/\n\n#tb-ar-blog-latest .tb-blog-latest__featured {\n  min-width: 0;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__featured-link {\n  display: block;\n\n  color: inherit;\n\n  text-decoration: none;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__featured-media {\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio: 16 \/ 9;\n\n  overflow: hidden;\n\n  border-radius: 15px;\n\n  background: #dfdfdb;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__featured-media img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  transition:\n    transform 400ms ease;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__featured-media::after {\n  position: absolute;\n\n  inset: 0;\n\n  content: \"\";\n\n  pointer-events: none;\n\n  box-shadow:\n    inset 0 0 0 1px\n    rgba(32, 33, 36, 0.07);\n\n  border-radius: inherit;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__featured-copy {\n  padding-top: 23px;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__meta {\n  display: flex;\n\n  align-items: center;\n  flex-wrap: wrap;\n\n  gap: 10px;\n\n  margin-bottom: 10px;\n\n  color: var(--tbblog-soft);\n\n  font-size: 11px;\n  font-weight: 700;\n  line-height: 1.4;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__meta-mark {\n  display: block;\n\n  width: 18px;\n  height: 2px;\n\n  flex: 0 0 auto;\n\n  background: var(--tbblog-red);\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__featured-title {\n  max-width: 700px;\n\n  margin: 0;\n\n  color: var(--tbblog-ink);\n\n  font-size:\n    clamp(\n      1.45rem,\n      2.3vw,\n      2rem\n    );\n\n  font-weight: 800;\n  line-height: 1.55;\n\n  transition:\n    color 160ms ease;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__excerpt {\n  max-width: 66ch;\n\n  margin:\n    13px\n    0\n    0;\n\n  color: var(--tbblog-muted);\n\n  font-size: 14px;\n  line-height: 1.9;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__read {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n  margin-top: 17px;\n\n  color: var(--tbblog-ink);\n\n  font-size: 12.5px;\n  font-weight: 800;\n}\n\n\n#tb-ar-blog-latest\n.tb-blog-latest__featured-link:hover\n.tb-blog-latest__featured-media img {\n  transform: scale(1.025);\n}\n\n\n#tb-ar-blog-latest\n.tb-blog-latest__featured-link:hover\n.tb-blog-latest__featured-title {\n  color: var(--tbblog-red);\n}\n\n\n\/* ==========================================================================\n   SIDE ARTICLES\n   ========================================================================== *\/\n\n#tb-ar-blog-latest .tb-blog-latest__side {\n  border-top:\n    1px solid\n    var(--tbblog-line);\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__side-item {\n  border-bottom:\n    1px solid\n    var(--tbblog-line);\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__side-link {\n  display: grid;\n\n  grid-template-columns:\n    138px\n    minmax(0, 1fr);\n\n  gap: 20px;\n\n  align-items: center;\n\n  padding:\n    22px\n    0;\n\n  color: inherit;\n\n  text-decoration: none;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__side-media {\n  position: relative;\n\n  width: 100%;\n\n  aspect-ratio: 4 \/ 3;\n\n  overflow: hidden;\n\n  border-radius: 9px;\n\n  background: #dfdfdb;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__side-media img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  transition:\n    transform 350ms ease;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__side-media::after {\n  position: absolute;\n\n  inset: 0;\n\n  content: \"\";\n\n  pointer-events: none;\n\n  border:\n    1px solid\n    rgba(32, 33, 36, 0.07);\n\n  border-radius: inherit;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__side-copy {\n  min-width: 0;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__side-date {\n  margin:\n    0\n    0\n    7px;\n\n  color: var(--tbblog-soft);\n\n  font-size: 10.5px;\n  font-weight: 700;\n  line-height: 1.4;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__side-title {\n  margin: 0;\n\n  color: var(--tbblog-ink);\n\n  font-size: 15px;\n  font-weight: 800;\n  line-height: 1.65;\n\n  transition:\n    color 160ms ease;\n}\n\n\n#tb-ar-blog-latest\n.tb-blog-latest__side-link:hover\n.tb-blog-latest__side-title {\n  color: var(--tbblog-red);\n}\n\n\n#tb-ar-blog-latest\n.tb-blog-latest__side-link:hover\n.tb-blog-latest__side-media img {\n  transform: scale(1.035);\n}\n\n\n\/* ==========================================================================\n   IMAGE FALLBACK\n   ========================================================================== *\/\n\n#tb-ar-blog-latest .tb-blog-latest__no-image {\n  position: relative;\n\n  display: flex;\n\n  width: 100%;\n  height: 100%;\n\n  align-items: center;\n  justify-content: center;\n\n  background: #292b2e;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__no-image::before {\n  width: 28px;\n  height: 28px;\n\n  content: \"\";\n\n  border:\n    1px solid\n    rgba(255, 255, 255, 0.75);\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__no-image::after {\n  position: absolute;\n\n  width: 7px;\n  height: 7px;\n\n  content: \"\";\n\n  background: var(--tbblog-red);\n\n  transform:\n    translate(16px, -16px);\n}\n\n\n\/* ==========================================================================\n   LOADING STATE\n   ========================================================================== *\/\n\n#tb-ar-blog-latest .tb-blog-latest__skeleton {\n  pointer-events: none;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__skeleton-media {\n  width: 100%;\n\n  aspect-ratio: 16 \/ 9;\n\n  margin-bottom: 25px;\n\n  border-radius: 15px;\n\n  background: #dfdfdb;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__skeleton-thumb {\n  width: 138px;\n\n  aspect-ratio: 4 \/ 3;\n\n  border-radius: 9px;\n\n  background: #dfdfdb;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__skeleton-line {\n  width: 88%;\n  height: 13px;\n\n  margin-top: 10px;\n\n  background: #dfdfdb;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__skeleton-line--small {\n  width: 34%;\n  height: 8px;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__skeleton-line--medium {\n  width: 62%;\n}\n\n\n#tb-ar-blog-latest\n.tb-blog-latest__skeleton.tb-blog-latest__side-item {\n  display: grid;\n\n  grid-template-columns:\n    138px\n    minmax(0, 1fr);\n\n  gap: 20px;\n\n  align-items: center;\n\n  padding:\n    22px\n    0;\n}\n\n\n\/* ==========================================================================\n   ERROR \/ EMPTY\n   ========================================================================== *\/\n\n#tb-ar-blog-latest .tb-blog-latest__empty {\n  grid-column:\n    1 \/ -1;\n\n  padding:\n    38px\n    0;\n\n  border-top:\n    1px solid\n    var(--tbblog-line);\n\n  border-bottom:\n    1px solid\n    var(--tbblog-line);\n\n  color: var(--tbblog-muted);\n\n  font-size: 14px;\n  line-height: 1.8;\n}\n\n\n#tb-ar-blog-latest .tb-blog-latest__empty a {\n  color: var(--tbblog-ink);\n\n  font-weight: 800;\n\n  text-decoration:\n    underline;\n\n  text-underline-offset: 4px;\n}\n\n\n\/* ==========================================================================\n   TABLET\n   ========================================================================== *\/\n\n@media (max-width: 900px) {\n\n  #tb-ar-blog-latest {\n    padding:\n      72px\n      22px\n      88px;\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__header {\n    grid-template-columns: 1fr;\n\n    gap: 23px;\n\n    margin-bottom: 42px;\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__header-right {\n    max-width: 700px;\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__grid {\n    grid-template-columns: 1fr;\n\n    gap: 42px;\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__side {\n    display: grid;\n\n    grid-template-columns:\n      repeat(3, minmax(0, 1fr));\n\n    gap: 20px;\n\n    border-top: 0;\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__side-item {\n    border-bottom: 0;\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__side-link {\n    display: block;\n\n    padding: 0;\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__side-media {\n    aspect-ratio: 16 \/ 10;\n\n    margin-bottom: 15px;\n  }\n\n\n  #tb-ar-blog-latest\n  .tb-blog-latest__skeleton.tb-blog-latest__side-item {\n    display: block;\n\n    padding: 0;\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__skeleton-thumb {\n    width: 100%;\n\n    aspect-ratio: 16 \/ 10;\n\n    margin-bottom: 15px;\n  }\n\n}\n\n\n\/* ==========================================================================\n   MOBILE\n   ========================================================================== *\/\n\n@media (max-width: 640px) {\n\n  #tb-ar-blog-latest {\n    padding:\n      62px\n      18px\n      76px;\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__header {\n    margin-bottom: 34px;\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__title {\n    font-size: 29px;\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__intro {\n    font-size: 15px;\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__featured-media {\n    border-radius: 11px;\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__featured-copy {\n    padding-top: 19px;\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__featured-title {\n    font-size: 21px;\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__side {\n    grid-template-columns: 1fr;\n\n    gap: 0;\n\n    border-top:\n      1px solid\n      var(--tbblog-line);\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__side-item {\n    border-bottom:\n      1px solid\n      var(--tbblog-line);\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__side-link {\n    display: grid;\n\n    grid-template-columns:\n      104px\n      minmax(0, 1fr);\n\n    gap: 15px;\n\n    align-items: center;\n\n    padding:\n      18px\n      0;\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__side-media {\n    margin: 0;\n\n    aspect-ratio: 4 \/ 3;\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__side-title {\n    font-size: 14px;\n  }\n\n\n  #tb-ar-blog-latest\n  .tb-blog-latest__skeleton.tb-blog-latest__side-item {\n    display: grid;\n\n    grid-template-columns:\n      104px\n      minmax(0, 1fr);\n\n    gap: 15px;\n\n    padding:\n      18px\n      0;\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__skeleton-thumb {\n    width: 104px;\n\n    margin: 0;\n\n    aspect-ratio: 4 \/ 3;\n  }\n\n}\n\n\n\/* ==========================================================================\n   VERY SMALL MOBILE\n   ========================================================================== *\/\n\n@media (max-width: 390px) {\n\n  #tb-ar-blog-latest {\n    padding-right: 15px;\n    padding-left: 15px;\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__side-link,\n  #tb-ar-blog-latest\n  .tb-blog-latest__skeleton.tb-blog-latest__side-item {\n    grid-template-columns:\n      94px\n      minmax(0, 1fr);\n  }\n\n\n  #tb-ar-blog-latest .tb-blog-latest__skeleton-thumb {\n    width: 94px;\n  }\n\n}\n\n\n\/* ==========================================================================\n   REDUCED MOTION\n   ========================================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  #tb-ar-blog-latest .tb-blog-latest__featured-media img,\n  #tb-ar-blog-latest .tb-blog-latest__side-media img,\n  #tb-ar-blog-latest .tb-blog-latest__all {\n    transition: none;\n  }\n\n\n  #tb-ar-blog-latest\n  .tb-blog-latest__featured-link:hover\n  .tb-blog-latest__featured-media img,\n\n  #tb-ar-blog-latest\n  .tb-blog-latest__side-link:hover\n  .tb-blog-latest__side-media img {\n    transform: none;\n  }\n\n}\n<\/style>\n\n\n\n<section\n  id=\"tb-ar-blog-latest\"\n  class=\"tb-blog-latest\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb-blog-latest-title\"\n>\n\n  <div class=\"tb-blog-latest__inner\">\n\n\n    <!-- =========================================================\n         HEADER\n         ========================================================= -->\n\n    <header class=\"tb-blog-latest__header\">\n\n      <div>\n\n        <p class=\"tb-blog-latest__eyebrow\">\n          \u0623\u0641\u0643\u0627\u0631 \u0648\u0631\u0624\u0649\n        <\/p>\n\n        <h2\n          class=\"tb-blog-latest__title\"\n          id=\"tb-blog-latest-title\"\n        >\n          \u0623\u062d\u062f\u062b \u0645\u0642\u0627\u0644\u0627\u062a TaskBrowse\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"tb-blog-latest__header-right\">\n\n        <p class=\"tb-blog-latest__intro\">\n          \u0645\u0642\u0627\u0644\u0627\u062a \u0639\u0646 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637\u060c\n          \u0648\u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0644\u0644\u0641\u0631\u0642 \u0641\u0647\u0645 \u0645\u0627 \u064a\u062d\u062f\u062b \u0641\u064a \u0627\u0644\u0639\u0645\u0644 \u0628\u0635\u0648\u0631\u0629 \u0623\u0641\u0636\u0644.\n        <\/p>\n\n        <a\n          class=\"tb-blog-latest__all\"\n          href=\"\/ar\/category\/blog\/\"\n        >\n          \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a\n          <span aria-hidden=\"true\">\u2190<\/span>\n        <\/a>\n\n      <\/div>\n\n    <\/header>\n\n\n\n    <!-- =========================================================\n         POSTS ARE INSERTED HERE\n         ========================================================= -->\n\n    <div\n      class=\"tb-blog-latest__grid\"\n      id=\"tbBlogLatestGridAr\"\n      aria-live=\"polite\"\n      aria-busy=\"true\"\n    >\n\n\n      <!-- FEATURED SKELETON -->\n\n      <article\n        class=\"\n          tb-blog-latest__featured\n          tb-blog-latest__skeleton\n        \"\n      >\n\n        <div\n          class=\"tb-blog-latest__skeleton-media\"\n        ><\/div>\n\n        <div\n          class=\"\n            tb-blog-latest__skeleton-line\n            tb-blog-latest__skeleton-line--small\n          \"\n        ><\/div>\n\n        <div\n          class=\"tb-blog-latest__skeleton-line\"\n        ><\/div>\n\n        <div\n          class=\"\n            tb-blog-latest__skeleton-line\n            tb-blog-latest__skeleton-line--medium\n          \"\n        ><\/div>\n\n      <\/article>\n\n\n\n      <!-- SIDE SKELETONS -->\n\n      <div class=\"tb-blog-latest__side\">\n\n\n        <article\n          class=\"\n            tb-blog-latest__side-item\n            tb-blog-latest__skeleton\n          \"\n        >\n\n          <div\n            class=\"tb-blog-latest__skeleton-thumb\"\n          ><\/div>\n\n          <div>\n\n            <div\n              class=\"\n                tb-blog-latest__skeleton-line\n                tb-blog-latest__skeleton-line--small\n              \"\n            ><\/div>\n\n            <div\n              class=\"tb-blog-latest__skeleton-line\"\n            ><\/div>\n\n          <\/div>\n\n        <\/article>\n\n\n\n        <article\n          class=\"\n            tb-blog-latest__side-item\n            tb-blog-latest__skeleton\n          \"\n        >\n\n          <div\n            class=\"tb-blog-latest__skeleton-thumb\"\n          ><\/div>\n\n          <div>\n\n            <div\n              class=\"\n                tb-blog-latest__skeleton-line\n                tb-blog-latest__skeleton-line--small\n              \"\n            ><\/div>\n\n            <div\n              class=\"tb-blog-latest__skeleton-line\"\n            ><\/div>\n\n          <\/div>\n\n        <\/article>\n\n\n\n        <article\n          class=\"\n            tb-blog-latest__side-item\n            tb-blog-latest__skeleton\n          \"\n        >\n\n          <div\n            class=\"tb-blog-latest__skeleton-thumb\"\n          ><\/div>\n\n          <div>\n\n            <div\n              class=\"\n                tb-blog-latest__skeleton-line\n                tb-blog-latest__skeleton-line--small\n              \"\n            ><\/div>\n\n            <div\n              class=\"tb-blog-latest__skeleton-line\"\n            ><\/div>\n\n          <\/div>\n\n        <\/article>\n\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<script>\n(function () {\n  \"use strict\";\n\n\n  \/* =========================================================\n     GET REST ROOT OF CURRENT WORDPRESS MULTISITE SITE\n\n     On the Arabic site this should resolve to something like:\n     https:\/\/taskbrowse.com\/ar\/wp-json\/\n\n     No lang=ar is needed because Arabic is its own WP site.\n     ========================================================= *\/\n\n  function getTaskBrowseRestRoot() {\n\n    var apiLink =\n      document.querySelector(\n        'link[rel=\"https:\/\/api.w.org\/\"]'\n      );\n\n\n    if (\n      apiLink &&\n      apiLink.href\n    ) {\n\n      return ensureTrailingSlash(\n        apiLink.href\n      );\n\n    }\n\n\n    \/*\n     * Fallback specifically for the Arabic TaskBrowse site.\n     *\/\n\n    return (\n      window.location.origin +\n      \"\/ar\/wp-json\/\"\n    );\n\n  }\n\n\n\n  function ensureTrailingSlash(value) {\n\n    if (!value) {\n      return \"\";\n    }\n\n\n    return value.charAt(\n      value.length - 1\n    ) === \"\/\"\n      ? value\n      : value + \"\/\";\n\n  }\n\n\n\n  \/* =========================================================\n     INIT\n     ========================================================= *\/\n\n  function initTaskBrowseArabicBlog() {\n\n    var grid =\n      document.getElementById(\n        \"tbBlogLatestGridAr\"\n      );\n\n\n    if (\n      !grid ||\n      grid.getAttribute(\n        \"data-tb-blog-ready\"\n      ) === \"true\"\n    ) {\n\n      return;\n\n    }\n\n\n    grid.setAttribute(\n      \"data-tb-blog-ready\",\n      \"true\"\n    );\n\n\n    var restRoot =\n      getTaskBrowseRestRoot();\n\n\n    \/*\n     * Same approach as working English homepage.\n     *\n     * Because this is WordPress Multisite,\n     * this endpoint retrieves posts from CURRENT Arabic site.\n     *\/\n\n    var requestUrl =\n      restRoot +\n      \"wp\/v2\/posts\" +\n      \"?per_page=4\" +\n      \"&status=publish\" +\n      \"&orderby=date\" +\n      \"&order=desc\" +\n      \"&_embed=wp:featuredmedia\";\n\n\n    fetch(\n      requestUrl,\n      {\n        credentials: \"same-origin\"\n      }\n    )\n\n      .then(function (response) {\n\n        if (!response.ok) {\n\n          throw new Error(\n            \"Unable to load posts: \" +\n            response.status\n          );\n\n        }\n\n\n        return response.json();\n\n      })\n\n\n      .then(function (posts) {\n\n        if (\n          !Array.isArray(posts) ||\n          posts.length === 0\n        ) {\n\n          showEmpty(grid);\n\n          return;\n\n        }\n\n\n        renderPosts(\n          grid,\n          posts\n        );\n\n      })\n\n\n      .catch(function (error) {\n\n        console.warn(\n          \"TaskBrowse Arabic latest posts:\",\n          error\n        );\n\n\n        showEmpty(grid);\n\n      });\n\n  }\n\n\n\n  \/* =========================================================\n     OUTPUT\n     ========================================================= *\/\n\n  function renderPosts(\n    grid,\n    posts\n  ) {\n\n    var featured =\n      posts[0];\n\n\n    var sidePosts =\n      posts.slice(\n        1,\n        4\n      );\n\n\n    var html = \"\";\n\n\n    html +=\n      renderFeatured(\n        featured\n      );\n\n\n    html +=\n      '<div class=\"tb-blog-latest__side\">';\n\n\n    sidePosts.forEach(\n      function (post) {\n\n        html +=\n          renderSide(post);\n\n      }\n    );\n\n\n    html +=\n      \"<\/div>\";\n\n\n    grid.innerHTML =\n      html;\n\n\n    grid.setAttribute(\n      \"aria-busy\",\n      \"false\"\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     FEATURED ARTICLE\n     ========================================================= *\/\n\n  function renderFeatured(post) {\n\n    var title =\n      getTitle(post);\n\n\n    var link =\n      safeUrl(\n        post.link\n      );\n\n\n    var image =\n      getImage(\n        post,\n        \"large\"\n      );\n\n\n    var imageAlt =\n      getImageAlt(post);\n\n\n    var excerpt =\n      getExcerpt(post);\n\n\n    var date =\n      formatDate(\n        post.date\n      );\n\n\n    return (\n\n      '<article class=\"tb-blog-latest__featured\">' +\n\n\n        '<a ' +\n          'class=\"tb-blog-latest__featured-link\" ' +\n          'href=\"' +\n          escapeAttribute(link) +\n        '\">' +\n\n\n          '<div class=\"tb-blog-latest__featured-media\">' +\n\n            renderImage(\n              image,\n              imageAlt,\n              false\n            ) +\n\n          '<\/div>' +\n\n\n          '<div class=\"tb-blog-latest__featured-copy\">' +\n\n\n            '<div class=\"tb-blog-latest__meta\">' +\n\n              '<span ' +\n                'class=\"tb-blog-latest__meta-mark\" ' +\n                'aria-hidden=\"true\">' +\n              '<\/span>' +\n\n              '<span>' +\n                escapeHtml(date) +\n              '<\/span>' +\n\n            '<\/div>' +\n\n\n            '<h3 class=\"tb-blog-latest__featured-title\">' +\n              escapeHtml(title) +\n            '<\/h3>' +\n\n\n            (\n              excerpt\n                ?\n                  '<p class=\"tb-blog-latest__excerpt\">' +\n                    escapeHtml(excerpt) +\n                  '<\/p>'\n                :\n                  \"\"\n            ) +\n\n\n            '<span class=\"tb-blog-latest__read\">' +\n\n              '\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0642\u0627\u0644 ' +\n\n              '<span aria-hidden=\"true\">\u2190<\/span>' +\n\n            '<\/span>' +\n\n\n          '<\/div>' +\n\n\n        '<\/a>' +\n\n\n      '<\/article>'\n\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     SIDE ARTICLE\n     ========================================================= *\/\n\n  function renderSide(post) {\n\n    var title =\n      getTitle(post);\n\n\n    var link =\n      safeUrl(\n        post.link\n      );\n\n\n    var image =\n      getImage(\n        post,\n        \"medium\"\n      );\n\n\n    var imageAlt =\n      getImageAlt(post);\n\n\n    var date =\n      formatDate(\n        post.date\n      );\n\n\n    return (\n\n      '<article class=\"tb-blog-latest__side-item\">' +\n\n\n        '<a ' +\n          'class=\"tb-blog-latest__side-link\" ' +\n          'href=\"' +\n          escapeAttribute(link) +\n        '\">' +\n\n\n          '<div class=\"tb-blog-latest__side-media\">' +\n\n            renderImage(\n              image,\n              imageAlt,\n              true\n            ) +\n\n          '<\/div>' +\n\n\n          '<div class=\"tb-blog-latest__side-copy\">' +\n\n\n            '<p class=\"tb-blog-latest__side-date\">' +\n              escapeHtml(date) +\n            '<\/p>' +\n\n\n            '<h3 class=\"tb-blog-latest__side-title\">' +\n              escapeHtml(title) +\n            '<\/h3>' +\n\n\n          '<\/div>' +\n\n\n        '<\/a>' +\n\n\n      '<\/article>'\n\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     WORDPRESS FEATURED MEDIA\n     ========================================================= *\/\n\n  function getMedia(post) {\n\n    var embedded;\n\n\n    if (\n      !post ||\n      !post._embedded\n    ) {\n\n      return null;\n\n    }\n\n\n    embedded =\n      post._embedded[\n        \"wp:featuredmedia\"\n      ];\n\n\n    if (\n      !embedded ||\n      !embedded.length\n    ) {\n\n      return null;\n\n    }\n\n\n    return embedded[0];\n\n  }\n\n\n\n  function getImage(\n    post,\n    preferredSize\n  ) {\n\n    var media =\n      getMedia(post);\n\n\n    var sizes;\n\n\n    if (!media) {\n\n      return \"\";\n\n    }\n\n\n    sizes =\n      media.media_details &&\n      media.media_details.sizes\n\n        ? media.media_details.sizes\n\n        : {};\n\n\n    \/*\n     * Featured article:\n     * prefer a suitable large WordPress derivative.\n     *\/\n\n    if (\n      preferredSize === \"large\"\n    ) {\n\n\n      if (\n        sizes.large &&\n        sizes.large.source_url\n      ) {\n\n        return (\n          sizes.large.source_url\n        );\n\n      }\n\n\n      if (\n        sizes.medium_large &&\n        sizes.medium_large.source_url\n      ) {\n\n        return (\n          sizes.medium_large.source_url\n        );\n\n      }\n\n    }\n\n\n    \/*\n     * Side articles.\n     *\/\n\n    if (\n      sizes.medium_large &&\n      sizes.medium_large.source_url\n    ) {\n\n      return (\n        sizes.medium_large.source_url\n      );\n\n    }\n\n\n    if (\n      sizes.medium &&\n      sizes.medium.source_url\n    ) {\n\n      return (\n        sizes.medium.source_url\n      );\n\n    }\n\n\n    \/*\n     * Last fallback:\n     * original featured image.\n     *\/\n\n    return (\n      media.source_url ||\n      \"\"\n    );\n\n  }\n\n\n\n  function getImageAlt(post) {\n\n    var media =\n      getMedia(post);\n\n\n    if (\n      media &&\n      media.alt_text\n    ) {\n\n      return decodeHtml(\n        media.alt_text\n      );\n\n    }\n\n\n    return getTitle(post);\n\n  }\n\n\n\n  function renderImage(\n    source,\n    alt,\n    lazy\n  ) {\n\n    if (!source) {\n\n      return (\n        '<span ' +\n          'class=\"tb-blog-latest__no-image\" ' +\n          'aria-hidden=\"true\">' +\n        '<\/span>'\n      );\n\n    }\n\n\n    return (\n\n      '<img ' +\n\n        'src=\"' +\n          escapeAttribute(source) +\n        '\" ' +\n\n        'alt=\"' +\n          escapeAttribute(alt) +\n        '\" ' +\n\n        'loading=\"' +\n          (\n            lazy\n              ? \"lazy\"\n              : \"eager\"\n          ) +\n        '\" ' +\n\n        (\n          lazy\n            ? \"\"\n            : 'fetchpriority=\"high\" '\n        ) +\n\n        'decoding=\"async\"' +\n\n      '>'\n\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     TITLE\n     ========================================================= *\/\n\n  function getTitle(post) {\n\n    if (\n      post &&\n      post.title &&\n      post.title.rendered\n    ) {\n\n      return decodeHtml(\n        stripTags(\n          post.title.rendered\n        )\n      );\n\n    }\n\n\n    return \"\u0645\u0642\u0627\u0644 \u0645\u0646 TaskBrowse\";\n\n  }\n\n\n\n  \/* =========================================================\n     EXCERPT\n     ========================================================= *\/\n\n  function getExcerpt(post) {\n\n    var value;\n\n\n    if (\n      !post ||\n      !post.excerpt ||\n      !post.excerpt.rendered\n    ) {\n\n      return \"\";\n\n    }\n\n\n    value =\n      decodeHtml(\n        stripTags(\n          post.excerpt.rendered\n        )\n      );\n\n\n    value =\n      value\n        .replace(\n          \/\\s+\/g,\n          \" \"\n        )\n        .trim();\n\n\n    if (\n      value.length > 190\n    ) {\n\n      value =\n        value\n          .substring(\n            0,\n            187\n          )\n          .replace(\n            \/\\s+\\S*$\/,\n            \"\"\n          ) +\n        \"\u2026\";\n\n    }\n\n\n    return value;\n\n  }\n\n\n\n  \/* =========================================================\n     DATE\n     ========================================================= *\/\n\n  function formatDate(value) {\n\n    var date =\n      new Date(value);\n\n\n    if (\n      isNaN(\n        date.getTime()\n      )\n    ) {\n\n      return \"\";\n\n    }\n\n\n    try {\n\n      return date.toLocaleDateString(\n        \"ar\",\n        {\n          year: \"numeric\",\n          month: \"long\",\n          day: \"numeric\"\n        }\n      );\n\n    } catch (error) {\n\n      return date.toLocaleDateString();\n\n    }\n\n  }\n\n\n\n  \/* =========================================================\n     STRING HELPERS\n     ========================================================= *\/\n\n  function stripTags(value) {\n\n    var element =\n      document.createElement(\n        \"div\"\n      );\n\n\n    element.innerHTML =\n      value || \"\";\n\n\n    return (\n      element.textContent ||\n      element.innerText ||\n      \"\"\n    );\n\n  }\n\n\n\n  function decodeHtml(value) {\n\n    var textarea =\n      document.createElement(\n        \"textarea\"\n      );\n\n\n    textarea.innerHTML =\n      value || \"\";\n\n\n    return textarea.value;\n\n  }\n\n\n\n  function escapeHtml(value) {\n\n    return String(\n      value || \"\"\n    )\n\n      .replace(\n        \/&\/g,\n        \"&amp;\"\n      )\n\n      .replace(\n        \/<\/g,\n        \"&lt;\"\n      )\n\n      .replace(\n        \/>\/g,\n        \"&gt;\"\n      )\n\n      .replace(\n        \/\"\/g,\n        \"&quot;\"\n      )\n\n      .replace(\n        \/'\/g,\n        \"&#039;\"\n      );\n\n  }\n\n\n\n  function escapeAttribute(value) {\n\n    return escapeHtml(\n      value\n    );\n\n  }\n\n\n\n  function safeUrl(value) {\n\n    if (!value) {\n\n      return \"#\";\n\n    }\n\n\n    try {\n\n      var url =\n        new URL(\n          value,\n          window.location.origin\n        );\n\n\n      if (\n        url.protocol !== \"http:\" &&\n        url.protocol !== \"https:\"\n      ) {\n\n        return \"#\";\n\n      }\n\n\n      return url.href;\n\n\n    } catch (error) {\n\n      return \"#\";\n\n    }\n\n  }\n\n\n\n  \/* =========================================================\n     FALLBACK\n     ========================================================= *\/\n\n  function showEmpty(grid) {\n\n    grid.innerHTML =\n\n      '<div class=\"tb-blog-latest__empty\">' +\n\n        '\u062a\u0639\u0630\u0631 \u062a\u062d\u0645\u064a\u0644 \u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0645\u0624\u0642\u062a\u064b\u0627. ' +\n\n        '<a href=\"\/ar\/category\/blog\/\">' +\n          '\u0627\u0646\u062a\u0642\u0644 \u0625\u0644\u0649 \u0645\u062f\u0648\u0646\u0629 TaskBrowse \u2190' +\n        '<\/a>' +\n\n      '<\/div>';\n\n\n    grid.setAttribute(\n      \"aria-busy\",\n      \"false\"\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     START\n     ========================================================= *\/\n\n  if (\n    document.readyState === \"loading\"\n  ) {\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initTaskBrowseArabicBlog\n    );\n\n\n  } else {\n\n    initTaskBrowseArabicBlog();\n\n  }\n\n}());\n<\/script>\n\n\n\n<!-- =====================================================================\n     TaskBrowse Arabic Homepage\n     FINAL CTA\n     HTML + CSS only\n     ===================================================================== -->\n\n<style>\n\/* ======================================================================\n   TASKBROWSE ARABIC \u2014 FINAL CTA\n   Namespace: #tb-ar-final-cta\n   ====================================================================== *\/\n\n#tb-ar-final-cta {\n  --tbcta-bg: #202124;\n  --tbcta-panel: #292b2e;\n\n  --tbcta-white: #ffffff;\n  --tbcta-text: #f1efec;\n  --tbcta-muted: #bbb7b2;\n  --tbcta-soft: #8d8a86;\n\n  --tbcta-red: #c8102e;\n  --tbcta-red-hover: #a80d27;\n\n  --tbcta-line: rgba(255,255,255,0.12);\n  --tbcta-line-strong: rgba(255,255,255,0.20);\n\n  direction: rtl;\n\n  width: 100%;\n\n  margin: 0;\n\n  padding:\n    clamp(72px, 8vw, 112px)\n    24px\n    clamp(60px, 7vw, 90px);\n\n  background: var(--tbcta-bg);\n\n  color: var(--tbcta-white);\n\n  font-family:\n    \"Noto Sans Arabic\",\n    \"Noto Naskh Arabic\",\n    Tahoma,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  overflow: hidden;\n}\n\n\n#tb-ar-final-cta,\n#tb-ar-final-cta *,\n#tb-ar-final-cta *::before,\n#tb-ar-final-cta *::after {\n  box-sizing: border-box;\n}\n\n\n#tb-ar-final-cta .tbcta-wrap {\n  width: min(1240px, 100%);\n\n  margin-inline: auto;\n}\n\n\n\/* ======================================================================\n   MAIN CTA\n   ====================================================================== *\/\n\n#tb-ar-final-cta .tbcta-main {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr)\n    minmax(310px, .58fr);\n\n  gap: clamp(50px, 8vw, 110px);\n\n  align-items: center;\n}\n\n\n\/* ======================================================================\n   COPY\n   ====================================================================== *\/\n\n#tb-ar-final-cta .tbcta-kicker {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  margin:\n    0\n    0\n    16px;\n\n  color: #ee9cab;\n\n  font-size: 13px;\n  font-weight: 800;\n  line-height: 1.4;\n}\n\n\n#tb-ar-final-cta .tbcta-kicker::before {\n  width: 25px;\n  height: 2px;\n\n  content: \"\";\n\n  background: var(--tbcta-red);\n}\n\n\n#tb-ar-final-cta .tbcta-title {\n  max-width: 16ch;\n\n  margin: 0;\n\n  color: var(--tbcta-white);\n\n  font-size:\n    clamp(\n      2.15rem,\n      4.2vw,\n      3.65rem\n    );\n\n  font-weight: 800;\n  line-height: 1.38;\n}\n\n\n#tb-ar-final-cta .tbcta-lead {\n  max-width: 59ch;\n\n  margin:\n    22px\n    0\n    0;\n\n  color: var(--tbcta-muted);\n\n  font-size:\n    clamp(\n      15.5px,\n      1.3vw,\n      18px\n    );\n\n  line-height: 1.95;\n}\n\n\n\/* ======================================================================\n   BUTTONS\n   ====================================================================== *\/\n\n#tb-ar-final-cta .tbcta-actions {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  align-items: center;\n\n  gap: 12px;\n\n  margin-top: 31px;\n}\n\n\n#tb-ar-final-cta .tbcta-primary,\n#tb-ar-final-cta .tbcta-secondary {\n  min-height: 49px;\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 9px;\n\n  padding:\n    11px\n    21px;\n\n  font-size: 13px;\n  font-weight: 800;\n  line-height: 1.4;\n\n  text-decoration: none;\n\n  transition:\n    background-color 160ms ease,\n    border-color 160ms ease,\n    color 160ms ease,\n    transform 160ms ease;\n}\n\n\n#tb-ar-final-cta .tbcta-primary {\n  background: var(--tbcta-red);\n\n  border:\n    1px solid\n    var(--tbcta-red);\n\n  color: #ffffff;\n}\n\n\n#tb-ar-final-cta .tbcta-primary:hover {\n  background: var(--tbcta-red-hover);\n\n  border-color: var(--tbcta-red-hover);\n\n  transform: translateY(-1px);\n}\n\n\n#tb-ar-final-cta .tbcta-secondary {\n  background: transparent;\n\n  border:\n    1px solid\n    rgba(255,255,255,0.28);\n\n  color: #ffffff;\n}\n\n\n#tb-ar-final-cta .tbcta-secondary:hover {\n  background:\n    rgba(255,255,255,0.06);\n\n  border-color:\n    rgba(255,255,255,0.5);\n\n  transform: translateY(-1px);\n}\n\n\n#tb-ar-final-cta .tbcta-arrow {\n  color: inherit;\n\n  font-size: 15px;\n}\n\n\n\/* ======================================================================\n   SMALL REASSURANCE\n   ====================================================================== *\/\n\n#tb-ar-final-cta .tbcta-notes {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap:\n    7px\n    21px;\n\n  margin-top: 22px;\n}\n\n\n#tb-ar-final-cta .tbcta-note {\n  position: relative;\n\n  padding-inline-start: 11px;\n\n  color: var(--tbcta-soft);\n\n  font-size: 10.5px;\n  font-weight: 700;\n  line-height: 1.6;\n}\n\n\n#tb-ar-final-cta .tbcta-note::before {\n  position: absolute;\n\n  inset-inline-start: 0;\n  top: 7px;\n\n  width: 4px;\n  height: 4px;\n\n  content: \"\";\n\n  background: var(--tbcta-red);\n}\n\n\n\/* ======================================================================\n   PROJECT REALITY VISUAL\n   ====================================================================== *\/\n\n#tb-ar-final-cta .tbcta-reality {\n  position: relative;\n\n  padding:\n    28px\n    27px;\n\n  border:\n    1px solid\n    var(--tbcta-line-strong);\n\n  background:\n    rgba(255,255,255,0.025);\n}\n\n\n#tb-ar-final-cta .tbcta-reality-label {\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 15px;\n\n  margin-bottom: 27px;\n}\n\n\n#tb-ar-final-cta .tbcta-reality-label strong {\n  color: #ffffff;\n\n  font-size: 12.5px;\n  font-weight: 800;\n}\n\n\n#tb-ar-final-cta .tbcta-reality-label span {\n  color: var(--tbcta-soft);\n\n  font-size: 9.5px;\n}\n\n\n\/* ======================================================================\n   METRIC\n   ====================================================================== *\/\n\n#tb-ar-final-cta .tbcta-metric {\n  margin-bottom: 22px;\n}\n\n\n#tb-ar-final-cta .tbcta-metric-head {\n  display: flex;\n\n  justify-content: space-between;\n\n  align-items: center;\n\n  gap: 15px;\n\n  margin-bottom: 8px;\n}\n\n\n#tb-ar-final-cta .tbcta-metric-head span {\n  color: var(--tbcta-muted);\n\n  font-size: 11px;\n  font-weight: 700;\n}\n\n\n#tb-ar-final-cta .tbcta-metric-head strong {\n  color: #ffffff;\n\n  font-size: 12px;\n  font-weight: 800;\n}\n\n\n#tb-ar-final-cta .tbcta-bar {\n  position: relative;\n\n  width: 100%;\n  height: 6px;\n\n  overflow: hidden;\n\n  background:\n    rgba(255,255,255,0.09);\n}\n\n\n#tb-ar-final-cta .tbcta-bar-fill {\n  display: block;\n\n  height: 100%;\n\n  background: #a7aaad;\n}\n\n\n#tb-ar-final-cta .tbcta-bar-fill--plan {\n  width: 100%;\n}\n\n\n#tb-ar-final-cta .tbcta-bar-fill--actual {\n  width: 78%;\n\n  background: var(--tbcta-red);\n}\n\n\n\/* ======================================================================\n   DIFFERENCE\n   ====================================================================== *\/\n\n#tb-ar-final-cta .tbcta-difference {\n  display: grid;\n\n  grid-template-columns:\n    auto\n    minmax(0, 1fr);\n\n  gap: 15px;\n\n  align-items: center;\n\n  margin-top: 30px;\n\n  padding-top: 20px;\n\n  border-top:\n    1px solid\n    var(--tbcta-line);\n}\n\n\n#tb-ar-final-cta .tbcta-difference-value {\n  color: #ffffff;\n\n  font-size: 24px;\n  font-weight: 800;\n}\n\n\n#tb-ar-final-cta .tbcta-difference-copy strong {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: #ffffff;\n\n  font-size: 11.5px;\n  font-weight: 800;\n}\n\n\n#tb-ar-final-cta .tbcta-difference-copy span {\n  display: block;\n\n  color: var(--tbcta-muted);\n\n  font-size: 10px;\n  line-height: 1.6;\n}\n\n\n\/* ======================================================================\n   OPERATING LOOP\n   ====================================================================== *\/\n\n#tb-ar-final-cta .tbcta-loop {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, minmax(0, 1fr));\n\n  margin-top: 24px;\n\n  border:\n    1px solid\n    var(--tbcta-line);\n}\n\n\n#tb-ar-final-cta .tbcta-loop span {\n  padding:\n    10px\n    6px;\n\n  color: #a9a6a2;\n\n  font-size: 9.5px;\n  font-weight: 700;\n\n  text-align: center;\n}\n\n\n#tb-ar-final-cta .tbcta-loop span + span {\n  border-inline-start:\n    1px solid\n    var(--tbcta-line);\n}\n\n\n#tb-ar-final-cta .tbcta-loop span:nth-child(3) {\n  background: var(--tbcta-red);\n\n  color: #ffffff;\n}\n\n\n\/* ======================================================================\n   CONTACT STRIP\n   ====================================================================== *\/\n\n#tb-ar-final-cta .tbcta-contact {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr)\n    auto;\n\n  gap: 35px;\n\n  align-items: center;\n\n  margin-top: clamp(55px, 7vw, 82px);\n\n  padding-top: 29px;\n\n  border-top:\n    1px solid\n    var(--tbcta-line);\n}\n\n\n#tb-ar-final-cta .tbcta-contact-copy span {\n  display: block;\n\n  margin-bottom: 5px;\n\n  color: var(--tbcta-soft);\n\n  font-size: 10px;\n  font-weight: 800;\n}\n\n\n#tb-ar-final-cta .tbcta-contact-copy strong {\n  display: block;\n\n  color: #ffffff;\n\n  font-size:\n    clamp(\n      17px,\n      1.7vw,\n      21px\n    );\n\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n\n#tb-ar-final-cta .tbcta-contact-links {\n  display: flex;\n\n  align-items: center;\n\n  gap: 23px;\n}\n\n\n#tb-ar-final-cta .tbcta-contact-link {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n  padding-bottom: 3px;\n\n  color: #ffffff;\n\n  font-size: 12px;\n  font-weight: 800;\n\n  text-decoration: none;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,0.25);\n}\n\n\n#tb-ar-final-cta .tbcta-contact-link:hover {\n  color: #efa1ae;\n\n  border-color: var(--tbcta-red);\n}\n\n\n\/* ======================================================================\n   TABLET\n   ========================================================================== *\/\n\n@media (max-width: 900px) {\n\n  #tb-ar-final-cta .tbcta-main {\n    grid-template-columns: 1fr;\n\n    gap: 50px;\n  }\n\n\n  #tb-ar-final-cta .tbcta-title {\n    max-width: 20ch;\n  }\n\n\n  #tb-ar-final-cta .tbcta-reality {\n    max-width: 580px;\n  }\n\n}\n\n\n\/* ======================================================================\n   MOBILE\n   ========================================================================== *\/\n\n@media (max-width: 640px) {\n\n  #tb-ar-final-cta {\n    padding:\n      62px\n      18px\n      58px;\n  }\n\n\n  #tb-ar-final-cta .tbcta-title {\n    font-size: 31px;\n  }\n\n\n  #tb-ar-final-cta .tbcta-actions {\n    align-items: stretch;\n\n    flex-direction: column;\n  }\n\n\n  #tb-ar-final-cta .tbcta-primary,\n  #tb-ar-final-cta .tbcta-secondary {\n    width: 100%;\n  }\n\n\n  #tb-ar-final-cta .tbcta-reality {\n    padding:\n      23px\n      19px;\n  }\n\n\n  #tb-ar-final-cta .tbcta-contact {\n    grid-template-columns: 1fr;\n\n    gap: 18px;\n  }\n\n\n  #tb-ar-final-cta .tbcta-contact-links {\n    align-items: flex-start;\n\n    flex-direction: column;\n\n    gap: 11px;\n  }\n\n}\n\n\n\/* ======================================================================\n   REDUCED MOTION\n   ========================================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  #tb-ar-final-cta .tbcta-primary,\n  #tb-ar-final-cta .tbcta-secondary {\n    transition: none;\n  }\n\n}\n<\/style>\n\n\n\n<section id=\"tb-ar-final-cta\" lang=\"ar\" dir=\"rtl\" aria-labelledby=\"tbcta-title\">\n\n  <div class=\"tbcta-wrap\">\n\n\n    <!-- ==========================================================\n         MAIN\n         ========================================================== -->\n\n    <div class=\"tbcta-main\">\n\n\n      <!-- ========================================================\n           COPY\n           ======================================================== -->\n\n      <div class=\"tbcta-copy\">\n\n        <p class=\"tbcta-kicker\">\n          \u062c\u0627\u0647\u0632 \u0644\u062a\u0631\u0649 \u0627\u0644\u0641\u0631\u0642\u061f\n        <\/p>\n\n\n        <h2 class=\"tbcta-title\" id=\"tbcta-title\">\n          \u0627\u0628\u062f\u0623 \u0645\u0646 \u062e\u0637\u062a\u0643. \u0648\u0634\u0627\u0647\u062f \u0645\u0627 \u064a\u062d\u062f\u062b \u0641\u064a \u0627\u0644\u0648\u0627\u0642\u0639.\n        <\/h2>\n\n\n<p class=\"tbcta-lead\">\n  \u0627\u0633\u062a\u062e\u062f\u0645 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 TaskBrowse \u0644\u062c\u0645\u0639 \u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n  \u0648\u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u064a\u0648\u0645\u064a \u0648\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0648\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0641\u064a \u0633\u064a\u0627\u0642 \u0648\u0627\u062d\u062f\u060c\n  \u0648\u0627\u0641\u0647\u0645 \u0627\u0644\u0641\u0631\u0642 \u0628\u064a\u0646 \u0645\u0627 \u062e\u064f\u0637\u0651\u0650\u0637 \u0644\u0647 \u0648\u0645\u0627 \u064a\u062d\u062f\u062b \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n  \u0628\u064a\u0646\u0645\u0627 \u0644\u0627 \u064a\u0632\u0627\u0644 \u0647\u0646\u0627\u0643 \u0648\u0642\u062a \u0644\u0644\u062a\u0635\u0631\u0641.\n<\/p>\n\n\n\n        <!-- ======================================================\n             ACTIONS\n             ====================================================== -->\n\n        <div class=\"tbcta-actions\">\n\n\n          <a class=\"tbcta-primary\" href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=ar\">\n            \u0627\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u064b\u0627\n            <span class=\"tbcta-arrow\" aria-hidden=\"true\">\n              \u2190\n            <\/span>\n          <\/a>\n\n\n          <a class=\"tbcta-secondary\" href=\"\/ar\/pricing\/\">\n            \u0634\u0627\u0647\u062f \u0627\u0644\u062e\u0637\u0637 \u0648\u0627\u0644\u0623\u0633\u0639\u0627\u0631\n            <span class=\"tbcta-arrow\" aria-hidden=\"true\">\n              \u2190\n            <\/span>\n          <\/a>\n\n\n        <\/div>\n\n\n\n        <!-- ======================================================\n             REASSURANCE\n             ====================================================== -->\n\n        <div class=\"tbcta-notes\">\n\n          <span class=\"tbcta-note\">\n            \u0648\u0627\u062c\u0647\u0629 \u0639\u0631\u0628\u064a\u0629 RTL\n          <\/span>\n\n          <span class=\"tbcta-note\">\n            \u0627\u0628\u062f\u0623 \u0628\u0645\u0627 \u064a\u062d\u062a\u0627\u062c\u0647 \u0641\u0631\u064a\u0642\u0643\n          <\/span>\n\n          <span class=\"tbcta-note\">\n            \u062a\u0648\u0633\u0651\u0639 \u0645\u0639 \u0646\u0645\u0648 \u0637\u0631\u064a\u0642\u0629 \u0639\u0645\u0644\u0643\n          <\/span>\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ========================================================\n           PROJECT REALITY\n           ======================================================== -->\n\n      <div class=\"tbcta-reality\" aria-label=\"\u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u062e\u0637\u0629 \u0628\u0627\u0644\u062a\u0646\u0641\u064a\u0630\">\n\n\n        <div class=\"tbcta-reality-label\">\n\n          <strong>\n            \u0648\u0627\u0642\u0639 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n          <\/strong>\n\n          <span>\n            \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a\n          <\/span>\n\n        <\/div>\n\n\n\n        <!-- PLAN -->\n\n        <div class=\"tbcta-metric\">\n\n          <div class=\"tbcta-metric-head\">\n\n            <span>\n              \u0627\u0644\u0645\u062e\u0637\u0637\n            <\/span>\n\n            <strong>\n              100%\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"tbcta-bar\">\n\n            <span class=\"\n                tbcta-bar-fill\n                tbcta-bar-fill--plan\n              \"><\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- ACTUAL -->\n\n        <div class=\"tbcta-metric\">\n\n          <div class=\"tbcta-metric-head\">\n\n            <span>\n              \u0627\u0644\u0641\u0639\u0644\u064a\n            <\/span>\n\n            <strong>\n              78%\n            <\/strong>\n\n          <\/div>\n\n\n          <div class=\"tbcta-bar\">\n\n            <span class=\"\n                tbcta-bar-fill\n                tbcta-bar-fill--actual\n              \"><\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- DIFFERENCE -->\n\n        <div class=\"tbcta-difference\">\n\n          <span class=\"tbcta-difference-value\">\n            22%\n          <\/span>\n\n\n          <div class=\"tbcta-difference-copy\">\n\n            <strong>\n              \u0627\u0644\u0641\u0631\u0642 \u0623\u0635\u0628\u062d \u0645\u0631\u0626\u064a\u064b\u0627.\n            <\/strong>\n\n            <span>\n              \u0648\u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u0622\u0646: \u0644\u0645\u0627\u0630\u0627 \u062d\u062f\u062b\u060c \u0648\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u0645\u0643\u0646 \u062a\u063a\u064a\u064a\u0631\u0647\u061f\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- LOOP -->\n\n        <div class=\"tbcta-loop\" aria-hidden=\"true\">\n\n          <span>\n            \u062e\u0637\u0651\u0637\n          <\/span>\n\n          <span>\n            \u0627\u0639\u0645\u0644\n          <\/span>\n\n          <span>\n            \u0627\u0641\u0647\u0645\n          <\/span>\n\n          <span>\n            \u0639\u062f\u0651\u0644\n          <\/span>\n\n        <\/div>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- ==========================================================\n         CONTACT\n         ========================================================== -->\n\n    <div class=\"tbcta-contact\">\n\n\n      <div class=\"tbcta-contact-copy\">\n\n        <span>\n          \u0644\u062f\u064a\u0643 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u062e\u0627\u0635\u0629\u061f\n        <\/span>\n\n        <strong>\n          \u0627\u0644\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0645\u062d\u0644\u064a\u060c \u0627\u0644\u062a\u062e\u0635\u064a\u0635\u060c \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0645\u0646 \u0646\u0638\u0627\u0645 \u0622\u062e\u0631 \u0623\u0648 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0645\u0624\u0633\u0633\u064a\u0629 \u2014 \u062a\u062d\u062f\u062b \u0645\u0639\u0646\u0627.\n        <\/strong>\n\n      <\/div>\n\n\n\n      <div class=\"tbcta-contact-links\">\n\n\n        <a class=\"tbcta-contact-link\" href=\"mailto:info@taskbrowse.com\">\n          info@taskbrowse.com\n          <span aria-hidden=\"true\">\n            \u2190\n          <\/span>\n        <\/a>\n\n\n      <\/div>\n\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u00b7 \u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a \u00b7 \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u00b7 \u0648\u0627\u062c\u0647\u0629 \u0639\u0631\u0628\u064a\u0629 RTL \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u064a\u0631\u0628\u0637 \u0627\u0644\u062e\u0637\u0629 \u0628\u0627\u0644\u0648\u0627\u0642\u0639. \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0641\u064a TaskBrowse \u064a\u0631\u0628\u0637 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0628\u0645\u0627 \u064a\u062d\u062f\u062b \u0641\u0639\u0644\u064a\u064b\u0627 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630. \u0627\u062c\u0645\u0639 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0648\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0641\u064a \u0633\u064a\u0627\u0642 \u0648\u0627\u062d\u062f\u060c \u0648\u0634\u0627\u0647\u062f \u0627\u0644\u0641\u062c\u0648\u0629 \u0628\u064a\u0646 \u0627\u0644\u062e\u0637\u0629 \u0648\u0627\u0644\u0648\u0627\u0642\u0639 \u0642\u0628\u0644 \u0623\u0646 \u062a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u062a\u0623\u062e\u064a\u0631 \u0623\u0648&hellip;&nbsp;<a href=\"https:\/\/taskbrowse.com\/ar\/\" rel=\"bookmark\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f &raquo;<span class=\"screen-reader-text\">\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0648 \u0627\u0644\u0645\u0647\u0627\u0645 TaskBrowse<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":1491,"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":"off","neve_meta_disable_footer":"","neve_meta_disable_title":"on","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-10249","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/10249","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/comments?post=10249"}],"version-history":[{"count":26,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/10249\/revisions"}],"predecessor-version":[{"id":10277,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/10249\/revisions\/10277"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/media\/1491"}],"wp:attachment":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/media?parent=10249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}