{"id":7423,"date":"2026-06-24T09:50:35","date_gmt":"2026-06-24T08:50:35","guid":{"rendered":"https:\/\/taskbrowse.com\/de\/?page_id=7423"},"modified":"2026-08-02T21:49:12","modified_gmt":"2026-08-02T20:49:12","slug":"ki-im-projektmanagement","status":"publish","type":"page","link":"https:\/\/taskbrowse.com\/de\/ki-im-projektmanagement\/","title":{"rendered":"KI im Projektmanagement"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ============================================================\n   TaskBrowse | KI im Projektmanagement | CSS v5 \u2014 Raila integration\n   Prefix: tb-ai-\n   Load: Otter Blocks Additional CSS (or WordPress Custom CSS)\n   Font: IBM Plex Sans \u2014 inherited from Neve theme\n   ============================================================ *\/\n\n\/* \u2500\u2500 Design tokens \u2500\u2500 *\/\n:root {\n  --tb-red:      #C8102E;\n  --tb-charcoal: #202124;\n  --tb-offwhite: #F7F4F0;\n  --tb-white:    #FFFFFF;\n  --tb-border:   #E4E0DA;\n  --tb-muted:    #5F6368;\n  --tb-warn:     #e67e22;\n}\n\n\/* \u2500\u2500 Box-sizing scope \u2500\u2500 *\/\n.tb-ai-hero, .tb-ai-overview, .tb-ai-raila, .tb-ai-why,\n.tb-ai-feat, .tb-ai-shared, .tb-ai-compare,\n.tb-ai-honest, .tb-ai-forwhom, .tb-ai-summary,\n.tb-ai-cta, .tb-ai-faq,\n.tb-ai-hero *, .tb-ai-overview *, .tb-ai-raila *, .tb-ai-why *,\n.tb-ai-feat *, .tb-ai-shared *, .tb-ai-compare *,\n.tb-ai-honest *, .tb-ai-forwhom *, .tb-ai-summary *,\n.tb-ai-cta *, .tb-ai-faq * {\n  box-sizing: border-box;\n  font-family: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* \u2500\u2500 Container \u2500\u2500 *\/\n.tb-ai-wrap {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 0 28px;\n}\n\n\/* \u2500\u2500 Eyebrow label \u2500\u2500 *\/\n.tb-ai-eyebrow {\n  display: block;\n  font-size: 0.7rem;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--tb-red);\n  margin: 0 0 12px;\n}\n.tb-ai-eyebrow--light { color: rgba(255,255,255,0.55); }\n\n\/* \u2500\u2500 Buttons \u2500\u2500 *\/\n.tb-ai-btn {\n  display: inline-block;\n  font-family: inherit;\n  font-size: 0.9rem;\n  font-weight: 600;\n  padding: 11px 24px;\n  border-radius: 6px;\n  text-decoration: none;\n  letter-spacing: 0.01em;\n  transition: opacity 0.15s;\n  border: none;\n}\n\n.tb-ai-btn--primary {\n  background: var(--tb-red);\n  color: var(--tb-white);\n}\n.tb-ai-btn--primary:hover { opacity: 0.85; }\n\n.tb-ai-btn--lg {\n  padding: 14px 32px;\n  font-size: 0.97rem;\n  background: var(--tb-white);\n  color: var(--tb-red);\n}\n.tb-ai-btn--lg:hover { opacity: 0.92; }\n\n.tb-ai-btn--outline {\n  background: transparent;\n  color: rgba(255,255,255,0.7);\n  border: 1px solid rgba(255,255,255,0.22);\n}\n.tb-ai-btn--outline:hover { border-color: rgba(255,255,255,0.5); color: var(--tb-white); }\n\n.tb-ai-btn--outline-dark {\n  background: transparent;\n  color: var(--tb-charcoal);\n  border: 1px solid var(--tb-border);\n}\n.tb-ai-btn--outline-dark:hover { border-color: var(--tb-charcoal); }\n\n.tb-ai-btn--ghost-light {\n  background: rgba(255,255,255,0.88);\n  color: var(--tb-red);\n  border: 1px solid rgba(255,255,255,0.5);\n}\n.tb-ai-btn--ghost-light:hover { background: var(--tb-white); }\n\n\n\/* =============================================================\n   1. HERO\n   ============================================================= *\/\n.tb-ai-hero {\n  background: var(--tb-charcoal);\n  padding: 80px 0 0;\n  overflow: hidden;\n}\n\n.tb-ai-hero__text {\n  max-width: 700px;\n  margin: 0 auto 48px;\n  text-align: center;\n}\n\n.tb-ai-hero__text h1 {\n  font-size: clamp(1.75rem, 3.2vw, 2.55rem);\n  font-weight: 700;\n  line-height: 1.2;\n  color: var(--tb-white);\n  margin: 0 0 20px;\n}\n\n.tb-ai-hero__lead {\n  font-size: 1.05rem;\n  color: rgba(255,255,255,0.62);\n  line-height: 1.7;\n  margin: 0 0 20px;\n}\n\n.tb-ai-hero__tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  justify-content: center;\n  margin: 0 0 18px;\n}\n\n.tb-ai-hero__tags span {\n  font-size: 0.73rem;\n  font-weight: 600;\n  color: rgba(255,255,255,0.32);\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(255,255,255,0.1);\n  padding: 4px 12px;\n  border-radius: 20px;\n}\n\n.tb-ai-hero__sub {\n  font-size: 0.9rem;\n  color: rgba(255,255,255,0.4);\n  line-height: 1.7;\n  margin: 0 0 28px;\n}\n\n.tb-ai-hero__ctas {\n  display: flex;\n  gap: 12px;\n  justify-content: center;\n  flex-wrap: wrap;\n}\n\n\/* \u2500\u2500 Raila conversation preview \u2500\u2500 *\/\n.tb-ai-hero__raila {\n  max-width: 960px;\n  margin: 0 auto 28px;\n  background: rgba(255,255,255,0.055);\n  border: 1px solid rgba(255,255,255,0.1);\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 18px 48px rgba(0,0,0,0.2);\n}\n\n.tb-ai-hr__head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  padding: 14px 18px;\n  border-bottom: 1px solid rgba(255,255,255,0.08);\n  background: rgba(255,255,255,0.025);\n}\n\n.tb-ai-hr__identity {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n  min-width: 0;\n}\n\n.tb-ai-hr__mark {\n  width: 34px;\n  height: 34px;\n  border-radius: 9px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  background: var(--tb-red);\n  color: var(--tb-white);\n  font-size: 0.9rem;\n  font-weight: 700;\n}\n\n.tb-ai-hr__title {\n  font-size: 0.82rem;\n  font-weight: 700;\n  line-height: 1.3;\n  color: rgba(255,255,255,0.84);\n  margin: 0 0 2px;\n}\n\n.tb-ai-hr__status {\n  font-size: 0.65rem;\n  color: rgba(255,255,255,0.32);\n  line-height: 1.35;\n  margin: 0;\n}\n\n.tb-ai-hr__context {\n  flex-shrink: 0;\n  font-size: 0.65rem;\n  font-weight: 600;\n  color: #f5a0ad;\n  background: rgba(200,16,46,0.14);\n  border: 1px solid rgba(200,16,46,0.24);\n  border-radius: 20px;\n  padding: 4px 9px;\n}\n\n.tb-ai-hr__body {\n  display: grid;\n  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.42fr);\n  gap: 12px;\n  padding: 18px;\n}\n\n.tb-ai-hr__prompt,\n.tb-ai-hr__answer {\n  border-radius: 8px;\n  padding: 14px 15px;\n}\n\n.tb-ai-hr__prompt {\n  background: rgba(255,255,255,0.045);\n  border: 1px solid rgba(255,255,255,0.07);\n}\n\n.tb-ai-hr__answer {\n  background: rgba(200,16,46,0.075);\n  border: 1px solid rgba(200,16,46,0.18);\n}\n\n.tb-ai-hr__speaker {\n  display: block;\n  font-size: 0.62rem;\n  font-weight: 700;\n  letter-spacing: 0.09em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.3);\n  margin-bottom: 7px;\n}\n\n.tb-ai-hr__speaker--raila { color: #f5a0ad; }\n\n.tb-ai-hr__prompt p,\n.tb-ai-hr__answer p {\n  font-size: 0.82rem;\n  line-height: 1.58;\n  color: rgba(255,255,255,0.63);\n  margin: 0;\n}\n\n.tb-ai-hr__prompt p {\n  color: rgba(255,255,255,0.77);\n  font-weight: 500;\n}\n\n.tb-ai-hr__signal {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  margin-top: 11px;\n  padding-top: 10px;\n  border-top: 1px solid rgba(255,255,255,0.08);\n}\n\n.tb-ai-hr__signal span {\n  flex-shrink: 0;\n  font-size: 0.62rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.07em;\n  color: rgba(255,255,255,0.3);\n}\n\n.tb-ai-hr__signal strong {\n  font-size: 0.75rem;\n  line-height: 1.45;\n  color: rgba(255,255,255,0.75);\n  font-weight: 600;\n}\n\n.tb-ai-hr__topics {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  padding: 0 18px 14px;\n}\n\n.tb-ai-hr__topics span {\n  font-size: 0.64rem;\n  color: rgba(255,255,255,0.39);\n  border: 1px solid rgba(255,255,255,0.08);\n  background: rgba(255,255,255,0.025);\n  border-radius: 20px;\n  padding: 4px 9px;\n}\n\n.tb-ai-hr__note {\n  font-size: 0.63rem;\n  line-height: 1.5;\n  color: rgba(255,255,255,0.24);\n  margin: 0;\n  padding: 10px 18px 12px;\n  border-top: 1px solid rgba(255,255,255,0.06);\n  text-align: center;\n}\n\n\/* \u2500\u2500 Four specialized AI modules \u2500\u2500 *\/\n.tb-ai-hero__strip {\n  display: grid;\n  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;\n  gap: 0;\n  background: rgba(255,255,255,0.04);\n  border-top: 1px solid rgba(255,255,255,0.08);\n  margin-top: 0;\n  padding: 28px 28px 24px;\n  align-items: start;\n}\n\n.tb-ai-hstrip__connector {\n  color: rgba(200,16,46,0.5);\n  font-size: 1rem;\n  font-weight: 700;\n  padding: 0 12px;\n  padding-top: 28px;\n  align-self: start;\n}\n\n.tb-ai-hstrip__module {\n  padding: 4px 12px;\n}\n\n.tb-ai-hstrip__num {\n  font-size: 0.62rem;\n  font-weight: 700;\n  background: rgba(200,16,46,0.18);\n  color: #f5a0ad;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 8px;\n}\n\n.tb-ai-hstrip__label {\n  font-size: 0.74rem;\n  font-weight: 700;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 12px;\n  line-height: 1.3;\n}\n\n\/* Module 1 rows *\/\n.tb-ai-hstrip__rows { margin-bottom: 10px; }\n\n.tb-ai-hstrip__row {\n  font-size: 0.7rem;\n  color: rgba(255,255,255,0.35);\n  padding: 4px 0;\n  border-bottom: 1px solid rgba(255,255,255,0.05);\n  line-height: 1.35;\n}\n\n.tb-ai-hstrip__result {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: rgba(200,16,46,0.12);\n  border: 1px solid rgba(200,16,46,0.2);\n  border-radius: 5px;\n  padding: 6px 9px;\n  font-size: 0.7rem;\n  color: rgba(255,255,255,0.45);\n}\n\n.tb-ai-hstrip__result strong { color: #f5a0ad; font-size: 0.9rem; }\n\n\/* Module 2 bars *\/\n.tb-ai-hstrip__bars { margin-bottom: 8px; }\n\n.tb-ai-hstrip__bar-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 6px;\n}\n\n.tb-ai-hstrip__bar-row span {\n  font-size: 0.65rem;\n  color: rgba(255,255,255,0.3);\n  min-width: 52px;\n  flex-shrink: 0;\n}\n\n.tb-ai-hstrip__track {\n  flex: 1;\n  height: 5px;\n  background: rgba(255,255,255,0.07);\n  border-radius: 3px;\n  overflow: hidden;\n}\n\n.tb-ai-hstrip__fill {\n  height: 100%;\n  border-radius: 3px;\n  background: rgba(255,255,255,0.2);\n}\n\n.tb-ai-hstrip__fill--warn { background: var(--tb-warn); }\n\n\/* Module 3 meeting *\/\n.tb-ai-hstrip__meeting { margin-bottom: 8px; }\n\n.tb-ai-hstrip__meeting-label {\n  display: block;\n  font-size: 0.6rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: rgba(200,16,46,0.55);\n  margin-bottom: 4px;\n}\n\n.tb-ai-hstrip__meeting-text {\n  font-size: 0.68rem;\n  color: rgba(255,255,255,0.35);\n  line-height: 1.4;\n  margin: 0 0 4px;\n}\n\n.tb-ai-hstrip__tasks {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n}\n\n.tb-ai-hstrip__tasks span {\n  font-size: 0.65rem;\n  color: rgba(255,255,255,0.3);\n}\n\n\/* Module 4 tags *\/\n.tb-ai-hstrip__task-name {\n  font-size: 0.7rem;\n  font-weight: 600;\n  color: rgba(255,255,255,0.55);\n  margin-bottom: 9px;\n  line-height: 1.35;\n}\n\n.tb-ai-hstrip__tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 5px;\n}\n\n.tb-ai-hstrip__tag {\n  font-size: 0.62rem;\n  padding: 3px 8px;\n  border-radius: 10px;\n  font-weight: 600;\n}\n\n.tb-ai-hstrip__tag--ex  { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.4); }\n.tb-ai-hstrip__tag--sug { background: rgba(200,16,46,0.15); color: #f5a0ad; border: 1px solid rgba(200,16,46,0.2); }\n.tb-ai-hstrip__tag--new { background: transparent; border: 1px dashed rgba(200,16,46,0.35); color: rgba(200,16,46,0.55); }\n\n\/* Shared hint line *\/\n.tb-ai-hstrip__hint {\n  font-size: 0.63rem;\n  color: rgba(200,16,46,0.5);\n  font-weight: 600;\n  margin-top: 8px;\n}\n\n.tb-ai-hero__value {\n  text-align: center;\n  font-size: 0.92rem;\n  color: rgba(255,255,255,0.38);\n  line-height: 1.7;\n  margin: 0;\n  padding: 20px 28px 32px;\n  border-top: 1px solid rgba(255,255,255,0.06);\n  max-width: 760px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\n\/* =============================================================\n   2. FEATURE OVERVIEW\n   ============================================================= *\/\n.tb-ai-overview {\n  background: var(--tb-white);\n  padding: 80px 0;\n}\n\n.tb-ai-overview h2 {\n  font-size: clamp(1.5rem, 2.8vw, 2rem);\n  font-weight: 700;\n  line-height: 1.25;\n  color: var(--tb-charcoal);\n  margin: 0 0 12px;\n}\n\n.tb-ai-overview__lead {\n  font-size: 1rem;\n  color: var(--tb-muted);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 0 40px;\n}\n\n.tb-ai-overview__grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 16px;\n}\n\n.tb-ai-ov__card {\n  background: var(--tb-offwhite);\n  border: 1px solid var(--tb-border);\n  border-radius: 8px;\n  padding: 22px;\n  display: flex;\n  flex-direction: column;\n}\n\n.tb-ai-ov__head {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  margin-bottom: 10px;\n}\n\n.tb-ai-ov__num {\n  font-size: 1.4rem;\n  font-weight: 700;\n  color: rgba(200,16,46,0.15);\n  line-height: 1;\n  flex-shrink: 0;\n  margin-top: 1px;\n}\n\n.tb-ai-ov__title {\n  font-size: 0.87rem;\n  font-weight: 700;\n  color: var(--tb-charcoal);\n  line-height: 1.35;\n}\n\n.tb-ai-ov__card p {\n  font-size: 0.83rem;\n  line-height: 1.6;\n  color: var(--tb-muted);\n  margin: 0 0 14px;\n  flex: 1;\n}\n\n.tb-ai-ov__link {\n  font-size: 0.78rem;\n  font-weight: 600;\n  color: var(--tb-red);\n  text-decoration: none;\n  margin-top: auto;\n}\n.tb-ai-ov__link:hover { text-decoration: underline; }\n\n\n.tb-ai-ov__card--raila {\n  grid-column: 1 \/ -1;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  gap: 28px;\n  background: var(--tb-charcoal);\n  border-color: var(--tb-charcoal);\n  padding: 24px 26px;\n}\n\n.tb-ai-ov__raila-main {\n  max-width: 760px;\n}\n\n.tb-ai-ov__card--raila .tb-ai-ov__head {\n  align-items: center;\n  margin-bottom: 7px;\n}\n\n.tb-ai-ov__mark {\n  width: 30px;\n  height: 30px;\n  border-radius: 8px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  background: var(--tb-red);\n  color: var(--tb-white);\n  font-size: 0.8rem;\n  font-weight: 700;\n}\n\n.tb-ai-ov__card--raila .tb-ai-ov__title {\n  color: var(--tb-white);\n  font-size: 0.96rem;\n}\n\n.tb-ai-ov__card--raila p {\n  color: rgba(255,255,255,0.56);\n  margin-bottom: 0;\n}\n\n.tb-ai-ov__card--raila .tb-ai-ov__link {\n  flex-shrink: 0;\n  color: #f5a0ad;\n  border: 1px solid rgba(200,16,46,0.34);\n  background: rgba(200,16,46,0.12);\n  border-radius: 6px;\n  padding: 9px 13px;\n  white-space: nowrap;\n}\n\n\n\/* =============================================================\n   3. RAILA \u2014 PROJECT-CONTEXT AI ASSISTANT\n   ============================================================= *\/\n.tb-ai-raila {\n  background: var(--tb-charcoal);\n  padding: 88px 0;\n}\n\n.tb-ai-raila__inner {\n  display: grid;\n  grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);\n  gap: 64px;\n  align-items: start;\n}\n\n.tb-ai-raila .tb-ai-eyebrow {\n  color: rgba(200,16,46,0.78);\n}\n\n.tb-ai-raila__text h2 {\n  font-size: clamp(1.55rem, 2.8vw, 2.05rem);\n  font-weight: 700;\n  line-height: 1.25;\n  color: var(--tb-white);\n  margin: 0 0 10px;\n}\n\n.tb-ai-raila__tagline {\n  font-size: 1rem;\n  font-weight: 500;\n  line-height: 1.5;\n  color: #f5a0ad;\n  margin: 0 0 22px;\n}\n\n.tb-ai-raila__text > p {\n  font-size: 0.93rem;\n  line-height: 1.75;\n  color: rgba(255,255,255,0.58);\n  margin: 0 0 14px;\n}\n\n.tb-ai-raila__questions {\n  margin: 20px 0 16px;\n  padding: 18px 20px;\n  background: rgba(255,255,255,0.045);\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 8px;\n}\n\n.tb-ai-raila__questions-title {\n  font-size: 0.72rem;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.42);\n  margin: 0 0 10px;\n}\n\n.tb-ai-raila__questions ul {\n  padding: 0 0 0 16px;\n  margin: 0;\n}\n\n.tb-ai-raila__questions li {\n  font-size: 0.86rem;\n  line-height: 1.58;\n  color: rgba(255,255,255,0.64);\n  margin-bottom: 5px;\n}\n\n.tb-ai-raila .tb-ai-feat__callout {\n  background: rgba(200,16,46,0.09);\n  border-color: rgba(200,16,46,0.22);\n  color: rgba(255,255,255,0.62);\n}\n\n.tb-ai-raila .tb-ai-feat__callout strong {\n  color: rgba(255,255,255,0.84);\n}\n\n.tb-ai-raila__permissions {\n  font-size: 0.78rem !important;\n  line-height: 1.62 !important;\n  color: rgba(255,255,255,0.34) !important;\n  border-left: 2px solid rgba(200,16,46,0.48);\n  padding-left: 12px;\n  margin-top: 18px !important;\n}\n\n.tb-ai-raila__visual {\n  position: sticky;\n  top: 28px;\n}\n\n.tb-ai-rchat {\n  background: var(--tb-offwhite);\n  border: 1px solid rgba(255,255,255,0.12);\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 24px 56px rgba(0,0,0,0.3);\n}\n\n.tb-ai-rchat__head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  padding: 15px 17px;\n  background: var(--tb-white);\n  border-bottom: 1px solid var(--tb-border);\n}\n\n.tb-ai-rchat__identity {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n}\n\n.tb-ai-rchat__mark {\n  width: 34px;\n  height: 34px;\n  border-radius: 9px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  background: var(--tb-red);\n  color: var(--tb-white);\n  font-weight: 700;\n  font-size: 0.88rem;\n}\n\n.tb-ai-rchat__identity strong,\n.tb-ai-rchat__identity span {\n  display: block;\n}\n\n.tb-ai-rchat__identity strong {\n  font-size: 0.84rem;\n  color: var(--tb-charcoal);\n  line-height: 1.25;\n}\n\n.tb-ai-rchat__identity span {\n  font-size: 0.64rem;\n  color: var(--tb-muted);\n  margin-top: 2px;\n}\n\n.tb-ai-rchat__demo {\n  flex-shrink: 0;\n  font-size: 0.62rem;\n  font-weight: 600;\n  color: var(--tb-red);\n  background: rgba(200,16,46,0.06);\n  border: 1px solid rgba(200,16,46,0.14);\n  border-radius: 20px;\n  padding: 4px 8px;\n}\n\n.tb-ai-rchat__thread {\n  padding: 18px;\n}\n\n.tb-ai-rchat__msg {\n  border-radius: 9px;\n  padding: 13px 14px;\n  margin-bottom: 11px;\n}\n\n.tb-ai-rchat__msg > span {\n  display: block;\n  font-size: 0.61rem;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  margin-bottom: 6px;\n}\n\n.tb-ai-rchat__msg > p {\n  font-size: 0.82rem;\n  line-height: 1.6;\n  margin: 0;\n}\n\n.tb-ai-rchat__msg--user {\n  max-width: 80%;\n  margin-left: auto;\n  background: var(--tb-charcoal);\n}\n\n.tb-ai-rchat__msg--user > span {\n  color: rgba(255,255,255,0.36);\n}\n\n.tb-ai-rchat__msg--user > p {\n  color: rgba(255,255,255,0.8);\n}\n\n.tb-ai-rchat__msg--raila {\n  background: var(--tb-white);\n  border: 1px solid var(--tb-border);\n}\n\n.tb-ai-rchat__msg--raila > span {\n  color: var(--tb-red);\n}\n\n.tb-ai-rchat__msg--raila > p {\n  color: var(--tb-muted);\n}\n\n.tb-ai-rchat__finding,\n.tb-ai-rchat__action {\n  margin-top: 12px;\n  padding-top: 11px;\n  border-top: 1px solid var(--tb-border);\n}\n\n.tb-ai-rchat__finding > span,\n.tb-ai-rchat__action > span {\n  display: block;\n  font-size: 0.61rem;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--tb-muted);\n  margin-bottom: 5px;\n}\n\n.tb-ai-rchat__finding p {\n  font-size: 0.77rem;\n  line-height: 1.56;\n  color: var(--tb-muted);\n  margin: 0;\n}\n\n.tb-ai-rchat__action {\n  padding: 10px 11px;\n  border: 1px solid rgba(200,16,46,0.15);\n  background: rgba(200,16,46,0.055);\n  border-radius: 6px;\n}\n\n.tb-ai-rchat__action > span {\n  color: var(--tb-red);\n}\n\n.tb-ai-rchat__action strong {\n  display: block;\n  font-size: 0.76rem;\n  line-height: 1.48;\n  color: var(--tb-charcoal);\n  font-weight: 600;\n}\n\n.tb-ai-rchat__prompt {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin: 0 18px 14px;\n  padding: 10px 11px 10px 13px;\n  border: 1px solid var(--tb-border);\n  background: var(--tb-white);\n  border-radius: 7px;\n}\n\n.tb-ai-rchat__prompt > span:first-child {\n  font-size: 0.72rem;\n  color: rgba(95,99,104,0.62);\n}\n\n.tb-ai-rchat__send {\n  width: 26px;\n  height: 26px;\n  border-radius: 6px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  background: var(--tb-red);\n  color: var(--tb-white);\n  font-size: 0.8rem;\n  font-weight: 700;\n}\n\n.tb-ai-rchat__foot {\n  font-size: 0.61rem;\n  color: rgba(95,99,104,0.62);\n  text-align: center;\n  margin: 0;\n  padding: 9px 14px 11px;\n  border-top: 1px solid var(--tb-border);\n}\n\n\n\/* =============================================================\n   4. WHY IT MATTERS\n   ============================================================= *\/\n.tb-ai-why {\n  background: var(--tb-offwhite);\n  padding: 80px 0;\n}\n\n.tb-ai-why__inner {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 56px;\n  align-items: start;\n}\n\n.tb-ai-why__col h2 {\n  font-size: clamp(1.4rem, 2.6vw, 1.9rem);\n  font-weight: 700;\n  line-height: 1.28;\n  color: var(--tb-charcoal);\n  margin: 0 0 16px;\n}\n\n.tb-ai-why__col p {\n  font-size: 0.94rem;\n  line-height: 1.75;\n  color: var(--tb-muted);\n  margin: 0 0 14px;\n}\n\n.tb-ai-why__list {\n  padding: 0 0 0 16px;\n  margin: 0 0 14px;\n}\n.tb-ai-why__list li {\n  font-size: 0.92rem;\n  line-height: 1.65;\n  color: var(--tb-charcoal);\n  margin-bottom: 5px;\n}\n\n.tb-ai-why__card {\n  background: var(--tb-white);\n  border: 1px solid var(--tb-border);\n  border-radius: 10px;\n  padding: 28px;\n}\n\n.tb-ai-why__card-title {\n  font-size: 0.92rem;\n  font-weight: 700;\n  color: var(--tb-charcoal);\n  margin: 0 0 10px;\n}\n\n.tb-ai-why__card > p {\n  font-size: 0.87rem;\n  line-height: 1.65;\n  color: var(--tb-muted);\n  margin: 0 0 12px;\n}\n\n.tb-ai-why__card > ul {\n  padding: 0 0 0 14px;\n  margin: 0 0 12px;\n}\n.tb-ai-why__card > ul li {\n  font-size: 0.85rem;\n  line-height: 1.6;\n  color: var(--tb-charcoal);\n  margin-bottom: 4px;\n}\n\n.tb-ai-why__card-hl {\n  font-size: 0.9rem;\n  font-weight: 600;\n  color: var(--tb-charcoal);\n  border-left: 3px solid var(--tb-red);\n  padding-left: 14px;\n  margin: 0 0 12px;\n  line-height: 1.55;\n}\n\n\n\/* =============================================================\n   4\u20137. FEATURE SECTIONS (shared)\n   ============================================================= *\/\n.tb-ai-feat { padding: 80px 0; }\n\n.tb-ai-feat--offwhite { background: var(--tb-offwhite); }\n.tb-ai-feat--dark     { background: var(--tb-charcoal); }\n.tb-ai-feat--white    { background: var(--tb-white); }\n\n.tb-ai-feat__inner {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 60px;\n  align-items: start;\n}\n\n.tb-ai-feat__inner--rev { direction: rtl; }\n.tb-ai-feat__inner--rev > * { direction: ltr; }\n\n\/* Dark text overrides *\/\n.tb-ai-feat--dark .tb-ai-eyebrow      { color: rgba(200,16,46,0.72); }\n.tb-ai-feat--dark .tb-ai-feat__text h2 { color: var(--tb-white); }\n.tb-ai-feat--dark .tb-ai-feat__text p  { color: rgba(255,255,255,0.58); }\n.tb-ai-feat--dark .tb-ai-feat__text em { color: rgba(255,255,255,0.8); }\n.tb-ai-feat--dark .tb-ai-feat__list li { color: rgba(255,255,255,0.62); }\n\n.tb-ai-feat__text h2 {\n  font-size: clamp(1.4rem, 2.6vw, 1.95rem);\n  font-weight: 700;\n  line-height: 1.25;\n  color: var(--tb-charcoal);\n  margin: 0 0 10px;\n}\n\n.tb-ai-feat__tagline {\n  font-size: 1rem;\n  font-weight: 500;\n  color: var(--tb-red) !important;\n  margin: 0 0 20px !important;\n  line-height: 1.45;\n}\n\n.tb-ai-feat__text p {\n  font-size: 0.93rem;\n  line-height: 1.75;\n  color: var(--tb-muted);\n  margin: 0 0 14px;\n}\n\n.tb-ai-feat__list {\n  padding: 0 0 0 16px;\n  margin: 0 0 18px;\n}\n.tb-ai-feat__list li {\n  font-size: 0.9rem;\n  line-height: 1.65;\n  color: var(--tb-muted);\n  margin-bottom: 5px;\n}\n\n.tb-ai-feat__callout {\n  background: rgba(32,33,36,0.04);\n  border: 1px solid var(--tb-border);\n  border-radius: 6px;\n  padding: 14px 18px;\n  font-size: 0.87rem;\n  line-height: 1.65;\n  color: var(--tb-charcoal);\n  margin: 16px 0;\n}\n\n.tb-ai-feat__callout--dark {\n  background: rgba(255,255,255,0.05);\n  border-color: rgba(255,255,255,0.09);\n  color: rgba(255,255,255,0.58);\n}\n\n.tb-ai-feat__impact {\n  background: var(--tb-white);\n  border: 1px solid var(--tb-border);\n  border-radius: 8px;\n  padding: 18px 22px;\n  margin-top: 16px;\n}\n\n.tb-ai-feat__impact-title {\n  font-size: 0.83rem;\n  font-weight: 700;\n  color: var(--tb-charcoal);\n  margin: 0 0 6px;\n}\n\n.tb-ai-feat__impact > p {\n  font-size: 0.83rem;\n  color: var(--tb-muted);\n  line-height: 1.55;\n  margin: 0 0 8px;\n}\n\n.tb-ai-feat__impact > ul {\n  padding: 0 0 0 14px;\n  margin: 0 0 10px;\n}\n\n.tb-ai-feat__impact > ul li {\n  font-size: 0.82rem;\n  line-height: 1.6;\n  color: var(--tb-charcoal);\n  margin-bottom: 3px;\n}\n\n.tb-ai-feat__impact-close {\n  font-size: 0.82rem;\n  font-style: italic;\n  color: var(--tb-muted);\n  border-top: 1px solid var(--tb-border);\n  padding-top: 9px;\n  margin: 0;\n}\n\n\/* Compare quote (Feature 2) *\/\n.tb-ai-feat__compare-quote {\n  border: 1px solid rgba(255,255,255,0.1);\n  border-radius: 8px;\n  overflow: hidden;\n  margin: 16px 0;\n}\n\n.tb-ai-cq__row {\n  display: flex;\n  gap: 14px;\n  padding: 13px 16px;\n  align-items: flex-start;\n}\n.tb-ai-cq__row + .tb-ai-cq__row { border-top: 1px solid rgba(255,255,255,0.08); }\n\n.tb-ai-cq__lbl {\n  font-size: 0.65rem;\n  font-weight: 700;\n  letter-spacing: 0.09em;\n  text-transform: uppercase;\n  min-width: 100px;\n  padding-top: 2px;\n  flex-shrink: 0;\n}\n.tb-ai-cq__lbl--muted { color: var(--tb-muted); }\n.tb-ai-cq__lbl--red   { color: var(--tb-red); }\n\n.tb-ai-cq__text {\n  font-size: 0.87rem;\n  line-height: 1.55;\n  color: rgba(255,255,255,0.75);\n}\n\n.tb-ai-feat__emphasis {\n  font-size: 0.95rem !important;\n  font-weight: 600;\n  color: var(--tb-charcoal) !important;\n  border-left: 3px solid var(--tb-red);\n  padding-left: 14px;\n  margin: 14px 0 !important;\n  line-height: 1.55;\n}\n\n\n\/* =============================================================\n   SCHEMATIC CARDS (feature visuals)\n   ============================================================= *\/\n.tb-ai-card {\n  background: var(--tb-white);\n  border: 1px solid var(--tb-border);\n  border-radius: 10px;\n  padding: 22px;\n  font-size: 0.81rem;\n  box-shadow: 0 2px 18px rgba(32,33,36,0.07);\n}\n\n.tb-ai-card--dark {\n  background: #252830;\n  border-color: #30343c;\n  box-shadow: none;\n}\n\n.tb-ai-card__hd {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n\n.tb-ai-card__title {\n  font-size: 0.82rem;\n  font-weight: 700;\n  color: var(--tb-charcoal);\n  line-height: 1.3;\n}\n.tb-ai-card--dark .tb-ai-card__title { color: rgba(255,255,255,0.82); }\n\n.tb-ai-card__badge {\n  font-size: 0.63rem;\n  font-weight: 700;\n  background: rgba(200,16,46,0.08);\n  color: var(--tb-red);\n  padding: 3px 9px;\n  border-radius: 20px;\n  letter-spacing: 0.04em;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n.tb-ai-card--dark .tb-ai-card__badge { background: rgba(200,16,46,0.18); color: #f5a0ad; }\n\n\/* Estimation card *\/\n.tb-ai-card__current {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n  padding: 7px 9px;\n  background: rgba(200,16,46,0.05);\n  border: 1px dashed rgba(200,16,46,0.2);\n  border-radius: 4px;\n  margin-bottom: 2px;\n}\n\n.tb-ai-card__current-name { font-size: 0.79rem; color: var(--tb-charcoal); }\n.tb-ai-card__current-hrs  { font-size: 0.79rem; font-weight: 600; color: rgba(95,99,104,0.4); }\n\n.tb-ai-card__group-lbl {\n  font-size: 0.63rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.09em;\n  color: var(--tb-muted);\n  margin: 10px 0 5px;\n}\n\n.tb-ai-card__row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 6px 8px;\n  border-radius: 4px;\n  margin-bottom: 2px;\n  gap: 8px;\n}\n.tb-ai-card__row:nth-child(odd) { background: rgba(32,33,36,0.03); }\n\n.tb-ai-card__row-name { font-size: 0.78rem; color: var(--tb-charcoal); line-height: 1.3; }\n.tb-ai-card__row-val  { font-size: 0.72rem; font-weight: 600; color: var(--tb-muted); white-space: nowrap; flex-shrink: 0; }\n\n.tb-ai-card__suggestion {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: rgba(200,16,46,0.06);\n  border: 1px solid rgba(200,16,46,0.17);\n  border-radius: 6px;\n  padding: 10px 12px;\n  margin-top: 10px;\n  font-size: 0.78rem;\n  color: var(--tb-muted);\n}\n\n.tb-ai-card__sug-val {\n  font-size: 1.05rem;\n  font-weight: 700;\n  color: var(--tb-red);\n}\n\n.tb-ai-card__actions {\n  display: flex;\n  gap: 8px;\n  margin-top: 12px;\n}\n\n.tb-ai-card__btn {\n  flex: 1;\n  padding: 8px 10px;\n  border-radius: 5px;\n  font-size: 0.76rem;\n  font-weight: 600;\n  border: none;\n  font-family: inherit;\n  opacity: 0.65;\n}\n.tb-ai-card__btn--accept { background: var(--tb-red); color: var(--tb-white); }\n.tb-ai-card__btn--edit   { background: rgba(32,33,36,0.08); color: var(--tb-charcoal); }\n\n\/* Report card \u2014 descriptive text output, not bar charts *\/\n.tb-ai-card__rep-section {\n  margin-bottom: 14px;\n  padding-bottom: 14px;\n  border-bottom: 1px solid rgba(255,255,255,0.07);\n}\n.tb-ai-card__rep-section:last-of-type {\n  border-bottom: none;\n  margin-bottom: 10px;\n  padding-bottom: 0;\n}\n\n.tb-ai-card__rep-topic {\n  display: block;\n  font-size: 0.63rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: rgba(200,16,46,0.65);\n  margin-bottom: 5px;\n}\n\n.tb-ai-card__rep-text {\n  font-size: 0.79rem;\n  line-height: 1.6;\n  color: rgba(255,255,255,0.52);\n  margin: 0;\n}\n\n.tb-ai-card__rep-note {\n  font-size: 0.63rem;\n  color: rgba(255,255,255,0.22);\n  font-style: italic;\n  text-align: center;\n  padding-top: 10px;\n  border-top: 1px solid rgba(255,255,255,0.06);\n  margin-top: 4px;\n}\n\n\/* Report \u2014 theme picker + AI narrative output *\/\n.tb-ai-rep__themes {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  margin-bottom: 14px;\n}\n\n.tb-ai-rep__theme {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 7px 10px;\n  border-radius: 5px;\n  font-size: 0.76rem;\n  color: rgba(255,255,255,0.38);\n  cursor: default;\n  border: 1px solid transparent;\n}\n\n.tb-ai-rep__theme--active {\n  background: rgba(200,16,46,0.14);\n  border-color: rgba(200,16,46,0.25);\n  color: #f5a0ad;\n  font-weight: 600;\n}\n\n.tb-ai-rep__theme-icon {\n  font-size: 0.78rem;\n  flex-shrink: 0;\n  width: 16px;\n  text-align: center;\n}\n\n.tb-ai-rep__theme-more {\n  font-size: 0.68rem;\n  color: rgba(255,255,255,0.2);\n  font-style: italic;\n}\n\n.tb-ai-rep__output {\n  background: rgba(255,255,255,0.04);\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 6px;\n  padding: 14px;\n}\n\n.tb-ai-rep__output-label {\n  font-size: 0.62rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.09em;\n  color: rgba(200,16,46,0.6);\n  margin-bottom: 12px;\n}\n\n.tb-ai-rep__block {\n  margin-bottom: 11px;\n  padding-bottom: 11px;\n  border-bottom: 1px solid rgba(255,255,255,0.06);\n}\n.tb-ai-rep__block:last-of-type {\n  border-bottom: none;\n  margin-bottom: 8px;\n  padding-bottom: 0;\n}\n\n.tb-ai-rep__block-title {\n  display: block;\n  font-size: 0.69rem;\n  font-weight: 700;\n  color: rgba(255,255,255,0.42);\n  margin-bottom: 4px;\n  letter-spacing: 0.04em;\n}\n\n.tb-ai-rep__block-text {\n  font-size: 0.76rem;\n  line-height: 1.58;\n  color: rgba(255,255,255,0.46);\n  margin: 0;\n}\n\n.tb-ai-rep__footer {\n  font-size: 0.6rem;\n  color: rgba(255,255,255,0.18);\n  font-style: italic;\n  text-align: center;\n  padding-top: 9px;\n  border-top: 1px solid rgba(255,255,255,0.05);\n  margin-top: 8px;\n}\n\n\/* Meeting card *\/\n.tb-ai-card__meeting-block { margin-bottom: 12px; }\n\n.tb-ai-card__sec-lbl {\n  display: block;\n  font-size: 0.62rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.09em;\n  color: var(--tb-muted);\n  margin-bottom: 4px;\n}\n\n.tb-ai-card__meeting-text {\n  font-size: 0.8rem;\n  color: var(--tb-charcoal);\n  line-height: 1.55;\n  margin: 0;\n}\n\n.tb-ai-card__task {\n  display: flex;\n  gap: 7px;\n  align-items: flex-start;\n  padding: 6px 9px;\n  background: rgba(200,16,46,0.05);\n  border-radius: 4px;\n  margin-bottom: 3px;\n  font-size: 0.78rem;\n  color: var(--tb-charcoal);\n}\n\n.tb-ai-card__task-dot { color: var(--tb-red); font-size: 0.5rem; flex-shrink: 0; margin-top: 4px; }\n\n.tb-ai-card__review-bar {\n  margin-top: 11px;\n  padding: 7px 12px;\n  background: rgba(32,33,36,0.04);\n  border: 1px solid var(--tb-border);\n  border-radius: 4px;\n  font-size: 0.69rem;\n  color: var(--tb-muted);\n  text-align: center;\n  font-style: italic;\n}\n\n\/* Tag card *\/\n.tb-ai-card__tag-block { margin-bottom: 12px; }\n\n.tb-ai-card__tag-row { display: flex; flex-wrap: wrap; gap: 5px; }\n\n.tb-ai-card__tag {\n  font-size: 0.73rem;\n  padding: 4px 10px;\n  border-radius: 20px;\n  font-weight: 600;\n}\n.tb-ai-card__tag--ex  { background: rgba(32,33,36,0.07); color: var(--tb-charcoal); }\n.tb-ai-card__tag--sug { background: rgba(200,16,46,0.08); color: var(--tb-red); border: 1px solid rgba(200,16,46,0.17); }\n.tb-ai-card__tag--new { background: transparent; color: var(--tb-red); border: 1px dashed var(--tb-red); }\n\n\n\/* =============================================================\n   8. SHARED VALUE\n   ============================================================= *\/\n.tb-ai-shared {\n  background: var(--tb-white);\n  padding: 80px 0;\n}\n\n.tb-ai-shared h2 {\n  font-size: clamp(1.5rem, 2.8vw, 2rem);\n  font-weight: 700;\n  line-height: 1.25;\n  color: var(--tb-charcoal);\n  margin: 0 0 12px;\n  max-width: 660px;\n}\n\n.tb-ai-shared__lead {\n  font-size: 1rem;\n  color: var(--tb-muted);\n  line-height: 1.7;\n  max-width: 580px;\n  margin: 0 0 36px;\n}\n\n.tb-ai-shared__grid {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 14px;\n  margin-bottom: 32px;\n}\n\n.tb-ai-shared__card {\n  background: var(--tb-offwhite);\n  border: 1px solid var(--tb-border);\n  border-radius: 8px;\n  padding: 18px;\n}\n\n.tb-ai-shared__arrow { display: block; font-size: 1rem; color: var(--tb-red); margin-bottom: 8px; }\n.tb-ai-shared__card strong { display: block; font-size: 0.86rem; font-weight: 700; color: var(--tb-charcoal); margin-bottom: 5px; }\n.tb-ai-shared__card p { font-size: 0.82rem; color: var(--tb-muted); line-height: 1.55; margin: 0; }\n\n.tb-ai-shared__card--raila {\n  background: var(--tb-charcoal);\n  border-color: var(--tb-charcoal);\n}\n\n.tb-ai-shared__card--raila .tb-ai-shared__arrow {\n  width: 24px;\n  height: 24px;\n  border-radius: 7px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--tb-red);\n  color: var(--tb-white);\n  font-size: 0.68rem;\n  font-weight: 700;\n}\n\n.tb-ai-shared__card--raila strong { color: var(--tb-white); }\n.tb-ai-shared__card--raila p { color: rgba(255,255,255,0.52); }\n\n.tb-ai-shared__loop {\n  background: var(--tb-offwhite);\n  border: 1px solid var(--tb-border);\n  border-radius: 8px;\n  padding: 22px 26px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  margin-bottom: 28px;\n}\n\n.tb-ai-shared__loop-row {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.tb-ai-shared__loop-item { font-size: 0.87rem; font-weight: 500; color: var(--tb-charcoal); }\n.tb-ai-shared__loop-arr  { color: var(--tb-red); font-size: 1rem; font-weight: 700; flex-shrink: 0; }\n\n.tb-ai-shared__close {\n  font-size: 0.96rem;\n  color: var(--tb-muted);\n  line-height: 1.65;\n  max-width: 660px;\n  margin: 0 0 32px;\n}\n\n.tb-ai-shared__cta {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n\n\/* =============================================================\n   9. COMPARISON\n   ============================================================= *\/\n.tb-ai-compare {\n  background: var(--tb-offwhite);\n  padding: 80px 0;\n}\n\n.tb-ai-compare h2 {\n  font-size: clamp(1.5rem, 2.8vw, 2rem);\n  font-weight: 700;\n  color: var(--tb-charcoal);\n  margin: 0 0 12px;\n}\n\n.tb-ai-compare__lead {\n  font-size: 1rem;\n  color: var(--tb-muted);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 0 32px;\n}\n\n.tb-ai-compare__panel {\n  display: grid;\n  grid-template-columns: 1fr auto 1fr;\n  border: 1px solid var(--tb-border);\n  border-radius: 10px;\n  overflow: hidden;\n}\n\n.tb-ai-cmp__col { padding: 30px 26px; }\n.tb-ai-cmp__col--generic { background: var(--tb-white); }\n.tb-ai-cmp__col--tb      { background: var(--tb-charcoal); }\n\n.tb-ai-cmp__divider {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 16px;\n  font-size: 0.8rem;\n  font-weight: 700;\n  color: var(--tb-muted);\n  background: var(--tb-border);\n  writing-mode: vertical-rl;\n  letter-spacing: 0.06em;\n}\n\n.tb-ai-cmp__lbl {\n  font-size: 0.67rem;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  margin: 0 0 4px;\n}\n.tb-ai-cmp__col--generic .tb-ai-cmp__lbl { color: var(--tb-muted); }\n.tb-ai-cmp__col--tb      .tb-ai-cmp__lbl { color: rgba(200,16,46,0.72); }\n\n.tb-ai-cmp__sub { font-size: 0.9rem; font-weight: 600; margin: 0 0 14px; }\n.tb-ai-cmp__col--generic .tb-ai-cmp__sub { color: var(--tb-charcoal); }\n.tb-ai-cmp__col--tb      .tb-ai-cmp__sub { color: rgba(255,255,255,0.8); }\n\n.tb-ai-cmp__list { list-style: none; padding: 0; margin: 0 0 18px; }\n.tb-ai-cmp__list li { font-size: 0.88rem; padding: 6px 0; border-bottom: 1px solid; line-height: 1.4; }\n.tb-ai-cmp__col--generic .tb-ai-cmp__list li { color: var(--tb-muted); border-color: var(--tb-border); }\n.tb-ai-cmp__col--tb      .tb-ai-cmp__list li { color: rgba(255,255,255,0.6); border-color: rgba(255,255,255,0.08); }\n\n.tb-ai-cmp__stmt { font-size: 0.88rem; line-height: 1.6; margin: 0; }\n.tb-ai-cmp__col--generic .tb-ai-cmp__stmt { color: var(--tb-muted); }\n.tb-ai-cmp__stmt--strong { color: rgba(255,255,255,0.86); font-weight: 500; }\n\n.tb-ai-compare__close {\n  font-size: 0.94rem;\n  color: var(--tb-muted);\n  line-height: 1.65;\n  max-width: 620px;\n  margin: 22px 0 0;\n}\n\n\n\/* =============================================================\n   10. HONEST LIMITATIONS\n   ============================================================= *\/\n.tb-ai-honest {\n  background: var(--tb-white);\n  padding: 80px 0;\n}\n\n.tb-ai-honest h2 {\n  font-size: clamp(1.4rem, 2.6vw, 1.9rem);\n  font-weight: 700;\n  color: var(--tb-charcoal);\n  margin: 0 0 12px;\n  max-width: 560px;\n}\n\n.tb-ai-honest__intro {\n  font-size: 0.95rem;\n  color: var(--tb-muted);\n  line-height: 1.7;\n  max-width: 540px;\n  margin: 0 0 32px;\n}\n\n.tb-ai-honest__cols {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n}\n\n.tb-ai-honest__nots,\n.tb-ai-honest__does {\n  background: var(--tb-offwhite);\n  border: 1px solid var(--tb-border);\n  border-radius: 10px;\n  padding: 24px;\n}\n\n.tb-ai-honest__col-lbl {\n  font-size: 0.67rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--tb-muted);\n  margin: 0 0 14px;\n}\n\n.tb-ai-honest__list { padding: 0 0 0 14px; margin: 0 0 14px; }\n.tb-ai-honest__list li { font-size: 0.87rem; line-height: 1.65; color: var(--tb-charcoal); margin-bottom: 5px; }\n\n.tb-ai-honest__remark {\n  font-size: 0.83rem;\n  color: var(--tb-muted);\n  line-height: 1.65;\n  font-style: italic;\n  border-top: 1px solid var(--tb-border);\n  padding-top: 12px;\n  margin: 0;\n}\n\n.tb-ai-honest__does-list { list-style: none; padding: 0; margin: 0 0 16px; }\n.tb-ai-honest__does-list li {\n  display: flex;\n  gap: 8px;\n  align-items: baseline;\n  font-size: 0.87rem;\n  line-height: 1.6;\n  color: var(--tb-charcoal);\n  padding: 6px 0;\n  border-bottom: 1px solid var(--tb-border);\n}\n\n.tb-ai-honest__chk { color: var(--tb-red); font-weight: 700; font-size: 0.8rem; flex-shrink: 0; }\n\n.tb-ai-honest__close {\n  font-size: 0.95rem;\n  font-weight: 600;\n  color: var(--tb-charcoal);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\n\/* =============================================================\n   11. FOR WHOM\n   ============================================================= *\/\n.tb-ai-forwhom {\n  background: var(--tb-offwhite);\n  padding: 80px 0;\n}\n\n.tb-ai-forwhom h2 {\n  font-size: clamp(1.35rem, 2.4vw, 1.8rem);\n  font-weight: 700;\n  line-height: 1.28;\n  color: var(--tb-charcoal);\n  margin: 0 0 28px;\n  max-width: 620px;\n}\n\n.tb-ai-forwhom__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 10px;\n  margin-bottom: 28px;\n}\n\n.tb-ai-forwhom__item {\n  background: var(--tb-white);\n  border: 1px solid var(--tb-border);\n  border-radius: 6px;\n  padding: 14px 16px;\n  font-size: 0.86rem;\n  line-height: 1.5;\n  color: var(--tb-charcoal);\n  font-weight: 500;\n}\n\n.tb-ai-forwhom__close {\n  font-size: 0.95rem;\n  color: var(--tb-muted);\n  line-height: 1.7;\n  max-width: 580px;\n  margin: 0;\n}\n\n\n\/* =============================================================\n   12. SUMMARY\n   ============================================================= *\/\n.tb-ai-summary {\n  background: var(--tb-charcoal);\n  padding: 72px 0;\n}\n\n.tb-ai-summary .tb-ai-eyebrow { color: rgba(200,16,46,0.72); }\n\n.tb-ai-summary h2 {\n  font-size: clamp(1.35rem, 2.4vw, 1.8rem);\n  font-weight: 700;\n  line-height: 1.28;\n  color: var(--tb-white);\n  margin: 0 0 28px;\n  max-width: 580px;\n}\n\n.tb-ai-summary__grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 14px;\n  margin-bottom: 28px;\n}\n\n.tb-ai-sum__card {\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 8px;\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.tb-ai-sum__q {\n  font-size: 0.93rem;\n  color: rgba(255,255,255,0.48);\n  font-style: italic;\n  line-height: 1.55;\n}\n\n.tb-ai-sum__a {\n  font-size: 0.86rem;\n  font-weight: 700;\n  color: #f5a0ad;\n}\n\n.tb-ai-sum__card--raila {\n  grid-column: 1 \/ -1;\n  background: rgba(200,16,46,0.09);\n  border-color: rgba(200,16,46,0.22);\n}\n\n.tb-ai-sum__card--raila .tb-ai-sum__q {\n  color: rgba(255,255,255,0.62);\n}\n\n.tb-ai-sum__card--raila .tb-ai-sum__a {\n  color: var(--tb-white);\n}\n\n.tb-ai-summary__close {\n  font-size: 0.97rem;\n  color: rgba(255,255,255,0.55);\n  line-height: 1.7;\n  margin: 0;\n  max-width: 680px;\n}\n\n\n\/* =============================================================\n   CTA SECTION\n   ============================================================= *\/\n.tb-ai-cta {\n  background: var(--tb-red);\n  padding: 80px 0;\n}\n\n.tb-ai-cta__inner { text-align: center; }\n\n.tb-ai-cta h2 {\n  font-size: clamp(1.6rem, 3vw, 2.2rem);\n  font-weight: 700;\n  line-height: 1.25;\n  color: var(--tb-white);\n  margin: 0 0 14px;\n  max-width: 520px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.tb-ai-cta__body {\n  font-size: 1rem;\n  color: rgba(255,255,255,0.7);\n  margin: 0 0 28px;\n}\n\n.tb-ai-cta__btns {\n  display: flex;\n  gap: 12px;\n  justify-content: center;\n  flex-wrap: wrap;\n}\n\n\n\/* =============================================================\n   FAQ\n   ============================================================= *\/\n.tb-ai-faq {\n  background: var(--tb-offwhite);\n  padding: 72px 0 88px;\n}\n\n.tb-ai-faq h2 {\n  font-size: clamp(1.3rem, 2.2vw, 1.6rem);\n  font-weight: 700;\n  color: var(--tb-charcoal);\n  margin: 0 0 28px;\n}\n\n.tb-ai-faq__list { max-width: 760px; }\n\n.tb-ai-faq__item { border-top: 1px solid var(--tb-border); }\n.tb-ai-faq__item:last-child { border-bottom: 1px solid var(--tb-border); }\n\n.tb-ai-faq__q {\n  list-style: none;\n  padding: 16px 0;\n  font-size: 0.94rem;\n  font-weight: 600;\n  color: var(--tb-charcoal);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 14px;\n  line-height: 1.4;\n}\n.tb-ai-faq__q::-webkit-details-marker { display: none; }\n.tb-ai-faq__q::after { content: '+'; color: var(--tb-red); font-size: 1.1rem; font-weight: 400; flex-shrink: 0; transition: transform 0.18s; }\n.tb-ai-faq__item[open] .tb-ai-faq__q::after { transform: rotate(45deg); }\n\n.tb-ai-faq__a { padding: 0 0 14px; }\n.tb-ai-faq__a p { font-size: 0.89rem; line-height: 1.72; color: var(--tb-muted); margin: 0; }\n\n\n\/* =============================================================\n   RESPONSIVE\n   ============================================================= *\/\n@media (max-width: 960px) {\n  \/* Hero strip collapses to 2\u00d72 *\/\n  .tb-ai-hero__strip {\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: auto auto;\n  }\n  .tb-ai-hstrip__connector { display: none; }\n\n  \/* Two-column layouts go single *\/\n  .tb-ai-feat__inner,\n  .tb-ai-raila__inner,\n  .tb-ai-why__inner,\n  .tb-ai-honest__cols,\n  .tb-ai-summary__grid {\n    grid-template-columns: 1fr;\n    gap: 32px;\n  }\n  .tb-ai-feat__inner--rev { direction: ltr; }\n\n  .tb-ai-raila__visual { position: static; }\n\n  .tb-ai-overview__grid { grid-template-columns: repeat(2, 1fr); }\n  .tb-ai-shared__grid   { grid-template-columns: repeat(2, 1fr); }\n  .tb-ai-forwhom__grid  { grid-template-columns: repeat(2, 1fr); }\n\n  .tb-ai-compare__panel { grid-template-columns: 1fr; }\n  .tb-ai-cmp__divider { writing-mode: horizontal-tb; padding: 8px 0; text-align: center; }\n\n}\n\n@media (max-width: 600px) {\n  .tb-ai-hero, .tb-ai-overview, .tb-ai-raila, .tb-ai-why,\n  .tb-ai-feat, .tb-ai-shared, .tb-ai-compare,\n  .tb-ai-honest, .tb-ai-forwhom, .tb-ai-summary,\n  .tb-ai-cta, .tb-ai-faq { padding-top: 52px; padding-bottom: 52px; }\n\n  .tb-ai-hero__strip  { grid-template-columns: 1fr; }\n  .tb-ai-overview__grid,\n  .tb-ai-shared__grid,\n  .tb-ai-forwhom__grid { grid-template-columns: 1fr; }\n\n  .tb-ai-hero__ctas,\n  .tb-ai-cta__btns,\n  .tb-ai-shared__cta { flex-direction: column; align-items: stretch; text-align: center; }\n\n  .tb-ai-hero__tags  { flex-direction: column; align-items: flex-start; gap: 6px; }\n\n  .tb-ai-cq__row { flex-direction: column; gap: 4px; }\n\n  .tb-ai-hero__raila { margin-bottom: 20px; }\n  .tb-ai-hr__head,\n  .tb-ai-rchat__head { align-items: flex-start; }\n  .tb-ai-hr__context,\n  .tb-ai-rchat__demo { display: none; }\n  .tb-ai-hr__body { grid-template-columns: 1fr; }\n  .tb-ai-hr__signal { flex-direction: column; gap: 5px; }\n\n  .tb-ai-ov__card--raila {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 16px;\n  }\n  .tb-ai-ov__card--raila .tb-ai-ov__link {\n    align-self: flex-start;\n  }\n\n  .tb-ai-rchat__msg--user { max-width: 92%; }\n  .tb-ai-rchat__thread { padding: 14px; }\n  .tb-ai-rchat__prompt { margin-left: 14px; margin-right: 14px; }\n  .tb-ai-rchat__prompt > span:first-child { font-size: 0.68rem; }\n\n}\n<\/style>\n\n<!-- ============================================================\n     TaskBrowse | KI im Projektmanagement | \/de\/ki-projektmanagement\/\n     Version 5 \u2014 Raila integration + four specialized AI functions + 15 HTML sections\n     CSS: tb-ai-de.css (Otter Blocks Additional CSS)\n     No JS \u00b7 No external libs \u00b7 tb-ai- prefix throughout\n     ============================================================ -->\n\n<!-- ============================================================\n     1. HERO\n     ============================================================ -->\n<section class=\"tb-ai-hero\" aria-labelledby=\"tb-ai-h1\">\n  <div class=\"tb-ai-wrap\">\n\n    <!-- Text column -->\n    <div class=\"tb-ai-hero__text\">\n      <p class=\"tb-ai-eyebrow\">KI im Projektmanagement mit Raila<\/p>\n      <h1 id=\"tb-ai-h1\">KI im Projektmanagement mit Raila: Projektdaten verstehen, Aufw\u00e4nde besser sch\u00e4tzen und Meetings dokumentieren.<\/h1>\n      <p class=\"tb-ai-hero__lead\">Raila ist die KI-Assistentin in TaskBrowse. Sie hilft, Fragen zu Projekten, Aufgaben, Auslastung, Plan-Ist-Abweichungen und Kosten direkt im Arbeitskontext zu beantworten. Erg\u00e4nzt wird Raila durch spezialisierte KI-Funktionen f\u00fcr Aufwandssch\u00e4tzung, Timesheet-Analyse, Meeting-Dokumentation und Tag-Vorschl\u00e4ge.<\/p>\n\n      <div class=\"tb-ai-hero__tags\">\n        <span>Projektkontext statt allgemeiner Antworten.<\/span>\n        <span>Ergebnisse bleiben pr\u00fcfbar.<\/span>\n        <span>Keine automatische Projektsteuerung.<\/span>\n      <\/div>\n\n      <p class=\"tb-ai-hero__sub\">Raila arbeitet dort, wo echte Projektdaten bereits entstehen: bei Aufgaben, Sch\u00e4tzungen, erfassten Zeiten, Kapazit\u00e4ten, Kosten, Besprechungen und Tags.<\/p>\n\n      <div class=\"tb-ai-hero__ctas\">\n        <a href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=de\" class=\"tb-ai-btn tb-ai-btn--primary\">Kostenlos starten<\/a>\n        <a href=\"#raila\" class=\"tb-ai-btn tb-ai-btn--outline\">Raila kennenlernen<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Raila conversation preview -->\n    <div class=\"tb-ai-hero__raila\" aria-labelledby=\"tb-ai-hero-raila-title\">\n      <div class=\"tb-ai-hr__head\">\n        <div class=\"tb-ai-hr__identity\">\n          <span class=\"tb-ai-hr__mark\" aria-hidden=\"true\">R<\/span>\n          <div>\n            <p id=\"tb-ai-hero-raila-title\" class=\"tb-ai-hr__title\">Raila \u00b7 KI-Assistentin in TaskBrowse<\/p>\n            <p class=\"tb-ai-hr__status\">Beispielarbeitsbereich \u00b7 fiktive Projektdaten<\/p>\n          <\/div>\n        <\/div>\n        <span class=\"tb-ai-hr__context\">Projektkontext aktiv<\/span>\n      <\/div>\n\n      <div class=\"tb-ai-hr__body\">\n        <div class=\"tb-ai-hr__prompt\">\n          <span class=\"tb-ai-hr__speaker\">Sie<\/span>\n          <p>Welche Projekte brauchen diese Woche Aufmerksamkeit?<\/p>\n        <\/div>\n\n        <div class=\"tb-ai-hr__answer\">\n          <span class=\"tb-ai-hr__speaker tb-ai-hr__speaker--raila\">Raila<\/span>\n          <p>In den Beispieldaten fallen zwei Projekte auf: Der Website-Relaunch liegt 28 Prozentpunkte hinter dem Plan, die CRM-Migration 16 Punkte. Zus\u00e4tzlich sind f\u00fcr eine Person 44,8 Stunden bei 40 Stunden Kapazit\u00e4t geplant.<\/p>\n          <div class=\"tb-ai-hr__signal\">\n            <span>Priorit\u00e4t<\/span>\n            <strong>Abh\u00e4ngigkeiten pr\u00fcfen und 4\u20135 Stunden neu verteilen.<\/strong>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tb-ai-hr__topics\" aria-label=\"Beispiele f\u00fcr Fragen an Raila\">\n        <span>Projektrisiken<\/span>\n        <span>Auslastung<\/span>\n        <span>Plan vs. Ist<\/span>\n        <span>Zeit &amp; Kosten<\/span>\n        <span>N\u00e4chste Schritte<\/span>\n      <\/div>\n\n      <p class=\"tb-ai-hr__note\">Antworten h\u00e4ngen von den bereitgestellten Daten, ihrer Qualit\u00e4t und dem verf\u00fcgbaren Arbeitskontext ab. Wichtige Entscheidungen sollten weiterhin menschlich gepr\u00fcft werden.<\/p>\n    <\/div>\n\n    <!-- Four specialized AI modules (Raila is presented above) -->\n    <!--\n      IMAGE PLACEMENT: Hero visual\n      Type: CSS schematic (no image file needed)\n      Replace with real product screenshot when available:\n        File: tb-ai-hero-panel.webp\n        Alt:  Vier spezialisierte KI-Funktionen in TaskBrowse: Aufwandssch\u00e4tzung, Timesheet-Analyse, Meeting-Dokumentation und Tag-Vorschl\u00e4ge\n    -->\n    <div class=\"tb-ai-hero__strip\" role=\"img\" aria-label=\"Vier spezialisierte KI-Funktionen in TaskBrowse: Aufwandssch\u00e4tzung, Timesheet-Analyse, Meeting-Dokumentation und Tag-Vorschl\u00e4ge\">\n\n      <div class=\"tb-ai-hstrip__module\">\n        <div class=\"tb-ai-hstrip__num\" aria-hidden=\"true\">1<\/div>\n        <div class=\"tb-ai-hstrip__label\">Aufwandssch\u00e4tzung<\/div>\n        <div class=\"tb-ai-hstrip__rows\">\n          <div class=\"tb-ai-hstrip__row\">API-Doku \u00b7 Ist 4,5 h<\/div>\n          <div class=\"tb-ai-hstrip__row\">REST-Schnittstelle \u00b7 Ist 3,8 h<\/div>\n          <div class=\"tb-ai-hstrip__row\">Doku v2 \u00b7 Sch\u00e4tzung 5 h<\/div>\n        <\/div>\n        <div class=\"tb-ai-hstrip__result\">\n          <span>\u00c4hnliche Aufgaben \u2192<\/span>\n          <strong>4,5 h<\/strong>\n        <\/div>\n      <\/div>\n\n      <div class=\"tb-ai-hstrip__connector\" aria-hidden=\"true\">\u2192<\/div>\n\n      <div class=\"tb-ai-hstrip__module\">\n        <div class=\"tb-ai-hstrip__num\" aria-hidden=\"true\">2<\/div>\n        <div class=\"tb-ai-hstrip__label\">Timesheet-Analyse<\/div>\n        <div class=\"tb-ai-hstrip__bars\">\n          <div class=\"tb-ai-hstrip__bar-row\">\n            <span>Aufwand<\/span>\n            <div class=\"tb-ai-hstrip__track\"><div class=\"tb-ai-hstrip__fill\" style=\"width:74%\"><\/div><\/div>\n          <\/div>\n          <div class=\"tb-ai-hstrip__bar-row\">\n            <span>Auslastung<\/span>\n            <div class=\"tb-ai-hstrip__track\"><div class=\"tb-ai-hstrip__fill tb-ai-hstrip__fill--warn\" style=\"width:91%\"><\/div><\/div>\n          <\/div>\n          <div class=\"tb-ai-hstrip__bar-row\">\n            <span>Kosten<\/span>\n            <div class=\"tb-ai-hstrip__track\"><div class=\"tb-ai-hstrip__fill\" style=\"width:58%\"><\/div><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"tb-ai-hstrip__hint\">Analysehinweise verf\u00fcgbar<\/div>\n      <\/div>\n\n      <div class=\"tb-ai-hstrip__connector\" aria-hidden=\"true\">\u2192<\/div>\n\n      <div class=\"tb-ai-hstrip__module\">\n        <div class=\"tb-ai-hstrip__num\" aria-hidden=\"true\">3<\/div>\n        <div class=\"tb-ai-hstrip__label\">Meeting-Dokumentation<\/div>\n        <div class=\"tb-ai-hstrip__meeting\">\n          <div class=\"tb-ai-hstrip__meeting-label\">Zusammenfassung<\/div>\n          <div class=\"tb-ai-hstrip__meeting-text\">Deployment 28. Juni. Budget-Freigabe bis 15. Juni.<\/div>\n          <div class=\"tb-ai-hstrip__meeting-label\" style=\"margin-top:8px\">Aktionspunkte<\/div>\n          <div class=\"tb-ai-hstrip__tasks\">\n            <span>\u25cf Checkliste erstellen<\/span>\n            <span>\u25cf Budget anfragen<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"tb-ai-hstrip__hint\">Vor \u00dcbernahme pr\u00fcfen<\/div>\n      <\/div>\n\n      <div class=\"tb-ai-hstrip__connector\" aria-hidden=\"true\">\u2192<\/div>\n\n      <div class=\"tb-ai-hstrip__module\">\n        <div class=\"tb-ai-hstrip__num\" aria-hidden=\"true\">4<\/div>\n        <div class=\"tb-ai-hstrip__label\">Tag-Vorschl\u00e4ge<\/div>\n        <div class=\"tb-ai-hstrip__task-name\">Kundenpr\u00e4sentation vorbereiten<\/div>\n        <div class=\"tb-ai-hstrip__tags\">\n          <span class=\"tb-ai-hstrip__tag tb-ai-hstrip__tag--ex\">Pr\u00e4sentation<\/span>\n          <span class=\"tb-ai-hstrip__tag tb-ai-hstrip__tag--sug\">Kundenarbeit<\/span>\n          <span class=\"tb-ai-hstrip__tag tb-ai-hstrip__tag--sug\">Q3<\/span>\n          <span class=\"tb-ai-hstrip__tag tb-ai-hstrip__tag--new\">+ Extern<\/span>\n        <\/div>\n        <div class=\"tb-ai-hstrip__hint\">KI-Vorschl\u00e4ge<\/div>\n      <\/div>\n\n    <\/div><!-- \/.tb-ai-hero__strip -->\n\n    <p class=\"tb-ai-hero__value\">Raila macht Projektinformationen im Dialog zug\u00e4nglicher. Die spezialisierten KI-Funktionen helfen zus\u00e4tzlich, Sch\u00e4tzungen weniger zuf\u00e4llig zu machen, Timesheets analytisch auszuwerten und Meeting-Ergebnisse leichter in konkrete Aufgaben zu \u00fcberf\u00fchren.<\/p>\n\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     2. WHAT AI SUPPORTS (feature overview)\n     ============================================================ -->\n<section class=\"tb-ai-overview\" aria-labelledby=\"tb-ai-ov-h2\">\n  <div class=\"tb-ai-wrap\">\n    <p class=\"tb-ai-eyebrow\">Was KI in TaskBrowse konkret unterst\u00fctzt<\/p>\n    <h2 id=\"tb-ai-ov-h2\">KI im Projektmanagement mit Raila und vier spezialisierten Funktionen.<\/h2>\n    <p class=\"tb-ai-overview__lead\">Raila macht Projektinformationen im Dialog zug\u00e4nglich. Die vier spezialisierten Funktionen unterst\u00fctzen konkrete Arbeitsschritte mit nachvollziehbaren Vorschl\u00e4gen und Analysen.<\/p>\n\n    <div class=\"tb-ai-overview__grid\">\n\n      <div class=\"tb-ai-ov__card tb-ai-ov__card--raila\">\n        <div class=\"tb-ai-ov__raila-main\">\n          <div class=\"tb-ai-ov__head\">\n            <span class=\"tb-ai-ov__mark\" aria-hidden=\"true\">R<\/span>\n            <strong class=\"tb-ai-ov__title\">Raila \u00b7 KI-Assistentin f\u00fcr Ihre Projektdaten<\/strong>\n          <\/div>\n          <p>Stellen Sie Fragen zu Projektstatus, Plan-Ist-Abweichungen, Auslastung, Aufgaben, Zeit und Kosten. Raila verbindet Informationen aus dem Arbeitskontext und formuliert verst\u00e4ndliche Antworten und n\u00e4chste Pr\u00fcfpunkte.<\/p>\n        <\/div>\n        <a href=\"#raila\" class=\"tb-ai-ov__link\">Raila kennenlernen \u2193<\/a>\n      <\/div>\n\n      <div class=\"tb-ai-ov__card\">\n        <div class=\"tb-ai-ov__head\">\n          <span class=\"tb-ai-ov__num\">1<\/span>\n          <strong class=\"tb-ai-ov__title\">KI-gest\u00fctzte Aufwandssch\u00e4tzung<\/strong>\n        <\/div>\n        <p>TaskBrowse analysiert \u00e4hnliche fr\u00fchere Aufgaben und schl\u00e4gt einen realistischeren Aufwand in Stunden vor.<\/p>\n        <a href=\"#aufwandsschaetzung\" class=\"tb-ai-ov__link\">Mehr erfahren \u2193<\/a>\n      <\/div>\n\n      <div class=\"tb-ai-ov__card\">\n        <div class=\"tb-ai-ov__head\">\n          <span class=\"tb-ai-ov__num\">2<\/span>\n          <strong class=\"tb-ai-ov__title\">KI-gest\u00fctzte Timesheet-Berichte<\/strong>\n        <\/div>\n        <p>TaskBrowse wertet erfasste Arbeitszeiten aus und hilft, Aufwand, Auslastung, Produktivit\u00e4t und Kosten besser zu verstehen.<\/p>\n        <a href=\"#analyseberichte\" class=\"tb-ai-ov__link\">Mehr erfahren \u2193<\/a>\n      <\/div>\n\n      <div class=\"tb-ai-ov__card\">\n        <div class=\"tb-ai-ov__head\">\n          <span class=\"tb-ai-ov__num\">3<\/span>\n          <strong class=\"tb-ai-ov__title\">KI-gest\u00fctzte Meeting-Dokumentation<\/strong>\n        <\/div>\n        <p>TaskBrowse kann Meetings transkribieren, Ergebnisse strukturieren und m\u00f6gliche Aufgaben oder Aktionspunkte erkennen.<\/p>\n        <a href=\"#meeting-dokumentation\" class=\"tb-ai-ov__link\">Mehr erfahren \u2193<\/a>\n      <\/div>\n\n      <div class=\"tb-ai-ov__card\">\n        <div class=\"tb-ai-ov__head\">\n          <span class=\"tb-ai-ov__num\">4<\/span>\n          <strong class=\"tb-ai-ov__title\">KI-gest\u00fctzte Tag-Vorschl\u00e4ge<\/strong>\n        <\/div>\n        <p>TaskBrowse schl\u00e4gt passende Tags vor, damit Projektdaten konsistenter strukturiert und Berichte aussagekr\u00e4ftiger werden.<\/p>\n        <a href=\"#tag-vorschlaege\" class=\"tb-ai-ov__link\">Mehr erfahren \u2193<\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     3. RAILA \u2014 PROJECT-CONTEXT AI ASSISTANT\n     ============================================================ -->\n<section class=\"tb-ai-raila\" id=\"raila\" aria-labelledby=\"tb-ai-raila-h2\">\n  <div class=\"tb-ai-wrap tb-ai-raila__inner\">\n\n    <div class=\"tb-ai-raila__text\">\n      <p class=\"tb-ai-eyebrow\">Raila \u00b7 KI-Assistentin in TaskBrowse<\/p>\n      <h2 id=\"tb-ai-raila-h2\">Fragen Sie Raila, was in Ihren Projekten gerade wichtig ist.<\/h2>\n      <p class=\"tb-ai-raila__tagline\">Nicht nur chatten. Projektzusammenh\u00e4nge schneller erkennen.<\/p>\n\n      <p>Projektinformationen liegen oft verteilt in Aufgaben, Timesheets, Zeitpl\u00e4nen, Kostenberichten und Auslastungsdaten. Wer eine einfache Managementfrage beantworten m\u00f6chte, muss deshalb h\u00e4ufig mehrere Ansichten und Berichte zusammenf\u00fchren.<\/p>\n\n      <p>Raila schafft einen direkteren Zugang zu diesem Kontext. Sie k\u00f6nnen Fragen in nat\u00fcrlicher Sprache stellen und erhalten eine verst\u00e4ndliche Zusammenfassung der verf\u00fcgbaren Projektdaten \u2014 einschlie\u00dflich auff\u00e4lliger Abweichungen und sinnvoller n\u00e4chster Pr\u00fcfschritte.<\/p>\n\n      <div class=\"tb-ai-raila__questions\">\n        <p class=\"tb-ai-raila__questions-title\">Beispiele f\u00fcr Fragen an Raila:<\/p>\n        <ul>\n          <li>Welche Projekte liegen aktuell hinter dem Plan?<\/li>\n          <li>Wo weichen gesch\u00e4tzter und tats\u00e4chlicher Aufwand deutlich voneinander ab?<\/li>\n          <li>Wo werden Kapazit\u00e4ten knapp oder ungleich verteilt?<\/li>\n          <li>Welche Aufgaben oder Projekte verursachen besonders viel Zeit oder Kosten?<\/li>\n          <li>Welche Punkte sollte ich diese Woche zuerst pr\u00fcfen?<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"tb-ai-feat__callout\">\n        <strong>Raila erkl\u00e4rt vorhandene Projektdaten \u2014 sie erfindet keine Gewissheit.<\/strong> Antworten h\u00e4ngen von Datenqualit\u00e4t, Aktualit\u00e4t und Zugriffsrechten ab. Wichtige Entscheidungen sollten weiterhin anhand der zugrunde liegenden Daten gepr\u00fcft werden.\n      <\/div>\n\n      <p class=\"tb-ai-raila__permissions\">Welche Informationen Raila ber\u00fccksichtigen kann, h\u00e4ngt vom bereitgestellten Arbeitskontext und den in TaskBrowse verf\u00fcgbaren Projektdaten ab.<\/p>\n    <\/div>\n\n    <div class=\"tb-ai-raila__visual\">\n      <div class=\"tb-ai-rchat\" aria-label=\"Beispiel einer Unterhaltung mit Raila auf Basis fiktiver Projektdaten\">\n        <div class=\"tb-ai-rchat__head\">\n          <div class=\"tb-ai-rchat__identity\">\n            <span class=\"tb-ai-rchat__mark\" aria-hidden=\"true\">R<\/span>\n            <div>\n              <strong>Raila<\/strong>\n              <span>TaskBrowse KI-Assistentin<\/span>\n            <\/div>\n          <\/div>\n          <span class=\"tb-ai-rchat__demo\">Fiktive Beispieldaten<\/span>\n        <\/div>\n\n        <div class=\"tb-ai-rchat__thread\">\n          <div class=\"tb-ai-rchat__msg tb-ai-rchat__msg--user\">\n            <span>Sie<\/span>\n            <p>Warum liegt der Website-Relaunch hinter dem Plan?<\/p>\n          <\/div>\n\n          <div class=\"tb-ai-rchat__msg tb-ai-rchat__msg--raila\">\n            <span>Raila<\/span>\n            <p>Der gr\u00f6\u00dfte Abstand entsteht in drei Bereichen: UX-\u00dcberarbeitung ben\u00f6tigt 13 Stunden mehr als geplant, die API-Integration 8 Stunden mehr und QA 2 Stunden mehr. Die Content-Migration liegt dagegen 7 Stunden unter Plan.<\/p>\n\n            <div class=\"tb-ai-rchat__finding\">\n              <span>Einordnung<\/span>\n              <p>Der Mehraufwand konzentriert sich auf technisch abh\u00e4ngige Aufgaben. Pr\u00fcfen Sie zuerst die API-Abh\u00e4ngigkeiten und ob UX-\u00c4nderungen weitere Nacharbeit ausgel\u00f6st haben.<\/p>\n            <\/div>\n\n            <div class=\"tb-ai-rchat__action\">\n              <span>N\u00e4chster Pr\u00fcfschritt<\/span>\n              <strong>API- und UX-Aufgaben gemeinsam mit Abh\u00e4ngigkeiten und verbleibendem Aufwand \u00f6ffnen.<\/strong>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"tb-ai-rchat__prompt\">\n          <span>Fragen Sie Raila nach Risiken, Auslastung, Plan\/Ist oder Kosten \u2026<\/span>\n          <span class=\"tb-ai-rchat__send\" aria-hidden=\"true\">\u2192<\/span>\n        <\/div>\n\n        <p class=\"tb-ai-rchat__foot\">Beispielansicht \u00b7 Keine automatische Projektentscheidung<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     4. WHY IT MATTERS \/ DATA PROBLEM\n     ============================================================ -->\n<section class=\"tb-ai-why\" aria-labelledby=\"tb-ai-why-h2\">\n  <div class=\"tb-ai-wrap tb-ai-why__inner\">\n\n    <div class=\"tb-ai-why__col\">\n      <p class=\"tb-ai-eyebrow\">Warum das wichtig ist<\/p>\n      <h2 id=\"tb-ai-why-h2\">KI, die nicht nur gut klingt \u2014 sondern konkrete Arbeit unterst\u00fctzt.<\/h2>\n      <p>Viele Softwareprodukte sprechen heute \u00fcber KI. Im Projektalltag z\u00e4hlt nicht, ob ein Tool modern klingt. Entscheidend ist, ob KI an den Stellen hilft, an denen Projektteams wirklich Zeit verlieren:<\/p>\n      <ul class=\"tb-ai-why__list\">\n        <li>bei der schnellen Beantwortung konkreter Projektfragen<\/li>\n        <li>bei der Sch\u00e4tzung von Aufgaben<\/li>\n        <li>bei der Auswertung erfasster Arbeitszeiten<\/li>\n        <li>bei der Dokumentation von Besprechungen<\/li>\n        <li>bei der \u00dcberf\u00fchrung von Meeting-Ergebnissen in Aufgaben<\/li>\n        <li>bei der sauberen Strukturierung von Projektdaten<\/li>\n      <\/ul>\n      <p>Genau hier setzt TaskBrowse an. Raila macht vorhandene Projektinformationen im Dialog zug\u00e4nglich; die spezialisierten KI-Funktionen unterst\u00fctzen einzelne Arbeitsschritte. Beides bleibt mit dem realen Projektkontext verbunden.<\/p>\n    <\/div>\n\n    <div class=\"tb-ai-why__col\">\n      <div class=\"tb-ai-why__card\">\n        <p class=\"tb-ai-why__card-title\">Das Problem ist nicht fehlende Information.<\/p>\n        <p>Projektteams erzeugen t\u00e4glich wertvolle Daten: Aufgaben werden geplant, Aufw\u00e4nde gesch\u00e4tzt, Zeiten erfasst, Kapazit\u00e4ten verteilt, Meetings gef\u00fchrt, Entscheidungen getroffen und Tags vergeben.<\/p>\n        <p>Aber diese Daten werden oft nicht konsequent genutzt:<\/p>\n        <ul>\n          <li>Aufwandssch\u00e4tzungen bleiben h\u00e4ufig Bauchgef\u00fchl.<\/li>\n          <li>Timesheets dienen oft nur als Nachweis oder Abrechnungsgrundlage.<\/li>\n          <li>Meeting-Ergebnisse verschwinden in Notizen oder Chatverl\u00e4ufen.<\/li>\n          <li>Tags werden uneinheitlich verwendet.<\/li>\n          <li>Manager sehen Stundenwerte, aber nicht immer deren Bedeutung f\u00fcr Planung, Auslastung und Kosten.<\/li>\n        <\/ul>\n        <p class=\"tb-ai-why__card-hl\">Das Problem ist, dass vorhandene Information zu m\u00fchsam auszuwerten, zu unstrukturiert oder zu sp\u00e4t nutzbar ist.<\/p>\n        <p>Raila und die spezialisierten TaskBrowse-KI-Funktionen helfen, genau diese L\u00fccke zu verkleinern.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     5. FEATURE: Aufwandssch\u00e4tzung\n     ============================================================ -->\n<section class=\"tb-ai-feat tb-ai-feat--offwhite\" id=\"aufwandsschaetzung\" aria-labelledby=\"tb-ai-f1-h2\">\n  <div class=\"tb-ai-wrap tb-ai-feat__inner\">\n\n    <div class=\"tb-ai-feat__text\">\n      <p class=\"tb-ai-eyebrow\">Funktion 1 \u00b7 Projektmanagement mit KI<\/p>\n      <h2 id=\"tb-ai-f1-h2\">KI-gest\u00fctzte Aufwandssch\u00e4tzung<\/h2>\n      <p class=\"tb-ai-feat__tagline\">Weniger Bauchgef\u00fchl bei der Stundenplanung.<\/p>\n\n      <p>Eine der wichtigsten Fragen im Projektmanagement klingt einfach: <em>Wie lange dauert diese Aufgabe?<\/em> Eine falsche Sch\u00e4tzung kann Termine verzerren, Kapazit\u00e4ten falsch belasten, Kosten falsch berechnen und den Projektfortschritt ungenauer machen.<\/p>\n\n      <p>Beim Anlegen oder Bearbeiten einer Aufgabe kann TaskBrowse \u00e4hnliche fr\u00fchere Aufgaben aus Ihrer Projekthistorie analysieren und einen konkreten Aufwand in Stunden vorschlagen. Dabei k\u00f6nnen vorhandene Sch\u00e4tzungen und \u2014 wenn verf\u00fcgbar \u2014 tats\u00e4chlich erfasste Ist-Zeiten ber\u00fccksichtigt werden. Aufgaben ohne brauchbare Stundengrundlage werden nicht einbezogen.<\/p>\n\n      <p>Der Nutzer sieht, welche Aufgaben als Grundlage verwendet wurden, und kann die Auswahl pr\u00fcfen oder anpassen, bevor der Wert \u00fcbernommen wird.<\/p>\n\n      <div class=\"tb-ai-feat__callout\">\n        <strong>Die KI entscheidet nicht blind.<\/strong> Sie liefert eine nachvollziehbare Unterst\u00fctzung f\u00fcr eine bessere Sch\u00e4tzung \u2014 keine automatische \u00dcbernahme.\n      <\/div>\n\n      <div class=\"tb-ai-feat__impact\">\n        <p class=\"tb-ai-feat__impact-title\">Warum eine bessere Sch\u00e4tzung mehr ver\u00e4ndert als nur eine Zahl<\/p>\n        <p>In TaskBrowse beeinflusst der gesch\u00e4tzte Aufwand mehrere Bereiche der Projektsteuerung:<\/p>\n        <ul>\n          <li>die Planung einzelner Aufgaben<\/li>\n          <li>die Kapazit\u00e4ts- und Auslastungsplanung<\/li>\n          <li>die Einsch\u00e4tzung von Kosten<\/li>\n          <li>die Bewertung von Fortschritt<\/li>\n          <li>den sp\u00e4teren Vergleich: gesch\u00e4tzt vs. tats\u00e4chlich<\/li>\n        <\/ul>\n        <p class=\"tb-ai-feat__impact-close\">Nicht perfekt. Nicht automatisch. Aber n\u00e4her an der tats\u00e4chlichen Arbeit des Teams.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tb-ai-feat__visual\">\n      <!--\n        IMAGE PLACEMENT: Aufwandssch\u00e4tzung\n        Priority: 1 \u2014 replace schematic with real screenshot ASAP\n        File: tb-ai-aufwandsschaetzung.webp\n        Anonymize: task names, project names, user data\n        Alt: KI-gest\u00fctzte Aufwandssch\u00e4tzung in TaskBrowse mit \u00e4hnlichen Aufgaben und vorgeschlagenen Stunden\n      -->\n      <div class=\"tb-ai-card\" role=\"img\" aria-label=\"KI-gest\u00fctzte Aufwandssch\u00e4tzung in TaskBrowse mit \u00e4hnlichen Aufgaben und vorgeschlagenen Stunden\">\n        <div class=\"tb-ai-card__hd\">\n          <span class=\"tb-ai-card__title\">Aufwandssch\u00e4tzung<\/span>\n          <span class=\"tb-ai-card__badge\">KI-Vorschlag<\/span>\n        <\/div>\n        <div class=\"tb-ai-card__current\">\n          <span class=\"tb-ai-card__current-name\">Aktuelle Aufgabe<\/span>\n          <span class=\"tb-ai-card__current-hrs\">\u2014 h<\/span>\n        <\/div>\n        <p class=\"tb-ai-card__group-lbl\">\u00c4hnliche fr\u00fchere Aufgaben<\/p>\n        <div class=\"tb-ai-card__row\">\n          <span class=\"tb-ai-card__row-name\">API-Endpoint dokumentieren<\/span>\n          <span class=\"tb-ai-card__row-val\">Ist: 4,5 h<\/span>\n        <\/div>\n        <div class=\"tb-ai-card__row\">\n          <span class=\"tb-ai-card__row-name\">REST-Schnittstelle beschreiben<\/span>\n          <span class=\"tb-ai-card__row-val\">Ist: 3,8 h<\/span>\n        <\/div>\n        <div class=\"tb-ai-card__row\">\n          <span class=\"tb-ai-card__row-name\">Technische Dokumentation v2<\/span>\n          <span class=\"tb-ai-card__row-val\">Sch\u00e4tzung: 5 h<\/span>\n        <\/div>\n        <div class=\"tb-ai-card__suggestion\">\n          <span>Vorgeschlagener Aufwand<\/span>\n          <span class=\"tb-ai-card__sug-val\">4,5 h<\/span>\n        <\/div>\n        <div class=\"tb-ai-card__actions\">\n          <button class=\"tb-ai-card__btn tb-ai-card__btn--accept\" type=\"button\" tabindex=\"-1\" disabled=\"\" aria-hidden=\"true\">\u00dcbernehmen<\/button>\n          <button class=\"tb-ai-card__btn tb-ai-card__btn--edit\" type=\"button\" tabindex=\"-1\" disabled=\"\" aria-hidden=\"true\">Anpassen<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     6. FEATURE: Timesheet-Berichte\n     ============================================================ -->\n<section class=\"tb-ai-feat tb-ai-feat--dark\" id=\"analyseberichte\" aria-labelledby=\"tb-ai-f2-h2\">\n  <div class=\"tb-ai-wrap tb-ai-feat__inner tb-ai-feat__inner--rev\">\n\n    <div class=\"tb-ai-feat__text\">\n      <p class=\"tb-ai-eyebrow\">Funktion 2 \u00b7 KI Timesheet Analyse<\/p>\n      <h2 id=\"tb-ai-f2-h2\">KI-gest\u00fctzte analytische Timesheet-Berichte<\/h2>\n      <p class=\"tb-ai-feat__tagline\">Aus erfassten Stunden werden Managementhinweise.<\/p>\n\n      <p>Viele Teams erfassen Zeiten. Die entscheidende Frage lautet nicht nur: <em>Wie viele Stunden wurden gebucht?<\/em><\/p>\n      <p>Die wichtigere Frage ist: <em>Was bedeuten diese Stunden f\u00fcr Arbeit, Auslastung, Produktivit\u00e4t, Kosten und Planung?<\/em><\/p>\n      <p>TaskBrowse-KI hilft, Timesheet-Daten analytisch auszuwerten und daraus verst\u00e4ndlichere Managementhinweise abzuleiten.<\/p>\n\n      <ul class=\"tb-ai-feat__list\">\n        <li>Wo wurde mehr Zeit verbraucht als geplant?<\/li>\n        <li>Welche Aufgaben oder Bereiche binden besonders viel Aufwand?<\/li>\n        <li>Welche Personen oder Teams wirken stark ausgelastet?<\/li>\n        <li>Welche Projekte verursachen hohe Zeit- oder Kostenanteile?<\/li>\n        <li>Wie unterscheiden sich gesch\u00e4tzte und tats\u00e4chlich erfasste Zeiten?<\/li>\n        <li>Welche Muster werden sichtbar, wenn Timesheet-Daten ausgewertet werden?<\/li>\n      <\/ul>\n\n      <div class=\"tb-ai-feat__compare-quote\">\n        <div class=\"tb-ai-cq__row\">\n          <span class=\"tb-ai-cq__lbl tb-ai-cq__lbl--muted\">Timesheet sagt<\/span>\n          <span class=\"tb-ai-cq__text\">&#8222;Hier wurden 38 Stunden gebucht.&#8220;<\/span>\n        <\/div>\n        <div class=\"tb-ai-cq__row\">\n          <span class=\"tb-ai-cq__lbl tb-ai-cq__lbl--red\">TaskBrowse-KI fragt<\/span>\n          <span class=\"tb-ai-cq__text\">&#8222;Was bedeuten diese 38 Stunden f\u00fcr Projektsteuerung, Auslastung, Kosten und Planung?&#8220;<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"tb-ai-feat__callout tb-ai-feat__callout--dark\">\n        Das ist keine Zukunftsprognose. Es ist eine bessere Analyse vorhandener Arbeitsdaten.\n      <\/div>\n    <\/div>\n\n    <div class=\"tb-ai-feat__visual\">\n      <!--\n        IMAGE PLACEMENT: Timesheet-Analysebericht\n        Priority: 2 \u2014 replace schematic with real screenshot\n        File: tb-ai-analysebericht.webp\n        Anonymize: project names, user names, cost data\n        Alt: KI-gest\u00fctzter Timesheet-Analysebericht in TaskBrowse mit Aufwand, Auslastung und Kostenhinweisen\n      -->\n      <div class=\"tb-ai-card tb-ai-card--dark\" role=\"img\" aria-label=\"KI-gest\u00fctzter Timesheet-Analysebericht in TaskBrowse: Themenauswahl und KI-generierter Analysebericht mit \u00dcberblick, Befunden und Empfehlungen\">\n\n        <!-- Step 1: Theme picker -->\n        <div class=\"tb-ai-card__hd\">\n          <span class=\"tb-ai-card__title\">Analysethema w\u00e4hlen<\/span>\n          <span class=\"tb-ai-card__badge\">KI-Bericht<\/span>\n        <\/div>\n        <div class=\"tb-ai-rep__themes\">\n          <div class=\"tb-ai-rep__theme tb-ai-rep__theme--active\">\n            <span class=\"tb-ai-rep__theme-icon\" aria-hidden=\"true\">\u2696<\/span>\n            <span>Auslastungsbalance<\/span>\n          <\/div>\n          <div class=\"tb-ai-rep__theme\">\n            <span class=\"tb-ai-rep__theme-icon\" aria-hidden=\"true\">\u25ce<\/span>\n            <span>Effizienz &amp; Fokus<\/span>\n          <\/div>\n          <div class=\"tb-ai-rep__theme\">\n            <span class=\"tb-ai-rep__theme-icon\" aria-hidden=\"true\">\u25a3<\/span>\n            <span>Kosteneffizienz<\/span>\n          <\/div>\n          <div class=\"tb-ai-rep__theme\">\n            <span class=\"tb-ai-rep__theme-icon\" aria-hidden=\"true\">\u2026<\/span>\n            <span class=\"tb-ai-rep__theme-more\">+ 3 weitere Themen<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Step 2: AI report output for selected theme -->\n        <div class=\"tb-ai-rep__output\">\n          <div class=\"tb-ai-rep__output-label\">KI-Analysebericht \u00b7 Auslastungsbalance<\/div>\n\n          <div class=\"tb-ai-rep__block\">\n            <span class=\"tb-ai-rep__block-title\">\u00dcberblick<\/span>\n            <p class=\"tb-ai-rep__block-text\">Die erfassten Zeiten sind ungleichm\u00e4\u00dfig verteilt. Einige Aufgaben haben nur geplante, andere nur tats\u00e4chliche Zeiten \u2014 das erschwert eine klare Bewertung der Auslastung.<\/p>\n          <\/div>\n\n          <div class=\"tb-ai-rep__block\">\n            <span class=\"tb-ai-rep__block-title\">Befunde<\/span>\n            <p class=\"tb-ai-rep__block-text\">Es gibt mehr tats\u00e4chlich erfasste als geplante Eintr\u00e4ge. Das deutet darauf hin, dass Zeiten eher nachtr\u00e4glich gebucht als vorab geplant werden \u2014 was eine proaktive Auslastungssteuerung erschwert.<\/p>\n          <\/div>\n\n          <div class=\"tb-ai-rep__block\">\n            <span class=\"tb-ai-rep__block-title\">Empfehlungen<\/span>\n            <p class=\"tb-ai-rep__block-text\">Geplante und tats\u00e4chliche Zeiten konsequenter gemeinsam erfassen. W\u00f6chentliche \u00dcberpr\u00fcfung hilft, ungleichm\u00e4\u00dfige Auslastung fr\u00fcher zu erkennen.<\/p>\n          <\/div>\n\n          <div class=\"tb-ai-rep__footer\">KI-generiert \u00b7 Bitte menschlich pr\u00fcfen und einordnen<\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     7. FEATURE: Meeting-Dokumentation\n     ============================================================ -->\n<section class=\"tb-ai-feat tb-ai-feat--white\" id=\"meeting-dokumentation\" aria-labelledby=\"tb-ai-f3-h2\">\n  <div class=\"tb-ai-wrap tb-ai-feat__inner\">\n\n    <div class=\"tb-ai-feat__text\">\n      <p class=\"tb-ai-eyebrow\">Funktion 3 \u00b7 KI Meeting-Dokumentation<\/p>\n      <h2 id=\"tb-ai-f3-h2\">KI-gest\u00fctzte Meeting-Dokumentation<\/h2>\n      <p class=\"tb-ai-feat__tagline\">Aus Besprechungen werden dokumentierte Ergebnisse \u2014 und m\u00f6gliche Aufgaben.<\/p>\n\n      <p>Besprechungen sind ein zentraler Teil der Projektarbeit. Dort werden Entscheidungen getroffen, offene Punkte diskutiert, Verantwortlichkeiten gekl\u00e4rt und n\u00e4chste Schritte vereinbart. Das Problem: Nach dem Meeting bleiben viele Ergebnisse in Notizen, Chatverl\u00e4ufen oder Erinnerungen einzelner Personen h\u00e4ngen.<\/p>\n\n      <p>TaskBrowse unterst\u00fctzt die Meeting-Dokumentation mit KI. Die KI kann ein Meeting transkribieren, Inhalte strukturieren und wichtige Ergebnisse verst\u00e4ndlicher festhalten \u2014 Zusammenfassungen, Entscheidungen, offene Punkte und m\u00f6gliche Aufgaben oder Aktionspunkte, die aus dem Gespr\u00e4ch entstehen.<\/p>\n\n      <p>TaskBrowse-KI kann helfen, aus Meeting-Inhalten m\u00f6gliche Aufgaben oder Aktionspunkte zu erkennen, die anschlie\u00dfend gepr\u00fcft und in die Projektarbeit \u00fcbernommen werden k\u00f6nnen.<\/p>\n\n      <div class=\"tb-ai-feat__callout\">\n        <strong>Die KI unterst\u00fctzt, aber sie entscheidet nicht.<\/strong> Aufgaben, Zust\u00e4ndigkeiten, Termine und Priorit\u00e4ten sollten vor der \u00dcbernahme gepr\u00fcft werden. Die finale Verantwortung bleibt beim Team oder Projektmanager.\n      <\/div>\n\n      <div class=\"tb-ai-feat__impact\">\n        <p class=\"tb-ai-feat__impact-title\">Der Nutzen ist praktisch:<\/p>\n        <ul>\n          <li>Weniger verlorene Meeting-Ergebnisse<\/li>\n          <li>Schnellere Nachbereitung<\/li>\n          <li>Klarere Verbindung zwischen Gespr\u00e4ch und Umsetzung<\/li>\n          <li>Bessere Dokumentation der Projektarbeit<\/li>\n          <li>Mehr Chancen, dass Entscheidungen tats\u00e4chlich in Aufgaben m\u00fcnden<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"tb-ai-feat__visual\">\n      <!--\n        IMAGE PLACEMENT: Meeting-Dokumentation\n        Priority: 3 \u2014 replace schematic with real screenshot\n        File: tb-ai-meeting-dokumentation.webp\n        Anonymize: participant names, email addresses, company names, meeting content\n        Alt: KI-gest\u00fctzte Meeting-Dokumentation in TaskBrowse mit Transkription, Zusammenfassung und m\u00f6glichen Aufgaben\n      -->\n      <div class=\"tb-ai-card\" role=\"img\" aria-label=\"KI-gest\u00fctzte Meeting-Dokumentation in TaskBrowse mit Transkription, Zusammenfassung und m\u00f6glichen Aufgaben\">\n        <div class=\"tb-ai-card__hd\">\n          <span class=\"tb-ai-card__title\">Meeting \u2014 12. Juni<\/span>\n          <span class=\"tb-ai-card__badge\">Transkription<\/span>\n        <\/div>\n        <div class=\"tb-ai-card__meeting-block\">\n          <span class=\"tb-ai-card__sec-lbl\">Zusammenfassung<\/span>\n          <p class=\"tb-ai-card__meeting-text\">Review Q2-Planung. Deadline Modul B besprochen. Ressourcen f\u00fcr Juli best\u00e4tigt.<\/p>\n        <\/div>\n        <div class=\"tb-ai-card__meeting-block\">\n          <span class=\"tb-ai-card__sec-lbl\">Entscheidungen<\/span>\n          <p class=\"tb-ai-card__meeting-text\">Deployment auf 28. Juni verschoben. Budget-Freigabe GL bis 15. Juni.<\/p>\n        <\/div>\n        <div class=\"tb-ai-card__meeting-block\">\n          <span class=\"tb-ai-card__sec-lbl\">M\u00f6gliche Aufgaben \/ Aktionspunkte<\/span>\n          <div class=\"tb-ai-card__task\">\n            <span class=\"tb-ai-card__task-dot\" aria-hidden=\"true\">\u25cf<\/span>Deployment-Checkliste erstellen\n          <\/div>\n          <div class=\"tb-ai-card__task\">\n            <span class=\"tb-ai-card__task-dot\" aria-hidden=\"true\">\u25cf<\/span>Budget-Freigabe anfragen\n          <\/div>\n          <div class=\"tb-ai-card__task\">\n            <span class=\"tb-ai-card__task-dot\" aria-hidden=\"true\">\u25cf<\/span>Ressourcenplan Juli aktualisieren\n          <\/div>\n        <\/div>\n        <div class=\"tb-ai-card__review-bar\">Bitte vor \u00dcbernahme pr\u00fcfen<\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     8. FEATURE: Tag-Vorschl\u00e4ge\n     ============================================================ -->\n<section class=\"tb-ai-feat tb-ai-feat--offwhite\" id=\"tag-vorschlaege\" aria-labelledby=\"tb-ai-f4-h2\">\n  <div class=\"tb-ai-wrap tb-ai-feat__inner tb-ai-feat__inner--rev\">\n\n    <div class=\"tb-ai-feat__text\">\n      <p class=\"tb-ai-eyebrow\">Funktion 4 \u00b7 KI Tag-Vorschl\u00e4ge<\/p>\n      <h2 id=\"tb-ai-f4-h2\">KI-gest\u00fctzte Tag-Vorschl\u00e4ge<\/h2>\n      <p class=\"tb-ai-feat__tagline\">Saubere Projektdaten beginnen bei sauberen Aufgaben.<\/p>\n\n      <p>Tags wirken klein. Aber sie entscheiden oft dar\u00fcber, ob Berichte sp\u00e4ter aussagekr\u00e4ftig sind. Wenn ein Mitarbeiter \u201eSupport&#8220; nutzt, ein anderer \u201eKundensupport&#8220; schreibt und ein dritter keinen Tag vergibt, wird die sp\u00e4tere Auswertung unscharf.<\/p>\n\n      <p>TaskBrowse kann den Inhalt einer Aufgabe analysieren und passende Tags vorschlagen. Wenn ein sinnvoller Tag noch nicht existiert, kann ein neuer Tag vorgeschlagen werden. Das spart nicht nur Zeit \u2014 es verbessert die Datenqualit\u00e4t.<\/p>\n\n      <p class=\"tb-ai-feat__emphasis\">Tags sind keine kosmetische Funktion. Sie sind Teil der Datenbasis, auf der bessere Berichte, Analysen und Managemententscheidungen aufbauen.<\/p>\n    <\/div>\n\n    <div class=\"tb-ai-feat__visual\">\n      <!--\n        IMAGE PLACEMENT: Tag-Vorschl\u00e4ge\n        Priority: 4\n        File: tb-ai-tag-vorschlaege.webp\n        Alt: KI-gest\u00fctzte Tag-Vorschl\u00e4ge f\u00fcr eine Aufgabe in TaskBrowse\n      -->\n      <div class=\"tb-ai-card\" role=\"img\" aria-label=\"KI-gest\u00fctzte Tag-Vorschl\u00e4ge f\u00fcr eine Aufgabe in TaskBrowse\">\n        <div class=\"tb-ai-card__hd\">\n          <span class=\"tb-ai-card__title\">Aufgabe: Kundenpr\u00e4sentation vorbereiten<\/span>\n        <\/div>\n        <div class=\"tb-ai-card__tag-block\">\n          <span class=\"tb-ai-card__sec-lbl\">Vorhandene Tags<\/span>\n          <div class=\"tb-ai-card__tag-row\">\n            <span class=\"tb-ai-card__tag tb-ai-card__tag--ex\">Pr\u00e4sentation<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"tb-ai-card__tag-block\">\n          <span class=\"tb-ai-card__sec-lbl\">KI schl\u00e4gt vor<\/span>\n          <div class=\"tb-ai-card__tag-row\">\n            <span class=\"tb-ai-card__tag tb-ai-card__tag--sug\">Kundenarbeit<\/span>\n            <span class=\"tb-ai-card__tag tb-ai-card__tag--sug\">Entwicklung<\/span>\n            <span class=\"tb-ai-card__tag tb-ai-card__tag--sug\">Q3<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"tb-ai-card__tag-block\">\n          <span class=\"tb-ai-card__sec-lbl\">Neuer Tag vorgeschlagen<\/span>\n          <div class=\"tb-ai-card__tag-row\">\n            <span class=\"tb-ai-card__tag tb-ai-card__tag--new\">+ Extern<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"tb-ai-card__actions\">\n          <button class=\"tb-ai-card__btn tb-ai-card__btn--accept\" type=\"button\" tabindex=\"-1\" disabled=\"\" aria-hidden=\"true\">Tags \u00fcbernehmen<\/button>\n          <button class=\"tb-ai-card__btn tb-ai-card__btn--edit\" type=\"button\" tabindex=\"-1\" disabled=\"\" aria-hidden=\"true\">Auswahl \u00e4ndern<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     9. SHARED VALUE (mid-page CTA + system diagram)\n     ============================================================ -->\n<section class=\"tb-ai-shared\" aria-labelledby=\"tb-ai-sh-h2\">\n  <div class=\"tb-ai-wrap\">\n\n    <p class=\"tb-ai-eyebrow\">Was Raila und die KI-Funktionen gemeinsam haben<\/p>\n    <h2 id=\"tb-ai-sh-h2\">Projektarbeit soll besser auswertbar werden.<\/h2>\n    <p class=\"tb-ai-shared__lead\">Raila und die spezialisierten KI-Funktionen l\u00f6sen unterschiedliche Probleme \u2014 aber sie verfolgen ein gemeinsames Ziel.<\/p>\n\n    <div class=\"tb-ai-shared__grid\">\n      <div class=\"tb-ai-shared__card tb-ai-shared__card--raila\">\n        <span class=\"tb-ai-shared__arrow\" aria-hidden=\"true\">R<\/span>\n        <strong>Raila<\/strong>\n        <p>macht Projektzusammenh\u00e4nge \u00fcber nat\u00fcrliche Fragen zug\u00e4nglicher.<\/p>\n      <\/div>\n      <div class=\"tb-ai-shared__card\">\n        <span class=\"tb-ai-shared__arrow\" aria-hidden=\"true\">\u2192<\/span>\n        <strong>Aufwandssch\u00e4tzung<\/strong>\n        <p>hilft, realistischer zu planen.<\/p>\n      <\/div>\n      <div class=\"tb-ai-shared__card\">\n        <span class=\"tb-ai-shared__arrow\" aria-hidden=\"true\">\u2192<\/span>\n        <strong>Timesheet-Berichte<\/strong>\n        <p>helfen, erfasste Zeiten besser zu verstehen.<\/p>\n      <\/div>\n      <div class=\"tb-ai-shared__card\">\n        <span class=\"tb-ai-shared__arrow\" aria-hidden=\"true\">\u2192<\/span>\n        <strong>Meeting-Dokumentation<\/strong>\n        <p>hilft, Gespr\u00e4che in strukturierte Ergebnisse und m\u00f6gliche Aufgaben zu \u00fcberf\u00fchren.<\/p>\n      <\/div>\n      <div class=\"tb-ai-shared__card\">\n        <span class=\"tb-ai-shared__arrow\" aria-hidden=\"true\">\u2192<\/span>\n        <strong>Tag-Vorschl\u00e4ge<\/strong>\n        <p>verbessern die Datenbasis f\u00fcr sp\u00e4tere Auswertungen.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tb-ai-shared__loop\">\n      <div class=\"tb-ai-shared__loop-row\">\n        <span class=\"tb-ai-shared__loop-item\">Was im Projekt verteilt vorliegt<\/span>\n        <span class=\"tb-ai-shared__loop-arr\" aria-hidden=\"true\">\u2192<\/span>\n        <span class=\"tb-ai-shared__loop-item\">kann Raila im Dialog zusammenf\u00fchren und einordnen<\/span>\n      <\/div>\n      <div class=\"tb-ai-shared__loop-row\">\n        <span class=\"tb-ai-shared__loop-item\">Was gesch\u00e4tzt wurde<\/span>\n        <span class=\"tb-ai-shared__loop-arr\" aria-hidden=\"true\">\u2194<\/span>\n        <span class=\"tb-ai-shared__loop-item\">kann mit tats\u00e4chlichen Zeiten verglichen werden<\/span>\n      <\/div>\n      <div class=\"tb-ai-shared__loop-row\">\n        <span class=\"tb-ai-shared__loop-item\">Was erfasst wurde<\/span>\n        <span class=\"tb-ai-shared__loop-arr\" aria-hidden=\"true\">\u2192<\/span>\n        <span class=\"tb-ai-shared__loop-item\">kann analytisch ausgewertet werden<\/span>\n      <\/div>\n      <div class=\"tb-ai-shared__loop-row\">\n        <span class=\"tb-ai-shared__loop-item\">Was besprochen wurde<\/span>\n        <span class=\"tb-ai-shared__loop-arr\" aria-hidden=\"true\">\u2192<\/span>\n        <span class=\"tb-ai-shared__loop-item\">kann dokumentiert und in Aufgaben \u00fcberf\u00fchrt werden<\/span>\n      <\/div>\n      <div class=\"tb-ai-shared__loop-row\">\n        <span class=\"tb-ai-shared__loop-item\">Was klassifiziert wurde<\/span>\n        <span class=\"tb-ai-shared__loop-arr\" aria-hidden=\"true\">\u2192<\/span>\n        <span class=\"tb-ai-shared__loop-item\">kann sp\u00e4ter besser berichtet werden<\/span>\n      <\/div>\n    <\/div>\n\n    <p class=\"tb-ai-shared__close\">Nicht KI als Dekoration. Raila ist kein allgemeines Chatfenster neben dem Projekt, sondern ein Zugang zum Projektkontext. Die spezialisierten Funktionen unterst\u00fctzen dort, wo konkrete Daten entstehen.<\/p>\n\n    <!-- Mid-page CTA -->\n    <div class=\"tb-ai-shared__cta\">\n      <a href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=de\" class=\"tb-ai-btn tb-ai-btn--primary\">Kostenlos starten<\/a>\n      <a href=\"https:\/\/cal.meetergo.com\/taskbrowse\/60-min-meeting?lang=en\" class=\"tb-ai-btn tb-ai-btn--outline-dark\" target=\"_blank\" rel=\"noopener\">Demo ansehen<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     10. COMPARISON: Generic AI vs TaskBrowse-KI\n     ============================================================ -->\n<section class=\"tb-ai-compare\" aria-labelledby=\"tb-ai-cmp-h2\">\n  <div class=\"tb-ai-wrap\">\n    <p class=\"tb-ai-eyebrow\">Der Unterschied<\/p>\n    <h2 id=\"tb-ai-cmp-h2\">Generische KI versus TaskBrowse-KI<\/h2>\n    <p class=\"tb-ai-compare__lead\">Generische KI-Tools arbeiten meistens mit Sprache. Das kann n\u00fctzlich sein. Aber Projektmanagement braucht mehr als Sprache \u2014 es braucht Projektkontext.<\/p>\n\n    <div class=\"tb-ai-compare__panel\" role=\"img\" aria-label=\"Vergleich zwischen generischer KI und TaskBrowse-KI mit Projektkontext\">\n      <div class=\"tb-ai-cmp__col tb-ai-cmp__col--generic\">\n        <p class=\"tb-ai-cmp__lbl\">Generische KI<\/p>\n        <p class=\"tb-ai-cmp__sub\">Arbeitet mit Sprache<\/p>\n        <ul class=\"tb-ai-cmp__list\">\n          <li>Texte schreiben<\/li>\n          <li>Inhalte zusammenfassen<\/li>\n          <li>Formulierungen verbessern<\/li>\n          <li>Allgemeine Fragen beantworten<\/li>\n        <\/ul>\n        <p class=\"tb-ai-cmp__stmt\">Kann sagen, wie ein Projektplan <em>aussehen k\u00f6nnte<\/em>.<\/p>\n      <\/div>\n      <div class=\"tb-ai-cmp__divider\" aria-hidden=\"true\">vs<\/div>\n      <div class=\"tb-ai-cmp__col tb-ai-cmp__col--tb\">\n        <p class=\"tb-ai-cmp__lbl\">TaskBrowse-KI<\/p>\n        <p class=\"tb-ai-cmp__sub\">Arbeitet mit Projektkontext<\/p>\n        <ul class=\"tb-ai-cmp__list\">\n          <li>Raila: Fragen an den Projektkontext<\/li>\n          <li>Aufgaben &amp; Sch\u00e4tzungen<\/li>\n          <li>Tats\u00e4chlich erfasste Zeiten &amp; Timesheets<\/li>\n          <li>Meetings &amp; Entscheidungen<\/li>\n          <li>Tags &amp; Klassifizierung<\/li>\n          <li>Auslastung &amp; Kosten<\/li>\n          <li>Reports &amp; Projektstruktur<\/li>\n        <\/ul>\n        <p class=\"tb-ai-cmp__stmt tb-ai-cmp__stmt--strong\">Raila beantwortet konkrete Fragen im vorhandenen Projektkontext. Die spezialisierten Funktionen helfen zus\u00e4tzlich, Meeting-Ergebnisse nutzbar zu machen, Zeiten analytisch auszuwerten und Sch\u00e4tzungen st\u00e4rker an tats\u00e4chlicher Arbeit zu orientieren.<\/p>\n      <\/div>\n    <\/div>\n\n    <p class=\"tb-ai-compare__close\">Das ist der Unterschied zwischen KI als allgemeinem Textwerkzeug und KI, die mit realen Projektinformationen arbeitet.<\/p>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     11. HONEST LIMITATIONS\n     ============================================================ -->\n<section class=\"tb-ai-honest\" aria-labelledby=\"tb-ai-hon-h2\">\n  <div class=\"tb-ai-wrap\">\n    <p class=\"tb-ai-eyebrow\">Ehrlichkeit<\/p>\n    <h2 id=\"tb-ai-hon-h2\">Was TaskBrowse-KI bewusst nicht verspricht.<\/h2>\n    <p class=\"tb-ai-honest__intro\">Diese Klarheit ist wichtig \u2014 weil zu viele Anbieter im Bereich KI zu viel versprechen.<\/p>\n\n    <div class=\"tb-ai-honest__cols\">\n\n      <div class=\"tb-ai-honest__nots\">\n        <p class=\"tb-ai-honest__col-lbl\">TaskBrowse-KI verspricht nicht:<\/p>\n        <ul class=\"tb-ai-honest__list\">\n          <li>Projekte automatisch zu steuern<\/li>\n          <li>vorherzusagen, wann ein Projekt scheitert<\/li>\n          <li>Projektmanager zu ersetzen<\/li>\n          <li>Managemententscheidungen zu treffen<\/li>\n          <li>aus unvollst\u00e4ndigen Daten perfekte Wahrheit zu machen<\/li>\n          <li>Gr\u00fcnde zu kennen, die nicht in den verf\u00fcgbaren Projektdaten stehen<\/li>\n        <\/ul>\n        <p class=\"tb-ai-honest__remark\">Gute Projektstruktur, klare Aufgaben, verl\u00e4ssliche Zeiterfassung, saubere Meeting-Nachbereitung und menschliches Urteil bleiben wichtig.<\/p>\n      <\/div>\n\n      <div class=\"tb-ai-honest__does\">\n        <p class=\"tb-ai-honest__col-lbl\">TaskBrowse-KI ist als kontrollierbare Unterst\u00fctzung gedacht:<\/p>\n        <ul class=\"tb-ai-honest__does-list\">\n          <li><span class=\"tb-ai-honest__chk\" aria-hidden=\"true\">\u2713<\/span>Sie schl\u00e4gt vor.<\/li>\n          <li><span class=\"tb-ai-honest__chk\" aria-hidden=\"true\">\u2713<\/span>Sie analysiert.<\/li>\n          <li><span class=\"tb-ai-honest__chk\" aria-hidden=\"true\">\u2713<\/span>Sie strukturiert.<\/li>\n          <li><span class=\"tb-ai-honest__chk\" aria-hidden=\"true\">\u2713<\/span>Sie dokumentiert.<\/li>\n          <li><span class=\"tb-ai-honest__chk\" aria-hidden=\"true\">\u2713<\/span>Sie zeigt Muster.<\/li>\n          <li><span class=\"tb-ai-honest__chk\" aria-hidden=\"true\">\u2713<\/span>Raila beantwortet Fragen im verf\u00fcgbaren Projektkontext.<\/li>\n          <li><span class=\"tb-ai-honest__chk\" aria-hidden=\"true\">\u2713<\/span>Sie hilft, vorhandene Projektdaten besser zu verstehen.<\/li>\n        <\/ul>\n        <p class=\"tb-ai-honest__close\">Die Entscheidung bleibt beim Menschen.<br>Die Grundlage wird besser.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     12. FOR WHOM\n     ============================================================ -->\n<section class=\"tb-ai-forwhom\" aria-labelledby=\"tb-ai-fw-h2\">\n  <div class=\"tb-ai-wrap\">\n    <p class=\"tb-ai-eyebrow\">F\u00fcr wen ist das besonders relevant?<\/p>\n    <h2 id=\"tb-ai-fw-h2\">F\u00fcr Teams, die Projekte nicht nur verwalten, sondern besser verstehen wollen.<\/h2>\n    <div class=\"tb-ai-forwhom__grid\">\n      <div class=\"tb-ai-forwhom__item\">Projektteams mit regelm\u00e4\u00dfiger Zeiterfassung<\/div>\n      <div class=\"tb-ai-forwhom__item\">Agenturen und Dienstleister mit abrechenbarer Arbeit<\/div>\n      <div class=\"tb-ai-forwhom__item\">IT- und Softwareteams mit wiederkehrenden Aufgabentypen<\/div>\n      <div class=\"tb-ai-forwhom__item\">Beratungs- und Engineering-Teams mit projektbezogenen Kosten<\/div>\n      <div class=\"tb-ai-forwhom__item\">Manager, die Aufwand, Auslastung und Kosten besser verbinden m\u00f6chten<\/div>\n      <div class=\"tb-ai-forwhom__item\">Teams, die Projektfragen schneller beantworten m\u00f6chten, ohne mehrere Berichte manuell zusammenzuf\u00fchren<\/div>\n      <div class=\"tb-ai-forwhom__item\">Teams, die viele Entscheidungen in Meetings treffen<\/div>\n      <div class=\"tb-ai-forwhom__item\">Organisationen, die aus vergangenen Aufgaben besser lernen wollen<\/div>\n    <\/div>\n    <p class=\"tb-ai-forwhom__close\">Wenn Aufgaben gesch\u00e4tzt, Zeiten erfasst und Meetings dokumentiert werden, entstehen Daten. Raila macht diesen Kontext leichter zug\u00e4nglich; TaskBrowse-KI hilft, daraus mehr Nutzen zu ziehen.<\/p>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     13. SUMMARY + FINAL CTA\n     ============================================================ -->\n<section class=\"tb-ai-summary\" aria-labelledby=\"tb-ai-sum-h2\">\n  <div class=\"tb-ai-wrap\">\n    <p class=\"tb-ai-eyebrow\">Kurz gesagt<\/p>\n    <h2 id=\"tb-ai-sum-h2\">Raila und TaskBrowse-KI unterst\u00fctzen f\u00fcnf konkrete Probleme im Projektalltag.<\/h2>\n    <div class=\"tb-ai-summary__grid\">\n      <div class=\"tb-ai-sum__card tb-ai-sum__card--raila\">\n        <span class=\"tb-ai-sum__q\">Was ist in unseren Projekten gerade wichtig \u2014 und warum?<\/span>\n        <span class=\"tb-ai-sum__a\">Raila \u00b7 KI-Assistentin f\u00fcr Projektkontext<\/span>\n      <\/div>\n      <div class=\"tb-ai-sum__card\">\n        <span class=\"tb-ai-sum__q\">Wie lange wird Arbeit wahrscheinlich dauern?<\/span>\n        <span class=\"tb-ai-sum__a\">KI-gest\u00fctzte Aufwandssch\u00e4tzung<\/span>\n      <\/div>\n      <div class=\"tb-ai-sum__card\">\n        <span class=\"tb-ai-sum__q\">Was sagen unsere erfassten Zeiten wirklich aus?<\/span>\n        <span class=\"tb-ai-sum__a\">KI-gest\u00fctzte Timesheet-Berichte<\/span>\n      <\/div>\n      <div class=\"tb-ai-sum__card\">\n        <span class=\"tb-ai-sum__q\">Welche Ergebnisse und Aufgaben entstehen aus unseren Meetings?<\/span>\n        <span class=\"tb-ai-sum__a\">KI-gest\u00fctzte Meeting-Dokumentation<\/span>\n      <\/div>\n      <div class=\"tb-ai-sum__card\">\n        <span class=\"tb-ai-sum__q\">Wie bleiben Projektdaten sauber genug f\u00fcr gute Berichte?<\/span>\n        <span class=\"tb-ai-sum__a\">KI-gest\u00fctzte Tag-Vorschl\u00e4ge<\/span>\n      <\/div>\n    <\/div>\n    <p class=\"tb-ai-summary__close\">Projektfragen im Dialog. Bessere Sch\u00e4tzungen. Analytische Timesheet-Berichte. Dokumentierte Meetings. Sauberere Projektdaten. St\u00e4rkere Grundlagen f\u00fcr Projektentscheidungen.<\/p>\n  <\/div>\n<\/section>\n\n<section class=\"tb-ai-cta\" id=\"tb-ai-demo\" aria-labelledby=\"tb-ai-cta-h2\">\n  <div class=\"tb-ai-wrap tb-ai-cta__inner\">\n    <p class=\"tb-ai-eyebrow tb-ai-eyebrow--light\">Kostenlos testen<\/p>\n    <h2 id=\"tb-ai-cta-h2\">Sprechen Sie mit Raila \u00fcber Ihre Projektdaten.<\/h2>\n    <p class=\"tb-ai-cta__body\">Entdecken Sie Raila und die KI-Funktionen in TaskBrowse. 21 Tage kostenlos \u2014 ohne Kreditkarte.<\/p>\n    <div class=\"tb-ai-cta__btns\">\n      <a href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=de\" class=\"tb-ai-btn tb-ai-btn--primary tb-ai-btn--lg\">Kostenlos starten<\/a>\n      <a href=\"https:\/\/cal.meetergo.com\/taskbrowse\/60-min-meeting?lang=en\" class=\"tb-ai-btn tb-ai-btn--ghost-light\" target=\"_blank\" rel=\"noopener\">Demo ansehen<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<!-- ============================================================\n     14. FAQ\n     \u26a0\ufe0f SCHEMA RISK: Rank Math may auto-generate FAQPage JSON-LD\n     from <details>\/<summary>. If you also add manual FAQPage schema\n     in Rank Math Schema settings, you WILL get duplicate schema.\n     Fix: check Rank Math \u2192 Schema \u2192 FAQ Block auto-schema.\n     Disable one source before publishing.\n     ============================================================ -->\n<section class=\"tb-ai-faq\" aria-labelledby=\"tb-ai-faq-h2\">\n  <div class=\"tb-ai-wrap\">\n    <p class=\"tb-ai-eyebrow\">FAQ<\/p>\n    <h2 id=\"tb-ai-faq-h2\">H\u00e4ufige Fragen<\/h2>\n    <div class=\"tb-ai-faq__list\">\n\n      <details class=\"tb-ai-faq__item\">\n        <summary class=\"tb-ai-faq__q\">Was ist Raila in TaskBrowse?<\/summary>\n        <div class=\"tb-ai-faq__a\"><p>Raila ist die KI-Assistentin in TaskBrowse. Nutzer k\u00f6nnen Fragen zu ihrem verf\u00fcgbaren Projektkontext stellen \u2014 zum Beispiel zu Projektstatus, Plan-Ist-Abweichungen, Auslastung, Aufgaben, erfassten Zeiten und Kosten. Raila fasst relevante Informationen verst\u00e4ndlich zusammen und kann auf n\u00e4chste Pr\u00fcfschritte hinweisen.<\/p><\/div>\n      <\/details>\n\n      <details class=\"tb-ai-faq__item\">\n        <summary class=\"tb-ai-faq__q\">Welche Daten verwendet Raila?<\/summary>\n        <div class=\"tb-ai-faq__a\"><p>Raila arbeitet mit den TaskBrowse-Daten, die im jeweiligen Arbeitskontext f\u00fcr die Anfrage verf\u00fcgbar sind. Die Qualit\u00e4t der Antwort h\u00e4ngt davon ab, wie vollst\u00e4ndig und aktuell Aufgaben, Sch\u00e4tzungen, Zeiten, Kapazit\u00e4ten, Kosten und weitere Projektdaten gepflegt sind.<\/p><\/div>\n      <\/details>\n\n      <details class=\"tb-ai-faq__item\">\n        <summary class=\"tb-ai-faq__q\">\u00c4ndert Raila Projekte oder Aufgaben automatisch?<\/summary>\n        <div class=\"tb-ai-faq__a\"><p>Nein. Raila ist als kontrollierbare Unterst\u00fctzung gedacht. Sie erkl\u00e4rt Daten, zeigt Auff\u00e4lligkeiten und kann n\u00e4chste Schritte vorschlagen. \u00c4nderungen an Aufgaben, Zust\u00e4ndigkeiten, Terminen, Budgets oder Priorit\u00e4ten sollten bewusst durch berechtigte Nutzer gepr\u00fcft und ausgef\u00fchrt werden.<\/p><\/div>\n      <\/details>\n\n      <details class=\"tb-ai-faq__item\">\n        <summary class=\"tb-ai-faq__q\">Ersetzt KI in TaskBrowse den Projektmanager?<\/summary>\n        <div class=\"tb-ai-faq__a\"><p>Nein. Raila und die spezialisierten TaskBrowse-KI-Funktionen unterst\u00fctzen Projektmanager, ersetzen sie aber nicht. Sie helfen bei der Einordnung von Projektdaten, Aufwandssch\u00e4tzungen, Timesheet-Analysen, Meeting-Dokumentation und Tag-Vorschl\u00e4gen. Entscheidungen, Priorit\u00e4ten und Verantwortlichkeiten bleiben beim Menschen.<\/p><\/div>\n      <\/details>\n\n      <details class=\"tb-ai-faq__item\">\n        <summary class=\"tb-ai-faq__q\">Sagt TaskBrowse-KI Projektprobleme automatisch voraus?<\/summary>\n        <div class=\"tb-ai-faq__a\"><p>Nein. Raila kann aktuelle Auff\u00e4lligkeiten und Abweichungen in verf\u00fcgbaren Projektdaten erkl\u00e4ren, sollte aber nicht als automatische Projektprognose oder Drift-Vorhersage verstanden werden. Der praktische Nutzen liegt in der Einordnung vorhandener Daten, Aufwandssch\u00e4tzung, analytischen Berichten, Meeting-Dokumentation und besserer Aufgabenklassifizierung.<\/p><\/div>\n      <\/details>\n\n      <details class=\"tb-ai-faq__item\">\n        <summary class=\"tb-ai-faq__q\">Wie funktioniert die KI-gest\u00fctzte Aufwandssch\u00e4tzung?<\/summary>\n        <div class=\"tb-ai-faq__a\"><p>Beim Anlegen oder Bearbeiten einer Aufgabe kann TaskBrowse \u00e4hnliche fr\u00fchere Aufgaben analysieren und einen Aufwand in Stunden vorschlagen. Wenn tats\u00e4chlich erfasste Zeiten vorhanden sind, k\u00f6nnen diese als st\u00e4rkere Grundlage dienen. Vorhandene Sch\u00e4tzungen k\u00f6nnen ebenfalls ber\u00fccksichtigt werden.<\/p><\/div>\n      <\/details>\n\n      <details class=\"tb-ai-faq__item\">\n        <summary class=\"tb-ai-faq__q\">Kann der Nutzer den KI-Vorschlag pr\u00fcfen?<\/summary>\n        <div class=\"tb-ai-faq__a\"><p>Ja. KI-Vorschl\u00e4ge sind Unterst\u00fctzung, keine automatische Entscheidung. Der Nutzer kann pr\u00fcfen, welche Aufgaben als Grundlage verwendet wurden, und den vorgeschlagenen Aufwand anpassen.<\/p><\/div>\n      <\/details>\n\n      <details class=\"tb-ai-faq__item\">\n        <summary class=\"tb-ai-faq__q\">Was analysieren die KI-gest\u00fctzten Timesheet-Berichte?<\/summary>\n        <div class=\"tb-ai-faq__a\"><p>Sie werten erfasste Arbeitszeiten aus und helfen Managern, Aufwand, Auslastung, Produktivit\u00e4t, Kosten und Planungsfragen besser zu verstehen. Ziel ist es, aus Timesheets mehr Managementnutzen zu ziehen.<\/p><\/div>\n      <\/details>\n\n      <details class=\"tb-ai-faq__item\">\n        <summary class=\"tb-ai-faq__q\">Was macht die KI bei Meetings?<\/summary>\n        <div class=\"tb-ai-faq__a\"><p>TaskBrowse-KI kann Meetings transkribieren, Inhalte dokumentieren, wichtige Punkte strukturieren und m\u00f6gliche Aufgaben oder Aktionspunkte erkennen. Die Ergebnisse sollten vor der \u00dcbernahme gepr\u00fcft werden.<\/p><\/div>\n      <\/details>\n\n      <details class=\"tb-ai-faq__item\">\n        <summary class=\"tb-ai-faq__q\">Werden Meeting-Ergebnisse automatisch als Aufgaben \u00fcbernommen?<\/summary>\n        <div class=\"tb-ai-faq__a\"><p>Nein \u2014 Meeting-Ergebnisse sollten vor der \u00dcbernahme gepr\u00fcft werden. Die KI kann m\u00f6gliche Aufgaben oder Aktionspunkte vorbereiten. Die finale Verantwortung f\u00fcr Aufgaben, Zust\u00e4ndigkeiten, Termine und Priorit\u00e4ten bleibt beim Team oder Projektmanager.<\/p><\/div>\n      <\/details>\n\n      <details class=\"tb-ai-faq__item\">\n        <summary class=\"tb-ai-faq__q\">Warum sind KI-gest\u00fctzte Tag-Vorschl\u00e4ge wichtig?<\/summary>\n        <div class=\"tb-ai-faq__a\"><p>Tags helfen, Aufgaben konsistent zu klassifizieren. Dadurch werden sp\u00e4tere Berichte nach Themen, Aufgabentypen oder Arbeitsbereichen aussagekr\u00e4ftiger. KI-gest\u00fctzte Tag-Vorschl\u00e4ge reduzieren manuelle Arbeit und verbessern die Qualit\u00e4t der Datenbasis.<\/p><\/div>\n      <\/details>\n\n      <details class=\"tb-ai-faq__item\">\n        <summary class=\"tb-ai-faq__q\">Funktioniert TaskBrowse-KI auch in einem neuen Workspace?<\/summary>\n        <div class=\"tb-ai-faq__a\"><p>Der Nutzen ist gr\u00f6\u00dfer, wenn gen\u00fcgend Projekthistorie vorhanden ist: abgeschlossene Aufgaben, Sch\u00e4tzungen, erfasste Zeiten, Meetings und Tags. In einem neuen Workspace ist die Datengrundlage naturgem\u00e4\u00df begrenzt. Das System wird wertvoller, je regelm\u00e4\u00dfiger Teams Aufgaben planen, abschlie\u00dfen, Zeiten erfassen und Projektdaten strukturieren.<\/p><\/div>\n      <\/details>\n\n      <details class=\"tb-ai-faq__item\">\n        <summary class=\"tb-ai-faq__q\">Welche Datenqualit\u00e4t braucht TaskBrowse-KI?<\/summary>\n        <div class=\"tb-ai-faq__a\"><p>Die KI wird n\u00fctzlicher, wenn Aufgaben klar benannt, Aufw\u00e4nde gesch\u00e4tzt, Zeiten zuverl\u00e4ssig erfasst, Meetings dokumentiert und Tags sinnvoll genutzt werden. TaskBrowse hilft, diese Daten besser nutzbar zu machen \u2014 aber gute Projektsteuerung beginnt weiterhin mit verl\u00e4sslicher Eingabe.<\/p><\/div>\n      <\/details>\n\n    <\/div>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>KI im Projektmanagement mit Raila KI im Projektmanagement mit Raila: Projektdaten verstehen, Aufw\u00e4nde besser sch\u00e4tzen und Meetings dokumentieren. Raila ist die KI-Assistentin in TaskBrowse. Sie hilft, Fragen zu Projekten, Aufgaben, Auslastung, Plan-Ist-Abweichungen und Kosten direkt im Arbeitskontext zu beantworten. Erg\u00e4nzt wird Raila durch spezialisierte KI-Funktionen f\u00fcr Aufwandssch\u00e4tzung, Timesheet-Analyse, Meeting-Dokumentation und Tag-Vorschl\u00e4ge. Projektkontext statt allgemeiner Antworten.&hellip;&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ghostkit_customizer_options":"","ghostkit_custom_css":"","ghostkit_custom_js_head":"","ghostkit_custom_js_foot":"","ghostkit_typography":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"on","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-7423","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/taskbrowse.com\/de\/wp-json\/wp\/v2\/pages\/7423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taskbrowse.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/taskbrowse.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/taskbrowse.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taskbrowse.com\/de\/wp-json\/wp\/v2\/comments?post=7423"}],"version-history":[{"count":6,"href":"https:\/\/taskbrowse.com\/de\/wp-json\/wp\/v2\/pages\/7423\/revisions"}],"predecessor-version":[{"id":7675,"href":"https:\/\/taskbrowse.com\/de\/wp-json\/wp\/v2\/pages\/7423\/revisions\/7675"}],"wp:attachment":[{"href":"https:\/\/taskbrowse.com\/de\/wp-json\/wp\/v2\/media?parent=7423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}