
/* Real, interactive Retell web calls — separate from the scripted V2 showcase. */
.live-modal-open{overflow:hidden}
.live-voice-modal[hidden]{display:none!important}.live-voice-modal{position:fixed;inset:0;z-index:1200;padding:24px;display:grid;place-items:center}
.live-voice-backdrop{position:absolute;inset:0;background:rgba(1,4,13,.89);backdrop-filter:blur(18px)}
.live-voice-dialog{position:relative;z-index:1;width:min(1080px,100%);max-height:calc(100dvh - 48px);overflow:auto;outline:none;border:1px solid #344871;border-radius:20px;background:linear-gradient(130deg,#111d34,#0b1324 65%);box-shadow:0 35px 100px rgba(0,0,0,.7);color:#ecf4ff}
.live-voice-head{padding:16px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #2a3a58}.live-voice-brand{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:800;letter-spacing:.07em}.live-voice-brand b{color:#86bdff}.live-voice-brand small{display:block;font-size:8px;letter-spacing:.15em;color:#7192c6;margin-top:3px}.live-voice-brandmark{width:38px;height:38px;display:grid;place-items:center;border:1px solid #628cdb;background:#26497c;border-radius:9px;color:#ebf5ff;font-size:25px}
.live-voice-head-right{display:flex;align-items:center;gap:14px}.live-voice-pill{font-size:10px;letter-spacing:.12em;color:#9ac3ff;border:1px solid #365783;border-radius:99px;padding:8px 12px;white-space:nowrap}.live-voice-close{font-size:28px;border:0;background:transparent;color:#d3e0f5;cursor:pointer;padding:0 6px}
.live-voice-content{display:grid;grid-template-columns:.94fr 1.06fr;min-height:480px}.live-voice-stage{position:relative;overflow:hidden;min-height:490px;background:radial-gradient(circle at 50% 48%,rgba(40,102,222,.27),transparent 45%),linear-gradient(140deg,#142644,#081020);display:grid;place-items:center;border-right:1px solid #283e64}.live-voice-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(129,178,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(129,178,255,.05) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(black,transparent)}
.live-voice-orbit{position:absolute;border:1px solid rgba(103,154,248,.3);border-radius:50%;width:300px;height:300px;box-shadow:0 0 30px rgba(33,104,240,.12);animation:apex-live-orbit 18s linear infinite}.live-voice-orbit.orbit-inner{width:235px;height:235px;border-style:dashed;animation-direction:reverse}.live-voice-orb{position:relative;z-index:1;display:grid;place-items:center;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 38% 28%,#60a5ff,#2253bb 48%,#101c39 84%);box-shadow:0 0 36px #447eff75,0 0 95px #3975ff49;border:1px solid #a4c6ff}.live-voice-orb-core{font-size:92px;color:#e3f2ff;font-weight:700;line-height:1}
.live-voice-eq{position:absolute;bottom:67px;left:50%;transform:translateX(-50%);height:32px;display:flex;align-items:center;gap:5px}.live-voice-eq i{display:block;width:4px;height:6px;background:#7bb9ff;border-radius:6px;opacity:.5}.call-live .live-voice-eq i{animation:apex-live-bars .55s ease-in-out infinite alternate}.call-live .live-voice-eq i:nth-child(3n){animation-delay:.25s}.call-live .live-voice-eq i:nth-child(2n){animation-delay:.1s}.call-live .live-voice-orb{animation:apex-live-pulse 1.5s ease-in-out infinite alternate}
.live-voice-agent-code{position:absolute;bottom:25px;font-size:9px;letter-spacing:.18em;color:#85aadf}
.live-voice-info{padding:42px 44px;display:flex;flex-direction:column;align-items:start}.live-voice-eyebrow{font-size:9px;letter-spacing:.17em;color:#7daff5;font-weight:800}.live-voice-eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#63a7ff;margin-right:6px}.live-voice-info h2{font-size:clamp(28px,3vw,40px);line-height:1.13;letter-spacing:-.04em;margin:21px 0 14px;font-weight:700}.live-voice-info h2 em{font-style:normal;color:#95beff}.live-voice-desc{font-size:13px;line-height:1.8;color:#a2b8db;margin:0 0 24px}
.live-voice-state{display:flex;align-items:center;gap:10px;padding:15px 16px;border:1px solid #304b7a;border-radius:10px;background:#132541;width:100%}.live-voice-state-dot{height:8px;width:8px;border-radius:50%;background:#76bbff;box-shadow:0 0 15px #6cafff}.live-voice-state strong{font-size:12px;flex:1;font-weight:700}.live-voice-state span:last-child{font-size:11px;font-variant-numeric:tabular-nums;color:#95b9f6}.live-voice-message{font-size:12px;line-height:1.6;color:#9fb6d9;min-height:55px;padding:12px 4px}
.live-voice-actions{display:flex;gap:10px;width:100%;margin:6px 0 18px}.live-voice-primary{flex:1;padding:16px 15px;border-radius:9px;border:1px solid #a5cdff;background:linear-gradient(120deg,#9dbdff,#d2e7ff);color:#08152e;font-weight:800;font-size:12px;cursor:pointer}.live-voice-primary:disabled{opacity:.55;cursor:not-allowed}.live-voice-mute{border:1px solid #45618e;padding:12px;border-radius:9px;background:#1d3050;color:#e3edff;font-weight:600;font-size:11px;cursor:pointer}.live-voice-mute:disabled{opacity:.4;cursor:not-allowed}
.live-voice-try{width:100%;padding-top:9px;border-top:1px solid #293957;display:flex;flex-direction:column;gap:7px}.live-voice-try>span{font-size:9px;letter-spacing:.13em;color:#7096ce}.live-voice-try button{border:0;text-align:left;background:transparent;color:#c0d4f1;font-size:12px;padding:6px 0;cursor:pointer}.live-voice-try button:hover{color:white}.live-voice-privacy{font-size:9px;line-height:1.7;color:#7590b5;margin:15px 0}.live-voice-consult{font-size:12px;color:#c6deff;text-decoration:none;font-weight:800}.live-voice-consult:hover{text-decoration:underline}.live-voice-bottom{display:flex;justify-content:space-between;align-items:center;padding:14px 25px;border-top:1px solid #273856;font-size:9px;letter-spacing:.1em;color:#6f8bac}.live-voice-bottom button{border:0;background:transparent;color:#bcd9ff;font-size:10px;font-weight:800;cursor:pointer}
.live-alt-demo{background:transparent;border:1px solid #526a95;color:#c9ddff;padding:14px 18px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700}.live-alt-demo:hover{background:#213b68}.cinema-actions-live{flex-wrap:wrap;align-items:center;gap:10px}.cinema-actions-live .cinema-hint{width:100%}
@keyframes apex-live-orbit{to{transform:rotate(360deg)}}@keyframes apex-live-pulse{to{transform:scale(1.07);filter:brightness(1.13)}}@keyframes apex-live-bars{to{height:28px;opacity:1}}
@media(max-width:850px){.live-voice-content{grid-template-columns:1fr}.live-voice-stage{min-height:240px;border-right:0;border-bottom:1px solid #304260}.live-voice-orbit{width:190px;height:190px}.live-voice-orbit.orbit-inner{width:150px;height:150px}.live-voice-orb{width:115px;height:115px}.live-voice-orb-core{font-size:62px}.live-voice-eq{bottom:22px}.live-voice-agent-code{bottom:10px;font-size:8px}.live-voice-info{padding:26px}}
@media(max-width:600px){.live-voice-modal{padding:0}.live-voice-dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:0}.live-voice-head{padding:12px 16px}.live-voice-content{min-height:0}.live-voice-stage{min-height:185px}.live-voice-orb{width:100px;height:100px}.live-voice-orb-core{font-size:55px}.live-voice-orbit{width:160px;height:160px}.live-voice-orbit.orbit-inner{width:125px;height:125px}.live-voice-eq{display:none}.live-voice-info{padding:20px 22px}.live-voice-info h2{margin:12px 0 8px}.live-voice-desc{font-size:12px;margin-bottom:13px}.live-voice-privacy{margin:9px 0}.live-voice-pill{font-size:8px}.live-voice-bottom{padding:10px 20px}}
@media(prefers-reduced-motion:reduce){.live-voice-orbit,.call-live .live-voice-orb,.call-live .live-voice-eq i{animation:none!important}}
