:root{--ink:#17231f;--muted:#718078;--cream:#f5f3eb;--card:#fffdf8;--line:#dfe3db;--green:#1f6650;--lime:#c9f06b;--coral:#ff705e;--shadow:0 22px 60px rgba(31,61,49,.1)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#e7f4dc 0,transparent 24%),var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;min-height:100vh}.shell{max-width:1480px;margin:auto;padding:0 28px 40px}header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,35,31,.12)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:800 22px Manrope}.mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--green);color:var(--lime)}.accent{color:var(--green)}.status{font-size:13px;background:#fff9;padding:8px 13px;border-radius:99px;display:flex;align-items:center;gap:8px}.status i{width:7px;height:7px;border-radius:50%;background:#76bd60;box-shadow:0 0 0 4px #76bd6022}.hero{text-align:center;padding:44px 0 38px}.eyebrow{font:700 11px Manrope;letter-spacing:.2em;color:var(--green)}h1{font:800 clamp(38px,5vw,68px)/1.03 Manrope;margin:12px 0 16px;letter-spacing:-.045em}h1 em{font-style:normal;color:var(--green)}.hero p{max-width:650px;margin:auto;color:var(--muted);font-size:16px}.workspace{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(390px,1.35fr) minmax(250px,.8fr);gap:16px;align-items:start}.workspace>section,.workspace>aside{background:var(--card);border:1px solid #fff;border-radius:24px;box-shadow:var(--shadow);padding:24px}.panel-head,.call-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.panel-head>div,.call-top>div:first-child{display:flex;align-items:center;gap:10px}.step-number{font:700 11px Manrope;color:var(--green);background:#e7f1df;padding:6px 7px;border-radius:7px}h2{font:700 17px Manrope;margin:0}.hint{font-size:12px;line-height:1.5;color:var(--muted);margin-bottom:18px}label{font-weight:600;font-size:12px;display:block;margin:14px 0 7px}textarea,input{font:inherit;color:var(--ink);border:1px solid var(--line);background:#fbfcf8;border-radius:12px;outline:none;transition:.2s}textarea{width:100%;resize:vertical;padding:12px;font-size:12px;line-height:1.55}textarea:focus,input:focus{border-color:#65a889;box-shadow:0 0 0 3px #65a88920}button{font:600 13px "DM Sans";cursor:pointer;border:0}.text-button{color:var(--green);background:none}.secondary{border:1px solid var(--line);background:white;padding:10px 14px;border-radius:10px;margin-top:12px}.full{width:100%}.timer{font:600 13px Manrope;color:var(--muted);background:#f2f2eb;padding:7px 10px;border-radius:8px}.orb-wrap{text-align:center;padding:18px 0}.rings{width:112px;height:112px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#dcebb8 40%,#edf3df 42%,#edf3df 55%,transparent 57%)}.orb{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;color:var(--lime);font:800 24px Manrope;background:linear-gradient(145deg,#347b63,#153f33);box-shadow:0 10px 25px #1f665044}.orb.listening{animation:pulse 1.4s infinite}.orb.speaking{animation:speak .65s infinite alternate}@keyframes pulse{50%{box-shadow:0 0 0 18px #76bd6022,0 10px 25px #1f665044}}@keyframes speak{to{transform:scale(1.1)}}.orb-wrap h3{font:700 17px Manrope;margin:0 0 4px}.orb-wrap p{font-size:12px;color:var(--muted);margin:0}.conversation{height:245px;overflow:auto;background:#f4f5ef;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}.empty{margin:auto;color:#9aa49f;font-size:12px}.empty span{display:block;text-align:center;font-size:22px;margin-bottom:5px}.message{max-width:87%;font-size:12px;line-height:1.5;padding:10px 12px;border-radius:13px;animation:in .25s ease}.message.agent{background:white;align-self:flex-start;border-bottom-left-radius:3px}.message.user{background:var(--green);color:white;align-self:flex-end;border-bottom-right-radius:3px}.message.partial{opacity:.55}@keyframes in{from{transform:translateY(4px);opacity:0}}.type-row{display:flex;gap:7px;margin-top:10px}.type-row input{width:100%;padding:10px 12px;font-size:12px}.type-row button{width:39px;border-radius:11px;background:var(--ink);color:white}.controls{display:flex;gap:8px;margin-top:13px}.primary,.danger{flex:1;padding:12px;border-radius:12px}.primary{background:var(--lime);color:#203220}.danger{background:#ffe4df;color:#a23628}.icon-button{width:42px;border-radius:12px;background:#f0f1eb}.hidden{display:none}.score-card{display:flex;gap:14px;align-items:center;background:#f0f4e9;padding:15px;border-radius:16px}.score-ring{width:74px;height:74px;flex:0 0 auto;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--green) 0%,#dce2d8 0);position:relative}.score-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#f0f4e9}.score-ring>*{position:relative}.score-ring strong{font:800 22px Manrope}.score-ring small{font-size:9px;color:var(--muted)}.pill{display:inline-block;font-size:10px;font-weight:700;padding:5px 8px;border-radius:99px}.pill.cool{background:#dfe7e2;color:#4c6259}.pill.warm{background:#fff0c7;color:#8c6416}.pill.hot{background:#d8f0c0;color:#306b22}.score-card p{font-size:10px;color:var(--muted);margin:6px 0 0}.fields{margin-top:14px}.fields>div{border-bottom:1px solid var(--line);padding:11px 2px}.fields span{display:block;color:var(--muted);font-size:10px;margin-bottom:3px}.fields strong{font-size:12px;font-weight:600}.privacy{margin-top:14px;display:flex;gap:9px;color:var(--muted);font-size:10px;line-height:1.45}.privacy p{margin:0}.privacy span{color:var(--green)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:white;border-radius:10px;padding:10px 16px;font-size:12px;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1050px){.workspace{grid-template-columns:1fr 1.25fr}.lead-panel{grid-column:1/-1}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:0 14px}}@media(max-width:720px){.shell{padding:0 14px 25px}.hero{padding:32px 0}.workspace{grid-template-columns:1fr}.lead-panel{grid-column:auto}.call-panel{grid-row:1}.workspace>section,.workspace>aside{padding:19px}.fields{grid-template-columns:1fr 1fr}}