/* Call-agent live demo widget (moved from the previous homepage). */
#demo .agent-opt .glyph svg { width: 18px; height: 18px; color: var(--lime); }
#demo .demo-shell { max-width: 560px; margin: 40px auto 0; background: rgba(9,32,52,0.55); backdrop-filter: blur(14px); border: 1px solid rgba(127,220,240,0.18); border-radius: 10px; padding: 26px; text-align: left; }
#demo .demo-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
#demo .demo-head .lbl { font-family:'Oswald',sans-serif; font-size:0.7rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--cyan); }
#demo .status-pill { font-family:'Oswald',sans-serif; font-size:0.62rem; letter-spacing:0.1em; text-transform:uppercase; padding:5px 11px; border-radius:20px; display:flex; align-items:center; gap:6px; color:#9fb0bb; background:rgba(255,255,255,0.06); }
#demo .status-pill.live { color:#d3f0b8; background:rgba(142,201,4,0.14); }
#demo .status-pill .dot { width:6px; height:6px; border-radius:50%; background:currentColor; }
#demo .status-pill.live .dot { animation:gtpulse 1.4s ease-in-out infinite; }
@keyframes gtpulse { 0%,100%{opacity:1;} 50%{opacity:0.25;} }
#demo .agent-picker { display:flex; flex-direction:column; gap:8px; margin-bottom:16px; }
#demo .agent-opt { display:flex; align-items:center; gap:12px; width:100%; text-align:left; padding:10px 12px; border-radius:6px; border:1px solid rgba(127,220,240,0.18); background:rgba(255,255,255,0.03); color:#dfeef7; cursor:pointer; font-family:'Open Sans',sans-serif; transition:border-color .15s,background .15s; }
#demo .agent-opt:hover { border-color:var(--cyan); }
#demo .agent-opt.selected { border-color:var(--lime); background:rgba(142,201,4,0.1); }
#demo .agent-opt .glyph { flex:none; width:32px; height:32px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:0.95rem; background:rgba(142,201,4,0.16); }
#demo .agent-opt .nm { font-weight:600; font-size:0.87rem; display:block; }
#demo .agent-opt .ds { font-size:0.72rem; color:#9fb8c7; }
#demo .voice-toggle { display:flex; gap:6px; justify-content:center; margin-bottom:14px; }
#demo .voice-toggle button { font-family:'Oswald',sans-serif; padding:5px 16px; border-radius:20px; border:1px solid rgba(127,220,240,0.18); background:transparent; color:#9fb8c7; font-size:0.68rem; letter-spacing:0.08em; cursor:pointer; text-transform:uppercase; }
#demo .voice-toggle button.on { border-color:var(--lime); background:rgba(142,201,4,0.14); color:var(--lime); }
#demo .orb-wrap { display:flex; flex-direction:column; align-items:center; padding:6px 0 2px; }
#demo .orb { position:relative; width:130px; height:130px; border:none; background:none; padding:0; cursor:pointer; outline:none; touch-action:none; }
#demo .orb:focus-visible { outline:2px solid var(--lime); outline-offset:8px; border-radius:50%; }
#demo .orb .halo { position:absolute; inset:0; border-radius:60% 40% 70% 30% / 60% 30% 70% 40%; background:radial-gradient(circle at 30% 30%, rgba(142,201,4,0.5), rgba(142,201,4,0.22)); filter:blur(20px); animation:gtblobO 5s ease-in-out infinite; }
#demo .orb .core { position:absolute; left:14%; top:14%; width:72%; height:72%; border-radius:60% 40% 70% 30% / 60% 30% 70% 40%; background:radial-gradient(circle at 40% 40%, rgba(79,213,248,0.92), rgba(79,213,248,0.45)); box-shadow:inset 0 0 30px rgba(255,255,255,0.15); filter:blur(6px); animation:gtblobI 4s ease-in-out infinite; }
#demo .orb.recording .core { background:radial-gradient(circle at 40% 40%, rgba(239,68,68,0.9), rgba(239,68,68,0.5)); }
#demo .orb .ring { position:absolute; left:25%; top:25%; width:50%; height:50%; border-radius:50%; background:rgba(142,201,4,0.4); animation:gtpulseR 1.5s ease-in-out infinite; display:none; }
#demo .orb.connecting .ring { display:block; }
@keyframes gtblobO { 0%,100%{transform:scale(1); border-radius:60% 40% 70% 30% / 60% 30% 70% 40%;} 50%{transform:scale(1.08); border-radius:40% 60% 30% 70% / 50% 60% 40% 50%;} }
@keyframes gtblobI { 0%,100%{transform:scale(1); opacity:0.95;} 50%{transform:scale(1.05); opacity:1;} }
@keyframes gtpulseR { 0%,100%{transform:scale(1); opacity:0.8;} 50%{transform:scale(1.1); opacity:1;} }
#demo .orb-hint { font-family:'Oswald',sans-serif; margin-top:12px; font-size:0.72rem; letter-spacing:0.1em; text-transform:uppercase; color:#9fb8c7; text-align:center; min-height:18px; }
#demo .transcript { margin-top:12px; max-height:150px; overflow-y:auto; display:flex; flex-direction:column; gap:7px; font-size:0.85rem; }
#demo .transcript .welcome { color:#eef6fa; font-weight:600; }
#demo .transcript .you { color:#92abbb; font-style:italic; }
#demo .transcript .agent { color:#d3e2ec; }
#demo .transcript .sysstatus { color:#6c8697; font-size:0.78rem; }
#demo .call-err { margin-top:8px; color:#ffb4b4; font-size:0.78rem; text-align:center; min-height:16px; }
#demo .demo-actions { display:flex; flex-direction:column; align-items:center; gap:8px; margin-top:12px; }
#demo .sample-btn { font-family:'Oswald',sans-serif; background:transparent; border:1px solid rgba(127,220,240,0.28); color:#cfe0ea; font-size:0.68rem; letter-spacing:0.1em; text-transform:uppercase; padding:8px 16px; border-radius:20px; cursor:pointer; transition:all .15s; }
#demo .sample-btn:hover { border-color:var(--cyan); color:#fff; }
#demo .end-call { font-family:'Oswald',sans-serif; background:none; border:none; color:#8aa5b6; font-size:0.72rem; letter-spacing:0.1em; text-transform:uppercase; cursor:pointer; }
#demo .end-call:hover { color:#cfe0ea; }
#demo .call-note { font-size:0.7rem; color:#6c8697; text-align:center; margin-top:10px; }
@media (prefers-reduced-motion: reduce) { #demo .orb .halo, #demo .orb .core, #demo .orb .ring, #demo .status-pill.live .dot { animation: none; } }
#demo .demo-shell { margin-top: 0; }