.chatbot-hero{min-height:920px;padding-bottom:80px}
.chatbot-hero .intent-hero-grid{grid-template-columns:minmax(0,1fr) minmax(390px,480px);gap:70px;align-items:center}
.chatbot-hero-copy{position:relative;min-width:0;z-index:2}
.chatbot-hero .editorial-meta{margin-bottom:28px;color:#91a6c2;font-size:12px}
.chatbot-hero .hero-actions{flex-wrap:wrap}
.chatbot-hero .button.ghost{border-color:#395373;background:rgba(255,255,255,.06)!important;color:#fff!important}
.chatbot-trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin:24px 0 0;padding:0;list-style:none;color:#aebdd1;font-size:12px;font-weight:700}
.chatbot-trust li:before{content:'✓';margin-right:7px;color:#69ecd3}

.chatbot-demo{position:relative;min-height:585px;display:grid;place-items:center;isolation:isolate}
.chatbot-demo:before{content:'';position:absolute;inset:70px 20px 30px;border:1px solid rgba(129,159,196,.2);border-radius:50%;background:radial-gradient(circle,rgba(8,117,245,.23),transparent 67%);filter:blur(2px);z-index:-2}
.demo-orbit{position:absolute;border:1px solid rgba(105,236,211,.18);border-radius:50%;z-index:-1}
.demo-orbit-one{width:430px;height:430px;animation:demo-orbit 18s linear infinite}
.demo-orbit-two{width:520px;height:520px;border-style:dashed;animation:demo-orbit 26s linear reverse infinite}
.demo-phone{position:relative;width:310px;overflow:hidden;border:7px solid #17263d;border-radius:42px;background:#edf2ee;box-shadow:0 35px 80px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.15);transform:rotate(1.5deg);z-index:2}
.demo-phone:before{content:'';position:absolute;left:50%;top:8px;width:82px;height:19px;border-radius:999px;background:#101c2d;transform:translateX(-50%);z-index:3}
.demo-phone-top{height:76px;display:grid;grid-template-columns:20px 34px 1fr 32px;gap:8px;align-items:end;padding:28px 13px 10px;background:linear-gradient(135deg,#086f69,#079b83);color:#fff}
.demo-phone-top span:nth-child(3){display:flex;flex-direction:column;line-height:1.1}
.demo-phone-top b{font-size:12px}.demo-phone-top small{margin-top:4px;color:#c5fff1;font-size:8px}.demo-phone-top small i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#82f6dc}
.demo-back{font-size:24px}.demo-avatar{display:grid;width:31px;height:31px;border:2px solid rgba(255,255,255,.8);border-radius:50%;background:#e7f2ff;color:#0875f5;font-family:Manrope,sans-serif;font-size:14px;place-items:center}.demo-dots{text-align:right;letter-spacing:1px}
.demo-chat{min-height:405px;padding:14px 10px 18px;background-color:#eeeae2;background-image:radial-gradient(rgba(7,26,61,.055) 1px,transparent 1px);background-size:13px 13px}
.demo-day{width:max-content;margin:0 auto 11px!important;padding:4px 9px;border-radius:7px;background:#fff;color:#75839a!important;font-size:8px!important;line-height:1!important}
.demo-message{position:relative;max-width:83%;margin:0 0 8px;padding:9px 10px 17px;border-radius:10px;color:#243249;font-size:10px;line-height:1.4;box-shadow:0 1px 2px rgba(7,26,61,.08);opacity:0;transform:translateY(8px);animation:demo-message 14s infinite}
.demo-message time{position:absolute;right:7px;bottom:4px;color:#748196;font-size:7px}
.demo-client{margin-left:auto;border-top-right-radius:3px;background:#d8f8c7;animation-delay:.5s}.demo-bot{border-top-left-radius:3px;background:#fff;animation-delay:2.2s}.demo-choice{animation-delay:5.5s}.demo-transfer{animation-delay:7s}.demo-human{display:flex;flex-direction:column;border-top-left-radius:3px;background:#fff;animation-delay:10.4s}.demo-human b{margin-bottom:3px;color:#0875f5;font-size:8px}
.demo-options{display:grid;gap:5px;max-width:83%;margin:0 0 8px;opacity:0;transform:translateY(8px);animation:demo-message 14s 3.8s infinite}.demo-options span{padding:7px;border-radius:8px;background:#fff;color:#0875f5;font-size:9px;font-weight:800;text-align:center;box-shadow:0 1px 2px rgba(7,26,61,.08)}
.demo-status{width:max-content;margin:7px auto;padding:5px 9px;border-radius:999px;background:rgba(7,26,61,.74);color:#fff;font-size:7px;font-weight:700;opacity:0;animation:demo-status 14s 8.8s infinite}.demo-status i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#69ecd3}
.demo-compose{height:52px;display:flex;align-items:center;gap:8px;padding:8px;background:#f9fbfc}.demo-compose span{flex:1;padding:8px 10px;border:1px solid #dbe3eb;border-radius:999px;color:#94a0b1;font-size:9px}.demo-compose b{display:grid;width:31px;height:31px;border-radius:50%;background:#00a884;color:#fff;font-size:12px;place-items:center}
.demo-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(204,220,239,.75);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 15px 35px rgba(0,0,0,.2);color:#15233a;z-index:4;animation:demo-float 4s ease-in-out infinite}
.demo-chip i{display:grid;width:30px;height:30px;border-radius:10px;background:#e8f2ff;color:#0875f5;font-style:normal;font-weight:800;place-items:center}.demo-chip span{display:flex;flex-direction:column}.demo-chip b{font-size:10px}.demo-chip small{color:#718096;font-size:7px}.demo-chip-ai{left:0;top:88px}.demo-chip-official{right:-5px;bottom:74px;animation-delay:-1.4s}.demo-chip-official i{background:#e4fff7;color:#00a77d}.demo-chip-context{left:-17px;bottom:10px;animation-delay:-2.5s}.demo-chip-context i{background:#edf0ff;color:#4f67e8}

.chatbot-product-figure{margin:38px 0 0}
.chatbot-product-frame{position:relative;overflow:hidden;padding:8px;border:1px solid #d5e1ee;border-radius:22px;background:#fff;box-shadow:0 24px 60px rgba(7,26,61,.12)}
.chatbot-product-frame:after{content:'';position:absolute;inset:8px;border-radius:15px;box-shadow:inset 0 0 0 1px rgba(8,117,245,.05);pointer-events:none}
.chatbot-product-frame img{display:block;width:100%;border-radius:15px;background:#fff}
.chatbot-product-figure figcaption{display:grid;grid-template-columns:135px 1fr;gap:18px;align-items:start;padding:17px 10px 0;color:#33465f}
.chatbot-product-figure figcaption span{color:#0875f5;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.chatbot-product-figure figcaption strong{font-family:Manrope,sans-serif;font-size:14px;line-height:1.45}

@keyframes demo-message{0%,8%{opacity:0;transform:translateY(8px)}12%,82%{opacity:1;transform:none}92%,100%{opacity:0;transform:none}}
@keyframes demo-status{0%,8%{opacity:0;transform:scale(.92)}12%,82%{opacity:1;transform:scale(1)}92%,100%{opacity:0}}
@keyframes demo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes demo-orbit{to{transform:rotate(360deg)}}

@media(max-width:1100px){.chatbot-hero .intent-hero-grid{grid-template-columns:minmax(0,1fr) 390px;gap:35px}.demo-chip-ai{left:-20px}.demo-chip-official{right:-20px}.demo-chip-context{left:-8px}}
@media(max-width:950px){.chatbot-hero{min-height:0}.chatbot-hero .intent-hero-grid{grid-template-columns:1fr}.chatbot-hero-copy{max-width:780px}.chatbot-demo{width:min(520px,100%);margin:10px auto 0}.demo-chip-ai{left:8px}.demo-chip-official{right:2px}}
@media(max-width:560px){.chatbot-hero{padding-bottom:55px}.chatbot-hero h1{font-size:36px;overflow-wrap:break-word}.chatbot-hero .intent-lead{max-width:100%;font-size:15px}.chatbot-demo{min-height:530px}.demo-phone{width:280px}.demo-chat{min-height:374px}.demo-chip{padding:8px}.demo-chip i{width:25px;height:25px}.demo-chip-ai{left:-5px;top:92px}.demo-chip-official{right:-7px;bottom:57px}.demo-chip-context{display:none}.demo-orbit-one{width:330px;height:330px}.demo-orbit-two{width:400px;height:400px}.chatbot-product-frame{padding:4px;border-radius:14px}.chatbot-product-frame img{border-radius:10px}.chatbot-product-figure figcaption{grid-template-columns:1fr;gap:5px;padding-top:12px}}
@media(prefers-reduced-motion:reduce){.demo-orbit,.demo-chip{animation:none}.demo-message,.demo-options,.demo-status{opacity:1;transform:none;animation:none}}