{"id":24456,"date":"2026-07-13T06:08:58","date_gmt":"2026-07-13T05:08:58","guid":{"rendered":"https:\/\/www.dexdot.it\/?page_id=24456"},"modified":"2026-09-29T09:56:00","modified_gmt":"2026-09-29T08:56:00","slug":"chatbots-kundenservice-automatisieren-suedtirol","status":"publish","type":"page","link":"https:\/\/www.dexdot.it\/it\/chatbots-kundenservice-automatisieren-suedtirol\/","title":{"rendered":"Ihr Chatbot: Pers\u00f6nlich, effizient &#038; 24\/7 erreichbar | DEXDOT AI &#8211; S\u00fcdtirol"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"24456\" class=\"elementor elementor-24456\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1ba6c44 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1ba6c44\" 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-9431e35\" data-id=\"9431e35\" 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-3c37c7b elementor-widget elementor-widget-html\" data-id=\"3c37c7b\" 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<!-- AGORA Full Landingpage | WordPress \/ Elementor safe -->\r\n<style>\r\n\r\n    #agora-tourism-landing{\r\n      --bg:#070815; --bg2:#0b0d1d; --surface:#101428; --paper:#f5f6f8; --white:#fff;\r\n      --ink:#101322; --muted:#9fa7bd; --muted2:#656c7e;\r\n      --violet:#8177ff; --violet2:#6258f5; --cyan:#6edcff; --green:#80efb9; --red:#ff98a1;\r\n      --line:rgba(255,255,255,.10); --lineD:rgba(16,19,34,.10);\r\n      --max:1280px; --r:28px; --shadow:0 32px 90px rgba(8,10,28,.18);\r\n    }\r\n    #agora-tourism-landing *{box-sizing:border-box}\r\n    #agora-tourism-landing{scroll-behavior:smooth}\r\n    #agora-tourism-landing{\r\n      margin:0;background:var(--bg);color:#fff;\r\n      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\r\n      -webkit-font-smoothing:antialiased;overflow-x:hidden;\r\n    }\r\n    #agora-tourism-landing a{color:inherit;text-decoration:none}\r\n    #agora-tourism-landing button{font:inherit}\r\n    #agora-tourism-landing ::selection{background:rgba(129,119,255,.35);color:#fff}\r\n    #agora-tourism-landing .shell{\r\n      width:100%;max-width:calc(var(--max) + 128px);margin:0 auto;\r\n      padding-left:64px;padding-right:64px;position:relative;z-index:2;\r\n    }\r\n    #agora-tourism-landing .section{padding:116px 0;position:relative}\r\n    #agora-tourism-landing .light{background:var(--paper);color:var(--ink)}\r\n    #agora-tourism-landing .light2{background:#fff;color:var(--ink)}\r\n    #agora-tourism-landing .dark2{background:#0a0c1a}\r\n    #agora-tourism-landing .eyebrow{margin:0 0 14px;font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#9c96ff}\r\n    #agora-tourism-landing .light .eyebrow, #agora-tourism-landing .light2 .eyebrow{color:#6258f5}\r\n    #agora-tourism-landing .title{margin:0;max-width:1050px;font-size:clamp(44px,5vw,76px);line-height:.99;letter-spacing:-.055em;font-weight:900}\r\n    #agora-tourism-landing .copy{max-width:850px;margin:27px 0 0;font-size:clamp(18px,1.7vw,22px);line-height:1.66;letter-spacing:-.014em;color:#aab1c6}\r\n    #agora-tourism-landing .light .copy, #agora-tourism-landing .light2 .copy{color:#62697a}\r\n    #agora-tourism-landing .grad{background:linear-gradient(100deg,#fff,#afa8ff 48%,#74ddff);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:180% 180%;animation:grad 9s ease infinite}\r\n    @keyframes grad{50%{background-position:100% 50%}}\r\n    #agora-tourism-landing .noise{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.025;background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\")}\r\n    #agora-tourism-landing .reveal{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}\r\n    #agora-tourism-landing .reveal.on{opacity:1;transform:none}#agora-tourism-landing .d1{transition-delay:.08s}#agora-tourism-landing .d2{transition-delay:.16s}#agora-tourism-landing .d3{transition-delay:.24s}\r\n\r\n    \/* HERO *\/\r\n    #agora-tourism-landing .hero{\r\n      min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:88px 0 92px;\r\n      background:\r\n        radial-gradient(circle at 86% 22%,rgba(80,123,255,.20),transparent 29%),\r\n        radial-gradient(circle at 12% 12%,rgba(126,88,255,.17),transparent 30%),\r\n        linear-gradient(135deg,#080917,#0a0d20 52%,#080a17);\r\n    }\r\n    #agora-tourism-landing .hero:after{content:\"\";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 90%);pointer-events:none}\r\n    #agora-tourism-landing .hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);gap:78px;align-items:center}\r\n    #agora-tourism-landing .badge{display:inline-flex;gap:10px;align-items:center;padding:9px 14px;border-radius:999px;border:1px solid rgba(149,140,255,.23);background:rgba(129,119,255,.08);color:#c5c0ff;font-size:12px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}\r\n    #agora-tourism-landing .pulse{width:8px;height:8px;border-radius:50%;background:#9890ff;box-shadow:0 0 0 0 rgba(152,144,255,.4);animation:pulse 2.5s infinite}\r\n    @keyframes pulse{70%{box-shadow:0 0 0 10px rgba(152,144,255,0)}}\r\n    #agora-tourism-landing h1{margin:25px 0 26px;font-size:clamp(61px,7vw,103px);line-height:.91;letter-spacing:-.066em;font-weight:900;max-width:940px}\r\n    #agora-tourism-landing .hero-copy{max-width:790px;margin:0;color:#b7bed2;font-size:clamp(19px,1.7vw,24px);line-height:1.61;letter-spacing:-.016em}#agora-tourism-landing .hero-copy strong{color:#fff}\r\n    #agora-tourism-landing .actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:36px}\r\n    #agora-tourism-landing .btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:16px 22px;border-radius:14px;font-size:15px;font-weight:850;transition:.25s ease}\r\n    #agora-tourism-landing .btn:hover{transform:translateY(-2px)}\r\n    #agora-tourism-landing .primary{background:linear-gradient(135deg,#847aff,#6358f5);box-shadow:0 18px 38px rgba(99,88,245,.28)}\r\n    #agora-tourism-landing .ghost{border:1px solid var(--line);background:rgba(255,255,255,.045)}\r\n    #agora-tourism-landing .hero-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:31px;color:#929ab1;font-size:13px;font-weight:700}\r\n    #agora-tourism-landing .hero-trust span{display:flex;align-items:center;gap:8px}\r\n    #agora-tourism-landing .tick{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:rgba(128,239,185,.08);border:1px solid rgba(128,239,185,.14);color:var(--green);font-size:10px}\r\n\r\n    #agora-tourism-landing .hero-stage{min-height:620px;position:relative}\r\n    #agora-tourism-landing .halo{position:absolute;width:590px;height:590px;border-radius:50%;right:-80px;top:0;background:radial-gradient(circle,rgba(115,103,255,.23),rgba(76,196,255,.07) 40%,transparent 69%);animation:float 8s ease-in-out infinite}\r\n    @keyframes float{50%{transform:translateY(-15px)}}\r\n    #agora-tourism-landing .phone{\r\n      position:absolute;left:68px;right:5px;top:55px;bottom:35px;border-radius:32px;overflow:hidden;\r\n      border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(24,28,54,.97),rgba(10,12,25,.97));\r\n      box-shadow:0 42px 100px rgba(0,0,0,.44);transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);transition:.45s ease;\r\n    }\r\n    #agora-tourism-landing .hero-stage:hover .phone{transform:perspective(1200px) rotateY(-1.5deg) rotateX(0) translateY(-4px)}\r\n    #agora-tourism-landing .phone-top{height:56px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0 18px}\r\n    #agora-tourism-landing .agora-dot{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--violet),var(--cyan));font-weight:900;font-size:12px}\r\n    #agora-tourism-landing .online{margin-left:10px}#agora-tourism-landing .online b{display:block;font-size:11px}#agora-tourism-landing .online span{font-size:9px;color:#74dea4}\r\n    #agora-tourism-landing .phone-body{padding:24px}\r\n    #agora-tourism-landing .quick{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}#agora-tourism-landing .quick span{padding:7px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);color:#8e97b0;font-size:9px}\r\n    #agora-tourism-landing .bubble{max-width:88%;padding:13px 14px;border-radius:14px;font-size:11px;line-height:1.55;margin-bottom:10px;border:1px solid rgba(255,255,255,.07);color:#b7bfd3;background:rgba(255,255,255,.035)}\r\n    #agora-tourism-landing .bubble.ai{margin-left:auto;background:linear-gradient(135deg,rgba(130,120,255,.14),rgba(84,201,255,.05));border-color:rgba(139,130,255,.15)}\r\n    #agora-tourism-landing .status-row{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px}\r\n    #agora-tourism-landing .status-card{padding:13px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}\r\n    #agora-tourism-landing .status-card b{display:block;font-size:10px}#agora-tourism-landing .status-card span{display:block;font-size:9px;color:#7e87a1;margin-top:4px}\r\n    #agora-tourism-landing .floating{position:absolute;z-index:4;padding:14px 16px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(16,19,39,.84);backdrop-filter:blur(16px);box-shadow:0 20px 50px rgba(0,0,0,.26);animation:float 6.5s ease-in-out infinite}\r\n    #agora-tourism-landing .f1{left:2px;top:35px}#agora-tourism-landing .f2{right:-5px;bottom:62px;animation-delay:-2s}#agora-tourism-landing .floating b{display:block;font-size:11px}#agora-tourism-landing .floating span{display:block;margin-top:3px;color:#858da6;font-size:9px}\r\n\r\n    \/* METRICS *\/\r\n    #agora-tourism-landing .metrics{background:#fff;color:var(--ink);border-bottom:1px solid #e8eaf0}#agora-tourism-landing .metrics-grid{display:grid;grid-template-columns:repeat(4,1fr)}\r\n    #agora-tourism-landing .metric{padding:29px 26px;border-right:1px solid #e8eaf0}#agora-tourism-landing .metric:first-child{padding-left:0}#agora-tourism-landing .metric:last-child{border-right:0}#agora-tourism-landing .metric strong{display:block;font-size:30px;letter-spacing:-.045em}#agora-tourism-landing .metric span{display:block;color:#777f91;font-size:12px;line-height:1.45;margin-top:3px}\r\n\r\n    \/* CORE SERVICE *\/\r\n    #agora-tourism-landing .core-head{display:grid;grid-template-columns:1fr .7fr;gap:72px;align-items:end;margin-bottom:58px}\r\n    #agora-tourism-landing .core-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}\r\n    #agora-tourism-landing .core-card{padding:27px;border-radius:24px;border:1px solid var(--lineD);background:#fff;min-height:280px;transition:.3s ease}\r\n    #agora-tourism-landing .core-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(24,29,54,.10)}\r\n    #agora-tourism-landing .core-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#f0efff;color:#6258f5;font-weight:900;margin-bottom:27px}\r\n    #agora-tourism-landing .core-card h3{font-size:22px;letter-spacing:-.03em;margin:0 0 10px}#agora-tourism-landing .core-card p{margin:0;color:#697083;font-size:14px;line-height:1.68}\r\n\r\n    \/* FIVE PILLARS *\/\r\n    #agora-tourism-landing .pillars{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:56px}\r\n    #agora-tourism-landing .pillar{padding:25px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.035);min-height:260px;position:relative;overflow:hidden}\r\n    #agora-tourism-landing .pillar:before{content:\"\";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;top:-90px;background:radial-gradient(circle,rgba(129,119,255,.14),transparent 70%)}\r\n    #agora-tourism-landing .pillar-num{font-size:10px;color:#726bff;font-weight:900;letter-spacing:.1em}#agora-tourism-landing .pillar h3{font-size:21px;letter-spacing:-.03em;margin:20px 0 10px}#agora-tourism-landing .pillar p{font-size:13px;line-height:1.65;color:#969eb5;margin:0}\r\n\r\n    \/* USE CASES *\/\r\n    #agora-tourism-landing .use-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:54px}\r\n    #agora-tourism-landing .use{padding:30px;border-radius:25px;border:1px solid var(--lineD);background:#fff;transition:.3s ease}#agora-tourism-landing .use:hover{transform:translateY(-3px);box-shadow:0 22px 58px rgba(20,24,50,.09)}\r\n    #agora-tourism-landing .use-kicker{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#6258f5}#agora-tourism-landing .use h3{font-size:27px;letter-spacing:-.038em;margin:10px 0}#agora-tourism-landing .use p{font-size:14px;line-height:1.66;color:#697083;margin:0}#agora-tourism-landing .chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}#agora-tourism-landing .chips span{padding:7px 10px;border-radius:999px;background:#f4f5f9;color:#6f7688;font-size:10px;font-weight:750}\r\n\r\n    \/* DATA *\/\r\n    #agora-tourism-landing .data-box{margin-top:56px;border-radius:30px;border:1px solid var(--line);background:rgba(255,255,255,.03);overflow:hidden}\r\n    #agora-tourism-landing .data-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);overflow:auto}\r\n    #agora-tourism-landing .data-tab{border:0;background:none;color:#757e98;padding:17px 20px;font-size:11px;font-weight:850;white-space:nowrap;cursor:pointer;border-right:1px solid var(--line)}\r\n    #agora-tourism-landing .data-tab.active{background:rgba(129,119,255,.10);color:#c8c4ff}\r\n    #agora-tourism-landing .data-content{padding:34px;display:grid;grid-template-columns:.65fr 1.35fr;gap:48px;align-items:start}\r\n    #agora-tourism-landing .data-summary h3{font-size:32px;line-height:1.14;letter-spacing:-.04em;margin:8px 0 13px}#agora-tourism-landing .data-summary p{color:#969eb5;font-size:14px;line-height:1.7;margin:0}\r\n    #agora-tourism-landing .data-items{display:flex;gap:8px;flex-wrap:wrap}#agora-tourism-landing .data-items span{padding:10px 12px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:#b0b7ca;font-size:11px;font-weight:700}\r\n\r\n    \/* NETWORK *\/\r\n    #agora-tourism-landing .network{margin-top:48px;border-radius:28px;background:linear-gradient(135deg,#675df1,#5248d2);padding:40px;color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}\r\n    #agora-tourism-landing .network h3{font-size:35px;line-height:1.12;letter-spacing:-.045em;margin:8px 0 13px}#agora-tourism-landing .network p{color:rgba(255,255,255,.78);font-size:15px;line-height:1.7;margin:0}\r\n    #agora-tourism-landing .network-flow{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}#agora-tourism-landing .node{padding:13px 15px;border-radius:14px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:800}#agora-tourism-landing .node.center{background:#fff;color:#554bd4}#agora-tourism-landing .flow-arrow{color:rgba(255,255,255,.5)}\r\n\r\n    \/* CHANNELS *\/\r\n    #agora-tourism-landing .channel-stage{display:grid;grid-template-columns:.76fr 1.24fr;gap:70px;align-items:center;margin-top:58px}\r\n    #agora-tourism-landing .channel-copy p{color:#99a1b7;font-size:16px;line-height:1.7}\r\n    #agora-tourism-landing .channel-orbit{position:relative;min-height:480px;border-radius:30px;border:1px solid var(--line);background:radial-gradient(circle at 50% 50%,rgba(129,119,255,.16),transparent 35%),rgba(255,255,255,.025);overflow:hidden}\r\n    #agora-tourism-landing .orbit-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:32px;display:grid;place-items:center;background:linear-gradient(135deg,#8278ff,#645af5);font-size:21px;font-weight:900;box-shadow:0 20px 60px rgba(98,88,245,.33)}\r\n    #agora-tourism-landing .channel-chip{position:absolute;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:rgba(17,20,41,.86);box-shadow:0 12px 30px rgba(0,0,0,.18);color:#c0c6d8;font-size:10px;font-weight:800;transition:.25s ease}\r\n    #agora-tourism-landing .channel-chip:hover{transform:translateY(-2px);border-color:rgba(149,140,255,.25);color:#fff}\r\n    #agora-tourism-landing .c1{left:7%;top:12%}#agora-tourism-landing .c2{left:39%;top:7%}#agora-tourism-landing .c3{right:7%;top:13%}#agora-tourism-landing .c4{left:4%;top:38%}#agora-tourism-landing .c5{right:4%;top:36%}#agora-tourism-landing .c6{left:8%;bottom:17%}#agora-tourism-landing .c7{left:38%;bottom:8%}#agora-tourism-landing .c8{right:8%;bottom:16%}#agora-tourism-landing .c9{left:27%;top:26%}#agora-tourism-landing .c10{right:24%;top:27%}#agora-tourism-landing .c11{left:25%;bottom:27%}#agora-tourism-landing .c12{right:24%;bottom:28%}#agora-tourism-landing .c13{left:45%;top:19%}\r\n\r\n    \/* QUALITY *\/\r\n    #agora-tourism-landing .quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:54px}\r\n    #agora-tourism-landing .quality-card{border-radius:28px;padding:35px;border:1px solid var(--lineD);background:#fff}#agora-tourism-landing .quality-card.dark{background:#101325;color:#fff;border-color:transparent}\r\n    #agora-tourism-landing .quality-card h3{font-size:30px;letter-spacing:-.04em;margin:9px 0 13px}#agora-tourism-landing .quality-card p{font-size:15px;line-height:1.7;color:#687083;margin:0}#agora-tourism-landing .quality-card.dark p{color:#abb3c8}\r\n    #agora-tourism-landing .steps{display:grid;gap:13px;margin-top:25px}#agora-tourism-landing .qstep{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:start}#agora-tourism-landing .qnum{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#f0efff;color:#6258f5;font-size:10px;font-weight:900}#agora-tourism-landing .dark .qnum{background:rgba(129,119,255,.10);color:#aaa4ff}#agora-tourism-landing .qstep b{display:block;font-size:13px}#agora-tourism-landing .qstep span{display:block;color:#6d7486;font-size:12px;line-height:1.52;margin-top:2px}#agora-tourism-landing .dark .qstep span{color:#919ab1}\r\n\r\n    \/* PROOF \/ MANAGED *\/\r\n    #agora-tourism-landing .proof-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;margin-top:53px}\r\n    #agora-tourism-landing .testimonials{display:grid;gap:13px}#agora-tourism-landing .quote{padding:27px;border-radius:23px;border:1px solid var(--line);background:rgba(255,255,255,.035)}#agora-tourism-landing .quote-mark{font-size:35px;color:#8177ff;font-weight:900;line-height:1}#agora-tourism-landing .quote p{font-size:16px;line-height:1.62;color:#dde1ec;margin:11px 0 20px}#agora-tourism-landing .who{font-size:11px;color:#818aa0}#agora-tourism-landing .who b{display:block;color:#fff;font-size:12px;margin-bottom:3px}\r\n    #agora-tourism-landing .dashboard{border-radius:28px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.025));padding:31px}\r\n    #agora-tourism-landing .dash-top{display:flex;justify-content:space-between;gap:20px;align-items:start}#agora-tourism-landing .dash-top h3{font-size:27px;letter-spacing:-.035em;margin:7px 0 0}#agora-tourism-landing .live-pill{padding:7px 10px;border-radius:999px;background:rgba(128,239,185,.08);border:1px solid rgba(128,239,185,.14);color:var(--green);font-size:9px;font-weight:900}\r\n    #agora-tourism-landing .dash-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:25px}#agora-tourism-landing .dash-stat{padding:17px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}#agora-tourism-landing .dash-stat strong{display:block;font-size:24px}#agora-tourism-landing .dash-stat span{display:block;margin-top:3px;color:#818ba5;font-size:10px}\r\n    #agora-tourism-landing .insight{margin-top:10px;padding:17px;border-radius:14px;background:rgba(129,119,255,.08);border:1px solid rgba(129,119,255,.12)}#agora-tourism-landing .insight b{font-size:11px}#agora-tourism-landing .insight p{color:#9ca5bc;font-size:11px;line-height:1.55;margin:5px 0 0}\r\n\r\n    \/* DIGITAL HUMAN *\/\r\n    #agora-tourism-landing .human-section{overflow:hidden;background:#f5f6f8;color:var(--ink)}\r\n    #agora-tourism-landing .human-grid{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}\r\n    #agora-tourism-landing .human-copy .copy{color:#62697a}\r\n    #agora-tourism-landing .human-points{display:grid;gap:11px;margin-top:28px}#agora-tourism-landing .human-points span{display:flex;gap:10px;align-items:flex-start;color:#4e5567;font-size:14px;line-height:1.55}\r\n    #agora-tourism-landing .avatar-stage{\r\n      min-height:610px;border-radius:34px;position:relative;overflow:hidden;\r\n      background:\r\n        radial-gradient(circle at 50% 40%,rgba(135,123,255,.24),transparent 33%),\r\n        linear-gradient(160deg,#10152d,#080a19);\r\n      box-shadow:0 35px 90px rgba(25,29,55,.18);\r\n    }\r\n    #agora-tourism-landing .avatar-stage:before{content:\"\";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent)}\r\n    #agora-tourism-landing .avatar-label{position:absolute;left:24px;top:22px;z-index:4;color:#9e97ff;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}\r\n    #agora-tourism-landing .avatar-instruction{position:absolute;left:24px;bottom:22px;z-index:4;color:#737e98;font-size:10px;font-weight:750}\r\n    #agora-tourism-landing .avatar-live{position:absolute;right:22px;top:20px;z-index:4;padding:7px 10px;border-radius:999px;color:#80efb9;background:rgba(128,239,185,.07);border:1px solid rgba(128,239,185,.12);font-size:9px;font-weight:900}\r\n    #agora-tourism-landing .human-avatar{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:310px;height:420px;transition:transform .16s ease-out}\r\n    #agora-tourism-landing .neck{position:absolute;width:94px;height:104px;background:linear-gradient(135deg,#cb9f8c,#a97969);left:108px;top:285px;border-radius:35px}\r\n    #agora-tourism-landing .shoulders{position:absolute;width:310px;height:145px;left:0;bottom:0;border-radius:120px 120px 30px 30px;background:linear-gradient(145deg,#282d4f,#14182f);box-shadow:inset 0 1px rgba(255,255,255,.06)}\r\n    #agora-tourism-landing .head{position:absolute;width:198px;height:248px;left:56px;top:52px;border-radius:47% 47% 44% 44% \/ 42% 42% 55% 55%;background:radial-gradient(circle at 42% 32%,#e5b9a2 0,#d6a38e 44%,#b77f70 82%);box-shadow:inset -18px -12px 38px rgba(87,48,46,.18),0 22px 50px rgba(0,0,0,.28)}\r\n    #agora-tourism-landing .hair{position:absolute;left:43px;top:30px;width:220px;height:127px;border-radius:52% 54% 28% 27%;background:linear-gradient(155deg,#2b2429,#17151b 65%);transform:rotate(-2deg);box-shadow:0 18px 28px rgba(0,0,0,.15)}\r\n    #agora-tourism-landing .hair:after{content:\"\";position:absolute;right:4px;top:66px;width:36px;height:105px;border-radius:50%;background:#1a171d;transform:rotate(-8deg)}\r\n    #agora-tourism-landing .ear{position:absolute;width:24px;height:45px;background:#c99381;top:155px;border-radius:50%}#agora-tourism-landing .ear.l{left:48px}#agora-tourism-landing .ear.r{right:48px}\r\n    #agora-tourism-landing .eye{position:absolute;width:35px;height:17px;background:#f5e9e2;border-radius:50%;top:145px;overflow:hidden;box-shadow:inset 0 -2px rgba(77,50,50,.08)}#agora-tourism-landing .eye.l{left:92px}#agora-tourism-landing .eye.r{right:92px}\r\n    #agora-tourism-landing .pupil{position:absolute;width:10px;height:10px;border-radius:50%;background:#2e3c42;left:12px;top:3px;transition:transform .08s linear}#agora-tourism-landing .pupil:after{content:\"\";position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;left:2px;top:1px}\r\n    #agora-tourism-landing .brow{position:absolute;width:40px;height:7px;border-radius:50%;background:#5a3f3a;top:127px}#agora-tourism-landing .brow.l{left:88px;transform:rotate(-5deg)}#agora-tourism-landing .brow.r{right:88px;transform:rotate(5deg)}\r\n    #agora-tourism-landing .nose{position:absolute;left:149px;top:159px;width:13px;height:42px;border-radius:50%;border-right:2px solid rgba(117,72,68,.25);transform:rotate(3deg)}\r\n    #agora-tourism-landing .mouth{position:absolute;left:127px;top:223px;width:57px;height:17px;border-radius:0 0 50% 50%;border-bottom:3px solid #965b61}\r\n    #agora-tourism-landing .earring{position:absolute;top:192px;width:7px;height:14px;border:2px solid #d8b46c;border-radius:50%}#agora-tourism-landing .earring.l{left:54px}#agora-tourism-landing .earring.r{right:54px}\r\n    #agora-tourism-landing .human-overlay{position:absolute;right:18px;bottom:18px;width:185px;padding:15px;border-radius:16px;background:rgba(11,14,31,.74);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(12px);color:#fff}#agora-tourism-landing .human-overlay b{font-size:11px}#agora-tourism-landing .human-overlay span{display:block;color:#8f98b1;font-size:9px;line-height:1.45;margin-top:4px}\r\n\r\n    \/* WORKSPACE *\/\r\n    #agora-tourism-landing .workspace-head{display:grid;grid-template-columns:1fr .72fr;gap:72px;align-items:end;margin-bottom:56px}\r\n    #agora-tourism-landing .workspace-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:15px}\r\n    #agora-tourism-landing .ws{position:relative;overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:24px;padding:25px;min-height:220px;transition:.3s ease}#agora-tourism-landing .ws:hover{transform:translateY(-3px);border-color:rgba(149,140,255,.22);background:rgba(255,255,255,.05)}\r\n    #agora-tourism-landing .ws.big{grid-column:span 6}#agora-tourism-landing .ws.med{grid-column:span 4}#agora-tourism-landing .ws.small{grid-column:span 3}\r\n    #agora-tourism-landing .ws-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:rgba(129,119,255,.10);border:1px solid rgba(129,119,255,.14);color:#aaa4ff;font-weight:900;margin-bottom:26px}#agora-tourism-landing .ws h3{font-size:21px;letter-spacing:-.028em;margin:0 0 8px}#agora-tourism-landing .ws p{font-size:14px;line-height:1.63;color:#929bb1;margin:0}#agora-tourism-landing .ws-tag{position:absolute;right:17px;top:17px;color:#666f89;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}\r\n    #agora-tourism-landing .workspace-message{margin-top:48px;border-radius:27px;background:linear-gradient(135deg,rgba(129,119,255,.14),rgba(83,201,255,.05));border:1px solid rgba(129,119,255,.16);padding:34px;display:flex;justify-content:space-between;gap:40px;align-items:center}#agora-tourism-landing .workspace-message h3{font-size:27px;letter-spacing:-.035em;margin:0 0 7px}#agora-tourism-landing .workspace-message p{color:#9ba4bb;font-size:14px;line-height:1.6;margin:0;max-width:770px}\r\n\r\n    \/* IMPLEMENTATION *\/\r\n    #agora-tourism-landing .launch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:54px}#agora-tourism-landing .launch{padding:30px;border-radius:25px;border:1px solid var(--lineD);background:#fff}#agora-tourism-landing .launch-num{font-size:11px;color:#6258f5;font-weight:900;letter-spacing:.1em}#agora-tourism-landing .launch h3{font-size:23px;letter-spacing:-.03em;margin:18px 0 9px}#agora-tourism-landing .launch p{font-size:14px;line-height:1.65;color:#687083;margin:0}\r\n\r\n    \/* FAQ *\/\r\n    #agora-tourism-landing .faq-wrap{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:start}\r\n    #agora-tourism-landing .faq-list{border-top:1px solid var(--line)}#agora-tourism-landing .faq-item{border-bottom:1px solid var(--line)}#agora-tourism-landing .faq-q{width:100%;border:0;background:none;color:#fff;text-align:left;display:flex;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;font-size:17px;font-weight:800}#agora-tourism-landing .plus{color:#8f88ff;font-size:23px;transition:.25s ease}#agora-tourism-landing .faq-a{max-height:0;overflow:hidden;color:#9da5bb;font-size:14px;line-height:1.7;transition:.35s ease;padding-right:35px}#agora-tourism-landing .faq-item.open .faq-a{max-height:320px;padding-bottom:22px}#agora-tourism-landing .faq-item.open .plus{transform:rotate(45deg)}\r\n\r\n    \/* FINAL *\/\r\n    #agora-tourism-landing .final{min-height:78vh;display:flex;align-items:center;text-align:center;background:radial-gradient(circle at 50% 45%,rgba(112,99,255,.21),transparent 31%),#070815}#agora-tourism-landing .final .shell{display:flex;flex-direction:column;align-items:center}#agora-tourism-landing .final h2{margin:14px auto 23px;max-width:1070px;font-size:clamp(54px,7vw,99px);line-height:.93;letter-spacing:-.064em;font-weight:900}#agora-tourism-landing .final p{max-width:800px;margin:0;color:#a9b1c6;font-size:19px;line-height:1.66}#agora-tourism-landing .final .actions{justify-content:center}#agora-tourism-landing .micro{margin-top:19px;color:#7c849a;font-size:12px}\r\n\r\n    @media(max-width:1180px){\r\n      #agora-tourism-landing .shell{max-width:none;padding-left:48px;padding-right:48px}\r\n      #agora-tourism-landing .hero-grid, #agora-tourism-landing .channel-stage, #agora-tourism-landing .human-grid{grid-template-columns:1fr}\r\n      #agora-tourism-landing .hero-stage{max-width:760px;width:100%;margin:0 auto}\r\n      #agora-tourism-landing .core-grid{grid-template-columns:repeat(2,1fr)}\r\n      #agora-tourism-landing .pillars{grid-template-columns:repeat(2,1fr)}#agora-tourism-landing .pillar:last-child{grid-column:span 2}\r\n      #agora-tourism-landing .data-content, #agora-tourism-landing .network{grid-template-columns:1fr}\r\n      #agora-tourism-landing .quality-grid, #agora-tourism-landing .proof-grid{grid-template-columns:1fr}\r\n      #agora-tourism-landing .workspace-head{grid-template-columns:1fr;gap:20px}\r\n      #agora-tourism-landing .ws.big{grid-column:span 12}#agora-tourism-landing .ws.med, #agora-tourism-landing .ws.small{grid-column:span 6}\r\n    }\r\n    @media(max-width:850px){\r\n      #agora-tourism-landing .shell{padding-left:28px;padding-right:28px}#agora-tourism-landing .section{padding:88px 0}#agora-tourism-landing .hero{min-height:auto;padding:72px 0 78px}\r\n      #agora-tourism-landing h1{font-size:clamp(57px,13vw,84px)}#agora-tourism-landing .hero-copy{font-size:18px}\r\n      #agora-tourism-landing .phone{left:12px;right:0;transform:none}#agora-tourism-landing .hero-stage:hover .phone{transform:none}\r\n      #agora-tourism-landing .metrics-grid{grid-template-columns:1fr 1fr}#agora-tourism-landing .metric:nth-child(2){border-right:0}#agora-tourism-landing .metric:nth-child(-n\/**\/+2){border-bottom:1px solid #e8eaf0}#agora-tourism-landing .metric:nth-child(3){padding-left:0}\r\n      #agora-tourism-landing .core-head{grid-template-columns:1fr;gap:20px}#agora-tourism-landing .use-grid, #agora-tourism-landing .launch-grid{grid-template-columns:1fr}\r\n      #agora-tourism-landing .channel-orbit{min-height:540px}\r\n      #agora-tourism-landing .workspace-grid{grid-template-columns:1fr}#agora-tourism-landing .ws.big, #agora-tourism-landing .ws.med, #agora-tourism-landing .ws.small{grid-column:auto}\r\n      #agora-tourism-landing .workspace-message{display:block}#agora-tourism-landing .workspace-message .btn{margin-top:20px}\r\n      #agora-tourism-landing .faq-wrap{grid-template-columns:1fr}\r\n    }\r\n    @media(max-width:560px){\r\n      #agora-tourism-landing .shell{padding-left:20px;padding-right:20px}#agora-tourism-landing .section{padding:74px 0}\r\n      #agora-tourism-landing h1{font-size:clamp(52px,15vw,70px)}#agora-tourism-landing .title{font-size:clamp(39px,11.5vw,54px)}\r\n      #agora-tourism-landing .actions{display:grid}#agora-tourism-landing .btn{width:100%}#agora-tourism-landing .hero-trust{display:grid;gap:9px}\r\n      #agora-tourism-landing .hero-stage{min-height:485px}#agora-tourism-landing .phone{inset:52px 0 10px}#agora-tourism-landing .f1{left:-2px}#agora-tourism-landing .f2{right:-2px;bottom:26px}\r\n      #agora-tourism-landing .core-grid, #agora-tourism-landing .pillars{grid-template-columns:1fr}#agora-tourism-landing .pillar:last-child{grid-column:auto}\r\n      #agora-tourism-landing .data-content{padding:25px}#agora-tourism-landing .data-tabs{scrollbar-width:none}\r\n      #agora-tourism-landing .channel-orbit{min-height:610px}#agora-tourism-landing .channel-chip{font-size:9px}#agora-tourism-landing .orbit-center{width:100px;height:100px}\r\n      #agora-tourism-landing .c1{left:5%;top:9%}#agora-tourism-landing .c2{left:38%;top:5%}#agora-tourism-landing .c3{right:5%;top:10%}#agora-tourism-landing .c4{left:4%;top:29%}#agora-tourism-landing .c5{right:3%;top:29%}#agora-tourism-landing .c6{left:4%;bottom:16%}#agora-tourism-landing .c7{left:38%;bottom:7%}#agora-tourism-landing .c8{right:4%;bottom:17%}#agora-tourism-landing .c9{left:15%;top:43%}#agora-tourism-landing .c10{right:12%;top:43%}#agora-tourism-landing .c11{left:14%;bottom:31%}#agora-tourism-landing .c12{right:13%;bottom:31%}#agora-tourism-landing .c13{left:38%;top:20%}\r\n      #agora-tourism-landing .human-grid{gap:45px}#agora-tourism-landing .avatar-stage{min-height:540px}#agora-tourism-landing .human-avatar{transform:translate(-50%,-50%) scale(.88)}\r\n      #agora-tourism-landing .faq-a{padding-right:0}\r\n    }\r\n    @media(prefers-reduced-motion:reduce){#agora-tourism-landing *, #agora-tourism-landing *:before, #agora-tourism-landing *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}#agora-tourism-landing .reveal{opacity:1;transform:none}}\r\n  \r\n\/* =========================================================\r\n   AGORA LEGACY PHONE + DIGITAL HUMAN\r\n   Exact visual CSS taken from the supplied current HTML.\r\n   ========================================================= *\/\r\n#agora-tourism-landing{\r\n  --ag-navy:#07142d;\r\n  --ag-navy-2:#0c1d3e;\r\n  --ag-blue:#3b73ff;\r\n  --ag-blue-2:#6a5cff;\r\n  --ag-cyan:#3bd7e8;\r\n  --ag-green:#20c77a;\r\n  --ag-orange:#ff9f43;\r\n}\r\n#agora-tourism-landing .ag-sprite{ position:absolute; width:0; height:0; overflow:hidden; }\r\n#agora-tourism-landing .ag-kicker{\r\n  display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;color:var(--ag-blue);\r\n  font-size:.78rem;font-weight:800;letter-spacing:.13em;line-height:1.3;text-transform:uppercase;\r\n}\r\n#agora-tourism-landing .ag-kicker::before{\r\n  content:\"\";width:24px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--ag-blue),var(--ag-cyan));\r\n}\r\n#agora-tourism-landing .ag-card-label{\r\n  display:inline-block;margin-bottom:10px;color:#78ddff;font-size:.68rem;font-weight:820;letter-spacing:.1em;text-transform:uppercase;\r\n}\r\n\r\n  \/* Phone demo *\/\r\n  #agora-tourism-landing .ag-demo-wrap{ position: relative; display: flex; justify-content: center; align-items: center; min-height: 690px; padding-top: 20px; }\r\n  #agora-tourism-landing .ag-demo-glow{ position: absolute; width: 480px; height: 480px; border-radius: 50%; background: radial-gradient(circle, rgba(59,115,255,.38), rgba(59,215,232,.12) 46%, transparent 72%); filter: blur(18px); animation: agPulse 5s ease-in-out infinite; }\r\n  #agora-tourism-landing .ag-demo-badge{ position: absolute; z-index: 6; top: 72px; right: 2%; display: flex; align-items: center; gap: 8px; padding: 10px 14px; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; color: rgba(255,255,255,.88); background: rgba(7,20,45,.65); box-shadow: 0 10px 35px rgba(0,0,0,.25); font-size: .75rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(12px); transform: rotate(3deg); }\r\n  #agora-tourism-landing .ag-demo-badge span, #agora-tourism-landing .ag-demo-note > span{ width: 8px; height: 8px; border-radius: 50%; background: var(--ag-green); box-shadow: 0 0 0 4px rgba(32,199,122,.14); }\r\n  #agora-tourism-landing .ag-phone{ position: relative; z-index: 3; width: min(390px, 100%); padding: 11px; border: 1px solid rgba(255,255,255,.24); border-radius: 48px; background: linear-gradient(145deg, #171b23, #05070a 48%, #242a33); box-shadow: 0 45px 100px rgba(0,0,0,.48), inset 0 0 0 2px #3a414c, inset 0 0 0 5px #090b0f; transform: perspective(1200px) rotateY(-3deg) rotateX(1deg); transition: transform .5s ease; }\r\n  #agora-tourism-landing .ag-phone:hover{ transform: perspective(1200px) rotateY(0) rotateX(0) translateY(-5px); }\r\n  #agora-tourism-landing .ag-phone::before, #agora-tourism-landing .ag-phone::after{ content: \"\"; position: absolute; left: -4px; width: 4px; border-radius: 3px 0 0 3px; background: linear-gradient(#3e4652, #0f1217); }\r\n  #agora-tourism-landing .ag-phone::before{ top: 115px; height: 78px; }\r\n  #agora-tourism-landing .ag-phone::after{ top: 205px; height: 52px; }\r\n  #agora-tourism-landing .ag-phone__speaker{ position: absolute; z-index: 8; top: 18px; left: 50%; width: 116px; height: 25px; border-radius: 0 0 15px 15px; background: #05070a; transform: translateX(-50%); }\r\n  #agora-tourism-landing .ag-phone__screen{ position: relative; overflow: hidden; height: 650px; border-radius: 38px; color: #12211a; background: #efeae2; }\r\n  #agora-tourism-landing .ag-phone__screen::before{ content: \"\"; position: absolute; inset: 0; opacity: .23; background-image: radial-gradient(circle at 30% 20%, rgba(17,97,62,.18) 0 1px, transparent 1px), radial-gradient(circle at 70% 60%, rgba(17,97,62,.12) 0 1px, transparent 1px); background-size: 22px 22px, 28px 28px; pointer-events: none; }\r\n  #agora-tourism-landing .ag-chat-head{ position: relative; z-index: 2; display: flex; align-items: center; height: 76px; padding: 15px 13px 10px 10px; color: #fff; background: linear-gradient(135deg, #075e54, #0a7b69); }\r\n  #agora-tourism-landing .ag-avatar{ position: relative; display: grid; place-items: center; flex: 0 0 39px; width: 39px; height: 39px; border-radius: 50%; color: #fff; background: linear-gradient(145deg, var(--ag-blue), var(--ag-cyan)); box-shadow: 0 4px 12px rgba(0,0,0,.2); font-size: .72rem; font-weight: 850; letter-spacing: -.04em; }\r\n  #agora-tourism-landing .ag-avatar i{ position: absolute; right: -1px; bottom: 1px; width: 10px; height: 10px; border: 2px solid #0a7465; border-radius: 50%; background: #35df8d; }\r\n  #agora-tourism-landing .ag-chat-title{ display: flex; flex-direction: column; min-width: 0; margin-left: 9px; }\r\n  #agora-tourism-landing .ag-chat-title strong{ font-size: .9rem; line-height: 1.2; }\r\n  #agora-tourism-landing .ag-chat-title small{ display: flex; align-items: center; gap: 5px; color: rgba(255,255,255,.74); font-size: .65rem; white-space: nowrap; }\r\n  #agora-tourism-landing .ag-chat-title small span{ width: 5px; height: 5px; border-radius: 50%; background: #55f0a1; }\r\n  #agora-tourism-landing .ag-chat-actions{ display: flex; align-items: center; gap: 15px; margin-left: auto; color: rgba(255,255,255,.9); }\r\n  #agora-tourism-landing .ag-chat-actions svg{ width: 18px; height: 18px; }\r\n  #agora-tourism-landing .ag-chat-actions > span{ font-size: 1.5rem; line-height: .7; }\r\n  #agora-tourism-landing .ag-scenario-tabs{ position: relative; z-index: 2; display: flex; gap: 5px; padding: 8px 9px; background: #f7faf8; border-bottom: 1px solid rgba(8,94,84,.08); }\r\n  #agora-tourism-landing .ag-scenario-tabs button{ flex: 1; padding: 7px 4px; border: 0; border-radius: 8px; color: #60706a; background: transparent; font-size: .66rem; font-weight: 720; cursor: pointer; transition: .2s ease; }\r\n  #agora-tourism-landing .ag-scenario-tabs button[aria-selected=\"true\"]{ color: #075e54; background: #e2f7ee; box-shadow: inset 0 0 0 1px rgba(7,94,84,.1); }\r\n  #agora-tourism-landing .ag-chat-body{ position: relative; z-index: 1; display: flex; flex-direction: column; gap: 7px; height: 486px; padding: 14px 11px 10px; overflow: hidden; }\r\n  #agora-tourism-landing .ag-chat-date{ align-self: center; margin-bottom: 3px; padding: 4px 9px; border-radius: 8px; color: #596d67; background: rgba(255,255,255,.78); box-shadow: 0 1px 2px rgba(0,0,0,.07); font-size: .58rem; }\r\n  #agora-tourism-landing .ag-message{ position: relative; max-width: 85%; padding: 8px 10px 7px; border-radius: 9px; box-shadow: 0 1px 1px rgba(0,0,0,.08); font-size: .69rem; line-height: 1.4; opacity: 0; transform: translateY(8px) scale(.98); animation: agMessageIn .32s cubic-bezier(.22,.8,.3,1) forwards; }\r\n  #agora-tourism-landing .ag-message--guest{ align-self: flex-end; border-top-right-radius: 3px; background: #d9fdd3; }\r\n  #agora-tourism-landing .ag-message--bot{ align-self: flex-start; border-top-left-radius: 3px; background: #fff; }\r\n  #agora-tourism-landing .ag-message__text{ display: block; padding-right: 30px; }\r\n  #agora-tourism-landing .ag-message__time{ position: absolute; right: 7px; bottom: 4px; color: #7e8b86; font-size: .5rem; white-space: nowrap; }\r\n  #agora-tourism-landing .ag-message--guest .ag-message__time::after{ content: \"\u2713\u2713\"; margin-left: 3px; color: #37a7df; letter-spacing: -2px; }\r\n  #agora-tourism-landing .ag-typing{ align-self: flex-start; display: flex; gap: 4px; padding: 11px 13px; border-radius: 9px 9px 9px 3px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.08); }\r\n  #agora-tourism-landing .ag-typing i{ width: 6px; height: 6px; border-radius: 50%; background: #8b9b96; animation: agTyping 1s ease-in-out infinite; }\r\n  #agora-tourism-landing .ag-typing i:nth-child(2){ animation-delay: .16s; }\r\n  #agora-tourism-landing .ag-typing i:nth-child(3){ animation-delay: .32s; }\r\n  #agora-tourism-landing .ag-chat-compose{ position: absolute; z-index: 3; left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: 7px; padding: 7px 8px 10px; background: rgba(239,234,226,.96); }\r\n  #agora-tourism-landing .ag-compose-box{ display: flex; align-items: center; flex: 1; min-width: 0; height: 42px; padding: 0 12px; border-radius: 24px; color: #7d8a85; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.08); }\r\n  #agora-tourism-landing .ag-emoji{ margin-right: 8px; font-size: 1rem; }\r\n  #agora-tourism-landing .ag-compose-text{ flex: 1; min-width: 0; overflow: hidden; color: #4e5d58; font-size: .68rem; white-space: nowrap; text-overflow: ellipsis; }\r\n  #agora-tourism-landing .ag-compose-text:empty::after{ content: \"Nachricht\"; color: #9ba6a2; }\r\n  #agora-tourism-landing .ag-paperclip{ transform: rotate(-35deg); }\r\n  #agora-tourism-landing .ag-send{ display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; padding: 0; border: 0; border-radius: 50%; color: #fff; background: #18b981; box-shadow: 0 5px 14px rgba(24,185,129,.28); cursor: pointer; }\r\n  #agora-tourism-landing .ag-send svg{ width: 19px; height: 19px; }\r\n  #agora-tourism-landing .ag-control-play{ display: none; }\r\n  #agora-tourism-landing .ag-send.is-paused .ag-control-pause{ display: none; }\r\n  #agora-tourism-landing .ag-send.is-paused .ag-control-play{ display: block; }\r\n  #agora-tourism-landing .ag-demo-note{ position: absolute; z-index: 5; left: 0; bottom: 65px; display: flex; align-items: center; gap: 9px; max-width: 250px; padding: 11px 13px; border: 1px solid rgba(255,255,255,.15); border-radius: 14px; color: rgba(255,255,255,.78); background: rgba(7,20,45,.72); box-shadow: 0 18px 45px rgba(0,0,0,.24); font-size: .67rem; line-height: 1.45; backdrop-filter: blur(12px); transform: rotate(-2deg); }\r\n\r\n  \/* Keyframes *\/\r\n  @keyframes agFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-11px); } }\r\n  @keyframes agPulse { 0%,100% { transform: scale(.95); opacity: .55; } 50% { transform: scale(1.07); opacity: .9; } }\r\n  @keyframes agGradient { to { background-position: 200% center; } }\r\n  @keyframes agMessageIn { to { opacity: 1; transform: none; } }\r\n  @keyframes agTyping { 0%,60%,100% { transform: translateY(0); opacity: .45; } 30% { transform: translateY(-4px); opacity: 1; } }\r\n  @keyframes agSpin { to { transform: rotate(360deg); } }\r\n\r\n  \/* Improved phone *\/\r\n  #agora-tourism-landing .ag-demo-wrap{ perspective: 1600px; }\r\n  #agora-tourism-landing .ag-phone{ position: relative; z-index: 3; width: min(395px, 100%); padding: 11px; border: 1px solid rgba(255,255,255,.28); border-radius: 52px; background: linear-gradient(145deg, #2e343d 0%, #06090d 36%, #1b212b 100%); box-shadow: 0 45px 100px rgba(0,0,0,.48), inset 0 0 0 2px rgba(255,255,255,.06), inset 0 0 0 5px #090b0f; transform: perspective(1200px) rotateY(-6deg) rotateX(2deg); transition: transform .4s ease, box-shadow .4s ease; }\r\n  #agora-tourism-landing .ag-phone:hover{ box-shadow: 0 52px 110px rgba(0,0,0,.52), inset 0 0 0 2px rgba(255,255,255,.08), inset 0 0 0 5px #090b0f; }\r\n  #agora-tourism-landing .ag-phone__key{ position: absolute; right: -3px; width: 4px; border-radius: 4px; background: linear-gradient(180deg, #59616d, #14181f); }\r\n  #agora-tourism-landing .ag-phone__key--one{ top: 128px; height: 64px; }\r\n  #agora-tourism-landing .ag-phone__key--two{ top: 204px; height: 86px; }\r\n  #agora-tourism-landing .ag-phone__key--three{ left: -3px; right: auto; top: 158px; height: 56px; }\r\n  #agora-tourism-landing .ag-phone__shine{ content: \"\"; position: absolute; inset: 12px; border-radius: 42px; background: linear-gradient(125deg, rgba(255,255,255,.14), transparent 28%, transparent 64%, rgba(255,255,255,.08) 78%, transparent 88%); pointer-events: none; mix-blend-mode: screen; }\r\n  #agora-tourism-landing .ag-phone__speaker{ position: absolute; z-index: 12; top: 15px; left: 50%; display: flex; align-items: center; justify-content: center; gap: 8px; width: 132px; height: 34px; border-radius: 999px; background: #05070a; transform: translateX(-50%); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 24px rgba(0,0,0,.18); }\r\n  #agora-tourism-landing .ag-phone__speaker i{ width: 10px; height: 10px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #232833, #090b0f); box-shadow: 0 0 0 2px rgba(255,255,255,.03); }\r\n  #agora-tourism-landing .ag-phone__speaker span{ width: 48px; height: 8px; border-radius: 10px; background: linear-gradient(90deg, #11161d, #272f3a, #11161d); }\r\n  #agora-tourism-landing .ag-phone__screen{ position: relative; overflow: hidden; height: 662px; border-radius: 40px; color: #12211a; background: linear-gradient(180deg, #f3efe8 0%, #eee8e1 100%); }\r\n  #agora-tourism-landing .ag-phone__screen::before{ content:\"\"; position:absolute; inset:0; opacity:.2; background-image: radial-gradient(circle at 30% 20%, rgba(17,97,62,.18) 0 1px, transparent 1px), radial-gradient(circle at 70% 60%, rgba(17,97,62,.1) 0 1px, transparent 1px); background-size: 22px 22px, 28px 28px; pointer-events:none; }\r\n  #agora-tourism-landing .ag-phone__statusbar{ position: absolute; top: 9px; left: 0; right: 0; z-index: 10; display: flex; justify-content: space-between; align-items: center; padding: 2px 18px 0; color: rgba(255,255,255,.96); font-size: .69rem; font-weight: 700; letter-spacing: .03em; }\r\n  #agora-tourism-landing .ag-phone__statusbar div{ display: flex; gap: 8px; align-items: center; }\r\n  #agora-tourism-landing .ag-chat-head{ padding-top: 38px; }\r\n  #agora-tourism-landing .ag-chat-quick{ display: flex; gap: 8px; padding: 0 17px 10px; overflow: hidden; }\r\n  #agora-tourism-landing .ag-chat-quick span{ padding: 7px 11px; border: 1px solid rgba(25,97,64,.1); border-radius: 999px; color: #48655a; background: rgba(255,255,255,.72); font-size: .66rem; font-weight: 700; box-shadow: 0 6px 16px rgba(0,0,0,.05); }\r\n  #agora-tourism-landing .ag-demo-note{ max-width: 370px; }\r\n\r\n  \/* Realistic WhatsApp phone demo *\/\r\n  #agora-tourism-landing .ag-demo-wrap{\r\n    min-height: 720px;\r\n    padding-top: 8px;\r\n    perspective: 1700px;\r\n  }\r\n  #agora-tourism-landing .ag-demo-badge, #agora-tourism-landing .ag-demo-note{\r\n    display: none !important;\r\n  }\r\n  #agora-tourism-landing .ag-demo-glow{\r\n    width: 560px;\r\n    height: 560px;\r\n    opacity: .72;\r\n    background:\r\n      radial-gradient(circle, rgba(14, 128, 102, .24), rgba(59, 215, 232, .1) 44%, transparent 72%);\r\n    filter: blur(22px);\r\n  }\r\n  #agora-tourism-landing .ag-phone{\r\n    width: min(414px, 100%);\r\n    padding: 10px;\r\n    border: 1px solid rgba(255,255,255,.22);\r\n    border-radius: 56px;\r\n    background:\r\n      linear-gradient(145deg, #3b424d 0%, #090c12 34%, #1a2029 67%, #05070b 100%);\r\n    box-shadow:\r\n      0 48px 110px rgba(0,0,0,.48),\r\n      0 10px 28px rgba(15, 185, 129, .08),\r\n      inset 0 0 0 1px rgba(255,255,255,.08),\r\n      inset 0 0 0 5px #070a0f;\r\n  }\r\n  #agora-tourism-landing .ag-phone::before, #agora-tourism-landing .ag-phone::after, #agora-tourism-landing .ag-phone__key{\r\n    background: linear-gradient(180deg, #626b78, #141922);\r\n    box-shadow: inset 1px 0 0 rgba(255,255,255,.12);\r\n  }\r\n  #agora-tourism-landing .ag-phone__shine{\r\n    inset: 11px;\r\n    border-radius: 46px;\r\n    background: linear-gradient(132deg, rgba(255,255,255,.16), transparent 22%, transparent 70%, rgba(255,255,255,.08) 82%, transparent 90%);\r\n    opacity: .72;\r\n  }\r\n  #agora-tourism-landing .ag-phone__speaker{\r\n    top: 17px;\r\n    width: 126px;\r\n    height: 32px;\r\n    border-radius: 999px;\r\n    background: #05070a;\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255,255,255,.06),\r\n      inset 0 -1px 0 rgba(255,255,255,.03),\r\n      0 10px 22px rgba(0,0,0,.2);\r\n  }\r\n  #agora-tourism-landing .ag-phone__screen{\r\n    height: 680px;\r\n    border-radius: 45px;\r\n    background:\r\n      linear-gradient(rgba(239, 234, 226, .92), rgba(239, 234, 226, .92)),\r\n      radial-gradient(circle at 14% 18%, rgba(8, 94, 84, .18) 0 1px, transparent 1.5px),\r\n      radial-gradient(circle at 78% 22%, rgba(8, 94, 84, .12) 0 1px, transparent 1.5px),\r\n      radial-gradient(circle at 28% 72%, rgba(8, 94, 84, .1) 0 1px, transparent 1.5px);\r\n    background-size: auto, 26px 26px, 34px 34px, 30px 30px;\r\n    box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);\r\n  }\r\n  #agora-tourism-landing .ag-phone__screen::before{\r\n    opacity: .28;\r\n    background-image:\r\n      radial-gradient(circle at 20% 30%, rgba(7, 94, 84, .14) 0 1px, transparent 1.5px),\r\n      linear-gradient(135deg, transparent 0 46%, rgba(7,94,84,.08) 47% 49%, transparent 50%),\r\n      linear-gradient(45deg, transparent 0 46%, rgba(7,94,84,.06) 47% 49%, transparent 50%);\r\n    background-size: 24px 24px, 42px 42px, 42px 42px;\r\n  }\r\n  #agora-tourism-landing .ag-phone__statusbar{\r\n    top: 10px;\r\n    padding: 2px 24px 0;\r\n    color: rgba(255,255,255,.96);\r\n    font-size: .68rem;\r\n  }\r\n  #agora-tourism-landing .ag-chat-head{\r\n    height: 84px;\r\n    padding: 37px 13px 11px 10px;\r\n    background: #075e54;\r\n    box-shadow: 0 1px 0 rgba(0,0,0,.1);\r\n  }\r\n  #agora-tourism-landing .ag-avatar{\r\n    flex-basis: 42px;\r\n    width: 42px;\r\n    height: 42px;\r\n    color: #e9fffb;\r\n    background:\r\n      radial-gradient(circle at 50% 35%, rgba(255,255,255,.22), transparent 42%),\r\n      linear-gradient(145deg, #128c7e, #25d366);\r\n  }\r\n  #agora-tourism-landing .ag-avatar i{\r\n    border-color: #075e54;\r\n    background: #25d366;\r\n  }\r\n  #agora-tourism-landing .ag-chat-title strong{\r\n    font-size: .95rem;\r\n    letter-spacing: 0;\r\n  }\r\n  #agora-tourism-landing .ag-chat-title small{\r\n    color: rgba(255,255,255,.78);\r\n    font-size: .66rem;\r\n  }\r\n  #agora-tourism-landing .ag-chat-actions{\r\n    gap: 13px;\r\n  }\r\n  #agora-tourism-landing .ag-chat-actions svg{\r\n    width: 19px;\r\n    height: 19px;\r\n  }\r\n  #agora-tourism-landing .ag-scenario-tabs{\r\n    display: none !important;\r\n  }\r\n  #agora-tourism-landing .ag-chat-body{\r\n    height: 525px;\r\n    gap: 8px;\r\n    padding: 16px 12px 96px;\r\n  }\r\n  #agora-tourism-landing .ag-chat-date{\r\n    padding: 5px 10px;\r\n    border-radius: 8px;\r\n    color: #66746f;\r\n    background: rgba(255,255,255,.84);\r\n    font-size: .59rem;\r\n  }\r\n  #agora-tourism-landing .ag-message{\r\n    max-width: 82%;\r\n    padding: 8px 10px 7px;\r\n    border-radius: 8px;\r\n    box-shadow: 0 1px 1px rgba(11,20,26,.14);\r\n    color: #111b21;\r\n    font-size: .72rem;\r\n    line-height: 1.42;\r\n  }\r\n  #agora-tourism-landing .ag-message--guest{\r\n    border-top-right-radius: 2px;\r\n    background: #d9fdd3;\r\n  }\r\n  #agora-tourism-landing .ag-message--bot{\r\n    border-top-left-radius: 2px;\r\n    background: #fff;\r\n  }\r\n  #agora-tourism-landing .ag-message--guest::after, #agora-tourism-landing .ag-message--bot::after{\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    width: 0;\r\n    height: 0;\r\n    border-top: 8px solid currentColor;\r\n  }\r\n  #agora-tourism-landing .ag-message--guest::after{\r\n    right: -6px;\r\n    color: #d9fdd3;\r\n    border-right: 7px solid transparent;\r\n  }\r\n  #agora-tourism-landing .ag-message--bot::after{\r\n    left: -6px;\r\n    color: #fff;\r\n    border-left: 7px solid transparent;\r\n  }\r\n  #agora-tourism-landing .ag-message__text{\r\n    padding-right: 34px;\r\n  }\r\n  #agora-tourism-landing .ag-message__time{\r\n    color: #667781;\r\n    font-size: .52rem;\r\n  }\r\n  #agora-tourism-landing .ag-typing{\r\n    border-radius: 8px 8px 8px 2px;\r\n  }\r\n  #agora-tourism-landing .ag-chat-quick{\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 78px;\r\n    z-index: 3;\r\n    display: flex;\r\n    gap: 7px;\r\n    padding: 0 14px 12px;\r\n    overflow: hidden;\r\n  }\r\n  #agora-tourism-landing .ag-chat-quick span{\r\n    flex: 0 0 auto;\r\n    padding: 6px 10px;\r\n    border: 1px solid rgba(7, 94, 84, .12);\r\n    border-radius: 999px;\r\n    color: #315e53;\r\n    background: rgba(255,255,255,.82);\r\n    box-shadow: 0 3px 9px rgba(11,20,26,.05);\r\n    font-size: .64rem;\r\n  }\r\n  #agora-tourism-landing .ag-chat-compose{\r\n    min-height: 68px;\r\n    gap: 10px;\r\n    padding: 10px 13px 14px;\r\n    background: #f0ebe4;\r\n  }\r\n  #agora-tourism-landing .ag-compose-box{\r\n    gap: 9px;\r\n    height: 44px;\r\n    padding: 0 15px 0 18px;\r\n    border-radius: 24px;\r\n    color: #667781;\r\n    background: #fff;\r\n    box-shadow: 0 1px 2px rgba(11,20,26,.08);\r\n  }\r\n  #agora-tourism-landing .ag-emoji{\r\n    display: none !important;\r\n  }\r\n  #agora-tourism-landing .ag-compose-text:empty::after{\r\n    content: attr(data-placeholder);\r\n  }\r\n  #agora-tourism-landing .ag-paperclip{\r\n    transform: none;\r\n    display: grid;\r\n    place-items: center;\r\n    width: 20px;\r\n    height: 20px;\r\n    color: #8696a0;\r\n    font-size: .95rem;\r\n    line-height: 1;\r\n  }\r\n  #agora-tourism-landing .ag-send{\r\n    position: relative;\r\n    flex: 0 0 48px;\r\n    width: 48px;\r\n    height: 48px;\r\n    padding: 0;\r\n    border: 0 !important;\r\n    outline: 0 !important;\r\n    align-self: center;\r\n    background: #00a884;\r\n    box-shadow: 0 6px 16px rgba(0,168,132,.26);\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n  #agora-tourism-landing .ag-send:hover, #agora-tourism-landing .ag-send:focus, #agora-tourism-landing .ag-send:focus-visible, #agora-tourism-landing .ag-send:active{\r\n    border: 0 !important;\r\n    outline: 0 !important;\r\n    background: #00a884;\r\n    box-shadow: 0 6px 16px rgba(0,168,132,.26) !important;\r\n  }\r\n  #agora-tourism-landing .ag-send svg{\r\n    display: none !important;\r\n  }\r\n  #agora-tourism-landing .ag-send::before{\r\n    content: \"\";\r\n    width: 18px;\r\n    height: 18px;\r\n    margin-left: 1px;\r\n    background: currentColor;\r\n    clip-path: polygon(9% 6%, 94% 50%, 9% 94%, 25% 56%, 58% 50%, 25% 44%);\r\n    transform: rotate(-2deg);\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    #agora-tourism-landing .ag-demo-wrap{\r\n      min-height: 660px;\r\n    }\r\n    #agora-tourism-landing .ag-phone{\r\n      width: min(362px, 100%);\r\n      border-radius: 48px;\r\n    }\r\n    #agora-tourism-landing .ag-phone__screen{\r\n      height: 624px;\r\n      border-radius: 38px;\r\n    }\r\n    #agora-tourism-landing .ag-phone__speaker{\r\n      width: 112px;\r\n      height: 29px;\r\n    }\r\n    #agora-tourism-landing .ag-chat-head{\r\n      height: 80px;\r\n      padding-top: 35px;\r\n    }\r\n    #agora-tourism-landing .ag-chat-body{\r\n      height: 473px;\r\n      padding-bottom: 94px;\r\n    }\r\n    #agora-tourism-landing .ag-message{\r\n      max-width: 86%;\r\n      font-size: .68rem;\r\n    }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #agora-tourism-landing .ag-phone, #agora-tourism-landing .ag-dh-avatar__head span, #agora-tourism-landing .ag-dh-bubble{ animation: none !important; transform: none !important; }\r\n  }\r\n\r\n  #agora-tourism-landing .ag-future{ color: #fff; background: linear-gradient(145deg, #07142d, #0d234d); }\r\n  #agora-tourism-landing .ag-future .ag-section-head h2{ color: #fff; }\r\n  #agora-tourism-landing .ag-future .ag-kicker{ color: #74dcff; }\r\n  #agora-tourism-landing .ag-future-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }\r\n  #agora-tourism-landing .ag-future-card{ display: grid; grid-template-columns: 200px 1fr; gap: 28px; align-items: center; min-height: 330px; padding: 30px; border: 1px solid rgba(255,255,255,.12); border-radius: 28px; background: rgba(255,255,255,.055); box-shadow: 0 24px 65px rgba(0,0,0,.17); overflow: hidden; }\r\n  #agora-tourism-landing .ag-future-card h3{ color: #fff; font-size: clamp(1.35rem, 2.2vw, 1.85rem); }\r\n  #agora-tourism-landing .ag-future-card p{ margin-bottom: 0; color: rgba(255,255,255,.61); font-size: .88rem; }\r\n  #agora-tourism-landing .ag-card-label{ display: inline-block; margin-bottom: 10px; color: #78ddff; font-size: .68rem; font-weight: 820; letter-spacing: .1em; text-transform: uppercase; }\r\n  #agora-tourism-landing .ag-digital-human{ position: relative; height: 265px; border-radius: 100px 100px 26px 26px; background: radial-gradient(circle at 50% 35%, rgba(59,215,232,.28), transparent 40%), linear-gradient(180deg, rgba(59,115,255,.12), rgba(59,115,255,.02)); overflow: hidden; }\r\n\r\n  \/* Digital humans VRM stage *\/\r\n  #agora-tourism-landing .ag-future-card--human{ grid-template-columns: minmax(280px, .95fr) 1.05fr; }\r\n  #agora-tourism-landing .ag-digital-human{ position: relative; }\r\n  #agora-tourism-landing .ag-dh-stage{ position: relative; height: 360px; border-radius: 30px; border: 1px solid rgba(255,255,255,.14); background: radial-gradient(circle at 50% 18%, rgba(59,215,232,.18), transparent 32%), linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); overflow: hidden; }\r\n  #agora-tourism-landing .ag-dh-canvas{ position: absolute; inset: 0; width: 100%; height: 100%; display: block; z-index: 2; cursor: grab; }\r\n  #agora-tourism-landing .ag-dh-canvas:active{ cursor: grabbing; }\r\n  #agora-tourism-landing .ag-dh-status{ position: absolute; z-index: 4; left: 50%; bottom: 14px; display: flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: rgba(255,255,255,.88); background: rgba(7,20,45,.72); backdrop-filter: blur(10px); font-size: .65rem; font-weight: 750; transform: translateX(-50%); transition: opacity .3s ease; }\r\n  #agora-tourism-landing .ag-dh-status i{ width: 8px; height: 8px; border: 2px solid rgba(255,255,255,.35); border-top-color: #74dcff; border-radius: 50%; animation: agSpin 1s linear infinite; }\r\n  #agora-tourism-landing .ag-dh-stage.has-vrm .ag-dh-status{ opacity: 0; pointer-events: none; }\r\n  #agora-tourism-landing .ag-dh-hint{ position:absolute; z-index:3; right:12px; top:12px; padding:7px 10px; border:1px solid rgba(255,255,255,.13); border-radius:999px; color:rgba(255,255,255,.76); background:rgba(7,20,45,.58); backdrop-filter:blur(9px); font-size:.59rem; font-weight:750; opacity:0; transform:translateY(-4px); transition:opacity .35s ease, transform .35s ease; }\r\n  #agora-tourism-landing .ag-dh-stage.has-vrm .ag-dh-hint{ opacity:1; transform:none; }\r\n  #agora-tourism-landing .ag-dh-stage.has-vrm .ag-dh-fallback{ opacity: 0; pointer-events: none; }\r\n  #agora-tourism-landing .ag-dh-stage.vrm-error .ag-dh-status i{ border: 0; background: #ff9f43; animation: none; }\r\n  #agora-tourism-landing .ag-dh-fallback, #agora-tourism-landing .ag-dh-scene{ position: absolute; inset: 0; }\r\n  #agora-tourism-landing .ag-dh-fallback{ z-index: 1; }\r\n  #agora-tourism-landing .ag-dh-scene{ background: linear-gradient(180deg, rgba(255,255,255,.02), transparent 28%), linear-gradient(180deg, #14315d 0%, #0d2347 100%); }\r\n  #agora-tourism-landing .ag-dh-scene::before{ content: \"\"; position: absolute; left: -20%; right: -20%; bottom: -90px; height: 160px; background: radial-gradient(circle at 50% 0, rgba(255,255,255,.08), transparent 70%); }\r\n  #agora-tourism-landing .ag-dh-kiosk{ position: absolute; right: 24px; bottom: 18px; width: 118px; padding: 8px; border-radius: 18px; background: linear-gradient(145deg, #1f2937, #0e1520); box-shadow: 0 16px 32px rgba(0,0,0,.28); }\r\n  #agora-tourism-landing .ag-dh-screen{ position: relative; height: 210px; border-radius: 14px; background: linear-gradient(180deg, #2a3f61, #101d31); overflow: hidden; }\r\n  #agora-tourism-landing .ag-dh-brand{ padding: 8px 0 2px; color: rgba(255,255,255,.9); text-align: center; font-size: 1.45rem; font-weight: 800; letter-spacing: -.05em; }\r\n  #agora-tourism-landing .ag-dh-bubble{ position: absolute; left: 8px; top: 10px; max-width: 100px; padding: 7px 10px; border-radius: 14px 14px 14px 6px; color: #233047; background: #fff; font-size: .58rem; font-weight: 700; line-height: 1.35; box-shadow: 0 10px 18px rgba(0,0,0,.12); animation: agFloat 4.5s ease-in-out infinite; }\r\n  #agora-tourism-landing .ag-dh-avatar{ position: absolute; left: 50%; bottom: 0; width: 86px; height: 150px; transform: translateX(-50%); }\r\n  #agora-tourism-landing .ag-dh-avatar__hair{ position: absolute; left: 14px; right: 14px; top: 25px; height: 52px; border-radius: 24px 24px 18px 18px; background: #1a2236; }\r\n  #agora-tourism-landing .ag-dh-avatar__head{ position: absolute; left: 20px; right: 20px; top: 38px; height: 56px; border-radius: 24px 24px 20px 20px; background: linear-gradient(145deg, #edc4b0, #d9a58d); }\r\n  #agora-tourism-landing .ag-dh-avatar__head i{ position: absolute; top: 23px; width: 5px; height: 5px; border-radius: 50%; background: #273041; transition: transform .15s ease; }\r\n  #agora-tourism-landing .ag-dh-avatar__head i:first-child{ left: 17px; }\r\n  #agora-tourism-landing .ag-dh-avatar__head i:nth-child(2){ right: 17px; }\r\n  #agora-tourism-landing .ag-dh-avatar__head span{ position: absolute; left: 50%; bottom: 11px; width: 16px; height: 6px; border-bottom: 2px solid rgba(86,47,52,.75); border-radius: 50%; transform: translateX(-50%); animation: agMouth 1.8s ease-in-out infinite; }\r\n  #agora-tourism-landing .ag-dh-avatar__body{ position: absolute; left: 8px; right: 8px; bottom: 0; height: 88px; border-radius: 26px 26px 8px 8px; background: linear-gradient(145deg, #163e79, #0d2348); }\r\n  #agora-tourism-landing .ag-dh-guest{ position: absolute; left: 18px; bottom: 18px; width: 88px; height: 190px; border-radius: 46px 46px 8px 8px; background: linear-gradient(145deg, #111c2b, #0a1018); box-shadow: inset 24px 0 0 #d08d24; }\r\n  #agora-tourism-landing .ag-dh-guest::before{ content: \"\"; position: absolute; left: 18px; top: -20px; width: 54px; height: 54px; border-radius: 50%; background: #10161e; box-shadow: inset -8px -10px 0 rgba(255,255,255,.06); }\r\n  #agora-tourism-landing .ag-dh-meta{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }\r\n  #agora-tourism-landing .ag-dh-meta span{ padding: 8px 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: rgba(255,255,255,.82); background: rgba(255,255,255,.06); font-size: .64rem; font-weight: 780; letter-spacing: .03em; }\r\n\r\n  @keyframes agMouth { 0%, 100% { transform: translateX(-50%) scaleX(1) scaleY(1);} 25% { transform: translateX(-50%) scaleX(1.12) scaleY(1.7);} 50% { transform: translateX(-50%) scaleX(.88) scaleY(1.35);} 75% { transform: translateX(-50%) scaleX(1.05) scaleY(.9);} }\r\n\r\n\r\n  #agora-tourism-landing .ag-future-grid{ align-items: stretch; }\r\n  #agora-tourism-landing .ag-future-card--human{ grid-template-columns: minmax(0, 1.03fr) minmax(320px, .97fr); gap: 30px; align-items: stretch; }\r\n  #agora-tourism-landing .ag-future-human__copy{ display: flex; flex-direction: column; }\r\n  #agora-tourism-landing .ag-future-human__copy h3{ color: #fff; font-size: clamp(1.5rem, 2.45vw, 2.18rem); }\r\n  #agora-tourism-landing .ag-future-human__copy p{ color: rgba(255,255,255,.77); font-size: .97rem; }\r\n  #agora-tourism-landing .ag-human-points{ display: grid; gap: 12px; margin-top: 18px; }\r\n  #agora-tourism-landing .ag-human-points > div{ padding: 15px 16px; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; background: rgba(255,255,255,.045); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }\r\n  #agora-tourism-landing .ag-human-points b{ display: block; margin-bottom: 4px; color: #fff; font-size: .88rem; }\r\n  #agora-tourism-landing .ag-human-points span{ color: rgba(255,255,255,.7); font-size: .79rem; line-height: 1.6; }\r\n  #agora-tourism-landing .ag-digital-human--featured{ display: flex; flex-direction: column; justify-content: center; }\r\n  #agora-tourism-landing .ag-dh-stage{ position: relative; min-height: 430px; height: 100%; border-radius: 32px; border: 1px solid rgba(255,255,255,.16); background: radial-gradient(circle at 50% 14%, rgba(59,215,232,.28), transparent 28%), radial-gradient(circle at 50% 80%, rgba(59,115,255,.18), transparent 45%), linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 24px 60px rgba(0,0,0,.18); overflow: hidden; }\r\n  #agora-tourism-landing .ag-dh-canvas{ position: absolute; inset: 0; width: 100%; height: 100%; display: block; z-index: 3; cursor: grab; }\r\n  #agora-tourism-landing .ag-dh-canvas:active{ cursor: grabbing; }\r\n  #agora-tourism-landing .ag-dh-aura{ position: absolute; z-index: 1; left: 50%; top: 30px; width: 78%; height: 78%; border-radius: 50%; background: radial-gradient(circle, rgba(91,237,255,.18), rgba(59,115,255,.07) 45%, transparent 68%); transform: translateX(-50%); filter: blur(6px); }\r\n  #agora-tourism-landing .ag-dh-floor{ position: absolute; z-index: 1; left: 50%; bottom: -24px; width: 74%; height: 90px; border-radius: 50%; background: radial-gradient(circle, rgba(59,115,255,.4), rgba(59,115,255,.06) 58%, transparent 72%); transform: translateX(-50%); }\r\n  #agora-tourism-landing .ag-dh-screen-label{ position: absolute; z-index: 5; left: 14px; top: 14px; padding: 8px 10px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: rgba(255,255,255,.82); background: rgba(7,20,45,.65); backdrop-filter: blur(12px); font-size: .61rem; font-weight: 800; letter-spacing: .08em; }\r\n  #agora-tourism-landing .ag-dh-status{ z-index: 6; }\r\n  #agora-tourism-landing .ag-dh-hint{ z-index: 6; }\r\n  #agora-tourism-landing .ag-dh-stage.has-vrm .ag-dh-fallback{ opacity: 0; pointer-events: none; }\r\n  #agora-tourism-landing .ag-dh-meta{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }\r\n  #agora-tourism-landing .ag-dh-meta span{ padding: 8px 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: rgba(255,255,255,.82); background: rgba(255,255,255,.06); font-size: .64rem; font-weight: 780; letter-spacing: .03em; }\r\n  @media (max-width: 991px) {\r\n    #agora-tourism-landing .ag-future-card--human{ grid-template-columns: 1fr; }\r\n    #agora-tourism-landing .ag-dh-stage{ min-height: 390px; }\r\n  }\r\n  @media (max-width: 767px) {\r\n    #agora-tourism-landing .ag-dh-stage{ min-height: 340px; }\r\n    #agora-tourism-landing .ag-future-human__copy p{ font-size: .92rem; }\r\n  }\r\n\r\n  #agora-tourism-landing .ag-human-showcase{ display:grid; grid-template-columns:minmax(0, 52fr) minmax(0, 48fr); gap:clamp(32px, 5vw, 72px); align-items:center; }\r\n  #agora-tourism-landing .ag-human-showcase__visual, #agora-tourism-landing .ag-human-showcase__copy{ min-width:0; }\r\n  #agora-tourism-landing .ag-human-showcase__visual, #agora-tourism-landing .ag-digital-human, #agora-tourism-landing [data-vrm-wrap]{ height:auto !important; min-height:0 !important; overflow:visible !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; }\r\n  #agora-tourism-landing .ag-digital-human{ position:relative; min-width:0; }\r\n  #agora-tourism-landing .ag-dh-stage{ position:relative; height:clamp(500px, 48vw, 600px); min-height:500px; overflow:hidden; border-radius:0 !important; border:0 !important; background:none !important; box-shadow:none !important; isolation:isolate; touch-action:pan-y; }\r\n  #agora-tourism-landing .ag-dh-stage::after{ content:none !important; display:none !important; }\r\n  #agora-tourism-landing .ag-dh-canvas{ position:absolute; inset:0; z-index:3; display:block; width:100%; height:100%; background:transparent; -webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 48%, rgba(0,0,0,.72) 58%, rgba(0,0,0,.22) 68%, transparent 80%); mask-image:linear-gradient(to bottom, #000 0%, #000 48%, rgba(0,0,0,.72) 58%, rgba(0,0,0,.22) 68%, transparent 80%); }\r\n  #agora-tourism-landing .ag-dh-aura, #agora-tourism-landing .ag-dh-floor{ display:none !important; }\r\n  #agora-tourism-landing .ag-dh-status{ position:absolute; z-index:6; left:50%; bottom:16px; display:flex; align-items:center; gap:8px; max-width:calc(100% - 28px); padding:8px 12px; border:1px solid rgba(255,255,255,.14); border-radius:999px; color:rgba(255,255,255,.9); background:rgba(7,20,45,.72); backdrop-filter:blur(10px); font-size:.72rem; font-weight:750; line-height:1.25; transform:translateX(-50%); transition:opacity .3s ease; white-space:normal; }\r\n  #agora-tourism-landing .ag-dh-status i{ flex:0 0 auto; width:8px; height:8px; border:2px solid rgba(255,255,255,.35); border-top-color:#74dcff; border-radius:50%; animation:agSpin 1s linear infinite; }\r\n  #agora-tourism-landing .ag-dh-hint{ display:none !important; }\r\n  #agora-tourism-landing .ag-dh-stage.has-vrm .ag-dh-status{ opacity:0; pointer-events:none; }\r\n  #agora-tourism-landing .ag-dh-stage.has-vrm .ag-dh-hint{ display:none !important; }\r\n  #agora-tourism-landing .ag-dh-stage.vrm-error .ag-dh-status{ opacity:1; }\r\n  #agora-tourism-landing .ag-dh-stage.vrm-error .ag-dh-status i{ border:0; background:#ff9f43; animation:none; }\r\n  #agora-tourism-landing .ag-dh-fallback, #agora-tourism-landing .ag-dh-scene, #agora-tourism-landing .ag-dh-kiosk, #agora-tourism-landing .ag-dh-avatar, #agora-tourism-landing .ag-dh-guest, #agora-tourism-landing .ag-dh-screen-label, #agora-tourism-landing .ag-dh-meta{ display:none !important; }\r\n  #agora-tourism-landing .ag-human-showcase__copy{ max-width:640px; }\r\n  #agora-tourism-landing .ag-human-showcase__copy .ag-card-label{ display:inline-block; margin-bottom:14px; color:#74dcff; font-size:.76rem; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }\r\n  #agora-tourism-landing .ag-human-showcase__copy h3{ max-width:620px; color:#fff; font-size:clamp(1.75rem, 2.85vw, 2.7rem); line-height:1.12; letter-spacing:0; }\r\n  #agora-tourism-landing .ag-human-showcase__copy p{ max-width:620px; color:rgba(255,255,255,.78); font-size:clamp(.98rem, 1.1vw, 1.08rem); line-height:1.72; }\r\n  #agora-tourism-landing .ag-human-showcase__copy .ag-human-positioning{ color:rgba(255,255,255,.68); font-size:.94rem; }\r\n  #agora-tourism-landing .ag-human-points{ display:grid; gap:10px; margin:22px 0 0; padding:0; list-style:none; }\r\n  #agora-tourism-landing .ag-human-points li{ position:relative; padding-left:0; color:rgba(255,255,255,.9); font-size:.96rem; line-height:1.45; }\r\n  #agora-tourism-landing .ag-human-points li::before{ content:\"\"; position:absolute; left:0; top:.48em; width:9px; height:9px; border-radius:50%; background:#74dcff; box-shadow:0 0 16px rgba(116,220,255,.45); }\r\n  #agora-tourism-landing .ag-future-card, #agora-tourism-landing .ag-future-card--human, #agora-tourism-landing .ag-future-card--alps{ all:unset; }\r\n  @media (max-width: 1080px) {\r\n    #agora-tourism-landing .ag-human-showcase{ grid-template-columns:minmax(0, 1fr) minmax(0, .95fr); gap:34px; }\r\n    #agora-tourism-landing .ag-dh-stage{ height:480px; min-height:480px; }\r\n  }\r\n  @media (max-width: 860px) {\r\n    #agora-tourism-landing .ag-human-showcase{ grid-template-columns:1fr; }\r\n    #agora-tourism-landing .ag-human-showcase__visual{ order:1; }\r\n    #agora-tourism-landing .ag-human-showcase__copy{ order:2; max-width:none; }\r\n    #agora-tourism-landing .ag-dh-stage{ height:430px; min-height:430px; }\r\n  }\r\n  @media (max-width: 767px) {\r\n    #agora-tourism-landing .ag-human-showcase{ gap:24px; }\r\n    #agora-tourism-landing .ag-dh-stage{ height:clamp(340px, 108vw, 420px); min-height:340px; }\r\n    #agora-tourism-landing .ag-dh-hint{ display:none; }\r\n    #agora-tourism-landing .ag-human-showcase__copy h3{ font-size:clamp(1.45rem, 7vw, 2.05rem); }\r\n    #agora-tourism-landing .ag-human-showcase__copy p{ font-size:.95rem; line-height:1.65; }\r\n  }\r\n\r\n\/* Only container-fit adjustments for the redesigned homepage. *\/\r\n#agora-tourism-landing .hero .ag-demo-wrap{ width:100%; }\r\n#agora-tourism-landing .ag-future{\r\n  color:#fff;\r\n  background:linear-gradient(145deg,#07142d,#0d234d);\r\n}\r\n#agora-tourism-landing .ag-future .shell{ position:relative; }\r\n#agora-tourism-landing .ag-human-showcase__copy h3{ margin-top:0; }\r\n\r\n\r\n    \/* LIVE TRANSLATION *\/\r\n    #agora-tourism-landing .ws.translate{\r\n      grid-column:span 12;\r\n      min-height:330px;\r\n      display:grid;\r\n      grid-template-columns:.92fr 1.08fr;\r\n      gap:34px;\r\n      align-items:center;\r\n      padding:31px;\r\n      background:\r\n        radial-gradient(circle at 86% 15%,rgba(110,220,255,.13),transparent 28%),\r\n        radial-gradient(circle at 72% 90%,rgba(129,119,255,.16),transparent 31%),\r\n        rgba(255,255,255,.035);\r\n    }\r\n    #agora-tourism-landing .ws.translate:hover{transform:none}\r\n    #agora-tourism-landing .translate-copy{position:relative;z-index:2}\r\n    #agora-tourism-landing .translate-copy .ws-icon{margin-bottom:23px}\r\n    #agora-tourism-landing .translate-copy h3{font-size:30px;margin-bottom:11px}\r\n    #agora-tourism-landing .translate-copy p{max-width:610px}\r\n    #agora-tourism-landing .translate-modes{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}\r\n    #agora-tourism-landing .translate-modes span{\r\n      padding:7px 9px;border-radius:999px;\r\n      border:1px solid rgba(255,255,255,.08);\r\n      background:rgba(255,255,255,.035);\r\n      color:#a9b1c5;font-size:9px;font-weight:850;letter-spacing:.025em;\r\n    }\r\n    #agora-tourism-landing .translate-demo{\r\n      border:1px solid rgba(255,255,255,.09);\r\n      background:rgba(6,8,20,.54);\r\n      border-radius:21px;\r\n      padding:20px;\r\n      box-shadow:0 24px 55px rgba(0,0,0,.18);\r\n    }\r\n    #agora-tourism-landing .translate-head{\r\n      display:flex;align-items:center;gap:10px;\r\n      min-height:31px;padding-bottom:15px;margin-bottom:14px;\r\n      border-bottom:1px solid rgba(255,255,255,.075);\r\n      color:#e9ebf5;font-size:11px;font-weight:850;\r\n    }\r\n    #agora-tourism-landing .translate-head b{color:#8177ff;font-size:16px}\r\n    #agora-tourism-landing .translate-head em{\r\n      margin-left:auto;display:flex;align-items:center;gap:6px;\r\n      color:#80efb9;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.08em;\r\n    }\r\n    #agora-tourism-landing .translate-head em i{\r\n      width:6px;height:6px;border-radius:50%;background:#80efb9;\r\n      box-shadow:0 0 0 0 rgba(128,239,185,.35);\r\n      animation:translationPulse 2s infinite;\r\n    }\r\n    @keyframes translationPulse{70%{box-shadow:0 0 0 8px rgba(128,239,185,0)}}\r\n    #agora-tourism-landing .translate-message{\r\n      padding:13px 14px;margin-top:9px;border-radius:13px;\r\n      background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.065);\r\n    }\r\n    #agora-tourism-landing .translate-message.translated{\r\n      background:linear-gradient(135deg,rgba(129,119,255,.11),rgba(110,220,255,.035));\r\n      border-color:rgba(129,119,255,.14);\r\n    }\r\n    #agora-tourism-landing .translate-message small{\r\n      display:block;margin-bottom:5px;color:#727d99;\r\n      font-size:7px;font-weight:900;letter-spacing:.10em;\r\n    }\r\n    #agora-tourism-landing .translate-message p{\r\n      margin:0;color:#d9deeb;font-size:11px;line-height:1.52;\r\n    }\r\n    #agora-tourism-landing .audio-wave{height:17px;display:flex;align-items:center;gap:3px;margin-top:8px}\r\n    #agora-tourism-landing .audio-wave i{\r\n      display:block;width:3px;border-radius:999px;background:#8177ff;\r\n      animation:translationWave 1.08s ease-in-out infinite;\r\n    }\r\n    #agora-tourism-landing .audio-wave i:nth-child(1){height:4px}\r\n    #agora-tourism-landing .audio-wave i:nth-child(2){height:10px;animation-delay:.10s}\r\n    #agora-tourism-landing .audio-wave i:nth-child(3){height:6px;animation-delay:.20s}\r\n    #agora-tourism-landing .audio-wave i:nth-child(4){height:15px;animation-delay:.30s}\r\n    #agora-tourism-landing .audio-wave i:nth-child(5){height:9px;animation-delay:.40s}\r\n    #agora-tourism-landing .audio-wave i:nth-child(6){height:13px;animation-delay:.50s}\r\n    #agora-tourism-landing .audio-wave i:nth-child(7){height:5px;animation-delay:.60s}\r\n    @keyframes translationWave{50%{transform:scaleY(1.28);opacity:1}0%,100%{opacity:.42}}\r\n    #agora-tourism-landing .translate-output{display:flex;gap:7px;justify-content:flex-end;margin-top:11px}\r\n    #agora-tourism-landing .translate-output span{\r\n      padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.045);\r\n      border:1px solid rgba(255,255,255,.065);color:#8f99b0;font-size:8px;font-weight:850;\r\n    }\r\n\r\n  \r\n\r\n\/* =========================================================\r\n   WORDPRESS \/ ELEMENTOR HARDENING\r\n   ========================================================= *\/\r\n#agora-tourism-landing{\r\n  position:relative;\r\n  display:block;\r\n  width:100%;\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n  color:#fff !important;\r\n  background:#070815 !important;\r\n  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif !important;\r\n  -webkit-font-smoothing:antialiased;\r\n}\r\n#agora-tourism-landing *,\r\n#agora-tourism-landing *::before,\r\n#agora-tourism-landing *::after{box-sizing:border-box}\r\n\r\n#agora-tourism-landing h1,\r\n#agora-tourism-landing h2,\r\n#agora-tourism-landing h3,\r\n#agora-tourism-landing h4,\r\n#agora-tourism-landing h5,\r\n#agora-tourism-landing h6,\r\n#agora-tourism-landing p,\r\n#agora-tourism-landing span,\r\n#agora-tourism-landing strong,\r\n#agora-tourism-landing b,\r\n#agora-tourism-landing small,\r\n#agora-tourism-landing li,\r\n#agora-tourism-landing a,\r\n#agora-tourism-landing button{\r\n  font-family:inherit !important;\r\n}\r\n#agora-tourism-landing h1,\r\n#agora-tourism-landing h2,\r\n#agora-tourism-landing h3,\r\n#agora-tourism-landing h4,\r\n#agora-tourism-landing h5,\r\n#agora-tourism-landing h6{\r\n  text-transform:none !important;\r\n}\r\n#agora-tourism-landing a,\r\n#agora-tourism-landing a:link,\r\n#agora-tourism-landing a:visited,\r\n#agora-tourism-landing a:hover,\r\n#agora-tourism-landing a:active{\r\n  color:inherit !important;\r\n  text-decoration:none !important;\r\n}\r\n#agora-tourism-landing .primary,\r\n#agora-tourism-landing .primary:link,\r\n#agora-tourism-landing .primary:visited,\r\n#agora-tourism-landing .primary:hover,\r\n#agora-tourism-landing .primary:active{\r\n  color:#fff !important;\r\n}\r\n#agora-tourism-landing .grad{\r\n  color:transparent !important;\r\n  -webkit-text-fill-color:transparent !important;\r\n}\r\n#agora-tourism-landing .light,\r\n#agora-tourism-landing .light2{color:#101322 !important}\r\n#agora-tourism-landing .dark2,\r\n#agora-tourism-landing .hero{color:#fff !important}\r\n\r\n\/* Keep the decorative grain inside this component, not above WP navigation. *\/\r\n#agora-tourism-landing .noise{\r\n  position:absolute !important;\r\n  inset:0 !important;\r\n  z-index:1 !important;\r\n  width:100% !important;\r\n  height:100% !important;\r\n}\r\n\r\n\/* Reveal fail-safe: page stays readable when Elementor\/optimizer blocks JS. *\/\r\n#agora-tourism-landing .reveal{\r\n  opacity:1 !important;\r\n  transform:none !important;\r\n}\r\n#agora-tourism-landing.ag-motion-ready .reveal{\r\n  opacity:0 !important;\r\n  transform:translateY(24px) !important;\r\n}\r\n#agora-tourism-landing.ag-motion-ready .reveal.on{\r\n  opacity:1 !important;\r\n  transform:none !important;\r\n}\r\n\r\n\/* Avoid clipped descenders in very large headings. *\/\r\n#agora-tourism-landing h1,\r\n#agora-tourism-landing .title{\r\n  overflow:visible !important;\r\n  padding-bottom:.06em !important;\r\n}\r\n#agora-tourism-landing .grad{\r\n  display:inline-block !important;\r\n  line-height:1.03 !important;\r\n  padding-bottom:.09em !important;\r\n  margin-bottom:-.09em !important;\r\n}\r\n\r\n\/* Perfectly center small check icons. *\/\r\n#agora-tourism-landing .tick{\r\n  display:inline-flex !important;\r\n  align-items:center !important;\r\n  justify-content:center !important;\r\n  line-height:1 !important;\r\n  padding:0 !important;\r\n  font-style:normal !important;\r\n  text-align:center !important;\r\n}\r\n\r\n\/* Translation responsiveness *\/\r\n@media(max-width:850px){\r\n  #agora-tourism-landing .ws.translate{\r\n    grid-template-columns:1fr !important;\r\n    gap:24px !important;\r\n  }\r\n}\r\n@media(max-width:560px){\r\n  #agora-tourism-landing .ws.translate{padding:24px !important}\r\n  #agora-tourism-landing .translate-copy h3{font-size:25px !important}\r\n}\r\n\r\n<\/style>\r\n\r\n<main id=\"agora-tourism-landing\">\r\n  <div class=\"noise\" aria-hidden=\"true\"><\/div>\r\n\r\n\r\n  <svg class=\"ag-sprite\" aria-hidden=\"true\" focusable=\"false\">\r\n    <symbol id=\"ag-i-phone\" viewBox=\"0 0 24 24\"><path d=\"M7 3h3l1.5 5-2 1.5a15 15 0 0 0 5 5L16 12.5l5 1.5v3c0 2.2-1.8 4-4 4C9.3 21 3 14.7 3 7a4 4 0 0 1 4-4Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/symbol>\r\n    <symbol id=\"ag-i-play\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><\/circle><path d=\"m10 8 6 4-6 4V8Z\" fill=\"currentColor\"><\/path><\/symbol>\r\n    <symbol id=\"ag-i-pause\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><\/circle><path d=\"M9.5 8v8M14.5 8v8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path><\/symbol>\r\n  <\/svg>\r\n\r\n  <!-- HERO -->\r\n  <section class=\"hero\">\r\n    <div class=\"shell hero-grid\">\r\n      <div>\r\n        <div class=\"badge reveal\"><span class=\"pulse\"><\/span> AGORA \u00b7 Service-KI f\u00fcr den Tourismus<\/div>\r\n        <h1 class=\"reveal d1\">Mehr als Chat.<br><span class=\"grad\">Ein System f\u00fcr Ihren Service.<\/span><\/h1>\r\n        <p class=\"hero-copy reveal d2\">\r\n          AGORA verbindet <strong>24\/7-G\u00e4steservice, aktuelle touristische Daten, alle relevanten Kontaktkan\u00e4le, Digital Humans\r\n          und einen vollst\u00e4ndigen AI Workspace f\u00fcr Ihr Team.<\/strong> Eine zentrale KI-Plattform f\u00fcr Hotels, Skigebiete,\r\n          Skischulen und Destinationen \u2013 anpassbar an Ihren Betrieb statt umgekehrt.\r\n        <\/p>\r\n        <div class=\"actions reveal d3\">\r\n          <a class=\"btn primary\" href=\"https:\/\/www.dexdot.it\/kontakt\/\">Kostenlose Demo buchen \u2192<\/a>\r\n          <a class=\"btn ghost\" href=\"#was-ist-agora\">AGORA entdecken \u2193<\/a>\r\n        <\/div>\r\n        <div class=\"hero-trust reveal d3\">\r\n          <span><i class=\"tick\">\u2713<\/i> 30 Tage kostenlos testen<\/span>\r\n          <span><i class=\"tick\">\u2713<\/i> DSGVO-konform konzipiert<\/span>\r\n          <span><i class=\"tick\">\u2713<\/i> Direkter Support aus S\u00fcdtirol<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      \r\n      <div class=\"ag-demo-wrap reveal d2\" id=\"agora-live-demo\">\r\n        <div class=\"ag-demo-glow\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"ag-phone\" role=\"region\" aria-label=\"Animierte AGORA Chat-Demonstration\">\r\n          <span class=\"ag-phone__key ag-phone__key--one\" aria-hidden=\"true\"><\/span>\r\n          <span class=\"ag-phone__key ag-phone__key--two\" aria-hidden=\"true\"><\/span>\r\n          <span class=\"ag-phone__key ag-phone__key--three\" aria-hidden=\"true\"><\/span>\r\n          <div class=\"ag-phone__shine\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"ag-phone__speaker\" aria-hidden=\"true\"><i><\/i><span><\/span><\/div>\r\n\r\n          <div class=\"ag-phone__screen\">\r\n            <div class=\"ag-phone__statusbar\" aria-hidden=\"true\">\r\n              <b id=\"ag-phone-clock\">10:04<\/b>\r\n              <div><span>5G<\/span><span>\ud83d\udcf6<\/span><span>50%<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"ag-chat-head\">\r\n              <div class=\"ag-avatar\"><span>ag<\/span><i><\/i><\/div>\r\n              <div class=\"ag-chat-title\"><strong>AGORA<\/strong><small><span><\/span> online \u00b7 antwortet sofort<\/small><\/div>\r\n              <div class=\"ag-chat-actions\" aria-hidden=\"true\">\r\n                <svg><use href=\"#ag-i-phone\"><\/use><\/svg><span>\u22ee<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ag-chat-body\" id=\"ag-chat-log\" aria-live=\"polite\" aria-label=\"Chatverlauf\" dir=\"ltr\">\r\n              <div class=\"ag-chat-date\">Heute<\/div>\r\n              <div class=\"ag-message ag-message--guest\"><span class=\"ag-message__text\">Welche Lifte und Rodelbahnen sind heute ge\u00f6ffnet? Wie ist der Schnee?<\/span><span class=\"ag-message__time\">10:04<\/span><\/div>\r\n              <div class=\"ag-message ag-message--bot\"><span class=\"ag-message__text\">Aktuell sind 7 von 8 Liften und alle Hauptpisten ge\u00f6ffnet. Die Rodelbahn Waldweg ist offen. Neuschnee: 8 cm, Bergtemperatur: -4 \u00b0C.<\/span><span class=\"ag-message__time\">10:04<\/span><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ag-chat-quick\" aria-hidden=\"true\">\r\n              <span>Wetter<\/span><span>Events<\/span><span>Anreise<\/span><span>Verf\u00fcgbarkeit<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"ag-chat-compose\">\r\n              <div class=\"ag-compose-box\">\r\n                <span class=\"ag-emoji\" aria-hidden=\"true\">\u263a<\/span>\r\n                <span class=\"ag-compose-text\" id=\"ag-compose-text\" dir=\"ltr\" data-placeholder=\"Nachricht\"><\/span>\r\n                <span class=\"ag-paperclip\" aria-hidden=\"true\">\u2315<\/span>\r\n              <\/div>\r\n              <button type=\"button\" class=\"ag-send\" id=\"ag-chat-control\" aria-label=\"Animation pausieren\">\r\n                <svg class=\"ag-control-pause\" aria-hidden=\"true\"><use href=\"#ag-i-pause\"><\/use><\/svg>\r\n                <svg class=\"ag-control-play\" aria-hidden=\"true\"><use href=\"#ag-i-play\"><\/use><\/svg>\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- METRICS -->\r\n  <section class=\"metrics\">\r\n    <div class=\"shell metrics-grid\">\r\n      <div class=\"metric reveal\"><strong>300.000+<\/strong><span>bereits bearbeitete Anfragen<\/span><\/div>\r\n      <div class=\"metric reveal d1\"><strong>80+<\/strong><span>Sprachen & Dialekte<\/span><\/div>\r\n      <div class=\"metric reveal d2\"><strong>200\/Min.<\/strong><span>intern getestete Lastspitze<\/span><\/div>\r\n      <div class=\"metric reveal d3\"><strong>60+<\/strong><span>Daten- & Serviceverbindungen<\/span><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CORE SERVICE -->\r\n  <section class=\"section light\" id=\"was-ist-agora\">\r\n    <div class=\"shell\">\r\n      <div class=\"core-head\">\r\n        <div>\r\n          <p class=\"eyebrow reveal\">Nicht nur Chat. Echter digitaler G\u00e4steservice.<\/p>\r\n          <h2 class=\"title reveal d1\">AGORA nimmt Arbeit ab,<br>weil Service und Daten zusammenarbeiten.<\/h2>\r\n        <\/div>\r\n        <p class=\"copy reveal d2\" style=\"margin:0;font-size:18px\">\r\n          Viele Bots beantworten statische FAQs. AGORA verbindet Kommunikation, Echtzeitdaten,\r\n          Integrationen, Prozesse und bei Bedarf Ihr Team \u2013 damit aus einer Antwort tats\u00e4chlich Service wird.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"core-grid\">\r\n        <article class=\"core-card reveal\">\r\n          <div class=\"core-ico\">24<\/div><h3>24\/7 sofort erreichbar<\/h3>\r\n          <p>Keine Warteschleife, keine unbeantwortete Nachtanfrage und weniger Druck in saisonalen Spitzen.<\/p>\r\n        <\/article>\r\n        <article class=\"core-card reveal d1\">\r\n          <div class=\"core-ico\">\u21bb<\/div><h3>Aktuelle statt statische Antworten<\/h3>\r\n          <p>Wetter, Events, Pisten-, Lift-, Schnee- oder \u00d6ffnungsstatus k\u00f6nnen automatisiert aus aktuellen Quellen einflie\u00dfen.<\/p>\r\n        <\/article>\r\n        <article class=\"core-card reveal d2\">\r\n          <div class=\"core-ico\">\u2197<\/div><h3>Tief integrierbar<\/h3>\r\n          <p>Hotelsoftware, Buchungsdaten, Standard-Schnittstellen und individuelle APIs \u2013 passend zu Ihrer Systemlandschaft.<\/p>\r\n        <\/article>\r\n        <article class=\"core-card reveal d3\">\r\n          <div class=\"core-ico\">H<\/div><h3>Menschen bleiben im Mittelpunkt<\/h3>\r\n          <p>Routine wird automatisiert. Komplexe Anliegen k\u00f6nnen gezielt an die richtigen Mitarbeitenden \u00fcbergeben werden.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- PRODUCT PILLARS -->\r\n  <section class=\"section\">\r\n    <div class=\"shell\">\r\n      <p class=\"eyebrow reveal\">Warum AGORA nicht in die 08\/15-Chatbot-Schublade passt<\/p>\r\n      <h2 class=\"title reveal d1\">Ein Produkt.<br>F\u00fcnf starke Ebenen.<\/h2>\r\n      <p class=\"copy reveal d2\">\r\n        AGORA ist nicht nur das Chatfenster, das ein Gast sieht. Dahinter steckt eine Plattform,\r\n        die Service \u00fcber Kan\u00e4le, Daten, physische Kontaktpunkte und interne KI-Arbeit hinweg verbindet.\r\n      <\/p>\r\n\r\n      <div class=\"pillars\">\r\n        <article class=\"pillar reveal\"><div class=\"pillar-num\">01 \u00b7 GUEST SERVICE<\/div><h3>24\/7 f\u00fcr G\u00e4ste<\/h3><p>Sofortige, mehrsprachige Antworten aus einer zentralen Wissensbasis.<\/p><\/article>\r\n        <article class=\"pillar reveal d1\"><div class=\"pillar-num\">02 \u00b7 DATA<\/div><h3>Aktuelle Daten<\/h3><p>Touristische Live-Daten und betriebliche Informationen statt statischer FAQ-Texte.<\/p><\/article>\r\n        <article class=\"pillar reveal d2\"><div class=\"pillar-num\">03 \u00b7 CHANNELS<\/div><h3>\u00dcberall erreichbar<\/h3><p>Website, Messenger, E-Mail, Telefon, Social Media und weitere Kontaktpunkte.<\/p><\/article>\r\n        <article class=\"pillar reveal d3\"><div class=\"pillar-num\">04 \u00b7 DIGITAL HUMAN<\/div><h3>Auch vor Ort sichtbar<\/h3><p>Ein interaktives digitales Gegen\u00fcber f\u00fcr Rezeption, Lobby, Talstation oder Infopoint.<\/p><\/article>\r\n        <article class=\"pillar reveal\"><div class=\"pillar-num\">05 \u00b7 AI WORKSPACE<\/div><h3>Auch f\u00fcr Ihr Team<\/h3><p>Chat, Assistenten, Meetings, Live-\u00dcbersetzungen, Agents, Apps und KI-Prozesse innerhalb derselben Produktwelt.<\/p><\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- TOURISM -->\r\n  <section class=\"section light\">\r\n    <div class=\"shell\">\r\n      <p class=\"eyebrow reveal\">F\u00fcr touristische Realit\u00e4t gebaut<\/p>\r\n      <h2 class=\"title reveal d1\">Eine Plattform.<br>Vier besonders starke Einsatzfelder.<\/h2>\r\n      <p class=\"copy reveal d2\">AGORA wird in Inhalt, Verhalten, Design, Kan\u00e4len und Funktionen an den jeweiligen Betrieb angepasst.<\/p>\r\n\r\n      <div class=\"use-grid\">\r\n        <article class=\"use reveal\">\r\n          <div class=\"use-kicker\">Hotels<\/div><h3>Mehr direkte Buchungschancen, weniger Routine.<\/h3>\r\n          <p>Von Verf\u00fcgbarkeit und Angebot bis Late Check-in, Spa, Zusatzleistungen und regionalen Tipps \u2013 bevor aus Interesse ein Absprung wird.<\/p>\r\n          <div class=\"chips\"><span>Verf\u00fcgbarkeit<\/span><span>Pre-Stay<\/span><span>Spa<\/span><span>Upselling<\/span><span>WhatsApp<\/span><\/div>\r\n        <\/article>\r\n        <article class=\"use reveal d1\">\r\n          <div class=\"use-kicker\">Destinationen & Tourismusvereine<\/div><h3>Eine verl\u00e4ssliche Informationsquelle f\u00fcr die ganze Region.<\/h3>\r\n          <p>Events, Aktivit\u00e4ten, Mobilit\u00e4t, G\u00e4stelenkung und regionale Inhalte aus einer konsistenten Datenbasis.<\/p>\r\n          <div class=\"chips\"><span>Events<\/span><span>Mobilit\u00e4t<\/span><span>POIs<\/span><span>Mitgliedsbetriebe<\/span><span>Regionalwissen<\/span><\/div>\r\n        <\/article>\r\n        <article class=\"use reveal\">\r\n          <div class=\"use-kicker\">Skigebiete & Bergbahnen<\/div><h3>Live-Informationen, wenn an Kassa und Lift am meisten los ist.<\/h3>\r\n          <p>Pisten-, Lift-, Schnee- und Rodelstatus, Wetterwarnungen, Tickets, Parken und \u00d6ffnungszeiten automatisch verf\u00fcgbar.<\/p>\r\n          <div class=\"chips\"><span>Pisten<\/span><span>Lifte<\/span><span>Schnee<\/span><span>Warnungen<\/span><span>Anreise<\/span><\/div>\r\n        <\/article>\r\n        <article class=\"use reveal d1\">\r\n          <div class=\"use-kicker\">Skischulen & Verleihe<\/div><h3>Kursfragen automatisch beantworten \u2013 pr\u00e4zise und mehrsprachig.<\/h3>\r\n          <p>Kurse, Preise, Treffpunkte, Voraussetzungen, Verf\u00fcgbarkeit und Ausr\u00fcstung \u2013 auch in Ferien- und Saisonspitzen.<\/p>\r\n          <div class=\"chips\"><span>Kurse<\/span><span>Treffpunkte<\/span><span>Preise<\/span><span>Verleih<\/span><span>80+ Sprachen<\/span><\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- DATA -->\r\n  <section class=\"section dark2\">\r\n    <div class=\"shell\">\r\n      <p class=\"eyebrow reveal\">Daten, die sich selbst aktuell halten<\/p>\r\n      <h2 class=\"title reveal d1\">Von Schneebericht bis Hotelverf\u00fcgbarkeit:<br>AGORA verbindet, was G\u00e4ste wissen wollen.<\/h2>\r\n      <p class=\"copy reveal d2\">\r\n        Statt Informationen mehrfach manuell zu pflegen, kann AGORA automatisierte Datenquellen,\r\n        vorhandene Integrationen, Webimporte und individuelle Schnittstellen nutzen.\r\n      <\/p>\r\n\r\n      <div class=\"data-box reveal\">\r\n        <div class=\"data-tabs\">\r\n          <button class=\"data-tab active\" data-tab=\"basis\">Basisdaten<\/button>\r\n          <button class=\"data-tab\" data-tab=\"mobility\">Mobilit\u00e4t<\/button>\r\n          <button class=\"data-tab\" data-tab=\"leisure\">Freizeit & Orte<\/button>\r\n          <button class=\"data-tab\" data-tab=\"stay\">Unterk\u00fcnfte<\/button>\r\n          <button class=\"data-tab\" data-tab=\"live\">Live-Daten & Betrieb<\/button>\r\n        <\/div>\r\n        <div class=\"data-content\">\r\n          <div class=\"data-summary\">\r\n            <div class=\"eyebrow\">60+ Verbindungen<\/div>\r\n            <h3 id=\"dataTitle\">Wissen, das G\u00e4ste t\u00e4glich brauchen.<\/h3>\r\n            <p id=\"dataCopy\">Eine zentrale Datenbasis f\u00fcr h\u00e4ufige Fragen und dynamische Informationen.<\/p>\r\n          <\/div>\r\n          <div class=\"data-items\" id=\"dataItems\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"network reveal\">\r\n        <div>\r\n          <div class=\"eyebrow\" style=\"color:rgba(255,255,255,.58)\">Der Netzwerk-Effekt<\/div>\r\n          <h3>Eine Destination pflegt.<br>Viele Betriebe profitieren.<\/h3>\r\n          <p>Regionale Informationen k\u00f6nnen zentral bereitgestellt und passenden Mitgliedsbetrieben zur Verf\u00fcgung gestellt werden \u2013 weniger doppelte Pflege, konsistentere Antworten und mehr Sichtbarkeit f\u00fcr lokale Angebote.<\/p>\r\n        <\/div>\r\n        <div class=\"network-flow\">\r\n          <span class=\"node center\">Destination<\/span><span class=\"flow-arrow\">\u2192<\/span><span class=\"node\">Hotels<\/span><span class=\"node\">Skigebiete<\/span><span class=\"node\">Skischulen<\/span><span class=\"node\">Infopoints<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CHANNELS -->\r\n  <section class=\"section\">\r\n    <div class=\"shell\">\r\n      <p class=\"eyebrow reveal\">Wo Ihre G\u00e4ste sind, ist AGORA<\/p>\r\n      <h2 class=\"title reveal d1\">Ein Assistent.<br>Viele Kan\u00e4le. Eine konsistente Antwort.<\/h2>\r\n\r\n      <div class=\"channel-stage\">\r\n        <div class=\"channel-copy reveal\">\r\n          <p>\r\n            Kein Medienbruch und keine mehrfach gepflegten Textbausteine. AGORA kann dieselbe Wissensbasis\r\n            \u00fcber unterschiedliche Kontaktpunkte nutzen \u2013 damit Ihr Service dort erreichbar ist, wo G\u00e4ste tats\u00e4chlich fragen.\r\n          <\/p>\r\n          <div class=\"human-points\">\r\n            <span><i class=\"tick\">\u2713<\/i> Sofortige Antworten auch nachts, am Wochenende und bei Lastspitzen<\/span>\r\n            <span><i class=\"tick\">\u2713<\/i> 80+ Sprachen, ohne dass Ihr Team jede Sprache abdecken muss<\/span>\r\n            <span><i class=\"tick\">\u2713<\/i> Zentrale Auswertung von Anfragen, Trends und Verbesserungspotenzial<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"channel-orbit reveal d1\">\r\n          <div class=\"orbit-center\">AGORA<\/div>\r\n          <span class=\"channel-chip c1\">Website<\/span>\r\n          <span class=\"channel-chip c2\">WhatsApp<\/span>\r\n          <span class=\"channel-chip c3\">Telefon<\/span>\r\n          <span class=\"channel-chip c4\">E-Mail<\/span>\r\n          <span class=\"channel-chip c5\">SMS<\/span>\r\n          <span class=\"channel-chip c6\">Instagram<\/span>\r\n          <span class=\"channel-chip c7\">Booking.com<\/span>\r\n          <span class=\"channel-chip c8\">Facebook Messenger<\/span>\r\n          <span class=\"channel-chip c9\">Telegram<\/span>\r\n          <span class=\"channel-chip c10\">Microsoft Teams<\/span>\r\n          <span class=\"channel-chip c11\">Discord<\/span>\r\n          <span class=\"channel-chip c12\">TikTok<\/span>\r\n          <span class=\"channel-chip c13\">YouTube<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CONTROL -->\r\n  <section class=\"section light2\">\r\n    <div class=\"shell\">\r\n      <p class=\"eyebrow reveal\">Kontrollierte KI statt Blackbox<\/p>\r\n      <h2 class=\"title reveal d1\">Verl\u00e4ssliche Antworten entstehen nicht zuf\u00e4llig.<\/h2>\r\n      <p class=\"copy reveal d2\">\r\n        AGORA arbeitet mit strukturierten Wissens- und Echtzeitdaten. Fehlen Informationen oder wird ein Anliegen komplex,\r\n        kann der Dialog transparent an Mitarbeitende \u00fcbergeben werden.\r\n      <\/p>\r\n\r\n      <div class=\"quality-grid\">\r\n        <article class=\"quality-card reveal\">\r\n          <div class=\"eyebrow\">Antwortqualit\u00e4t<\/div><h3>Daten b\u00fcndeln. Antworten pr\u00fcfen. Kontinuierlich verbessern.<\/h3>\r\n          <div class=\"steps\">\r\n            <div class=\"qstep\"><div class=\"qnum\">01<\/div><div><b>Daten b\u00fcndeln<\/b><span>FAQs, \u00d6ffnungszeiten, Angebote, Events und Systeme werden strukturiert.<\/span><\/div><\/div>\r\n            <div class=\"qstep\"><div class=\"qnum\">02<\/div><div><b>Antworten validieren<\/b><span>Die Antwortlogik nutzt relevante, freigegebene Inhalte und angebundene Quellen.<\/span><\/div><\/div>\r\n            <div class=\"qstep\"><div class=\"qnum\">03<\/div><div><b>Lernen & verbessern<\/b><span>Logs und Auswertungen zeigen, wo Inhalte erg\u00e4nzt oder Abl\u00e4ufe optimiert werden sollten.<\/span><\/div><\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"quality-card dark reveal d1\">\r\n          <div class=\"eyebrow\">Datenschutz & Anpassung<\/div><h3>F\u00fcr professionellen Einsatz konzipiert.<\/h3>\r\n          <p>Name, Tonalit\u00e4t, Corporate Design, Rollen, Regeln, Prozesse, Kan\u00e4le und individuelle Funktionen k\u00f6nnen auf Ihren Betrieb abgestimmt werden.<\/p>\r\n          <div class=\"steps\">\r\n            <div class=\"qstep\"><div class=\"qnum\">\u2713<\/div><div><b>Europ\u00e4ische \/ italienische Infrastruktur<\/b><span>abh\u00e4ngig von der jeweiligen Konfiguration<\/span><\/div><\/div>\r\n            <div class=\"qstep\"><div class=\"qnum\">\u2713<\/div><div><b>Verschl\u00fcsselte Verarbeitung & Zugriffsregeln<\/b><span>f\u00fcr kontrollierte Nutzung<\/span><\/div><\/div>\r\n            <div class=\"qstep\"><div class=\"qnum\">\u2713<\/div><div><b>Fallback an Mitarbeitende<\/b><span>wenn menschliche Unterst\u00fctzung sinnvoll ist<\/span><\/div><\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SOCIAL PROOF \/ MANAGEMENT -->\r\n  <section class=\"section dark2\">\r\n    <div class=\"shell\">\r\n      <p class=\"eyebrow reveal\">Im echten Tourismusbetrieb bew\u00e4hrt<\/p>\r\n      <h2 class=\"title reveal d1\">Technologie ist nur dann gut,<br>wenn sie im Alltag funktioniert.<\/h2>\r\n\r\n      <div class=\"proof-grid\">\r\n        <div class=\"testimonials\">\r\n          <article class=\"quote reveal\">\r\n            <div class=\"quote-mark\">\u201c<\/div>\r\n            <p>F\u00fcr die Ski- und Snowboardschule Kronplatz wurde AGORA gezielt auf die eigenen Anforderungen abgestimmt \u2013 mit schnellem, kompetentem Support.<\/p>\r\n            <div class=\"who\"><b>Marion Leitner<\/b>Skischule Kronplatz<\/div>\r\n          <\/article>\r\n          <article class=\"quote reveal d1\">\r\n            <div class=\"quote-mark\">\u201c<\/div>\r\n            <p>Am Rosskopf \u00fcbernimmt AGORA bereits einen gro\u00dfen Teil wiederkehrender Anfragen und stellt G\u00e4sten rund um die Uhr schnelle Informationen bereit.<\/p>\r\n            <div class=\"who\"><b>Mattia Plattner Mocellini<\/b>Skigebiet Rosskopf<\/div>\r\n          <\/article>\r\n        <\/div>\r\n\r\n        <div class=\"dashboard reveal d2\">\r\n          <div class=\"dash-top\">\r\n            <div><div class=\"eyebrow\">Technologie plus pers\u00f6nlicher Support<\/div><h3>AGORA kann vollst\u00e4ndig betreut werden.<\/h3><\/div>\r\n            <span class=\"live-pill\">\u25cf LIVE<\/span>\r\n          <\/div>\r\n          <p style=\"color:#979fb6;font-size:14px;line-height:1.65;margin:14px 0 0\">DEXDOT kann laufend analysieren, welche Fragen noch nicht optimal beantwortet werden, Inhalte erg\u00e4nzen und bei neuen Datenverbindungen unterst\u00fctzen.<\/p>\r\n          <div class=\"dash-stats\">\r\n            <div class=\"dash-stat\"><strong>96%<\/strong><span>Antwortqualit\u00e4t<\/span><\/div>\r\n            <div class=\"dash-stat\"><strong>1.284<\/strong><span>automatisch beantwortet<\/span><\/div>\r\n            <div class=\"dash-stat\"><strong>18<\/strong><span>neue Inhalte erkannt<\/span><\/div>\r\n            <div class=\"dash-stat\"><strong>7<\/strong><span>an Team \u00fcbergeben<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"insight\"><b>Optimierung erkannt<\/b><p>\u201eKinderprogramm bei Regen\u201c wurde heute besonders h\u00e4ufig gefragt. Inhalt kann direkt erg\u00e4nzt werden.<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  \r\n  <!-- DIGITAL HUMAN -->\r\n  <section class=\"section ag-future\">\r\n    <div class=\"shell\">\r\n      <div class=\"ag-section-head ag-section-head--center reveal\">\r\n        <span class=\"ag-kicker\">Mehr als ein Webchat<\/span>\r\n        <h2 style=\"color:#fff;margin:0 0 20px;font-size:clamp(2rem,4.1vw,3.85rem);line-height:1.06;font-weight:780;letter-spacing:-.035em;\">Ein Chatbot war noch nie menschlicher.<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"ag-human-showcase reveal d1\">\r\n        <div class=\"ag-human-showcase__visual\">\r\n          <div class=\"ag-digital-human\" data-vrm-wrap>\r\n            <div class=\"ag-dh-stage\"\r\n                 data-vrm-viewer\r\n                 data-vrm-src=\"https:\/\/www.dexdot.it\/wp-content\/uploads\/2026\/07\/6fb78af1efb24b3d9b51c050070ad797.vrm\"\r\n                 data-vrm-remote-src=\"https:\/\/www.dexdot.it\/wp-content\/uploads\/2026\/07\/6fb78af1efb24b3d9b51c050070ad797.vrm\">\r\n              <canvas class=\"ag-dh-canvas\" aria-label=\"Interaktiver AGORA Digital Human\" data-engine=\"three.js r158\"><\/canvas>\r\n              <div class=\"ag-dh-aura\" aria-hidden=\"true\"><\/div>\r\n              <div class=\"ag-dh-floor\" aria-hidden=\"true\"><\/div>\r\n              <div class=\"ag-dh-status\" aria-live=\"polite\"><i><\/i><span>Digital Human wird geladen<\/span><\/div>\r\n              <div class=\"ag-dh-hint\" aria-hidden=\"true\">Maus bewegen \u00b7 Avatar folgt<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ag-human-showcase__copy\">\r\n          <span class=\"ag-card-label\">DIGITAL HUMANS<\/span>\r\n          <h3>Agora bringt den Chatbot dorthin, wo G\u00e4ste echte Hilfe brauchen.<\/h3>\r\n          <p>AGORA macht aus dem digitalen Chatbot ein sichtbares Gegen\u00fcber vor Ort \u2013 an Rezeptionen, in Hotellobbys, an Talstationen oder im Tourismusb\u00fcro. G\u00e4ste k\u00f6nnen direkt mit dem Avatar sprechen und erhalten sofort mehrsprachige Antworten aus derselben aktuellen AGORA-Datenbasis.<\/p>\r\n          <p>So wird digitaler G\u00e4steservice pers\u00f6nlicher, zug\u00e4nglicher und rund um die Uhr direkt am physischen Kontaktpunkt verf\u00fcgbar.<\/p>\r\n          <p class=\"ag-human-positioning\">Mit diesem Ansatz hebt sich AGORA deutlich von klassischen Chatbot-L\u00f6sungen im Tourismus ab: Der KI-gest\u00fctzte G\u00e4steservice bleibt nicht auf Website oder Smartphone beschr\u00e4nkt, sondern wird als interaktiver Digital Human direkt am physischen Kontaktpunkt erlebbar.<\/p>\r\n          <ul class=\"ag-human-points\" aria-label=\"Vorteile der AGORA Digital Humans\">\r\n            <li>Pers\u00f6nliche Interaktion direkt vor Ort<\/li>\r\n            <li>Mehrsprachige Antworten rund um die Uhr<\/li>\r\n            <li>Dieselben aktuellen Daten und Integrationen wie in AGORA<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- WORKSPACE -->\r\n\r\n  <section class=\"section\">\r\n    <div class=\"shell\">\r\n      <div class=\"workspace-head\">\r\n        <div>\r\n          <p class=\"eyebrow reveal\">Und jetzt neu: AGORA AI Workspace<\/p>\r\n          <h2 class=\"title reveal d1\">Dasselbe System arbeitet jetzt nicht nur f\u00fcr Ihre G\u00e4ste.<br>Sondern auch mit Ihrem Team.<\/h2>\r\n        <\/div>\r\n        <p class=\"copy reveal d2\" style=\"font-size:18px;margin:0\">\r\n          Der Workspace erweitert den bestehenden G\u00e4steservice um eine interne KI-Arbeitsumgebung.\r\n          Damit wird AGORA zus\u00e4tzlich zum t\u00e4glichen KI-Werkzeug f\u00fcr Mitarbeitende \u2013 f\u00fcr Inhalte, Meetings,\r\n          Live-\u00dcbersetzungen, Automatisierungen, Bilder, Apps und vieles mehr.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"workspace-grid\">\r\n        <article class=\"ws big reveal\"><span class=\"ws-tag\">Everyday AI<\/span><div class=\"ws-icon\">\u2726<\/div><h3>Chat & Dateien<\/h3><p>Texte, Recherche, Zusammenfassungen, Analysen und Dokumente direkt im Gespr\u00e4ch bearbeiten.<\/p><\/article>\r\n        <article class=\"ws small reveal d1\"><span class=\"ws-tag\">Specialists<\/span><div class=\"ws-icon\">A<\/div><h3>Assistenten<\/h3><p>Eigene KI-Spezialisten f\u00fcr wiederkehrende Aufgaben und Rollen.<\/p><\/article>\r\n        <article class=\"ws small reveal d2\"><span class=\"ws-tag\">Recurring<\/span><div class=\"ws-icon\">\u21bb<\/div><h3>Geplante Aufgaben<\/h3><p>Briefings und wiederkehrende KI-Aufgaben automatisch vorbereiten.<\/p><\/article>\r\n        <article class=\"ws med reveal\"><span class=\"ws-tag\">Workflows<\/span><div class=\"ws-icon\">\u2318<\/div><h3>Agents<\/h3><p>Mehrstufige Arbeitsabl\u00e4ufe visuell aufbauen, testen und kontrolliert ausf\u00fchren.<\/p><\/article>\r\n        <article class=\"ws med reveal d1\"><span class=\"ws-tag\">Meetings<\/span><div class=\"ws-icon\">\u25ce<\/div><h3>Meeting Notes<\/h3><p>Gespr\u00e4che transkribieren, zusammenfassen und Entscheidungen sowie Aufgaben festhalten.<\/p><\/article>\r\n        <article class=\"ws med reveal d2\"><span class=\"ws-tag\">Creative<\/span><div class=\"ws-icon\">\u25c8<\/div><h3>Bildstudio<\/h3><p>Visuals f\u00fcr Website, Social Media, Kampagnen und Pr\u00e4sentationen erstellen.<\/p><\/article>\r\n        <article class=\"ws translate reveal d2\">\r\n          <div class=\"translate-copy\">\r\n            <span class=\"ws-tag\">Live Translation<\/span>\r\n            <div class=\"ws-icon\">\u6587<\/div>\r\n            <h3>Live-\u00dcbersetzen<\/h3>\r\n            <p>Gespr\u00e4che in Meetings oder direkt vor Ort in Echtzeit \u00fcbersetzen. AGORA erfasst Gesprochenes, \u00fcbertr\u00e4gt es in die gew\u00fcnschte Sprache und gibt die \u00dcbersetzung wahlweise als Text oder direkt gesprochen aus.<\/p>\r\n            <div class=\"translate-modes\">\r\n              <span>Sprache \u2192 Sprache<\/span>\r\n              <span>Sprache \u2192 Text<\/span>\r\n              <span>Meetings<\/span>\r\n              <span>Vor Ort<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"translate-demo\" aria-hidden=\"true\">\r\n            <div class=\"translate-head\">\r\n              <span>Deutsch<\/span>\r\n              <b>\u2192<\/b>\r\n              <span>Italiano<\/span>\r\n              <em><i><\/i> LIVE<\/em>\r\n            <\/div>\r\n            <div class=\"translate-message\">\r\n              <small>GESPROCHEN \u00b7 DEUTSCH<\/small>\r\n              <p>\u201eWir k\u00f6nnen den Check-in gerne schon vor Ihrer Ankunft vorbereiten.\u201c<\/p>\r\n              <div class=\"audio-wave\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\r\n            <\/div>\r\n            <div class=\"translate-message translated\">\r\n              <small>SOFORT \u00dcBERSETZT \u00b7 ITALIANO<\/small>\r\n              <p>\u201ePossiamo preparare volentieri il check-in gi\u00e0 prima del vostro arrivo.\u201c<\/p>\r\n            <\/div>\r\n            <div class=\"translate-output\">\r\n              <span>Text<\/span><span>\ud83d\udd0a Gesprochen<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n        <article class=\"ws big reveal\"><span class=\"ws-tag\">Build<\/span><div class=\"ws-icon\">+<\/div><h3>Apps<\/h3><p>Kleine ma\u00dfgeschneiderte Anwendungen beschreiben, entwickeln, testen und intern teilen.<\/p><\/article>\r\n        <article class=\"ws big reveal d1\"><span class=\"ws-tag\">Connect<\/span><div class=\"ws-icon\">\u2197<\/div><h3>Plugins<\/h3><p>AGORA mit freigegebenen Werkzeugen und Datenquellen verbinden \u2013 abh\u00e4ngig von Berechtigung und Verf\u00fcgbarkeit.<\/p><\/article>\r\n      <\/div>\r\n\r\n      <div class=\"workspace-message reveal\">\r\n        <div><h3>Der entscheidende Unterschied: Sie f\u00fchren nicht noch ein KI-Tool ein.<\/h3><p>Sie erweitern das AGORA-System, das bereits Ihren G\u00e4steservice, Ihre Daten und Ihre Kan\u00e4le verbindet, um interne KI-Arbeit.<\/p><\/div>\r\n        <a class=\"btn ghost\" href=\"https:\/\/www.dexdot.it\/dexdot-ai-chatgpt-business-agora\/\">Workspace ansehen \u2192<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- IMPLEMENTATION -->\r\n  <section class=\"section light\">\r\n    <div class=\"shell\">\r\n      <p class=\"eyebrow reveal\">Schnell vom Konzept zum produktiven Einsatz<\/p>\r\n      <h2 class=\"title reveal d1\">In drei Schritten zu Ihrem AGORA-System.<\/h2>\r\n      <div class=\"launch-grid\">\r\n        <article class=\"launch reveal\"><div class=\"launch-num\">01<\/div><h3>Inhalte & Systeme<\/h3><p>FAQs, Datenquellen, \u00d6ffnungszeiten, Angebote, Systeme und gew\u00fcnschte Prozesse werden geb\u00fcndelt.<\/p><\/article>\r\n        <article class=\"launch reveal d1\"><div class=\"launch-num\">02<\/div><h3>Design & Kan\u00e4le<\/h3><p>AGORA erh\u00e4lt Ihre Tonalit\u00e4t, Ihr Corporate Design, Regeln und die passenden Kontaktkan\u00e4le.<\/p><\/article>\r\n        <article class=\"launch reveal d2\"><div class=\"launch-num\">03<\/div><h3>Go-live & Optimierung<\/h3><p>Nach Tests startet der Betrieb. Monitoring, Analytics und Support sorgen f\u00fcr kontinuierliche Verbesserung.<\/p><\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FAQ -->\r\n  <section class=\"section dark2\">\r\n    <div class=\"shell faq-wrap\">\r\n      <div><p class=\"eyebrow reveal\">H\u00e4ufige Fragen<\/p><h2 class=\"title reveal d1\">Was Entscheider vor dem Start wissen m\u00f6chten.<\/h2><\/div>\r\n      <div class=\"faq-list reveal d2\">\r\n        <div class=\"faq-item\"><button class=\"faq-q\">Was ist AGORA heute eigentlich?<span class=\"plus\">+<\/span><\/button><div class=\"faq-a\">AGORA ist eine Service-KI-Plattform f\u00fcr touristische Betriebe. Sie verbindet digitalen G\u00e4steservice, mehrere Kommunikationskan\u00e4le, touristische Echtzeitdaten, Integrationen, Digital Humans und den internen AI Workspace in einer Produktwelt.<\/div><\/div>\r\n        <div class=\"faq-item\"><button class=\"faq-q\">Was unterscheidet AGORA von einem einfachen Website-Chatbot?<span class=\"plus\">+<\/span><\/button><div class=\"faq-a\">AGORA beschr\u00e4nkt sich nicht auf ein Chatfenster. Die Plattform kann \u00fcber mehrere Kan\u00e4le arbeiten, Live-Daten und Systeme einbeziehen, komplexe Anliegen an Mitarbeitende \u00fcbergeben, am physischen Standort als Digital Human auftreten und intern als KI-Arbeitsumgebung genutzt werden.<\/div><\/div>\r\n        <div class=\"faq-item\"><button class=\"faq-q\">Welche Kan\u00e4le kann AGORA abdecken?<span class=\"plus\">+<\/span><\/button><div class=\"faq-a\">Je nach Projekt geh\u00f6ren dazu unter anderem Website, Telefon, SMS, WhatsApp, E-Mail, Booking.com, Telegram, Instagram, Facebook Messenger, Discord, YouTube, Microsoft Teams und TikTok. Die konkrete Verf\u00fcgbarkeit h\u00e4ngt von technischen und plattformspezifischen Voraussetzungen ab.<\/div><\/div>\r\n        <div class=\"faq-item\"><button class=\"faq-q\">Wie aktuell bleiben Wetter, Events, Pisten oder \u00d6ffnungszeiten?<span class=\"plus\">+<\/span><\/button><div class=\"faq-a\">Wo eine Datenverbindung vorhanden ist, k\u00f6nnen Informationen automatisiert synchronisiert werden. Zus\u00e4tzliche Quellen k\u00f6nnen \u00fcber bestehende Integrationen, Webimporte oder individuelle APIs angebunden werden.<\/div><\/div>\r\n        <div class=\"faq-item\"><button class=\"faq-q\">Was sind AGORA Digital Humans?<span class=\"plus\">+<\/span><\/button><div class=\"faq-a\">Digital Humans bringen den KI-G\u00e4steservice an physische Kontaktpunkte wie Rezeptionen, Lobbys, Talstationen oder Tourismusb\u00fcros. G\u00e4ste sprechen mit einem sichtbaren Avatar, der auf dieselbe AGORA-Datenbasis zugreifen kann.<\/div><\/div>\r\n        <div class=\"faq-item\"><button class=\"faq-q\">Ist der AI Workspace ein separates Produkt?<span class=\"plus\">+<\/span><\/button><div class=\"faq-a\">Der Workspace erweitert AGORA um interne KI-Funktionen f\u00fcr Mitarbeitende. Welche Funktionen konkret verf\u00fcgbar sind, h\u00e4ngt vom gebuchten Umfang, den Berechtigungen und den eingerichteten Verbindungen ab.<\/div><\/div>\r\n        <div class=\"faq-item\"><button class=\"faq-q\">Kann man AGORA vor einer Entscheidung testen?<span class=\"plus\">+<\/span><\/button><div class=\"faq-a\">DEXDOT bietet eine kostenlose Live-Demo und \u2013 abh\u00e4ngig vom Angebot \u2013 einen unverbindlichen Testzeitraum von 30 Tagen, damit AGORA mit realistischen Anfragen gepr\u00fcft werden kann.<\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FINAL -->\r\n  <section class=\"section final\">\r\n    <div class=\"shell\">\r\n      <p class=\"eyebrow reveal\">AGORA<\/p>\r\n      <h2 class=\"reveal d1\">Service f\u00fcr Ihre G\u00e4ste.<br><span class=\"grad\">KI f\u00fcr Ihren gesamten Betrieb.<\/span><\/h2>\r\n      <p class=\"reveal d2\">Erleben Sie in einer kostenlosen Demo, wie AGORA Ihre G\u00e4stekommunikation, Daten, Kan\u00e4le und internen KI-Prozesse in einer Plattform verbinden kann.<\/p>\r\n      <div class=\"actions reveal d3\">\r\n        <a class=\"btn primary\" href=\"https:\/\/www.dexdot.it\/kontakt\/\">Kostenlose Demo buchen \u2192<\/a>\r\n        <a class=\"btn ghost\" href=\"mailto:info@dexdot.it\">Frage an DEXDOT stellen<\/a>\r\n      <\/div>\r\n      <div class=\"micro reveal d3\">30 Tage kostenlos testen \u00b7 DSGVO-konform konzipiert \u00b7 Direkter Support<\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/main>\r\n\r\n\r\n<style>\r\n\/* Workspace grid: deliberate full rows, no accidental desktop gaps *\/\r\n#agora-tourism-landing .workspace-grid{\r\n  grid-auto-flow:row !important;\r\n  align-items:stretch !important;\r\n}\r\n#agora-tourism-landing .workspace-grid > .ws{\r\n  height:100%;\r\n}\r\n<\/style>\r\n\r\n\r\n<style>\r\n\/* WordPress\/Elementor hard fix: hero heading must stay white. *\/\r\n#agora-tourism-landing section.hero .hero-grid h1,\r\n#agora-tourism-landing section.hero .hero-grid h1.reveal,\r\n#agora-tourism-landing .hero h1{\r\n  color:#ffffff !important;\r\n  -webkit-text-fill-color:#ffffff !important;\r\n}\r\n\r\n\/* The second line deliberately remains gradient text. *\/\r\n#agora-tourism-landing section.hero .hero-grid h1 .grad,\r\n#agora-tourism-landing .hero h1 .grad{\r\n  color:transparent !important;\r\n  -webkit-text-fill-color:transparent !important;\r\n  background:linear-gradient(100deg,#ffffff,#afa8ff 48%,#74ddff) !important;\r\n  -webkit-background-clip:text !important;\r\n  background-clip:text !important;\r\n}\r\n\r\n\/* Also protect other headings inside dark AGORA sections from theme heading colors. *\/\r\n#agora-tourism-landing .dark2 h1,\r\n#agora-tourism-landing .dark2 h2,\r\n#agora-tourism-landing .dark2 h3,\r\n#agora-tourism-landing .ag-future h1,\r\n#agora-tourism-landing .ag-future h2,\r\n#agora-tourism-landing .ag-future h3,\r\n#agora-tourism-landing .final h1,\r\n#agora-tourism-landing .final h2,\r\n#agora-tourism-landing .final h3{\r\n  color:#ffffff !important;\r\n}\r\n<\/style>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   FINAL WORDPRESS \/ ELEMENTOR TYPOGRAPHY SHIELD\r\n   Dark AGORA sections stay light; light sections stay dark.\r\n   ========================================================= *\/\r\n\r\n\/* Default\/dark AGORA sections *\/\r\n#agora-tourism-landing .section:not(.light):not(.light2) h1,\r\n#agora-tourism-landing .section:not(.light):not(.light2) h2,\r\n#agora-tourism-landing .section:not(.light):not(.light2) h3,\r\n#agora-tourism-landing .section:not(.light):not(.light2) h4,\r\n#agora-tourism-landing .section:not(.light):not(.light2) h5,\r\n#agora-tourism-landing .section:not(.light):not(.light2) h6,\r\n#agora-tourism-landing .section:not(.light):not(.light2) strong,\r\n#agora-tourism-landing .section:not(.light):not(.light2) b{\r\n  color:#ffffff !important;\r\n  -webkit-text-fill-color:#ffffff !important;\r\n}\r\n\r\n\/* Hero isn't a .section, so lock it separately. *\/\r\n#agora-tourism-landing .hero h1,\r\n#agora-tourism-landing .hero h2,\r\n#agora-tourism-landing .hero h3,\r\n#agora-tourism-landing .hero strong,\r\n#agora-tourism-landing .hero b{\r\n  color:#ffffff !important;\r\n  -webkit-text-fill-color:#ffffff !important;\r\n}\r\n\r\n\/* Light AGORA sections must deliberately remain dark. *\/\r\n#agora-tourism-landing .section.light h1,\r\n#agora-tourism-landing .section.light h2,\r\n#agora-tourism-landing .section.light h3,\r\n#agora-tourism-landing .section.light h4,\r\n#agora-tourism-landing .section.light h5,\r\n#agora-tourism-landing .section.light h6,\r\n#agora-tourism-landing .section.light strong,\r\n#agora-tourism-landing .section.light b,\r\n#agora-tourism-landing .section.light2 h1,\r\n#agora-tourism-landing .section.light2 h2,\r\n#agora-tourism-landing .section.light2 h3,\r\n#agora-tourism-landing .section.light2 h4,\r\n#agora-tourism-landing .section.light2 h5,\r\n#agora-tourism-landing .section.light2 h6,\r\n#agora-tourism-landing .section.light2 strong,\r\n#agora-tourism-landing .section.light2 b{\r\n  color:#101322 !important;\r\n  -webkit-text-fill-color:#101322 !important;\r\n}\r\n\r\n\/* Explicitly protect dark cards\/components even if the theme targets article headings. *\/\r\n#agora-tourism-landing .pillar h3,\r\n#agora-tourism-landing .ws h3,\r\n#agora-tourism-landing .workspace-message h3,\r\n#agora-tourism-landing .data-panel h3,\r\n#agora-tourism-landing .network h3,\r\n#agora-tourism-landing .proof-card h3,\r\n#agora-tourism-landing .ag-human-showcase h3,\r\n#agora-tourism-landing .faq-wrap h2,\r\n#agora-tourism-landing .final h2{\r\n  color:#ffffff !important;\r\n  -webkit-text-fill-color:#ffffff !important;\r\n}\r\n\r\n\/* Explicitly restore card titles that live in light sections. *\/\r\n#agora-tourism-landing .light .core-card h3,\r\n#agora-tourism-landing .light .use-card h3,\r\n#agora-tourism-landing .light .launch h3,\r\n#agora-tourism-landing .light2 .quality-card h3,\r\n#agora-tourism-landing .light2 .security-card h3{\r\n  color:#101322 !important;\r\n  -webkit-text-fill-color:#101322 !important;\r\n}\r\n\r\n\/* Gradient text must remain gradient after the hard color rules above. *\/\r\n#agora-tourism-landing .grad,\r\n#agora-tourism-landing .hero .grad,\r\n#agora-tourism-landing .final .grad{\r\n  color:transparent !important;\r\n  -webkit-text-fill-color:transparent !important;\r\n  background:linear-gradient(100deg,#ffffff,#afa8ff 48%,#74ddff) !important;\r\n  background-size:180% 180% !important;\r\n  -webkit-background-clip:text !important;\r\n  background-clip:text !important;\r\n}\r\n\r\n\/* Muted body copy keeps its designed muted colors instead of becoming white. *\/\r\n#agora-tourism-landing .section:not(.light):not(.light2) .copy{\r\n  color:#aab1c6 !important;\r\n  -webkit-text-fill-color:#aab1c6 !important;\r\n}\r\n#agora-tourism-landing .pillar p,\r\n#agora-tourism-landing .ws p,\r\n#agora-tourism-landing .workspace-message p,\r\n#agora-tourism-landing .faq-a{\r\n  -webkit-text-fill-color:currentColor !important;\r\n}\r\n<\/style>\r\n\r\n\r\n<style>\r\n\/* ===== Digital Human safe presentation refinements ===== *\/\r\n#agora-tourism-landing .ag-human-showcase{\r\n  align-items:center !important;\r\n}\r\n#agora-tourism-landing .ag-human-showcase__visual{\r\n  display:flex !important;\r\n  align-items:center !important;\r\n  justify-content:center !important;\r\n}\r\n#agora-tourism-landing .ag-dh-stage{\r\n  height:500px !important;\r\n  min-height:500px !important;\r\n  border-radius:30px !important;\r\n  overflow:hidden !important;\r\n  background:\r\n    radial-gradient(circle at 50% 14%, rgba(118,223,255,.14), transparent 34%),\r\n    radial-gradient(circle at 50% 86%, rgba(126,117,255,.10), transparent 30%),\r\n    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)) !important;\r\n}\r\n#agora-tourism-landing .ag-dh-canvas{\r\n  width:100% !important;\r\n  height:100% !important;\r\n  display:block !important;\r\n}\r\n#agora-tourism-landing .ag-dh-aura{opacity:.88 !important}\r\n#agora-tourism-landing .ag-dh-floor{opacity:.7 !important}\r\n#agora-tourism-landing .ag-human-showcase__copy h3{\r\n  line-height:1.08 !important;\r\n  letter-spacing:-.03em !important;\r\n}\r\n#agora-tourism-landing .ag-human-showcase__copy p{\r\n  color:#d1d8ea !important;\r\n}\r\n#agora-tourism-landing .ag-human-points li::before{\r\n  margin-top:.36em !important;\r\n}\r\n@media(max-width:980px){\r\n  #agora-tourism-landing .ag-dh-stage{\r\n    height:450px !important;\r\n    min-height:450px !important;\r\n  }\r\n}\r\n@media(max-width:640px){\r\n  #agora-tourism-landing .ag-dh-stage{\r\n    height:390px !important;\r\n    min-height:390px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<style>\r\n\/* CRITICAL VRM WIDTH FIX:\r\n   Do not let the Digital Human flex item collapse to 0px width in Elementor. *\/\r\n#agora-tourism-landing .ag-human-showcase__visual{\r\n  display:block !important;\r\n  width:100% !important;\r\n  min-width:0 !important;\r\n}\r\n#agora-tourism-landing .ag-digital-human,\r\n#agora-tourism-landing [data-vrm-wrap],\r\n#agora-tourism-landing .ag-dh-stage{\r\n  display:block !important;\r\n  width:100% !important;\r\n  max-width:100% !important;\r\n  min-width:0 !important;\r\n}\r\n#agora-tourism-landing .ag-dh-canvas{\r\n  position:absolute !important;\r\n  inset:0 !important;\r\n  width:100% !important;\r\n  height:100% !important;\r\n  display:block !important;\r\n}\r\n<\/style>\r\n\r\n\r\n<style>\r\n\/* ===== Digital Human crop \/ transparent stage ===== *\/\r\n#agora-tourism-landing .ag-dh-stage{\r\n  background:transparent !important;\r\n  border:none !important;\r\n  box-shadow:none !important;\r\n  border-radius:0 !important;\r\n}\r\n#agora-tourism-landing .ag-dh-aura{\r\n  opacity:.22 !important;\r\n  filter:blur(18px) !important;\r\n}\r\n#agora-tourism-landing .ag-dh-floor{\r\n  opacity:.0 !important;\r\n}\r\n#agora-tourism-landing .ag-digital-human,\r\n#agora-tourism-landing [data-vrm-wrap]{\r\n  background:transparent !important;\r\n  box-shadow:none !important;\r\n}\r\n<\/style>\r\n\r\n\r\n<style>\r\n\/* Final portrait crop: full head visible, lower crop around waist\/belly *\/\r\n#agora-tourism-landing .ag-dh-stage{\r\n  overflow:hidden !important;\r\n}\r\n#agora-tourism-landing .ag-dh-canvas{\r\n  transform:translateY(28px) !important;\r\n  transform-origin:center center !important;\r\n}\r\n<\/style>\r\n\r\n<script data-jetpack-boost=\"ignore\" data-no-optimize=\"1\">\r\n(function(){\r\n\"use strict\";\r\ntry {\r\n\r\n  \/\/ Reveal \u2014 safe for Elementor\/WordPress.\r\n  const root = document.getElementById('agora-tourism-landing');\r\n  const rev = root ? root.querySelectorAll('.reveal') : [];\r\n  if(root && 'IntersectionObserver' in window && rev.length){\r\n    root.classList.add('ag-motion-ready');\r\n    const io = new IntersectionObserver(entries => entries.forEach(e => {\r\n      if(e.isIntersecting){ e.target.classList.add('on'); io.unobserve(e.target); }\r\n    }), {threshold:.08, rootMargin:'0px 0px -20px 0px'});\r\n    rev.forEach(el => io.observe(el));\r\n    setTimeout(()=>root.querySelectorAll('.hero .reveal').forEach(el=>el.classList.add('on')),70);\r\n    setTimeout(()=>{\r\n      root.querySelectorAll('.reveal:not(.on)').forEach(el=>{\r\n        const r=el.getBoundingClientRect();\r\n        if(r.top < window.innerHeight * 1.4) el.classList.add('on');\r\n      });\r\n    },1500);\r\n  }\r\n\r\n  \/\/ Data tabs\r\n  const dataSets = {\r\n    basis:{\r\n      title:\"Wissen, das G\u00e4ste t\u00e4glich brauchen.\",\r\n      copy:\"Grundinformationen, saisonale Inhalte und zentrale Serviceinformationen aus einer gemeinsamen Basis.\",\r\n      items:[\"Wetterinformationen\",\"\u00d6ffnungszeiten\",\"Events\",\"Schneeberichte\",\"Rodelbahnen & Status\",\"Pisten- & Liftinformationen\"]\r\n    },\r\n    mobility:{\r\n      title:\"Mobilit\u00e4t ohne Suchmarathon.\",\r\n      copy:\"Anreise und Mobilit\u00e4t k\u00f6nnen direkt in die Antwort einflie\u00dfen \u2013 passend zur konkreten G\u00e4stefrage.\",\r\n      items:[\"Busverbindungen weltweit\",\"Zugverbindungen weltweit\",\"Autorouten & Anreise\",\"Busstationen\",\"Zugstationen\",\"Parkpl\u00e4tze & Position\",\"Taxis & Kontakte\",\"E-Ladestationen\",\"Flugstatus\"]\r\n    },\r\n    leisure:{\r\n      title:\"Erlebnisse direkt im Gespr\u00e4ch.\",\r\n      copy:\"AGORA kann G\u00e4sten passende Orte und Aktivit\u00e4ten aus angebundenen Quellen zug\u00e4nglich machen.\",\r\n      items:[\"Restaurants & Bewertungen\",\"Google Maps Places\",\"Almh\u00fctten\",\"Attraktionen\",\"Clubs & Bars\",\"Aktivit\u00e4ten\",\"Fitnessstudios\",\"outdooractive\",\"Fahrradverleihe\",\"Ski- & Snowboardverleih\",\"Trinkbrunnen & WC\"]\r\n    },\r\n    stay:{\r\n      title:\"Von Unterkunft bis Zusatzleistung.\",\r\n      copy:\"Verf\u00fcgbarkeiten und betriebliche Informationen k\u00f6nnen je nach angebundenem System direkt ber\u00fccksichtigt werden.\",\r\n      items:[\"ASA Hotelsoftware\",\"Booking.com Verf\u00fcgbarkeiten\",\"Airbnb Verf\u00fcgbarkeiten\",\"Lokale Hotels\",\"Campingpl\u00e4tze\",\"Buchungsanfragen\",\"Spa & Zusatzleistungen\",\"Outlook-Antwortvorschl\u00e4ge\"]\r\n    },\r\n    live:{\r\n      title:\"Wenn Informationen sich laufend \u00e4ndern.\",\r\n      copy:\"Live-Daten und betriebliche Signale helfen AGORA, auch dynamische Fragen aktuell zu beantworten.\",\r\n      items:[\"Meteorologische Warnungen\",\"Lawinenwarnungen\",\"Webcams\",\"Echtzeit-Wetter\",\"Live-Pistenstatus\",\"Webimport nach Zeitplan\",\"Monitoring & Logs\",\"Fallback an Mitarbeitende\"]\r\n    }\r\n  };\r\n  const title = root.querySelector('#dataTitle');\r\n  const copy = root.querySelector('#dataCopy');\r\n  const items = root.querySelector('#dataItems');\r\n  function renderData(key){\r\n    const d=dataSets[key]; title.textContent=d.title; copy.textContent=d.copy;\r\n    items.innerHTML=d.items.map(i=>`<span>${i}<\/span>`).join('');\r\n  }\r\n  renderData('basis');\r\n  root.querySelectorAll('.data-tab').forEach(btn=>btn.addEventListener('click',()=>{\r\n    root.querySelectorAll('.data-tab').forEach(b=>b.classList.remove('active'));\r\n    btn.classList.add('active'); renderData(btn.dataset.tab);\r\n  }));\r\n\r\n  \/\/ FAQ\r\n  root.querySelectorAll('.faq-q').forEach(btn=>btn.addEventListener('click',()=>{\r\n    const item=btn.closest('.faq-item'); const open=item.classList.contains('open');\r\n    document.querySelectorAll('.faq-item.open').forEach(i=>i.classList.remove('open'));\r\n    if(!open)item.classList.add('open');\r\n  }));\r\n\r\n  \/\/ Digital Human pointer tracking\r\n  const stage=document.getElementById('avatarStage');\r\n  const avatar=document.getElementById('humanAvatar');\r\n  const pupils=[document.getElementById('pupilL'),document.getElementById('pupilR')];\r\n  if(stage && avatar){\r\n    stage.addEventListener('pointermove', e=>{\r\n      const r=stage.getBoundingClientRect();\r\n      const x=(e.clientX-r.left)\/r.width-.5;\r\n      const y=(e.clientY-r.top)\/r.height-.5;\r\n      avatar.style.transform=`translate(-50%,-50%) translate(${x*9}px,${y*6}px) rotate(${x*2.2}deg)`;\r\n      pupils.forEach(p=>p.style.transform=`translate(${x*5}px,${y*3}px)`);\r\n    });\r\n    stage.addEventListener('pointerleave',()=>{\r\n      avatar.style.transform='translate(-50%,-50%)';\r\n      pupils.forEach(p=>p.style.transform='translate(0,0)');\r\n    });\r\n  }\r\n\r\n  \/\/ AGORA phone animation \u2014 typing, bot indicator and automatic language rotation.\r\n  (() => {\r\n    const log = root.querySelector('#ag-chat-log');\r\n    const compose = root.querySelector('#ag-compose-text');\r\n    const control = root.querySelector('#ag-chat-control');\r\n    const clock = root.querySelector('#ag-phone-clock');\r\n    const quick = [...root.querySelectorAll('#agora-live-demo .ag-chat-quick span')];\r\n    if (!log || !compose || !control) return;\r\n\r\n    const scenarios = [\r\n      {\r\n        date:'Heute', placeholder:'Nachricht',\r\n        quick:['Wetter','Events','Anreise','Verf\u00fcgbarkeit'],\r\n        guest:'Welche Lifte und Rodelbahnen sind heute ge\u00f6ffnet? Wie ist der Schnee?',\r\n        bot:'Aktuell sind 7 von 8 Liften und alle Hauptpisten ge\u00f6ffnet. Die Rodelbahn Waldweg ist offen. Neuschnee: 8 cm, Bergtemperatur: -4 \u00b0C.'\r\n      },\r\n      {\r\n        date:'Oggi', placeholder:'Messaggio',\r\n        quick:['Meteo','Eventi','Come arrivare','Disponibilit\u00e0'],\r\n        guest:'Quali impianti e piste da slittino sono aperti oggi? Com\u2019\u00e8 la neve?',\r\n        bot:'Attualmente sono aperti 7 impianti su 8 e tutte le piste principali. La pista da slittino Waldweg \u00e8 aperta. Neve fresca: 8 cm, temperatura in quota: -4 \u00b0C.'\r\n      },\r\n      {\r\n        date:'Today', placeholder:'Message',\r\n        quick:['Weather','Events','Directions','Availability'],\r\n        guest:'Which lifts and toboggan runs are open today? How is the snow?',\r\n        bot:'Currently 7 of 8 lifts and all main slopes are open. The Waldweg toboggan run is open. Fresh snow: 8 cm, mountain temperature: -4 \u00b0C.'\r\n      },\r\n      {\r\n        date:'Aujourd\u2019hui', placeholder:'Message',\r\n        quick:['M\u00e9t\u00e9o','\u00c9v\u00e9nements','Acc\u00e8s','Disponibilit\u00e9'],\r\n        guest:'Quelles remont\u00e9es et pistes de luge sont ouvertes aujourd\u2019hui ? Et la neige ?',\r\n        bot:'Actuellement, 7 remont\u00e9es sur 8 et toutes les pistes principales sont ouvertes. La piste de luge Waldweg est ouverte. Neige fra\u00eeche : 8 cm, temp\u00e9rature en altitude : -4 \u00b0C.'\r\n      }\r\n    ];\r\n\r\n    let index = 0;\r\n    let paused = false;\r\n    let token = 0;\r\n\r\n    const nowTime = () => new Date().toLocaleTimeString('de-DE',{hour:'2-digit',minute:'2-digit'});\r\n    const updateClock = () => { if(clock) clock.textContent = nowTime(); };\r\n    updateClock();\r\n    setInterval(updateClock,30000);\r\n\r\n    const delay = ms => new Promise(resolve => setTimeout(resolve, ms));\r\n\r\n    async function wait(ms, myToken){\r\n      let left = ms;\r\n      while(left > 0 && myToken === token){\r\n        if(paused){ await delay(80); continue; }\r\n        const step = Math.min(40,left);\r\n        await delay(step);\r\n        left -= step;\r\n      }\r\n      return myToken === token;\r\n    }\r\n\r\n    function addMessage(role,text){\r\n      const el=document.createElement('div');\r\n      el.className=`ag-message ag-message--${role}`;\r\n      const txt=document.createElement('span');\r\n      txt.className='ag-message__text';\r\n      txt.textContent=text;\r\n      const tm=document.createElement('span');\r\n      tm.className='ag-message__time';\r\n      tm.textContent=nowTime();\r\n      el.append(txt,tm);\r\n      log.appendChild(el);\r\n      return el;\r\n    }\r\n\r\n    function addTyping(){\r\n      const el=document.createElement('div');\r\n      el.className='ag-typing';\r\n      el.innerHTML='<i><\/i><i><\/i><i><\/i>';\r\n      log.appendChild(el);\r\n      return el;\r\n    }\r\n\r\n    async function typeText(text,myToken){\r\n      compose.textContent='';\r\n      for(const char of text){\r\n        if(myToken !== token) return false;\r\n        while(paused && myToken === token) await delay(80);\r\n        compose.textContent += char;\r\n        await delay(24 + Math.random()*34);\r\n      }\r\n      return myToken === token;\r\n    }\r\n\r\n    async function playScenario(i){\r\n      const myToken=++token;\r\n      const s=scenarios[i];\r\n      compose.dataset.placeholder=s.placeholder;\r\n      quick.forEach((el,n)=>{ if(s.quick[n]) el.textContent=s.quick[n]; });\r\n\r\n      log.innerHTML=`<div class=\"ag-chat-date\">${s.date}<\/div>`;\r\n      compose.textContent='';\r\n\r\n      if(!(await wait(560,myToken))) return;\r\n      if(!(await typeText(s.guest,myToken))) return;\r\n      if(!(await wait(260,myToken))) return;\r\n\r\n      compose.textContent='';\r\n      addMessage('guest',s.guest);\r\n\r\n      if(!(await wait(520,myToken))) return;\r\n      const typing=addTyping();\r\n\r\n      if(!(await wait(1350 + Math.min(700,s.bot.length*2.3),myToken))) return;\r\n      typing.remove();\r\n      addMessage('bot',s.bot);\r\n\r\n      if(!(await wait(3500,myToken))) return;\r\n      index=(i+1)%scenarios.length;\r\n      playScenario(index);\r\n    }\r\n\r\n    control.addEventListener('click',()=>{\r\n      paused=!paused;\r\n      control.classList.toggle('is-paused',paused);\r\n      control.setAttribute('aria-label',paused?'Animation fortsetzen':'Animation pausieren');\r\n    });\r\n\r\n    playScenario(0);\r\n  })();\r\n\r\n\r\n} catch(err) {\r\n  const root = document.getElementById('agora-tourism-landing');\r\n  if(root){\r\n    root.classList.remove('ag-motion-ready');\r\n    root.querySelectorAll('.reveal').forEach(el=>el.classList.add('on'));\r\n  }\r\n  if(window.console && console.warn) console.warn('AGORA fallback activated:', err);\r\n}\r\n})();\r\n<\/script>\r\n<script data-jetpack-boost=\"ignore\" data-no-optimize=\"1\" type=\"importmap\">\r\n{\r\n  \"imports\": {\r\n    \"three\": \"https:\/\/unpkg.com\/three@0.158.0\/build\/three.module.js\",\r\n    \"three\/examples\/jsm\/\": \"https:\/\/unpkg.com\/three@0.158.0\/examples\/jsm\/\"\r\n  }\r\n}\r\n<\/script>\r\n<script data-jetpack-boost=\"ignore\" data-no-optimize=\"1\" type=\"module\">\r\n  import * as THREE from 'three';\r\n  import { GLTFLoader } from 'three\/examples\/jsm\/loaders\/GLTFLoader.js';\r\n\r\n  const root = document.getElementById('agora-tourism-landing');\r\n  const stage = root ? root.querySelector('[data-vrm-viewer]') : null;\r\n  if (stage) {\r\n    const canvas = stage.querySelector('.ag-dh-canvas');\r\n    const status = stage.querySelector('.ag-dh-status span');\r\n    const source = stage.dataset.vrmSrc;\r\n\r\n    const renderer = new THREE.WebGLRenderer({ canvas, alpha:true, antialias:true, powerPreference:'high-performance' });\r\n    renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2));\r\n    renderer.outputColorSpace = THREE.SRGBColorSpace;\r\n    renderer.setClearColor(0x000000, 0);\r\n\r\n    const scene = new THREE.Scene();\r\n    const camera = new THREE.PerspectiveCamera(27, 1, 0.01, 100);\r\n    camera.position.set(0, 1.35, 3.15);\r\n\r\n    scene.add(new THREE.HemisphereLight(0xeaf8ff, 0x172544, 2.15));\r\n    const key = new THREE.DirectionalLight(0xffffff, 2.6); key.position.set(1.6,2.6,2.4); scene.add(key);\r\n    const rim = new THREE.DirectionalLight(0x74dcff, 1.9); rim.position.set(-2.2,1.7,-1.2); scene.add(rim);\r\n    const fill = new THREE.DirectionalLight(0x7c6fff, 1.2); fill.position.set(-1.1,1.1,2.0); scene.add(fill);\r\n\r\n    let model=null, vrm=null, head=null, neck=null;\r\n    let leftUpperArm=null, rightUpperArm=null, leftLowerArm=null, rightLowerArm=null;\r\n    let pointerX=0, pointerY=0;\r\n    let baseModelY=0;\r\n\r\n    function fitModel(obj){\r\n      scene.add(obj);\r\n      const box=new THREE.Box3().setFromObject(obj);\r\n      const size=new THREE.Vector3(); box.getSize(size);\r\n      const center=new THREE.Vector3(); box.getCenter(center);\r\n\r\n      obj.position.x -= center.x;\r\n      obj.position.z -= center.z;\r\n      obj.position.y -= box.min.y;\r\n\r\n      const scale=2.78\/Math.max(size.y,0.001);\r\n      obj.scale.setScalar(scale);\r\n\r\n      const box2=new THREE.Box3().setFromObject(obj);\r\n      const center2=new THREE.Vector3(); box2.getCenter(center2);\r\n      obj.position.x -= center2.x;\r\n      obj.position.z -= center2.z;\r\n\r\n      obj.position.y -= 1.08;\r\n      baseModelY = obj.position.y;\r\n\r\n      camera.position.set(0,1.22,3.18);\r\n      camera.lookAt(0,1.00,0);\r\n    }\r\n\r\n    const loader=new GLTFLoader();\r\n\r\n    async function loadModel(){\r\n      try{\r\n        const mod=await import('https:\/\/unpkg.com\/@pixiv\/three-vrm@2.0.8\/lib\/three-vrm.module.js');\r\n        const {VRMLoaderPlugin,VRMUtils}=mod;\r\n        loader.register(parser=>new VRMLoaderPlugin(parser));\r\n        loader.load(source,gltf=>{\r\n          vrm=gltf.userData.vrm || null;\r\n          if(vrm && VRMUtils?.rotateVRM0) VRMUtils.rotateVRM0(vrm);\r\n          model=vrm ? vrm.scene : gltf.scene;\r\n          fitModel(model);\r\n          if(vrm?.humanoid){\r\n            try{ head = vrm.humanoid.getNormalizedBoneNode('head') || null; }catch(e){}\r\n            try{ neck = vrm.humanoid.getNormalizedBoneNode('neck') || null; }catch(e){}\r\n            try{ leftUpperArm = vrm.humanoid.getNormalizedBoneNode('leftUpperArm') || null; }catch(e){}\r\n            try{ rightUpperArm = vrm.humanoid.getNormalizedBoneNode('rightUpperArm') || null; }catch(e){}\r\n            try{ leftLowerArm = vrm.humanoid.getNormalizedBoneNode('leftLowerArm') || null; }catch(e){}\r\n            try{ rightLowerArm = vrm.humanoid.getNormalizedBoneNode('rightLowerArm') || null; }catch(e){}\r\n\r\n            try{\r\n              if(leftUpperArm){\r\n                leftUpperArm.rotation.z = 1.08;\r\n                leftUpperArm.rotation.x = 0.06;\r\n              }\r\n              if(rightUpperArm){\r\n                rightUpperArm.rotation.z = -1.08;\r\n                rightUpperArm.rotation.x = 0.06;\r\n              }\r\n              if(leftLowerArm) leftLowerArm.rotation.z = 0.05;\r\n              if(rightLowerArm) rightLowerArm.rotation.z = -0.05;\r\n            }catch(e){}\r\n\r\n            try{\r\n              if(vrm.expressionManager){\r\n                try{ vrm.expressionManager.setValue('happy', 0.16); }catch(e){}\r\n                try{ vrm.expressionManager.setValue('relaxed', 0.08); }catch(e){}\r\n                try{ vrm.expressionManager.setValue('smile', 0.14); }catch(e){}\r\n              }\r\n            }catch(e){}\r\n          }\r\n          stage.classList.add('has-vrm');\r\n          stage.dataset.vrmInitialized='true';\r\n          if(status) status.textContent='Digital Human aktiv';\r\n        },undefined,()=>loadPlain());\r\n      }catch(e){\r\n        loadPlain();\r\n      }\r\n    }\r\n\r\n    function loadPlain(){\r\n      const plain=new GLTFLoader();\r\n      plain.load(source,gltf=>{\r\n        model=gltf.scene;\r\n        fitModel(model);\r\n        stage.classList.add('has-vrm');\r\n        stage.dataset.vrmInitialized='true';\r\n        if(status) status.textContent='Digital Human aktiv';\r\n      },undefined,err=>{\r\n        console.warn('AGORA Digital Human konnte nicht geladen werden',err);\r\n        stage.classList.add('vrm-error');\r\n        if(status) status.textContent='Digital Human konnte in dieser Vorschau nicht geladen werden';\r\n      });\r\n    }\r\n\r\n    function resize(){\r\n      const w=Math.max(1,stage.clientWidth), h=Math.max(1,stage.clientHeight);\r\n      renderer.setSize(w,h,false);\r\n      camera.aspect=w\/h;\r\n      camera.updateProjectionMatrix();\r\n    }\r\n    new ResizeObserver(resize).observe(stage);\r\n    resize();\r\n\r\n    stage.addEventListener('pointermove',e=>{\r\n      const r=stage.getBoundingClientRect();\r\n      pointerX=(e.clientX-r.left)\/r.width-.5;\r\n      pointerY=(e.clientY-r.top)\/r.height-.5;\r\n    });\r\n    stage.addEventListener('pointerleave',()=>{pointerX=0;pointerY=0;});\r\n\r\n    const clock=new THREE.Clock();\r\n    function animate(){\r\n      requestAnimationFrame(animate);\r\n      const dt=Math.min(clock.getDelta(),.05);\r\n      const t = clock.elapsedTime;\r\n      if(vrm?.update) vrm.update(dt);\r\n\r\n      if(model){\r\n        model.position.y = baseModelY + Math.sin(t * 1.05) * 0.010;\r\n      }\r\n\r\n      if(head){\r\n        head.rotation.y += ((-pointerX*.24)-head.rotation.y)*.07;\r\n        head.rotation.x += (((-pointerY*.12) - 0.015)-head.rotation.x)*.07;\r\n      }else if(neck){\r\n        neck.rotation.y += ((-pointerX*.16)-neck.rotation.y)*.07;\r\n      }else if(model){\r\n        model.rotation.y += ((pointerX*.10)-model.rotation.y)*.04;\r\n      }\r\n      renderer.render(scene,camera);\r\n    }\r\n\r\n    loadModel();\r\n    animate();\r\n  }\r\n<\/script>\r\n\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>AGORA \u00b7 Service-KI f\u00fcr den Tourismus Mehr als Chat.Ein System f\u00fcr Ihren Service. AGORA verbindet 24\/7-G\u00e4steservice, aktuelle touristische Daten, alle relevanten Kontaktkan\u00e4le, Digital Humans und einen vollst\u00e4ndigen AI Workspace f\u00fcr Ihr Team. Eine zentrale KI-Plattform f\u00fcr Hotels, Skigebiete, Skischulen und Destinationen&#8230;<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24456","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dexdot.it\/it\/wp-json\/wp\/v2\/pages\/24456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dexdot.it\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dexdot.it\/it\/wp-json\/wp\/v2\/types\/page"}],"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=24456"}],"version-history":[{"count":64,"href":"https:\/\/www.dexdot.it\/it\/wp-json\/wp\/v2\/pages\/24456\/revisions"}],"predecessor-version":[{"id":24564,"href":"https:\/\/www.dexdot.it\/it\/wp-json\/wp\/v2\/pages\/24456\/revisions\/24564"}],"wp:attachment":[{"href":"https:\/\/www.dexdot.it\/it\/wp-json\/wp\/v2\/media?parent=24456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}