:root{--paper:#f5f3ef;--ink:#21231f;--muted:#81817b;--line:#e7e4de;--green:#526d55;--mint:#dce8d8;--white:#fffefa}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;min-height:100vh}.shell{max-width:1440px;margin:auto;padding:0 7.2%}.topbar{height:86px;border-bottom:1px solid #e8e5df;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:var(--ink);font:800 25px Manrope,sans-serif;letter-spacing:-1.5px;display:flex;align-items:center;gap:8px}.brand-dot{color:#748a6c;margin-left:-8px}.brand-mark{width:23px;height:23px;border-radius:8px;background:#536f55;display:flex;align-items:center;justify-content:center;gap:2px}.brand-mark i{width:2px;background:#f1f5eb;border-radius:3px;display:block}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:12px}.brand-mark i:nth-child(3){height:8px}.local-badge,.github,.eyebrow,.feature-row,.console-foot,.page-footer{font:500 10px 'DM Mono',monospace;letter-spacing:.08em}.local-badge{color:#74776f;display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;background:#85a17e;border-radius:50%;box-shadow:0 0 0 3px #e2e9de}.github{text-decoration:none;color:#6c6d65}.github span{font-size:14px;margin-left:4px;color:#4e6c51}.layout{max-width:980px;margin:0 auto}.intro{padding:66px 0 40px}.eyebrow{color:#72816f;display:flex;align-items:center;gap:10px}.eyebrow-line{height:1px;width:22px;background:#82927b}h1{font:600 clamp(50px,7vw,77px)/.99 Manrope,sans-serif;letter-spacing:-5px;margin:25px 0 16px}h1 em{font-family:Georgia,serif;font-weight:400;color:#71866c;letter-spacing:-4px}.lede{color:#777872;font-size:15px;margin:0}.feature-row{display:flex;gap:27px;margin-top:27px;color:#85867f;font-size:9px}.feature-row b{color:#72866e;font-weight:500;margin-right:6px}.console{height:430px;background:var(--white);border:1px solid #e6e3dc;border-radius:14px;box-shadow:0 18px 55px #3c36230a;display:flex;flex-direction:column;overflow:hidden}.console-head{height:67px;flex:none;border-bottom:1px solid #efede8;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.console-title{display:flex;gap:12px;align-items:center}.head-icon{width:31px;height:31px;background:#eef2e9;color:#687f62;border-radius:9px;display:grid;place-items:center;font-size:18px}.console-title strong,.composer-copy strong{font-size:12px;font-weight:600;display:block}.console-title small{display:block;color:#92928b;font-size:10px;margin-top:3px}.clear-button{border:0;background:transparent;color:#898a83;font:11px 'DM Sans',sans-serif;cursor:pointer}.clear-button:hover{color:#536f55}.clear-button:first-letter{font-size:15px}.conversation{padding:18px 28px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:15px}.empty-state{margin:auto;text-align:center;color:#777b72}.empty-icon{width:48px;height:48px;border-radius:16px;background:#f0f3ec;color:#789071;display:flex;align-items:center;justify-content:center;gap:3px;margin:0 auto 14px;font-size:18px}.empty-state strong{font:600 13px Manrope,sans-serif;color:#51554e}.empty-state p{font-size:11px;margin:7px 0 0;color:#97978f}.message{max-width:76%;animation:rise .2s ease-out}.message.user{align-self:flex-end;text-align:right}.message.assistant{align-self:flex-start}.message .speaker{font:9px 'DM Mono',monospace;letter-spacing:.06em;color:#999a92;margin:0 5px 6px}.message .bubble{font-size:12px;line-height:1.6;padding:11px 14px;border-radius:12px;background:#f2f1ed;color:#41443e;text-align:left;white-space:pre-wrap}.message.user .bubble{background:#edf2e9;color:#465942;border-bottom-right-radius:4px}.message.assistant .bubble{border-bottom-left-radius:4px}.message.transcript .bubble{font-style:italic;color:#6e7169}.composer{height:76px;flex:none;border-top:1px solid #efede8;padding:0 23px;display:flex;align-items:center;gap:13px}.mic-wrap{width:43px;height:43px;position:relative;display:grid;place-items:center}.mic-button{position:relative;z-index:1;width:43px;height:43px;border:0;border-radius:50%;background:#536e55;color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .2s,background .2s;box-shadow:0 4px 11px #536e5530}.mic-button:hover:not(:disabled){transform:scale(1.06);background:#435c45}.mic-button:disabled{background:#b7c2b3;cursor:wait}.mic-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.mic-button.recording{background:#b85e4f;animation:pulse 1.5s infinite}.mic-ring{position:absolute;inset:-6px;border:1px solid transparent;border-radius:50%}.recording~.mic-ring{border-color:#bd6a5c50;animation:ring 1.5s infinite}.composer-copy{flex:1}.composer-copy span{display:block;color:#92938c;font-size:10px;margin-top:4px}.recording-time{font:11px 'DM Mono',monospace;color:#9b9b93;font-variant-numeric:tabular-nums}.console-foot{height:32px;flex:none;padding:0 24px;border-top:1px solid #f1efeb;display:flex;align-items:center;justify-content:space-between;color:#a1a199;font-size:8px}.shield{font-style:normal;color:#82977b;font-size:12px;margin-right:4px}.page-footer{display:flex;justify-content:space-between;color:#9a9b94;font-size:8px;margin-top:22px}.footer-right{display:flex;gap:7px;align-items:center}.footer-right i{width:5px;height:5px;background:#80977b;border-radius:50%}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#272b26;color:white;border-radius:8px;padding:11px 16px;font-size:11px;transition:.2s;max-width:min(90vw,500px);z-index:4}.toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes pulse{50%{box-shadow:0 0 0 7px #b85e4f24}}@keyframes ring{50%{transform:scale(1.16);opacity:.4}}@keyframes rise{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:620px){.shell{padding:0 20px}.topbar{height:70px}.intro{padding:50px 0 32px}h1{letter-spacing:-3.5px}h1 em{letter-spacing:-2.5px}.feature-row{gap:14px;font-size:8px}.console{height:min(500px,58vh);min-height:380px}.console-head{padding:0 16px}.conversation{padding:15px}.composer{padding:0 16px}.console-foot{padding:0 14px}.page-footer{font-size:7px}.github{font-size:9px}}
.call-panel{margin-top:22px;padding:22px 24px;background:var(--white);border:1px solid #e6e3dc;border-radius:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:28px;box-shadow:0 12px 35px #3c362308}.call-copy{flex:1;min-width:220px}.call-copy h2{font:600 19px Manrope,sans-serif;letter-spacing:-.5px;margin:10px 0 5px}.call-copy p{font-size:11px;color:#85867f;margin:0;max-width:320px}.call-form{width:min(100%,420px)}.call-field{margin-bottom:12px}.call-form label{display:block;font-size:10px;color:#777872;margin-bottom:7px}.call-form input,.call-form select{width:100%;border:1px solid #e3e1da;border-radius:7px;padding:11px 12px;font:12px 'DM Mono',monospace;color:var(--ink);background:#fffefa}.call-form select{font-family:'DM Sans',sans-serif;cursor:pointer}.call-form input:focus,.call-form select:focus{outline:2px solid #82977b55;border-color:#82977b}.call-actions{display:flex;justify-content:flex-end}.call-actions button{border:0;border-radius:7px;padding:11px 18px;background:#536e55;color:white;font:600 11px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}.call-actions button:hover:not(:disabled){background:#435c45}.call-actions button:disabled{opacity:.65;cursor:wait}.call-result{min-height:14px;margin:7px 0 0;font-size:10px;color:#536e55}.call-result.error{color:#b34f43}@media(max-width:620px){.call-panel{align-items:stretch;flex-direction:column;gap:17px;padding:19px 16px}.call-form{width:100%}.call-actions button{width:100%}}
.history-panel{margin-top:22px;padding:22px 24px;background:var(--white);border:1px solid #e6e3dc;border-radius:14px;box-shadow:0 12px 35px #3c362308}.history-heading,.transcript-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.history-heading h2,.transcript-head h2{font:600 19px Manrope,sans-serif;letter-spacing:-.5px;margin:10px 0 0}.history-refresh,.transcript-button{border:1px solid #dfe3d9;border-radius:7px;background:#fffefa;color:#536e55;padding:8px 12px;font:600 10px 'DM Sans',sans-serif;cursor:pointer}.history-scroll{overflow-x:auto;margin-top:16px}.history-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.history-table th{font:500 9px 'DM Mono',monospace;letter-spacing:.06em;color:#8b8b83;padding:10px;border-bottom:1px solid #eceae4}.history-table td{padding:12px 10px;border-bottom:1px solid #f0eee9;color:#454740;white-space:nowrap}.history-table tr:last-child td{border-bottom:0}.history-empty{text-align:center!important;color:#92928b!important;padding:24px!important}.call-status{text-transform:capitalize}.status-completed{color:#536e55!important}.status-failed,.status-busy,.status-no-answer{color:#a65349!important}.transcript-button{padding:7px 10px}.transcript-dialog{width:min(680px,calc(100vw - 30px));max-height:min(78vh,760px);border:1px solid #e6e3dc;border-radius:14px;padding:22px;background:var(--white);color:var(--ink);box-shadow:0 25px 80px #20231f35}.transcript-dialog::backdrop{background:#22251f77}.transcript-content{overflow-y:auto;max-height:calc(78vh - 110px);margin-top:20px;display:flex;flex-direction:column;gap:13px}.transcript-entry{max-width:88%;padding:12px 14px;border-radius:10px;background:#f2f1ed}.transcript-entry.customer{align-self:flex-end;background:#edf2e9}.transcript-meta{display:flex;gap:12px;align-items:center;color:#71806d;font:10px 'DM Mono',monospace}.transcript-meta time{color:#92928b;font-size:9px}.transcript-entry p{margin:8px 0 0;font-size:12px;line-height:1.6;white-space:pre-wrap}.transcript-entry.andy p{color:#41443e}.transcript-entry.customer p{color:#465942}@media(max-width:620px){.history-panel{padding:19px 14px}.history-table{min-width:620px}}