:root{--bar: #1f1b12;--gold: #c9a227;--muted-gold: #c9bfa6;--bg: #f5f3ee;--card: #ffffff;--border: #efece3;--border-strong: #ddd7c8;--text: #1f2a24;--muted: #9a9384;--muted-2: #5b6660;--teal: #146356;--teal-tint: #f1f6f5;--orange: #c2410c;--purple: #5b4b9a;--purple-tint: #f7f5fc;--purple-soft: #e4defb;--red: #b3261e;--green: #1f7a4d;font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--teal)}.topbar{height:56px;background:var(--bar);color:#fff;display:flex;align-items:center;gap:20px;padding:0 20px}.wordmark{font-weight:800;font-size:16px}.wordmark span{color:var(--gold);font-size:11px;font-weight:700}.topbar nav{display:flex;gap:22px;flex:1;align-self:stretch}.topbar nav a{color:var(--muted-gold);text-decoration:none;font-size:13.5px;font-weight:500;padding:18px 0 16px;border-bottom:2px solid transparent}.topbar nav a.active{color:#fff;font-weight:700;border-bottom-color:var(--gold)}.topbar .who{color:var(--muted-gold);font-size:12.5px}.topbar button.secondary{height:32px;padding:0 12px;font-size:12px}main{max-width:1320px;margin:0 auto;padding:24px 32px 64px}h1{font-size:22px;font-weight:800;margin:0 0 4px}h2{font-size:15px;font-weight:800;margin:0 0 12px}.sub{color:var(--muted);font-size:12px;margin:2px 0 20px}.card{background:var(--card);border:none;border-radius:14px;padding:18px;margin-bottom:16px}.row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}label{display:block;font-size:12px;color:var(--muted-2);font-weight:600;margin-bottom:4px}input,select,textarea{font:inherit;font-size:13.5px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:9px;background:#fff;color:inherit}button{font:inherit;font-size:13px;font-weight:700;padding:0 16px;height:38px;cursor:pointer;background:var(--teal);color:#fff;border:none;border-radius:9px}button.secondary{background:#fff;color:var(--muted-2);border:1px solid var(--border-strong)}button.danger{background:var(--red)}button:disabled{opacity:.5;cursor:default}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.04em}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr.totals td{font-weight:800;border-top:2px solid var(--bar);border-bottom:none}.error{background:#fdecea;border:1px solid #f3c3bf;color:var(--red);padding:12px;border-radius:10px;font-size:13px;white-space:pre-wrap}.ok{color:var(--green);font-size:13px}.muted{color:var(--muted);font-size:12.5px}.pill{display:inline-block;font-size:10.5px;font-weight:800;padding:2px 9px;border-radius:999px;background:var(--bg);color:var(--muted)}.pill.on{background:var(--teal);color:#fff}.pill.off{background:#fdecea;color:var(--red)}.centre{min-height:100vh;display:grid;place-items:center;padding:24px}.centre .card{width:min(420px,100%)}pre{background:var(--bg);padding:12px;border-radius:10px;overflow:auto;font-size:12px}.eyebrow{font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.title-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.title-row h1{margin:0}.title-row .sub{margin:2px 0 0}.range-pill{height:36px;border-radius:9px;border:1px solid var(--border-strong);background:#fff;display:flex;align-items:center;gap:8px;padding:0 6px 0 14px;font-size:12.5px;font-weight:600}.range-pill input{border:none;padding:0;height:30px;font-size:12.5px;font-weight:600;width:128px;background:transparent}.range-pill .sep{color:var(--muted);font-weight:600}.range-pill button{height:26px;padding:0 10px;border-radius:7px;font-size:12px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stat{background:#fff;border-radius:14px;padding:16px}.stat .value{font-size:24px;font-weight:800;margin-top:4px;font-variant-numeric:tabular-nums}.stat .subline{font-size:11px;color:var(--muted);margin-top:2px;line-height:1.45}.stat.teal{background:var(--teal-tint)}.stat.teal .eyebrow,.stat.teal .value,.stat.teal .subline{color:var(--teal)}.stat .value.bad{color:var(--orange)}.stat .value .ccy{display:block}.grid-card{background:#fff;border-radius:14px;padding:8px;overflow-x:auto}.grid-row{display:grid;align-items:center;gap:8px;grid-template-columns:minmax(220px,1.8fr) repeat(2,minmax(80px,.7fr)) minmax(190px,1.3fr) minmax(110px,1fr) repeat(4,minmax(84px,.7fr)) 64px;padding:13px 16px;border-radius:10px;font-size:13px;min-width:1100px}.grid-row.head{white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.grid-row.hl{background:var(--teal-tint)}.grid-row.focus{box-shadow:inset 0 0 0 2px var(--gold)}.grid-row.totals{border-top:1px solid var(--border);border-radius:0;font-weight:800;margin-top:4px}.grid-row .name{font-size:13.5px;font-weight:700}.grid-row .subline{font-size:11px;color:var(--muted-2);font-weight:500;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-row>div{min-width:0}.grid-row .num{text-align:right;font-variant-numeric:tabular-nums}.grid-row .cost{color:var(--teal);font-weight:700}.grid-row .fail{color:var(--orange);font-weight:700}.grid-row .detail{justify-self:end;font-size:12px;color:var(--teal);font-weight:700;text-decoration:none;white-space:nowrap}.footnote{color:var(--muted);font-size:12px;line-height:1.55;margin-top:12px}h2.section{font-size:15px;margin:26px 0 10px}table.prices th,table.prices td{padding:9px 12px}.pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;background:var(--purple-soft);color:var(--purple)}.cap-callout{background:var(--purple-tint);border:1px solid var(--purple-soft);border-radius:12px;padding:12px 16px;font-size:13px;color:#4a3f73;margin-bottom:16px;line-height:1.5}.cap-callout strong{color:var(--purple)}.cap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cap-card{background:#fff;border-radius:14px;padding:14px 16px;overflow-x:auto}.cap-card h3{font-size:13.5px;margin:0 0 2px}.cap-card .why{font-size:11.5px;color:var(--muted);margin:0 0 8px;line-height:1.45}.cap-card table th,.cap-card table td{padding:6px 8px;font-size:12.5px;white-space:nowrap}.cap-card tr.flag td{background:var(--purple-tint)}.rate{display:flex;align-items:center;gap:8px;justify-content:flex-end}.rate .bar{width:64px;height:6px;border-radius:3px;background:var(--border);overflow:hidden}.rate .bar span{display:block;height:100%;background:var(--orange)}.cap-wide{grid-column:1 / -1}@media(max-width:900px){.cap-grid{grid-template-columns:1fr}}.back{margin:0 0 8px}.demo-stage{display:flex;align-items:flex-start;justify-content:center;gap:70px;flex-wrap:wrap;padding-top:8px}.phone{width:360px;height:740px;border-radius:36px;background:#111;padding:10px;box-shadow:0 20px 45px #0000002e;flex-shrink:0}.phone-screen{width:100%;height:100%;border-radius:28px;overflow:hidden;background:#efe9da;display:flex;flex-direction:column}.wa-head{background:var(--teal);padding:14px;display:flex;align-items:center;gap:10px;flex-shrink:0}.wa-head .avatar{width:34px;height:34px;border-radius:50%;background:#ddede9;color:var(--teal);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wa-head .title{color:#fff;font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-head .status{color:#cfe6df;font-size:11px}.wa-thread{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.wa-empty{margin:auto;text-align:center;font-size:12.5px;color:#8a8578;line-height:1.5;padding:0 12px}.wa-bubble{max-width:80%;padding:9px 12px;font-size:13.5px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.wa-bubble.lead{align-self:flex-end;background:#dcf8c6;border-radius:14px 4px 14px 14px}.wa-bubble.agent{align-self:flex-start;background:#fff;border-radius:4px 14px 14px}.wa-bubble img{display:block;max-width:100%;border-radius:8px;margin-bottom:6px}.wa-bubble .time{font-size:10px;color:var(--muted);text-align:right;margin-top:3px}.wa-bubble.lead .time{color:#6b8f6b}.wa-input{padding:10px 12px;background:var(--bg);display:flex;align-items:center;gap:8px;flex-shrink:0}.wa-input input{flex:1;min-width:0;border:none;border-radius:20px;padding:10px 14px;font-size:13px}.wa-input button{width:40px;height:40px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.demo-panel{width:520px;max-width:100%;flex-shrink:0;display:flex;flex-direction:column;gap:14px}.demo-panel .eyebrow{color:var(--teal);letter-spacing:.06em}.demo-panel .headline{font-size:26px;font-weight:800;line-height:1.25}.demo-panel .lede{font-size:14.5px;color:#3a4440;line-height:1.6}.inbox-card{background:#fff;border-radius:14px;padding:14px;border:1px solid var(--border);display:block;color:inherit;text-decoration:none}.inbox-card:hover{border-color:var(--border-strong)}.lead-line{display:flex;gap:10px;align-items:center}.avatar-p{width:36px;height:36px;border-radius:50%;background:var(--purple-soft);color:var(--purple);font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lead-line .name{font-size:13px;font-weight:700}.lead-line .state{font-size:11.5px;color:var(--muted-2)}.demo-note{font-size:12.5px;color:var(--muted);line-height:1.55}.temp{padding:2px 8px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;background:var(--bg);color:var(--muted);white-space:nowrap}.temp.hot{background:#fee2c7;color:#7a3410}.temp.warm{background:#fdecc8;color:#8a6d1f}.temp.cold{background:#e0ecf5;color:#2f5876}.demo-strip{background:var(--purple);color:#e4defb;height:36px;display:flex;align-items:center;gap:12px;padding:0 20px;font-size:11px;font-weight:800;letter-spacing:.03em}.demo-strip a{color:#e4defb;font-weight:700;font-size:12px;letter-spacing:0;margin-left:auto}.staff{display:flex;height:calc(100vh - 92px);min-height:520px;overflow:hidden}.staff-list{width:340px;flex-shrink:0;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.staff-list .list-head{padding:16px;font-size:14px;font-weight:800;border-bottom:1px solid var(--border)}.staff-item{display:flex;gap:10px;padding:14px 16px;border-left:3px solid transparent;border-top:1px solid var(--bg);text-decoration:none;color:inherit}.staff-item.selected{background:var(--purple-tint);border-left-color:var(--purple)}.staff-item .avatar-p{width:38px;height:38px;font-size:12.5px}.staff-item .body{flex:1;min-width:0}.staff-item .top{display:flex;justify-content:space-between;gap:8px}.staff-item .name{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-item .when{font-size:10.5px;color:var(--muted);white-space:nowrap}.staff-item.selected .when{color:var(--teal);font-weight:700}.staff-item .state{font-size:11.5px;color:var(--muted-2)}.staff-list .empty{padding:14px 16px;font-size:12px;color:var(--muted);line-height:1.5}.staff-chat{flex:1;display:flex;flex-direction:column;background:#efe9da;min-width:0}.chat-head{height:60px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:12px;flex-shrink:0}.chat-head .avatar-p{width:38px;height:38px;font-size:13px}.chat-head .who{flex:1;min-width:0}.chat-head .name{font-size:15px;font-weight:800}.chat-head .state{font-size:11.5px;color:var(--muted-2)}.chat-head .temp{font-size:11px;padding:3px 10px}.chat-thread{flex:1;overflow-y:auto;padding:22px 60px;display:flex;flex-direction:column;gap:12px}.ibubble{max-width:60%;padding:10px 14px;font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.ibubble.lead{align-self:flex-start;background:#fff;border-radius:4px 14px 14px}.ibubble.agent,.ibubble.staff{align-self:flex-end;background:#ede7fa;border-radius:14px 4px 14px 14px}.ibubble.staff{background:#ddede9}.ibubble .label{font-size:10px;font-weight:800;color:var(--purple);margin-bottom:2px;text-transform:uppercase}.ibubble.staff .label{color:var(--teal)}.ibubble .meta{font-size:10px;color:var(--muted);margin-top:3px;text-align:right}.ibubble .meta.bad{color:var(--orange);font-weight:700}.ibubble img{display:block;max-width:100%;border-radius:8px;margin-bottom:6px}.chat-foot{padding:14px 20px;background:var(--bg);border-top:1px solid #e4dec5;flex-shrink:0}.chat-foot div{height:42px;border-radius:10px;background:var(--border);color:var(--muted);font-size:13px;display:flex;align-items:center;padding:0 14px}.staff-side{width:340px;flex-shrink:0;background:#fff;border-left:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.side-label{font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.temp-box{border-radius:12px;padding:12px;background:var(--bg);border:1px solid var(--border)}.temp-box.hot{background:#fff3ec;border-color:#f6c7a8}.temp-box.warm{background:#fdf8ec;border-color:#f0dca8}.temp-box.cold{background:#f1f6fa;border-color:#c9dceb}.temp-box .line{display:flex;gap:6px;align-items:center;margin-bottom:4px}.temp-box .line .when{font-size:11px;color:var(--muted-2)}.temp-box .reason{font-size:12px;line-height:1.4;color:#5b3a1f}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:5px 9px;border-radius:8px;background:var(--bg);font-size:11.5px;font-weight:600}.obstacle{border:1px solid var(--border);border-radius:10px;padding:9px 10px;margin-bottom:6px}.obstacle .title{font-size:12.5px;font-weight:700}.obstacle .desc{font-size:11px;color:var(--muted)}.next-box{background:var(--teal-tint);border-radius:10px;padding:11px}.next-box .side-label{color:var(--teal);font-size:11px;margin-bottom:3px}.next-box .what{font-size:12.5px;font-weight:700}.next-box .who{font-size:11px;color:var(--muted-2)}.note-box{background:var(--purple-tint);border:1px solid var(--purple-soft);border-radius:12px;padding:12px}.note-box .side-label{color:var(--purple);font-size:11px;margin-bottom:4px}.note-box .text{font-size:12px;color:#4a3f73;line-height:1.4}.side-empty{font-size:12px;color:var(--muted)}@media(max-width:900px){.stat-row{grid-template-columns:repeat(2,1fr)}.staff-side{display:none}.staff-list{width:260px}.chat-thread{padding:16px}}