@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#122a26;--lime:#d7f54d;--paper:#f7f8f2;--muted:#66746e;--line:#dce2d7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 'DM Sans',sans-serif}h1,h2,h3,.wordmark{font-family:'Space Grotesk',sans-serif;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(36px,4.5vw,64px);font-weight:500;margin:16px 0 24px}h2{font-size:24px;font-weight:500}p{margin:0 0 20px}em{font-style:normal;color:#6d811b}a{color:inherit}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #859d18;outline-offset:4px}[hidden]{display:none!important}.brand-icon{height:22px;width:22px;flex:none;vertical-align:middle}button span[data-icon],a span[data-icon]{display:inline-flex}.wordmark{font-size:32px;font-weight:700;display:inline-block;text-decoration:none;letter-spacing:-2px}.wordmark>span{font-size:18px;margin-left:2px;letter-spacing:0}.wordmark small{display:block;font:9px/1 'DM Sans',sans-serif;letter-spacing:.4em;margin-top:2px}.kicker{font-size:11px;letter-spacing:.18em;font-weight:700}.primary,.secondary{border:0;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 23px;border-radius:9px;text-decoration:none;font-weight:700;min-height:52px;background:var(--lime);color:var(--ink)}.primary:hover{background:#caeb37}.secondary{background:transparent;border:1px solid var(--line);gap:12px}.text-button{border:0;background:transparent;padding:8px 0;color:inherit;font-weight:500;text-align:left;text-decoration:underline;text-underline-offset:5px}.fine,.muted{color:var(--muted)}.fine{font-size:13px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:25px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:28px 6vw}.espot-landing{background:var(--ink);color:var(--paper)}.espot-entry{max-width:1250px;margin:45px auto 70px;display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:0 6vw;align-items:center}.espot-entry h1{font-size:clamp(65px,7vw,108px);margin:30px 0}.espot-entry em{color:var(--lime)}.intro{max-width:430px;font-size:20px;color:#c1cfc5}.entry-copy .fine{color:#b8c7bc;max-width:330px;margin-top:16px}.entry-preview{background:#1c3831;border:1px solid #3b5349;border-radius:24px;padding:30px}.assistant-mark{font:500 38px 'Space Grotesk',sans-serif;letter-spacing:-2px;margin-bottom:26px}.assistant-mark i{display:inline-block;background:var(--lime);width:10px;height:10px;margin-left:4px;border-radius:50%}.bubble{background:var(--paper);color:var(--ink);border-radius:0 16px 16px 16px;padding:22px;font-size:18px}.choice{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #698070;border-radius:10px;padding:16px;margin-top:12px;text-decoration:none;font-size:14px}.choice:hover{border-color:var(--lime);color:var(--lime)}.entry-steps{display:flex;gap:24px;justify-content:space-between;list-style-position:inside;padding:25px 0 0;margin:0;color:#b8c7bc;font-size:11px}.entry-footer{display:flex;justify-content:space-between;padding:25px 6vw;border-top:1px solid #395047;font-size:12px;color:#b8c7bc}.auth-screen{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;padding:35px 7vw;gap:50px;align-items:center;background:var(--ink);color:var(--paper)}.auth-screen>.wordmark{grid-column:1/-1}.auth-intro h1{font-size:clamp(40px,5vw,72px)}.auth-intro em{color:var(--lime)}.auth-intro p{color:#c5d1c8}.auth-card{border-radius:20px;padding:35px;background:var(--paper);color:var(--ink);max-width:480px;width:100%}label{display:block;font-size:13px;font-weight:600;margin:18px 0}input,textarea{display:block;width:100%;border:1px solid #cbd4c6;border-radius:8px;background:white;padding:12px;margin-top:7px;color:var(--ink)}textarea{resize:vertical}.auth-card .primary{width:100%;margin:5px 0 14px}#auth-status,#portal-status,#campaign-status{font-size:14px;white-space:pre-wrap}#auth-status:empty,#portal-status:empty,#campaign-status:empty{display:none}.portal{min-height:100svh;display:grid;grid-template-columns:225px 1fr}.sidebar{padding:32px 22px;display:flex;flex-direction:column;background:var(--ink);color:#edf2e8;position:sticky;top:0;height:100svh}.workspace-label{font-size:10px;letter-spacing:.15em;color:#a7b9ae;margin:65px 0 18px}.sidebar nav{display:grid;gap:8px}.sidebar nav button{display:flex;align-items:center;gap:11px;border:0;padding:13px 12px;background:transparent;color:inherit;border-radius:8px;font-size:14px;text-align:left}.sidebar nav button[aria-current=page]{background:var(--lime);color:var(--ink)}.sidebar-bottom{margin-top:auto;display:grid;gap:12px;font-size:12px}.sidebar-bottom a{text-decoration:none}.workspace{padding:0 5vw 50px;min-width:0}.workspace-top{display:flex;justify-content:space-between;gap:20px;padding:28px 0;border-bottom:1px solid var(--line);font-size:12px;margin-bottom:35px;color:var(--muted)}.workspace-top strong{color:var(--ink)}.welcome{padding:18px 0 35px}.welcome>p:not(.kicker){max-width:550px;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-grid .card{display:flex;flex-direction:column}.stat-grid .card>span{font-size:13px;color:var(--muted)}.stat-grid strong{font:500 45px 'Space Grotesk',sans-serif;margin:10px 0}.stat-grid button{font-size:12px}.next-step{margin-top:25px}.next-step p{max-width:650px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.section-heading h1,.section-heading h2{margin:8px 0}.section-heading .kicker{margin:0}.campaign-list{display:grid;gap:15px;margin-top:30px}.campaign-card header{display:flex;align-items:center;justify-content:space-between;gap:15px}.campaign-card h2{margin:0 0 8px;font-size:23px}.campaign-card p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.campaign-card .actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px}.badge{font-size:11px;background:#edf1e6;padding:6px 10px;border-radius:30px;white-space:nowrap}.empty{padding:40px 25px;border:1px dashed #bcc9b8;border-radius:15px;color:var(--muted)}.chat-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px}.thread-list{display:flex;flex-direction:column;gap:8px}.thread-list button{background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:13px;text-align:left;overflow-wrap:anywhere;font-size:13px}.thread-list button[aria-pressed=true]{background:#e9efdd;border-color:#9cad7c}.chat-card{border:1px solid var(--line);border-radius:16px;background:white;overflow:hidden}.chat-heading{padding:16px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;font-weight:700}.chat-heading small{margin-left:auto;font-size:10px;font-weight:400;color:var(--muted)}.presence{width:8px;height:8px;background:#7e922e;border-radius:50%}.messages{height:400px;overflow-y:auto;overscroll-behavior:contain;padding:22px;display:flex;flex-direction:column;gap:17px}.message{padding:15px 18px;background:#f0f3eb;border-radius:0 13px 13px 13px;max-width:92%;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.message.user{background:var(--ink);color:white;align-self:flex-end;border-radius:13px 0 13px 13px}.message-name{display:block;font-size:10px;font-weight:700;opacity:.7;margin-bottom:6px}.chat-actions{padding:0 18px}.chat-actions button{font-size:11px}.message-form{display:flex;gap:10px;align-items:flex-end;padding:12px 18px}.message-form textarea{margin:0;resize:none;min-height:56px;font-size:14px}.message-form .primary{padding:15px}.chat-note{font-size:10px;line-height:1.5;color:var(--muted);padding:0 18px 18px;margin:0}.credit-card{max-width:650px}.credit-card strong{display:block;font:500 65px 'Space Grotesk',sans-serif;margin:12px 0}dialog{border:1px solid var(--line);padding:28px;border-radius:18px;width:min(600px,calc(100% - 28px));max-height:90svh;color:var(--ink)}dialog::backdrop{background:#071b17b3;backdrop-filter:blur(4px)}.icon-button{border:0;background:transparent;color:var(--ink);padding:8px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{display:block;padding:15px}
@media(max-width:800px){.topbar{padding:22px}.espot-entry{display:block;padding:0 22px;margin:32px 0 40px}.espot-entry h1{font-size:68px;margin:20px 0}.espot-entry .intro{font-size:17px;max-width:350px}.espot-entry .primary{width:100%;justify-content:space-between}.entry-preview{margin-top:36px;padding:22px}.entry-copy .fine{font-size:11px;max-width:none}.entry-steps{gap:10px;font-size:10px}.entry-footer{padding:22px;gap:20px}.auth-screen{display:block;padding:24px 22px}.auth-intro{margin:40px 0 30px}.auth-intro h1{font-size:42px}.auth-card{padding:25px;max-width:none}.portal{display:block;padding-bottom:85px}.sidebar{height:auto;position:static;padding:20px;background:var(--paper);color:var(--ink);display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.sidebar .wordmark{font-size:26px}.workspace-label,.sidebar-bottom>a{display:none}.sidebar-bottom{margin:0}.sidebar nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:space-around;background:var(--ink);padding:10px 8px calc(10px + env(safe-area-inset-bottom));color:white;border-radius:15px 15px 0 0;box-shadow:0 -5px 25px #122a2612}.sidebar nav button{display:flex;flex-direction:column;gap:5px;font-size:10px;padding:8px 10px;min-width:65px}.sidebar nav .brand-icon{width:20px;height:20px}.workspace{padding:0 20px 30px}.workspace-top{padding:15px 0;margin-bottom:25px;font-size:10px;flex-wrap:wrap;gap:4px}.workspace-top #account-email{max-width:65%;overflow:hidden;text-overflow:ellipsis}.welcome h1{font-size:39px}.welcome .primary{width:100%;gap:10px;font-size:13px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat-grid .card{padding:15px 10px;border-radius:10px}.stat-grid strong{font-size:32px}.stat-grid .card>span{font-size:10px;min-height:30px}.stat-grid button{font-size:10px}.section-heading{align-items:flex-start;flex-wrap:wrap}.section-heading h1{font-size:35px}.section-heading .primary,.section-heading .secondary{font-size:12px;min-height:44px;padding:12px 16px}.chat-layout{display:block}.thread-list{flex-direction:row;overflow-x:auto;margin-bottom:14px}.thread-list button{flex:none;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-heading{padding:14px}.messages{height:42svh;min-height:230px;padding:14px}.message{max-width:96%;font-size:13px}.message-form{padding:10px}.message-form textarea{font-size:16px}.chat-note{font-size:10px;padding:0 12px 12px}.campaign-card header{flex-wrap:wrap}.campaign-card .actions button{font-size:12px}.entry-preview .bubble{font-size:16px}.auth-card h2{font-size:23px}}
@media(prefers-reduced-motion:no-preference){.primary,.choice{transition:background .2s,border-color .2s}}

.wordmark .logo-dot{display:inline-block;width:12px;height:12px;background:currentColor;border-radius:50%;margin:0 0 3px 3px}

.guest-chat{scroll-margin-top:22px;padding:24px;min-width:0}.guest-chat-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.guest-chat-top .assistant-mark{margin-bottom:20px}.guest-badge{font-size:10px;border:1px solid #698070;border-radius:20px;padding:5px 10px;color:#d5e4d8}.guest-messages{display:flex;flex-direction:column;gap:16px;max-height:390px;overflow-y:auto;overscroll-behavior:contain}.guest-messages .message{color:var(--ink);max-width:95%;flex:none}.guest-messages .message.user{background:#d7f54d;color:var(--ink)}.guest-chat .choice{width:100%;color:inherit;background:transparent;font:inherit;font-size:14px;text-align:left}.guest-chat .message-form{padding:20px 0 12px;gap:8px}.guest-chat .message-form .primary{width:auto;flex:none;padding:16px}.guest-chat textarea{background:#122a26;color:var(--paper);border-color:#698070}.guest-chat textarea::placeholder{color:#b8c7bc}.guest-note{font-size:10px;color:#b8c7bc;margin:10px 0}.guest-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#d5e4d8;font-size:11px}.guest-footer .text-button{font-size:11px}#guest-status{font-size:12px;color:var(--lime);margin:0;overflow-wrap:anywhere}#guest-status:empty{display:none}@media(max-width:800px){.guest-chat{margin-top:32px;padding:20px}.guest-messages{max-height:42svh;min-height:110px}.guest-chat .message-form textarea{font-size:16px}.guest-chat .choice{font-size:13px}.guest-chat .message-form .primary{min-width:52px;justify-content:center}}
/* eSpot: an animated example introduces the real conversation. */
.demo-landing .espot-entry{max-width:1400px;gap:7%;margin:50px auto 80px}.conversation-demo{min-width:0;background:#f7f8f2;color:var(--ink);border-radius:24px;box-shadow:0 30px 100px #001c1840;padding:22px}.demo-top{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:18px}.demo-top strong{display:block;font:500 17px 'Space Grotesk',sans-serif;letter-spacing:-.04em}.demo-top small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.demo-avatar{background:var(--ink);color:var(--paper);font:500 30px 'Space Grotesk',sans-serif;border-radius:12px;display:flex;align-items:baseline;justify-content:center;min-width:43px;height:43px}.demo-avatar>span{width:5px;height:5px;background:var(--lime);border-radius:50%}.demo-tag{margin-left:auto;font-size:9px;padding:5px 8px;border:1px solid var(--line);border-radius:20px}.demo-transcript{height:365px;overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:12px;padding:20px 0;overscroll-behavior:contain}.demo-line{display:none;flex:none;align-self:flex-start;background:#e9eee4;font-size:13px;padding:12px 16px;border-radius:2px 15px 15px 15px;max-width:88%;line-height:1.5}.demo-line.is-visible{display:block;animation:demo-arrive .4s ease-out}.demo-line small{display:block;font-size:9px;font-weight:700;opacity:.7;margin-bottom:5px}.demo-user{align-self:flex-end;background:var(--lime);border-radius:15px 2px 15px 15px}.demo-line.demo-brief{background:transparent;border:1px solid #bbcab4;width:100%;max-width:none;padding:15px}.demo-line.demo-brief.is-visible{display:flex;align-items:center;gap:12px}.demo-brief strong{font-size:12px}.demo-brief small{margin:5px 0 0;font-weight:400}.demo-composer{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:11px;color:var(--muted)}.demo-composer>span:last-child{display:inline-flex;background:var(--ink);color:var(--lime);padding:7px;border-radius:7px}.demo-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);padding-top:9px}.demo-bottom button{font-size:10px}.conversation-start{padding:65px 6vw 75px;max-width:1400px;margin:auto;border-top:1px solid #3b5349}.conversation-start h2{font-size:clamp(34px,5vw,62px);margin:15px 0 20px;font-weight:500}.conversation-start h2 em{color:var(--lime)}.conversation-start>p:not(.kicker){color:#c1cfc5;font-size:16px}.starter-bubbles{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 35px}.starter-bubbles button{display:flex;align-items:center;gap:22px;background:#243e35;color:var(--paper);border:1px solid #698070;border-radius:22px 22px 22px 4px;padding:20px;font-size:14px}.starter-bubbles button:hover{color:var(--lime);border-color:var(--lime)}.conversation-promise{display:flex;gap:30px;flex-wrap:wrap;color:#a8bdb0;font-size:11px}.conversation-promise span:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);margin-right:8px}.guest-chat{margin:auto;background:var(--paper);color:var(--ink);padding:24px;width:min(600px,calc(100% - 24px));max-height:90svh;border:0;border-radius:20px}.guest-chat .guest-close{color:var(--ink)}.guest-chat .guest-chat-top .assistant-mark i{background:#80972c}.guest-chat .guest-messages{min-height:180px;max-height:44svh}.guest-chat .guest-messages .message{background:#e9eee4}.guest-chat .guest-messages .message.user{background:var(--lime)}.guest-chat .choice{border-color:#c2ceba}.guest-chat .choice:hover{color:#547016}.guest-chat textarea{background:white;color:var(--ink);border-color:#c2ceba}.guest-chat textarea::placeholder{color:var(--muted)}.guest-chat .guest-note,.guest-chat .guest-footer{color:var(--muted)}.guest-chat #guest-status{color:#687c17}.guest-chat .primary{width:auto}.guest-chat .guest-chat-top{border-bottom:1px solid var(--line);margin-bottom:20px}.guest-chat .guest-chat-top .assistant-mark{margin-bottom:15px}.guest-chat::backdrop{background:#061e19d9;backdrop-filter:blur(8px)}
@keyframes demo-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.demo-landing .espot-entry{margin:28px auto 42px}.demo-landing .espot-entry h1{font-size:clamp(54px,15vw,70px)}.conversation-demo{margin-top:32px;padding:18px;border-radius:19px}.demo-transcript{height:300px}.demo-top small{font-size:9px}.demo-top strong{font-size:15px}.demo-tag{font-size:8px}.demo-line{font-size:12px;padding:11px 14px}.conversation-start{padding:40px 22px 45px}.conversation-start>p:not(.kicker){font-size:14px}.starter-bubbles{display:grid;gap:12px;margin:25px 0}.starter-bubbles button{justify-content:space-between;font-size:13px;padding:17px}.conversation-promise{gap:12px;display:grid;font-size:10px}.guest-chat{margin:auto;padding:20px}.guest-chat .guest-messages{max-height:40svh}.guest-chat .message-form .primary{width:auto}.guest-chat .choice{font-size:12px}}
@media(prefers-reduced-motion:reduce){.demo-line.is-visible{animation:none}}
/* One canvas: the demo becomes the visitor's own conversation. */
.demo-landing .topbar{max-width:1200px;margin:auto;padding:22px 5vw}.demo-landing .espot-entry{display:block;max-width:900px;padding:0 24px;margin:20px auto 55px}.demo-landing .entry-copy{text-align:center}.demo-landing .espot-entry h1{font-size:54px;margin:10px 0 14px}.demo-landing .intro{font-size:16px;max-width:550px;margin:0 auto 25px}.demo-landing .entry-copy .kicker{font-size:10px;margin-bottom:10px}.chat-stage{border-radius:23px;background:var(--paper);color:var(--ink);box-shadow:0 25px 85px #001c1833;overflow:hidden}.chat-stage .conversation-demo{padding:20px 24px 10px;border-radius:0;box-shadow:none;margin:0}.chat-stage .demo-transcript{height:310px}.chat-stage.is-chatting .conversation-demo{display:none}.chat-stage .guest-chat{width:100%;max-height:none;border:0;border-radius:0;padding:20px 24px 12px;overflow:visible;margin:0;animation:demo-arrive .25s ease-out}.chat-stage .guest-chat-top .assistant-mark{font-size:29px;margin:0}.chat-stage .guest-chat-top{padding-bottom:14px;margin-bottom:15px}.live-chat-label{font-size:11px;color:var(--muted)}.chat-stage .guest-messages{height:310px;max-height:none;min-height:0}.chat-stage #guest-choices{display:none}.chat-stage .guest-note{font-size:9px;margin:12px 0 6px}.chat-launch-surface{padding:18px 24px 22px;background:var(--lime);color:var(--ink)}.chat-launch-surface .message-form{padding:0;gap:9px;align-items:center}.chat-launch-surface textarea{background:#f8ffda;border:1px solid #9ab538;color:var(--ink);font-size:16px;border-radius:12px;height:56px;min-height:56px;resize:none;padding:16px}.chat-launch-surface .primary{background:var(--ink);color:var(--lime);padding:16px;gap:12px;min-height:56px}.bar-question{font-size:10px;font-weight:600;margin:14px 0 9px}.chat-launch-surface .starter-bubbles{display:flex;gap:8px;margin:0;flex-wrap:wrap}.chat-launch-surface .starter-bubbles button{background:#e9fc9b;border:1px solid #9ab538;color:var(--ink);font-size:11px;padding:10px 12px;border-radius:16px 16px 16px 3px;gap:10px}.chat-launch-surface .starter-bubbles .brand-icon{width:14px;height:14px}.stage-note{font-size:10px;text-align:center;color:var(--muted);margin:0;padding:11px 15px}.is-chatting .bar-question{display:none}.is-chatting .starter-bubbles{margin-top:12px}.chat-stage #guest-status{font-size:12px}.chat-stage .guest-footer{font-size:10px}
@media(max-width:800px){.demo-landing .topbar{padding:16px 20px}.demo-landing .topbar .wordmark{font-size:27px}.demo-landing .topbar>a:last-child{font-size:12px}.demo-landing .espot-entry{padding:0 16px;margin:14px auto 28px}.demo-landing .espot-entry h1{font-size:38px;margin:8px 0 10px}.demo-landing .entry-copy .kicker{font-size:8px;letter-spacing:.13em;margin:0}.demo-landing .intro{font-size:13px;max-width:310px;margin-bottom:20px;line-height:1.6}.chat-stage{border-radius:18px}.chat-stage .conversation-demo{padding:16px 16px 8px}.chat-stage .demo-transcript{height:260px;padding:15px 0;gap:10px}.chat-stage .demo-top{padding-bottom:14px}.chat-stage .demo-bottom{padding-top:0}.chat-stage .guest-chat{padding:16px 16px 10px}.chat-stage .guest-messages{height:260px;max-height:40svh}.chat-launch-surface{padding:14px 16px 16px}.chat-launch-surface .primary{padding:15px 12px;gap:7px;font-size:11px}.chat-launch-surface textarea{font-size:16px;padding:14px 10px}.chat-launch-surface .starter-bubbles{display:flex;gap:7px}.chat-launch-surface .starter-bubbles button{font-size:10px;padding:9px 10px;gap:6px}.chat-launch-surface .starter-bubbles button .brand-icon{width:12px;height:12px}.stage-note{font-size:9px;padding:10px}.chat-stage .demo-top strong{font-size:13px}.chat-stage .demo-top small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.chat-stage .guest-chat{animation:none}}
.chat-launch-surface .message-form .primary{width:auto;flex:none}.chat-launch-surface .message-form textarea{min-width:0;flex:1}
/* Let the conversation live on the page rather than inside a white card. */
.demo-landing .espot-entry{max-width:1050px}.demo-landing .chat-stage{background:transparent;color:var(--paper);border:0;border-radius:0;box-shadow:none;overflow:visible}.demo-landing .chat-stage .conversation-demo,.demo-landing .chat-stage .guest-chat{background:transparent;color:var(--paper);border:0;border-radius:0;box-shadow:none;padding-left:0;padding-right:0}.demo-landing .demo-top,.demo-landing .chat-stage .guest-chat-top{border:0}.demo-landing .demo-top small,.demo-landing .demo-bottom,.demo-landing .live-chat-label,.demo-landing .chat-stage .guest-note,.demo-landing .chat-stage .guest-footer,.demo-landing .stage-note{color:#b8cbbf}.demo-landing .demo-avatar{background:#29473d}.demo-landing .demo-tag{border-color:#536d5e;color:#c9d8ce}.demo-landing .demo-line{background:#e9eee4;color:var(--ink)}.demo-landing .demo-line.demo-user{background:var(--lime)}.demo-landing .demo-line.demo-brief{background:#203d33;color:var(--paper);border-color:#536d5e}.demo-landing .chat-stage .guest-messages{height:auto;min-height:310px;max-height:none;overflow:visible}.demo-landing .chat-launch-surface{background:transparent;color:var(--paper);padding:16px 0 0}.demo-landing .chat-launch-surface .message-form{padding:10px;background:var(--lime);border-radius:16px}.demo-landing .chat-launch-surface textarea{border:0;background:transparent}.demo-landing .chat-launch-surface .starter-bubbles button{background:#244137;border-color:#698070;color:var(--paper)}.demo-landing .chat-launch-surface .starter-bubbles button:hover{color:var(--lime);border-color:var(--lime)}.demo-landing .bar-question{color:#b8cbbf}.demo-landing .stage-note{padding:14px 0 0}.demo-landing .chat-stage #guest-status{color:var(--lime)}
@media(max-width:800px){.demo-landing .chat-stage .guest-messages{height:auto;min-height:260px;max-height:none}.demo-landing .chat-launch-surface{padding:14px 0 0}.demo-landing .chat-launch-surface .message-form{padding:8px;border-radius:14px}.demo-landing .chat-stage .conversation-demo,.demo-landing .chat-stage .guest-chat{padding-left:0;padding-right:0}}
/* White page canvas, with the conversation integrated at full width. */
body.demo-landing{background:#fff;color:var(--ink)}.demo-landing .espot-entry{max-width:none;padding-left:5vw;padding-right:5vw}.demo-landing .entry-copy .intro{color:var(--muted)}.demo-landing .entry-copy h1 em{color:#6d811b}.demo-landing .chat-stage{color:var(--ink)}.demo-landing .chat-stage .conversation-demo,.demo-landing .chat-stage .guest-chat{color:var(--ink)}.demo-landing .demo-top small,.demo-landing .demo-bottom,.demo-landing .live-chat-label,.demo-landing .chat-stage .guest-note,.demo-landing .chat-stage .guest-footer,.demo-landing .stage-note{color:var(--muted)}.demo-landing .demo-tag{color:var(--muted);border-color:var(--line)}.demo-landing .demo-line.demo-brief{background:#f3f6ec;color:var(--ink);border-color:#c2ceba}.demo-landing .chat-launch-surface{color:var(--ink)}.demo-landing .chat-launch-surface .starter-bubbles button{background:#f0f4e8;border-color:#c2ceba;color:var(--ink)}.demo-landing .chat-launch-surface .starter-bubbles button:hover{background:#e9fc9b;color:var(--ink);border-color:#91a747}.demo-landing .bar-question{color:var(--muted)}.demo-landing .chat-stage #guest-status{color:#657917}.demo-landing .entry-footer{color:var(--muted);border-color:var(--line)}
@media(max-width:800px){.demo-landing .espot-entry{padding-left:16px;padding-right:16px}}
/* Forest-green introduction above a full-width white conversation area. */
body.demo-landing{background:#fff;color:var(--ink)}.demo-landing .topbar{background:var(--ink);color:var(--paper);max-width:none}.demo-landing .espot-entry{padding:0;margin:0 0 32px}.demo-landing .entry-copy{background:var(--ink);color:var(--paper);padding:22px 24px 32px}.demo-landing .entry-copy .intro{color:#c1cfc5;margin-bottom:0}.demo-landing .entry-copy h1 em{color:var(--lime)}.demo-landing .chat-stage{padding:12px 5vw 0;background:#fff}.demo-landing .entry-footer{background:#fff}
@media(max-width:800px){.demo-landing .espot-entry{padding:0;margin:0 0 24px}.demo-landing .entry-copy{padding:18px 20px 28px}.demo-landing .chat-stage{padding:8px 16px 0}}
.demo-landing .chat-launch-surface textarea{background:#fff;color:var(--ink);border-radius:10px}.demo-landing .chat-launch-surface textarea::placeholder{color:var(--muted)}
.verification-panel{margin:20px 0;background:#f3f6ec;border:1px solid #dce2d7;border-radius:14px;padding:22px;color:var(--ink)}.verification-panel h3{font-size:24px;margin:0 0 12px}.verification-panel p{font-size:13px}.verification-panel label{font-size:12px}.verification-panel input{font-size:16px}.verification-panel .verification-consent{display:flex;gap:10px;align-items:flex-start;font-weight:400;line-height:1.5}.verification-consent input{width:18px;flex:none;margin-top:2px}.verification-panel .primary{font-size:13px}.verification-panel a{display:block;margin-top:16px;font-size:12px}.verification-panel [role=status]{margin-top:15px;color:#596d16}.verification-panel label span{font-weight:400;color:var(--muted)}