@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#172540;background:#14233d}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px}button,textarea{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.agent-page{align-items:center;background:linear-gradient(128deg,#0c182df7,#182948f2),url(/conversation-background.jpg) center / cover;display:flex;justify-content:center;min-height:100svh;overflow:hidden;padding:38px;position:relative}.background-grain{background-image:radial-gradient(rgba(255,255,255,.22) .55px,transparent .55px);background-size:9px 9px;inset:0;opacity:.12;pointer-events:none;position:absolute}.agent-card{background:#fbfaf7;box-shadow:0 38px 100px #030c1b5c,0 2px #ffffff52 inset;display:grid;grid-template-columns:minmax(285px,34%) minmax(480px,1fr);max-width:1050px;min-height:632px;overflow:hidden;position:relative;width:100%}.agent-card:before{background:#d99a2b;content:"";height:100%;left:0;position:absolute;top:0;width:7px;z-index:3}.identity-rail{background:#edf1ed;border-right:1px solid rgba(23,37,64,.1);display:flex;flex-direction:column;min-height:632px;padding:30px 31px 27px 38px;position:relative}.identity-rail:after{background:linear-gradient(180deg,transparent,rgba(217,154,43,.19),transparent);content:"";height:45%;position:absolute;right:-1px;top:28%;width:1px}.brand-lockup{align-items:center;display:flex;gap:7px;height:28px}.brand-mark{height:25px;object-fit:contain;width:25px}.brand-wordmark{color:#14233d;font-size:15px;font-weight:800;letter-spacing:-.08em;line-height:1;transform:skew(-8deg)}.brand-submark{color:#527064;font-size:7px;font-weight:800;letter-spacing:.19em;margin-left:-2px;margin-top:2px}.portrait-frame{align-self:flex-start;margin-top:45px;position:relative}.assistant-portrait{border:6px solid #fffdf8;border-radius:50%;box-shadow:0 10px 24px #14233d24;display:block;height:116px;object-fit:cover;object-position:center top;width:116px}.availability-dot{background:#4b9268;border:4px solid #edf1ed;border-radius:50%;bottom:3px;height:20px;position:absolute;right:0;width:20px}.identity-copy{margin-top:20px}.eyebrow,.assistant-label{color:#68716e;font-size:10px;font-weight:800;letter-spacing:.14em;margin:0}.identity-copy h1{color:#18253d;font-family:"DM Serif Display",Georgia,serif;font-size:clamp(42px,5vw,52px);font-weight:400;letter-spacing:-.045em;line-height:.95;margin:6px 0 11px}.purpose{color:#52606b;font-size:13px;line-height:1.65;margin:0;max-width:250px}.trust-list{border-top:1px solid rgba(23,37,64,.12);display:grid;gap:9px;list-style:none;margin:auto 0 0;padding:18px 0 0}.trust-list li{align-items:center;color:#324351;display:flex;font-size:11px;font-weight:700;gap:7px}.trust-list svg{color:#bd7e16;height:15px;stroke-width:2.8;width:15px}.support-line{color:#66716e;font-size:10px;line-height:1.6;margin:20px 0 0}.workspace{display:flex;min-width:0;position:relative}.workspace-entry,.consent-view,.voice-view,.text-view{display:flex;flex:1;flex-direction:column;min-width:0;padding:58px 63px 49px}.entry-transition{animation:card-enter .36s cubic-bezier(.23,1,.32,1) both}.workspace-heading{max-width:505px}.assistant-label{align-items:center;display:inline-flex;gap:7px}.assistant-label svg{color:#bd7e16;height:14px;width:14px}.workspace-heading h2,.consent-view h2,.voice-focus h2{color:#172540;font-family:"DM Serif Display",Georgia,serif;font-size:clamp(36px,4vw,48px);font-weight:400;letter-spacing:-.045em;line-height:.99;margin:16px 0}.workspace-heading>p,.consent-view>p{color:#56616a;font-size:14px;line-height:1.75;margin:0;max-width:475px}.mode-actions{display:grid;gap:12px;margin-top:39px;max-width:490px}.mode-button{align-items:center;background:#172b4b;border:1px solid #172b4b;border-radius:0;color:#fff;display:flex;gap:15px;height:auto;justify-content:flex-start;padding:14px 18px;text-align:left;transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s ease,background .16s ease}.mode-button:hover{background:#203a64;box-shadow:0 10px 19px #172b4b29;transform:translateY(-2px)}.mode-button:active,.primary-action:active,.mute-button:active,.end-button:active{transform:scale(.975)}.mode-button.text-button{background:transparent;border-color:#c9cfca;color:#22324a}.mode-button.text-button:hover{background:#f3f4ef;box-shadow:none}.mode-icon{align-items:center;background:#ffffff21;display:flex;height:36px;justify-content:center;width:36px}.text-button .mode-icon{background:#e7ece5;color:#40675a}.mode-icon svg{height:18px;width:18px}.mode-button span:last-child{display:grid;gap:2px}.mode-button strong{font-size:13px;font-weight:800}.mode-button small{font-size:10px;font-weight:500;opacity:.72}.starter-area{margin-top:30px;max-width:490px}.starter-area>p{color:#818b87;font-size:10px;font-weight:800;letter-spacing:.1em;margin:0 0 9px;text-transform:uppercase}.starter-prompts{display:flex;flex-wrap:wrap;gap:8px}.starter-prompt{background:#fff;border:1px solid #d9ddd7;color:#3b4b58;font-size:11px;line-height:1.35;padding:8px 10px;text-align:left;transition:border-color .16s ease,color .16s ease,transform .16s ease}.starter-prompt:hover{border-color:#d99a2b;color:#8f5b0e;transform:translateY(-1px)}.privacy-note{align-items:center;color:#7c8583;display:flex;font-size:10px;gap:6px;line-height:1.4;margin:auto 0 0}.privacy-note svg{color:#527064;height:15px;width:15px}.consent-view{align-items:flex-start;justify-content:center;max-width:600px}.back-button{align-items:center;background:transparent;border:0;color:#60706b;display:inline-flex;font-size:11px;font-weight:800;gap:5px;left:63px;padding:0;position:absolute;top:31px}.back-button:hover{color:#bd7e16}.back-button svg{height:15px;width:15px}.consent-emblem{align-items:center;background:#edf1ed;color:#315a4d;display:flex;height:54px;justify-content:center;margin-bottom:20px;width:54px}.consent-emblem svg{height:25px;width:25px}.primary-action{align-items:center;background:#d99a2b;border:0;border-radius:0;color:#1b2a43;display:inline-flex;font-size:12px;font-weight:800;gap:9px;margin-top:31px;padding:13px 17px;transition:background .16s ease,transform .16s ease}.primary-action:hover{background:#eba937}.primary-action svg{height:17px;width:17px}.spin{animation:spin 1s linear infinite}.voice-view{justify-content:space-between}.active-header{align-items:center;display:flex;justify-content:space-between;gap:14px}.session-status{align-items:center;color:#51605f;display:inline-flex;font-size:10px;font-weight:800;gap:7px;letter-spacing:.09em;text-transform:uppercase}.status-pulse{background:#c8ad74;border-radius:50%;height:8px;width:8px}.status-pulse.connected{background:#4b9268;box-shadow:0 0 0 5px #4b92681f}.end-button,.mute-button{align-items:center;background:#fff;border:1px solid #d3d8d1;border-radius:0;color:#30414d;display:inline-flex;font-size:11px;font-weight:800;gap:7px;padding:9px 11px;transition:border-color .16s ease,transform .16s ease}.end-button:hover{border-color:#a15b4f;color:#8d3e32}.end-button svg,.mute-button svg{height:16px;width:16px}.voice-focus{align-items:center;display:flex;flex-direction:column;margin:auto;text-align:center}.voice-orbit{align-items:center;border:1px solid #d5ddd5;border-radius:50%;display:flex;height:148px;justify-content:center;position:relative;width:148px}.voice-orbit:before,.voice-orbit:after{border:1px solid rgba(217,154,43,.35);border-radius:50%;content:"";inset:-12px;position:absolute}.voice-orbit:after{border-color:#315a4d2e;inset:-26px}.voice-core{align-items:center;background:#d99a2b;border-radius:50%;color:#1b2a43;display:flex;height:78px;justify-content:center;width:78px}.voice-core svg{height:30px;width:30px}.voice-focus h2{font-size:38px;margin:43px 0 12px}.voice-focus p{color:#67716f;font-size:12px;line-height:1.65;margin:0;max-width:320px}.session-error{background:#fff1ee;color:#984838!important;margin-top:18px!important;padding:9px 11px}.mute-button{align-self:center}.mute-button:hover,.mute-button.muted{border-color:#d99a2b;color:#8d5c0d}.text-view{gap:18px}.message-history{display:flex;flex:1;flex-direction:column;gap:12px;justify-content:flex-end;margin-top:10px;min-height:340px;overflow-y:auto;padding:18px 0 7px}.empty-history{color:#7c8682;font-family:"DM Serif Display",Georgia,serif;font-size:22px;line-height:1.2;margin:auto 0;max-width:310px}.chat-bubble{max-width:82%;padding:11px 13px}.chat-bubble.agent{align-self:flex-start;background:#edf1ed;color:#273a41}.chat-bubble.user{align-self:flex-end;background:#172b4b;color:#fff}.chat-bubble span{display:block;font-size:8px;font-weight:800;letter-spacing:.13em;margin-bottom:5px;opacity:.66}.chat-bubble p{font-size:12px;line-height:1.55;margin:0}.text-error{margin:0!important}.message-composer{align-items:flex-end;background:#fff;border:1px solid #cfd6ce;display:flex;gap:9px;padding:9px 9px 9px 13px}.message-composer:focus-within{border-color:#d99a2b;box-shadow:0 0 0 3px #d99a2b21}.message-composer textarea{background:transparent;border:0;color:#23334a;flex:1;font-size:12px;line-height:1.5;max-height:100px;outline:0;resize:none}.message-composer textarea::placeholder{color:#89918d}.send-button{align-items:center;background:#d99a2b;border:0;border-radius:0;color:#172b4b;display:flex;height:32px;justify-content:center;padding:0;width:34px}.send-button:hover{background:#eba937}.send-button:disabled{cursor:not-allowed;opacity:.45}.send-button svg{height:16px;width:16px}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);white-space:nowrap}@keyframes card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width: 760px){.agent-page{align-items:flex-start;padding:18px}.agent-card{grid-template-columns:1fr;min-height:0}.identity-rail{min-height:0;padding:27px 28px 25px 34px}.portrait-frame{margin-top:26px}.assistant-portrait{height:92px;width:92px}.trust-list{margin-top:25px}.support-line{margin-top:16px}.workspace-entry,.consent-view,.voice-view,.text-view{min-height:530px;padding:40px 28px 31px 34px}.back-button{left:34px;top:23px}.workspace-heading h2,.consent-view h2{font-size:39px}.voice-focus h2{font-size:34px}.mode-actions{margin-top:30px}}
