/* AI Chatbot Development page - hero only. Scoped to .cb-hero; loaded by this page only. */
.cb-hero{padding:72px 0 120px}
.cb-hero .hero-media{background:#080824}
.cb-hero .hero-overlay{background:radial-gradient(560px 520px at 79% 52%,rgba(94,234,212,.15),transparent 70%),radial-gradient(780px 580px at 88% 36%,rgba(109,40,217,.42),transparent 68%),radial-gradient(520px 360px at 0% 100%,rgba(109,40,217,.2),transparent 65%),linear-gradient(180deg,#0B0B2B 0%,#07071c 100%)}
.cb-stars{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.cb-stars::before,.cb-stars::after{content:"";position:absolute;inset:0}
.cb-stars::before{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22720%22 height=%22720%22%3E%3Ccircle cx=%22137%22 cy=%22582%22 r=%220.6%22 fill=%22%23ffffff%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22507%22 cy=%22460%22 r=%221%22 fill=%22%23ffffff%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%2296%22 cy=%22499%22 r=%220.6%22 fill=%22%235EEAD4%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%22622%22 cy=%222%22 r=%221.5%22 fill=%22%23C4B5FD%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%22234%22 cy=%22605%22 r=%220.6%22 fill=%22%23ffffff%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%2222%22 cy=%2226%22 r=%221.5%22 fill=%22%23ffffff%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22390%22 cy=%22702%22 r=%220.7%22 fill=%22%23ffffff%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%22540%22 cy=%22227%22 r=%221%22 fill=%22%23ffffff%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%22353%22 cy=%22236%22 r=%221.5%22 fill=%22%235EEAD4%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22296%22 cy=%2222%22 r=%221%22 fill=%22%23ffffff%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22190%22 cy=%22644%22 r=%221.5%22 fill=%22%23ffffff%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22340%22 cy=%22512%22 r=%221%22 fill=%22%23ffffff%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22310%22 cy=%22290%22 r=%221.2%22 fill=%22%235EEAD4%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%22603%22 cy=%2235%22 r=%221%22 fill=%22%235EEAD4%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22424%22 cy=%22680%22 r=%220.7%22 fill=%22%23C4B5FD%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%2288%22 cy=%22449%22 r=%221.5%22 fill=%22%23ffffff%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22167%22 cy=%22533%22 r=%221%22 fill=%22%235EEAD4%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%2230%22 cy=%22480%22 r=%220.6%22 fill=%22%235EEAD4%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22662%22 cy=%22174%22 r=%220.7%22 fill=%22%23ffffff%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%2212%22 cy=%22204%22 r=%221.2%22 fill=%22%23ffffff%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22414%22 cy=%22526%22 r=%220.8%22 fill=%22%23C4B5FD%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22470%22 cy=%22275%22 r=%221.5%22 fill=%22%23ffffff%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22392%22 cy=%22524%22 r=%220.7%22 fill=%22%23ffffff%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22436%22 cy=%2257%22 r=%221%22 fill=%22%23ffffff%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22516%22 cy=%22423%22 r=%221%22 fill=%22%235EEAD4%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22354%22 cy=%221%22 r=%221.2%22 fill=%22%23C4B5FD%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22469%22 cy=%22614%22 r=%220.6%22 fill=%22%23ffffff%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22563%22 cy=%22598%22 r=%220.7%22 fill=%22%23C4B5FD%22 fill-opacity=%220.25%22/%3E%3Ccircle cx=%2233%22 cy=%22689%22 r=%220.6%22 fill=%22%23ffffff%22 fill-opacity=%220.25%22/%3E%3Ccircle cx=%22463%22 cy=%2214%22 r=%220.8%22 fill=%22%23C4B5FD%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22112%22 cy=%22639%22 r=%220.7%22 fill=%22%23C4B5FD%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%2271%22 cy=%22171%22 r=%220.7%22 fill=%22%23ffffff%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22672%22 cy=%22279%22 r=%221.5%22 fill=%22%235EEAD4%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22719%22 cy=%22329%22 r=%221%22 fill=%22%23ffffff%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%2224%22 cy=%22319%22 r=%221%22 fill=%22%235EEAD4%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22192%22 cy=%22264%22 r=%220.6%22 fill=%22%23ffffff%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22620%22 cy=%22442%22 r=%220.6%22 fill=%22%23ffffff%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22406%22 cy=%22149%22 r=%220.6%22 fill=%22%235EEAD4%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22518%22 cy=%22694%22 r=%221%22 fill=%22%23ffffff%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22645%22 cy=%22711%22 r=%221.2%22 fill=%22%23ffffff%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%22536%22 cy=%22664%22 r=%220.6%22 fill=%22%23C4B5FD%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%22675%22 cy=%22646%22 r=%221%22 fill=%22%23C4B5FD%22 fill-opacity=%220.25%22/%3E%3Ccircle cx=%22128%22 cy=%22217%22 r=%220.6%22 fill=%22%23ffffff%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%2278%22 cy=%22317%22 r=%220.8%22 fill=%22%235EEAD4%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22578%22 cy=%22258%22 r=%220.7%22 fill=%22%23ffffff%22 fill-opacity=%220.25%22/%3E%3Ccircle cx=%22604%22 cy=%22222%22 r=%221.2%22 fill=%22%23ffffff%22 fill-opacity=%220.65%22/%3E%3C/svg%3E") 0 0/720px 720px repeat;animation:cbTw 7s ease-in-out infinite alternate}
.cb-stars::after{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22560%22 height=%22560%22%3E%3Ccircle cx=%2257%22 cy=%2293%22 r=%220.6%22 fill=%22%23ffffff%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22315%22 cy=%22257%22 r=%221.2%22 fill=%22%23ffffff%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22162%22 cy=%22441%22 r=%221.5%22 fill=%22%23C4B5FD%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%22557%22 cy=%22455%22 r=%221.2%22 fill=%22%23ffffff%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%2228%22 cy=%22372%22 r=%221%22 fill=%22%235EEAD4%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22433%22 cy=%22538%22 r=%220.7%22 fill=%22%23ffffff%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22241%22 cy=%22236%22 r=%220.6%22 fill=%22%23C4B5FD%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22177%22 cy=%22139%22 r=%221.2%22 fill=%22%23C4B5FD%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22526%22 cy=%22186%22 r=%221%22 fill=%22%23C4B5FD%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%22362%22 cy=%22370%22 r=%221%22 fill=%22%235EEAD4%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22472%22 cy=%22543%22 r=%220.7%22 fill=%22%23C4B5FD%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%22510%22 cy=%22512%22 r=%221.2%22 fill=%22%235EEAD4%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22472%22 cy=%22359%22 r=%221.2%22 fill=%22%235EEAD4%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22498%22 cy=%22227%22 r=%220.8%22 fill=%22%23C4B5FD%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22491%22 cy=%22316%22 r=%220.8%22 fill=%22%235EEAD4%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%22319%22 cy=%22212%22 r=%221%22 fill=%22%23C4B5FD%22 fill-opacity=%220.85%22/%3E%3Ccircle cx=%2277%22 cy=%22349%22 r=%221.5%22 fill=%22%23ffffff%22 fill-opacity=%220.25%22/%3E%3Ccircle cx=%22108%22 cy=%2260%22 r=%221.2%22 fill=%22%23C4B5FD%22 fill-opacity=%220.25%22/%3E%3Ccircle cx=%22232%22 cy=%22108%22 r=%221.2%22 fill=%22%23C4B5FD%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22250%22 cy=%22215%22 r=%220.6%22 fill=%22%23ffffff%22 fill-opacity=%220.65%22/%3E%3Ccircle cx=%2258%22 cy=%22371%22 r=%220.8%22 fill=%22%23ffffff%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%2224%22 cy=%2284%22 r=%220.6%22 fill=%22%23ffffff%22 fill-opacity=%220.25%22/%3E%3Ccircle cx=%2241%22 cy=%2221%22 r=%220.8%22 fill=%22%23ffffff%22 fill-opacity=%220.5%22/%3E%3Ccircle cx=%22160%22 cy=%22188%22 r=%221.2%22 fill=%22%235EEAD4%22 fill-opacity=%220.25%22/%3E%3Ccircle cx=%2244%22 cy=%22253%22 r=%220.7%22 fill=%22%23ffffff%22 fill-opacity=%220.25%22/%3E%3Ccircle cx=%22352%22 cy=%22115%22 r=%220.8%22 fill=%22%235EEAD4%22 fill-opacity=%220.5%22/%3E%3C/svg%3E") 130px 90px/560px 560px repeat;animation:cbTw 9s ease-in-out -3s infinite alternate}
@keyframes cbTw{from{opacity:.45}to{opacity:1}}
.cb-ring{position:absolute;top:30px;left:16px;width:22px;height:22px;border-radius:50%;border:1px solid rgba(94,234,212,.7);box-shadow:0 0 14px rgba(94,234,212,.35);pointer-events:none}
.cb-hero .hero2-grid{grid-template-columns:1.05fr .95fr;gap:56px;position:relative}
.cb-hero .chip i{background:#5EEAD4;box-shadow:0 0 10px rgba(94,234,212,.8)}
.cb-hero h1{font-size:clamp(40px,5.2vw,68px);line-height:1.03;letter-spacing:-.03em;font-weight:800;text-shadow:none;color:#fff}
.cb-g{background:linear-gradient(90deg,#5EEAD4 0%,#7DD3FC 40%,#A78BFA 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.cb-sub-h{display:block;margin-top:14px;font:500 clamp(24px,3vw,40px)/1.15 var(--display);letter-spacing:-.02em;color:rgba(201,197,232,.78);text-wrap:balance}
.cb-hero .hero2-text>p{margin-top:26px;color:#D3D0EC;font-size:17px;line-height:27px;max-width:520px}
.cb-hero .cta-row{margin-top:30px}
.cb-hero .btn-primary svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cb-hero .ls-checks{margin-top:24px}
.cb-visual{position:relative;padding:24px 0 8px 30px;animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.cb-glow{position:absolute;inset:-4% -10%;z-index:0;background:radial-gradient(closest-side,rgba(94,234,212,.2),rgba(109,40,217,.26) 55%,transparent 78%);filter:blur(28px);pointer-events:none}
.cb-card{position:relative;z-index:1;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,rgba(22,22,66,.94),rgba(11,11,43,.97));border:1px solid rgba(255,255,255,.13);box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 70px rgba(94,234,212,.09)}
.cb-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.cb-av{flex:none;width:34px;height:34px;border-radius:50%;border:1.5px solid #5EEAD4;color:#5EEAD4;font:700 12px/1 var(--body);display:grid;place-items:center;box-shadow:0 0 12px rgba(94,234,212,.3)}
.cb-hn b{display:block;font:600 14px/18px var(--body);color:#fff}
.cb-hn span{display:flex;align-items:center;gap:6px;font:500 12px/16px var(--body);color:#5EEAD4}
.cb-hn span::before{content:"";width:6px;height:6px;border-radius:50%;background:#5EEAD4}
.cb-demo{margin-left:auto;font:600 10px/1 var(--body);letter-spacing:.16em;color:#A9A6D2;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:5px 9px}
.cb-body{height:420px;overflow:hidden;padding:18px;display:flex;flex-direction:column;gap:12px;transition:opacity .4s}
.cb-body.cb-fade{opacity:0}
.cb-msg{max-width:82%;padding:10px 14px;border-radius:14px;font:500 14px/20px var(--body);overflow-wrap:anywhere}
.cb-msg.bot{align-self:flex-start;background:#1D1D52;border:1px solid rgba(255,255,255,.1);color:#EDEBFB;border-bottom-left-radius:4px}
.cb-msg.user{align-self:flex-end;background:linear-gradient(135deg,#5EEAD4,#38BDF8);color:#061330;font-weight:600;border-bottom-right-radius:4px}
.cb-in{animation:cbIn .38s cubic-bezier(.2,.8,.2,1) both}
@keyframes cbIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.cb-typing{align-self:flex-start;display:flex;gap:5px;align-items:center;padding:14px 16px;border-radius:14px;border-bottom-left-radius:4px;background:#1D1D52;border:1px solid rgba(255,255,255,.1)}
.cb-typing i{width:6px;height:6px;border-radius:50%;background:#A78BFA;animation:cbDot 1s ease-in-out infinite}
.cb-typing i:nth-child(2){animation-delay:.15s}.cb-typing i:nth-child(3){animation-delay:.3s}
@keyframes cbDot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
.cb-pill{align-self:center;margin-top:2px;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1px solid rgba(167,139,250,.55);background:rgba(109,40,217,.22);color:#DDD6FE;font:600 11px/1 var(--body);letter-spacing:.06em;text-transform:uppercase}
.cb-pill svg{width:13px;height:13px;stroke:#5EEAD4;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.cb-foot{display:flex;align-items:center;gap:10px;padding:12px 14px 14px;border-top:1px solid rgba(255,255,255,.08)}
.cb-input{flex:1;min-width:0;height:40px;display:flex;align-items:center;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);font:500 13px/1 var(--body);color:#8E8BB8;white-space:nowrap;overflow:hidden}
.cb-input.on{color:#EDEBFB}
.cb-input.on::after{content:"";width:1.5px;height:15px;margin-left:2px;background:#5EEAD4;animation:cbCaret .8s steps(1) infinite}
@keyframes cbCaret{50%{opacity:0}}
.cb-send{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#5EEAD4,#38BDF8)}
.cb-send svg{width:16px;height:16px;stroke:#061330;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cb-chip{position:absolute;z-index:3;left:0;top:104px;padding:9px 14px;border-radius:12px;background:rgba(11,11,43,.94);border:1px solid rgba(94,234,212,.55);box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 18px rgba(94,234,212,.15)}
.cb-chip small{display:block;font:600 10px/14px var(--body);letter-spacing:.14em;text-transform:uppercase;color:#5EEAD4}
.cb-chip b{display:block;font:700 13px/18px var(--body);color:#fff;white-space:nowrap}
.cb-note{position:relative;z-index:1;margin-top:14px;text-align:center;font:500 12px/16px var(--body);color:#A9A6D2}
@media (max-width:1023px){
  .cb-hero{padding:56px 0 80px}
  .cb-hero .hero2-grid{grid-template-columns:1fr;gap:44px}
  .cb-visual{max-width:540px;margin:0 auto;width:100%}
}
@media (max-width:639px){
  .cb-hero{padding:44px 0 64px}
  .cb-ring{display:none}
  .cb-visual{padding:22px 0 0}
  .cb-chip{left:12px;top:0}
  .cb-body{height:440px;padding:14px}
  .cb-msg{max-width:88%}
  .cb-hero .ls-checks{flex-direction:column;gap:10px}
}
@media (prefers-reduced-motion:reduce){
  .cb-stars::before,.cb-stars::after,.cb-visual,.cb-in,.cb-typing i{animation:none!important}
  .cb-body{transition:none}
}