@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Arial,sans-serif;color:#202124;background:#fff;font-synthesis:none;font-weight:400;--red:#ed3634}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ed363480;outline-offset:5px}button:disabled{cursor:default;opacity:.45}.page{min-height:100svh;display:flex;flex-direction:column}.header{width:min(1120px,100%);padding:22px 40px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:12px;align-items:center;color:var(--red);font-weight:800;letter-spacing:.035em;font-size:19px}.brand-mark{width:42px;height:46px;display:grid;place-items:center;border:2px solid var(--red);border-radius:50%}.brand small{display:block;font-size:9px;letter-spacing:0;color:#757575;font-weight:500;margin-top:3px}.locale-picker{position:relative;z-index:5}.locale-toggle{border:1px solid #e8e8e8;background:#fff;border-radius:30px;display:flex;align-items:center;gap:9px;padding:10px 15px;color:#505050;font-size:12px;font-weight:600}.locale-toggle:hover{border-color:var(--red);color:var(--red)}.locale-menu{position:absolute;right:0;top:calc(100% + 10px);background:#fff;box-shadow:0 8px 32px #00000013;border:1px solid #eee;border-radius:15px;padding:6px;min-width:170px}.locale-menu button{display:flex;justify-content:space-between;width:100%;background:none;border:0;padding:11px;border-radius:9px;font-size:13px}.locale-menu button span{color:#999;font-size:11px}.locale-menu button[aria-pressed=true],.locale-menu button:hover{background:#fff0ef;color:var(--red)}.guide{width:min(660px,100%);margin:auto;text-align:center;padding:20px 24px 26px}.eyebrow{color:var(--red);font-weight:700;font-size:10px;letter-spacing:.18em;margin:0 0 12px}h1{font-size:clamp(28px,4.5vw,40px);line-height:1.2;letter-spacing:-.045em;margin:0;font-weight:800}.character-stage{height:260px;position:relative;display:flex;align-items:center;justify-content:center;margin-top:8px}.character-frame{position:relative;width:265px;height:265px;z-index:1}.gif-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;filter:hue-rotate(225deg) saturate(.7)}.gif-layer.active{opacity:1}.character-glow{position:absolute;width:260px;height:200px;background:radial-gradient(ellipse,#fff0ef,transparent 70%);bottom:10px}.stage-ring{position:absolute;bottom:18px;width:min(440px,100%);height:64px;border-radius:50%;border:1px solid #f4e9e9;background:radial-gradient(ellipse,#fff9f8,transparent 68%)}.state-pill{position:absolute;bottom:12px;z-index:2;display:flex;align-items:center;gap:6px;padding:6px 11px;border-radius:20px;background:#fff;border:1px solid #f0ecec;font-size:9px;color:#777}.state-pill i{width:5px;height:5px;background:var(--red);border-radius:50%}.state-pill i.listening,.state-pill i.thinking{animation:pulse 1.2s infinite}.mic-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin:12px 0 0;text-align:left}.mic{width:58px;height:58px;flex-shrink:0;border:0;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;transition:background .2s,box-shadow .15s;box-shadow:0 7px 20px #ed363424}.mic:hover:not(:disabled){background:#d52927}.mic-controls strong{display:block;font-size:14px;font-weight:700}.mic-controls span{display:block;font-size:10px;color:#888;margin-top:5px;max-width:300px}.capabilities{color:#858585;font-size:12px;line-height:1.8;max-width:420px;margin:22px auto 0}.assistant-caption{font-size:14px;line-height:1.7;margin:22px auto 0;max-width:490px}.error{color:#b73431;background:#fff3f2;border-radius:10px;font-size:12px;line-height:1.6;padding:12px;margin:20px auto 0;max-width:450px}.replay{display:inline-flex;align-items:center;gap:7px;border:0;background:none;color:var(--red);padding:12px;font-size:11px}footer{display:flex;justify-content:center;align-items:center;gap:7px;color:#a0a0a0;font-size:10px;padding:18px;border-top:1px solid #f0f0f0;width:100%;margin-top:auto}.demo-dot{width:5px;height:5px;border-radius:50%;background:#b5b5b5}@keyframes pulse{50%{opacity:.35}}@media(max-width:600px){.header{padding:22px}.brand{font-size:15px;gap:9px}.brand small{max-width:180px;font-size:8px}.brand-mark{width:33px;height:39px}.locale-toggle{padding:9px 11px}.guide{padding:25px 22px 32px}.character-stage{height:265px}.character-frame{width:250px;height:250px}.mic-controls{gap:12px}.mic-controls span{max-width:220px}.capabilities{max-width:330px;font-size:11px}footer{padding:19px}}@media(prefers-reduced-motion:reduce){.state-pill i{animation:none}}.questions{width:min(900px,100%);margin:0 auto;padding:30px 40px 45px;border-top:1px solid #f0f0f0}.questions h2{font-size:19px;letter-spacing:-.03em;margin:0;font-weight:700}.questions>p{color:#888;font-size:11px;margin:8px 0 21px}.question-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.question-grid button{border:1px solid #eee;border-radius:12px;padding:16px 18px;background:#fcfcfc;color:#444;display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;font-size:12px;line-height:1.5}.question-grid button svg{flex-shrink:0;color:#a0a0a0}.question-grid button:hover:not(:disabled){background:#fff5f4;border-color:#f4c7c5;color:var(--red)}.question-grid button:hover:not(:disabled) svg{color:var(--red)}@media(max-width:600px){.questions{padding:26px 22px 32px}.question-grid{grid-template-columns:1fr;gap:8px}.question-grid button{padding:14px 16px}.questions h2{font-size:18px}}