:root{--bg:#f5f6f2;--ink:#223734;--muted:#73817c;--green:#286f5d;--mint:#c6f1db;--line:#e1e6de;--white:#fff;--soft:#edf3eb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9bcdb8;outline-offset:3px}button{color:inherit}button[hidden],[hidden]{display:none!important}.top{height:88px;border-bottom:1px solid var(--line);max-width:1320px;margin:auto;padding:0 38px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-size:27px;letter-spacing:-1px;font-weight:700;line-height:1}.brand-symbol{width:39px;height:39px;border-radius:12px;background:var(--ink);color:var(--mint);font-size:37px;text-align:center;line-height:32px;position:relative}.brand-symbol span{font-size:20px;position:absolute;right:6px;top:0}.brand-sub{display:block;font-size:9px;font-weight:500;letter-spacing:2.5px;margin-top:6px;color:var(--muted)}.connection{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.connection i,.live-tag i{width:6px;height:6px;background:#9ba9a2;border-radius:50%}.connection.ready i{background:#50a77a;box-shadow:0 0 0 4px #e4eee4}main{max-width:1244px;margin:auto;padding:42px 38px 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2px;color:#829184;font-weight:600;margin:0 0 12px}h1{font-size:42px;letter-spacing:-2px;font-weight:550;line-height:1.12;margin:0 0 12px}.intro p:last-child{margin:0;color:var(--muted);font-size:14px}.tag{border:1px solid var(--line);padding:8px 12px;border-radius:24px;font-size:11px;color:#718479}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(305px,1fr);gap:24px}.conversation-panel{background:var(--white);border:1px solid var(--line);border-radius:24px;overflow:hidden;display:flex;flex-direction:column}.stage{position:relative;min-height:394px;display:flex;align-items:center;flex-direction:column;background:radial-gradient(ellipse at 50% 45%,#e8f0e3 0%,#f6f8f1 48%,#f9faf6 82%);padding:22px 28px 18px}.stage-label{font-size:9px;letter-spacing:2.3px;color:#8a978b;align-self:flex-start}.robot{position:relative;width:166px;height:157px;margin:20px 0 9px;filter:drop-shadow(0 13px 12px #30473b0a)}.head{position:absolute;z-index:3;width:148px;height:100px;border-radius:45px 45px 36px 36px;background:linear-gradient(150deg,#fff 0%,#f5f5ec 62%,#dce3d5 100%);top:28px;left:9px;box-shadow:inset 1px 3px 1px #fff,inset -3px -4px 7px #96aa9228,0 3px 1px #d5ded0;transform:rotate(-5deg)}.face{position:absolute;inset:12px 12px 14px;border-radius:34px 34px 25px 25px;background:linear-gradient(155deg,#29433e,#152926);display:flex;align-items:center;justify-content:center;gap:31px;box-shadow:inset 0 2px 5px #0004}.eye{height:29px;width:12px;display:block;border-radius:7px;background:#b8f1ce;box-shadow:0 0 9px #8febba44;animation:blink 7s infinite}.antenna{position:absolute;width:4px;height:39px;background:#cbd6c4;border-radius:3px;top:3px;z-index:1;transform-origin:bottom}.antenna:before{content:"";width:9px;height:9px;position:absolute;top:0;left:-2px;border-radius:50%;background:#dbe5d5;box-shadow:inset 1px 1px 2px #fff}.a1{left:44px;transform:rotate(-23deg)}.a2{right:38px;transform:rotate(20deg)}.neck{position:absolute;width:36px;height:20px;left:65px;top:119px;background:#cfd9c7;z-index:1}.body{position:absolute;width:102px;height:30px;border-radius:45% 45% 38% 38%;left:32px;top:128px;z-index:2;background:linear-gradient(160deg,#fff,#e1e8da);box-shadow:inset 0 -3px 1px #ccd7c3}.shadow{position:absolute;width:129px;height:14px;border-radius:50%;background:#b4c0aa4f;filter:blur(6px);left:22px;bottom:-9px}.state{display:flex;align-items:center;gap:7px;font-size:12px;margin:6px 0 0}.state-dot{height:5px;width:5px;border-radius:50%;background:#739581}.live-words{min-height:36px;text-align:center;max-width:95%;font-size:13px;color:#7b877d;margin:12px 0 16px;line-height:1.5}.mic-button{display:flex;gap:11px;align-items:center;justify-content:center;background:var(--green);border:0;border-radius:32px;min-height:48px;padding:0 25px;color:#fff;font-weight:500;font-size:13px;box-shadow:0 5px 12px #22574112;transition:transform .2s,background .2s}.mic-button:hover{background:#1d5d4b;transform:translateY(-1px)}.mic-button svg{width:17px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.mic-note{font-size:10px;color:#8b978a;margin:12px 0 0}.stop-button{margin-top:10px;border:0;background:transparent;font-size:11px;color:#8a5d4a}.stage[data-state=listening] .head{animation:listen 1.8s ease-in-out infinite}.stage[data-state=listening] .mic-button{background:#a76548}.stage[data-state=listening] .state-dot{background:#c18059;box-shadow:0 0 0 4px #ecd8cb;animation:pulse 1s infinite}.stage[data-state=speaking] .eye{animation:speak .7s ease-in-out infinite alternate}.stage[data-state=thinking] .eye{height:19px;animation:pulse 1s infinite}.chat-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 24px 10px;border-top:1px solid var(--line)}h2{font-size:14px;letter-spacing:-.25px;font-weight:600;margin:0}.text-button{background:transparent;border:0;font-size:10px;color:var(--muted);padding:5px}.messages{height:210px;overflow:auto;padding:6px 24px 12px;scroll-behavior:smooth}.empty-chat{display:flex;align-items:center;justify-content:center;gap:12px;height:100%;color:#a2aba3;font-size:12px}.empty-chat>span{font-family:Georgia,serif;font-size:50px;color:#d5ded2}.bubble{margin:10px 0;max-width:93%;font-size:13px;line-height:1.6}.bubble .who{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#8a998f;margin-bottom:3px}.bubble.user{margin-left:auto;text-align:right}.bubble.user .content{display:inline-block;border-radius:13px 13px 3px 13px;background:#eff4ee;padding:8px 13px}.bubble.assistant .content{white-space:pre-wrap}.bubble.pending .content{color:#8c9a90}.composer{display:flex;gap:10px;align-items:center;margin:0 20px 18px;border-top:1px solid var(--line);padding-top:14px}.composer input{border:0;outline:0;flex:1;min-width:0;font-size:12px;color:var(--ink);background:transparent;padding:7px 4px}.composer input::placeholder{color:#a4ada4}.composer button{width:31px;height:31px;flex-shrink:0;border:0;border-radius:10px;background:var(--soft);font-size:22px}aside{display:flex;flex-direction:column;gap:18px}.timing-panel,.settings-panel{padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff}.section-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.live-tag{font-size:8px;letter-spacing:1px;color:#8a968c;display:flex;align-items:center;gap:5px}.live-tag i{width:4px;height:4px;background:#6eac89}.muted{color:var(--muted);font-size:11px;line-height:1.5}.timing-panel>.muted{margin:9px 0 23px}.hero-metric>span{font-size:11px;color:#6e8175}.hero-metric>div:not(.track){display:flex;align-items:baseline;gap:10px;margin:5px 0 17px}.hero-metric strong{font-size:54px;font-weight:500;letter-spacing:-2px;font-variant-numeric:tabular-nums;line-height:1.1}.hero-metric small{color:#94a092;font-size:11px}.track{height:4px;background:#edf1e9;border-radius:3px;overflow:hidden}.track>span{display:block;width:0;height:100%;background:#70aa86;transition:width .3s}.small-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px 18px;padding:21px 0 17px;border-bottom:1px solid var(--line)}.small-metrics div{display:flex;flex-direction:column;gap:6px}.small-metrics span{color:#819084;font-size:10px}.small-metrics strong{font-weight:500;font-size:19px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.metric-note{font-size:10px;line-height:1.6;color:#97a090;margin:13px 0 0}.settings-panel .section-top{margin-bottom:22px}.small-icon{color:#90a28e;font-size:18px}.settings-panel label{display:block;font-size:11px;color:#6f8074;margin:0 0 9px}.segmented{display:flex;background:#f2f4ef;padding:4px;border-radius:10px}.segmented button{flex:1;border:0;background:transparent;border-radius:7px;padding:9px;font-size:11px;color:#8a9488}.segmented button.selected{background:#fff;color:#396447;box-shadow:0 1px 3px #22372212}.setting-note{font-size:9px;color:#98a08f;line-height:1.6;margin:8px 0 20px}.voice-row{display:flex;gap:8px;margin-bottom:18px}.voice-row select{min-width:0;flex:1;appearance:auto;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:11px;color:#617564}.round-button{width:33px;flex-shrink:0;border:1px solid var(--line);border-radius:8px;background:#f5f7f2;font-size:10px}.range-label{display:flex;align-items:center;justify-content:space-between}.range-label label{margin-bottom:4px}.range-label output{font-size:10px;color:#82957f}input[type=range]{width:100%;height:17px;margin:1px 0 19px;accent-color:#527f59}.settings-panel .switch-line{margin:0;display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid var(--line);padding-top:16px;font-size:11px;color:#58745d;cursor:pointer}.switch-line small{display:block;font-size:9px;color:#99a291;margin-top:5px}.switch-line input{position:absolute;opacity:0;width:1px}.switch{display:block;flex-shrink:0;width:31px;height:18px;border-radius:12px;background:#d4dbd0;position:relative}.switch:before{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .2s}.switch-line input:checked+.switch{background:#7f9f78}.switch-line input:checked+.switch:before{transform:translateX(13px)}.switch-line input:focus-visible+.switch{outline:3px solid #9bcdb8}.test-note{display:flex;gap:9px;color:#93a08f;padding:0 6px;font-size:10px;line-height:1.6}.test-note>span{border:1px solid #bdc9b7;border-radius:50%;height:15px;width:15px;min-width:15px;text-align:center;font-family:Georgia;margin-top:2px;line-height:14px}.test-note p{margin:0}.recent{margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px 24px}.recent .section-top{margin-bottom:15px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left;font-size:11px}th{font-weight:400;color:#91a08e;font-size:9px;padding:9px 15px 11px 0;border-bottom:1px solid var(--line)}td{padding:12px 15px 10px 0;border-bottom:1px solid #eef1ea;font-variant-numeric:tabular-nums}td:first-child{white-space:normal;max-width:310px;width:43%;line-height:1.5}tbody tr:last-child td{border:0}.empty-row td{color:#a0a99a;padding:20px 0 10px}.trial-status{font-size:10px;color:#7c9576}footer{display:flex;justify-content:space-between;padding:27px 0;color:#99a391;font-size:9px}footer span:first-child{font-size:8px;letter-spacing:1.6px}.notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#223d35;color:#fff;padding:13px 20px;border-radius:12px;box-shadow:0 8px 35px #0002;max-width:min(600px,90vw);font-size:12px;line-height:1.5;z-index:20}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:1px solid var(--line);border-radius:24px;max-width:400px;width:90vw;padding:32px;box-shadow:0 20px 100px #0002;color:var(--ink)}dialog::backdrop{background:#223d3560;backdrop-filter:blur(7px)}dialog h2{font-size:25px;letter-spacing:-1px;margin:12px 0}dialog p{font-size:13px;color:var(--muted);line-height:1.6}dialog label{font-size:11px;display:block;margin:22px 0 8px}dialog input{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px}dialog button{margin-top:20px;width:100%}#accessError{color:#a25339;font-size:11px;margin-bottom:0}.stage[data-state=error] .state-dot{background:#b27750}@keyframes blink{0%,42%,46%,100%{transform:scaleY(1)}44%{transform:scaleY(.12)}}@keyframes pulse{50%{opacity:.4}}@keyframes speak{from{transform:scaleY(.7)}to{transform:scaleY(1.1)}}@keyframes listen{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(2deg)}}@media(max-width:800px){.top{height:73px;padding:0 22px}main{padding:28px 20px 0}.intro{margin-bottom:22px}h1{font-size:35px}.intro .tag{display:none}.workspace{grid-template-columns:1fr}.stage{min-height:370px}.messages{height:180px}aside{display:grid;grid-template-columns:1fr 1fr;gap:14px}.test-note{grid-column:1/-1}.timing-panel,.settings-panel{padding:21px}.recent{padding:20px}footer span:last-child{display:none}}@media(max-width:540px){main{padding:24px 14px 0}.intro{padding:0 6px}.intro p:last-child{font-size:12px}.workspace{gap:16px}.conversation-panel{border-radius:20px}.stage{padding:20px;min-height:368px}.chat-heading{padding:18px 18px 8px}.messages{padding:4px 18px 12px}aside{grid-template-columns:1fr}.timing-panel,.settings-panel{padding:22px}.hero-metric strong{font-size:48px}.small-metrics{grid-template-columns:repeat(4,1fr);gap:8px}.small-metrics strong{font-size:17px}.small-metrics span{font-size:9px}.recent{margin-top:18px}h1{font-size:33px}.top{padding:0 20px}.connection{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}