﻿@font-face{font-family:Manrope;src:url('/LenoraWebSite/manrope-latin.woff2') format('woff2');font-display:swap;font-weight:200 800}
:root{--navy:#0b2540;--deep:#071b2c;--green:#3f7d65;--gold:#b88b46;--cream:#f5f0e5;--paper:#fffdf8;--ink:#193446;--muted:#6e7f85;--line:#d9ded8;--shadow:0 28px 70px #071b2c24}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{min-height:100%;background:var(--deep);scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 13% 12%,#fff9e9 0,transparent 31%),radial-gradient(circle at 88% 16%,#dcece2 0,transparent 29%),linear-gradient(135deg,#f8f3e8,#edf3ec);position:relative}
body::before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(90deg,#0b254008 1px,transparent 1px),linear-gradient(#0b254008 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
a{color:inherit}.skip-link{position:fixed;z-index:20;left:12px;top:-70px;background:#fff;padding:12px 16px;border-radius:8px}.skip-link:focus{top:12px}
.demo-header{height:82px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);font-family:Georgia,serif;font-size:23px;line-height:.8}.brand>span:last-child{display:block}.brand b{color:var(--green);font-weight:400}.brand small{display:block;font-family:Manrope,sans-serif;font-size:6px;letter-spacing:.22em;margin:8px 0 0 2px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--navy);color:#fff;font-size:21px;box-shadow:0 8px 22px #0b254026}
.back-link{font-size:12px;font-weight:750;text-decoration:none;border-bottom:1px solid #0b25404a;padding:8px 0}
.demo-layout{max-width:1180px;margin:10px auto 42px;padding:0 28px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(420px,1fr);gap:82px;align-items:center;position:relative;z-index:1}
.demo-intro{padding:28px 0}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:#7e643c;display:flex;align-items:center;gap:9px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#4f9677;box-shadow:0 0 0 5px #4f967719}
h1{margin:20px 0 22px;color:var(--navy);font-family:Georgia,serif;font-size:clamp(43px,5vw,68px);line-height:1.02;font-weight:400;letter-spacing:-.035em}h1 em{color:var(--green);font-weight:400}
.intro-text{font-size:15px;line-height:1.9;color:#5c6f73;max-width:570px}
.safety-card{display:flex;gap:14px;align-items:flex-start;background:#ffffffb8;border:1px solid #fff;border-radius:15px;padding:18px;margin:26px 0;box-shadow:0 15px 40px #0b25400c}.safety-icon{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e1efe6;color:#327054;font-weight:800}.safety-card strong{font-size:12px}.safety-card p{font-size:10px;line-height:1.65;color:#73817d;margin:4px 0 0}
.demo-facts{list-style:none;margin:0;padding:0;display:grid;gap:14px}.demo-facts li{display:flex;align-items:center;gap:14px}.demo-facts li>span{font-family:Georgia,serif;color:#a47b3c;font-size:11px}.demo-facts strong,.demo-facts small{display:block}.demo-facts strong{font-size:11px}.demo-facts small{font-size:9px;color:#788584;margin-top:3px}
.price-line{margin:26px 0 0;padding-top:18px;border-top:1px solid #0b254017}.price-line strong,.price-line span{display:block}.price-line strong{font-family:Georgia,serif;font-size:18px;color:var(--navy)}.price-line span{font-size:9px;color:#74827e;margin-top:4px}.start-demo{display:none}
.chat-shell{height:min(780px,calc(100vh - 105px));min-height:650px;background:var(--paper);border:1px solid #ffffff;border-radius:26px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;position:relative}
.chat-shell::before{content:'';height:4px;background:linear-gradient(90deg,var(--green),#83ae91,var(--gold));position:absolute;left:0;right:0;top:0}
.chat-header{padding:19px 21px 15px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5e9e4}.assistant-avatar,.message-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#153f58,#3e8065);color:#fff;font-family:Georgia,serif}.assistant-avatar{width:42px;height:42px;font-size:22px;box-shadow:0 8px 18px #28604626}.chat-header h2{font-family:Georgia,serif;font-weight:400;font-size:18px;margin:0;color:var(--navy)}.chat-header p{font-size:8px;color:#71817d;margin:4px 0 0;display:flex;align-items:center;gap:5px}.chat-header p i{width:6px;height:6px;border-radius:50%;background:#4b9a73}.reset-button{margin-left:auto;border:0;background:transparent;color:#71817d;font:700 9px Manrope;letter-spacing:.03em;padding:10px;cursor:pointer}
.training-label{font-size:8px;color:#7b897f;padding:10px 22px;background:#f5f2e8;border-bottom:1px solid #ebe7dd}.training-label span{font-weight:800;color:#8a6a39;letter-spacing:.1em;margin-right:6px}
.chat-messages{flex:1;overflow:auto;padding:22px;background:radial-gradient(#2a624c10 1px,transparent 1px) 0 0/16px 16px;scrollbar-width:thin}.message{display:flex;gap:9px;max-width:86%;margin-bottom:15px}.message.user{margin-left:auto;justify-content:flex-end}.message>div{min-width:0}.message p{font-size:11px;line-height:1.65;margin:0;padding:12px 14px;border-radius:5px 14px 14px 14px;background:#fff;border:1px solid #e3e8e3;box-shadow:0 5px 16px #0b25400c;white-space:pre-wrap;overflow-wrap:anywhere}.message.user p{background:#dcebdd;border-color:#d1e2d4;border-radius:14px 5px 14px 14px}.message time{display:block;font-size:7px;color:#97a29d;margin:4px 4px 0}.message.user time{text-align:right}.message-avatar{flex:0 0 25px;height:25px;font-size:12px;margin-top:2px}.message.pending p{color:#72817c}.message.pending p::after{content:' ···';letter-spacing:2px;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.35}}
.chat-form{margin:0 14px 8px;border:1px solid #d7ddd7;border-radius:15px;background:#fff;padding:6px;display:flex;gap:7px;box-shadow:0 8px 25px #0b25400d}.chat-form input{min-width:0;flex:1;border:0;outline:0;background:transparent;font:500 11px Manrope;padding:0 9px;color:var(--ink)}.chat-form input::placeholder{color:#98a39e}.chat-form button{border:0;border-radius:10px;background:var(--navy);color:#fff;min-width:84px;height:42px;font:750 10px Manrope;padding:0 13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px}.chat-form button b{font-size:16px;font-weight:400}.chat-form button:disabled{opacity:.6;cursor:wait}.website-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}.chat-status{font-size:7px;color:#89958f;text-align:center;margin:0 10px 10px;min-height:11px}
.demo-footer{max-width:1180px;margin:0 auto;padding:18px 28px 34px;border-top:1px solid #ffffff9c;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2}.demo-footer p{font-family:Georgia,serif;color:#375367;margin:0;font-size:14px}.demo-footer a{text-decoration:none;background:#0c6e52;color:#fff;border-radius:999px;padding:13px 19px;font-size:10px;font-weight:750;box-shadow:0 10px 24px #0c6e5224}.demo-footer a span{margin-left:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{position:fixed;inset:auto 12px 12px;background:#fff4d7;padding:12px;border-radius:8px;font-size:12px;z-index:20}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c2954b;outline-offset:3px}
@media(max-width:880px){.demo-layout{grid-template-columns:1fr;gap:25px;max-width:680px}.demo-intro{padding-bottom:0}.demo-facts{grid-template-columns:repeat(3,1fr);gap:9px}.demo-facts li{align-items:flex-start}.chat-shell{height:690px;min-height:600px}.price-line{display:flex;align-items:end;justify-content:space-between;gap:15px}.price-line span{text-align:right}}
@media(max-width:600px){body{background:linear-gradient(160deg,#f8f3e8,#edf3ec)}body::before{position:absolute}.demo-header{height:66px;padding:0 17px}.brand{font-size:19px}.brand-mark{width:33px;height:33px;font-size:18px}.back-link{font-size:10px}.demo-layout{margin:0 auto;padding:0;display:block}.demo-intro{padding:30px 20px 27px}.eyebrow{font-size:9px}h1{font-size:43px;margin:17px 0}.intro-text{font-size:13px;line-height:1.75}.safety-card{margin:20px 0}.demo-facts{display:none}.price-line{display:block;margin-top:20px}.price-line span{text-align:left}.start-demo{display:flex;min-height:48px;margin-top:20px;padding:12px 16px;border-radius:10px;background:var(--navy);color:#fff;text-decoration:none;align-items:center;justify-content:space-between;font-size:11px;font-weight:750}.chat-shell{height:calc(100dvh - 66px);min-height:560px;border-radius:25px 25px 0 0;border-left:0;border-right:0;border-bottom:0}.chat-header{padding:17px 16px 13px}.training-label{padding-inline:17px}.chat-messages{padding:18px 14px}.message{max-width:92%}.message p{font-size:12px}.chat-form{position:sticky;bottom:0;margin:0 9px max(7px,env(safe-area-inset-bottom));padding:5px}.chat-form input{font-size:16px}.chat-form button{min-width:48px;width:48px;height:46px}.chat-form button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.chat-status{font-size:7px}.demo-footer{display:block;text-align:center;padding:27px 18px calc(28px + env(safe-area-inset-bottom))}.demo-footer p{margin-bottom:18px}.demo-footer a{display:inline-block;padding:15px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}

.message-file{display:flex;align-items:center;gap:9px;margin-bottom:6px;padding:9px 10px;border-radius:10px;background:#ffffff80}.message-file b{display:grid;width:30px;height:34px;place-items:center;border-radius:7px;background:#f7f0e5;color:#9a6c31}.message-file span{min-width:0}.message-file strong,.message-file small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-file strong{font-size:9px}.message-file small{margin-top:3px;color:#75827e;font-size:7px}.flow-trace{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0 0 4px}.flow-trace span{padding:4px 6px;border:1px solid #d6e3da;border-radius:999px;background:#eff7f1;color:#49705e;font-size:6px}.transcription{display:block;margin:5px 4px 0;color:#657770;font-size:7px;font-style:italic}
.attachment-menu{position:absolute;right:13px;bottom:78px;left:13px;z-index:8;padding:8px;border:1px solid #d7dfd8;border-radius:15px;background:#fff;box-shadow:0 18px 48px #071b2c30}.attachment-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:10px;background:transparent;text-align:left;cursor:pointer}.attachment-menu button:hover{background:#eff7f1}.attachment-menu button>b{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#e8f2eb;color:#257258;font-size:16px}.attachment-menu strong,.attachment-menu small{display:block}.attachment-menu strong{font-size:10px}.attachment-menu small{margin-top:2px;color:#788681;font-size:8px}.attachment-menu p{margin:5px 10px 4px;color:#8b7560;font-size:7px}
.recording-bar{display:flex;align-items:center;gap:8px;margin:0 14px 8px;padding:10px 12px;border:1px solid #e3d8d2;border-radius:13px;background:#fff8f4;color:#705548;font-size:9px}.recording-bar>span:nth-of-type(2){flex:1}.recording-dot{width:8px;height:8px;border-radius:50%;background:#d74747;animation:pulse 1s infinite}.recording-bar button{border:0;border-radius:8px;background:#eee5de;color:#705548;padding:7px 9px;font-size:8px;cursor:pointer}.recording-bar button:last-child{background:#0c6e52;color:#fff}
.chat-form{align-items:center;gap:5px}.chat-form input[name="message"]{padding-inline:7px}.chat-form .composer-tool{flex:0 0 36px;width:36px;min-width:36px;height:36px;border-radius:50%;background:transparent;color:#61736d;font-size:18px;padding:0}.chat-form .composer-tool svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chat-form .composer-tool:hover{background:#edf3ee}.chat-form #mic-button{color:#2d6f59}.chat-form #send-button{min-width:76px}.composer-tool:disabled{opacity:.55;cursor:wait}
@media(max-width:880px){.chat-shell{height:760px;min-height:650px}}
@media(max-width:600px){.chat-shell{height:calc(100dvh - 66px);min-height:580px}.chat-header{padding:13px 14px 10px}.training-label{padding:8px 14px}.chat-messages{padding:14px 11px}.message{max-width:94%}.flow-trace span{font-size:7px}.attachment-menu{right:8px;bottom:73px;left:8px}.recording-bar{margin:0 9px 7px}.chat-form{margin:0 7px max(6px,env(safe-area-inset-bottom));padding:4px}.chat-form input[name="message"]{font-size:16px}.chat-form .composer-tool{width:38px;min-width:38px;height:38px;flex-basis:38px}.chat-form #send-button{min-width:46px;width:46px;height:44px;padding:0}.chat-status{margin-bottom:7px}}

/* Visual escuro inspirado no WhatsApp Web. */
:root{--navy:#e9edef;--deep:#0b141a;--green:#00a884;--gold:#00a884;--cream:#111b21;--paper:#111b21;--ink:#e9edef;--muted:#8696a0;--line:#2a3942;--shadow:0 28px 80px #00000066}
html{background:#0b141a}body{color:#e9edef;background:radial-gradient(circle at 14% 10%,#10352d 0,transparent 30%),radial-gradient(circle at 88% 20%,#12342b 0,transparent 28%),linear-gradient(135deg,#071014,#0b1f1a)}body::before{opacity:.18;background-image:linear-gradient(90deg,#ffffff0a 1px,transparent 1px),linear-gradient(#ffffff0a 1px,transparent 1px);mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.brand,.back-link{color:#e9edef}.brand b{color:#00a884}.brand-mark{background:#00a884;color:#062b22;box-shadow:0 8px 24px #00a88430}.back-link{border-color:#8696a066}.eyebrow{color:#73d9bd}.eyebrow span{background:#00a884;box-shadow:0 0 0 5px #00a88422}h1{color:#f0f2f5}h1 em{color:#55c9aa}.intro-text{color:#aebac1}.safety-card{background:#111b21e8;border-color:#2a3942;box-shadow:0 18px 50px #00000030}.safety-icon{background:#0b3b31;color:#55d6b3}.safety-card p,.demo-facts small,.price-line span{color:#8696a0}.demo-facts strong,.price-line strong{color:#e9edef}.demo-facts li>span{color:#00a884}.price-line{border-color:#2a3942}.start-demo{background:#00a884;color:#062b22}
.chat-shell{background:#111b21;border-color:#2a3942;box-shadow:0 30px 90px #00000088}.chat-shell::before{background:#00a884}.chat-header{background:#202c33;border-color:#2a3942}.assistant-avatar,.message-avatar{background:#00a884;color:#052b22}.chat-header h2{color:#e9edef}.chat-header p,.reset-button{color:#8696a0}.chat-header p i{background:#00a884}.training-label{background:#182229;border-color:#2a3942;color:#8696a0}.training-label span{color:#55d6b3}
.chat-messages{background-color:#0b141a;background-image:radial-gradient(circle at 20% 15%,#00a8840b 0 1px,transparent 1.5px),radial-gradient(circle at 75% 70%,#ffffff08 0 1px,transparent 1.5px);background-size:22px 22px,28px 28px}.message p{background:#202c33;border-color:#202c33;color:#e9edef;box-shadow:0 4px 14px #0000001f}.message.user p{background:#005c4b;border-color:#005c4b}.message time{color:#8696a0}.message.pending p{color:#aebac1}.message-file{background:#111b217d}.message-file b{background:#0b3b31;color:#55d6b3}.message-file small,.transcription{color:#aebac1}.flow-trace span{border-color:#245547;background:#102b25;color:#73d9bd}
.question-suggestions{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:auto auto;align-items:start;column-gap:10px;row-gap:2px;padding:8px 18px 10px;border-top:1px solid #182229;background:#111b21;color:#aebac1;white-space:normal}.question-suggestions strong{grid-row:1/3;color:#55d6b3;font-size:8px;line-height:1.45}.question-suggestions span{font-size:8px;line-height:1.45;overflow-wrap:anywhere}.question-suggestions[aria-busy="true"]{opacity:.55}
.attachment-menu{border-color:#2a3942;background:#202c33;box-shadow:0 18px 55px #00000080}.attachment-menu button{color:#e9edef}.attachment-menu button:hover{background:#2a3942}.attachment-menu button>b{background:#0b3b31;color:#55d6b3}.attachment-menu small{color:#aebac1}.attachment-menu p{color:#d6b98a}.recording-bar{border-color:#3e494f;background:#202c33;color:#e9edef}.recording-bar button{background:#2a3942;color:#e9edef}.recording-bar button:last-child{background:#00a884;color:#052b22}.recording-dot{background:#ef5350}
.chat-form{border-color:#2a3942;background:#202c33;box-shadow:0 8px 25px #00000035}.chat-form input[name="message"]{color:#e9edef}.chat-form input::placeholder{color:#8696a0}.chat-form .composer-tool{color:#aebac1}.chat-form .composer-tool:hover{background:#2a3942}.chat-form #mic-button{color:#aebac1}.chat-form #send-button{background:#00a884;color:#052b22}.chat-status{color:#667781}.demo-footer{border-color:#2a3942}.demo-footer p{color:#aebac1}.demo-footer a{background:#00a884;color:#052b22}.noscript{background:#202c33;color:#e9edef}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#00a884}
@media(max-width:600px){body{background:linear-gradient(160deg,#071014,#0b1f1a)}.question-suggestions{grid-template-columns:1fr;grid-template-rows:auto;gap:3px;padding:8px 10px 9px}.question-suggestions strong{grid-row:auto}.question-suggestions strong,.question-suggestions span{font-size:9px;line-height:1.35}.demo-footer{background:#0b141a}}

/* Jornada WhatsApp -> atendimento do paciente -> central do atendente. */
.journey-copy{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}.journey-copy li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start}.journey-copy li>span{display:grid;width:30px;height:30px;place-items:center;border:1px solid #236a59;border-radius:50%;background:#0d2d26;color:#65d6b8;font-size:10px;font-weight:800}.journey-copy strong,.journey-copy small{display:block}.journey-copy strong{color:#e9edef;font-size:11px}.journey-copy small{margin-top:4px;color:#8696a0;font-size:9px;line-height:1.5}
.demo-experience{min-width:0}.journey-progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;margin:0 5px 11px;color:#667781;font-size:8px;font-weight:700;letter-spacing:.03em}.journey-progress span{display:flex;align-items:center;gap:5px;white-space:nowrap}.journey-progress span b{display:grid;width:21px;height:21px;place-items:center;border:1px solid #40515a;border-radius:50%;color:#8696a0;font-size:8px}.journey-progress span.active{color:#71d7bc}.journey-progress span.active b,.journey-progress span.done b{border-color:#00a884;background:#00a884;color:#052b22}.journey-progress span.done{color:#aebac1}.journey-progress i{height:1px;background:#2a3942}
.whatsapp-stage{height:min(780px,calc(100vh - 137px));min-height:650px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #2a3942;border-radius:26px;background:#0b141a;box-shadow:var(--shadow);position:relative}.whatsapp-stage::before{content:'';position:absolute;z-index:4;top:0;right:0;left:0;height:4px;background:#00a884}.wa-header{display:flex;align-items:center;gap:11px;min-height:68px;padding:13px 16px;background:#202c33;border-bottom:1px solid #2a3942}.wa-back{color:#aebac1;font-size:29px;line-height:1}.wa-avatar{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#00a884;color:#052b22;font-family:Georgia,serif;font-size:20px}.wa-header div{min-width:0;flex:1}.wa-header h2{overflow:hidden;margin:0;color:#e9edef;font-size:14px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.wa-header p{margin:3px 0 0;color:#8696a0;font-size:8px}.wa-menu{color:#aebac1;font-size:22px}.wa-encryption{padding:8px 13px;background:#182229;color:#8696a0;font-size:7px;text-align:center}.wa-thread{min-height:0;flex:1;overflow:auto;padding:22px 20px;background-color:#0b141a;background-image:radial-gradient(circle at 20% 15%,#00a8840b 0 1px,transparent 1.5px),radial-gradient(circle at 75% 70%,#ffffff08 0 1px,transparent 1.5px);background-size:22px 22px,28px 28px}.wa-date{width:max-content;margin:0 auto 18px;padding:5px 10px;border-radius:7px;background:#182229;color:#8696a0;font-size:7px}.wa-bubble{width:max-content;max-width:82%;margin:0 0 12px;padding:10px 11px 7px;border-radius:5px 13px 13px 13px;background:#202c33;color:#e9edef;box-shadow:0 4px 14px #0003}.wa-bubble p{margin:0;font-size:10px;line-height:1.55;white-space:pre-wrap}.wa-bubble time{display:block;margin-top:4px;color:#8696a0;font-size:7px;text-align:right}.wa-bubble.wa-out{margin-left:auto;border-radius:13px 5px 13px 13px;background:#005c4b}.wa-link-message{width:min(360px,88%)}.wa-link-message>strong{display:block;margin:10px 0 8px;color:#71d7bc;font-size:10px;letter-spacing:.03em}.secure-link{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 10px;padding:11px;border:1px solid #33535a;border-radius:10px;background:#111b21;color:#e9edef;text-align:left;cursor:pointer}.secure-link:hover,.secure-link:focus-visible{border-color:#00a884;background:#102923}.secure-link-icon{display:grid;width:32px;height:32px;place-items:center;flex:0 0 auto;border-radius:50%;background:#00a884;color:#052b22;font-size:16px}.secure-link span:last-child{min-width:0}.secure-link b,.secure-link small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secure-link b{font-size:9px}.secure-link small{margin-top:3px;color:#53bdeb;font-size:7px}.demo-link-note{max-width:360px;margin:8px 0 0;color:#667781;font-size:7px;line-height:1.5}.wa-composer{display:flex;align-items:center;gap:9px;margin:8px;padding:6px 7px 6px 12px;border-radius:14px;background:#202c33;color:#8696a0}.wa-composer p{flex:1;margin:0;font-size:10px}.wa-composer>b{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#00a884;color:#052b22}.wa-composer>span{font-size:20px}
.operator-demo-section{max-width:1280px;margin:12px auto 42px;padding:70px 28px 24px;position:relative;z-index:1}.operator-demo-copy{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(380px,1.25fr);gap:24px 70px;align-items:end;margin-bottom:28px}.operator-demo-copy .eyebrow{grid-column:1/-1}.operator-demo-copy h2{margin:0;color:#f0f2f5;font-family:Georgia,serif;font-size:clamp(30px,4vw,49px);font-weight:400;line-height:1.05;letter-spacing:-.025em}.operator-demo-copy>p{margin:0;color:#aebac1;font-size:12px;line-height:1.8}.operator-legend{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:18px;padding-top:3px;color:#8696a0;font-size:8px}.operator-legend span{display:flex;align-items:center;gap:6px}.operator-legend i{width:7px;height:7px;border-radius:50%}.legend-ai{background:#00a884}.legend-human{background:#53bdeb}.legend-sync{background:#d6b98a}
.operator-demo-frame{height:570px;overflow:hidden;display:grid;grid-template-columns:56px minmax(245px,310px) minmax(0,1fr) 230px;border:1px solid #2a3942;border-radius:20px;background:#111b21;box-shadow:0 34px 90px #0008;color:#e9edef}.operator-rail-demo{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 7px;background:#202c33;border-right:1px solid #2a3942}.operator-rail-demo>b{display:grid;width:38px;height:38px;place-items:center;margin-bottom:8px;border-radius:50%;background:#008069;color:#fff;font-family:Georgia,serif;font-size:18px}.operator-rail-demo>span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:#8696a0;font-size:18px}.operator-rail-demo>span.rail-active{background:#2a3942;color:#e9edef;box-shadow:inset 3px 0 #00a884}.operator-rail-demo>i{flex:1}.operator-inbox-demo{min-width:0;background:#111b21;border-right:1px solid #2a3942}.operator-inbox-demo>header{display:flex;justify-content:space-between;align-items:center;min-height:68px;padding:12px 14px}.operator-inbox-demo>header strong,.operator-inbox-demo>header small{display:block}.operator-inbox-demo>header strong{font-size:18px}.operator-inbox-demo>header small{margin-top:3px;color:#8696a0;font-size:8px}.operator-inbox-demo>header>span{font-size:22px;color:#aebac1}.operator-search{margin:0 10px;padding:10px 12px;border-radius:8px;background:#202c33;color:#8696a0;font-size:9px}.operator-search span{margin-left:7px}.operator-filters{display:flex;gap:5px;padding:9px 10px}.operator-filters span,.operator-filters b{padding:6px 8px;border-radius:999px;background:#202c33;color:#8696a0;font-size:7px}.operator-filters b{background:#103529;color:#69d6b8}.operator-contact{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:67px;padding:10px;border-top:1px solid #222d34}.operator-contact.active{background:#2a3942}.operator-contact.muted{opacity:.55}.operator-avatar{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#7d8f97,#54656f);color:#fff;font-size:14px;font-weight:700}.operator-contact div{min-width:0}.operator-contact strong,.operator-contact p{overflow:hidden;display:block;margin:0;text-overflow:ellipsis;white-space:nowrap}.operator-contact strong{font-size:10px}.operator-contact p{margin-top:5px;color:#8696a0;font-size:8px}.operator-contact time{align-self:start;color:#00a884;font-size:7px}.operator-contact>b{position:absolute;right:10px;bottom:10px;display:grid;min-width:18px;height:18px;place-items:center;border-radius:999px;background:#00a884;color:#052b22;font-size:7px}.operator-chat-demo{min-width:0;display:flex;flex-direction:column;background:#0b141a;position:relative}.operator-chat-demo::before{content:'';position:absolute;inset:0;opacity:.16;pointer-events:none;background-image:radial-gradient(#8696a040 1px,transparent 1px);background-size:20px 20px}.operator-chat-demo>header{position:relative;z-index:1;display:flex;align-items:center;gap:10px;min-height:68px;padding:10px 14px;background:#202c33}.operator-chat-demo>header div{min-width:0;flex:1}.operator-chat-demo>header strong,.operator-chat-demo>header small{display:block}.operator-chat-demo>header strong{font-size:11px}.operator-chat-demo>header small{margin-top:4px;color:#00a884;font-size:8px}.operator-header-action{color:#8696a0;font-size:17px}.operator-message-area{position:relative;z-index:1;min-height:0;flex:1;overflow:auto;padding:18px 24px}.operator-day{width:max-content;margin:0 auto 16px;padding:5px 9px;border-radius:7px;background:#182229;color:#8696a0;font-size:7px}.operator-bubble{width:max-content;max-width:78%;margin:0 0 9px;padding:9px 10px 6px;border-radius:4px 11px 11px 11px;background:#202c33}.operator-bubble.out{margin-left:auto;border-radius:11px 4px 11px 11px;background:#005c4b}.operator-bubble>span{display:block;margin-bottom:4px;color:#53bdeb;font-size:6px;font-weight:700}.operator-bubble.out>span{color:#71d7bc}.operator-bubble p{margin:0;font-size:9px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.operator-bubble time{display:block;margin-top:4px;color:#8696a0;font-size:6px;text-align:right}.operator-event{display:flex;align-items:center;gap:8px;width:max-content;max-width:86%;margin:9px auto;padding:8px 11px;border:1px solid #2f554d;border-radius:9px;background:#102923}.operator-event>b{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#00a884;color:#052b22;font-size:10px}.operator-event strong,.operator-event small{display:block}.operator-event strong{color:#b9eadc;font-size:8px}.operator-event small{margin-top:2px;color:#8696a0;font-size:7px}.operator-chat-demo>footer{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin:8px;padding:7px 8px 7px 12px;border-radius:10px;background:#202c33;color:#8696a0}.operator-chat-demo>footer p{min-width:0;flex:1;margin:0;font-size:8px}.operator-chat-demo>footer>b{display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:#00a884;color:#052b22}.operator-details-demo{padding:26px 17px;background:#111b21;border-left:1px solid #2a3942;text-align:center}.details-avatar{display:grid;width:72px;height:72px;margin:0 auto;place-items:center;border-radius:50%;background:linear-gradient(145deg,#7d8f97,#54656f);font-size:24px;font-weight:700}.operator-details-demo h3{margin:13px 0 4px;font-size:13px}.operator-details-demo>p{margin:0;color:#8696a0;font-size:8px}.operator-details-demo dl{margin:25px 0 0;padding-top:15px;border-top:1px solid #2a3942;text-align:left}.operator-details-demo dl div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;font-size:8px}.operator-details-demo dt{color:#8696a0}.operator-details-demo dd{margin:0;color:#e9edef}.operator-control-note{margin-top:22px;padding:12px;border-radius:10px;background:#103529;text-align:left}.operator-control-note strong,.operator-control-note span{display:block}.operator-control-note strong{color:#69d6b8;font-size:9px}.operator-control-note span{margin-top:5px;color:#aebac1;font-size:7px;line-height:1.5}
@media(max-width:1050px){.demo-layout{gap:42px}.operator-demo-frame{grid-template-columns:54px minmax(220px,270px) minmax(0,1fr)}.operator-details-demo{display:none}.operator-demo-copy{gap:22px 38px}}
@media(max-width:880px){.demo-experience{min-width:0}.whatsapp-stage{height:760px;min-height:650px}.operator-demo-section{padding-top:42px}.operator-demo-copy{grid-template-columns:1fr}.operator-demo-copy .eyebrow,.operator-legend{grid-column:auto}.operator-demo-frame{height:620px;grid-template-columns:54px 220px minmax(0,1fr)}}
@media(max-width:600px){.journey-copy{margin-top:22px}.journey-progress{margin:0 12px 9px}.journey-progress span{font-size:7px}.journey-progress span b{width:19px;height:19px}.whatsapp-stage{height:calc(100dvh - 96px);min-height:590px;border-right:0;border-left:0;border-radius:25px 25px 0 0}.wa-thread{padding:18px 12px}.wa-bubble{max-width:90%}.wa-link-message{width:92%;max-width:92%}.secure-link small{font-size:8px}.operator-demo-section{margin-bottom:20px;padding:45px 10px 20px}.operator-demo-copy{padding:0 10px}.operator-demo-copy h2{font-size:34px}.operator-demo-copy>p{font-size:11px}.operator-legend{display:grid;gap:8px}.operator-demo-frame{height:660px;grid-template-columns:1fr;border-radius:16px}.operator-rail-demo{display:none}.operator-inbox-demo{min-height:174px;border-right:0;border-bottom:1px solid #2a3942}.operator-inbox-demo>header{min-height:54px;padding-block:8px}.operator-search{display:none}.operator-filters{padding-top:0}.operator-contact{min-height:62px}.operator-contact.muted{display:none}.operator-chat-demo{min-height:0}.operator-message-area{padding:16px 12px}.operator-bubble{max-width:88%}}
