:root{--bg: #0b0d12;--card: #12151d;--bubble: #1a1d2b;--panel: #0f1119;--text: #f5f6f8;--text-2: #c4c6e0;--muted: #8a8db0;--pale: #e7e7ff;--accent: #5b5cf6;--accent-hi: #6a6bf8;--accent-lt: #7879f7;--ok: #22d3a0;--line: rgba(255, 255, 255, .06);--line-2: rgba(255, 255, 255, .14);--line-3: rgba(255, 255, 255, .22);--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:IBM Plex Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body{overflow:hidden}a{color:var(--text);text-decoration:none}a:hover{color:var(--pale)}button{font:inherit}@keyframes live{0%{box-shadow:0 0 #5b5cf6a6}to{box-shadow:0 0 0 10px #5b5cf600}}@keyframes fadeup{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}.demo-app{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.pill{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px 0 14px;border-radius:999px;border:1px solid var(--line-3);font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);white-space:nowrap}.pill--live,.pill--accent{border-color:#7879f780;background:#5b5cf629;color:var(--pale)}.pill--accent{height:auto;padding:9px 16px 9px 12px}.pill--sm{font-size:11px;padding:7px 14px 7px 10px;white-space:normal;line-height:1.5}.dot-live,.dot-plain{flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent-lt)}.dot-live{animation:live 1.6s ease-out infinite}.dot-live--white{background:#fff}.dot-plain{width:6px;height:6px}.dot-ok{flex:none;width:6px;height:6px;border-radius:50%;background:var(--ok)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:56px;padding:0 26px;border:1px solid transparent;border-radius:999px;font-size:16px;color:var(--text);white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.btn--sm{height:52px;font-size:15px;padding:0 24px}.btn--primary{padding-left:22px;padding-right:28px;background:var(--accent);color:#fff;font-weight:500;box-shadow:0 0 40px #5b5cf666}.btn--primary:hover{background:var(--accent-hi)}.btn--ghost{border-color:var(--line-3);background:transparent;gap:10px}.btn--ghost:hover{border-color:#fff9}.btn--mic-off{gap:10px;border-color:#7879f7b3;background:#5b5cf629}.btn--mic-off:hover{background:#5b5cf642}.btn--end{gap:10px;padding-left:20px;background:var(--text);color:var(--bg);font-weight:500}.btn--end:hover{background:#fff}.stop-square{flex:none;width:10px;height:10px;border-radius:2px;background:var(--bg)}.btn--icon{gap:10px}.mic-icon{position:relative;display:block;width:18px;height:18px;flex:none}.mic-cap{position:absolute;left:6px;top:1px;width:6px;height:10px;border-radius:3px;background:currentColor}.mic-arc{position:absolute;left:3px;top:6px;width:12px;height:8px;border:1.5px solid currentColor;border-top:0;border-radius:0 0 7px 7px}.mic-stem{position:absolute;left:8.25px;top:13.5px;width:1.5px;height:3px;background:currentColor}.mic-base{position:absolute;left:5px;top:16.5px;width:8px;height:1.5px;border-radius:1px;background:currentColor}.mic-icon--off{color:var(--text-2)}.mic-slash{position:absolute;left:8.25px;top:-2px;width:1.5px;height:22px;border-radius:1px;background:var(--accent-lt);box-shadow:0 0 0 1.5px #12141c;transform:rotate(45deg)}.topbar{position:relative;z-index:2;flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 40px;border-bottom:1px solid var(--line)}.topbar-brand{display:flex;align-items:center;gap:14px}.topbar-logo{display:flex;align-items:center}.topbar-logo img{height:26px;width:auto;display:block}.badge-demo{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:1px solid var(--line-3);border-radius:999px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}.badge-lang{color:var(--muted);transition:color .15s,border-color .15s}.badge-lang:hover{color:var(--pale);border-color:#7879f7b3}.topbar-phone{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 18px 0 14px;border:1px solid var(--line-3);border-radius:999px;font-family:var(--mono);font-size:13px;white-space:nowrap}.topbar-phone:hover{border-color:#fff9}.idle{position:relative;flex:1;min-height:0;overflow:auto;display:grid;grid-template-rows:minmax(220px,1fr) auto auto}.idle-glow,.idle-canvas,.idle-veil{position:absolute;top:0;right:0;bottom:0;left:0}.idle-glow{background:radial-gradient(circle at 50% 28%,#5b5cf629,#5b5cf600 42%);pointer-events:none}.idle-canvas{width:100%;height:100%;display:block}.idle-veil{background:linear-gradient(180deg,rgba(11,13,18,.55),rgba(11,13,18,0) 26%,rgba(11,13,18,0) 44%,rgba(11,13,18,.9) 74%,var(--bg) 100%);pointer-events:none}.idle-spacer{position:relative}.idle-content{position:relative;display:grid;justify-items:center;text-align:center;padding:0 40px 30px}.idle-inner{display:grid;justify-items:center;max-width:780px}.idle-title{font-size:64px;line-height:1;font-weight:300;letter-spacing:-.035em;margin-top:24px;text-wrap:balance}.idle-title span{font-weight:500;color:var(--accent-lt)}.idle-sub{font-size:18px;line-height:1.5;color:var(--text-2);max-width:560px;margin-top:20px;text-wrap:pretty}.idle-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}.idle-note{margin-top:16px;font-family:var(--mono);font-size:12px;color:var(--muted)}.idle-error{margin-top:16px;padding:9px 16px;border:1px solid rgba(248,113,113,.45);border-radius:999px;background:#f871711a;font-size:14px;color:#fca5a5}.idle-debug{margin-top:16px}.idle-chips{margin-top:40px;display:grid;justify-items:center;gap:12px}.chips-title{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.chips-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.chip{height:38px;padding:0 16px;border:1px solid var(--line-2);background:#0b0d1280;border-radius:999px;font-size:14px;color:var(--pale);cursor:pointer;transition:border-color .15s,background .15s}.chip:hover{border-color:#7879f7b3;background:#5b5cf61f}.site-footer{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin:0 40px;padding:18px 0 20px;border-top:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--muted)}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--text-2)}.site-footer>:last-child{padding-right:56px}.call{flex:1;min-height:0;display:flex;flex-direction:column}.call-main{flex:1;min-height:0;overflow:auto;padding:0 40px 40px}.call-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:40px;align-items:start}.call-col{display:grid;gap:18px;min-width:0}.call-side{position:sticky;top:0;display:grid;gap:18px;align-content:start;padding-top:20px}.status{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;align-items:center;padding:20px 0 16px;background:var(--bg);border-bottom:1px solid rgba(255,255,255,.07)}.status:before{content:"";position:absolute;top:0;right:-40px;bottom:0;left:-40px;z-index:-1;background:var(--bg);pointer-events:none}.status-orb{position:relative;width:132px;height:132px}.status-orb-glow{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;background:radial-gradient(circle,#5b5cf659,#5b5cf600 70%)}.orb-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.status-body{display:grid;gap:10px;min-width:0}.status-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.status-name{font-size:15px;font-weight:500}.status-state{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.scope{position:relative;height:60px;border-radius:12px;background:var(--panel);border:1px solid var(--line);overflow:hidden}.scope-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.scope-label{position:absolute;left:10px;top:7px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);pointer-events:none}.feed{display:grid;gap:18px}.msg{animation:fadeup .35s ease-out}.msg-row{display:flex;align-items:flex-end;gap:10px}.msg--user .msg-row{justify-content:flex-end}.bubble{max-width:78%;padding:12px 16px;font-size:15px;line-height:1.45}.bubble--agent{background:linear-gradient(135deg,var(--accent-hi),var(--accent));border-radius:16px 16px 16px 5px;color:#fff;box-shadow:0 8px 28px -10px #5b5cf6b3}.bubble--user{background:var(--bubble);border:1px solid rgba(255,255,255,.07);border-radius:16px 16px 5px;color:var(--pale)}.bubble--interim{background:#1a1d2b99;border:1px dashed rgba(255,255,255,.16);border-radius:16px 16px 5px;color:var(--text-2);min-height:45px}.bubble-foot{display:flex;align-items:center;gap:8px;margin-top:9px}.bubble-secs{font-family:var(--mono);font-size:11px;color:var(--muted)}.bubble--agent .bubble-secs{color:#fffc}.wave{display:inline-flex;align-items:center;gap:2px;height:14px}.wave-bar{width:2px;border-radius:1px;background:#e7e7ff73;flex:none}.wave--light .wave-bar{background:#ffffffb8}.caret{display:inline-block;width:6px;height:15px;margin-left:4px;vertical-align:-2px;border-radius:1px;background:var(--accent-lt);animation:blink .9s ease-in-out infinite}.caret--light{background:#ffffffe6}.avatar{flex:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500}.avatar--agent{background:var(--accent);box-shadow:0 0 14px #7879f780}.avatar--agent img{width:16px;height:16px;object-fit:contain;display:block}.avatar--user{background:var(--pale);color:var(--bg)}.avatar--dim{opacity:.6}.msg-time{margin-top:5px;font-family:var(--mono);font-size:11px;color:var(--muted)}.msg--agent .msg-time{padding-left:40px}.msg--user .msg-time{text-align:right;padding-right:40px}.feed-action{display:flex;justify-content:center;animation:fadeup .35s ease-out}.feed-action-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 10px;border:1px solid rgba(120,121,247,.35);border-radius:999px;font-family:var(--mono);font-size:12px;line-height:1.4;color:var(--text-2);text-align:center}.connecting{text-align:center;padding:24px 0;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ended-card{margin-top:20px;padding:32px;background:var(--card);border:1px solid rgba(91,92,246,.35);border-radius:24px;animation:fadeup .4s ease-out}.ended-title{font-size:36px;line-height:1.05;font-weight:300;letter-spacing:-.03em;margin-top:18px;text-wrap:balance}.ended-title span{font-weight:500;color:var(--accent-lt)}.ended-sub{font-size:15px;line-height:1.5;color:var(--text-2);margin-top:14px;max-width:540px;text-wrap:pretty}.ended-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.actions{display:grid;gap:10px;align-content:start}.actions-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}.actions-head-text{display:grid;gap:4px}.actions-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.actions-sub{font-size:13px;color:var(--text-2)}.actions-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#5b5cf629;border:1px solid rgba(120,121,247,.4);font-family:var(--mono);font-size:12px;color:var(--pale)}.actions-empty{padding:16px 18px;border:1px dashed rgba(255,255,255,.12);border-radius:16px;font-size:13px;line-height:1.5;color:var(--muted)}.action{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:16px 18px 16px 16px;background:var(--card);border:1px solid rgba(91,92,246,.18);border-radius:16px;animation:fadeup .35s ease-out}.action-tile{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#5b5cf624;border:1px solid rgba(120,121,247,.3);font-family:var(--mono);font-size:12px;font-weight:500;color:var(--pale)}.action-body{min-width:0}.action-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.action-title{font-size:15px;font-weight:500;margin-top:6px;line-height:1.3}.action-sub{font-size:13px;color:var(--text-2);margin-top:3px;line-height:1.45}.action-status{display:flex;align-items:center;gap:8px;margin-top:10px;font-family:var(--mono);font-size:11px;color:var(--muted)}.action--hi{background:#5b5cf629;border-color:#5b5cf699;box-shadow:0 12px 40px -18px #5b5cf6cc}.action--hi .action-tile{background:var(--accent);border-color:transparent;color:#fff;box-shadow:0 0 18px #7879f799}.action--hi .action-meta{color:var(--accent-lt)}.action--hi .action-status{color:var(--pale)}.action--hi .dot-ok{box-shadow:0 0 8px #22d3a0b3}.controls{flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:16px 40px calc(22px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg)}.controls-hint,.controls-phone{font-family:var(--mono);font-size:12px;color:var(--muted)}.controls-phone{text-align:right;padding-right:56px}.controls-phone a{color:var(--muted)}.controls-phone a:hover{color:var(--text-2)}.controls-mid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.audio-gate{position:fixed;left:50%;bottom:96px;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 18px;border-radius:999px;border:1px solid rgba(120,121,247,.5);background:#12151df5;box-shadow:0 12px 40px -12px #000c}.audio-gate-hint{font-family:var(--mono);font-size:12px;color:var(--text-2)}.audio-gate-btn{border:0;border-radius:999px;padding:9px 18px;background:var(--accent);color:#fff;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap}.audio-gate-btn:hover{background:var(--accent-hi)}.debug-toggle{position:fixed;right:14px;bottom:14px;z-index:60;height:28px;padding:0 12px;border:1px solid var(--line-2);border-radius:999px;background:#0b0d12cc;color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;opacity:.5;transition:opacity .15s,color .15s,border-color .15s}.debug-toggle:hover{opacity:1}.debug-toggle--on{opacity:1;color:var(--pale);border-color:#7879f799;background:#5b5cf629}.last-session{position:fixed;left:40px;bottom:56px;z-index:40;max-width:320px}.model-picker{display:inline-grid;gap:8px;justify-items:start;max-width:560px;text-align:left}.model-picker-row{position:relative;display:inline-flex;align-items:center;gap:10px;padding:6px 8px 6px 14px;border:1px solid rgba(120,121,247,.4);border-radius:999px;background:#5b5cf61a}.model-picker-row:after{content:"";position:absolute;right:20px;top:50%;width:6px;height:6px;border-right:1.5px solid var(--text-2);border-bottom:1.5px solid var(--text-2);transform:translateY(-70%) rotate(45deg);pointer-events:none}.model-picker-label{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.model-picker-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:30px;min-width:168px;padding:0 34px 0 12px;border:1px solid rgba(120,121,247,.5);border-radius:999px;background:#5b5cf647;color:var(--pale);font-family:var(--mono);font-size:12px;cursor:pointer;color-scheme:dark}.model-picker-select:disabled{cursor:default;opacity:.6}.model-picker-select:focus-visible{outline:2px solid rgba(120,121,247,.7);outline-offset:2px}.model-picker-note{font-family:var(--mono);font-size:11px;line-height:1.55;color:var(--muted);max-width:560px}.metrics-bar{flex:none;display:flex;align-items:center;gap:16px;padding:10px 40px;border-top:1px solid var(--line);background:var(--panel);font-family:var(--mono);font-size:11px;color:var(--muted);overflow-x:auto}.metrics-bar--active{color:var(--text-2)}.metrics-label{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.metrics-cells{display:flex;align-items:center;gap:14px}.metrics-cell{display:grid;gap:2px;white-space:nowrap}.metrics-cell-title{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.metrics-cell-val{font-size:12px;color:var(--text)}.metrics-cell--total .metrics-cell-val{font-weight:500}.metrics-sep{width:1px;height:22px;background:var(--line)}.metrics-total--good{color:var(--ok)}.metrics-total--bad{color:#fca5a5}.vad-state--speaking{color:var(--accent-lt)}.vad-state--silence{color:var(--muted)}.dbg-panel{display:grid;gap:10px;align-content:start;padding:14px;border:1px solid rgba(120,121,247,.28);border-radius:16px;background:var(--card);font-size:12px}.dbg-title{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:400}.dbg-live{color:var(--accent-lt)}.dbg-ident{display:grid;gap:4px}.dbg-ident-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.dbg-ident-label{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.dbg-ident-copy{border:0;background:transparent;color:var(--accent-lt);font-family:var(--mono);font-size:10px;cursor:pointer}.dbg-ident-value{display:block;padding:6px 8px;border-radius:8px;background:var(--panel);font-family:var(--mono);font-size:11px;color:var(--text-2);word-break:break-all}.dbg-model-src{font-family:var(--mono);font-size:10px;color:var(--muted)}.dbg-model--mismatch{color:#fca5a5}.dbg-slots{display:grid;gap:8px}.dbg-slot{padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.dbg-slot-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.dbg-slot-title{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.dbg-slot-count{font-family:var(--mono);font-size:10px;color:var(--muted)}.dbg-hint{font-size:11px;color:var(--muted);line-height:1.4}.dbg-empty,.dbg-idle{color:var(--muted);font-family:var(--mono);font-size:11px}.dbg-scalar{color:var(--text-2)}.dbg-json{margin-top:6px;max-height:160px;overflow:auto;font-family:var(--mono);font-size:10px;line-height:1.4;color:var(--text-2);white-space:pre-wrap;word-break:break-word}.dbg-log-wrap{display:grid;gap:6px}.dbg-log-title{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.dbg-log{display:grid;gap:4px;max-height:260px;overflow:auto;list-style:none}.dbg-row{display:grid;grid-template-columns:44px 68px minmax(0,1fr);gap:8px;padding:4px 6px;border-radius:8px;background:var(--panel);font-family:var(--mono);font-size:10px;color:var(--text-2)}.dbg-t{color:var(--muted)}.dbg-type{color:var(--accent-lt);text-transform:uppercase;letter-spacing:.06em}.dbg-sum{word-break:break-word;color:var(--text-2)}.dbg-row--error .dbg-type{color:#fca5a5}.dbg-row--working .dbg-type{color:var(--ok)}.dbg-row--turn{background:#5b5cf624}@media(max-width:960px){.call-grid{grid-template-columns:minmax(0,1fr);gap:28px}.call-side{position:static;padding-top:0}}@media(max-width:760px){.topbar,.idle-content,.call-main,.controls,.metrics-bar{padding-left:20px;padding-right:20px}.topbar{padding-top:12px;padding-bottom:12px}.topbar-logo img{height:22px}.status{padding:12px 0}.scope{height:44px}.controls{padding-top:12px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.call-main{padding-bottom:24px}.feed{gap:14px}.site-footer{margin:0 20px}.last-session{left:20px}.idle-title{font-size:40px}.hide-narrow{display:none!important}.controls{grid-template-columns:1fr}.status{grid-template-columns:72px minmax(0,1fr);gap:12px}.status:before{top:0;right:-20px;bottom:0;left:-20px}.status-orb{width:72px;height:72px}.status-name{font-size:14px}}@media(max-width:560px){.scope,.btn--icon .btn-label{display:none}.btn--icon{padding-left:18px;padding-right:18px}.status{grid-template-columns:64px minmax(0,1fr)}.status-orb{width:64px;height:64px}.topbar{gap:10px}.topbar-logo img{height:22px}.badge-demo{display:none}.topbar .pill{padding:0 12px 0 10px;letter-spacing:.04em}.pill--accent{white-space:normal;text-align:center}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}