.chat-demo-section.svelte-1h60dlj{background:var(--color-claw);color:var(--color-ink);padding-block:clamp(56px,9vw,128px);overflow:hidden}.demo-meta.svelte-1h60dlj{border-color:var(--color-ink);margin-bottom:clamp(40px,6vw,80px)}.chat-demo-container.svelte-1h60dlj{display:flex;align-items:center;gap:64px}.chat-demo-text.svelte-1h60dlj{flex:1;min-width:0}.chat-demo-text.svelte-1h60dlj h2:where(.svelte-1h60dlj){font-size:var(--text-headline);margin:0 0 36px}.chat-demo-text.svelte-1h60dlj h2:where(.svelte-1h60dlj) strong:where(.svelte-1h60dlj){font-weight:inherit;background:var(--color-ink);color:var(--color-claw);padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.bullet-list.svelte-1h60dlj{list-style:none;padding:0;margin:0 0 40px;display:flex;flex-direction:column;border-top:1.5px solid var(--color-ink)}.bullet-list.svelte-1h60dlj li:where(.svelte-1h60dlj){display:flex;align-items:baseline;gap:14px;padding:14px 0;border-bottom:1.5px solid var(--color-ink);font-size:1.0625rem;font-weight:600;line-height:1.45}.bullet-icon.svelte-1h60dlj{flex-shrink:0;width:10px;height:10px;background:var(--color-ink)}.visual-stack.svelte-1h60dlj{flex-shrink:0;width:680px;position:relative;padding-bottom:20px}.chatroom-frame.svelte-1h60dlj{position:relative;overflow:hidden;border:2px solid var(--color-ink);background:var(--color-paper)}.chatroom-img.svelte-1h60dlj{width:100%;height:auto;display:block}.phone-mockup.svelte-1h60dlj{position:absolute;bottom:-40px;right:-20px;width:260px;z-index:3}.phone-frame.svelte-1h60dlj{position:relative;border-radius:40px;border:10px solid var(--color-ink);background:var(--color-paper);box-shadow:0 30px 60px #1f1f1f4d;overflow:hidden;aspect-ratio:9 / 19.5;display:flex;flex-direction:column}.phone-frame.svelte-1h60dlj:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(135deg,#ffffff1a,#fff0 50%);pointer-events:none;z-index:20}.phone-btn.svelte-1h60dlj{position:absolute;background:var(--color-ink);border-radius:2px;left:-12px;width:3px}.phone-btn-vol-up.svelte-1h60dlj{top:80px;height:40px}.phone-btn-vol-down.svelte-1h60dlj{top:130px;height:40px}.phone-btn-power.svelte-1h60dlj{left:auto;right:-12px;top:100px;height:60px}.phone-status-bar.svelte-1h60dlj{padding:14px 24px 0;display:flex;justify-content:space-between;align-items:center;font-size:var(--text-micro);font-weight:600;color:var(--color-ink);z-index:11}.status-icons.svelte-1h60dlj{display:flex;gap:4px}.phone-notch.svelte-1h60dlj{position:absolute;top:0;left:50%;transform:translate(-50%);width:110px;height:24px;background:var(--color-ink);border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:10}.chat-header.svelte-1h60dlj{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--color-paper);border-bottom:1px solid var(--color-line);margin-top:4px}.chat-header-avatar.svelte-1h60dlj,.agent-avatar.svelte-1h60dlj{flex-shrink:0;width:36px;height:36px;background:var(--color-cacao);color:var(--color-cream);font-family:var(--font-display);font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:center}.chat-header-info.svelte-1h60dlj{display:flex;flex-direction:column}.chat-header-name.svelte-1h60dlj{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--color-ink)}.chat-header-status.svelte-1h60dlj{display:flex;align-items:center;gap:4px;font-size:var(--text-micro);color:var(--color-success-text);font-weight:500}.status-dot.svelte-1h60dlj{width:6px;height:6px;border-radius:50%;background:var(--color-success)}.chat-messages.svelte-1h60dlj{padding:16px;display:flex;flex-direction:column;gap:14px;flex:1;overflow:hidden;background:var(--color-cream-soft)}.date-divider.svelte-1h60dlj{text-align:center;font-size:var(--text-micro);color:var(--color-cacao-muted);font-weight:500;margin:8px 0;text-transform:uppercase;letter-spacing:.5px}.message.svelte-1h60dlj{display:flex;flex-direction:column}.message-client.svelte-1h60dlj{align-items:flex-end}.client-bubble.svelte-1h60dlj{background:var(--color-ember);color:var(--color-ink);border-radius:18px 18px 4px;padding:10px 14px;max-width:85%;box-shadow:0 4px 12px #ff671f33}.client-bubble.svelte-1h60dlj p:where(.svelte-1h60dlj){font-size:12px;margin:0;line-height:1.4}.message-agent.svelte-1h60dlj{align-items:flex-start;flex-direction:row;gap:8px}.message-agent.svelte-1h60dlj .agent-avatar:where(.svelte-1h60dlj){width:24px;height:24px;font-size:11px}.agent-bubble.svelte-1h60dlj{background:#fff;border:1px solid var(--color-cream-soft);border-radius:18px 18px 18px 4px;padding:10px 14px;max-width:90%;box-shadow:0 2px 8px #1f1f1f0a}.agent-bubble.svelte-1h60dlj p:where(.svelte-1h60dlj){font-size:12px;margin:0;color:var(--color-ink);line-height:1.4}.dot-typing.svelte-1h60dlj{display:flex;gap:4px;padding:4px 0}.dot-typing.svelte-1h60dlj:before,.dot-typing.svelte-1h60dlj:after,.dot-typing.svelte-1h60dlj{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-line);animation:svelte-1h60dlj-dot-typing 1.4s infinite linear}.dot-typing.svelte-1h60dlj:before{animation-delay:-.32s}.dot-typing.svelte-1h60dlj:after{animation-delay:-.16s}@keyframes svelte-1h60dlj-dot-typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.message-time.svelte-1h60dlj{font-size:var(--text-micro);color:var(--color-cacao-muted);margin-top:4px}.check.svelte-1h60dlj{color:var(--color-ink);opacity:.7;font-size:8px}.chat-input-area.svelte-1h60dlj{padding:12px 16px 24px;background:#fff;border-top:1px solid var(--color-cream-soft);display:flex;align-items:center;gap:12px}.chat-input-placeholder.svelte-1h60dlj{flex:1;background:var(--color-cream-soft);padding:10px 16px;border-radius:20px;font-size:12px;color:var(--color-cacao-muted)}.chat-input-send.svelte-1h60dlj{width:36px;height:36px;border-radius:50%;background:var(--color-claw);color:var(--color-ink);display:flex;align-items:center;justify-content:center}@media(max-width:1023px){.chat-demo-container.svelte-1h60dlj{flex-direction:column;align-items:stretch;gap:48px}.visual-stack.svelte-1h60dlj{width:100%;max-width:100%;padding-bottom:80px;display:flex;flex-direction:column;align-items:center}.phone-mockup.svelte-1h60dlj{position:relative;right:auto;bottom:auto;margin-top:-120px;width:240px}.chatroom-frame.svelte-1h60dlj{width:100%;max-width:500px}}@media(max-width:480px){.phone-mockup.svelte-1h60dlj{width:200px;margin-top:-80px}}.demos.svelte-j4rori{background:var(--color-ink);color:var(--color-cream);padding-block:clamp(56px,9vw,128px)}.demos-meta.svelte-j4rori{border-color:var(--color-line-dark)}.demos-head.svelte-j4rori{display:grid;gap:20px;margin:clamp(32px,5vw,64px) 0 clamp(32px,5vw,56px)}.demos-title.svelte-j4rori{font-size:var(--text-headline)}.demos-title.svelte-j4rori em:where(.svelte-j4rori){font-style:normal;color:var(--color-ember)}.demos-lede.svelte-j4rori{max-width:44ch;color:var(--color-cream-muted);font-size:1.0625rem}.demos-grid.svelte-j4rori{list-style:none;display:grid;grid-template-columns:1fr}.demo-tile.svelte-j4rori{display:flex;flex-direction:column;gap:16px;height:100%;min-height:320px;padding:24px 20px 28px;text-decoration:none}.tile-top.svelte-j4rori{display:flex;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid currentColor}.tile-name.svelte-j4rori{margin-top:auto;font-size:clamp(2.25rem,5vw,4.5rem);font-weight:900}.tile-desc.svelte-j4rori{max-width:42ch;font-size:var(--text-body-sm);line-height:1.55}.tile-cta.svelte-j4rori{display:inline-flex;align-items:center;gap:8px;font-weight:700}.tile-cta.svelte-j4rori svg:where(.svelte-j4rori){transition:transform .2s ease}.demo-tile.svelte-j4rori:hover .tile-cta:where(.svelte-j4rori) svg:where(.svelte-j4rori){transform:translate(3px,-3px)}.demo-tile.svelte-j4rori:focus-visible{outline-offset:-4px;outline-color:var(--color-ink)}.sr-only.svelte-j4rori{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(min-width:900px){.demos-head.svelte-j4rori{grid-template-columns:1fr auto;align-items:end}.demos-grid.svelte-j4rori{grid-template-columns:repeat(2,1fr)}.demo-tile.svelte-j4rori{min-height:420px;padding:28px}}@media(prefers-reduced-motion:reduce){.tile-cta.svelte-j4rori svg:where(.svelte-j4rori){transition:none}}
