:root{color-scheme:dark;--font-main: "Avenir Next", "Segoe UI", system-ui, sans-serif;--blue: #2563eb;--teal: #14b8a6;--green: #22c55e;--red: #dc2626;--text: #f4f7fb;--text-muted: rgba(148, 163, 184, .85);--text-soft: rgba(241, 245, 249, .72);--surface: rgba(8, 12, 20, .72);--surface-elevated: rgba(15, 23, 42, .55);--border: rgba(148, 163, 184, .12);--border-light: rgba(148, 163, 184, .08);--radius-lg: 28px;--radius-md: 22px;--radius-sm: 14px;--max-width: 860px}:root{font-family:var(--font-main);background:radial-gradient(ellipse at 20% 0%,rgba(37,99,235,.15),transparent 50%),radial-gradient(ellipse at 80% 0%,rgba(20,184,166,.12),transparent 45%),linear-gradient(180deg,#0a0a0a,#05070c);color:var(--text);line-height:1.55;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;touch-action:manipulation}#root{min-height:100vh}.app-shell{max-width:var(--max-width);margin:0 auto;min-height:100vh;padding:24px 20px 48px;display:flex;flex-direction:column;gap:20px;animation:fadeIn .6s ease both}.hero-section,.demo-panel,.post-call-card{border:1px solid var(--border);background:var(--surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px #ffffff0a inset,0 24px 60px #0000004d}.hero-section{padding:28px 28px 24px;border-radius:var(--radius-lg);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--teal),transparent);opacity:.6}.hero-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.logo-mark{display:inline-flex;align-items:center;gap:10px}.logo-chip{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff}.logo-wordmark{font-size:.82rem;text-transform:uppercase;letter-spacing:.16em;color:#8bc7ffe6;font-weight:600}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--green);background:#22c55e1a;border:1px solid rgba(34,197,94,.2)}.hero-badge:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--green);animation:badge-pulse 2s ease-in-out infinite}.hero-copy{max-width:640px}.hero-copy h1{font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.05;margin:0 0 14px;letter-spacing:-.02em;font-weight:700;background:linear-gradient(135deg,var(--text) 60%,rgba(139,199,255,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subheadline{max-width:540px;color:var(--text-soft);font-size:clamp(.95rem,1.8vw,1.12rem);margin:0;line-height:1.6}.scenario-pills{margin-top:22px;animation:fadeInUp .4s ease .2s both}.scenario-pills-label{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin-bottom:10px}.scenario-pill-row{display:flex;flex-wrap:wrap;gap:8px}.scenario-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;font-size:.82rem;color:var(--text-soft);background:#1e293b80;border:1px solid var(--border);transition:border-color .2s ease,color .2s ease}.scenario-pill:hover{border-color:#94a3b840;color:var(--text)}.scenario-pill-emoji{font-size:.9rem}.browser-notice{margin-top:16px;color:#f9c978;font-size:.9rem}.demo-shell{display:flex;flex-direction:column;gap:16px}.demo-panel{border-radius:var(--radius-lg);padding:32px 24px;min-height:480px;display:flex;flex-direction:column;align-items:center;gap:16px}.status-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 16px;border-radius:999px;background:#1e293b66;border:1px solid var(--border-light);font-size:.82rem;color:var(--text-muted);transition:all .3s ease}.status-indicator-active{background:#22c55e14;border-color:#22c55e2e}.status-dot{width:8px;height:8px;border-radius:999px;background:#475569;transition:all .3s ease}.status-dot-active{background:var(--green);box-shadow:0 0 0 4px #22c55e26}.status-dot.status-speaking{background:var(--teal);box-shadow:0 0 0 4px #14b8a626;animation:badge-pulse 1.4s ease-in-out infinite}.status-dot.status-listening{background:var(--green);animation:badge-pulse 1.8s ease-in-out infinite}.status-dot.status-connecting{background:#f59e0b;animation:badge-pulse 1s ease-in-out infinite}.status-text{font-weight:500}.status-mic-badge{display:inline-flex;align-items:center;color:var(--green);opacity:.8}.call-button-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;margin:8px 0}.call-button-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 14px));width:min(230px,66vw);aspect-ratio:1;border-radius:999px;border:2px solid rgba(34,197,94,.15);animation:ring-pulse 2.8s ease-in-out infinite;pointer-events:none}.call-button{width:min(220px,62vw);aspect-ratio:1;border-radius:999px;border:none;background:radial-gradient(circle at 35% 35%,#44d37f,#0a8f49);color:#fff;font-size:1.3rem;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 20px 50px #05966966,0 0 0 1px #ffffff14 inset;transition:transform .2s ease,box-shadow .2s ease;position:relative;z-index:1}.call-button:hover{transform:translateY(-3px);box-shadow:0 24px 60px #05966980,0 0 0 1px #ffffff1a inset}.call-button:active{transform:scale(.97)}.call-button-active{background:radial-gradient(circle at 35% 35%,#ff6a70,#b91c1c);box-shadow:0 20px 50px #dc262659,0 0 0 16px #ef44440f;animation:pulse 2s ease-in-out infinite}.call-button-active:hover{box-shadow:0 24px 60px #dc262673,0 0 0 16px #ef444414}.phone-icon{display:flex;align-items:center;justify-content:center}.call-button-label{font-size:1.2rem;font-weight:700;letter-spacing:.02em}.call-button-hint{font-size:.78rem;color:var(--text-muted);text-align:center;animation:fadeIn .4s ease .3s both}.visualizer{height:72px;display:flex;align-items:flex-end;justify-content:center;gap:4px;opacity:.2;position:relative;transition:opacity .4s ease}.visualizer-glow{position:absolute;top:-20px;right:-40px;bottom:-20px;left:-40px;background:radial-gradient(ellipse,rgba(37,99,235,.12),transparent 70%);pointer-events:none;opacity:0;transition:opacity .4s ease}.visualizer-active .visualizer-glow{opacity:1}.visualizer-bar{width:3px;min-height:6px;border-radius:999px;background:linear-gradient(180deg,var(--teal),var(--blue));transform-origin:bottom}.visualizer-active{opacity:1}.visualizer-active .visualizer-bar{animation:wave 1s ease-in-out infinite}.transcript-panel{width:min(680px,100%);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-elevated);padding:18px;animation:fadeInUp .3s ease both}.transcript-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.transcript-header h2{margin:0;font-size:.92rem;font-weight:600;color:var(--text)}.transcript-live-dot{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--green);font-weight:600}.transcript-live-dot:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--green);animation:badge-pulse 2s ease-in-out infinite}.transcript-list{max-height:340px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.transcript-list::-webkit-scrollbar{width:4px}.transcript-list::-webkit-scrollbar-track{background:transparent}.transcript-list::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:999px}.transcript-entry{padding:12px 16px;border-radius:16px;max-width:88%;animation:fadeInUp .2s ease both}.transcript-entry-user{align-self:flex-start;background:#1e293b80;border-left:3px solid rgba(148,163,184,.25)}.transcript-entry-assistant{align-self:flex-end;background:#2563eb1f;border-left:3px solid rgba(37,99,235,.4)}.transcript-entry-live{border-left-color:#7dd3fc66;border-style:solid;border-width:0 0 0 3px;outline:1px dashed rgba(125,211,252,.2);outline-offset:-1px}.speaker-label{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#7dd3fc;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.speaker-avatar{width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;letter-spacing:0;text-transform:none}.speaker-avatar-ai{background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff}.speaker-avatar-you{background:#47556999;color:#e2e8f0cc}.transcript-entry-user .speaker-label{color:#94a3b8e6}.transcript-entry p{margin:0;color:#eff6ff;font-size:.92rem;line-height:1.55}.error-banner{width:min(680px,100%);padding:12px 16px;border-radius:16px;color:#ffe4e6;background:#be185d29;border:1px solid rgba(244,114,182,.2);font-size:.9rem}.transcript-entry-booking{align-self:center;background:#14b8a61a;border:1px solid rgba(20,184,166,.25);border-left:3px solid var(--teal);text-align:center;font-size:.88rem;width:100%;max-width:100%}.transcript-entry-booking .speaker-label{color:var(--teal);justify-content:center}.transcript-entry-thinking{opacity:.7}.thinking-dots{display:flex;gap:5px;align-items:center;margin:0;height:18px}.thinking-dots span{width:6px;height:6px;border-radius:999px;background:#94a3b880;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}.post-call-card{width:min(520px,100%);margin:0 auto;padding:32px 28px;border-radius:var(--radius-lg);text-align:center;animation:cta-enter .4s ease forwards}.post-call-check{margin-bottom:16px}.post-call-kicker{margin:0 0 6px;color:var(--teal);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:600}.post-call-card h3{margin:0 0 10px;font-size:1.35rem;line-height:1.3;letter-spacing:-.01em;font-weight:700}.post-call-proof{margin:0 0 24px;color:var(--text-muted);font-size:.9rem}.primary-cta,.secondary-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;border-radius:999px;padding:14px 20px;font-size:.95rem;transition:transform .2s ease,box-shadow .2s ease}.primary-cta{background:linear-gradient(135deg,var(--blue),var(--teal));margin-bottom:10px;font-weight:700;color:#fff;box-shadow:0 8px 30px #2563eb40}.primary-cta:hover{transform:translateY(-1px);box-shadow:0 12px 40px #2563eb59}.secondary-cta{color:var(--text-muted);font-size:.85rem;padding:10px 18px}.secondary-cta:hover{color:var(--text)}.restart-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;border-radius:999px;padding:10px 18px;margin-top:12px;background:transparent;color:#94a3b899;border:1px solid var(--border-light);cursor:pointer;font-size:.82rem;transition:color .2s ease,border-color .2s ease}.restart-cta:hover,.restart-cta:active{color:var(--text-soft);border-color:var(--border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cta-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1.8)}}@keyframes thinking-bounce{0%,80%,to{transform:scale(.7);opacity:.35}40%{transform:scale(1.2);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes ring-pulse{0%{transform:translate(-50%,calc(-50% - 14px)) scale(1);opacity:.5}50%{transform:translate(-50%,calc(-50% - 14px)) scale(1.12);opacity:.15}to{transform:translate(-50%,calc(-50% - 14px)) scale(1);opacity:.5}}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:768px){.app-shell{padding:14px 14px 32px}.hero-section,.demo-panel{border-radius:var(--radius-md);padding:18px}.demo-panel{min-height:auto;padding:24px 18px}.hero-copy h1,.transcript-entry{max-width:100%}.transcript-header{flex-direction:column;align-items:flex-start}.post-call-card{width:100%;padding:24px 20px}.scenario-pill-row{gap:6px}.scenario-pill{font-size:.76rem;padding:6px 10px}}@media(max-width:480px){.app-shell{padding:10px 10px 24px;gap:12px}.hero-section,.demo-panel{padding:14px;border-radius:18px}.demo-panel{gap:12px}.hero-top-row{margin-bottom:18px}.visualizer{gap:3px;height:56px}.visualizer-bar{width:2px}.call-button-wrapper{margin:4px 0}.transcript-list{max-height:260px}}@media(max-height:600px)and (orientation:landscape){.app-shell{gap:10px}.hero-section{padding:12px 18px}.scenario-pills{display:none}.hero-top-row{margin-bottom:12px}.demo-panel{min-height:auto;gap:10px}}