.landing-demo-card{cursor:pointer;text-align:left;padding:0;transition:border-color .16s,transform .16s;display:block;overflow:hidden}.landing-demo-card:hover{border-color:#4678d58c;transform:translateY(-2px)}.landing-demo-card:focus-visible{outline-offset:4px;outline:2px solid #4678d5}.landing-demo-top{border-bottom:1px solid var(--color-line);color:var(--color-mute);letter-spacing:.1em;align-items:center;gap:8px;padding:13px 17px;font-size:10px;font-weight:700;display:flex}.landing-demo-online{background:#4678d5;border-radius:50%;width:7px;height:7px}.landing-demo-open{color:#4678d5;letter-spacing:0;margin-left:auto;font-size:11px}.landing-demo-contact{align-items:center;gap:12px;padding:20px 18px 15px;display:flex}.landing-demo-avatar{color:#fff;background:#4678d5;border-radius:50%;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:13px;font-weight:700;display:grid}.landing-demo-message{border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-paper);border-radius:12px 12px 12px 3px;margin:0 18px;padding:14px}.landing-demo-input{background:var(--color-surface);color:var(--color-mute);border-radius:999px;justify-content:space-between;align-items:center;gap:10px;margin:14px 18px 0;padding:9px 10px 9px 14px;font-size:12px;display:flex}.landing-demo-send{color:#fff;background:#4678d5;border-radius:50%;place-items:center;width:29px;height:29px;font-size:15px;display:grid}.landing-demo-hint{color:var(--color-mute);text-align:center;padding:11px 16px 14px;font-size:10px}.landing-demo-modal{z-index:1000;overscroll-behavior:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0c10ad;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow:hidden}.landing-demo-window{border:1px solid var(--color-line);background:var(--color-ink);border-radius:18px;flex-direction:column;width:min(100%,520px);height:min(820px,100dvh - 36px);min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000052}.landing-demo-windowbar{border-bottom:1px solid var(--color-line);background:var(--color-ink-2);color:var(--color-soft);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:11px;display:flex}.landing-demo-windowbar button{min-height:30px;color:var(--color-soft);white-space:nowrap;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:6px;padding:5px 8px;display:inline-flex}.landing-demo-windowbar button:hover{background:var(--color-surface);color:var(--color-paper)}.landing-demo-home{font-size:11px;font-weight:600}.landing-demo-home>span:first-child{font-size:16px;line-height:1}.landing-demo-window .tchat{border-radius:0 0 17px 17px;flex:auto;overflow:hidden;width:100%!important;height:auto!important;min-height:0!important;position:relative!important;inset:auto!important}.landing-demo-window .tchat-header{min-height:58px}.landing-demo-window .tchat-copy h1{max-width:270px}.landing-demo-window .tchat-messages{min-height:0}.landing-demo-window .tchat-conversation{padding:12px 14px 18px}.landing-demo-window .tchat-composer{padding-left:10px;padding-right:10px}.landing-demo-window .tchat-foot{padding-bottom:2px}.landing-demo-window .tprofile{z-index:30;width:auto!important;height:100%!important;position:absolute!important;inset:0!important}:is(html:has(.landing-demo-modal),body:has(.landing-demo-modal)){overscroll-behavior:none!important;overflow:hidden!important}body:has(.landing-demo-modal){width:100%!important;height:100%!important;position:fixed!important;left:0!important;right:0!important}@media (max-width:520px){.landing-demo-modal{padding:0}.landing-demo-window{border:0;border-radius:0;width:100%;height:100svh}.landing-demo-windowbar{padding-top:max(10px, env(safe-area-inset-top))}.landing-demo-window .tchat{border-radius:0;min-height:0!important}.landing-demo-window .tchat-header{padding-top:8px}}@media (prefers-reduced-motion:reduce){.landing-demo-card{transition:none}}