{"id":24422,"date":"2026-07-12T10:14:06","date_gmt":"2026-07-12T09:14:06","guid":{"rendered":"https:\/\/www.dexdot.it\/?p=24422"},"modified":"2026-07-30T17:15:17","modified_gmt":"2026-07-30T16:15:17","slug":"dexdot-ai-chatgpt-business-agora","status":"publish","type":"post","link":"https:\/\/www.dexdot.it\/it\/dexdot-ai-chatgpt-business-agora\/","title":{"rendered":"DEXDOT AI schenkt Kunden das Plus hinter ChatGPT \u2013 direkt in Agora."},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"24422\" class=\"elementor elementor-24422\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b87811d elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b87811d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-93bdd60\" data-id=\"93bdd60\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f51db27 elementor-widget elementor-widget-html\" data-id=\"f51db27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  #dx-agora-launch {\r\n    --dx-ink: #0b0d0c;\r\n    --dx-ink-soft: #323a36;\r\n    --dx-muted: #66706b;\r\n    --dx-line: rgba(11, 13, 12, .11);\r\n    --dx-surface: #ffffff;\r\n    --dx-surface-soft: #f5f7f6;\r\n    --dx-green: #18a77a;\r\n    --dx-green-dark: #087a58;\r\n    --dx-green-bright: #44e3ac;\r\n    --dx-lime: #cbff6b;\r\n    --dx-violet: #7d5cff;\r\n    --dx-blue: #34b8ff;\r\n    --dx-radius-xl: 34px;\r\n    --dx-radius-lg: 24px;\r\n    --dx-radius-md: 18px;\r\n    --dx-shadow: 0 24px 80px rgba(17, 43, 32, .13);\r\n    --dx-shadow-soft: 0 14px 40px rgba(17, 43, 32, .09);\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: clip;\r\n    container-type: inline-size;\r\n    container-name: dxagora;\r\n    color: var(--dx-ink);\r\n    background:\r\n      radial-gradient(circle at 12% 4%, rgba(68, 227, 172, .16), transparent 30%),\r\n      radial-gradient(circle at 91% 16%, rgba(125, 92, 255, .11), transparent 28%),\r\n      linear-gradient(180deg, #fbfcfb 0%, #f2f6f4 56%, #ffffff 100%);\r\n    font-family: \"Inter\", \"Manrope\", \"Helvetica Neue\", Arial, sans-serif;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  #dx-agora-launch *,\r\n  #dx-agora-launch *::before,\r\n  #dx-agora-launch *::after { box-sizing: border-box; }\r\n\r\n  #dx-agora-launch a { color: inherit; }\r\n  #dx-agora-launch img { display: block; max-width: 100%; }\r\n  #dx-agora-launch button { font: inherit; }\r\n\r\n  #dx-agora-launch .dx-shell {\r\n    width: min(1180px, calc(100% - 40px));\r\n    margin-inline: auto;\r\n  }\r\n\r\n  #dx-agora-launch .dx-section {\r\n    position: relative;\r\n    padding: clamp(76px, 9vw, 132px) 0;\r\n  }\r\n\r\n  #dx-agora-launch .dx-grid-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -2;\r\n    opacity: .45;\r\n    pointer-events: none;\r\n    background-image:\r\n      linear-gradient(rgba(11, 13, 12, .035) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(11, 13, 12, .035) 1px, transparent 1px);\r\n    background-size: 54px 54px;\r\n    mask-image: linear-gradient(to bottom, black, transparent 85%);\r\n  }\r\n\r\n  #dx-agora-launch .dx-orb {\r\n    position: absolute;\r\n    border-radius: 999px;\r\n    filter: blur(3px);\r\n    opacity: .75;\r\n    pointer-events: none;\r\n    z-index: -1;\r\n    animation: dx-float 9s ease-in-out infinite;\r\n  }\r\n\r\n  #dx-agora-launch .dx-orb-a {\r\n    width: 220px; height: 220px;\r\n    left: -80px; top: 120px;\r\n    background: radial-gradient(circle at 30% 30%, rgba(203,255,107,.7), rgba(68,227,172,.12) 62%, transparent 72%);\r\n  }\r\n\r\n  #dx-agora-launch .dx-orb-b {\r\n    width: 280px; height: 280px;\r\n    right: -120px; top: 360px;\r\n    animation-delay: -3s;\r\n    background: radial-gradient(circle at 40% 35%, rgba(125,92,255,.42), rgba(52,184,255,.10) 65%, transparent 74%);\r\n  }\r\n\r\n  @keyframes dx-float {\r\n    0%, 100% { transform: translate3d(0, 0, 0) scale(1); }\r\n    50% { transform: translate3d(0, -18px, 0) scale(1.035); }\r\n  }\r\n\r\n  #dx-agora-launch .dx-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    min-height: 38px;\r\n    padding: 8px 14px;\r\n    border: 1px solid rgba(11, 13, 12, .10);\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, .74);\r\n    box-shadow: 0 10px 30px rgba(17,43,32,.06);\r\n    backdrop-filter: blur(16px);\r\n    color: var(--dx-ink-soft);\r\n    font-size: 13px;\r\n    font-weight: 750;\r\n    letter-spacing: .05em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #dx-agora-launch .dx-eyebrow-dot {\r\n    width: 9px; height: 9px;\r\n    border-radius: 50%;\r\n    background: var(--dx-green);\r\n    box-shadow: 0 0 0 7px rgba(24,167,122,.12);\r\n    animation: dx-pulse 2.2s ease-out infinite;\r\n  }\r\n\r\n  @keyframes dx-pulse {\r\n    0% { box-shadow: 0 0 0 0 rgba(24,167,122,.26); }\r\n    75%, 100% { box-shadow: 0 0 0 11px rgba(24,167,122,0); }\r\n  }\r\n\r\n  #dx-agora-launch h1,\r\n  #dx-agora-launch h2,\r\n  #dx-agora-launch h3,\r\n  #dx-agora-launch p { margin-top: 0; }\r\n\r\n  \/* Elementor themes sometimes force mid-word wrapping. Keep German words intact. *\/\r\n  #dx-agora-launch h1,\r\n  #dx-agora-launch h2,\r\n  #dx-agora-launch h3,\r\n  #dx-agora-launch .dx-kicker,\r\n  #dx-agora-launch .dx-access-label {\r\n    word-break: normal !important;\r\n    overflow-wrap: normal !important;\r\n    hyphens: none !important;\r\n    text-wrap: balance;\r\n  }\r\n\r\n  #dx-agora-launch h1 {\r\n    max-width: 1000px;\r\n    margin: 24px 0 24px;\r\n    font-size: clamp(46px, 7.3vw, 104px);\r\n    line-height: .96;\r\n    letter-spacing: -.065em;\r\n    font-weight: 850;\r\n  }\r\n\r\n  #dx-agora-launch .dx-gradient-text {\r\n    display: inline-block;\r\n    background: linear-gradient(105deg, var(--dx-green-dark), var(--dx-green), var(--dx-violet) 78%);\r\n    background-size: 180% 100%;\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    color: transparent;\r\n    animation: dx-gradient 6s ease infinite;\r\n  }\r\n\r\n  @keyframes dx-gradient {\r\n    0%, 100% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n  }\r\n\r\n  #dx-agora-launch .dx-lead {\r\n    max-width: 820px;\r\n    margin-bottom: 34px;\r\n    color: var(--dx-ink-soft);\r\n    font-size: clamp(19px, 2.1vw, 27px);\r\n    line-height: 1.45;\r\n    letter-spacing: -.02em;\r\n  }\r\n\r\n  #dx-agora-launch .dx-hero-actions,\r\n  #dx-agora-launch .dx-cta-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 13px;\r\n    align-items: center;\r\n  }\r\n\r\n  #dx-agora-launch .dx-btn {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 11px;\r\n    min-height: 56px;\r\n    padding: 15px 22px;\r\n    border: 1px solid transparent;\r\n    border-radius: 999px;\r\n    text-decoration: none;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    letter-spacing: -.01em;\r\n    overflow: hidden;\r\n    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;\r\n  }\r\n\r\n  #dx-agora-launch .dx-btn::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -80% auto -80% -35%;\r\n    width: 34%;\r\n    transform: rotate(18deg) translateX(-180%);\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,.48), transparent);\r\n    transition: transform .65s ease;\r\n  }\r\n\r\n  #dx-agora-launch .dx-btn:hover::after { transform: rotate(18deg) translateX(520%); }\r\n  #dx-agora-launch .dx-btn:hover { transform: translateY(-3px); }\r\n  #dx-agora-launch .dx-btn:focus-visible { outline: 3px solid rgba(52,184,255,.38); outline-offset: 4px; }\r\n\r\n  #dx-agora-launch .dx-btn-primary {\r\n    color: #fff;\r\n    background: var(--dx-ink);\r\n    box-shadow: 0 16px 36px rgba(11,13,12,.22);\r\n  }\r\n\r\n  #dx-agora-launch .dx-btn-primary:hover { box-shadow: 0 22px 46px rgba(11,13,12,.27); }\r\n\r\n  #dx-agora-launch .dx-btn-secondary {\r\n    color: var(--dx-ink);\r\n    border-color: var(--dx-line);\r\n    background: rgba(255,255,255,.76);\r\n    backdrop-filter: blur(12px);\r\n  }\r\n\r\n  #dx-agora-launch .dx-btn svg { width: 18px; height: 18px; flex: none; }\r\n\r\n  #dx-agora-launch .dx-disclosure {\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: flex-start;\r\n    max-width: 760px;\r\n    margin-top: 20px;\r\n    color: var(--dx-muted);\r\n    font-size: 13px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  #dx-agora-launch .dx-disclosure svg { width: 16px; height: 16px; flex: none; margin-top: 2px; }\r\n\r\n  #dx-agora-launch .dx-hero-stage {\r\n    position: relative;\r\n    margin-top: clamp(54px, 8vw, 96px);\r\n    perspective: 1400px;\r\n  }\r\n\r\n  #dx-agora-launch .dx-browser {\r\n    position: relative;\r\n    border: 1px solid rgba(11,13,12,.11);\r\n    border-radius: var(--dx-radius-xl);\r\n    padding: 11px;\r\n    background: rgba(255,255,255,.78);\r\n    box-shadow: var(--dx-shadow);\r\n    backdrop-filter: blur(20px);\r\n    transform-style: preserve-3d;\r\n    transition: transform .2s ease-out;\r\n  }\r\n\r\n  #dx-agora-launch .dx-browser::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -1px;\r\n    border-radius: inherit;\r\n    padding: 1px;\r\n    background: linear-gradient(125deg, rgba(68,227,172,.65), transparent 32%, rgba(125,92,255,.45));\r\n    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\r\n    -webkit-mask-composite: xor;\r\n    mask-composite: exclude;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #dx-agora-launch .dx-browser-bar {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 14px;\r\n    padding: 10px 11px 16px;\r\n  }\r\n\r\n  #dx-agora-launch .dx-browser-dots { display: flex; gap: 7px; }\r\n  #dx-agora-launch .dx-browser-dots i { width: 9px; height: 9px; border-radius: 50%; background: #d6ddd9; }\r\n  #dx-agora-launch .dx-browser-dots i:first-child { background: #ff7f6f; }\r\n  #dx-agora-launch .dx-browser-dots i:nth-child(2) { background: #ffd56a; }\r\n  #dx-agora-launch .dx-browser-dots i:nth-child(3) { background: #59d69c; }\r\n\r\n  #dx-agora-launch .dx-browser-label {\r\n    padding: 6px 10px;\r\n    border: 1px solid var(--dx-line);\r\n    border-radius: 999px;\r\n    color: var(--dx-muted);\r\n    background: rgba(255,255,255,.75);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  #dx-agora-launch .dx-browser-media {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: calc(var(--dx-radius-xl) - 10px);\r\n    background: #eef3f8;\r\n  }\r\n\r\n  #dx-agora-launch .dx-browser-media img {\r\n    width: 100%;\r\n    aspect-ratio: 1915 \/ 911;\r\n    object-fit: cover;\r\n  }\r\n\r\n  #dx-agora-launch .dx-browser-media::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    background: linear-gradient(115deg, transparent 38%, rgba(255,255,255,.20) 48%, transparent 58%);\r\n    transform: translateX(-120%);\r\n    animation: dx-scan 7s ease-in-out infinite 1.2s;\r\n  }\r\n\r\n  @keyframes dx-scan {\r\n    0%, 18% { transform: translateX(-120%); }\r\n    45%, 100% { transform: translateX(120%); }\r\n  }\r\n\r\n  #dx-agora-launch .dx-float-card {\r\n    position: absolute;\r\n    z-index: 3;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    min-width: 190px;\r\n    padding: 14px 16px;\r\n    border: 1px solid rgba(11,13,12,.10);\r\n    border-radius: 18px;\r\n    background: rgba(255,255,255,.86);\r\n    box-shadow: var(--dx-shadow-soft);\r\n    backdrop-filter: blur(18px);\r\n    animation: dx-float 6.5s ease-in-out infinite;\r\n  }\r\n\r\n  #dx-agora-launch .dx-float-copy {\r\n    display: grid;\r\n    align-content: center;\r\n    gap: 2px;\r\n    min-width: 0;\r\n    line-height: 1.2;\r\n  }\r\n  #dx-agora-launch .dx-float-card strong { display: block; color: var(--dx-ink); font-size: 14px; line-height: 1.2; }\r\n  #dx-agora-launch .dx-float-copy > span { display: block; color: var(--dx-muted); font-size: 12px; line-height: 1.25; }\r\n  #dx-agora-launch .dx-float-icon {\r\n    display: grid;\r\n    place-items: center;\r\n    width: 40px; height: 40px;\r\n    flex: 0 0 40px;\r\n    align-self: center;\r\n    border-radius: 12px;\r\n    color: var(--dx-green-dark);\r\n    background: linear-gradient(135deg, rgba(24,167,122,.16), rgba(203,255,107,.38));\r\n  }\r\n  #dx-agora-launch .dx-float-icon svg {\r\n    display: block;\r\n    width: 19px;\r\n    height: 19px;\r\n    margin: auto;\r\n    overflow: visible;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n  #dx-agora-launch .dx-float-left { left: -28px; bottom: 14%; }\r\n  #dx-agora-launch .dx-float-right { right: -22px; top: 18%; animation-delay: -2.5s; }\r\n\r\n  #dx-agora-launch .dx-prompt-bar {\r\n    position: absolute;\r\n    z-index: 4;\r\n    left: 50%;\r\n    bottom: -28px;\r\n    width: min(760px, calc(100% - 44px));\r\n    transform: translateX(-50%);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    min-height: 64px;\r\n    padding: 9px 10px 9px 21px;\r\n    border: 1px solid rgba(11,13,12,.12);\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,.92);\r\n    box-shadow: 0 24px 55px rgba(17,43,32,.16);\r\n    backdrop-filter: blur(16px);\r\n  }\r\n\r\n  #dx-agora-launch .dx-prompt-icon { color: var(--dx-green-dark); }\r\n  #dx-agora-launch .dx-prompt-copy {\r\n    min-width: 0;\r\n    flex: 1;\r\n    color: var(--dx-ink-soft);\r\n    font-size: 14px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n  #dx-agora-launch .dx-prompt-send {\r\n    display: grid;\r\n    place-items: center;\r\n    width: 45px; height: 45px;\r\n    border-radius: 50%;\r\n    background: var(--dx-ink);\r\n    color: white;\r\n    flex: none;\r\n  }\r\n  #dx-agora-launch .dx-prompt-send svg { width: 17px; height: 17px; }\r\n\r\n  #dx-agora-launch .dx-stats {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 16px;\r\n    margin-top: 76px;\r\n  }\r\n\r\n  #dx-agora-launch .dx-stat {\r\n    position: relative;\r\n    min-height: 150px;\r\n    padding: 24px;\r\n    border: 1px solid var(--dx-line);\r\n    border-radius: var(--dx-radius-lg);\r\n    background: rgba(255,255,255,.66);\r\n    overflow: hidden;\r\n  }\r\n\r\n  #dx-agora-launch .dx-stat::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 90px; height: 90px;\r\n    right: -30px; bottom: -30px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(68,227,172,.28), transparent 70%);\r\n  }\r\n\r\n  #dx-agora-launch .dx-stat-value {\r\n    display: block;\r\n    margin-bottom: 7px;\r\n    font-size: clamp(34px, 4vw, 54px);\r\n    line-height: 1;\r\n    letter-spacing: -.05em;\r\n    font-weight: 850;\r\n  }\r\n\r\n  #dx-agora-launch .dx-stat-label { color: var(--dx-muted); font-size: 14px; }\r\n\r\n  #dx-agora-launch .dx-section-head {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\r\n    gap: clamp(28px, 5vw, 72px);\r\n    align-items: end;\r\n    margin-bottom: 48px;\r\n  }\r\n\r\n  #dx-agora-launch .dx-section-head > * { min-width: 0; }\r\n\r\n  \/* The access block uses the full content width instead of a tall split layout. *\/\r\n  #dx-agora-launch .dx-section--access {\r\n    padding-block: clamp(70px, 8vw, 108px);\r\n  }\r\n\r\n  #dx-agora-launch .dx-section-head--access {\r\n    grid-template-columns: 1fr;\r\n    align-items: start;\r\n    max-width: 980px;\r\n    margin-bottom: clamp(34px, 5vw, 52px);\r\n  }\r\n\r\n  #dx-agora-launch .dx-section-head--access h2 {\r\n    max-width: 900px;\r\n    font-size: clamp(38px, 4.6vw, 62px);\r\n    line-height: 1.01;\r\n  }\r\n\r\n  #dx-agora-launch .dx-section-head--access .dx-section-intro {\r\n    max-width: 820px;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  #dx-agora-launch .dx-kicker {\r\n    margin-bottom: 13px;\r\n    color: var(--dx-green-dark);\r\n    font-size: 13px;\r\n    font-weight: 850;\r\n    letter-spacing: .09em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #dx-agora-launch h2 {\r\n    margin-bottom: 0;\r\n    font-size: clamp(38px, 4.7vw, 62px);\r\n    line-height: 1.02;\r\n    letter-spacing: -.052em;\r\n    font-weight: 850;\r\n  }\r\n\r\n  #dx-agora-launch .dx-section-intro {\r\n    margin-bottom: 0;\r\n    color: var(--dx-ink-soft);\r\n    font-size: clamp(17px, 1.6vw, 21px);\r\n    line-height: 1.62;\r\n  }\r\n\r\n  #dx-agora-launch .dx-value-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(12, 1fr);\r\n    gap: 18px;\r\n  }\r\n\r\n  #dx-agora-launch .dx-card {\r\n    position: relative;\r\n    min-height: 280px;\r\n    padding: clamp(24px, 3vw, 34px);\r\n    border: 1px solid var(--dx-line);\r\n    border-radius: var(--dx-radius-lg);\r\n    background: rgba(255,255,255,.80);\r\n    box-shadow: 0 16px 45px rgba(17,43,32,.055);\r\n    overflow: hidden;\r\n    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;\r\n  }\r\n\r\n  #dx-agora-launch .dx-card:hover {\r\n    transform: translateY(-7px);\r\n    border-color: rgba(24,167,122,.30);\r\n    box-shadow: 0 24px 58px rgba(17,43,32,.11);\r\n  }\r\n\r\n  #dx-agora-launch .dx-card-large { grid-column: span 7; }\r\n  #dx-agora-launch .dx-card-small { grid-column: span 5; }\r\n  #dx-agora-launch .dx-card-third { grid-column: span 4; }\r\n\r\n  #dx-agora-launch .dx-card-dark {\r\n    color: #fff;\r\n    border-color: rgba(255,255,255,.09);\r\n    background:\r\n      radial-gradient(circle at 90% 12%, rgba(68,227,172,.26), transparent 30%),\r\n      linear-gradient(145deg, #0b0d0c, #16251f);\r\n  }\r\n  #dx-agora-launch .dx-card-dark h3,\r\n  #dx-agora-launch .dx-card-dark h3 a {\r\n    color: #ffffff !important;\r\n    text-shadow: 0 1px 18px rgba(0,0,0,.18);\r\n  }\r\n  #dx-agora-launch .dx-card-dark p {\r\n    color: rgba(255,255,255,.82) !important;\r\n  }\r\n\r\n  #dx-agora-launch .dx-card-accent {\r\n    background:\r\n      radial-gradient(circle at 86% 10%, rgba(203,255,107,.62), transparent 34%),\r\n      linear-gradient(145deg, #eefcf6, #ffffff 70%);\r\n  }\r\n\r\n  #dx-agora-launch .dx-card-number {\r\n    position: absolute;\r\n    right: 22px;\r\n    top: 14px;\r\n    color: rgba(11,13,12,.06);\r\n    font-size: 88px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    letter-spacing: -.08em;\r\n  }\r\n  #dx-agora-launch .dx-card-dark .dx-card-number { color: rgba(255,255,255,.07); }\r\n\r\n  #dx-agora-launch .dx-icon-box {\r\n    display: grid;\r\n    place-items: center;\r\n    width: 52px; height: 52px;\r\n    margin-bottom: 42px;\r\n    border-radius: 16px;\r\n    background: rgba(24,167,122,.12);\r\n    color: var(--dx-green-dark);\r\n  }\r\n  #dx-agora-launch .dx-card-dark .dx-icon-box { color: var(--dx-green-bright); background: rgba(68,227,172,.11); }\r\n  #dx-agora-launch .dx-icon-box svg { width: 24px; height: 24px; }\r\n\r\n  #dx-agora-launch .dx-card h3 {\r\n    position: relative;\r\n    margin-bottom: 12px;\r\n    font-size: clamp(23px, 2.6vw, 32px);\r\n    line-height: 1.12;\r\n    letter-spacing: -.035em;\r\n  }\r\n\r\n  #dx-agora-launch .dx-card p {\r\n    position: relative;\r\n    margin-bottom: 0;\r\n    color: var(--dx-muted);\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  #dx-agora-launch .dx-premium {\r\n    border-block: 1px solid var(--dx-line);\r\n    background: rgba(255,255,255,.55);\r\n  }\r\n\r\n  #dx-agora-launch .dx-premium-grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);\r\n    gap: clamp(34px, 7vw, 94px);\r\n    align-items: center;\r\n  }\r\n\r\n  #dx-agora-launch .dx-copy p {\r\n    color: var(--dx-ink-soft);\r\n    font-size: 18px;\r\n    line-height: 1.72;\r\n  }\r\n\r\n  #dx-agora-launch .dx-checks {\r\n    display: grid;\r\n    gap: 13px;\r\n    margin: 28px 0 0;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n\r\n  #dx-agora-launch .dx-checks li {\r\n    display: flex;\r\n    gap: 12px;\r\n    align-items: flex-start;\r\n    color: var(--dx-ink-soft);\r\n    font-size: 15px;\r\n  }\r\n\r\n  #dx-agora-launch .dx-check {\r\n    display: grid;\r\n    place-items: center;\r\n    width: 24px; height: 24px;\r\n    flex: none;\r\n    margin-top: 1px;\r\n    border-radius: 50%;\r\n    background: rgba(24,167,122,.12);\r\n    color: var(--dx-green-dark);\r\n  }\r\n  #dx-agora-launch .dx-check svg { width: 14px; height: 14px; }\r\n\r\n  #dx-agora-launch .dx-ai-card {\r\n    position: relative;\r\n    min-height: 520px;\r\n    padding: 26px;\r\n    border-radius: var(--dx-radius-xl);\r\n    color: white;\r\n    background:\r\n      radial-gradient(circle at 77% 16%, rgba(125,92,255,.42), transparent 30%),\r\n      radial-gradient(circle at 16% 80%, rgba(68,227,172,.26), transparent 35%),\r\n      linear-gradient(145deg, #0a0d0b 0%, #12251e 70%, #0a0d0b 100%);\r\n    box-shadow: var(--dx-shadow);\r\n    overflow: hidden;\r\n  }\r\n\r\n  #dx-agora-launch .dx-ai-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: .32;\r\n    background-image:\r\n      linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);\r\n    background-size: 36px 36px;\r\n    mask-image: radial-gradient(circle at 50% 45%, black, transparent 78%);\r\n  }\r\n\r\n  #dx-agora-launch .dx-ai-label {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 8px 11px;\r\n    border: 1px solid rgba(255,255,255,.12);\r\n    border-radius: 999px;\r\n    color: rgba(255,255,255,.78);\r\n    background: rgba(255,255,255,.06);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  #dx-agora-launch .dx-ai-core {\r\n    position: absolute;\r\n    left: 50%; top: 50%;\r\n    width: 230px; height: 230px;\r\n    transform: translate(-50%, -50%);\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle at 35% 30%, #cbff6b, #36dca2 34%, #176f58 64%, #0a241c 76%);\r\n    box-shadow: 0 0 90px rgba(68,227,172,.24);\r\n    animation: dx-core 6s ease-in-out infinite;\r\n  }\r\n\r\n  #dx-agora-launch .dx-ai-core::before,\r\n  #dx-agora-launch .dx-ai-core::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -30px;\r\n    border: 1px solid rgba(255,255,255,.14);\r\n    border-radius: 50%;\r\n    animation: dx-ring 8s linear infinite;\r\n  }\r\n  #dx-agora-launch .dx-ai-core::after { inset: -62px; animation-direction: reverse; animation-duration: 12s; }\r\n\r\n  @keyframes dx-core {\r\n    0%,100% { transform: translate(-50%, -50%) scale(1); filter: saturate(1); }\r\n    50% { transform: translate(-50%, -50%) scale(1.06); filter: saturate(1.18); }\r\n  }\r\n\r\n  @keyframes dx-ring {\r\n    to { transform: rotate(360deg); }\r\n  }\r\n\r\n  #dx-agora-launch .dx-ai-chip {\r\n    position: absolute;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 10px 13px;\r\n    border: 1px solid rgba(255,255,255,.12);\r\n    border-radius: 14px;\r\n    color: rgba(255,255,255,.84);\r\n    background: rgba(255,255,255,.07);\r\n    backdrop-filter: blur(10px);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n  }\r\n  #dx-agora-launch .dx-ai-chip i { width: 7px; height: 7px; border-radius: 50%; background: var(--dx-green-bright); box-shadow: 0 0 14px rgba(68,227,172,.8); }\r\n  #dx-agora-launch .dx-chip-a { left: 7%; top: 29%; }\r\n  #dx-agora-launch .dx-chip-b { right: 7%; top: 24%; }\r\n  #dx-agora-launch .dx-chip-c { left: 10%; bottom: 18%; }\r\n  #dx-agora-launch .dx-chip-d { right: 7%; bottom: 22%; }\r\n\r\n  #dx-agora-launch .dx-ai-caption {\r\n    position: absolute;\r\n    left: 26px; right: 26px; bottom: 25px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n    color: rgba(255,255,255,.62);\r\n    font-size: 12px;\r\n  }\r\n\r\n  #dx-agora-launch .dx-feature-split {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\r\n    gap: clamp(28px, 6vw, 76px);\r\n    align-items: center;\r\n  }\r\n\r\n  #dx-agora-launch .dx-feature-split + .dx-feature-split { margin-top: clamp(82px, 11vw, 140px); }\r\n  #dx-agora-launch .dx-feature-split.dx-reverse .dx-feature-copy { order: 2; }\r\n  #dx-agora-launch .dx-feature-split.dx-reverse .dx-shot { order: 1; }\r\n\r\n  #dx-agora-launch .dx-feature-copy h3 {\r\n    margin-bottom: 18px;\r\n    font-size: clamp(34px, 4.4vw, 58px);\r\n    line-height: 1.05;\r\n    letter-spacing: -.05em;\r\n  }\r\n\r\n  #dx-agora-launch .dx-feature-copy > p {\r\n    color: var(--dx-ink-soft);\r\n    font-size: 18px;\r\n    line-height: 1.72;\r\n  }\r\n\r\n  #dx-agora-launch .dx-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 9px;\r\n    margin-top: 26px;\r\n  }\r\n\r\n  #dx-agora-launch .dx-tag {\r\n    padding: 9px 12px;\r\n    border: 1px solid var(--dx-line);\r\n    border-radius: 999px;\r\n    color: var(--dx-ink-soft);\r\n    background: rgba(255,255,255,.75);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  #dx-agora-launch .dx-shot {\r\n    position: relative;\r\n    padding: 12px;\r\n    border: 1px solid var(--dx-line);\r\n    border-radius: 28px;\r\n    background: rgba(255,255,255,.86);\r\n    box-shadow: var(--dx-shadow-soft);\r\n    transform-style: preserve-3d;\r\n    transition: transform .2s ease-out;\r\n  }\r\n\r\n  #dx-agora-launch .dx-shot::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: auto 10% -26px 10%;\r\n    height: 50px;\r\n    z-index: -1;\r\n    border-radius: 50%;\r\n    background: rgba(17,43,32,.15);\r\n    filter: blur(24px);\r\n  }\r\n\r\n  #dx-agora-launch .dx-shot img {\r\n    width: 100%;\r\n    border-radius: 19px;\r\n    aspect-ratio: 1919 \/ 914;\r\n    object-fit: cover;\r\n  }\r\n\r\n\r\n  \/* Agora UI mockups: pure HTML\/CSS, no screenshot dependencies *\/\r\n  #dx-agora-launch .dx-agora-ui {\r\n    --ui-blue: #eef4fb;\r\n    --ui-panel: #fffefa;\r\n    --ui-border: #dde4eb;\r\n    --ui-text: #273547;\r\n    --ui-muted: #718095;\r\n    --ui-green: #15a77b;\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    color: var(--ui-text);\r\n    background: var(--ui-blue);\r\n    font-family: Inter, \"Helvetica Neue\", Arial, sans-serif;\r\n  }\r\n\r\n  #dx-agora-launch .dx-agora-ui * { box-sizing: border-box; }\r\n\r\n  #dx-agora-launch .dx-ui-topbar {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 14px;\r\n    height: 68px;\r\n    padding: 0 20px;\r\n    background: rgba(238,244,251,.96);\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-left,\r\n  #dx-agora-launch .dx-ui-right,\r\n  #dx-agora-launch .dx-ui-profile {\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-left { gap: 18px; }\r\n  #dx-agora-launch .dx-ui-right { gap: 15px; color: #34506d; }\r\n  #dx-agora-launch .dx-ui-profile { gap: 9px; min-width: 182px; }\r\n\r\n  #dx-agora-launch .dx-ui-plus {\r\n    display: grid;\r\n    place-items: center;\r\n    width: 38px;\r\n    height: 38px;\r\n    flex: none;\r\n    border-radius: 50%;\r\n    color: #fff;\r\n    background: #080b0d;\r\n    font-size: 22px;\r\n    line-height: 1;\r\n    box-shadow: 0 8px 20px rgba(8,11,13,.13);\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-appmark {\r\n    width: 20px;\r\n    height: 20px;\r\n    flex: none;\r\n    border-radius: 6px;\r\n    background: var(--ui-green);\r\n    box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-name {\r\n    color: #101820;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-chevron {\r\n    width: 8px;\r\n    height: 8px;\r\n    margin-left: auto;\r\n    border-right: 2px solid currentColor;\r\n    border-bottom: 2px solid currentColor;\r\n    transform: rotate(45deg) translateY(-2px);\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-icon {\r\n    position: relative;\r\n    display: grid;\r\n    place-items: center;\r\n    width: 22px;\r\n    height: 22px;\r\n    flex: none;\r\n  }\r\n  #dx-agora-launch .dx-ui-icon svg { width: 18px; height: 18px; }\r\n\r\n  #dx-agora-launch .dx-ui-notify::after {\r\n    content: \"1\";\r\n    position: absolute;\r\n    right: -3px;\r\n    top: -7px;\r\n    display: grid;\r\n    place-items: center;\r\n    width: 16px;\r\n    height: 16px;\r\n    border-radius: 50%;\r\n    color: #fff;\r\n    background: #ef5948;\r\n    font-size: 9px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-usage {\r\n    position: relative;\r\n    min-width: 72px;\r\n    padding: 6px 9px 7px;\r\n    border-radius: 6px;\r\n    color: #38516c;\r\n    background: rgba(255,255,255,.42);\r\n    box-shadow: inset 0 0 0 1px rgba(53,79,105,.04);\r\n    font-size: 9px;\r\n    line-height: 1.15;\r\n  }\r\n  #dx-agora-launch .dx-ui-usage strong { float: right; color: #223d5b; font-size: 10px; }\r\n  #dx-agora-launch .dx-ui-usage::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 9px;\r\n    right: 9px;\r\n    bottom: 3px;\r\n    height: 2px;\r\n    border-radius: 3px;\r\n    background: linear-gradient(90deg, #23c38c 3%, #e6ecf1 3%);\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-avatar {\r\n    position: relative;\r\n    display: grid;\r\n    place-items: center;\r\n    width: 38px;\r\n    height: 38px;\r\n    flex: none;\r\n    border: 2px solid rgba(255,255,255,.9);\r\n    border-radius: 50%;\r\n    color: #fff;\r\n    background: linear-gradient(145deg, #0a7e5e, #18a77a 55%, #58d6af);\r\n    box-shadow: 0 6px 18px rgba(13,113,84,.22);\r\n    font-size: 12px;\r\n    font-weight: 900;\r\n    letter-spacing: .04em;\r\n  }\r\n  #dx-agora-launch .dx-ui-avatar::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -2px;\r\n    bottom: -1px;\r\n    width: 9px;\r\n    height: 9px;\r\n    border: 2px solid var(--ui-blue);\r\n    border-radius: 50%;\r\n    background: #19bb78;\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-canvas {\r\n    position: relative;\r\n    margin: 0 14px 14px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--ui-border);\r\n    border-radius: 15px;\r\n    background: var(--ui-panel);\r\n    box-shadow: 0 7px 18px rgba(36,61,85,.03);\r\n  }\r\n\r\n  #dx-agora-launch .dx-agora-ui--start {\r\n    aspect-ratio: 1.98 \/ 1;\r\n    min-height: 470px;\r\n  }\r\n  #dx-agora-launch .dx-agora-ui--start .dx-ui-canvas { height: calc(100% - 82px); }\r\n\r\n  #dx-agora-launch .dx-ui-start-center {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 47%;\r\n    width: min(620px, 68%);\r\n    transform: translate(-50%, -50%);\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-start-title {\r\n    margin: 0 0 18px !important;\r\n    color: #40536a !important;\r\n    font-size: clamp(22px, 2.25vw, 36px) !important;\r\n    line-height: 1.1 !important;\r\n    text-align: center;\r\n    letter-spacing: -.035em;\r\n    font-weight: 700 !important;\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-input {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    min-height: 56px;\r\n    padding: 7px 8px 7px 19px;\r\n    border: 1px solid #d8dee5;\r\n    border-radius: 999px;\r\n    background: #fff;\r\n    box-shadow: 0 17px 40px rgba(32,52,70,.13);\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-input-plus {\r\n    color: #60758b;\r\n    font-size: 19px;\r\n    line-height: 1;\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-placeholder {\r\n    min-width: 0;\r\n    flex: 1;\r\n    color: #7c8795;\r\n    font-size: 13px;\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-mic {\r\n    display: grid;\r\n    place-items: center;\r\n    width: 28px;\r\n    height: 28px;\r\n    color: #2c4057;\r\n  }\r\n  #dx-agora-launch .dx-ui-mic svg { width: 15px; height: 15px; }\r\n\r\n  #dx-agora-launch .dx-ui-send {\r\n    display: grid;\r\n    place-items: center;\r\n    width: 40px;\r\n    height: 40px;\r\n    flex: none;\r\n    border-radius: 50%;\r\n    color: #fff;\r\n    background: #080b0d;\r\n    box-shadow: 0 7px 16px rgba(8,11,13,.16);\r\n  }\r\n  #dx-agora-launch .dx-ui-send svg { width: 16px; height: 16px; }\r\n\r\n  #dx-agora-launch .dx-ui-suggestions {\r\n    display: grid;\r\n    gap: 14px;\r\n    width: 55%;\r\n    margin: 30px auto 0;\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-suggestion {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    color: #758194;\r\n    font-size: 12px;\r\n  }\r\n  #dx-agora-launch .dx-ui-suggestion svg { width: 15px; height: 15px; flex: none; }\r\n\r\n  #dx-agora-launch .dx-agora-ui--compact {\r\n    min-height: 390px;\r\n    border-radius: 18px;\r\n  }\r\n  #dx-agora-launch .dx-agora-ui--compact .dx-ui-topbar {\r\n    height: 48px;\r\n    padding-inline: 12px;\r\n  }\r\n  #dx-agora-launch .dx-agora-ui--compact .dx-ui-left { gap: 10px; }\r\n  #dx-agora-launch .dx-agora-ui--compact .dx-ui-profile { min-width: 116px; gap: 7px; }\r\n  #dx-agora-launch .dx-agora-ui--compact .dx-ui-plus { width: 28px; height: 28px; font-size: 17px; }\r\n  #dx-agora-launch .dx-agora-ui--compact .dx-ui-appmark { width: 15px; height: 15px; border-radius: 5px; }\r\n  #dx-agora-launch .dx-agora-ui--compact .dx-ui-name { font-size: 10px; }\r\n  #dx-agora-launch .dx-agora-ui--compact .dx-ui-right { gap: 8px; }\r\n  #dx-agora-launch .dx-agora-ui--compact .dx-ui-avatar { width: 29px; height: 29px; font-size: 9px; }\r\n  #dx-agora-launch .dx-agora-ui--compact .dx-ui-usage { min-width: 54px; padding: 5px 6px 6px; font-size: 7px; }\r\n  #dx-agora-launch .dx-agora-ui--compact .dx-ui-usage strong { font-size: 8px; }\r\n  #dx-agora-launch .dx-agora-ui--compact .dx-ui-icon { width: 17px; height: 17px; }\r\n  #dx-agora-launch .dx-agora-ui--compact .dx-ui-icon svg { width: 14px; height: 14px; }\r\n  #dx-agora-launch .dx-agora-ui--compact .dx-ui-canvas {\r\n    height: 330px;\r\n    margin: 0 8px 8px;\r\n    border-radius: 11px;\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-chat-body {\r\n    position: relative;\r\n    height: 100%;\r\n    padding: 14px 18px 58px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-user-bubble {\r\n    width: fit-content;\r\n    max-width: 75%;\r\n    margin-left: auto;\r\n    padding: 8px 12px;\r\n    border-radius: 999px;\r\n    color: #172334;\r\n    background: #f0f1f2;\r\n    font-size: 9px;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-answer {\r\n    width: 80%;\r\n    margin: 20px auto 0;\r\n    color: #273547;\r\n    font-size: 8px;\r\n    line-height: 1.45;\r\n  }\r\n  #dx-agora-launch .dx-ui-answer h4 {\r\n    margin: 0 0 5px !important;\r\n    color: #172333 !important;\r\n    font-size: 10px !important;\r\n    line-height: 1.25 !important;\r\n    font-weight: 800 !important;\r\n  }\r\n  #dx-agora-launch .dx-ui-answer p { margin: 0 0 6px; }\r\n  #dx-agora-launch .dx-ui-answer ul { margin: 5px 0 0 13px; padding: 0; }\r\n  #dx-agora-launch .dx-ui-answer li { margin: 2px 0; }\r\n\r\n  #dx-agora-launch .dx-ui-mini-dashboard {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr 1fr;\r\n    gap: 6px;\r\n    width: 86%;\r\n    margin: 10px auto 0;\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-mini-card {\r\n    min-width: 0;\r\n    height: 80px;\r\n    padding: 8px;\r\n    overflow: hidden;\r\n    border: 1px solid #e1e6ec;\r\n    border-radius: 9px;\r\n    background: #fff;\r\n    box-shadow: 0 5px 13px rgba(25,47,68,.05);\r\n  }\r\n  #dx-agora-launch .dx-ui-mini-card strong {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    color: #33445a;\r\n    font-size: 7px;\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-linechart {\r\n    position: relative;\r\n    height: 48px;\r\n  }\r\n  #dx-agora-launch .dx-ui-linechart::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 2px;\r\n    right: 2px;\r\n    bottom: 7px;\r\n    height: 1px;\r\n    background: #dbe4e9;\r\n  }\r\n  #dx-agora-launch .dx-ui-linechart svg { width: 100%; height: 43px; overflow: visible; }\r\n\r\n  #dx-agora-launch .dx-ui-bars { display: grid; gap: 5px; }\r\n  #dx-agora-launch .dx-ui-bar { display: grid; grid-template-columns: 34px 1fr 8px; gap: 4px; align-items: center; font-size: 5.8px; color: #718095; }\r\n  #dx-agora-launch .dx-ui-bar-track { height: 5px; overflow: hidden; border-radius: 5px; background: #e8edf1; }\r\n  #dx-agora-launch .dx-ui-bar-fill { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #0f7f6b, #36b9e7); }\r\n\r\n  #dx-agora-launch .dx-ui-donut-wrap { display: flex; align-items: center; gap: 8px; }\r\n  #dx-agora-launch .dx-ui-donut {\r\n    position: relative;\r\n    display: grid;\r\n    place-items: center;\r\n    width: 47px;\r\n    height: 47px;\r\n    flex: none;\r\n    border-radius: 50%;\r\n    background: conic-gradient(#118575 0 64%, #38b6e9 64% 100%);\r\n  }\r\n  #dx-agora-launch .dx-ui-donut::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 10px;\r\n    border-radius: 50%;\r\n    background: #fff;\r\n  }\r\n  #dx-agora-launch .dx-ui-donut b { position: relative; z-index: 1; font-size: 8px; color: #24384d; }\r\n  #dx-agora-launch .dx-ui-legend { display: grid; gap: 4px; color: #6c7a8c; font-size: 5.8px; }\r\n  #dx-agora-launch .dx-ui-legend span::before { content: \"\"; display: inline-block; width: 5px; height: 5px; margin-right: 3px; border-radius: 50%; background: #118575; }\r\n  #dx-agora-launch .dx-ui-legend span:nth-child(2)::before { background: #38b6e9; }\r\n\r\n  #dx-agora-launch .dx-ui-bottom-input {\r\n    position: absolute;\r\n    left: 50%;\r\n    bottom: 13px;\r\n    width: min(74%, 460px);\r\n    transform: translateX(-50%);\r\n  }\r\n  #dx-agora-launch .dx-ui-bottom-input .dx-ui-input {\r\n    min-height: 38px;\r\n    padding: 4px 5px 4px 12px;\r\n    box-shadow: 0 11px 26px rgba(32,52,70,.09);\r\n  }\r\n  #dx-agora-launch .dx-ui-bottom-input .dx-ui-placeholder { font-size: 8px; }\r\n  #dx-agora-launch .dx-ui-bottom-input .dx-ui-send { width: 29px; height: 29px; }\r\n  #dx-agora-launch .dx-ui-bottom-input .dx-ui-mic { width: 20px; height: 20px; }\r\n  #dx-agora-launch .dx-ui-bottom-input .dx-ui-input-plus { font-size: 13px; }\r\n\r\n  #dx-agora-launch .dx-ui-chat-note {\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 2px;\r\n    color: #8894a4;\r\n    text-align: center;\r\n    font-size: 5.8px;\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-general-answer {\r\n    width: 70%;\r\n    margin: 28px auto 0;\r\n    color: #273547;\r\n    font-size: 8.5px;\r\n    line-height: 1.47;\r\n  }\r\n\r\n  #dx-agora-launch .dx-ui-weather-facts {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 6px;\r\n    margin-top: 10px;\r\n  }\r\n  #dx-agora-launch .dx-ui-weather-facts span {\r\n    padding: 5px 7px;\r\n    border: 1px solid #e1e7ec;\r\n    border-radius: 999px;\r\n    color: #607185;\r\n    background: #fff;\r\n    font-size: 6.5px;\r\n  }\r\n\r\n  #dx-agora-launch .dx-bottom-disclosure {\r\n    display: flex;\r\n    gap: 11px;\r\n    align-items: flex-start;\r\n    max-width: 900px;\r\n    margin: 18px auto 0;\r\n    padding: 15px 17px;\r\n    border: 1px solid rgba(255,255,255,.13);\r\n    border-radius: 16px;\r\n    color: rgba(255,255,255,.72);\r\n    background: rgba(255,255,255,.055);\r\n    font-size: 12px;\r\n    line-height: 1.6;\r\n    backdrop-filter: blur(12px);\r\n  }\r\n  #dx-agora-launch .dx-bottom-disclosure svg { width: 17px; height: 17px; flex: none; margin-top: 1px; color: var(--dx-green-bright); }\r\n  #dx-agora-launch .dx-bottom-disclosure strong { color: #fff; }\r\n\r\n  #dx-agora-launch .dx-question-cloud {\r\n    display: grid;\r\n    gap: 11px;\r\n    margin-top: 28px;\r\n  }\r\n\r\n  #dx-agora-launch .dx-question {\r\n    display: flex;\r\n    gap: 11px;\r\n    align-items: flex-start;\r\n    padding: 14px 16px;\r\n    border: 1px solid var(--dx-line);\r\n    border-radius: 16px;\r\n    background: rgba(255,255,255,.72);\r\n    color: var(--dx-ink-soft);\r\n    font-size: 14px;\r\n    transition: transform .25s ease, border-color .25s ease;\r\n  }\r\n  #dx-agora-launch .dx-question:hover { transform: translateX(6px); border-color: rgba(24,167,122,.28); }\r\n  #dx-agora-launch .dx-question svg { width: 17px; height: 17px; flex: none; color: var(--dx-green-dark); margin-top: 2px; }\r\n\r\n  #dx-agora-launch .dx-band {\r\n    position: relative;\r\n    overflow: hidden;\r\n    color: white;\r\n    background:\r\n      radial-gradient(circle at 15% 20%, rgba(68,227,172,.20), transparent 28%),\r\n      radial-gradient(circle at 88% 70%, rgba(125,92,255,.30), transparent 30%),\r\n      #0b0d0c;\r\n  }\r\n\r\n  #dx-agora-launch .dx-band::after {\r\n    content: \"AGORA  \u2022  INTERNAL AI  \u2022  DEXDOT AI  \u2022  AGORA  \u2022  INTERNAL AI  \u2022  DEXDOT AI  \u2022\";\r\n    position: absolute;\r\n    left: 0; right: 0; bottom: -20px;\r\n    color: rgba(255,255,255,.035);\r\n    font-size: clamp(70px, 11vw, 150px);\r\n    font-weight: 900;\r\n    white-space: nowrap;\r\n    letter-spacing: -.06em;\r\n    animation: dx-marquee 24s linear infinite;\r\n  }\r\n\r\n  @keyframes dx-marquee { to { transform: translateX(-52%); } }\r\n\r\n  #dx-agora-launch .dx-band-grid {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);\r\n    gap: clamp(30px, 7vw, 90px);\r\n    align-items: center;\r\n  }\r\n\r\n  #dx-agora-launch .dx-band h2 { color: white; font-size: clamp(38px, 4.2vw, 56px); }\r\n  #dx-agora-launch .dx-band p { color: rgba(255,255,255,.72); font-size: 18px; line-height: 1.7; }\r\n\r\n  #dx-agora-launch .dx-pillar-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 13px;\r\n  }\r\n\r\n  #dx-agora-launch .dx-pillar {\r\n    min-height: 160px;\r\n    padding: 20px;\r\n    border: 1px solid rgba(255,255,255,.11);\r\n    border-radius: 18px;\r\n    background: rgba(255,255,255,.055);\r\n    backdrop-filter: blur(10px);\r\n    transition: transform .25s ease, background .25s ease;\r\n  }\r\n  #dx-agora-launch .dx-pillar:hover { transform: translateY(-5px); background: rgba(255,255,255,.085); }\r\n  #dx-agora-launch .dx-pillar strong { display: block; margin-bottom: 8px; color: white; font-size: 17px; }\r\n  #dx-agora-launch .dx-pillar span { color: rgba(255,255,255,.60); font-size: 13px; line-height: 1.6; }\r\n\r\n  #dx-agora-launch .dx-access-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 18px;\r\n  }\r\n\r\n  #dx-agora-launch .dx-access-card {\r\n    padding: clamp(26px, 4vw, 44px);\r\n    border: 1px solid var(--dx-line);\r\n    border-radius: var(--dx-radius-lg);\r\n    background: white;\r\n    box-shadow: 0 16px 44px rgba(17,43,32,.06);\r\n  }\r\n\r\n  #dx-agora-launch .dx-access-card:first-child {\r\n    background:\r\n      radial-gradient(circle at 95% 0%, rgba(203,255,107,.50), transparent 30%),\r\n      white;\r\n  }\r\n\r\n  #dx-agora-launch .dx-access-card:last-child {\r\n    color: white;\r\n    border-color: transparent;\r\n    background:\r\n      radial-gradient(circle at 92% 2%, rgba(125,92,255,.36), transparent 32%),\r\n      linear-gradient(145deg, #0b0d0c, #13231d);\r\n  }\r\n\r\n  #dx-agora-launch .dx-access-label {\r\n    display: inline-flex;\r\n    margin-bottom: 28px;\r\n    padding: 7px 10px;\r\n    border: 1px solid var(--dx-line);\r\n    border-radius: 999px;\r\n    color: var(--dx-green-dark);\r\n    background: rgba(24,167,122,.09);\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: .07em;\r\n  }\r\n  #dx-agora-launch .dx-access-card:last-child .dx-access-label { color: var(--dx-green-bright); border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.06); }\r\n\r\n  #dx-agora-launch .dx-access-card h3 {\r\n    margin-bottom: 13px;\r\n    font-size: clamp(28px, 3.2vw, 42px);\r\n    line-height: 1.08;\r\n    letter-spacing: -.045em;\r\n  }\r\n\r\n  #dx-agora-launch .dx-access-card p { color: var(--dx-muted); font-size: 16px; line-height: 1.7; }\r\n  #dx-agora-launch .dx-access-card:last-child h3 {\r\n    color: #ffffff !important;\r\n    text-shadow: 0 1px 1px rgba(0,0,0,.18);\r\n  }\r\n  #dx-agora-launch .dx-access-card:last-child p { color: rgba(255,255,255,.76); }\r\n\r\n  #dx-agora-launch .dx-faq {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);\r\n    gap: clamp(32px, 7vw, 90px);\r\n    align-items: start;\r\n  }\r\n\r\n  #dx-agora-launch .dx-faq-list { display: grid; gap: 12px; }\r\n\r\n  #dx-agora-launch details {\r\n    border: 1px solid var(--dx-line);\r\n    border-radius: 18px;\r\n    background: rgba(255,255,255,.80);\r\n    overflow: hidden;\r\n    transition: border-color .25s ease, box-shadow .25s ease;\r\n  }\r\n  #dx-agora-launch details[open] { border-color: rgba(24,167,122,.27); box-shadow: 0 16px 38px rgba(17,43,32,.07); }\r\n\r\n  #dx-agora-launch summary {\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 18px;\r\n    align-items: center;\r\n    padding: 20px 22px;\r\n    cursor: pointer;\r\n    list-style: none;\r\n    font-weight: 800;\r\n  }\r\n  #dx-agora-launch summary::-webkit-details-marker { display: none; }\r\n  #dx-agora-launch summary::after {\r\n    content: \"+\";\r\n    display: grid;\r\n    place-items: center;\r\n    width: 30px; height: 30px;\r\n    flex: none;\r\n    border-radius: 50%;\r\n    background: var(--dx-surface-soft);\r\n    color: var(--dx-green-dark);\r\n    font-size: 20px;\r\n    transition: transform .25s ease;\r\n  }\r\n  #dx-agora-launch details[open] summary::after { transform: rotate(45deg); }\r\n  #dx-agora-launch .dx-answer { padding: 0 22px 22px; color: var(--dx-muted); font-size: 15px; line-height: 1.7; }\r\n\r\n  #dx-agora-launch .dx-final {\r\n    padding-top: 0;\r\n  }\r\n\r\n  #dx-agora-launch .dx-final-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: clamp(42px, 7vw, 80px);\r\n    border-radius: var(--dx-radius-xl);\r\n    color: white;\r\n    background:\r\n      radial-gradient(circle at 85% 20%, rgba(203,255,107,.34), transparent 30%),\r\n      radial-gradient(circle at 15% 90%, rgba(125,92,255,.30), transparent 32%),\r\n      linear-gradient(130deg, #07100c, #123426 66%, #0b0d0c);\r\n    box-shadow: var(--dx-shadow);\r\n  }\r\n\r\n  #dx-agora-launch .dx-final-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: .28;\r\n    background-image: radial-gradient(rgba(255,255,255,.25) 1px, transparent 1px);\r\n    background-size: 24px 24px;\r\n    mask-image: linear-gradient(120deg, black, transparent 72%);\r\n  }\r\n\r\n  #dx-agora-launch .dx-final-inner { position: relative; z-index: 1; max-width: 850px; }\r\n  #dx-agora-launch .dx-final-card h2 { margin-bottom: 20px; color: white; }\r\n  #dx-agora-launch .dx-final-card p { max-width: 720px; color: rgba(255,255,255,.72); font-size: 19px; line-height: 1.65; }\r\n  #dx-agora-launch .dx-final-card .dx-btn-primary { color: var(--dx-ink); background: white; }\r\n  #dx-agora-launch .dx-final-card .dx-btn-secondary { color: white; border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.07); }\r\n\r\n  #dx-agora-launch .dx-legal {\r\n    max-width: 920px;\r\n    margin: 26px auto 0;\r\n    color: var(--dx-muted);\r\n    font-size: 12px;\r\n    text-align: center;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  #dx-agora-launch [data-reveal] {\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n    transition: opacity .75s cubic-bezier(.2,.8,.2,1), transform .75s cubic-bezier(.2,.8,.2,1);\r\n    transition-delay: var(--dx-delay, 0ms);\r\n  }\r\n  #dx-agora-launch [data-reveal=\"left\"] { transform: translateX(-34px); }\r\n  #dx-agora-launch [data-reveal=\"right\"] { transform: translateX(34px); }\r\n  #dx-agora-launch [data-reveal].is-visible { opacity: 1; transform: translate3d(0,0,0); }\r\n\r\n  @container dxagora (max-width: 1040px) {\r\n    #dx-agora-launch .dx-section-head:not(.dx-section-head--access) h2 {\r\n      font-size: clamp(38px, 5.7cqw, 56px);\r\n    }\r\n  }\r\n\r\n  @container dxagora (max-width: 760px) {\r\n    #dx-agora-launch .dx-section-head,\r\n    #dx-agora-launch .dx-premium-grid,\r\n    #dx-agora-launch .dx-feature-split,\r\n    #dx-agora-launch .dx-band-grid,\r\n    #dx-agora-launch .dx-faq { grid-template-columns: 1fr; }\r\n\r\n    #dx-agora-launch .dx-section-head:not(.dx-section-head--access) h2 {\r\n      font-size: clamp(36px, 9cqw, 52px);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    #dx-agora-launch .dx-shell { width: min(100% - 28px, 760px); }\r\n    #dx-agora-launch .dx-section-head,\r\n    #dx-agora-launch .dx-premium-grid,\r\n    #dx-agora-launch .dx-feature-split,\r\n    #dx-agora-launch .dx-band-grid,\r\n    #dx-agora-launch .dx-faq { grid-template-columns: 1fr; }\r\n    #dx-agora-launch .dx-feature-split.dx-reverse .dx-feature-copy,\r\n    #dx-agora-launch .dx-feature-split.dx-reverse .dx-shot { order: initial; }\r\n    #dx-agora-launch .dx-section-head { align-items: start; }\r\n    #dx-agora-launch .dx-card-large,\r\n    #dx-agora-launch .dx-card-small { grid-column: span 12; }\r\n    #dx-agora-launch .dx-card-third { grid-column: span 6; }\r\n    #dx-agora-launch .dx-float-left { left: 10px; bottom: 10%; }\r\n    #dx-agora-launch .dx-float-right { right: 10px; top: 10%; }\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    #dx-agora-launch .dx-section { padding: 72px 0; }\r\n    #dx-agora-launch h1 { font-size: clamp(43px, 14vw, 66px); }\r\n    #dx-agora-launch .dx-lead { font-size: 18px; }\r\n    #dx-agora-launch .dx-hero-actions,\r\n    #dx-agora-launch .dx-cta-actions { align-items: stretch; }\r\n    #dx-agora-launch .dx-btn { width: 100%; }\r\n    #dx-agora-launch .dx-browser { border-radius: 22px; padding: 7px; }\r\n    #dx-agora-launch .dx-browser-media { border-radius: 16px; }\r\n    #dx-agora-launch .dx-browser-bar { padding: 7px 7px 11px; }\r\n    #dx-agora-launch .dx-browser-label { display: none; }\r\n    #dx-agora-launch .dx-float-card { display: none; }\r\n    #dx-agora-launch .dx-prompt-bar { bottom: -24px; min-height: 56px; padding-left: 15px; }\r\n    #dx-agora-launch .dx-prompt-copy { font-size: 12px; }\r\n    #dx-agora-launch .dx-prompt-send { width: 39px; height: 39px; }\r\n    #dx-agora-launch .dx-stats,\r\n    #dx-agora-launch .dx-access-grid,\r\n    #dx-agora-launch .dx-pillar-grid { grid-template-columns: 1fr; }\r\n    #dx-agora-launch .dx-card-third { grid-column: span 12; }\r\n    #dx-agora-launch .dx-card { min-height: 245px; }\r\n    #dx-agora-launch .dx-ai-card { min-height: 440px; }\r\n    #dx-agora-launch .dx-ai-core { width: 160px; height: 160px; }\r\n    #dx-agora-launch .dx-chip-b { top: 19%; right: 4%; }\r\n    #dx-agora-launch .dx-chip-a { top: 29%; left: 4%; }\r\n    #dx-agora-launch .dx-chip-c { left: 4%; bottom: 22%; }\r\n    #dx-agora-launch .dx-chip-d { right: 4%; bottom: 27%; }\r\n    #dx-agora-launch .dx-ai-caption { flex-direction: column; gap: 3px; }\r\n  }\r\n\r\n\r\n  @media (max-width: 860px) {\r\n    #dx-agora-launch .dx-agora-ui--start { min-height: 420px; aspect-ratio: auto; }\r\n    #dx-agora-launch .dx-ui-start-center { width: min(660px, 84%); }\r\n    #dx-agora-launch .dx-ui-right .dx-ui-icon:nth-child(-n+2) { display: none; }\r\n    #dx-agora-launch .dx-ui-profile { min-width: 145px; }\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    #dx-agora-launch .dx-agora-ui--start { min-height: 360px; }\r\n    #dx-agora-launch .dx-ui-topbar { height: 54px; padding-inline: 11px; }\r\n    #dx-agora-launch .dx-ui-left { gap: 10px; }\r\n    #dx-agora-launch .dx-ui-plus { width: 31px; height: 31px; font-size: 18px; }\r\n    #dx-agora-launch .dx-ui-profile { min-width: 108px; }\r\n    #dx-agora-launch .dx-ui-appmark { width: 16px; height: 16px; }\r\n    #dx-agora-launch .dx-ui-name { font-size: 10px; }\r\n    #dx-agora-launch .dx-ui-right { gap: 8px; }\r\n    #dx-agora-launch .dx-ui-right .dx-ui-icon { display: none; }\r\n    #dx-agora-launch .dx-ui-usage { display: none; }\r\n    #dx-agora-launch .dx-ui-avatar { width: 31px; height: 31px; font-size: 10px; }\r\n    #dx-agora-launch .dx-ui-canvas { margin: 0 7px 7px; border-radius: 11px; }\r\n    #dx-agora-launch .dx-agora-ui--start .dx-ui-canvas { height: calc(100% - 61px); }\r\n    #dx-agora-launch .dx-ui-start-center { top: 45%; width: 88%; }\r\n    #dx-agora-launch .dx-ui-start-title { margin-bottom: 13px !important; font-size: 21px !important; }\r\n    #dx-agora-launch .dx-ui-input { min-height: 48px; padding-left: 14px; }\r\n    #dx-agora-launch .dx-ui-send { width: 35px; height: 35px; }\r\n    #dx-agora-launch .dx-ui-suggestions { width: 72%; margin-top: 21px; gap: 10px; }\r\n    #dx-agora-launch .dx-ui-suggestion { font-size: 9px; }\r\n    #dx-agora-launch .dx-agora-ui--compact { min-height: 350px; }\r\n    #dx-agora-launch .dx-agora-ui--compact .dx-ui-canvas { height: 294px; }\r\n    #dx-agora-launch .dx-ui-answer { width: 91%; margin-top: 13px; font-size: 7px; }\r\n    #dx-agora-launch .dx-ui-mini-dashboard { width: 94%; gap: 4px; }\r\n    #dx-agora-launch .dx-ui-mini-card { padding: 5px; height: 72px; }\r\n    #dx-agora-launch .dx-ui-general-answer { width: 88%; margin-top: 18px; font-size: 7.5px; }\r\n    #dx-agora-launch .dx-ui-bottom-input { width: 88%; }\r\n    #dx-agora-launch .dx-bottom-disclosure { font-size: 11px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #dx-agora-launch *,\r\n    #dx-agora-launch *::before,\r\n    #dx-agora-launch *::after {\r\n      animation-duration: .01ms !important;\r\n      animation-iteration-count: 1 !important;\r\n      scroll-behavior: auto !important;\r\n      transition-duration: .01ms !important;\r\n    }\r\n    #dx-agora-launch [data-reveal] { opacity: 1; transform: none; }\r\n  }\r\n<\/style>\r\n\r\n<article id=\"dx-agora-launch\" aria-labelledby=\"dx-agora-title\">\r\n  <div class=\"dx-grid-bg\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"dx-orb dx-orb-a\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"dx-orb dx-orb-b\" aria-hidden=\"true\"><\/div>\r\n\r\n  <header class=\"dx-section\">\r\n    <div class=\"dx-shell\">\r\n      <span class=\"dx-eyebrow\" data-reveal>\r\n        <span class=\"dx-eyebrow-dot\" aria-hidden=\"true\"><\/span>\r\n        Neu in Agora \u00b7 Internal Chat\r\n      <\/span>\r\n\r\n      <h1 id=\"dx-agora-title\" data-reveal style=\"--dx-delay:80ms\">\r\n        DEXDOT AI schenkt Kunden das <span class=\"dx-gradient-text\">Plus hinter ChatGPT<\/span> \u2013 direkt in Agora.\r\n      <\/h1>\r\n\r\n      <p class=\"dx-lead\" data-reveal style=\"--dx-delay:150ms\">\r\n        Eine moderne KI-Arbeitsoberfl\u00e4che f\u00fcr Ihr gesamtes Team: mit leistungsf\u00e4higen OpenAI-Modellen, Ihren internen Daten, Dokumenten, Assistenten und Analytics \u2013 alles an einem Ort.\r\n      <\/p>\r\n\r\n      <div class=\"dx-hero-actions\" data-reveal style=\"--dx-delay:220ms\">\r\n        <a class=\"dx-btn dx-btn-primary\" href=\"\/contact\/\">\r\n          Aktivierung anfragen\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n        <\/a>\r\n        <a class=\"dx-btn dx-btn-secondary\" href=\"#dx-funktionen\">\r\n          Funktionen entdecken\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M12 5v14M6 13l6 6 6-6\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"dx-hero-stage\" data-reveal style=\"--dx-delay:310ms\">\r\n        <div class=\"dx-browser\" data-tilt>\r\n          <div class=\"dx-browser-bar\">\r\n            <div class=\"dx-browser-dots\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/div>\r\n            <span class=\"dx-browser-label\">Agora Workspace \u00b7 Internal Chat<\/span>\r\n          <\/div>\r\n          <div class=\"dx-browser-media\">\r\n            <div class=\"dx-agora-ui dx-agora-ui--start\" role=\"img\" aria-label=\"Nachgebildete Startansicht des Agora Internal Chat mit zentralem Eingabefeld\">\r\n              <div class=\"dx-ui-topbar\">\r\n                <div class=\"dx-ui-left\">\r\n                  <span class=\"dx-ui-plus\" aria-hidden=\"true\">+<\/span>\r\n                  <div class=\"dx-ui-profile\"><span class=\"dx-ui-appmark\" aria-hidden=\"true\"><\/span><span class=\"dx-ui-name\">Johanna<\/span><span class=\"dx-ui-chevron\" aria-hidden=\"true\"><\/span><\/div>\r\n                <\/div>\r\n                <div class=\"dx-ui-right\" aria-hidden=\"true\">\r\n                  <span class=\"dx-ui-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M4 5h10M9 3v2M6 9c2-1 4-3 5-6M6 7c1 2 3 4 6 5M16 19l3-8 3 8M17 16h4\"\/><\/svg><\/span>\r\n                  <span class=\"dx-ui-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M20 15.5A8.5 8.5 0 0 1 8.5 4 8.5 8.5 0 1 0 20 15.5Z\"\/><\/svg><\/span>\r\n                  <span class=\"dx-ui-icon dx-ui-notify\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4\"\/><\/svg><\/span>\r\n                  <span class=\"dx-ui-usage\">Usage <strong>3%<\/strong><\/span>\r\n                  <span class=\"dx-ui-avatar\">AS<\/span>\r\n                  <span class=\"dx-ui-chevron\"><\/span>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"dx-ui-canvas\">\r\n                <div class=\"dx-ui-start-center\">\r\n                  <h3 class=\"dx-ui-start-title\">Wo sollen wir anfangen?<\/h3>\r\n                  <div class=\"dx-ui-input\">\r\n                    <span class=\"dx-ui-input-plus\">+<\/span>\r\n                    <span class=\"dx-ui-placeholder\">Agora fragen<\/span>\r\n                    <span class=\"dx-ui-mic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"9\" y=\"3\" width=\"6\" height=\"11\" rx=\"3\"\/><path d=\"M5 11a7 7 0 0 0 14 0M12 18v3\"\/><\/svg><\/span>\r\n                    <span class=\"dx-ui-send\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 19V5M6 11l6-6 6 6\"\/><\/svg><\/span>\r\n                  <\/div>\r\n                  <div class=\"dx-ui-suggestions\">\r\n                    <div class=\"dx-ui-suggestion\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M5 20v-8M10 20V5M15 20v-4M20 20V9\"\/><\/svg><span>Anfragen analysieren<\/span><\/div>\r\n                    <div class=\"dx-ui-suggestion\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M4 5h16v12H8l-4 3z\"\/><path d=\"M8 9h8M8 13h5\"\/><\/svg><span>G\u00e4stefragen pr\u00fcfen<\/span><\/div>\r\n                    <div class=\"dx-ui-suggestion\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M9 18h6M10 22h4M8 13a6 6 0 1 1 8 0c-1 1-1 2-1 3H9c0-1 0-2-1-3Z\"\/><\/svg><span>Fehlendes Wissen finden<\/span><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dx-float-card dx-float-left\" aria-hidden=\"true\">\r\n          <span class=\"dx-float-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 19v-7M12 19V6M18 19v-10\"\/><\/svg><\/span>\r\n          <span class=\"dx-float-copy\"><strong>Live Analytics<\/strong><span>Direkt im Chat<\/span><\/span>\r\n        <\/div>\r\n\r\n        <div class=\"dx-float-card dx-float-right\" aria-hidden=\"true\">\r\n          <span class=\"dx-float-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><ellipse cx=\"12\" cy=\"6\" rx=\"7\" ry=\"3\"\/><path d=\"M5 6v6c0 1.7 3.1 3 7 3s7-1.3 7-3V6M5 12v6c0 1.7 3.1 3 7 3s7-1.3 7-3v-6\"\/><\/svg><\/span>\r\n          <span class=\"dx-float-copy\"><strong>Interne Daten<\/strong><span>Sicher verbunden<\/span><\/span>\r\n        <\/div>\r\n\r\n        <div class=\"dx-prompt-bar\" aria-label=\"Beispielhafte Fragen an Agora\">\r\n          <svg class=\"dx-prompt-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M12 2v20M2 12h20\"\/><\/svg>\r\n          <span class=\"dx-prompt-copy\" data-rotating-prompt>Welche Informationen fehlten unserem Assistant diese Woche?<\/span>\r\n          <span class=\"dx-prompt-send\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 19V5M6 11l6-6 6 6\"\/><\/svg><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dx-stats\" aria-label=\"Die wichtigsten Vorteile\">\r\n        <div class=\"dx-stat\" data-reveal>\r\n          <span class=\"dx-stat-value\"><span data-count=\"1\">1<\/span><\/span>\r\n          <span class=\"dx-stat-label\">zentrale Oberfl\u00e4che statt verstreuter Tools<\/span>\r\n        <\/div>\r\n        <div class=\"dx-stat\" data-reveal style=\"--dx-delay:90ms\">\r\n          <span class=\"dx-stat-value\"><span data-count=\"10\">10<\/span>+<\/span>\r\n          <span class=\"dx-stat-label\">integrierte KI- und Analysefunktionen<\/span>\r\n        <\/div>\r\n        <div class=\"dx-stat\" data-reveal style=\"--dx-delay:180ms\">\r\n          <span class=\"dx-stat-value\">0<\/span>\r\n          <span class=\"dx-stat-label\">separate ChatGPT-Plus-Konten pro Mitarbeiter n\u00f6tig<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <section class=\"dx-section\" id=\"dx-funktionen\">\r\n    <div class=\"dx-shell\">\r\n      <div class=\"dx-section-head\">\r\n        <div data-reveal=\"left\">\r\n          <div class=\"dx-kicker\">Nicht nur chatten. Arbeiten.<\/div>\r\n          <h2>Die KI, die Ihr Unternehmen wirklich kennt.<\/h2>\r\n        <\/div>\r\n        <p class=\"dx-section-intro\" data-reveal=\"right\">\r\n          Ein Standard-Chat kennt die Welt. Agora kennt zus\u00e4tzlich Ihr Unternehmen: Ihre freigegebenen Wissensdaten, Ihre Assistenten, Ihre Dokumente, Ihre G\u00e4stefragen und Ihre operativen Zusammenh\u00e4nge. Genau daraus entsteht ein internes Werkzeug, das Mitarbeiter im Alltag sp\u00fcrbar schneller macht.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"dx-value-grid\">\r\n        <article class=\"dx-card dx-card-large dx-card-dark\" data-reveal>\r\n          <span class=\"dx-card-number\" aria-hidden=\"true\">01<\/span>\r\n          <span class=\"dx-icon-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3a5 5 0 0 0-5 5v1a4 4 0 0 0-3 4v5h16v-5a4 4 0 0 0-3-4V8a5 5 0 0 0-5-5Z\"\/><path d=\"M9 18v3M15 18v3\"\/><\/svg><\/span>\r\n          <h3>Leistungsf\u00e4hige OpenAI-KI direkt in Agora<\/h3>\r\n          <p>Agora nutzt die jeweils von DEXDOT f\u00fcr den produktiven Einsatz freigegebenen, leistungsf\u00e4higsten OpenAI-Modelle. Ihr Team arbeitet in einer vertrauten Oberfl\u00e4che \u2013 ohne zus\u00e4tzliche Einzelkonten und ohne Medienbruch.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"dx-card dx-card-small dx-card-accent\" data-reveal style=\"--dx-delay:90ms\">\r\n          <span class=\"dx-card-number\" aria-hidden=\"true\">02<\/span>\r\n          <span class=\"dx-icon-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 5h16v14H4z\"\/><path d=\"M8 9h8M8 13h5\"\/><\/svg><\/span>\r\n          <h3>Ihr Wissen. Ihre Prozesse. Ihre Antworten.<\/h3>\r\n          <p>\u00dcber RAG greift der Internal Chat auf die freigegebenen Wissensdaten des gew\u00e4hlten Assistants zu. So werden aus allgemeinen KI-Antworten konkrete, unternehmensbezogene Hilfestellungen.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"dx-card dx-card-third\" data-reveal>\r\n          <span class=\"dx-icon-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 19V9M10 19V5M16 19v-7M22 19V3\"\/><\/svg><\/span>\r\n          <h3>Analytics in Alltagssprache<\/h3>\r\n          <p>Fragen Sie einfach, was G\u00e4ste wissen wollten, welche Themen zunehmen oder wo Wissen fehlt.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"dx-card dx-card-third\" data-reveal style=\"--dx-delay:80ms\">\r\n          <span class=\"dx-icon-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M7 3h7l5 5v13H7z\"\/><path d=\"M14 3v5h5M10 13h6M10 17h4\"\/><\/svg><\/span>\r\n          <h3>Dateien verstehen<\/h3>\r\n          <p>PDF, Word, TXT, CSV, JSON oder HTML hochladen, zusammenfassen, vergleichen und erkl\u00e4ren lassen.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"dx-card dx-card-third\" data-reveal style=\"--dx-delay:160ms\">\r\n          <span class=\"dx-icon-box\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"3\" width=\"6\" height=\"12\" rx=\"3\"\/><path d=\"M5 11a7 7 0 0 0 14 0M12 18v3M8 21h8\"\/><\/svg><\/span>\r\n          <h3>Sprechen statt tippen<\/h3>\r\n          <p>Sprache aufnehmen, transkribieren, vor dem Senden pr\u00fcfen und anschlie\u00dfend weiterbearbeiten.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"dx-section dx-premium\">\r\n    <div class=\"dx-shell dx-premium-grid\">\r\n      <div class=\"dx-copy\" data-reveal=\"left\">\r\n        <div class=\"dx-kicker\">Das echte Plus<\/div>\r\n        <h2>Mehr als ein pers\u00f6nlicher KI-Chat.<\/h2>\r\n        <p>\r\n          ChatGPT Plus ist stark f\u00fcr individuelle Aufgaben. Agora geht den entscheidenden Schritt weiter: Die KI wird Teil Ihrer Organisation. Sie verbindet allgemeines Wissen mit Ihren internen Informationen, Ihren Regeln und den echten Fragen Ihrer G\u00e4ste.\r\n        <\/p>\r\n        <ul class=\"dx-checks\">\r\n          <li><span class=\"dx-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"m5 12 4 4L19 6\"\/><\/svg><\/span><span>Kein separates Plus-Abo f\u00fcr jeden einzelnen Mitarbeiter notwendig<\/span><\/li>\r\n          <li><span class=\"dx-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"m5 12 4 4L19 6\"\/><\/svg><\/span><span>Pers\u00f6nlichkeit, Sprache und Stil des gew\u00e4hlten Agora Assistants bleiben erhalten<\/span><\/li>\r\n          <li><span class=\"dx-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"m5 12 4 4L19 6\"\/><\/svg><\/span><span>Interne Fragen und allgemeine Aufgaben auch au\u00dferhalb der \u00f6ffentlichen Widget-Grenzen<\/span><\/li>\r\n          <li><span class=\"dx-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"m5 12 4 4L19 6\"\/><\/svg><\/span><span>Zentrale Chat-Historie mit eigenen URLs und schneller Assistant-Auswahl<\/span><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"dx-ai-card\" data-reveal=\"right\">\r\n        <span class=\"dx-ai-label\"><span class=\"dx-eyebrow-dot\" aria-hidden=\"true\"><\/span> Agora AI Core<\/span>\r\n        <div class=\"dx-ai-core\" aria-hidden=\"true\"><\/div>\r\n        <span class=\"dx-ai-chip dx-chip-a\"><i><\/i> OpenAI Modelle<\/span>\r\n        <span class=\"dx-ai-chip dx-chip-b\"><i><\/i> Interne Daten<\/span>\r\n        <span class=\"dx-ai-chip dx-chip-c\"><i><\/i> Dokumente<\/span>\r\n        <span class=\"dx-ai-chip dx-chip-d\"><i><\/i> Analytics<\/span>\r\n        <div class=\"dx-ai-caption\"><span>Allgemeine KI<\/span><span>+ Ihr Unternehmenswissen<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"dx-section\">\r\n    <div class=\"dx-shell\">\r\n      <div class=\"dx-feature-split\">\r\n        <div class=\"dx-feature-copy\" data-reveal=\"left\">\r\n          <div class=\"dx-kicker\">Analytics ohne Dashboard-Suche<\/div>\r\n          <h3>Fragen Sie Ihre Daten so, wie Sie einen Kollegen fragen w\u00fcrden.<\/h3>\r\n          <p>\r\n            Der Agora Internal Chat wertet externe Kunden-, G\u00e4ste- und Benutzeranfragen aus \u2013 interne Chats werden bewusst ausgeschlossen. So bleiben Tests und Mitarbeiterfragen aus Ihren echten G\u00e4stestatistiken heraus.\r\n          <\/p>\r\n          <div class=\"dx-question-cloud\">\r\n            <div class=\"dx-question\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 5h16v14H4zM8 9h8M8 13h5\"\/><\/svg><span>\u201eWie viele Anfragen hatten wir in den letzten 7 Tagen?\u201c<\/span><\/div>\r\n            <div class=\"dx-question\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 5h16v14H4zM8 9h8M8 13h5\"\/><\/svg><span>\u201eWas waren die h\u00e4ufigsten Themen und \u00fcber welche Kan\u00e4le kamen sie?\u201c<\/span><\/div>\r\n            <div class=\"dx-question\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 5h16v14H4zM8 9h8M8 13h5\"\/><\/svg><span>\u201eWelche Informationen hatte unser Chatbot nicht?\u201c<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <figure class=\"dx-shot\" data-reveal=\"right\" data-tilt>\r\n          <div class=\"dx-agora-ui dx-agora-ui--compact\" role=\"img\" aria-label=\"Nachgebildete Analytics-Ansicht des Agora Internal Chat mit Anfrageanalyse, Themen und Kan\u00e4len\">\r\n            <div class=\"dx-ui-topbar\">\r\n              <div class=\"dx-ui-left\"><span class=\"dx-ui-plus\">+<\/span><div class=\"dx-ui-profile\"><span class=\"dx-ui-appmark\"><\/span><span class=\"dx-ui-name\">Johanna<\/span><span class=\"dx-ui-chevron\"><\/span><\/div><\/div>\r\n              <div class=\"dx-ui-right\"><span class=\"dx-ui-icon dx-ui-notify\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4\"\/><\/svg><\/span><span class=\"dx-ui-usage\">Usage <strong>3%<\/strong><\/span><span class=\"dx-ui-avatar\">AS<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"dx-ui-canvas\">\r\n              <div class=\"dx-ui-chat-body\">\r\n                <div class=\"dx-ui-user-bubble\">Wie viele Anfragen hatten wir die letzten 7 Tage und was waren die Top 5 Themen?<\/div>\r\n                <div class=\"dx-ui-answer\">\r\n                  <h4>Analyse f\u00fcr die letzten 7 Tage<\/h4>\r\n                  <p>Es gab <strong>17 externe Anfragen<\/strong>. Die Nachfrage kam vor allem \u00fcber Terminal: 11, Web: 6.<\/p>\r\n                  <p><strong>Top-5-Themen:<\/strong> Ski-Arena 4 \u00b7 Tickets 3 \u00b7 Aktivit\u00e4ten 3 \u00b7 Pistenrettung 2 \u00b7 \u00d6ffnungszeiten 2<\/p>\r\n                <\/div>\r\n                <div class=\"dx-ui-mini-dashboard\">\r\n                  <div class=\"dx-ui-mini-card\"><strong>Anfragen pro Tag<\/strong><div class=\"dx-ui-linechart\"><svg viewBox=\"0 0 100 44\" preserveAspectRatio=\"none\"><polyline points=\"2,36 18,36 34,36 50,36 66,36 83,6 98,34\" fill=\"none\" stroke=\"#117f72\" stroke-width=\"2.2\"\/><circle cx=\"83\" cy=\"6\" r=\"2.4\" fill=\"#117f72\"\/><\/svg><\/div><\/div>\r\n                  <div class=\"dx-ui-mini-card\"><strong>Top-Themen<\/strong><div class=\"dx-ui-bars\"><div class=\"dx-ui-bar\"><span>Ski-Arena<\/span><span class=\"dx-ui-bar-track\"><i class=\"dx-ui-bar-fill\" style=\"width:100%\"><\/i><\/span><b>4<\/b><\/div><div class=\"dx-ui-bar\"><span>Tickets<\/span><span class=\"dx-ui-bar-track\"><i class=\"dx-ui-bar-fill\" style=\"width:75%\"><\/i><\/span><b>3<\/b><\/div><div class=\"dx-ui-bar\"><span>Aktivit\u00e4ten<\/span><span class=\"dx-ui-bar-track\"><i class=\"dx-ui-bar-fill\" style=\"width:75%\"><\/i><\/span><b>3<\/b><\/div><div class=\"dx-ui-bar\"><span>Pistenrett.<\/span><span class=\"dx-ui-bar-track\"><i class=\"dx-ui-bar-fill\" style=\"width:50%\"><\/i><\/span><b>2<\/b><\/div><\/div><\/div>\r\n                  <div class=\"dx-ui-mini-card\"><strong>Kan\u00e4le<\/strong><div class=\"dx-ui-donut-wrap\"><div class=\"dx-ui-donut\"><b>17<\/b><\/div><div class=\"dx-ui-legend\"><span>Terminal: 11<\/span><span>Web: 6<\/span><\/div><\/div><\/div>\r\n                <\/div>\r\n                <div class=\"dx-ui-bottom-input\"><div class=\"dx-ui-input\"><span class=\"dx-ui-input-plus\">+<\/span><span class=\"dx-ui-placeholder\">Agora fragen<\/span><span class=\"dx-ui-mic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"9\" y=\"3\" width=\"6\" height=\"11\" rx=\"3\"\/><path d=\"M5 11a7 7 0 0 0 14 0\"\/><\/svg><\/span><span class=\"dx-ui-send\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 19V5M6 11l6-6 6 6\"\/><\/svg><\/span><\/div><\/div>\r\n                <div class=\"dx-ui-chat-note\">Interner Chat. Antworten und Analysen bitte bei wichtigen Entscheidungen pr\u00fcfen.<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/figure>\r\n      <\/div>\r\n\r\n      <div class=\"dx-feature-split dx-reverse\">\r\n        <div class=\"dx-feature-copy\" data-reveal=\"right\">\r\n          <div class=\"dx-kicker\">Frei fragen. Intern sicher nutzen.<\/div>\r\n          <h3>Ein Assistent f\u00fcr t\u00e4gliche Arbeit \u2013 nicht nur f\u00fcr den Kundenchat.<\/h3>\r\n          <p>\r\n            Angemeldete Mitarbeiter d\u00fcrfen mehr als G\u00e4ste im \u00f6ffentlichen Webwidget. Sie k\u00f6nnen allgemeine Fragen stellen, interne Informationen auswerten, operative Zusammenh\u00e4nge erkl\u00e4ren lassen und mit dem Wissen des gew\u00e4hlten Assistants arbeiten.\r\n          <\/p>\r\n          <div class=\"dx-tags\" aria-label=\"Beispiele f\u00fcr interne Einsatzbereiche\">\r\n            <span class=\"dx-tag\">Interne Prozesse<\/span>\r\n            <span class=\"dx-tag\">Produktwissen<\/span>\r\n            <span class=\"dx-tag\">Onboarding<\/span>\r\n            <span class=\"dx-tag\">Antwortentw\u00fcrfe<\/span>\r\n            <span class=\"dx-tag\">Recherche<\/span>\r\n            <span class=\"dx-tag\">Zusammenfassungen<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <figure class=\"dx-shot\" data-reveal=\"left\" data-tilt>\r\n          <div class=\"dx-agora-ui dx-agora-ui--compact\" role=\"img\" aria-label=\"Nachgebildete interne Chatansicht mit allgemeiner Frage und ausf\u00fchrlicher Antwort\">\r\n            <div class=\"dx-ui-topbar\">\r\n              <div class=\"dx-ui-left\"><span class=\"dx-ui-plus\">+<\/span><div class=\"dx-ui-profile\"><span class=\"dx-ui-appmark\"><\/span><span class=\"dx-ui-name\">Johanna<\/span><span class=\"dx-ui-chevron\"><\/span><\/div><\/div>\r\n              <div class=\"dx-ui-right\"><span class=\"dx-ui-icon dx-ui-notify\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4\"\/><\/svg><\/span><span class=\"dx-ui-usage\">Usage <strong>3%<\/strong><\/span><span class=\"dx-ui-avatar\">AS<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"dx-ui-canvas\">\r\n              <div class=\"dx-ui-chat-body\">\r\n                <div class=\"dx-ui-user-bubble\">Wie wird das Wetter?<\/div>\r\n                <div class=\"dx-ui-general-answer\">\r\n                  <strong>Aktuelle Wetterlage f\u00fcr Gossensass \/ Colle Isarco:<\/strong> klarer Himmel, derzeit 22,4 \u00b0C und leichter Nordostwind. F\u00fcr heute wird wechselweise sonnig bis leicht bew\u00f6lkt erwartet. Das Wetter eignet sich gut f\u00fcr Aktivit\u00e4ten in Ladurns.\r\n                  <div class=\"dx-ui-weather-facts\"><span>22,4 \u00b0C<\/span><span>Kein Niederschlag<\/span><span>Wind 16 km\/h<\/span><span>Sonnenuntergang 21:07<\/span><\/div>\r\n                <\/div>\r\n                <div class=\"dx-ui-bottom-input\"><div class=\"dx-ui-input\"><span class=\"dx-ui-input-plus\">+<\/span><span class=\"dx-ui-placeholder\">Agora fragen<\/span><span class=\"dx-ui-mic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"9\" y=\"3\" width=\"6\" height=\"11\" rx=\"3\"\/><path d=\"M5 11a7 7 0 0 0 14 0\"\/><\/svg><\/span><span class=\"dx-ui-send\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 19V5M6 11l6-6 6 6\"\/><\/svg><\/span><\/div><\/div>\r\n                <div class=\"dx-ui-chat-note\">Interner Chat. Antworten und Analysen bitte bei wichtigen Entscheidungen pr\u00fcfen.<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/figure>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"dx-section dx-band\">\r\n    <div class=\"dx-shell dx-band-grid\">\r\n      <div data-reveal=\"left\">\r\n        <div class=\"dx-kicker\" style=\"color:var(--dx-green-bright)\">Eine Oberfl\u00e4che. Viele Rollen.<\/div>\r\n        <h2>Der zentrale Arbeitsplatz zwischen Wissen, Kommunikation und Analyse.<\/h2>\r\n        <p>\r\n          Mitarbeiter m\u00fcssen nicht mehr in verschiedenen Bereichen suchen. Sie stellen eine Frage \u2013 Agora verbindet den passenden Assistant, interne Wissensdaten, hochgeladene Dokumente und Nutzungsanalysen.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"dx-pillar-grid\">\r\n        <div class=\"dx-pillar\" data-reveal style=\"--dx-delay:0ms\"><strong>Interner KI-Assistent<\/strong><span>Allgemeine und unternehmensbezogene Aufgaben in nat\u00fcrlicher Sprache.<\/span><\/div>\r\n        <div class=\"dx-pillar\" data-reveal style=\"--dx-delay:70ms\"><strong>RAG & Wissensabfrage<\/strong><span>Antworten auf Basis der freigegebenen Daten des gew\u00e4hlten Assistants.<\/span><\/div>\r\n        <div class=\"dx-pillar\" data-reveal style=\"--dx-delay:140ms\"><strong>Datei-Auswertung<\/strong><span>Dokumente zusammenfassen, vergleichen, erkl\u00e4ren und in Wissen \u00fcberf\u00fchren.<\/span><\/div>\r\n        <div class=\"dx-pillar\" data-reveal style=\"--dx-delay:210ms\"><strong>Visuelle Analytics<\/strong><span>Linecharts, Balkendiagramme, Donut-Charts und kompakte Kennzahlen direkt im Chat.<\/span><\/div>\r\n        <div class=\"dx-pillar\" data-reveal style=\"--dx-delay:280ms\"><strong>Wissensl\u00fccken-Erkennung<\/strong><span>Erkennen, wo G\u00e4ste keine ausreichende Antwort erhalten haben.<\/span><\/div>\r\n        <div class=\"dx-pillar\" data-reveal style=\"--dx-delay:350ms\"><strong>Sprache & Historie<\/strong><span>Spracheingaben bearbeiten und fr\u00fchere interne Chats jederzeit wieder \u00f6ffnen.<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"dx-section dx-section--access\">\r\n    <div class=\"dx-shell\">\r\n      <div class=\"dx-section-head dx-section-head--access\">\r\n        <div data-reveal=\"left\">\r\n          <div class=\"dx-kicker\">So erhalten Sie Zugriff<\/div>\r\n          <h2>F\u00fcr Bestandskunden aktivierbar. F\u00fcr Neukunden direkt w\u00e4hlbar.<\/h2>\r\n          <p class=\"dx-section-intro\">\r\n            Der Internal Chat ist als leistungsstarke Erweiterung f\u00fcr Agora konzipiert. DEXDOT richtet Assistenten, Berechtigungen und Datenzugriffe so ein, dass die L\u00f6sung sauber zu Ihrer Organisation und Ihrem Arbeitsalltag passt.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dx-access-grid\">\r\n        <article class=\"dx-access-card\" data-reveal>\r\n          <span class=\"dx-access-label\">Bereits Agora Kunde?<\/span>\r\n          <h3>Einfach bei uns melden.<\/h3>\r\n          <p>Bestandskunden k\u00f6nnen die Aktivierung direkt bei DEXDOT anfragen. Wir pr\u00fcfen die passende Konfiguration und schalten den Internal Chat f\u00fcr Ihr Team frei.<\/p>\r\n          <a class=\"dx-btn dx-btn-primary\" href=\"\/contact\/\" style=\"margin-top:14px\">\r\n            Aktivierung anfragen\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"dx-access-card\" data-reveal style=\"--dx-delay:100ms\">\r\n          <span class=\"dx-access-label\">Neu bei DEXDOT?<\/span>\r\n          <h3>Von Anfang an mit dem richtigen KI-Arbeitsplatz starten.<\/h3>\r\n          <p>Neue Kunden k\u00f6nnen den Agora Internal Chat nach Wahl direkt in ihre L\u00f6sung aufnehmen \u2013 abgestimmt auf Teams, Assistenten, Wissensquellen und den gew\u00fcnschten Einsatzbereich.<\/p>\r\n          <a class=\"dx-btn dx-btn-secondary\" href=\"\/contact\/\" style=\"margin-top:14px\">\r\n            Beratung vereinbaren\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"dx-section\">\r\n    <div class=\"dx-shell dx-faq\">\r\n      <div data-reveal=\"left\">\r\n        <div class=\"dx-kicker\">H\u00e4ufige Fragen<\/div>\r\n        <h2>Was Unternehmen vor der Aktivierung wissen m\u00f6chten.<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"dx-faq-list\" data-reveal=\"right\">\r\n        <details open>\r\n          <summary>Bekommen wir mit Agora wirklich das \u201ePlus\u201c-Erlebnis von ChatGPT?<\/summary>\r\n          <div class=\"dx-answer\"><strong>Ja \u2013 genau dort, wo es f\u00fcr Ihr Team z\u00e4hlt.<\/strong> Ihre Mitarbeitenden erhalten leistungsf\u00e4hige OpenAI-KI in einer vertrauten Chat-Oberfl\u00e4che, ohne dass f\u00fcr jede Person ein separates Plus-Konto eingerichtet werden muss. Agora geht f\u00fcr Unternehmen sogar weiter: Die KI arbeitet zus\u00e4tzlich mit Ihren freigegebenen internen Daten, Assistenten, Dokumenten und Analytics. Formal ist es kein pers\u00f6nliches ChatGPT-Plus-Abonnement, sondern die auf Ihr Unternehmen zugeschnittene Premium-KI-Erfahrung direkt in Agora.<\/div>\r\n        <\/details>\r\n        <details>\r\n          <summary>Was kann der Internal Chat, das der \u00f6ffentliche Chatbot nicht darf?<\/summary>\r\n          <div class=\"dx-answer\">Er ist nur f\u00fcr angemeldete Mitarbeiter verf\u00fcgbar. Deshalb kann er allgemeine Fragen beantworten, interne Auswertungen durchf\u00fchren, operative Informationen verarbeiten und auf freigegebene interne Wissensdaten zugreifen. Der \u00f6ffentliche Chatbot bleibt weiterhin bewusst auf G\u00e4stethemen und definierte Regeln begrenzt.<\/div>\r\n        <\/details>\r\n        <details>\r\n          <summary>Werden interne Chats in den G\u00e4stestatistiken mitgez\u00e4hlt?<\/summary>\r\n          <div class=\"dx-answer\">Nein. Interne Chats werden bei den Analytics-Auswertungen bewusst ausgeschlossen. Dadurch verf\u00e4lschen Tests, interne Fragen oder Mitarbeiteranalysen nicht die Zahlen echter G\u00e4ste- und Kundenanfragen.<\/div>\r\n        <\/details>\r\n        <details>\r\n          <summary>Welche Dateien k\u00f6nnen Mitarbeiter auswerten?<\/summary>\r\n          <div class=\"dx-answer\">Unter anderem PDF, Word, TXT, CSV, JSON und HTML. Inhalte k\u00f6nnen zusammengefasst, verglichen, erkl\u00e4rt oder als Grundlage f\u00fcr neue G\u00e4steinformationen und Wissensdaten genutzt werden.<\/div>\r\n        <\/details>\r\n        <details>\r\n          <summary>Wie l\u00e4uft die Aktivierung?<\/summary>\r\n          <div class=\"dx-answer\">Bestandskunden melden sich direkt bei DEXDOT. Neue Kunden k\u00f6nnen den Internal Chat bei der Zusammenstellung ihrer Agora-L\u00f6sung ausw\u00e4hlen. Gemeinsam werden Assistenten, Zugriffe und relevante Datenquellen passend konfiguriert.<\/div>\r\n        <\/details>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"dx-section dx-final\">\r\n    <div class=\"dx-shell\">\r\n      <div class=\"dx-final-card\" data-reveal>\r\n        <div class=\"dx-final-inner\">\r\n          <div class=\"dx-kicker\" style=\"color:var(--dx-green-bright)\">Agora Internal Chat<\/div>\r\n          <h2>Geben Sie Ihrem Team nicht nur KI. Geben Sie ihm die KI Ihres Unternehmens.<\/h2>\r\n          <p>\r\n            Ein Chat, der allgemeine Fragen versteht, Ihre internen Informationen kennt, Dokumente auswertet und echte Kundenanfragen analysiert. Genau so wird KI vom netten Extra zum t\u00e4glichen Arbeitswerkzeug.\r\n          <\/p>\r\n          <div class=\"dx-cta-actions\" style=\"margin-top:30px\">\r\n            <a class=\"dx-btn dx-btn-primary\" href=\"\/contact\/\">\r\n              Jetzt aktivieren lassen\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n            <\/a>\r\n            <a class=\"dx-btn dx-btn-secondary\" href=\"\/contact\/\">\r\n              Pers\u00f6nliche Demo anfragen\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <p class=\"dx-legal\">ChatGPT und ChatGPT Plus sind Marken von OpenAI. Der Agora Internal Chat ist ein Produkt bzw. eine Funktion von DEXDOT AI und kein weiterverkauftes ChatGPT-Plus-Abonnement. Verf\u00fcgbare Modelle und Funktionen k\u00f6nnen sich im Zuge technischer Weiterentwicklungen \u00e4ndern.<\/p>\r\n      <div class=\"dx-bottom-disclosure\" data-reveal>\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 11v5M12 8h.01\"\/><\/svg>\r\n        <span><strong>Transparent formuliert:<\/strong> Agora enth\u00e4lt kein weitergegebenes ChatGPT-Plus-Abonnement. Sie erhalten die Premium-KI-Erfahrung direkt in Ihrer DEXDOT-L\u00f6sung \u2013 ohne dass jeder Mitarbeiter ein separates Plus-Konto ben\u00f6tigt.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/article>\r\n\r\n<script>\r\n(() => {\r\n  const root = document.getElementById('dx-agora-launch');\r\n  if (!root || root.dataset.dxReady === '1') return;\r\n  root.dataset.dxReady = '1';\r\n\r\n  const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  const revealItems = root.querySelectorAll('[data-reveal]');\r\n  if ('IntersectionObserver' in window && !reduceMotion) {\r\n    const revealObserver = new IntersectionObserver((entries, observer) => {\r\n      entries.forEach((entry) => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('is-visible');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.13, rootMargin: '0px 0px -7% 0px' });\r\n    revealItems.forEach((item) => revealObserver.observe(item));\r\n  } else {\r\n    revealItems.forEach((item) => item.classList.add('is-visible'));\r\n  }\r\n\r\n  const prompt = root.querySelector('[data-rotating-prompt]');\r\n  const prompts = [\r\n    'Welche Informationen fehlten unserem Assistant diese Woche?',\r\n    'Was waren die Top-Themen der letzten 7 Tage?',\r\n    'Fasse diese PDF in drei S\u00e4tzen zusammen.',\r\n    '\u00dcber welche Kan\u00e4le kamen die meisten Anfragen?',\r\n    'Erstelle aus diesem Dokument eine kurze Antwort f\u00fcr G\u00e4ste.'\r\n  ];\r\n  if (prompt && !reduceMotion) {\r\n    let index = 0;\r\n    window.setInterval(() => {\r\n      prompt.animate([\r\n        { opacity: 1, transform: 'translateY(0)' },\r\n        { opacity: 0, transform: 'translateY(-7px)' }\r\n      ], { duration: 210, easing: 'ease', fill: 'forwards' }).onfinish = () => {\r\n        index = (index + 1) % prompts.length;\r\n        prompt.textContent = prompts[index];\r\n        prompt.animate([\r\n          { opacity: 0, transform: 'translateY(7px)' },\r\n          { opacity: 1, transform: 'translateY(0)' }\r\n        ], { duration: 280, easing: 'ease', fill: 'forwards' });\r\n      };\r\n    }, 3600);\r\n  }\r\n\r\n  const counters = root.querySelectorAll('[data-count]');\r\n  if ('IntersectionObserver' in window && !reduceMotion) {\r\n    const counterObserver = new IntersectionObserver((entries, observer) => {\r\n      entries.forEach((entry) => {\r\n        if (!entry.isIntersecting) return;\r\n        const el = entry.target;\r\n        const target = Number(el.dataset.count || 0);\r\n        const started = performance.now();\r\n        const duration = 900;\r\n        const tick = (now) => {\r\n          const progress = Math.min(1, (now - started) \/ duration);\r\n          const eased = 1 - Math.pow(1 - progress, 3);\r\n          el.textContent = Math.round(target * eased);\r\n          if (progress < 1) requestAnimationFrame(tick);\r\n        };\r\n        requestAnimationFrame(tick);\r\n        observer.unobserve(el);\r\n      });\r\n    }, { threshold: .6 });\r\n    counters.forEach((counter) => counterObserver.observe(counter));\r\n  }\r\n\r\n  if (!reduceMotion && window.matchMedia('(pointer:fine)').matches) {\r\n    root.querySelectorAll('[data-tilt]').forEach((card) => {\r\n      card.addEventListener('mousemove', (event) => {\r\n        const rect = card.getBoundingClientRect();\r\n        const x = (event.clientX - rect.left) \/ rect.width - .5;\r\n        const y = (event.clientY - rect.top) \/ rect.height - .5;\r\n        card.style.transform = `rotateX(${(-y * 3.2).toFixed(2)}deg) rotateY(${(x * 4.2).toFixed(2)}deg) translateY(-2px)`;\r\n      });\r\n      card.addEventListener('mouseleave', () => {\r\n        card.style.transform = '';\r\n      });\r\n    });\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Neu in Agora \u00b7 Internal Chat DEXDOT AI schenkt Kunden das Plus hinter ChatGPT Business \u2013 direkt in Agora. Eine moderne KI-Arbeitsoberfl\u00e4che f\u00fcr Ihr gesamtes Team: mit leistungsf\u00e4higen OpenAI-Modellen, Ihren internen Daten, Dokumenten, Assistenten und Analytics \u2013 alles an einem Ort&#8230;.<\/p>","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-24422","post","type-post","status-publish","format-standard","hentry","category-ai"],"_links":{"self":[{"href":"https:\/\/www.dexdot.it\/it\/wp-json\/wp\/v2\/posts\/24422","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dexdot.it\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dexdot.it\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dexdot.it\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dexdot.it\/it\/wp-json\/wp\/v2\/comments?post=24422"}],"version-history":[{"count":22,"href":"https:\/\/www.dexdot.it\/it\/wp-json\/wp\/v2\/posts\/24422\/revisions"}],"predecessor-version":[{"id":24516,"href":"https:\/\/www.dexdot.it\/it\/wp-json\/wp\/v2\/posts\/24422\/revisions\/24516"}],"wp:attachment":[{"href":"https:\/\/www.dexdot.it\/it\/wp-json\/wp\/v2\/media?parent=24422"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dexdot.it\/it\/wp-json\/wp\/v2\/categories?post=24422"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dexdot.it\/it\/wp-json\/wp\/v2\/tags?post=24422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}