:root{color-scheme:dark;font-family:Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(37,99,235,.18),transparent 32%),radial-gradient(circle at top right,rgba(20,184,166,.15),transparent 28%),linear-gradient(180deg,#0a0a0a,#05070c);color:#f4f7fb;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:inherit}a{color:inherit;text-decoration:none}button{font:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;padding:20px 20px 40px;display:flex;flex-direction:column;gap:20px}.hero-section,.demo-panel,.post-call-card{border:1px solid rgba(148,163,184,.16);background:#080c14b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 60px #00000059}.hero-section{padding:24px;border-radius:28px;position:relative;overflow:hidden}.logo-mark{display:inline-flex;align-items:center;gap:12px;margin-bottom:36px}.logo-chip{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#14b8a6);font-weight:700;letter-spacing:.04em}.logo-wordmark,.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;color:#8bc7ff}.hero-copy{max-width:760px}.hero-copy h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:.96;margin:0 0 18px;max-width:11ch}.subheadline,.scenario-text,.browser-notice{max-width:720px;color:#f1f5f9d1;font-size:clamp(1rem,1.9vw,1.2rem)}.scenario-text{margin-top:10px}.browser-notice{margin-top:16px;color:#f9c978}.demo-shell{display:flex;flex-direction:column;gap:16px}.demo-panel{border-radius:32px;padding:24px;min-height:520px;display:flex;flex-direction:column;align-items:center;gap:18px}.status-indicator{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;color:#e2e8f0d1}.status-dot{width:10px;height:10px;border-radius:999px;background:#64748b}.status-dot-active{background:#22c55e;box-shadow:0 0 0 8px #22c55e1a}.status-subtle{color:#94a3b8e6;font-size:.92rem}.call-button{width:min(260px,72vw);aspect-ratio:1;border-radius:999px;border:none;background:radial-gradient(circle at 30% 30%,#44d37f,#0a8f49);color:#fff;font-size:1.4rem;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 18px 45px #05966973,inset 0 1px #fff3;transition:transform .18s ease,box-shadow .18s ease}.call-button:hover{transform:translateY(-2px)}.call-button-active{background:radial-gradient(circle at 30% 30%,#ff6a70,#b91c1c);box-shadow:0 18px 45px #dc262666,0 0 0 18px #ef444414;animation:pulse 1.8s ease-in-out infinite}.phone-icon{font-size:2.1rem}.visualizer{height:50px;display:flex;align-items:flex-end;gap:6px;opacity:.35}.visualizer-bar{width:4px;min-height:8px;border-radius:999px;background:linear-gradient(180deg,#7dd3fc,#2563eb)}.visualizer-active{opacity:1}.visualizer-active .visualizer-bar{animation:wave 1s ease-in-out infinite}.transcript-panel{width:min(760px,100%);border-radius:24px;border:1px solid rgba(148,163,184,.14);background:#0f172a8c;padding:18px}.transcript-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.transcript-header h2{margin:0;font-size:1rem}.transcript-header span{color:#94a3b8d9;font-size:.9rem}.transcript-list{max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:12px}.transcript-entry{padding:14px 16px;border-radius:18px;background:#1e293b94;align-self:flex-start;max-width:85%}.transcript-entry-assistant{align-self:flex-end;background:#2563eb2e}.transcript-entry-live{border:1px dashed rgba(125,211,252,.35)}.speaker-label{display:inline-block;margin-bottom:6px;color:#7dd3fc;font-size:.8rem;text-transform:uppercase;letter-spacing:.14em}.transcript-entry p{margin:0;color:#eff6ff}.error-banner{width:min(760px,100%);padding:14px 16px;border-radius:18px;color:#ffe4e6;background:#be185d38;border:1px solid rgba(244,114,182,.3)}.post-call-card{width:min(560px,100%);margin:0 auto;padding:24px;border-radius:28px;text-align:center;animation:cta-enter .3s ease forwards}.post-call-kicker{margin:0 0 8px;color:#8bc7ff;text-transform:uppercase;letter-spacing:.15em;font-size:.78rem}.post-call-card h3{margin:0 0 18px;font-size:1.5rem}.primary-cta,.secondary-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;border-radius:999px;padding:14px 18px}.primary-cta{background:linear-gradient(135deg,#2563eb,#14b8a6);margin-bottom:10px;font-weight:700}.secondary-cta{color:#e2e8f0d1;border:1px solid rgba(148,163,184,.18)}.restart-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;border-radius:999px;padding:12px 18px;margin-top:10px;background:transparent;color:#94a3b8b3;border:1px solid rgba(148,163,184,.14);cursor:pointer;font-size:.9rem;transition:color .16s ease,border-color .16s ease}.restart-cta:hover{color:#e2e8f0e6;border-color:#94a3b84d}.transcript-entry-booking{align-self:center;background:#14b8a624;border:1px solid rgba(20,184,166,.3);text-align:center;font-size:.9rem;width:100%;max-width:100%}.transcript-entry-booking .speaker-label{color:#14b8a6}.transcript-entry-thinking{opacity:.7}.thinking-dots{display:flex;gap:5px;align-items:center;margin:0;height:18px}.thinking-dots span{width:7px;height:7px;border-radius:999px;background:#94a3b899;animation:thinking-bounce 1.2s ease-in-out infinite}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes cta-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1.6)}}@keyframes thinking-bounce{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1.2);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@media(max-width:768px){.app-shell{padding:14px}.hero-section,.demo-panel{border-radius:22px;padding:18px}.hero-copy h1,.transcript-entry{max-width:100%}.transcript-header{flex-direction:column;align-items:flex-start}.post-call-card{width:100%}}