:root{--ink: #0a1520;--ink-2: #0f1e2d;--navy: #1c314a;--navy-hi: #24476f;--paper: #f3efe6;--muted: #8b9aab;--faint: rgba(243, 239, 230, .08);--line: rgba(243, 239, 230, .12);--olive: #c4c63a;--olive-soft: rgba(196, 198, 58, .35);--coral: #ff6a45;--coral-soft: rgba(255, 106, 69, .38);--serif: "Instrument Serif", Georgia, serif;--sans: "Inter", system-ui, -apple-system, sans-serif;--deva: "Tiro Devanagari Hindi", "Kohinoor Devanagari", serif;--level: 0;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--ink);color:var(--paper);font:400 15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100dvh;overflow-x:hidden}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(60vmax 50vmax at 50% 38%,rgba(36,71,111,.55),transparent 70%),radial-gradient(40vmax 30vmax at 85% 100%,rgba(196,198,58,.07),transparent 70%),var(--ink)}.backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.top{display:flex;align-items:center;gap:14px;padding:22px 28px}.brand{height:26px;width:auto;display:block}.divider{width:1px;height:18px;background:var(--line)}.product{color:var(--muted);font-size:13px;letter-spacing:.02em}.stage{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:4vh 20px 24px;width:100%;max-width:620px;margin:0 auto}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--olive);opacity:.85}.title{font:400 clamp(44px,9vw,68px) / 1 var(--serif);letter-spacing:-.01em;margin-top:14px}.title em{font-style:italic;color:var(--olive)}.lede{margin-top:14px;color:var(--muted);max-width:34ch}.orb{--size: min(56vw, 212px);position:relative;width:var(--size);height:var(--size);margin-top:6vh;border:0;border-radius:50%;background:none;cursor:pointer;color:var(--paper);-webkit-tap-highlight-color:transparent}.orb:focus-visible{outline:none}.orb:focus-visible .orb-core{box-shadow:0 0 0 3px var(--ink),0 0 0 5px var(--olive)}.orb-halo,.orb-ring,.orb-core{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;transition:transform .5s var(--ease),opacity .5s var(--ease),background .6s var(--ease)}.orb-halo{top:-22%;right:-22%;bottom:-22%;left:-22%;background:radial-gradient(circle,var(--halo, var(--olive-soft)) 0%,transparent 62%);opacity:.35;transform:scale(calc(.86 + var(--level) * .42));filter:blur(6px)}.orb-ring{top:-7px;right:-7px;bottom:-7px;left:-7px;border:1px solid var(--line)}.orb-core{display:grid;place-items:center;background:radial-gradient(120% 120% at 30% 20%,var(--navy-hi) 0%,var(--navy) 45%,var(--ink-2) 100%);box-shadow:inset 0 1px #ffffff14,inset 0 -18px 40px #00000059,0 30px 60px -20px #000000b3;transform:scale(calc(1 + var(--level) * .06))}.icon-mic{transition:opacity .3s,transform .4s var(--ease)}.bars{position:absolute;display:flex;gap:5px;align-items:center;height:40px;opacity:0;transition:opacity .3s}.bars i{width:4px;height:100%;border-radius:4px;background:currentColor;transform-origin:center;transform:scaleY(calc(.18 + var(--level) * var(--k, .8)));transition:transform .09s linear}.bars i:nth-child(1){--k: .45}.bars i:nth-child(2){--k: .75}.bars i:nth-child(3){--k: 1}.bars i:nth-child(4){--k: .7}.bars i:nth-child(5){--k: .4}.orb[data-state=idle] .orb-halo{animation:breathe 4.8s ease-in-out infinite}.orb[data-state=idle]:hover .orb-core{transform:scale(1.03)}.orb[data-state=idle]:active .orb-core{transform:scale(.97)}.orb[data-state=connecting] .orb-ring{border-color:transparent;background:conic-gradient(from 0deg,transparent 0 70%,var(--olive) 100%) border-box;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1px));animation:spin 1.1s linear infinite}.orb[data-state=connecting] .icon-mic{opacity:.45}.orb[data-state=listening] .icon-mic,.orb[data-state=speaking] .icon-mic{opacity:0;transform:scale(.8)}.orb[data-state=listening] .bars,.orb[data-state=speaking] .bars{opacity:1}.orb[data-state=listening]{--halo: var(--olive-soft)}.orb[data-state=listening] .orb-halo{opacity:.85}.orb[data-state=listening] .orb-ring{border-color:#c4c63a73}.orb[data-state=listening] .bars{color:var(--olive)}.orb[data-state=speaking]{--halo: var(--coral-soft)}.orb[data-state=speaking] .orb-halo{opacity:1}.orb[data-state=speaking] .orb-ring{border-color:#ff6a4573}.orb[data-state=speaking] .bars{color:var(--paper)}@keyframes breathe{0%,to{transform:scale(.88);opacity:.28}50%{transform:scale(1.02);opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}.status{margin-top:28px;min-height:1.5em;font-size:14px;color:var(--muted);letter-spacing:.01em;transition:color .3s}.status[data-tone=live]{color:var(--paper)}.controls{display:flex;align-items:center;gap:10px;margin-top:16px}.controls[hidden]{display:none}.timer{font:500 13px/1 var(--sans);font-variant-numeric:tabular-nums;color:var(--muted);padding:0 6px}.chip-btn{font:500 13px/1 var(--sans);color:var(--paper);background:var(--faint);border:1px solid var(--line);border-radius:999px;padding:10px 16px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.chip-btn:hover{background:#f3efe624}.chip-btn[aria-pressed=true]{color:var(--ink);background:var(--paper);border-color:var(--paper)}.chip-btn.end{color:#fff;background:#ff6a4529;border-color:#ff6a4573}.chip-btn.end:hover{background:#ff6a454d}.chip-btn:focus-visible,.scenarios button:focus-visible,.name-field input:focus-visible{outline:2px solid var(--olive);outline-offset:2px}.captions{width:100%;margin-top:28px;min-height:0;display:flex;flex-direction:column;gap:10px;-webkit-mask:linear-gradient(to bottom,transparent,#000 28%);mask:linear-gradient(to bottom,transparent,#000 28%)}.captions:empty{display:none}.line{font-size:15px;line-height:1.55;animation:rise .45s var(--ease) both}.line.bot{color:var(--paper);font:400 21px/1.35 var(--serif)}.line.user{color:var(--muted)}.line.user:before{content:"You · ";color:#8b9aab99}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.setup{margin-top:auto;padding-top:40px;display:flex;flex-direction:column;align-items:center;gap:14px;transition:opacity .4s var(--ease)}body.in-call .setup{opacity:.25;pointer-events:none}.eyebrow,.lede{transition:opacity .4s var(--ease)}body.in-call .eyebrow,body.in-call .lede{display:none}body.in-call .title{font-size:clamp(34px,6vw,44px)}body.in-call .orb{margin-top:4vh}@media(max-width:520px){body.in-call .setup{display:none}body.in-call .orb{--size: min(48vw, 180px)}}.name-field{display:inline-flex;align-items:baseline;gap:8px;font-size:13px;color:var(--muted)}.name-field input{font:400 20px/1.2 var(--serif);font-style:italic;color:var(--paper);background:transparent;border:0;border-bottom:1px solid var(--line);width:8.5em;padding:2px;text-align:center}.name-field input:hover{border-bottom-color:#f3efe64d}.scenarios{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.scenarios button{font:500 12.5px/1 var(--sans);color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:999px;padding:9px 14px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.scenarios button:hover{color:var(--paper);border-color:#f3efe64d}.scenarios button[aria-checked=true]{color:var(--ink);background:var(--olive);border-color:var(--olive)}.foot{display:flex;justify-content:space-between;gap:12px;padding:18px 28px 22px;font-size:12px;color:#8b9aabbf}.swar .deva{font-family:var(--deva);font-size:14px;color:var(--olive);margin-right:4px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);max-width:min(92vw,420px);padding:12px 16px;border-radius:12px;background:#1a2a3a;border:1px solid var(--line);color:var(--paper);font-size:13.5px;box-shadow:0 20px 40px -12px #0009;animation:rise .35s var(--ease) both}.toast[hidden]{display:none}@media(max-width:520px){.top{padding:18px 16px}.foot{flex-direction:column;align-items:center;padding:16px;gap:4px}.stage{padding-top:2vh}.orb{margin-top:5vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}