:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fafafa;background:#09090b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #09090b;--surface: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .1);--muted: #a1a1aa;--accent: #e4e4e7;--glow: rgba(228, 228, 231, .35);--success: #86efac;--error: #fca5a5}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.06),transparent 42%),radial-gradient(circle at 50% 100%,rgba(120,120,140,.08),transparent 38%),var(--bg)}button,input{font:inherit}button{cursor:pointer}.demo-page{width:min(520px,calc(100% - 32px));margin:0 auto;padding:48px 0 64px;display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center}.demo-header{display:flex;flex-direction:column;gap:8px}.brand-row{display:flex;align-items:center;justify-content:center;gap:10px}.brand{margin:0;font-size:clamp(2rem,6vw,2.75rem);font-weight:600;letter-spacing:0;background:linear-gradient(180deg,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:0;color:var(--muted);font-size:.95rem}.api-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.api-dot.checking{background:var(--muted);opacity:.5}.api-dot.online{background:#4ade80;box-shadow:0 0 8px #4ade8099}.api-dot.offline{background:#f87171}.intro,.demo-explainer{width:100%;text-align:left}.intro p,.demo-hook{margin:0;color:var(--muted);line-height:1.6;font-size:.95rem}.demo-explainer h2{margin:0 0 10px;font-size:1rem;font-weight:600;color:var(--accent)}.demo-explainer ol{margin:14px 0 0;padding-left:1.25rem;color:var(--muted);font-size:.9rem;line-height:1.7}.demo-hook{margin-bottom:4px}.voice-orb-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;padding:12px 0 8px}.voice-orb{position:relative;width:120px;height:120px;display:grid;place-items:center}.voice-orb-core{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#71717a 55%,#27272a);box-shadow:0 0 40px var(--glow),inset 0 -8px 20px #00000059;z-index:2}.voice-orb-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12);opacity:0}.voice-orb-ring.ring-1{width:88px;height:88px}.voice-orb-ring.ring-2{width:108px;height:108px}.voice-orb-ring.ring-3{width:120px;height:120px}.voice-orb.waiting .voice-orb-ring,.voice-orb.listening .voice-orb-ring,.voice-orb.thinking .voice-orb-ring{opacity:1;animation:pulse-ring 2.4s ease-out infinite}.voice-orb.waiting .ring-2{animation-delay:.4s}.voice-orb.waiting .ring-3{animation-delay:.8s}.voice-orb.listening .voice-orb-core{animation:core-pulse 1.2s ease-in-out infinite}.voice-orb.listening .voice-orb-ring{animation:pulse-ring 1.1s ease-out infinite}.voice-orb.listening .ring-2{animation-delay:.2s}.voice-orb.listening .ring-3{animation-delay:.4s}.voice-orb.thinking .voice-orb-core{animation:thinking-glow 1.6s ease-in-out infinite}.voice-orb.thinking .voice-orb-ring{animation-duration:1.8s}.voice-orb.complete .voice-orb-core{background:radial-gradient(circle at 35% 30%,#bbf7d0,#4ade80,#166534);box-shadow:0 0 48px #4ade8073}.voice-orb-label{margin:0;color:var(--muted);font-size:.875rem}@keyframes pulse-ring{0%{transform:scale(.85);opacity:.7}to{transform:scale(1.15);opacity:0}}@keyframes core-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes thinking-glow{0%,to{filter:brightness(.95);transform:scale(1)}50%{filter:brightness(1.18);transform:scale(1.04)}}.call-to-agent{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.call-to-agent-lead{margin:0;color:var(--muted);font-size:.9rem;text-align:center}.call-button{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;border:none;border-radius:999px;background:#fafafa;color:#09090b;font-weight:600;text-decoration:none;transition:opacity .15s ease,box-shadow .15s ease}.call-button:hover{box-shadow:0 0 24px #ffffff26}.call-button:disabled{opacity:.55;cursor:not-allowed}.call-button.hang-up{background:transparent;color:#fca5a5;border:1px solid rgba(248,113,113,.35)}.call-button.hang-up:hover{box-shadow:none;border-color:#f871718c}.call-button-unavailable{margin:0;padding:14px 16px;border-radius:12px;border:1px solid var(--border);color:var(--muted);font-size:.85rem;line-height:1.5;text-align:center}.call-button-unavailable code{font-size:.8rem;color:var(--accent)}.call-number-hint{font-size:.8rem;color:var(--muted);letter-spacing:.02em}.script-card{width:100%;margin-top:4px;padding:16px;border-radius:14px;border:1px solid var(--border);background:var(--surface);text-align:left}.script-label{display:block;margin-bottom:8px;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.script-card p{margin:0 0 12px;color:var(--accent);font-size:.9rem;line-height:1.55}.ghost-button{padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.85rem;transition:color .15s ease,border-color .15s ease}.ghost-button:hover{color:#fafafa;border-color:#ffffff38}.reset-button{margin-top:4px}.status-banner{width:100%;padding:14px 16px;border-radius:12px;text-align:left;font-size:.9rem;line-height:1.5}.status-banner.error{border:1px solid rgba(248,113,113,.35);background:#f8717114;color:var(--error)}.status-banner:not(.error){border:1px solid var(--border);background:#ffffff08;color:var(--muted)}.call-ended-note{margin:0;font-size:.9rem;color:var(--muted);text-align:center}.automation-panel{width:100%;padding:16px;border:1px solid var(--border);border-radius:12px;background:#ffffff09;text-align:left;overflow:hidden;animation:panel-rise .45s ease both}.automation-header{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.automation-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.automation-header p{margin:0;color:var(--accent);font-size:.95rem}.automation-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}.automation-step{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;color:#d4d4d88c;transition:color .25s ease,transform .25s ease}.automation-step.active,.automation-step.done{color:#fafafa}.automation-step.active{transform:translate(2px)}.automation-step-dot{width:10px;height:10px;margin-top:5px;border-radius:50%;background:#a1a1aa66}.automation-step.active .automation-step-dot{background:#e4e4e7;box-shadow:0 0 16px #e4e4e759;animation:dot-breathe 1.25s ease-in-out infinite}.automation-step.done .automation-step-dot{background:var(--success);box-shadow:0 0 14px #86efac52}.automation-step strong,.automation-step small{display:block}.automation-step strong{font-size:.9rem;font-weight:600}.automation-step small{margin-top:2px;color:var(--muted);font-size:.78rem}.dispatch-notification{width:100%;padding:14px;border:1px solid rgba(134,239,172,.24);border-radius:12px;background:linear-gradient(180deg,#86efac1c,#86efac09),#ffffff0a;text-align:left;box-shadow:0 18px 45px #0000003d;animation:notification-slide .5s cubic-bezier(.16,1,.3,1) both}.dispatch-notification-top{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center}.dispatch-app-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#22c55e;color:#052e16;font-size:.72rem;font-weight:800;letter-spacing:0}.dispatch-title,.dispatch-subtitle{margin:0}.dispatch-title{color:#fafafa;font-size:.9rem;font-weight:600}.dispatch-subtitle,.dispatch-time{color:var(--muted);font-size:.76rem}.dispatch-message-bubble{margin-top:14px;padding:12px 13px;border-radius:12px;background:#fffffff0;color:#18181b;font-size:.9rem;line-height:1.5}.dispatch-payload{margin:12px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dispatch-payload div{min-width:0}.dispatch-payload dt{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.dispatch-payload dd{margin:3px 0 0;color:#e4e4e7;font-size:.78rem;overflow-wrap:anywhere}@keyframes panel-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dot-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes notification-slide{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){.demo-page{padding-top:32px;gap:24px}.voice-orb{width:100px;height:100px}.voice-orb-core{width:56px;height:56px}.dispatch-payload{grid-template-columns:1fr}}