:root{--navy:#101a3a;--blue:#5360df;--teal:#65b8bc;--ink:#111a34;--muted:#62708b;--line:#dfe5f0;--paper:#f5f7fc}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}nav{justify-content:space-between;align-items:center;max-width:1180px;height:76px;margin:auto;padding:0 28px;display:flex}.brand{color:var(--navy);align-items:center;gap:10px;font-size:20px;font-weight:900;display:flex}.brand span,.avatar{color:#fff;background:linear-gradient(145deg,var(--blue),var(--teal));place-items:center;font-weight:900;display:grid}.brand span{border-radius:12px;width:39px;height:39px}nav button{color:var(--navy);background:#fff;border:1px solid #cad3e5;border-radius:999px;padding:10px 18px;font-weight:800}.hero{background:radial-gradient(circle at 0 40%,#c9f2ef70,#0000 28%),radial-gradient(circle at 100% 5%,#cfd3ff75,#0000 30%),linear-gradient(#fafcff,#f2f6fc);grid-template-columns:1fr 480px;align-items:center;gap:72px;min-height:calc(100vh - 76px);padding:70px max(28px,50vw - 560px);display:grid}.eyebrow{color:var(--blue);letter-spacing:.18em;font-size:12px;font-weight:900}h1{color:var(--navy);letter-spacing:-.055em;margin:18px 0;font-size:clamp(50px,5.4vw,76px);line-height:1.02}.intro{max-width:560px;color:var(--muted);font-size:19px;line-height:1.58}.card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:26px;padding:42px;box-shadow:0 28px 70px #1829561c}.avatar{border-radius:18px;width:60px;height:60px;margin:auto;font-size:24px}.card h2{color:var(--navy);margin:25px 0 12px;font-size:28px}.card p{color:var(--muted);line-height:1.6}.primary{background:var(--navy);color:#fff;border:0;border-radius:13px;width:100%;margin-top:18px;padding:15px;font-weight:900}.card small{color:#78849a;margin-top:14px;display:block}.guide{text-align:left;padding:24px}.guideHeader{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:0 4px 18px;display:flex}.guideHeader .avatar{flex:none;margin:0}.avatar.small{border-radius:14px;width:46px;height:46px;font-size:18px}.guideHeader h2{margin:0;font-size:21px}.guideHeader p{margin:3px 0 0;font-size:14px}.messages{flex-direction:column;gap:12px;height:330px;padding:20px 4px;display:flex;overflow-y:auto}.starter{text-align:center;margin:auto;font-size:15px}.message{border-radius:16px;max-width:86%;padding:12px 14px;line-height:1.45}.message.user{background:var(--navy);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.message.assistant{color:var(--ink);background:#eef1fa;border-bottom-left-radius:5px;align-self:flex-start}.composer{border-top:1px solid var(--line);grid-template-columns:44px 1fr auto;gap:9px;padding-top:16px;display:grid}.composer input{min-width:0;font:inherit;border:1px solid #cbd4e5;border-radius:12px;padding:13px}.mic,.send{border:0;border-radius:12px;font-weight:800}.mic{color:#6d7587;background:#e7eaf1}.mic.active{background:var(--blue);color:#fff;box-shadow:0 0 0 5px #5360df24}.send{background:var(--navy);color:#fff;padding:0 16px}.voiceDisclosure{text-align:center;color:#78849a;font-size:11px;display:block;margin:9px 2px 0!important}@media (max-width:850px){.hero{grid-template-columns:1fr;gap:38px;padding-top:42px}.card{max-width:560px}.hero>div{text-align:center}.intro{margin-inline:auto}}@media (max-width:520px){nav{padding:0 17px}.hero{padding:38px 15px 55px}h1{font-size:44px}.card{padding:30px 22px}.guide{padding:18px 15px}.brand{font-size:17px}.messages{height:300px}.composer{grid-template-columns:42px 1fr}.send{grid-column:2;padding:12px}}
.mic svg{fill:currentColor;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.mic.listening{background:var(--teal);color:#fff;box-shadow:0 0 0 5px #65b8bc24}.mic.speaking{background:var(--blue);color:#fff;box-shadow:0 0 0 5px #5360df24}.wave{justify-content:center;align-items:center;gap:3px;height:22px;display:flex}.wave i{background:currentColor;border-radius:999px;width:3px;height:8px;animation:.75s ease-in-out infinite alternate listen-wave}.wave i:nth-child(2){height:18px;animation-delay:-.5s}.wave i:nth-child(3){height:13px;animation-delay:-.25s}.wave i:nth-child(4){height:6px;animation-delay:-.6s}@keyframes listen-wave{to{transform:scaleY(.45)}}@media (prefers-reduced-motion:reduce){.wave i{animation:none}}.voiceTest{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:11px;display:flex}.voiceTest button{border:1px solid var(--line);color:var(--navy);text-transform:capitalize;background:#fff;border-radius:999px;padding:5px 8px;font-size:11px}.voiceTest button.selected{border-color:var(--blue);color:var(--blue);background:#eef0ff;font-weight:800}