:root{--paper:#f7f4ef;--card:#fffdfa;--ink:#17140f;--ink-soft:#6b6255;--line:#e4ddd2;--brand:#0f7a68;--brand-soft:#e6f2ef;--warn:#b4472e;--phone:#14181d;color:var(--ink);background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:ui-rounded,SF Pro Rounded,Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(700px 380px at 85% -5%, #e8f1ee 0%, transparent 70%), var(--paper);min-width:320px;margin:0}.page{width:min(960px,100% - 32px);margin:0 auto;padding:20px 0 64px}.topbar{justify-content:space-between;align-items:center;padding:8px 0 28px;display:flex}.wordmark{letter-spacing:.2em;color:var(--ink-soft);font-size:.82rem;font-weight:800}.pill{border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:.78rem;font-weight:600;display:inline-flex}.pill i{background:currentColor;border-radius:50%;width:7px;height:7px}.pill.live{color:var(--brand);background:var(--brand-soft)}.pill.off{color:var(--warn);background:#fbeae6}.hero{max-width:30ch;margin-bottom:40px}@media (width>=821px){.hero{max-width:none}.hero h1{max-width:19ch}}.hero h1{letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(2.1rem,6vw,3.4rem);font-weight:800;line-height:1.08}.hero em{color:var(--brand);font-style:normal}.hero p{max-width:48ch;color:var(--ink-soft);margin:0;font-size:1.08rem;line-height:1.65}.demo{border:1px solid var(--line);background:var(--card);border-radius:28px;grid-template-columns:320px 1fr;align-items:center;gap:40px;padding:32px;display:grid}.phone{background:var(--phone);border:9px solid #23292f;border-radius:38px;flex-direction:column;height:460px;padding:10px;display:flex;box-shadow:0 22px 44px #17140f2e}.phone-top{border-bottom:1px solid #2a3138;align-items:center;gap:10px;padding:10px 6px 14px;display:flex}.avatar{color:#fff;background:var(--brand);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.phone-top strong{color:#f2f5f7;font-size:.92rem;display:block}.phone-top small{color:#7f8d99;font-size:.75rem}.screen{flex-direction:column;flex:1;gap:8px;padding:14px 4px;display:flex;overflow-y:auto}.bubble{border-radius:17px;max-width:85%;padding:9px 13px;font-size:.89rem;line-height:1.5}.bubble p{margin:0}.bubble.bot{color:#e9eef2;background:#2b333b;border-bottom-left-radius:5px;align-self:flex-start}.bubble.customer{color:#fff;background:var(--brand);border-bottom-right-radius:5px;align-self:flex-end}.bubble.note{color:#93a1ad;text-align:center;align-self:center;font-size:.78rem}.bubble.typing{gap:4px;padding:13px;display:flex}.bubble.typing span{background:#8b99a5;border-radius:50%;width:6px;height:6px;animation:1.3s infinite blink}.bubble.typing span:nth-child(2){animation-delay:.18s}.bubble.typing span:nth-child(3){animation-delay:.36s}@keyframes blink{0%,60%,to{opacity:.25}30%{opacity:1}}.composer{gap:7px;padding-top:8px;display:flex}.composer input{color:#eef2f5;min-height:40px;font:inherit;background:#262d34;border:0;border-radius:999px;flex:1;padding:9px 14px;font-size:.86rem}.composer input::placeholder{color:#78848f}.composer input:focus-visible{outline:2px solid var(--brand)}.composer button{color:#fff;background:var(--brand);cursor:pointer;border:0;border-radius:50%;width:40px;min-height:40px;padding:0;font-size:1.1rem}.composer button:disabled{opacity:.35;cursor:not-allowed}.demo-side h2{letter-spacing:-.015em;margin:0 0 10px;font-size:1.4rem}.demo-side p{color:var(--ink-soft);margin:0 0 20px;line-height:1.65}.suggestions{flex-wrap:wrap;gap:8px;display:flex}.suggestions button{border:1px solid var(--line);color:var(--ink);background:var(--paper);font:inherit;cursor:pointer;border-radius:999px;padding:10px 16px;font-size:.88rem;transition:all .12s}.suggestions button:hover:not(:disabled){border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.suggestions button:disabled{opacity:.45;cursor:not-allowed}.reset{color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:16px;padding:0;font-size:.85rem;text-decoration:underline}.scenarios,.trust{margin-top:48px}.scenarios h2,.trust h2{letter-spacing:-.02em;margin:0 0 8px;font-size:1.6rem}.sub{max-width:56ch;color:var(--ink-soft);margin:0 0 22px;line-height:1.65}.cards{flex-wrap:wrap;gap:10px;display:flex}.card{border:1px solid var(--line);color:var(--ink);background:var(--card);font:inherit;cursor:pointer;border-radius:14px;padding:14px 20px;font-size:.94rem;font-weight:600;transition:all .12s}.card:hover:not(:disabled){border-color:var(--brand);transform:translateY(-1px)}.card.on{border-color:var(--brand);color:#fff;background:var(--brand)}.card:disabled{opacity:.5;cursor:wait}.verdict{border-left:3px solid var(--brand);background:var(--brand-soft);border-radius:0 12px 12px 0;max-width:60ch;margin:20px 0 0;padding:15px 18px;line-height:1.6}.verdict.blocked{border-left-color:var(--warn);background:#fbeae6}.trust ul{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:18px 0 0;padding:0;list-style:none;display:grid}.trust li{border:1px solid var(--line);background:var(--card);color:var(--ink-soft);border-radius:16px;padding:18px 20px;line-height:1.6}.trust strong{color:var(--ink);margin-bottom:4px;display:block}.tech{border-top:1px solid var(--line);margin-top:48px;padding-top:20px}.tech summary{color:var(--ink-soft);cursor:pointer;font-size:.88rem}.tech-body{padding-top:18px}.tech dl{flex-wrap:wrap;gap:24px;margin:0 0 24px;display:flex}.tech dt{color:var(--ink-soft);font-size:.76rem}.tech dd{margin:3px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem}.tech h3{margin:0 0 12px;font-size:1rem}.form{grid-template-columns:minmax(180px,280px) auto;align-items:end;gap:10px;display:grid}.form label{color:var(--ink-soft);gap:6px;font-size:.82rem;display:grid}.form input{border:1px solid var(--line);background:var(--card);min-height:42px;color:var(--ink);font:inherit;border-radius:10px;padding:9px 12px}.form button{border:1px solid var(--line);background:var(--card);min-height:42px;color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;padding:9px 18px}.form button:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.form button:disabled{opacity:.45;cursor:not-allowed}.tech pre{background:#f0ece5;border-radius:12px;max-height:240px;margin:16px 0 0;padding:14px;font-size:.8rem;line-height:1.5;overflow:auto}footer{color:var(--ink-soft);text-align:center;margin-top:48px;font-size:.8rem}@media (width<=820px){.demo{grid-template-columns:1fr;gap:28px;padding:20px}.phone-wrap{max-width:320px;margin:0 auto}.form{grid-template-columns:1fr}}