:root{color:#f7f7f3;background:#111917;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:#111917}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}[hidden]{display:none!important}.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}.agent-page{min-height:100vh;display:grid;place-items:center;padding:clamp(20px,4vw,64px);background:radial-gradient(circle at 12% 14%,rgba(156,181,116,.15),transparent 24rem),radial-gradient(circle at 88% 78%,rgba(186,150,92,.11),transparent 25rem),#111917}.agent-card{width:min(1120px,100%);min-height:min(720px,calc(100vh - 80px));display:grid;grid-template-columns:minmax(275px,.75fr) minmax(0,1.25fr);overflow:hidden;border:1px solid rgba(241,238,224,.15);border-radius:30px;background:#f4f2ea;color:#17211e;box-shadow:0 28px 80px #0000004d}.identity-rail{display:flex;flex-direction:column;padding:clamp(26px,4vw,48px);color:#f7f7f3;background:linear-gradient(152deg,#243530,#17211e 64%,#1d2b26)}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:.82rem;font-weight:800;letter-spacing:.19em}.wordmark__mark{width:26px;height:20px;border:2px solid #d2db8c;border-right:0;display:inline-block;position:relative}.wordmark__mark:after{content:"";position:absolute;width:14px;height:14px;border:2px solid #d2db8c;border-left:0;right:-15px;top:1px}.portrait-wrap{position:relative;width:min(200px,66%);margin:clamp(34px,7vh,72px) auto 24px}.portrait{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:48% 48% 38% 38%;filter:saturate(.88) contrast(.98);box-shadow:0 18px 32px #00000047}.availability-dot{position:absolute;right:4%;bottom:9%;width:18px;height:18px;border-radius:50%;border:3px solid #22332e;background:#c4d871}.identity-copy{text-align:center}.eyebrow{margin:0;color:#77877e;font-size:.66rem;font-weight:800;letter-spacing:.14em;line-height:1.5}.identity-rail .eyebrow{color:#bbc79b}.identity-copy h1{margin:6px 0 9px;color:#fffef9;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3vw,2.8rem);font-weight:500}.identity-purpose{margin:0 auto;max-width:280px;color:#d7dfd4;font-size:.92rem;line-height:1.65}.trust-cues{display:grid;gap:9px;margin:auto 0 22px;padding:32px 0 0;list-style:none;border-top:1px solid rgba(247,247,243,.18);color:#e2e8dc;font-size:.81rem}.trust-cues li{display:flex;align-items:center;gap:8px}.trust-cues svg{width:15px;height:15px;color:#d2db8c}.support-topics{margin:0;color:#b9c5b9;font-size:.75rem;line-height:1.65}.support-topics span{display:block;margin-bottom:3px;color:#f7f7f3;font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.conversation-workspace{position:relative;display:flex;min-height:0;padding:clamp(25px,5vw,64px);background:#f4f2ea}.entry-state,.active-state{width:100%;display:flex;flex-direction:column}.entry-state{justify-content:center}.prototype-disclosure{padding:14px 16px;border:1px solid #d2cfc3;border-radius:12px;background:#e9e7dd;color:#4b5550;font-size:.72rem;line-height:1.5}.prototype-disclosure p{margin:0}.prototype-disclosure p+p{margin-top:4px}.prototype-disclosure__title{color:#1d2924;font-size:.66rem;font-weight:800;letter-spacing:.09em}.prototype-disclosure a{overflow-wrap:anywhere;color:#263c33;font-weight:700;text-decoration-thickness:1px;text-underline-offset:2px}.greeting-block{margin:clamp(28px,7vh,74px) 0 32px;max-width:540px}.greeting-block h2,.text-header h2,.consent-card h2{margin:8px 0 12px;color:#17211e;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:500;letter-spacing:-.04em;line-height:1.02}.greeting-block>p:last-child{max-width:440px;margin:0;color:#59635d;font-size:1rem;line-height:1.6}.mode-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mode-button{display:flex;min-height:112px;align-items:center;gap:13px;padding:18px;border:1px solid #c8c8bc;border-radius:16px;color:#17211e;background:#fbfaf5;text-align:left;transition:transform .16s cubic-bezier(.23,1,.32,1),border-color .16s ease,box-shadow .16s ease}.mode-button:hover{transform:translateY(-2px);border-color:#758f5b;box-shadow:0 12px 20px #1e292317}.mode-button:active{transform:scale(.98)}.mode-button__icon{display:grid;flex:0 0 auto;width:38px;height:38px;place-items:center;border-radius:50%;color:#fcfdf6;background:#243530}.mode-button svg{width:18px;height:18px}.mode-button strong,.mode-button small{display:block}.mode-button strong{font-size:.88rem}.mode-button small{margin-top:5px;color:#6f7772;font-size:.7rem;line-height:1.35}.starter-prompts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.starter-prompts button{padding:8px 11px;border:0;border-radius:99px;color:#425147;background:#e0e4d4;font-size:.72rem;transition:background .16s ease}.starter-prompts button:hover{background:#d3daa9}.privacy-note{display:flex;align-items:center;gap:7px;margin:24px 0 0;color:#6f7772;font-size:.72rem;line-height:1.45}.privacy-note svg{flex:0 0 auto;width:14px;height:14px;color:#536a45}.active-state{gap:24px}.call-surface{display:grid;flex:1;align-content:center;justify-items:center;padding:28px;text-align:center}.call-orbit{display:grid;width:104px;height:104px;place-items:center;border:1px solid #d0d8c5;border-radius:50%;color:#2d4438;background:radial-gradient(circle,#dce5be 0 31%,#edf0e6 32% 62%,transparent 63%);box-shadow:0 0 0 16px #ccdab147}.call-orbit svg{width:34px;height:34px}.call-surface h2{margin:17px 0 8px;color:#17211e;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:500;letter-spacing:-.04em}.call-surface>p:last-of-type{max-width:370px;margin:0;color:#647069;font-size:.92rem;line-height:1.6}.call-actions{display:flex;align-items:center;gap:14px;margin-top:38px}.round-control,.icon-button{display:grid;place-items:center;border:1px solid #c9cfc3;border-radius:50%;color:#294036;background:#fcfcf7}.round-control{width:52px;height:52px}.round-control svg,.icon-button svg{width:19px;height:19px}.end-control{display:inline-flex;align-items:center;gap:8px;padding:14px 17px;border:0;border-radius:99px;color:#fff;background:#75443a;font-size:.8rem;font-weight:700}.end-control svg{width:16px;height:16px}.text-state{min-height:0}.text-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.text-header h2{margin-bottom:0;font-size:clamp(1.8rem,3vw,2.7rem)}.icon-button{width:40px;height:40px;flex:0 0 auto}.message-history{display:flex;flex:1;min-height:260px;flex-direction:column;gap:14px;margin:18px 0;overflow:auto;padding:10px 3px}.empty-history{display:grid;flex:1;place-content:center;justify-items:center;color:#788078;text-align:center}.empty-history svg{width:24px;height:24px;margin-bottom:8px;color:#718e5c}.empty-history p{margin:0;font-size:.85rem}.message{max-width:78%;padding:11px 13px;border-radius:14px;font-size:.86rem;line-height:1.55}.message span{display:block;margin-bottom:3px;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.message p{margin:0;white-space:pre-wrap}.message--agent{align-self:flex-start;color:#26342e;background:#e5e9dc}.message--user{align-self:flex-end;color:#fff;background:#2d4639}.message-composer{display:flex;align-items:end;gap:10px;padding:8px;border:1px solid #cbd0c5;border-radius:16px;background:#fffef9}.message-composer textarea{min-height:28px;flex:1;resize:none;border:0;outline:0;color:#17211e;background:transparent;font-size:.88rem;line-height:1.45}.message-composer textarea::placeholder{color:#88908a}.message-composer button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:10px;color:#fff;background:#2d4639}.message-composer svg{width:17px;height:17px}.consent-layer{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:24px;background:#f4f2eae6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.consent-card{width:min(420px,100%);padding:28px;border:1px solid #ced3c8;border-radius:20px;background:#fffef9;box-shadow:0 18px 48px #131f1a29}.back-button{display:inline-flex;align-items:center;gap:3px;padding:0;border:0;color:#657368;background:transparent;font-size:.77rem}.back-button svg{width:15px;height:15px}.consent-card__icon{display:grid;width:46px;height:46px;place-items:center;margin-top:22px;border-radius:13px;color:#f9faf5;background:#2d4639}.consent-card__icon svg{width:21px;height:21px}.consent-card h2{margin-top:16px;font-size:2rem}.consent-card>p{margin:0;color:#606b63;font-size:.87rem;line-height:1.6}.consent-check{display:flex;align-items:flex-start;gap:9px;margin:22px 0;color:#465149;font-size:.78rem;line-height:1.45}.consent-check input{margin-top:2px;accent-color:#526a43}.consent-start{width:100%;padding:13px;border:0;border-radius:11px;color:#fff;background:#2d4639;font-size:.83rem;font-weight:700}.consent-start:disabled{opacity:.45}.notice{position:absolute;right:26px;bottom:22px;display:flex;align-items:center;gap:8px;max-width:min(370px,calc(100% - 52px));margin:0;padding:10px 13px;border:1px solid #d1b8a9;border-radius:10px;color:#6c392f;background:#f8ebe5;font-size:.75rem;line-height:1.4}.notice svg{flex:0 0 auto;width:15px;height:15px}@media (max-width: 760px){.agent-page{display:block;padding:0}.agent-card{min-height:100vh;grid-template-columns:1fr;border:0;border-radius:0}.identity-rail{padding:24px 22px 27px}.portrait-wrap{width:104px;margin:24px auto 12px}.identity-copy h1{font-size:2rem}.identity-purpose{font-size:.8rem}.trust-cues{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0 17px;padding-top:18px;font-size:.68rem}.trust-cues li{align-items:flex-start}.trust-cues svg{flex:0 0 auto;margin-top:1px}.support-topics{font-size:.69rem}.conversation-workspace{min-height:570px;padding:30px 22px}.greeting-block{margin:34px 0 28px}.mode-controls{grid-template-columns:1fr}.mode-button{min-height:83px}.prototype-disclosure{font-size:.68rem}.call-surface{padding:20px 4px}.message-history{min-height:250px}.message{max-width:88%}}@media (prefers-reduced-motion: no-preference){.agent-card{animation:card-enter .36s cubic-bezier(.23,1,.32,1) both}@keyframes card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}