/* CyberBot demo chat + home product section */
.cb-chat{--ch:#cc3333;position:relative;width:100%;max-width:420px;background:#fff;border-radius:22px;border:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(0,0,0,.28),10px 10px 0 var(--echo-2);overflow:hidden;font-size:15px}
.cb-demo{position:absolute;right:12px;top:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.08em;color:#fff;background:rgba(0,0,0,.25);padding:4px 10px;border-radius:99px}
.cb-demo i{width:6px;height:6px;border-radius:50%;background:#fff;animation:cbBlink 1.6s infinite}
@keyframes cbBlink{50%{opacity:.3}}
.cb-head{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--ch);color:#fff;transition:background .5s}
.cb-ch-ico{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:19px}
.cb-who{display:flex;flex-direction:column;line-height:1.25;flex:1}
.cb-who small{opacity:.85;font-size:12.5px}
.cb-ai{font-size:11px;font-weight:700;letter-spacing:.06em;background:#fff;color:var(--ch);padding:3px 8px;border-radius:6px;margin-right:52px;transition:color .5s}
.cb-body{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px;min-height:292px;background:linear-gradient(#fafafa,#f4f4f4)}
.cb-body p,.cb-out{margin:0;max-width:86%;padding:10px 13px;border-radius:16px;line-height:1.45;font-size:14.5px}
.cb-in{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:5px}
.cb-out{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px;display:flex;flex-direction:column;gap:6px}
.cb-typing{align-self:flex-start;background:#fff;border:1px solid var(--line);display:flex;gap:4px}
.cb-typing i{width:7px;height:7px;border-radius:50%;background:#bbb;animation:cbDot 1s infinite}
.cb-typing i:nth-child(2){animation-delay:.15s}.cb-typing i:nth-child(3){animation-delay:.3s}
@keyframes cbDot{50%{transform:translateY(-3px);background:var(--ch)}}
.cb-src{font-size:12px;color:var(--text-2);display:inline-flex;align-items:center;gap:6px;opacity:0;transition:opacity .4s}
.cb-src::before{content:"";width:10px;height:2px;background:var(--ch)}
.cb-src:empty{display:none}
.cb-chip{align-self:center;display:inline-flex;align-items:center;gap:8px;margin-top:4px;font-size:12.5px;font-weight:600;background:var(--ink);color:#fff;padding:7px 13px;border-radius:99px}
.cb-chip i{color:#ff8a8a}
.cb-in,.cb-typing,.cb-out,.cb-chip{opacity:0;transform:translateY(10px) scale(.97);transition:opacity .35s var(--ease),transform .45s var(--spring)}
.show,.cb-src.show{opacity:1!important;transform:none!important}
.cb-typing:not(.show){position:absolute;pointer-events:none}
.cb-out:not(.show){position:absolute;left:18px;bottom:60px}
.cb-tabs{display:flex;justify-content:center;gap:8px;padding:12px;border-top:1px solid var(--line);background:#fff}
.cb-tabs button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;color:#888;font-size:16px;cursor:pointer;transition:background .3s,color .3s,transform .3s var(--spring)}
.cb-tabs button:hover{color:var(--ink)}
.cb-tabs button.on{background:var(--ch);border-color:var(--ch);color:#fff;transform:scale(1.08)}

/* ---------- home: our products ---------- */
.prod{padding:clamp(70px,9vw,130px) 0}
.prod-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:clamp(30px,4vw,50px)}
.prod-head p{max-width:42ch;color:var(--text-2)}
.prod-card{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center;padding:clamp(28px,4vw,60px);border-radius:32px;background:var(--mist);overflow:hidden}
.prod-card::before{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;border:2px dashed #dcdcdc;animation:cbSpin 60s linear infinite}
@keyframes cbSpin{to{transform:rotate(360deg)}}
.prod-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--red);background:#fff;padding:6px 12px;border-radius:99px;border:1px solid #f0caca}
.prod-name{font-family:var(--disp,'Jost'),sans-serif;font-weight:600;font-size:clamp(44px,5.4vw,84px);line-height:.95;letter-spacing:-.04em;margin:18px 0 14px}
.prod-name span{color:var(--red)}
.prod-lede{font-size:clamp(17px,1.35vw,20px);color:#333;max-width:44ch}
.prod-points{list-style:none;padding:0;margin:26px 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.prod-points li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.4}
.prod-points i{flex:none;width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;color:var(--red);font-size:15px;box-shadow:3px 3px 0 var(--echo-2)}
.prod-points b{display:block;font-weight:600}
.prod-points span{color:var(--text-2);font-size:14px}
.prod-ctas{display:flex;flex-wrap:wrap;gap:12px}
.prod-demo{position:relative;display:grid;place-items:center}
.prod-channels{position:absolute;inset:-20px;pointer-events:none}
.prod-channels i{position:absolute;width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:19px;box-shadow:0 10px 24px -10px rgba(0,0,0,.3);animation:cbFloat 6s ease-in-out infinite}
.prod-channels i:nth-child(1){left:0;top:12%;color:#25d366}
.prod-channels i:nth-child(2){right:2%;top:4%;color:#0084ff;animation-delay:-1.5s}
.prod-channels i:nth-child(3){left:4%;bottom:14%;color:#d62976;animation-delay:-3s}
.prod-channels i:nth-child(4){right:0;bottom:22%;color:#229ed9;animation-delay:-4.5s}
@keyframes cbFloat{50%{transform:translateY(-12px)}}
@media (max-width:1000px){.prod-card{grid-template-columns:1fr}.prod-points{grid-template-columns:1fr}.prod-channels{display:none}}
@media (prefers-reduced-motion:reduce){.prod-card::before,.prod-channels i{animation:none}}