@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#090d15;--text:#f3f6fd;--muted:#929cad;--soft:#adb7c7;--border:rgba(198,221,255,.12);--glass:rgba(26,35,52,.58);--inset:rgba(222,233,255,.055);--aqua:#8ce5dc;--accent:#82bcfc;--green:#8fe4c9;--amber:#f6ce80;--red:#ffadac;--shadow:0 24px 80px #0004;--radius:21px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans',system-ui,sans-serif}body{background:var(--bg);color:var(--text);overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--aqua)}
.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(78px);z-index:-1}.ambient-a{width:510px;height:500px;left:-180px;top:-180px;background:rgba(46,104,161,.19)}.ambient-b{width:510px;height:490px;right:-130px;top:240px;background:rgba(58,163,141,.11)}.app{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr);gap:0;max-width:1880px;margin:auto}.glass{background:var(--glass);backdrop-filter:blur(35px) saturate(145%);-webkit-backdrop-filter:blur(35px) saturate(145%);border:1px solid var(--border);box-shadow:var(--shadow)}.glass-inset{background:var(--inset);border:1px solid var(--border);border-radius:16px}.sidebar{position:sticky;top:0;height:100vh;padding:29px 16px 18px;display:flex;flex-direction:column;border-top:0;border-bottom:0;border-left:0;border-radius:0;box-shadow:none;z-index:8}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 28px}.brandmark{color:#c2f8ef;width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#5ab9aa34,#74adff28);border:1px solid #9cd9df35}.brand strong{font-family:Manrope;font-size:18px;letter-spacing:-.9px;font-weight:800}.brand strong span{color:#9ee8df;margin-left:3px}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:1.1px;margin-top:2px}.workspace{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:30px;min-width:0}.w-avatar{background:linear-gradient(145deg,#d7effa,#74a9a8);width:34px;height:34px;color:#1a3e47;border-radius:11px;display:grid;place-items:center;font-weight:800;flex:none}.w-text{min-width:0;flex:1}.w-text strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.w-text small{color:var(--muted);font-size:10px;white-space:nowrap}.chevron{color:var(--muted)}.nav-label{font-size:10px;letter-spacing:1.8px;color:#77869b;padding:0 15px;margin-bottom:9px;font-weight:700}.more-label{margin-top:34px}.nav-link{appearance:none;width:100%;display:flex;align-items:center;gap:13px;border:1px solid transparent;background:transparent;color:#9daabd;padding:12px 13px;text-align:left;border-radius:13px;font-size:13px;font-weight:600;transition:.2s;margin-bottom:4px}.nav-link:hover,.nav-link.active{background:rgba(157,206,232,.1);color:var(--text);border-color:rgba(164,210,234,.12)}.nav-link.active{box-shadow:inset 3px 0 #99e9df}.ni{width:18px;text-align:center;font-size:20px;font-weight:400;line-height:1}.nav-count{background:#a8e4df24;color:var(--aqua);border-radius:7px;font-size:10px;padding:2px 7px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:17px 10px 4px;border-top:1px solid var(--border)}.status-indicator{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--soft)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none}.dot.amber{background:var(--amber);box-shadow:0 0 13px #efcd6d66}.dot.green{background:var(--green);box-shadow:0 0 12px #80e3bd77}.side-help{margin-top:16px;padding:0;color:var(--muted);background:none;border:0;display:flex;width:100%;justify-content:space-between;font-size:11px}.main{min-width:0}.topbar{height:79px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.top-left,.top-actions{display:flex;align-items:center;gap:20px}.breadcrumbs{font-size:10px;letter-spacing:1.5px;color:#8996a8;font-weight:700}.breadcrumbs span{margin:0 10px;color:#526173}.breadcrumbs b{color:var(--text);font-weight:600;letter-spacing:.2px;font-size:12px}.demo-pill{border-radius:20px;background:rgba(236,196,120,.085);border:1px solid rgba(236,196,120,.18);padding:8px 12px;display:flex;align-items:center;gap:9px;color:#efd19f;font-size:10px;font-weight:700}.icon-btn,.user-avatar,.menu-btn{width:35px;height:35px;display:grid;place-items:center;background:var(--inset);border:1px solid var(--border);border-radius:11px;color:var(--soft)}.user-avatar{border-radius:50%;font-size:13px;background:linear-gradient(145deg,#536b88,#2a3851);color:white}.menu-btn{display:none}.content{max-width:1430px;padding:34px 38px 60px;margin:0 auto}.section-eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--aqua);text-transform:uppercase;margin-bottom:12px}.page-title{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(25px,2.6vw,34px);letter-spacing:-1.35px;margin:0 0 10px}.page-desc{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:29px}.btn{border-radius:12px;padding:11px 15px;font-size:12px;font-weight:700;border:1px solid var(--border);background:var(--inset);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.16s;white-space:nowrap}.btn:hover{transform:translateY(-1px);border-color:rgba(185,224,236,.32)}.btn.primary{background:linear-gradient(135deg,#b0f0dd,#88bdd5);color:#102d38;border-color:transparent;box-shadow:0 9px 25px #74c9cb24}.btn.sm{padding:8px 11px;font-size:11px}.btn.ghost{background:transparent}.btn.danger{color:#ffb4af}.button-row{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.card{border:1px solid var(--border);background:var(--glass);backdrop-filter:blur(26px) saturate(135%);-webkit-backdrop-filter:blur(26px) saturate(135%);border-radius:var(--radius);padding:24px;min-width:0;box-shadow:0 16px 40px #00000012}.card-title{font-family:Manrope;font-size:15px;font-weight:750;letter-spacing:-.35px}.card-sub{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.5}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric{padding:22px}.metric-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:11px;color:var(--muted)}.metric-symbol{width:30px;height:30px;border:1px solid var(--border);border-radius:10px;display:grid;place-items:center;font-size:16px;color:var(--aqua)}.metric-num{font-family:Manrope;font-size:27px;font-weight:800;letter-spacing:-1px}.metric-foot{margin-top:6px;color:var(--muted);font-size:11px}.hero{margin-bottom:19px;padding:31px 32px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(109deg,rgba(29,73,84,.60),rgba(31,51,73,.65) 66%,rgba(34,61,80,.4))}.hero:before{content:'';position:absolute;width:230px;height:230px;right:10%;top:-100px;border-radius:50%;background:#6ad8bb15;filter:blur(25px)}.hero-copy{position:relative;max-width:590px}.hero h2{font:800 23px/1.25 Manrope;letter-spacing:-.7px;margin:12px 0}.hero p{font-size:12px;color:#afc3ca;line-height:1.85;margin:0 0 20px}.hero-badge{border:1px solid #e7c18d51;color:#e4c89b;background:#eed0a613;display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border-radius:20px;font-size:10px;font-weight:700}.hero-visual{position:relative;width:176px;height:156px;flex:none}.hero-orbit{position:absolute;border:1px solid #a2e7e743;border-radius:50%;inset:10px;box-shadow:0 0 28px #92dedb0c}.hero-orbit.two{inset:29px;transform:rotate(35deg);border-style:dashed}.hero-core{position:absolute;inset:53px;border-radius:21px;background:linear-gradient(135deg,#99f6e2,#70a7d3);box-shadow:0 0 45px #6bd7c550;display:grid;place-items:center;color:#123944;font-size:34px;font-weight:600}.columns-2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);gap:18px;margin-top:18px}.space-top{margin-top:18px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.text-link{background:none;border:0;color:var(--aqua);font-size:11px;font-weight:700}.conversation-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--border)}.person-avatar{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;color:#dae5f6;font-size:12px;font-weight:750;flex:none;background:linear-gradient(135deg,#485b76,#23324a)}.conversation-item strong{font-size:12px}.conversation-item p{font-size:11px;color:var(--muted);margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-mid{flex:1;min-width:0}.conv-right{text-align:right;display:flex;align-items:flex-end;flex-direction:column;gap:8px}.conv-right small{color:var(--muted);font-size:10px}.mini-tag{font-size:9px;color:var(--aqua);border:1px solid #9de7da28;background:#9de7da0b;border-radius:7px;padding:4px 7px}.mini-tag.wait{color:var(--amber);border-color:#ebcb8233}.mini-tag.human{color:#b5c7fa;border-color:#bac3f62f}.steps{display:flex;flex-direction:column;gap:19px}.step{display:flex;gap:12px}.step-index{height:29px;width:29px;flex:none;border-radius:10px;background:#9ae6dd13;color:var(--aqua);border:1px solid #9ae6dd30;display:grid;place-items:center;font-size:11px;font-weight:700}.step b{font-size:12px;font-weight:700}.step p{color:var(--muted);font-size:11px;line-height:1.7;margin:5px 0}.progress-rail{height:6px;background:#ffffff14;border-radius:6px;margin-top:18px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#66ccb9,#a6dbef);border-radius:6px}.notice{margin-top:18px;border:1px solid #d0b37335;background:#e3be7911;color:#e6d2ae;padding:14px 17px;border-radius:13px;line-height:1.7;font-size:11px}.pill{padding:6px 10px;border-radius:100px;font-size:10px;font-weight:700;border:1px solid var(--border);background:var(--inset);color:var(--soft)}.pill.warn{color:var(--amber)}.pill.good{color:var(--green)}.pill.blue{color:#bbd5fc}.pill-group{display:flex;flex-wrap:wrap;gap:8px}.form-group{margin:0 0 18px}.form-label{font-size:11px;color:var(--soft);display:block;margin-bottom:9px;font-weight:700}.field{width:100%;border:1px solid var(--border);background:rgba(12,20,31,.45);border-radius:12px;padding:12px 13px;font-size:12px;color:var(--text);outline:none}.field:focus{border-color:#a7e6de88}.field::placeholder{color:#718196}.field option{background:#1b2636}.textarea{min-height:110px;resize:vertical;line-height:1.65}.twofields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.formhint{color:var(--muted);font-size:10px;margin:7px 0 0;line-height:1.6}.divider{height:1px;background:var(--border);margin:20px 0}.setting-row{padding:14px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--border)}.setting-row:first-of-type{border-top:0}.setting-row b{font-size:12px}.setting-row p{font-size:11px;color:var(--muted);line-height:1.55;margin:5px 0 0}.switch{position:relative;display:inline-flex;align-items:center;width:42px;height:24px;flex:none}.switch input{position:absolute;opacity:0}.switch span{height:24px;width:42px;background:#5d6878;border:1px solid #7d8eaa66;border-radius:99px;transition:.2s}.switch span:after{content:'';position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:white;transition:.2s}.switch input:checked+span{background:#7bc8ba}.switch input:checked+span:after{transform:translateX(18px)}.mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mode-card{text-align:left;padding:17px;border-radius:15px;border:1px solid var(--border);background:var(--inset);color:var(--text);min-height:140px}.mode-card.selected{border-color:#95e3d9;background:#84d9c217;box-shadow:inset 0 0 0 1px #95e3d91d}.mode-card .mode-glyph{font-size:23px;color:var(--aqua)}.mode-card strong{display:block;font-size:12px;margin:13px 0 7px}.mode-card p{font-size:10px;color:var(--muted);line-height:1.6;margin:0}.example{border:1px solid var(--border);border-radius:13px;padding:14px;margin-bottom:10px;background:var(--inset)}.example .equestion{font-size:11px;color:var(--soft);margin-bottom:9px}.example .eanswer{font-size:12px;line-height:1.6}.example button{background:none;border:0;color:var(--muted);float:right}.inbox-layout{display:grid;grid-template-columns:260px minmax(300px,1fr) 260px;gap:12px;min-height:620px}.inbox-col{min-width:0;padding:17px}.chat-list-entry{width:100%;background:transparent;text-align:left;display:flex;gap:10px;border:1px solid transparent;padding:11px 8px;border-radius:13px;color:var(--text)}.chat-list-entry.selected,.chat-list-entry:hover{background:var(--inset);border-color:var(--border)}.chat-list-entry p{color:var(--muted);font-size:10px;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-entry strong{font-size:11px}.chat-list-entry .person-avatar{width:34px;height:34px;border-radius:11px}.chat-list-entry .chat-list-details{min-width:0;flex:1}.chat-badge{font-size:9px;color:var(--amber)}.chat-thread{display:flex;flex-direction:column;padding:0;min-height:620px;overflow:hidden}.thread-head{padding:18px 19px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.thread-head .conv-mid strong{font-size:13px}.messages{flex:1;min-height:300px;max-height:440px;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:12px;scrollbar-color:#6e829355 transparent}.message{border-radius:14px;max-width:85%;padding:11px 13px;font-size:12px;line-height:1.65;word-break:break-word}.message.in{background:#ffffff0e;border:1px solid var(--border);align-self:flex-start;border-bottom-left-radius:4px}.message.out{background:#78beaa28;border:1px solid #b4f2d826;align-self:flex-end;border-bottom-right-radius:4px}.message small{display:block;font-size:9px;color:var(--muted);text-align:right;margin-top:5px}.composer{border-top:1px solid var(--border);padding:14px 16px;display:flex;align-items:center;gap:9px}.composer textarea{resize:none;flex:1;min-height:48px;max-height:120px}.side-info{padding:20px}.info-row{border-bottom:1px solid var(--border);padding:13px 0;font-size:11px;color:var(--soft);display:flex;flex-direction:column;gap:5px}.info-row b{color:var(--text);font-size:12px}.suggestion{border:1px solid #b3efdb32;background:#a3e5cf0d;padding:13px;border-radius:13px;margin-top:14px;font-size:11px;line-height:1.7}.suggestion .label{color:var(--aqua);font-weight:700;font-size:10px;margin-bottom:8px}.sim-messages{height:350px;overflow:auto;padding:16px 0;display:flex;flex-direction:column;gap:11px}.empty-state{text-align:center;padding:30px 15px;color:var(--muted);font-size:12px;line-height:1.7}.empty-icon{font-size:27px;color:var(--aqua);margin-bottom:11px}.codebox{border-radius:11px;padding:13px;background:#030a12;border:1px solid var(--border);color:#b3d6d3;font-family:ui-monospace,monospace;font-size:11px;white-space:pre-wrap;word-break:break-all}.modal-overlay{position:fixed;inset:0;z-index:50;background:#03070acc;display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}.modal{width:min(530px,100%);max-height:86vh;overflow:auto;padding:26px;border-radius:24px}.modal h2{font:800 21px Manrope;margin:0 0 12px}.modal p{font-size:12px;color:var(--muted);line-height:1.8}.modal .modal-actions{display:flex;justify-content:flex-end;margin-top:24px}.toast{position:fixed;right:20px;bottom:20px;background:#19312f;border:1px solid #84dedb55;color:#dbfff4;padding:12px 18px;border-radius:13px;font-size:12px;box-shadow:var(--shadow);z-index:70}.history-report{font-size:11px;color:var(--soft);line-height:1.9}.history-report b{color:var(--text)}.bar{height:6px;background:#7f91a333;border-radius:8px;overflow:hidden;margin-top:8px}.bar>span{background:linear-gradient(90deg,#81d4c6,#9abff4);display:block;height:100%;border-radius:8px}
.light{color-scheme:light;--bg:#e9eef5;--text:#1a2938;--muted:#617184;--soft:#506276;--border:rgba(35,71,105,.14);--glass:rgba(255,255,255,.70);--inset:rgba(32,77,105,.055);--aqua:#167b79;--accent:#3c9bbb;--green:#227d63;--amber:#aa741a;--red:#b53d48;--shadow:0 24px 60px #3a5c7517}.light .demo-pill{color:#98691b}.light .hero{background:linear-gradient(109deg,#d3f2ed,#d8e9f5)}.light .hero p{color:#536a76}.light .hero-badge{color:#9b6a18}.light .field{background:#fff9}.light .message.in{background:#fff9}.light .message.out{background:#b9e7dc77}.light .codebox{background:#ecf4f7;color:#285562}.light .nav-label{color:#64788e}.light .status-indicator{color:#526379}.light .person-avatar{color:#fff}.light .pill.warn{color:#9b771d}.light .nav-link{color:#63778a}.light .nav-link.active{color:#244457}.light .hero-core{color:#1b5358}.light .notice{color:#87631b}
@media(max-width:1250px){.inbox-layout{grid-template-columns:220px minmax(270px,1fr)}.side-info{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:13px}.side-info .section-head{grid-column:1/-1}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:970px){.app{grid-template-columns:75px minmax(0,1fr)}.sidebar{padding:26px 11px}.sidebar .brand{padding:0 5px 22px}.brand>div:nth-child(2),.workspace,.nav-label,.nav-link:not(.active) .nav-count,.sidebar-bottom,.nav-link{font-size:0}.nav-link{justify-content:center;padding:13px}.nav-link .ni{font-size:23px}.brandmark{margin:auto}.sidebar .more-label{margin-top:22px}.columns-2{grid-template-columns:1fr}.content{padding:30px 24px}.topbar{padding:0 24px}}@media(max-width:690px){.app{display:block}.sidebar{position:fixed;left:-265px;top:0;width:249px;z-index:30;transition:left .2s;padding:28px 16px}.sidebar.open{left:0;box-shadow:20px 0 70px #0009}.sidebar .brand>div:nth-child(2),.sidebar .workspace,.sidebar .nav-label,.sidebar .sidebar-bottom{display:flex}.sidebar .nav-label{display:block}.sidebar .brand{justify-content:flex-start}.sidebar .brand>div:nth-child(2){display:block}.sidebar .workspace{margin-bottom:25px}.sidebar .nav-link{font-size:13px;justify-content:flex-start}.sidebar .nav-link .ni{font-size:20px}.topbar{height:66px;padding:0 17px}.menu-btn{display:grid}.top-left{gap:12px}.breadcrumbs{letter-spacing:0}.breadcrumbs span{margin:0 5px}.demo-pill{font-size:0;padding:9px}.content{padding:25px 15px 45px}.heading-row{align-items:flex-start;flex-direction:column}.heading-row .button-row{width:100%}.heading-row .button-row .btn{flex:1}.hero{padding:23px}.hero-visual{display:none}.grid4{gap:10px}.metric{padding:16px}.metric-top{margin-bottom:13px}.metric-num{font-size:23px}.card{padding:18px;border-radius:17px}.inbox-layout{grid-template-columns:1fr}.inbox-col.list{display:flex;flex-direction:column;max-height:170px;overflow:auto}.inbox-col.list .chat-list-entry{padding:8px}.chat-thread{min-height:480px}.messages{max-height:360px}.side-info{grid-template-columns:1fr}.twofields,.mode-cards{grid-template-columns:1fr}.mode-card{min-height:unset}.modal{padding:20px}.top-actions{gap:8px}.user-avatar{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* V2: official WhatsApp connection and live inbox, retaining Liquid Glass design. */
.v2-panel{padding:24px}.v2-panel a{color:var(--aqua);text-underline-offset:3px}.v2-panel code{font-size:11px;color:var(--aqua)}.v2-stack{display:flex;flex-direction:column;gap:14px;min-width:0}.v2-step{display:flex;gap:15px;border-top:1px solid var(--border);padding:17px 0}.v2-step b{font-size:12px}.v2-step p{font-size:11px;line-height:1.8;color:var(--muted);margin:5px 0}.v2-config{margin:12px 0}.v2-inline{display:flex;gap:9px;min-width:0;align-items:center}.v2-inline .field{min-width:0;flex:1}.v2-inline button{flex-shrink:0}.v2-login{display:flex;flex-direction:column;gap:13px}.v2-knowledge{display:flex;flex-direction:column;gap:11px}.v2-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.v2-status-grid>div{display:flex;flex-direction:column;gap:10px}.v2-status-grid span:first-child{font-size:11px;color:var(--soft)}.v2-examples{max-height:320px;overflow:auto;margin-bottom:20px}.v2-live-meta{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.v2-live-meta>span:last-child{font-size:10px;color:var(--muted)}.v2-error{border-color:rgba(244,123,114,.55);color:#f4b1ad;margin-bottom:16px}.v2-footnote{padding:0 18px 15px}.v2-panel .form-group{min-width:0}.v2-panel .field{max-width:100%}.v2-panel .btn:disabled{opacity:.45;cursor:not-allowed}.light .v2-error{color:#993a3a}
@media(max-width:690px){.v2-status-grid{grid-template-columns:1fr 1fr;gap:14px}.v2-inline{flex-wrap:wrap}.v2-inline .btn{min-height:38px}.v2-panel{padding:18px}.v2-panel .v2-step{gap:9px}}