:root{font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0f172a;background:#f8fafc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,#ffedd5 0,transparent 32rem),#f8fafc}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:20;background:#fff;padding:.7rem;border-radius:.6rem}.skip-link:focus{top:1rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem max(1rem,env(safe-area-inset-right)) .85rem max(1rem,env(safe-area-inset-left));background:#0f172a;color:#fff}.brand{display:flex;align-items:center;gap:.65rem}.brand-mark,.avatar{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:.9rem;background:#f97316;color:#fff;font-weight:900}.brand strong,.brand small{display:block}.brand em{color:#22c55e;font-style:normal}.brand small{font-size:.72rem;color:#cbd5e1}.demo-badge{display:flex;align-items:center;gap:.4rem;padding:.45rem .65rem;border:1px solid #475569;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.04em}.demo-badge span{width:.5rem;height:.5rem;border-radius:50%;background:#22c55e}main{width:min(48rem,100%);margin:auto;padding:1rem 1rem calc(1.5rem + env(safe-area-inset-bottom))}.intro{padding:.8rem .2rem}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-weight:800;font-size:.7rem;color:#f97316}.intro h1{margin:.25rem 0;font-size:clamp(1.6rem,8vw,2.5rem)}.intro p:last-child{margin:.25rem 0;color:#475569}.chat-card{overflow:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:1.25rem;box-shadow:0 24px 60px rgba(15,23,42,.12)}.chat-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.9rem;border-bottom:1px solid #e5e7eb}.identity strong,.identity small{display:block}.identity small{margin-top:.2rem;color:#64748b;font-size:.75rem}.identity i{display:inline-block;width:.45rem;height:.45rem;margin-right:.35rem;border-radius:50%;background:#22c55e}.human-button{border:0;border-radius:.75rem;background:#0f172a;color:#fff;padding:.7rem;font-weight:750}.human-button:disabled{opacity:.45}.trust-strip{display:flex;gap:.4rem;overflow:auto;padding:.55rem .8rem;background:#fff7ed;color:#9a3412;font-size:.68rem;font-weight:700}.trust-strip span{white-space:nowrap}.messages{height:min(52vh,31rem);min-height:20rem;overflow:auto;padding:1rem;background:linear-gradient(#f8fafc,#fff)}.message{display:flex;margin:.65rem 0}.message.customer{justify-content:flex-end}.bubble{max-width:88%;padding:.8rem .9rem;border-radius:1rem 1rem 1rem .25rem;background:#e5e7eb;white-space:pre-line;line-height:1.45}.customer .bubble{border-radius:1rem 1rem .25rem 1rem;background:#f97316;color:#fff}.source{display:block;margin-top:.45rem;color:#64748b;font-size:.67rem}.customer .source{color:#ffedd5}.quick-replies{display:flex;gap:.5rem;overflow:auto;padding:.7rem .8rem;border-top:1px solid #e5e7eb}.chip{white-space:nowrap;border:1px solid #fed7aa;border-radius:999px;background:#fff7ed;color:#9a3412;padding:.55rem .75rem;font-weight:700}.message-form{display:grid;grid-template-columns:1fr auto;gap:.55rem;padding:.75rem;border-top:1px solid #e5e7eb}.message-form input{min-width:0;border:1px solid #cbd5e1;border-radius:.8rem;padding:.85rem;font:inherit}.message-form button{width:3rem;border:0;border-radius:.8rem;background:#22c55e;color:#fff;font-size:1.25rem}.message-form button:disabled,.message-form input:disabled{opacity:.55}footer{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.65rem .8rem;background:#f8fafc;color:#64748b;font-size:.68rem}footer p{margin:0}footer button{flex:none;border:0;background:transparent;color:#0f172a;font-weight:800}.error{padding:1rem;border:1px solid #fecaca;border-radius:.8rem;background:#fef2f2;color:#991b1b}.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}@media(max-width:35rem){.topbar{align-items:flex-start}.demo-badge{max-width:9rem;text-align:center}.chat-header{grid-template-columns:auto 1fr}.human-button{grid-column:1/-1;width:100%}footer{align-items:flex-start;flex-direction:column}.messages{height:50vh}}button,input{min-height:44px}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #22c55e;outline-offset:2px}