/* Clean presentation for the existing prewritten marketing conversations.
   Playback remains illustrative: it sends no messages and creates no customer data. */
.rx80 .rx102-chat-example{--chat-accent:#2563eb;--chat-ink:#202124;--chat-muted:#68707e;--chat-line:#e8eaee;--chat-soft:#f4f5f7;--chat-user:#eaf1fe;width:88%;max-width:520px;border:0;border-radius:18px;background:#fff;color:var(--chat-ink);box-shadow:none;overflow:hidden}
.rx80 .rx102-chat-example *{box-sizing:border-box}
.rx80 .rx102-chat-example .rx-chat-header{border:0}
.rx80 .rx102-chat-example :is(button,a,summary,[tabindex]){box-shadow:none}
.rx80 .rx102-chat-example :is(button,a,summary,[tabindex]):focus:not(:focus-visible){outline:0;box-shadow:none}
.rx80 .rx102-chat-example :is(button,a,summary,[tabindex]):focus-visible{outline:0;box-shadow:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.rx80 .rx102-chat-example .rx-demo-controls button:focus-visible{background:var(--chat-soft);color:var(--chat-accent)}
.rx80 .rx102-chat-example .rx-scene-tabs{padding:8px;gap:4px;background:#fff;border:0}
.rx80 .rx102-chat-example .rx-scene-tabs button{min-height:42px;font-size:11px;line-height:1.4;font-weight:500;border:0;border-radius:6px;color:var(--chat-muted);background:transparent}
.rx80 .rx102-chat-example .rx-scene-tabs button[aria-selected=true]{color:var(--chat-accent);background:#eff5ff}
.rx80 .rx102-chat-example .rx-scene-tabs button:hover{background:var(--chat-soft)}
.rx80 .rx102-chat-example .rx-stage{flex:1;height:auto;min-height:0;padding:20px 22px 26px;background:#fff;overflow-x:hidden;overflow-y:auto;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#d3d7df transparent;overscroll-behavior:auto}
.rx80 .rx102-chat-example .rx102-date{font-size:10px;line-height:1.5;letter-spacing:.04em;color:var(--chat-muted);text-align:center;margin:0 0 24px}
.rx80 .rx102-chat-example .rx-transcript{gap:24px;min-width:0}
.rx80 .rx102-chat-example .rx-message,.rx80 .rx102-chat-example .rx-message p{font-size:14px;line-height:1.6;letter-spacing:normal;overflow-wrap:anywhere;margin:0;min-width:0}
.rx80 .rx102-chat-example .rx-message-visitor{display:flex;flex-direction:column;align-items:flex-end;padding-left:0}
.rx80 .rx102-chat-example .rx-message-visitor>p{max-width:88%;padding:10px 13px;border:0;border-radius:14px 14px 4px 14px;background:var(--chat-user);color:var(--chat-ink);box-shadow:none}
.rx80 .rx102-chat-example .rx-message-assistant,.rx80 .rx102-chat-example .rx-message-team{display:block;padding:0}
.rx80 .rx102-chat-example .rx101-message-stack{min-width:0;width:100%;max-width:100%}
.rx80 .rx102-chat-example .rx102-author{display:flex;align-items:center;gap:6px;color:var(--chat-muted);font-size:11px;font-weight:500;line-height:1.5;margin-bottom:6px}
.rx80 .rx102-chat-example .rx102-ai{font-size:10px;font-weight:500;line-height:1.5;padding:1px 5px;border-radius:4px;background:var(--chat-soft);color:var(--chat-muted)}
.rx80 .rx102-chat-example .rx101-assistant-bubble,.rx80 .rx102-chat-example .rx-message-team .rx101-assistant-bubble{display:block;width:fit-content;max-width:100%;min-width:0;padding:10px 13px;border:0;border-radius:4px 14px 14px;background:var(--chat-soft);color:var(--chat-ink);box-shadow:none;overflow-wrap:anywhere}
.rx80 .rx102-chat-example .rx-team-avatar{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none;background:#eef1f5;color:#4c5564;font-size:10px;margin:0}
.rx80 .rx102-chat-example .rx-team-name{font-size:11px;font-weight:500;line-height:1.5;color:var(--chat-muted);margin:0}
.rx80 .rx102-chat-example .rx104-message-meta{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.5;color:var(--chat-muted);margin-top:6px}
.rx80 .rx102-chat-example .rx-source{display:block;font-size:12px;line-height:1.5;color:var(--chat-muted);margin:12px 0 0;border:0;padding:0;width:100%}
.rx80 .rx102-chat-example .rx-source svg{width:13px;height:13px;flex:none}
.rx80 .rx102-chat-example .rx-source summary{display:flex;align-items:center;justify-content:flex-start;gap:8px;list-style:none;cursor:pointer;border:0;margin:0;padding:2px 0;color:var(--chat-accent);border-radius:2px}
.rx80 .rx102-chat-example .rx-source summary:hover{text-decoration:underline;text-underline-offset:3px}
.rx80 .rx102-chat-example .rx-source summary::-webkit-details-marker{display:none}
.rx80 .rx102-chat-example .rx-source summary>span{display:flex;align-items:center;gap:6px}
.rx80 .rx102-chat-example .rx-source summary>svg{transition:transform .15s}
.rx80 .rx102-chat-example .rx-source[open] summary>svg{transform:rotate(90deg)}
.rx80 .rx102-chat-example .rx-source ol{display:grid;gap:10px;list-style:none;padding:0;margin:10px 0 0}
.rx80 .rx102-chat-example .rx-source li{border:0;padding:2px 0;border-radius:0;background:transparent}
.rx80 .rx102-chat-example .rx-source strong{font-size:12px;font-weight:500;color:var(--chat-ink)}
.rx80 .rx102-chat-example .rx-source small{display:block;font-size:11px;color:var(--chat-muted);margin-top:2px}
/* Forms and receipts stay part of the conversation, without nested card outlines. */
.rx80 .rx102-chat-example .rx-message-form,.rx80 .rx102-chat-example .rx-message-receipt{padding:0;border:0;background:none;box-shadow:none}
.rx80 .rx102-chat-example .rx-intake{margin:4px 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.rx80 .rx102-chat-example .rx104-card-head{padding:0}
.rx80 .rx102-chat-example .rx104-card-inner{padding:6px 0 0}
.rx80 .rx102-chat-example .rx102-form-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;color:var(--chat-muted);font-size:11px;line-height:1.5}
.rx80 .rx102-chat-example .rx102-form-nav>span:first-child{color:var(--chat-muted);font-size:12px}
.rx80 .rx102-chat-example .rx101-card-heading{margin-bottom:13px}
.rx80 .rx102-chat-example .rx102-kicker{display:block;font-size:10px;line-height:1.5;letter-spacing:.08em;font-weight:500;color:var(--chat-muted);margin-bottom:6px}
.rx80 .rx102-chat-example .rx101-card-heading>strong{display:block;font-size:15px;line-height:1.4;font-weight:600;letter-spacing:-.01em;color:var(--chat-ink)}
.rx80 .rx102-chat-example .rx101-card-heading>p{font-size:13px;line-height:1.6;margin-top:6px;color:var(--chat-muted)}
.rx80 .rx102-chat-example .rx101-example-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:15px;margin:0}
.rx80 .rx102-chat-example .rx101-example-field{display:block;min-width:0;margin:0}
.rx80 .rx102-chat-example .rx-intake dt{width:auto;display:block;font-size:12px;line-height:1.4;font-weight:500;color:var(--chat-muted);margin-bottom:6px}
.rx80 .rx102-chat-example .rx-intake dd{margin:0;display:block;min-height:40px;border:0;border-radius:8px;padding:10px 12px;background:var(--chat-soft);font-size:14px;line-height:1.5;color:var(--chat-ink);overflow-wrap:anywhere}
.rx80 .rx102-chat-example .rx-consent{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.6;color:var(--chat-muted);margin:14px 0}
.rx80 .rx102-chat-example .rx-consent>svg{width:15px;height:15px;flex:none;margin-top:2px;border:0;border-radius:3px;padding:1px;color:#fff;background:var(--chat-accent)}
.rx80 .rx102-chat-example .rx-intake-submit{min-height:40px;display:flex;align-items:center;justify-content:center;gap:9px;margin:0;padding:10px 13px;border:0;border-radius:8px;background:var(--chat-accent);color:#fff;font-size:13px;line-height:1.4;font-weight:500}
.rx80 .rx102-chat-example .rx-intake-submit>svg{width:15px;height:15px;flex:none}
.rx80 .rx102-chat-example .rx102-form-safe{display:flex;align-items:center;justify-content:center;gap:6px;margin:11px 0 0;font-size:10px;line-height:1.5;color:var(--chat-muted)}
.rx80 .rx102-chat-example .rx102-form-safe svg{width:13px;height:13px;flex:none}
.rx80 .rx102-chat-example .rx104-timezone{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.6;color:var(--chat-muted);margin:12px 0}
.rx80 .rx102-chat-example .rx104-timezone svg{width:15px;height:15px}
.rx80 .rx102-chat-example .rx-receipt{margin:0;display:block;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--chat-ink)}
.rx80 .rx102-chat-example .rx-receipt .rx102-state-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#21815b;background:#eaf6ee;margin:0 0 10px}
.rx80 .rx102-chat-example .rx-receipt.rx102-receipt-pending .rx102-state-icon{color:#88651e;background:#faf1dc}
.rx80 .rx102-chat-example .rx102-state-icon svg{width:16px;height:16px}
.rx80 .rx102-chat-example .rx-receipt>div{min-width:0}
.rx80 .rx102-chat-example .rx-receipt strong{display:block;font-size:15px;line-height:1.4;font-weight:600;letter-spacing:-.01em;color:var(--chat-ink)}
.rx80 .rx102-chat-example .rx-receipt span{display:block;font-size:13px;line-height:1.6;color:var(--chat-muted);margin-top:6px}
.rx80 .rx102-chat-example .rx-receipt .rx101-receipt-status{margin:0 0 5px;font-size:10px;line-height:1.4;font-weight:500;letter-spacing:.02em;color:#33734f}
.rx80 .rx102-chat-example .rx102-receipt-pending .rx101-receipt-status{color:#88651e}
.rx80 .rx102-chat-example .rx102-receipt-summary{display:grid;grid-template-columns:minmax(65px,.7fr) minmax(0,1.3fr);gap:10px 14px;font-size:12px;line-height:1.6;margin:14px 0 0;border:0;padding-top:0}
.rx80 .rx102-chat-example .rx102-receipt-summary dt{color:var(--chat-muted)}
.rx80 .rx102-chat-example .rx102-receipt-summary dd{margin:0;color:var(--chat-ink);font-weight:400;overflow-wrap:anywhere}
.rx80 .rx102-chat-example .rx-message-system{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--chat-muted);font-size:11px;line-height:1.6;text-align:center;padding:3px 0;background:none;border:0;box-shadow:none}
.rx80 .rx102-chat-example .rx-message-system:before,.rx80 .rx102-chat-example .rx-message-system:after{content:none}
.rx80 .rx102-chat-example .rx-message-system>svg{width:14px;height:14px;flex:none}
.rx80 .rx102-chat-example .rx-message-system>span{max-width:90%;overflow-wrap:anywhere}
.rx80 .rx102-chat-example [data-r101-submitted=true]{display:none!important}
.rx80 .rx102-chat-example .rx-typing{margin-left:0}
.rx80 .rx102-chat-example .rx-demo-toolbar{min-height:46px;height:auto;padding:6px 12px 6px 16px;border:0;background:#fff}
.rx80 .rx102-chat-example .rx-demo-toolbar>span{font-size:10px;line-height:1.5;color:var(--chat-muted);max-width:calc(100% - 146px)}
.rx80 .rx102-chat-example .rx-demo-controls button{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--chat-muted);box-shadow:none}
.rx80 .rx102-chat-example .rx-demo-controls button:hover{background:var(--chat-soft);color:var(--chat-ink)}
.rx80 .rx102-chat-example .rx104-chat-window{height:auto;flex:1;min-height:0;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff}

/* Preserve the existing website-entry form focus treatment outside the chat. */
.rx80 .rx-website-form .rx-input-wrap:focus-within{border:1px solid #111;outline:0!important;box-shadow:none!important}
.rx80 .rx-website-form .rx-input-wrap input:focus,.rx80 .rx-website-form .rx-input-wrap input:focus-visible{border:0;outline:0!important;box-shadow:none!important}

/* Preserve the existing viewport-fitted demo placement and playback scroll area. */
.rx80{--rx106-demo-height:clamp(360px,calc(100vh - 168px),720px)}
.rx80 .rx-hero-grid{align-items:start}
.rx80 .rx-hero-copy{padding-top:24px}
.rx80 .rx102-chat-example{display:flex;flex-direction:column;height:var(--rx106-demo-height)}
.rx80 .rx102-chat-example>.rx-scene-tabs,.rx80 .rx102-chat-example>.rx-demo-toolbar{flex:none}
@supports(height:100svh){.rx80{--rx106-demo-height:clamp(360px,calc(100svh - 168px),720px)}}
@media(min-width:960px){.rx80 .rx-hero-visual{height:calc(var(--rx106-demo-height) + 48px)}}
@media(min-width:1600px){.rx80 .rx102-chat-example{width:90%;max-width:530px}}
@media(min-width:601px) and (max-width:959px){.rx80 .rx-hero-visual{height:calc(var(--rx106-demo-height) + 48px)}.rx80 .rx102-chat-example{width:83%;max-width:520px;left:15px}}
@media(max-width:959px){.rx80 .rx-hero-copy{padding-top:0}}
@media(max-width:600px){
 .rx80{--rx106-demo-height:clamp(360px,calc(100vh - 140px),640px)}
 .rx80 .rx102-chat-example{width:100%;max-width:none;margin-inline:0;border-radius:16px}
 .rx80 .rx102-chat-example .rx-stage{padding:18px 16px 24px}
 .rx80 .rx102-chat-example .rx102-receipt-summary{grid-template-columns:75px minmax(0,1fr)}
 @supports(height:100svh){.rx80{--rx106-demo-height:clamp(360px,calc(100svh - 140px),640px)}}
}
@media(prefers-reduced-motion:reduce){.rx80 .rx102-chat-example .rx-message,.rx80 .rx102-chat-example .rx-typing span,.rx80 .rx102-chat-example .rx-source summary>svg{animation:none!important;transition:none!important}.rx80 .rx102-chat-example .rx-stage{scroll-behavior:auto}}
@media(forced-colors:active){.rx80 .rx102-chat-example :is(button,a,summary):focus-visible{color:Highlight;text-decoration:underline;text-decoration-thickness:3px}}
@media print{.rx80 .rx-hero-visual,.rx80 .rx102-chat-example{height:auto;max-height:none}.rx80 .rx-hero-visual{padding-top:0}.rx80 .rx-hero-photo{display:none}.rx80 .rx102-chat-example{position:static;inset:auto}.rx80 .rx102-chat-example .rx104-chat-window{height:auto;flex:none;overflow:visible}.rx80 .rx102-chat-example .rx-stage{height:auto;overflow:visible}.rx80 .rx102-chat-example [data-r101-submitted=true]{display:block!important}}