:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7f4;color:#243832;--ink: #243832;--muted: #66736c;--soft: #f6faf4;--line: #dfe8de;--green: #2f4a40;--green-2: #d9f0d2;--blue: #e8fbff;--shadow: 0 24px 80px rgba(34, 66, 58, .1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(222,247,203,.9),transparent 32%),radial-gradient(circle at 88% 0%,rgba(214,247,255,.95),transparent 34%),#f5f7f4}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}main{width:min(1480px,calc(100vw - 40px));margin:0 auto;padding:36px 0 64px}.hero{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:28px 8px 30px}.hero-copy{max-width:720px}.eyebrow{display:block;margin-bottom:10px;color:#829087;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,h4,p{margin:0}h1{color:var(--ink);font-size:clamp(42px,6vw,86px);font-weight:760;letter-spacing:0;line-height:.96}.hero p{max-width:640px;margin-top:20px;color:var(--muted);font-size:17px;line-height:1.58}.model-strip{display:grid;gap:8px;min-width:320px;color:#5d6e66;font-size:12px;font-weight:700}.model-strip>span,.hybrid-toggle{border:1px solid rgba(47,74,64,.12);border-radius:999px;background:#ffffffb3;padding:8px 12px}.hybrid-toggle{display:flex;align-items:center;gap:8px}.hybrid-toggle input{width:14px;height:14px;accent-color:var(--green)}.hybrid-toggle span{white-space:nowrap}.demo-shell{display:grid;grid-template-columns:260px 1fr;min-height:560px;border:1px solid rgba(47,74,64,.08);border-radius:28px;background:radial-gradient(circle at 0% 0%,rgba(231,250,213,.9),transparent 38%),radial-gradient(circle at 100% 0%,rgba(225,248,255,.9),transparent 40%),#fafdf8f0;box-shadow:var(--shadow);overflow:hidden}.agent-sidebar{padding:38px 28px;min-height:0}.agent-sidebar h2{color:var(--ink);font-size:18px;font-weight:740}.agent-list{display:grid;gap:14px;margin-top:26px;max-height:760px;overflow:auto;padding-right:4px;scrollbar-width:thin}.agent-option{display:flex;align-items:center;gap:14px;min-height:68px;border:1px solid rgba(47,74,64,.1);border-radius:8px;background:#ffffffbd;color:var(--ink);padding:12px;text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease}.agent-option:hover{transform:translateY(-1px);border-color:#2f4a4038;background:#fff}.agent-option.selected{border-color:#2f4a4033;background:#fff;box-shadow:0 8px 30px #233e3614}.agent-option strong,.agent-option small{display:block}.agent-option strong{font-size:14px;font-weight:780}.agent-option small{margin-top:4px;color:#9ba79f;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.agent-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:8px;background:var(--green-2);color:#2f6a4d}.agent-icon.large{width:54px;height:54px;border-radius:14px}.stage{margin:36px 36px 36px 0;border:1px solid rgba(47,74,64,.08);border-radius:18px;background:#ffffffe6;overflow:hidden}.stage-header{display:flex;align-items:start;justify-content:space-between;gap:24px;min-height:98px;padding:34px 36px 20px}.stage-header h2{color:var(--ink);font-size:28px;font-weight:780}.status-pill{display:inline-flex;align-items:center;gap:12px;color:#9aa59f;font-size:12px;font-weight:800}.status-pill strong{color:#617168;text-transform:uppercase}.status-pill.error strong{color:#a33b3b}.status-pill.listening strong,.status-pill.bot_speaking strong,.status-pill.thinking strong{color:var(--green)}.status-bars{display:inline-flex;align-items:end;gap:3px;height:12px}.status-bars span{width:4px;height:5px;border-radius:2px;background:currentColor}.status-bars span:nth-child(2){height:9px}.status-bars span:nth-child(3){height:7px}.stage-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;padding:24px 36px 36px}.call-card{display:grid;align-content:center;justify-items:center;min-height:390px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fffffff5,#f9fcf8f5),#fff;padding:30px}.business-row{display:flex;align-items:center;gap:14px;justify-self:stretch;margin-bottom:34px}.business-row strong,.business-row span{display:block}.business-row strong{color:var(--ink);font-weight:820}.business-row span{margin-top:3px;color:var(--muted);font-size:13px}.orb{position:relative;display:grid;place-items:center;width:132px;height:132px;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.2),transparent 33%),conic-gradient(from 0deg,#24483d,#6fcf9f,#9eedbe,#24483d);color:#fff;box-shadow:0 22px 60px #2a4a403d,inset 0 0 0 12px #fff3;transform:scale(calc(1 + (var(--level) * .08)));transition:transform 80ms linear}.orb:after{content:"";position:absolute;inset:-18px;border-radius:inherit;border:1px solid rgba(47,74,64,.12)}.orb.listening{animation:pulse 1.2s ease-in-out infinite}.orb.thinking,.orb.bot_speaking,.orb.connecting{animation:rotate 4s linear infinite}@keyframes pulse{0%,to{box-shadow:0 22px 60px #2a4a403d,inset 0 0 0 12px #fff3}50%{box-shadow:0 28px 78px #2a785352,inset 0 0 0 14px #ffffff3d}}@keyframes rotate{to{filter:hue-rotate(35deg)}}.call-copy{margin-top:42px;text-align:center}.call-copy h3{color:var(--ink);font-size:25px;font-weight:820}.call-copy p{max-width:360px;margin-top:9px;color:var(--muted);font-size:14px;line-height:1.5}.call-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;flex-wrap:wrap}.primary-button,.ghost-button{display:inline-flex;align-items:center;gap:9px;min-height:42px;border-radius:999px;border:1px solid transparent;padding:0 20px;font-weight:800;font-size:14px}.primary-button{background:var(--green);color:#fff;box-shadow:0 12px 32px #2f4a4042}.ghost-button{background:#fff;color:var(--green);border-color:var(--line)}.transcript-card{display:grid;grid-template-rows:auto 1fr auto auto;min-height:390px;border:1px solid var(--line);border-radius:16px;background:#fbfdfb;overflow:hidden}.transcript-head{display:flex;align-items:start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:18px 20px}.transcript-head strong{color:var(--ink);font-size:18px}.transcript-head small{color:#8d9b94;font-size:12px;font-weight:700}.transcript-feed{display:flex;flex-direction:column;gap:14px;max-height:310px;overflow:auto;padding:20px}.empty-state{display:grid;place-items:center;gap:12px;height:220px;color:#8f9e96;text-align:center}.message{width:min(92%,560px);border:1px solid rgba(47,74,64,.08);border-radius:14px;background:#fff;padding:14px 16px}.message.you{align-self:end;background:#eef8eb}.message div{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:7px;color:#87968e;font-size:12px;font-weight:800}.message strong{color:var(--green)}.message p{color:var(--ink);line-height:1.5}.typed-fallback{display:grid;grid-template-columns:1fr 44px;gap:8px;border-top:1px solid var(--line);padding:12px}.typed-fallback input{min-width:0;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);padding:0 16px;outline:none}.typed-fallback button{display:grid;place-items:center;border:0;border-radius:999px;background:var(--green);color:#fff}.error-banner{display:flex;align-items:center;gap:8px;border-top:1px solid rgba(163,59,59,.18);background:#fff5f4;color:#a33b3b;padding:12px 14px;font-size:13px;line-height:1.35}.notice-banner{display:flex;align-items:center;gap:8px;border-top:1px solid rgba(47,74,64,.12);background:#f5fbf2;color:#3f6253;padding:12px 14px;font-size:13px;line-height:1.35}.flow-section{margin-top:32px;border:1px solid rgba(47,74,64,.1);border-radius:24px;background:#ffffffd6;padding:28px;box-shadow:0 20px 70px #22423a0f}.flow-meta{display:grid;grid-template-columns:1fr 1fr 120px;gap:18px;margin-bottom:20px}.flow-meta div{border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px}.flow-meta strong{display:block;color:var(--ink);font-size:18px}.flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.flow-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px}.flow-card>span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--green-2);color:#2f6a4d;font-size:13px;font-weight:820}.flow-card h3{margin-top:16px;color:var(--ink);font-size:18px}.flow-card p{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.45}.flow-card ul{display:grid;gap:7px;margin:14px 0 0;padding-left:18px;color:var(--ink);font-size:13px;line-height:1.35}@media(max-width:980px){main{width:min(100vw - 24px,760px)}.hero,.stage-header,.flow-meta{grid-template-columns:1fr}.hero{display:grid}.model-strip{min-width:0}.demo-shell,.stage-grid{grid-template-columns:1fr}.stage{margin:0 16px 16px}.agent-sidebar{padding:26px 22px}.agent-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible;padding-right:0}}@media(max-width:620px){main{width:100vw;padding:0 0 40px}.hero,.flow-section{padding:24px 18px}.demo-shell,.flow-section{border-radius:0}.agent-list,.flow-meta{grid-template-columns:1fr}.stage{margin:0;border-radius:0;border-left:0;border-right:0}.stage-header,.stage-grid{padding-left:18px;padding-right:18px}}