:root{--navy: #14294d;--navy-2: #24467d;--navy-ink: #0e1f3d;--crimson: #d21e3c;--crimson-dark: #b0132d;--bg-1: #eef2f8;--bg-2: #f7f9fc;--surface: #ffffff;--ink: #1a2233;--muted: #6b7688;--line: #e5e9f1;--ok: #12805c;--ok-bg: #e7f5ef;--soon: #9a6a00;--soon-bg: #fbf1dc;--shadow: 0 10px 40px rgba(20, 41, 77, .1);--shadow-sm: 0 2px 10px rgba(20, 41, 77, .07);--radius: 18px;--radius-sm: 12px;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);background:linear-gradient(160deg,var(--bg-1),var(--bg-2) 60%);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,4vw,40px);background:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;padding:0}.crest{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:linear-gradient(150deg,var(--navy-2),var(--navy));color:#fff;font-weight:700;letter-spacing:.5px;font-family:Georgia,Times New Roman,serif;box-shadow:inset 0 0 0 1px #ffffff1f}.brand-text{display:flex;flex-direction:column;text-align:left;line-height:1.2}.brand-name{font-weight:700;color:var(--navy-ink);font-size:15px}.brand-sub{font-size:12px;color:var(--muted)}.powered{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.powered strong{color:var(--navy-2);font-weight:700}.powered svg{color:var(--crimson)}.stage{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:clamp(20px,4vw,44px) clamp(16px,4vw,40px);display:flex;flex-direction:column}.hero{margin-bottom:30px}.eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--crimson);background:#fdeef0;padding:5px 12px;border-radius:999px;margin-bottom:14px}.hero h1{margin:0 0 10px;font-size:clamp(26px,4vw,36px);color:var(--navy-ink);letter-spacing:-.01em}.lede{margin:0;max-width:60ch;color:var(--muted);font-size:16px;line-height:1.55}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}@media (max-width: 820px){.cards{grid-template-columns:1fr}}.card{display:flex;flex-direction:column;gap:16px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);transition:transform .14s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d6def0}.card-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px}.icon-chat{background:#e8f0ff;color:var(--navy-2)}.icon-call{background:#eafaf3;color:var(--ok)}.icon-email{background:#fdeef0;color:var(--crimson)}.card-body{display:flex;flex-direction:column;gap:6px;flex:1}.card-title{font-size:19px;font-weight:700;color:var(--navy-ink)}.card-sub{font-size:14px;color:var(--muted);line-height:1.5}.card-foot{display:flex;align-items:center;justify-content:space-between}.card-arrow{color:var(--muted);transition:transform .16s ease,color .16s ease}.card:hover .card-arrow{transform:translate(4px);color:var(--navy-2)}.pill{font-size:12px;font-weight:600;padding:4px 11px;border-radius:999px}.pill-ok{background:var(--ok-bg);color:var(--ok)}.pill-soon{background:var(--soon-bg);color:var(--soon)}.pill-draft{background:#eef2fb;color:var(--navy-2)}.panel{width:100%;max-width:640px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;min-height:560px}.panel-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fbfcfe,#fff)}.icon-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--navy-2);transition:background .15s ease}.icon-btn:hover{background:#f2f5fb}.panel-title{display:flex;align-items:center;gap:10px;flex:1}.panel-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff}.avatar-chat{background:linear-gradient(150deg,var(--navy-2),var(--navy))}.avatar-call{background:linear-gradient(150deg,#17a06e,var(--ok))}.avatar-email{background:linear-gradient(150deg,var(--crimson),var(--crimson-dark))}.panel-name{display:block;font-weight:700;color:var(--navy-ink);font-size:15px}.panel-status{display:block;font-size:12px;color:var(--muted)}.lang{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.lang select{border:1px solid var(--line);border-radius:9px;padding:6px 8px;background:#fff;color:var(--ink);font-size:13px}.lang select:disabled{opacity:.6}.messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px}.msg{display:flex;flex-direction:column;max-width:84%}.msg-user{align-self:flex-end;align-items:flex-end}.msg-assistant,.msg-system{align-self:flex-start}.bubble{padding:11px 15px;border-radius:16px;line-height:1.5;white-space:pre-wrap;font-size:15px;box-shadow:var(--shadow-sm)}.msg-user .bubble{background:linear-gradient(150deg,var(--navy-2),var(--navy));color:#fff;border-bottom-right-radius:5px}.msg-assistant .bubble{background:#f1f4f9;color:var(--ink);border-bottom-left-radius:5px}.msg-system .bubble{background:#fff8ea;border:1px solid #f1e2bf;color:#7a642f;font-size:13.5px;box-shadow:none}.typing{display:inline-flex;gap:5px;align-items:center}.typing span{width:7px;height:7px;border-radius:50%;background:#adb7c7;animation:blink 1.2s infinite both}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.3}40%{opacity:1}}.tag{font-size:12px;color:var(--soon);margin-top:5px}.cites{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.cite{font-size:11px;background:#eef2f8;color:var(--navy-2);padding:3px 9px;border-radius:999px;border:1px solid #e1e8f4}.composer{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line);background:#fbfcfe}.composer input{flex:1;padding:12px 16px;border:1px solid var(--line);border-radius:12px;font-size:15px;background:#fff;outline:none}.composer input:focus{border-color:var(--navy-2);box-shadow:0 0 0 3px #24467d1f}.send-btn{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;border:0;background:linear-gradient(150deg,var(--navy-2),var(--navy));color:#fff;transition:opacity .15s ease,transform .1s ease}.send-btn:active{transform:scale(.95)}button:disabled{opacity:.45;cursor:not-allowed}.call-body{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px 20px;gap:16px}.caller-orb{position:relative;width:150px;height:150px;display:grid;place-items:center;margin-top:10px}.orb-core{position:relative;z-index:2;width:108px;height:108px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,#17a06e,var(--ok));box-shadow:0 12px 30px #12805c59;transition:background .3s ease}.caller-orb.thinking .orb-core{background:linear-gradient(150deg,var(--navy-2),var(--navy));box-shadow:0 12px 30px #14294d4d}.caller-orb.ended .orb-core,.caller-orb.idle .orb-core{background:linear-gradient(150deg,#9aa6b8,#7d8aa0);box-shadow:none}.ring{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:108px;height:108px;border-radius:50%;border:2px solid rgba(18,128,92,.4);animation:ripple 1.8s ease-out infinite}.ring.r2{animation-delay:.9s}@keyframes ripple{0%{transform:scale(1);opacity:.7}to{transform:scale(1.9);opacity:0}}.wave{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:5px}.wave span{width:6px;min-height:10px;border-radius:3px;background:#fff;transition:height .08s linear}.call-phase{font-size:15px;font-weight:600;color:var(--navy-ink)}.captions{width:100%;flex:1;overflow-y:auto;max-height:230px;display:flex;flex-direction:column;gap:10px;padding:4px 2px}.cap{max-width:88%;padding:9px 13px;border-radius:13px}.cap-who{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:2px}.cap p{margin:0;line-height:1.45;font-size:14.5px}.cap-assistant{align-self:flex-start;background:#f1f4f9}.cap-caller{align-self:flex-end;background:#e8f0ff}.call-error{width:100%;background:#fdecee;border:1px solid #f3c9cf;color:#a02233;padding:10px 13px;border-radius:11px;font-size:13px}.call-controls{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px;border-top:1px solid var(--line);background:#fbfcfe}.call-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border:0;border-radius:999px;color:#fff;font-size:16px;font-weight:600;box-shadow:var(--shadow-sm);transition:transform .1s ease,filter .15s ease}.call-btn:active{transform:scale(.97)}.call-btn.answer{background:linear-gradient(150deg,#17a06e,var(--ok))}.call-btn.hangup{background:linear-gradient(150deg,#e5405e,var(--crimson-dark))}.call-btn:hover{filter:brightness(1.04)}.mic-hint{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}.email-body{flex:1;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:16px}.email-intro{margin:0;color:var(--ink);font-size:15px;line-height:1.55}.email-intro strong{color:var(--navy-ink)}.queue-card{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm)}.queue-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fbfcfe;border-bottom:1px solid var(--line)}.queue-from{font-size:12.5px;color:var(--muted)}.queue-q{padding:13px 14px;font-style:italic;color:var(--navy-ink);border-bottom:1px dashed var(--line)}.queue-draft{padding:13px 14px}.queue-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:5px}.queue-draft p{margin:0 0 10px;line-height:1.5;font-size:14.5px}.queue-sources{display:flex;flex-wrap:wrap;gap:6px}.queue-actions{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--line);background:#fbfcfe}.qbtn{padding:8px 16px;border-radius:9px;border:1px solid var(--line);font-size:13.5px;font-weight:600;background:#fff}.qbtn.send{background:var(--ok);color:#fff;border-color:var(--ok)}.qbtn.edit{color:var(--navy-2)}.qbtn.discard{color:var(--crimson-dark)}.email-foot{margin:0;font-size:12.5px;color:var(--muted)}.email-address-card{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:26px 20px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#fbfcfe,#fff);box-shadow:var(--shadow-sm)}.email-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.email-address{font-size:clamp(19px,4vw,26px);font-weight:700;color:var(--navy-ink);text-decoration:none;word-break:break-all}.email-address.muted{color:var(--muted);font-weight:600}.email-cta{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:999px;text-decoration:none;background:linear-gradient(150deg,var(--crimson),var(--crimson-dark));color:#fff;font-weight:600;font-size:15px;box-shadow:var(--shadow-sm)}.email-cta:hover{filter:brightness(1.05)}.email-pending{background:#fbfaf7}.email-steps{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.email-steps li{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;line-height:1.5;color:var(--ink)}.step-n{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eef2fb;color:var(--navy-2);font-size:13px;font-weight:700}.footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:16px clamp(16px,4vw,40px);border-top:1px solid var(--line);background:#fff9}.footer-note{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted)}.footer-note svg{color:var(--ok)}