@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap";:root{color:#183229;font-synthesis:none;--forest:#183f2d;--forest-dark:#102d21;--gold:#caa95d;--ivory:#f8f4e9;background:#f4f0e5;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 15%,#fff9ec 0,#0000 32%),#f4f0e5;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{-webkit-tap-highlight-color:transparent}main{width:min(1180px,100% - 48px);min-height:100vh;margin:0 auto}.topbar{border-bottom:1px solid #183f2d21;justify-content:space-between;align-items:center;height:84px;display:flex}.brand{color:var(--forest);letter-spacing:.13em;align-items:center;gap:10px;font-family:Playfair Display,serif;font-size:18px;text-decoration:none;display:flex}.brand-tech{color:#977a3b}.brand-mark{border:1px solid #183f2d38;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.demo-pill{color:#5f6f66;letter-spacing:.18em;align-items:center;gap:8px;font-size:10px;display:flex}.demo-pill span{background:#31a46c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #31a46c1a}.hero{text-align:center;padding:64px 20px 42px}.eyebrow{color:#9b7c39;letter-spacing:.28em;align-items:center;gap:8px;font-size:10px;font-weight:600;display:inline-flex}h1{letter-spacing:-.045em;margin:20px 0 18px;font-family:Playfair Display,Georgia,serif;font-size:clamp(42px,6vw,72px);font-weight:500;line-height:.98}h1 em{color:#536d5e;font-weight:500}.lede{color:#68766e;width:min(570px,100%);margin:0 auto;font-size:14px;line-height:1.7}.conversation-card{text-align:center;width:min(760px,100%);min-height:525px;color:var(--ivory);background:linear-gradient(145deg, #1d4935, var(--forest-dark));border:1px solid #ffffff17;border-radius:36px;margin:0 auto;padding:32px 34px 25px;position:relative;overflow:hidden;box-shadow:0 38px 90px -42px #133928cc}.ambient{filter:blur(2px);pointer-events:none;border-radius:50%;position:absolute}.ambient-one{background:radial-gradient(circle,#d7b76724,#0000 67%);width:300px;height:300px;top:-130px;left:-110px}.ambient-two{background:radial-gradient(circle,#81bb9321,#0000 68%);width:360px;height:360px;bottom:-170px;right:-140px}.status{color:#f8f4e9ad;letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:9px;font-size:10px;display:inline-flex;position:relative}.status-dot{background:#f8f4e959;border-radius:50%;width:6px;height:6px}.status-dot.online{background:#83d7a4;animation:1.8s infinite pulse-dot;box-shadow:0 0 0 5px #83d7a417}.cost-badge{color:#ead598;font-variant-numeric:tabular-nums;letter-spacing:.08em;background:#071f1533;border:1px solid #ead59824;border-radius:999px;padding:7px 11px;font-size:10px;position:absolute;top:26px;right:30px}.portrait{justify-content:center;align-items:center;gap:5px;width:220px;height:220px;margin:25px auto 6px;display:flex;position:relative}.orbit{border:1px solid #e8cf8f29;border-radius:50%;position:absolute}.orbit-one{inset:13px}.orbit-two{border-style:dashed;border-color:#ffffff0f;animation:24s linear infinite rotate;inset:0}.portrait.is-active .orbit-one{animation:2.8s ease-in-out infinite breathe}.face{z-index:2;background:radial-gradient(circle at 35% 27%,#e8d59f,#c5a254 65%,#987936);border-radius:50%;width:132px;height:132px;position:absolute;box-shadow:inset 0 2px 4px #ffffff73,0 22px 55px #04140d5c,0 0 0 12px #ffffff06}.eye{background:#214332;border-radius:50%;width:8px;height:11px;animation:5s infinite blink;position:absolute;top:48px}.eye-left{left:38px}.eye-right{right:38px}.mouth{background:#1e3d2d2e;border:3px solid #214332;border-radius:5px 5px 18px 18px;width:31px;transition:height 80ms linear;position:absolute;bottom:33px;left:50%;transform:translate(-50%)}.portrait:not(.is-speaking) .mouth{background:0 0;border-width:0 0 3px;border-radius:50%;height:9px!important}.sound-bar{z-index:3;background:#f9edcb73;border-radius:9px;width:3px;min-height:5px;transition:height 90ms linear}.sound-bar:nth-of-type(3){margin-left:-3px}.sound-bar:last-child{margin-right:-3px}.is-speaking .sound-bar{background:#f9e09ed1;animation:.65s ease-in-out infinite alternate sound}.caption{flex-direction:column;justify-content:center;width:min(580px,100%);min-height:72px;margin:0 auto;display:flex;position:relative}.tool-status{z-index:4;color:#eed99f;letter-spacing:.12em;text-transform:uppercase;background:#08231742;border:1px solid #ddbe702e;border-radius:999px;align-items:center;gap:7px;width:fit-content;min-height:29px;margin:-4px auto 7px;padding:7px 12px;font-size:9px;display:flex;position:relative}.tool-status i{background:currentColor;border-radius:50%;width:3px;height:3px;animation:.9s ease-in-out infinite alternate tool-dot}.tool-status i:nth-last-child(2){animation-delay:.16s}.tool-status i:last-child{animation-delay:.32s}.caption span{color:#d4b86e;letter-spacing:.24em;font-size:9px}.caption p{margin:8px 0 0;font-family:Playfair Display,Georgia,serif;font-size:18px;line-height:1.45}.caption .caption-placeholder{color:#f8f4e985;font-family:Inter,sans-serif;font-size:12px}.error{color:#ffd6cb;background:#7e221438;border-radius:9px;width:fit-content;max-width:520px;margin:4px auto 10px;padding:8px 12px;font-size:12px;position:relative}.controls{margin-top:14px;position:relative}.voice-mode{color:#f8f4e98c;letter-spacing:.12em;justify-content:center;align-items:center;gap:10px;margin:12px auto 2px;font-size:9px;display:flex;position:relative}.voice-mode select{color:#f8f4e9;font:inherit;letter-spacing:.04em;background:#082317b8;border:1px solid #ddbe7040;border-radius:999px;padding:8px 12px}.voice-mode select:disabled{opacity:.55}.call-button{color:#173729;cursor:pointer;letter-spacing:.18em;background:#d7b967;border:0;border-radius:999px;align-items:center;gap:11px;padding:15px 23px;font-size:10px;font-weight:600;transition:transform .25s,background .25s;display:inline-flex;box-shadow:0 14px 28px #04140d40}.call-button:hover{background:#e3c779;transform:translateY(-2px)}.call-button:focus-visible{outline-offset:4px;outline:2px solid #fff}.call-button.end{color:#fff4ed;background:#ffffff1a;border:1px solid #ffffff2e}.privacy{color:#f8f4e961;letter-spacing:.06em;justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:9px;display:flex;position:relative}.history-panel{background:#ffffff6b;border:1px solid #183f2d1c;border-radius:22px;width:min(760px,100%);margin:13px auto 0;overflow:hidden}.history-heading{color:#8a7954;letter-spacing:.16em;border-bottom:1px solid #183f2d14;justify-content:space-between;padding:14px 18px 11px;font-size:9px;display:flex}.history-heading span:last-child{color:#939d97;letter-spacing:.04em;text-transform:lowercase}.history-list{scroll-behavior:smooth;flex-direction:column;gap:10px;max-height:330px;padding:16px 18px 18px;display:flex;overflow-y:auto}.history-message{text-align:left;width:fit-content;max-width:min(82%,570px)}.history-message>span{color:#a18343;letter-spacing:.15em;margin:0 9px 5px;font-size:8px;font-weight:600;display:block}.history-message p{color:#31483d;background:#faf7ef;border:1px solid #183f2d14;border-radius:6px 16px 16px;margin:0;padding:11px 14px;font-size:12px;line-height:1.55}.history-message.agent{align-self:flex-start}.history-message.user{text-align:right;align-self:flex-end}.history-message.user>span{color:#61766a}.history-message.user p{color:#f6f1e5;text-align:left;background:#315943;border-color:#0000;border-radius:16px 6px 16px 16px}.history-message.live p{opacity:.72}.history-message.live>span:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;margin-left:6px;animation:1.1s infinite pulse-dot;display:inline-block}.cost-panel{color:#50645a;background:#ffffff57;border:1px solid #183f2d1c;border-radius:18px;width:min(760px,100%);margin:13px auto 0;font-size:11px}.cost-panel summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;list-style:none;display:flex}.cost-panel summary::-webkit-details-marker{display:none}.cost-panel summary b{color:var(--forest);font-variant-numeric:tabular-nums;font-size:14px}.cost-panel summary>span:last-child{color:#8a958f;letter-spacing:.07em;text-transform:uppercase;font-size:9px}.cost-grid{background:#183f2d14;border:1px solid #183f2d14;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 14px;display:grid;overflow:hidden}.cost-grid span{background:#f7f3e8;justify-content:space-between;gap:8px;padding:9px 10px;display:flex}.cost-grid b{color:#253d32;font-variant-numeric:tabular-nums}.cost-panel>p{color:#89928d;margin:11px 18px 14px;font-size:9px;line-height:1.5}.outbound-panel{color:#eaf1ec;background:linear-gradient(135deg,#244e3a,#173528);border:1px solid #ffffff17;border-radius:22px;grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);align-items:center;gap:28px;width:min(760px,100%);margin:13px auto 0;padding:24px 26px;display:grid;box-shadow:0 20px 50px -38px #102d21e6}.outbound-kicker{color:#d9bd71;letter-spacing:.2em;font-size:9px;font-weight:600}.outbound-panel h2{color:#fff9eb;margin:8px 0 7px;font-family:Playfair Display,Georgia,serif;font-size:23px;font-weight:500;line-height:1.15}.outbound-panel p{color:#eaf1ec94;margin:0;font-size:11px;line-height:1.55}.outbound-panel form{min-width:0}.outbound-panel label{color:#eaf1ec9e;letter-spacing:.13em;text-transform:uppercase;margin:0 0 7px 2px;font-size:9px;display:block}.outbound-input-row{gap:8px;display:flex}.outbound-input-row input{color:#183229;min-width:0;font:inherit;font-variant-numeric:tabular-nums;background:#f8f4e9;border:1px solid #ffffff29;border-radius:12px;outline:none;flex:1;padding:13px 14px;font-size:14px}.outbound-input-row input:focus{border-color:#d7b967;box-shadow:0 0 0 3px #d7b96729}.outbound-input-row button{color:#173729;cursor:pointer;letter-spacing:.12em;background:#d7b967;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:118px;padding:0 16px;font-size:10px;font-weight:600;display:inline-flex}.outbound-input-row button:disabled{cursor:not-allowed;opacity:.48}.outbound-result{color:#eaf1ec6b;min-height:16px;margin:7px 2px 0;font-size:9px;line-height:1.4}.outbound-result.success{color:#a7e0ba}.outbound-result.error{color:#ffc2b2}.spin{animation:.9s linear infinite rotate}.prompts{text-align:center;width:min(760px,100%);margin:33px auto 50px}.prompts>p{color:#9a875e;letter-spacing:.24em;font-size:9px}.prompts div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.prompts span{color:#5e7066;background:#ffffff5c;border:1px solid #183f2d1c;border-radius:999px;padding:10px 14px;font-size:11px}footer{color:#8b938e;border-top:1px solid #183f2d1c;justify-content:space-between;align-items:center;padding:24px 0 30px;font-size:10px;display:flex}footer a{color:var(--forest);align-items:center;gap:5px;text-decoration:none;display:inline-flex}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes breathe{50%{border-color:#e8cf8f4d;transform:scale(1.035)}}@keyframes pulse-dot{50%{box-shadow:0 0 0 8px #83d7a400}}@keyframes blink{0%,44%,48%,to{transform:scaleY(1)}46%{transform:scaleY(.08)}}@keyframes sound{to{opacity:.65;transform:scaleY(.65)}}@keyframes tool-dot{to{opacity:.35;transform:translateY(-3px)}}@media (width<=640px){main{width:min(100% - 28px,1180px)}.topbar{height:70px}.hero{padding:45px 8px 32px}.conversation-card{border-radius:28px;min-height:500px;padding:27px 18px 22px}.cost-badge{top:20px;right:18px}.portrait{width:190px;height:190px;margin-top:17px}.face{width:118px;height:118px}.eye{top:43px}.eye-left{left:34px}.eye-right{right:34px}.mouth{bottom:29px}.demo-pill{font-size:8px}footer{align-items:flex-start;gap:20px}.cost-panel summary{align-items:flex-start}.cost-panel summary>span:last-child{text-align:right}.cost-grid{grid-template-columns:repeat(2,1fr)}.history-list{max-height:280px;padding:14px}.history-message{max-width:91%}.outbound-panel{grid-template-columns:1fr;gap:18px;padding:22px 18px}.outbound-input-row{flex-direction:column}.outbound-input-row button{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}