.rw-demo{--bg:#f6f8fb;--bg-elevated:#fff;--bg-muted:#eef2f8;--bg-sunken:#e6ecf4;--border:#e6ebf2;--border-strong:#d6dee9;--text:#101b2d;--text-muted:#5b6b80;--text-subtle:#93a0b2;--text-inverse:#f6f8fb;--accent:#2563eb;--accent-hover:#1d4fd7;--accent-soft:#e9f0fe;--accent-text:#fff;--accent-fg:#1d4fd7;--emerald:#10b981;--emerald-soft:#e2f6ef;--grad:linear-gradient(118deg, #2563eb 0%, #1fa171 78%, #10b981 100%);--grad-soft:linear-gradient(118deg, #eaf1fe 0%, #e6f6f0 100%);--rw-radius:18px;--rw-radius-lg:26px;--bubble-radius:22px;--shadow-xs:0 1px 2px #101b2d0d;--shadow-sm:0 2px 6px #101b2d0f;--shadow-md:0 10px 28px #101b2d14;--shadow-lg:0 24px 60px #101b2d1f;--shadow-xl:0 40px 90px #101b2d2e;--shadow-grad:0 12px 28px #2563eb47;box-sizing:border-box;min-height:100dvh;font-family:var(--font-sans);color:var(--text);background-color:#e9edf3;background-image:radial-gradient(60% 50% at 18% 0,#2563eb12,#0000 60%),radial-gradient(60% 50% at 100% 12%,#10b98112,#0000 55%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;padding:28px;display:flex}.rw-stage{border-radius:var(--rw-radius-lg);border:1px solid var(--border);width:100%;max-width:600px;height:min(780px,100dvh - 56px);box-shadow:var(--shadow-lg);background:var(--bg-elevated);display:flex;overflow:hidden}.rw-stage>*{width:100%}@media (max-width:560px){.rw-demo{background:var(--bg-elevated);padding:0}.rw-stage{max-width:100%;height:100dvh;box-shadow:none;border:none;border-radius:0}}.rw-grad-bg{background:var(--grad)}.rw-grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.rw-grad-ring{background:var(--grad);border-radius:999px;padding:2px;display:inline-flex}[data-grad=expressive]{--accent-soft:#e4edfe}[data-grad=expressive] .rw-chat-head{background:linear-gradient(118deg,#eaf1fe 0%,#e7f6f0 100%);border-bottom-color:#0000}[data-grad=expressive] .rw-msgs{background:linear-gradient(#2563eb0d 0%,#10b98105 22%,#0000 40%)}[data-grad=expressive] .rw-bubble.agent{border-color:color-mix(in srgb, var(--accent) 14%, var(--border))}[data-grad=expressive] .rw-eyebrow .dot{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}[data-grad=expressive] .rw-composer{background:linear-gradient(0deg, var(--bg-elevated) 70%, color-mix(in srgb, var(--accent) 4%, var(--bg-elevated)))}[data-surface=tinted]{--bg:#f1f6fb;--bg-muted:#e9f1f8}[data-surface=tinted] .rw-screen{background:radial-gradient(120% 70% at 12% -8%, #2563eb1a 0%, transparent 55%), radial-gradient(120% 70% at 100% 4%, #10b9811a 0%, transparent 52%), var(--bg)}.rw-screen{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font-sans);flex-direction:column;display:flex;position:relative;overflow:hidden}.rw-topbar{flex-shrink:0;align-items:center;gap:10px;padding:16px 20px;display:flex}.rw-logo-img{width:auto;height:26px;display:block}.rw-topbar .rw-secure{color:var(--text-subtle);align-items:center;gap:5px;margin-left:auto;font-size:11.5px;font-weight:500;display:inline-flex}.rw-intro{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;padding:8px 26px 32px;display:flex}.rw-intro-avatar{position:relative}.rw-eyebrow{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-xs);color:var(--text-muted);border-radius:999px;align-items:center;gap:7px;padding:5px 12px 5px 8px;font-size:12px;font-weight:500;display:inline-flex}.rw-eyebrow .dot{background:var(--emerald);width:7px;height:7px;box-shadow:0 0 0 3px var(--emerald-soft);border-radius:999px}.rw-intro h1{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(30px,6.4vw,40px);font-weight:600;line-height:1.06}.rw-intro p.lead{color:var(--text-muted);text-wrap:pretty;max-width:40ch;margin:0;font-size:15.5px;line-height:1.6}.rw-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.rw-chip{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);box-shadow:var(--shadow-xs);border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;font-weight:500;display:inline-flex}.rw-chip svg{color:var(--accent)}.rw-cta{background:var(--grad);color:#fff;width:100%;max-width:340px;height:54px;font-family:var(--font-display);letter-spacing:-.01em;box-shadow:var(--shadow-grad);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:9px;font-size:16px;font-weight:600;transition:transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .16s,filter .16s;display:inline-flex;position:relative;overflow:hidden}.rw-cta:after{content:"";opacity:0;background:linear-gradient(118deg,#ffffff38,#0000 42%);transition:opacity .16s;position:absolute;inset:0}.rw-cta:hover{transform:translateY(-2px);box-shadow:0 18px 38px #2563eb57}.rw-cta:hover:after{opacity:1}.rw-cta:active{transform:translateY(0)}.rw-cta:disabled{filter:saturate(.4)opacity(.7);cursor:default}.rw-fineprint{color:var(--text-subtle);align-items:center;gap:6px;margin:0;font-size:11.5px;display:inline-flex}.rw-chat-head{background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:12px 18px 14px;display:flex}.rw-chat-head .who{line-height:1.2}.rw-chat-head .who .nm{letter-spacing:-.01em;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.rw-chat-head .who .st{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;display:inline-flex}.rw-badge-ai{letter-spacing:.02em;background:var(--accent-soft);height:18px;color:var(--accent-fg);border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:10.5px;font-weight:600;display:inline-flex}.rw-live-dot{background:var(--emerald);width:6px;height:6px;box-shadow:0 0 0 3px var(--emerald-soft);border-radius:999px;animation:2.4s ease-in-out infinite rwLive}@keyframes rwLive{0%,to{opacity:1}50%{opacity:.35}}.rw-progress-wrap{text-align:right;margin-left:auto}.rw-progress-label{color:var(--text-subtle);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:11px;font-weight:600}.rw-progress{background:var(--bg-sunken);border-radius:999px;width:78px;height:5px;margin-top:5px;overflow:hidden}.rw-progress>span{background:var(--grad);border-radius:999px;height:100%;transition:width .52s cubic-bezier(.4,0,.2,1);display:block}.rw-avatar{background:var(--grad);border-radius:999px;flex-shrink:0;width:38px;height:38px;padding:2px;display:inline-flex;position:relative}.rw-avatar>.inner{background:var(--bg-muted);width:100%;height:100%;font-family:var(--font-display);color:var(--accent-fg);border-radius:999px;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;overflow:hidden}.rw-avatar .inner>svg{border-radius:inherit}.rw-avatar-lg{width:92px;height:92px;padding:3px}.rw-avatar-lg>.inner{font-size:30px}.rw-msgs{scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;padding:20px 18px 12px;display:flex;overflow-y:auto}.rw-turn{align-items:flex-end;gap:9px;max-width:100%;display:flex}.rw-turn.agent{justify-content:flex-start}.rw-turn.user{justify-content:flex-end}.rw-turn .mini-av{background:var(--grad);border-radius:999px;flex-shrink:0;align-self:flex-end;width:26px;height:26px;padding:1.5px}.rw-turn .mini-av .inner{background:var(--bg-muted);border-radius:999px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.rw-bubble{border-radius:var(--bubble-radius);white-space:pre-wrap;text-wrap:pretty;max-width:80%;padding:12px 16px;font-size:14.5px;line-height:1.55;position:relative}.rw-bubble.agent{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-bottom-left-radius:7px}.rw-bubble.user{background:var(--accent);color:#fff;border-bottom-right-radius:7px}[data-bubbles=soft] .rw-bubble.user{background:var(--accent-soft);color:var(--accent-fg)}[data-bubbles=outlined] .rw-bubble.user{background:var(--bg-elevated);color:var(--accent-fg);border:1.5px solid var(--accent)}[data-bubbles=gradient] .rw-bubble.user{background:var(--grad);color:#fff;box-shadow:var(--shadow-grad)}@keyframes rwBubbleIn{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.rw-anim{animation:.36s cubic-bezier(.22,1,.36,1) both rwBubbleIn}.rw-typing{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--bubble-radius);box-shadow:var(--shadow-xs);border-bottom-left-radius:7px;align-items:center;gap:9px;padding:12px 16px;display:inline-flex}.rw-typing .lbl{color:var(--text-muted);font-size:13px;font-style:italic}.rw-dots{gap:4px;display:inline-flex}.rw-dots i{background:var(--accent);border-radius:999px;width:6.5px;height:6.5px;animation:1.3s ease-in-out infinite rwDot;display:inline-block}.rw-dots i:nth-child(2){animation-delay:.18s}.rw-dots i:nth-child(3){animation-delay:.36s}@keyframes rwDot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.rw-composer{background:var(--bg-elevated);border-top:1px solid var(--border);flex-shrink:0;padding:12px 16px 16px}.rw-input-shell{background:var(--bg-muted);border:1.5px solid var(--border);border-radius:18px;align-items:flex-end;gap:8px;padding:7px 7px 7px 16px;transition:border-color .14s,box-shadow .14s,background .14s;display:flex}.rw-input-shell:focus-within{border-color:var(--accent);background:var(--bg-elevated);box-shadow:0 0 0 4px #2563eb1f}.rw-input-shell textarea{resize:none;font-family:var(--font-sans);color:var(--text);background:0 0;border:none;outline:none;flex:1;max-height:120px;padding:8px 0;font-size:14.5px;line-height:1.5}.rw-input-shell textarea::placeholder{color:var(--text-subtle)}.rw-send{background:var(--grad);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-grad);cursor:pointer;border:none;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .13s cubic-bezier(.34,1.56,.64,1),filter .14s;display:inline-flex}.rw-send:hover:not(:disabled){transform:scale(1.06)}.rw-send:active:not(:disabled){transform:scale(.95)}.rw-send:disabled{background:var(--bg-sunken);color:var(--text-subtle);box-shadow:none;cursor:default}.rw-composer .hint{color:var(--text-subtle);text-align:center;justify-content:center;align-items:center;gap:5px;margin:8px 0 0;font-size:11px;display:flex}.rw-composer .err{color:var(--danger,#dc2626);text-align:center;margin:8px 0 0;font-size:12px}.rw-end-badge{background:var(--grad);color:#fff;width:52px;height:52px;box-shadow:var(--shadow-grad);border-radius:16px;justify-content:center;align-items:center;display:inline-flex}.rw-end-title{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:18px;font-weight:600;line-height:1.25}.rw-end-actions{flex-direction:column;gap:10px;width:100%;max-width:340px;display:flex}.rw-btn-yes{background:var(--grad);color:#fff;height:50px;font-family:var(--font-display);box-shadow:var(--shadow-grad);cursor:pointer;border:none;border-radius:15px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;transition:transform .14s cubic-bezier(.34,1.56,.64,1),filter .14s;display:inline-flex}.rw-btn-yes:hover:not(:disabled){transform:translateY(-2px)}.rw-btn-yes:disabled{filter:saturate(.4)opacity(.7);cursor:default}.rw-btn-no{height:46px;color:var(--text-muted);border:1.5px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:15px;font-size:14.5px;font-weight:500;transition:background .14s,color .14s}.rw-btn-no:hover:not(:disabled){background:var(--bg-muted);color:var(--text)}.rw-field{text-align:left;width:100%;max-width:340px}.rw-field label{color:var(--text);text-align:center;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.rw-email{box-sizing:border-box;border:1.5px solid var(--border-strong);background:var(--bg-elevated);width:100%;height:52px;font-size:15px;font-family:var(--font-sans);color:var(--text);text-align:center;border-radius:15px;padding:0 16px;transition:border-color .14s,box-shadow .14s}.rw-email:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #2563eb1f}.rw-email::placeholder{color:var(--text-subtle)}.rw-back{color:var(--text-subtle);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-size:13px;font-weight:500;display:inline-flex}.rw-back:hover{color:var(--text-muted)}@keyframes rwPop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.rw-pop{animation:.48s cubic-bezier(.34,1.56,.64,1) both rwPop}.rw-check-ring{background:var(--emerald-soft);border-radius:999px;justify-content:center;align-items:center;width:76px;height:76px;display:inline-flex;position:relative}.rw-check-ring .core{background:var(--grad);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex}@media (prefers-reduced-motion:reduce){.rw-anim,.rw-pop,.rw-cta,.rw-send,.rw-btn-yes{transition:none!important;animation:none!important}.rw-dots i,.rw-live-dot{animation:none!important}}