@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap";:root{color:#153529;background:#e9e5da;font-family:Manrope,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}[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}.page-shell{min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:36px 20px;background:radial-gradient(circle at 14% 12%,rgba(180,197,125,.45),transparent 30%),radial-gradient(circle at 82% 82%,rgba(177,130,77,.28),transparent 26%),#e9e5da}.agent-card{width:min(1120px,100%);min-height:680px;display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);overflow:hidden;border:1px solid rgba(35,63,45,.15);border-radius:28px;background:#fbfaf5;box-shadow:0 32px 80px #222a1d2e}.identity-rail{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:680px;padding:38px;overflow:hidden;color:#f8f6ef;background:linear-gradient(160deg,#163c2c,#174331 45%,#5c5e2c)}.identity-rail:before{position:absolute;width:380px;height:380px;top:30%;left:-210px;border:1px solid rgba(218,228,176,.25);border-radius:50%;content:""}.identity-rail:after{position:absolute;width:260px;height:260px;right:-120px;bottom:-90px;border:1px solid rgba(218,228,176,.2);border-radius:50%;content:""}.brand-mark,.identity-copy,.portrait-frame,.trust-list{position:relative;z-index:1}.brand-mark{display:inline-flex;align-items:center;gap:10px;width:fit-content;color:inherit;text-decoration:none;letter-spacing:.1em}.brand-mark span:last-child{display:grid;line-height:.9;font-size:14px}.brand-mark strong{font-weight:500}.brand-mark em{color:#e4dfb0;font-style:normal;font-weight:800;letter-spacing:.16em}.brand-symbol{display:grid;width:34px;height:34px;place-items:center;border:1px solid #d9de9f;border-radius:10px 2px;color:#dce59d}.portrait-frame{width:min(235px,80%);aspect-ratio:.85;align-self:center;overflow:hidden;border:8px solid rgba(248,246,239,.17);border-radius:130px 130px 24px 24px;background:#a7ab74;box-shadow:15px 16px #10281d2e}.portrait-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.availability-pulse{position:absolute;display:grid;place-items:center;width:36px;height:36px;right:8px;bottom:20px;border:4px solid #1c472f;border-radius:50%;background:#f5f3e9}.availability-pulse span,.status-badge span{width:9px;height:9px;border-radius:50%;background:#b5ca55;box-shadow:0 0 0 5px #b5ca5533}.eyebrow{margin:0 0 9px;color:#75843e;font-family:DM Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.13em;text-transform:uppercase}.identity-rail .eyebrow{color:#dbe59a}.identity-copy h1{margin:0 0 10px;font-family:Playfair Display,serif;font-size:clamp(43px,5vw,59px);font-weight:600;letter-spacing:-.05em}.status-badge{display:inline-flex;align-items:center;gap:10px;margin:0;color:#eef1d0;font-size:13px}.status-badge span{display:inline-block;width:7px;height:7px}.purpose{max-width:300px;margin:18px 0 0;color:#f8f6efd1;font-size:15px;line-height:1.65}.trust-list{display:grid;gap:10px;border-top:1px solid rgba(248,246,239,.22);padding-top:22px}.trust-list p{display:flex;align-items:center;gap:10px;margin:0;color:#f8f6efe0;font-size:12px;line-height:1.4}.trust-list svg{color:#dce59d;flex:none}.workspace{display:flex;flex-direction:column;min-width:0;padding:49px 54px 36px;background:#fbfaf5}.workspace-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:1px solid #e3e0d4;padding-bottom:26px}.workspace-header h2{max-width:450px;margin:0;color:#183c2d;font-size:clamp(29px,4vw,42px);font-weight:700;letter-spacing:-.065em;line-height:1.08}.icon-button,.dialog-close{display:grid;flex:none;width:38px;height:38px;place-items:center;border:1px solid #d8d8cb;border-radius:50%;background:#f6f4ec;color:#345544;transition:transform .16s cubic-bezier(.23,1,.32,1),background .16s}.icon-button:hover,.dialog-close:hover{background:#e9efdb;transform:translateY(-2px)}.entry-pane{display:flex;flex:1;flex-direction:column;padding-top:clamp(32px,6vh,68px)}.welcome-copy{max-width:490px}.welcome-icon{display:grid;width:43px;height:43px;place-items:center;margin-bottom:19px;border-radius:14px;background:#e9efda;color:#607329}.welcome-label{margin:0 0 8px;color:#173d2d;font-size:20px;font-weight:700;letter-spacing:-.03em}.welcome-copy>p:last-child{max-width:470px;margin:0;color:#647166;font-size:15px;line-height:1.7}.mode-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:34px}.mode-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;min-height:105px;padding:16px;border:1px solid #d9ddd2;border-radius:16px;background:#fffefa;color:#234434;text-align:left;transition:border .18s,box-shadow .18s,transform .16s cubic-bezier(.23,1,.32,1)}.mode-card:hover{border-color:#91a444;box-shadow:0 12px 22px #3f59341c;transform:translateY(-3px)}.mode-card:active,.primary-button:active,.secondary-button:active,.control-button:active,.end-button:active{transform:scale(.97)}.mode-icon{display:grid;width:39px;height:39px;place-items:center;border-radius:12px;background:#e7eddd;color:#55702b}.mode-card strong,.mode-card small{display:block}.mode-card strong{font-size:14px;letter-spacing:-.02em}.mode-card small{margin-top:4px;color:#738076;font-size:11px;line-height:1.35}.mode-card>svg{align-self:end;margin-bottom:3px;color:#6a7a43;transform:rotate(45deg)}.starter-section{margin-top:auto;padding-top:36px}.starter-section>p{margin:0 0 10px;color:#788077;font-size:12px}.starter-prompts{display:flex;flex-wrap:wrap;gap:9px}.starter-prompts button{border:1px solid #dcded3;border-radius:99px;padding:9px 12px;background:transparent;color:#3e5b4a;font-size:12px;transition:background .16s,border .16s}.starter-prompts button:hover{border-color:#9aa85b;background:#f0f3e5}.privacy-note{display:flex;align-items:flex-start;gap:8px;margin:25px 0 0;color:#899087;font-size:11px;line-height:1.55}.privacy-note svg{flex:none;margin-top:1px;color:#7a8b4d}.voice-pane{display:grid;flex:1;place-items:center;align-content:center;text-align:center;padding:36px 0}.voice-orb{position:relative;display:grid;width:145px;height:145px;place-items:center;isolation:isolate;border-radius:50%;background:linear-gradient(135deg,#1c4834,#78913f);color:#fffdf5;box-shadow:0 0 0 14px #edf0df,0 0 0 26px #f5f4eb}.voice-orb>span{position:absolute;z-index:-1;border:1px solid rgba(91,121,48,.45);border-radius:50%;opacity:0}.voice-orb[data-speaking=true]>span{animation:ripple 1.8s ease-out infinite}.voice-orb[data-speaking=true]>span:nth-child(1){width:175px;height:175px}.voice-orb[data-speaking=true]>span:nth-child(2){width:205px;height:205px;animation-delay:.45s}.voice-orb[data-speaking=true]>span:nth-child(3){width:235px;height:235px;animation-delay:.9s}@keyframes ripple{0%{opacity:.45;transform:scale(.8)}to{opacity:0;transform:scale(1.1)}}.voice-status{margin:47px 0 8px;color:#234333;font-size:20px;font-weight:700;letter-spacing:-.04em}.voice-description{max-width:350px;margin:0;color:#778277;font-size:14px;line-height:1.65}.session-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px}.control-button,.end-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;padding:12px 15px;font-size:13px;font-weight:700;transition:transform .16s cubic-bezier(.23,1,.32,1),background .16s,border .16s}.control-button,.secondary-button{border:1px solid #d6dbcf;background:#fffefa;color:#345343}.control-button:hover,.secondary-button:hover{background:#eff3e3}.end-button{border:1px solid #b75045;background:#b75045;color:#fffdf8}.end-button:hover{background:#9f4138}.text-pane{display:flex;flex:1;flex-direction:column;min-height:0;padding-top:27px}.message-history{display:flex;flex:1;flex-direction:column;gap:14px;min-height:270px;overflow-y:auto;padding:8px 6px 20px}.message{max-width:min(90%,425px);padding:14px 16px;border-radius:15px;font-size:14px;line-height:1.5}.message span{display:block;margin-bottom:4px;color:#788374;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.message p{margin:0}.message-agent{align-self:flex-start;border:1px solid #e0e3d8;background:#f2f4eb;color:#385241;border-bottom-left-radius:3px}.message-visitor{align-self:flex-end;background:#214734;color:#fffdf7;border-bottom-right-radius:3px}.message-visitor span{color:#dce5bd}.composer{display:flex;align-items:center;gap:9px;border:1px solid #d7dccf;border-radius:14px;padding:7px 8px 7px 16px;background:#fffefa}.composer input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#294734;font-size:14px}.composer input::placeholder{color:#9aa198}.composer button{display:grid;width:37px;height:37px;place-items:center;border:0;border-radius:10px;background:#78903e;color:#fffdf7;transition:background .16s,transform .16s}.composer button:not(:disabled):hover{background:#627a2e}.text-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:15px;color:#8a9189;font-size:11px}.text-footer button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#5d6d49;font-size:11px;font-weight:700;text-decoration:underline}.text-footer span{display:inline-flex;align-items:center;gap:5px}.error-banner{margin:18px 0 0;border-left:3px solid #b75045;padding:9px 12px;background:#fff2ef;color:#8c3228;font-size:13px;line-height:1.45}.consent-backdrop{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:#0e21198c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.consent-dialog{position:relative;width:min(440px,100%);padding:34px;border:1px solid rgba(255,255,255,.6);border-radius:20px;background:#fffefa;box-shadow:0 30px 70px #07181047}.dialog-close{position:absolute;top:16px;right:16px;width:34px;height:34px}.consent-icon{display:grid;width:48px;height:48px;place-items:center;margin-bottom:22px;border-radius:14px;background:#e8eedb;color:#566c28}.consent-dialog h2{margin:0 0 11px;color:#1e402f;font-size:25px;letter-spacing:-.05em}.consent-dialog>p:not(.eyebrow){margin:0;color:#6c776e;font-size:14px;line-height:1.65}.consent-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.primary-button{border:1px solid #587127;background:#587127;color:#fffdf7}.primary-button:hover{background:#48621d}@media (max-width:780px){.page-shell{display:block;padding:0}.agent-card{min-height:100vh;grid-template-columns:1fr;border:0;border-radius:0}.identity-rail{min-height:auto;gap:28px;padding:28px 24px}.portrait-frame{position:absolute;width:105px;right:24px;bottom:24px;border-width:5px}.availability-pulse{width:27px;height:27px;right:2px;bottom:8px;border-width:3px}.identity-copy h1{font-size:42px}.purpose{max-width:calc(100% - 125px);margin-top:10px;font-size:13px}.trust-list{display:none}.workspace{min-height:610px;padding:35px 24px 25px}.mode-selector{grid-template-columns:1fr}.workspace-header h2{max-width:310px;font-size:31px}.message-history{min-height:240px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}