/* Scoped to landing2 fixtures; values mirror app/globals.css product tokens. */
.lx.demo-product{--o:#ff4f00;--nv:#111;--tx:#1c1c1e;--mu:#6b6b7e;--bd:#e2e6ee;--pg:#f4f6fa;font-family:Inter,sans-serif}
.demo-product .xw,.demo-human-window{border:1px solid #e2e6ee;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 24px 50px -25px #1c1c1e45}
.demo-topbar{height:60px;flex:none;display:flex;align-items:center;gap:24px;padding:0 22px;background:#f4f6fa;border-bottom:1px solid #e2e6ee;color:#1c1c1e;font:500 13.5px Inter,sans-serif}
.demo-logo{display:flex;align-items:center;gap:8px}.demo-logo>b{font-size:14px;font-weight:900;letter-spacing:-.045em}.demo-logo>b>span{color:#8e8ea0;font-size:12.3px;font-weight:500;letter-spacing:-.01em}
.demo-header-title{border-left:1px solid #e2e6ee;padding-left:20px;text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.04em}.demo-utilities{margin-left:auto;display:flex;align-items:center;gap:20px;color:#4a4a5a}.demo-utilities>span:first-child{border:1px solid #e2e6ee;border-radius:6px;background:#fff;padding:7px 11px}.demo-calls{display:flex;align-items:center;gap:6px}.demo-calls svg{width:16px;height:16px}.demo-user{display:grid;place-items:center;border-radius:50%;width:29px;height:29px;background:#e2e6ee;font-weight:700}
.demo-rail{width:78px;flex:none;background:#111;padding:16px 0;display:flex;flex-direction:column;gap:10px;align-items:center}.demo-rail-item{display:flex;flex-direction:column;align-items:center;gap:4px;width:78px;color:#ffffff9e}.demo-rail-item>span{width:36px;height:36px;border-radius:7px;display:grid;place-items:center}.demo-rail-item svg{width:18px;height:18px}.demo-rail-item small{font:500 11.5px/1.25 Inter,sans-serif;text-align:center;max-width:70px}.demo-rail-item.active{color:#fff}.demo-rail-item.active>span{background:#ffffff1f;box-shadow:inset 0 1px #ffffff29,0 0 0 1px #ff4f0060,0 0 10px #ff4f0050}
.demo-product .xmain{padding:22px 24px;background:#fff}.demo-product .xt{font:600 21px/1.4 Inter,sans-serif}.demo-product .xs{font:400 18px/1.5 Inter,sans-serif}.demo-product .xh{font:650 26px/1.3 Inter,sans-serif}.demo-product .xc{border-width:1px;border-color:#e2e6ee;border-radius:8px}.demo-product .xp{font:500 16px Inter,sans-serif;height:29px;padding:0 10px}.demo-product .xb,.demo-product .xb2{font:600 18px Inter,sans-serif;height:44px;border-radius:7px}.demo-product .xi{font:400 20px Inter,sans-serif;height:50px;border-width:1px;border-radius:7px}.demo-product .xcr{font:600 13px Inter,sans-serif;color:#6b6b7e;letter-spacing:.05em}.demo-product .xnote{border-width:1px;font:400 17px/1.5 Inter,sans-serif;border-radius:8px}.demo-product .xm{font-size:15px}.demo-product .xcode{font-size:18px;line-height:30px}.demo-product .xchk{font-size:18px}
.demo-tabs{height:42px;display:flex;gap:26px;align-items:center;border-bottom:1px solid #e2e6ee;margin:-22px -24px 20px;padding:0 24px;font:500 14px Inter,sans-serif;color:#6b6b7e}.demo-tabs>span{height:42px;display:flex;align-items:center;gap:6px}.demo-tabs .selected{color:#1c1c1e;border-bottom:2px solid #ff4f00}.demo-tabs b{font-size:11px;background:#f0f2f7;padding:2px 5px;border-radius:4px}
.demo-human-window{position:absolute;inset:0;display:flex;flex-direction:column}.demo-human-body{display:flex;flex:1;min-height:0}.demo-human-content{flex:1;min-width:0;background:#f4f6fa;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-bottom:24px}.demo-human-content .human-stack{flex:none;transform:scale(.86);transform-origin:center;width:930px;margin:0}.demo-human-content .human-card{border-color:#e2e6ee;border-radius:12px;box-shadow:0 5px 18px -12px #1c1c1e30}.demo-product .human-ai{border-color:#edc8b6}.demo-product .human-signals>span,.demo-product .human-action-trace>span,.demo-product .human-workflow-steps>span{background:#f0f2f7;border-color:#e2e6ee;color:#4a4a5a}.demo-product .human-wave i{background:#ff925f}.demo-product .human-wave i:nth-child(3n){background:#ffcfb8}.demo-product .human-demo-label{color:#6b6b7e}
.demo-flow-progress{position:absolute;bottom:1px;left:79px;right:1px;height:26px;background:#fff;border-top:1px solid #e2e6ee;display:flex;align-items:center;justify-content:space-around;gap:12px;font:500 10px Inter,sans-serif;color:#9a9aa8;z-index:10;border-radius:0 0 13px 0}.demo-flow-progress i{position:absolute;top:-2px;left:0;width:var(--progress,0%);height:2px;background:#ff4f00}.demo-flow-progress .complete{color:#c83e00}
.demo-product .demo-ticket-layout{padding:42px 0 26px;display:grid;grid-template-columns:210px minmax(0,1fr) 270px;position:relative}.demo-ticket-layout>.demo-tabs{position:absolute;inset:0 0 auto;margin:0;padding:0 18px}.demo-ticket-list{border-right:1px solid #e2e6ee;padding-top:16px;background:#fafbfc}.demo-ticket-list h3{padding:0 16px}.demo-ticket-list h3 span{color:#6b6b7e;font-size:12px;margin-left:8px}.demo-product h3{font:700 16px/1.4 Inter,sans-serif;margin:0 0 12px}.demo-filters{padding:0 16px 16px;color:#6b6b7e;font-size:11px}.demo-ticket-row{padding:18px 15px;border-bottom:1px solid #e2e6ee;border-left:3px solid transparent;font:500 13px/1.5 Inter,sans-serif}.demo-ticket-row.selected{background:#fff3ec;border-left-color:#ff4f00}.demo-ticket-row p{font-size:12px;margin:5px 0;color:#4a4a5a}.demo-ticket-row small{font-size:10px;color:#6b6b7e}.demo-thread{position:relative;min-width:0;background:#fff}.demo-thread-heading{padding:18px;border-bottom:1px solid #e2e6ee}.demo-thread-heading p{font-size:12px}.demo-thread-heading p span{font-size:10px;color:#6b6b7e}.demo-fieldbar{display:flex;gap:10px;padding:8px;background:#f0f2f7;border:1px solid #e2e6ee;border-radius:6px;font-size:11px}.demo-message{margin:24px 18px;padding:18px;border:1px solid #e2e6ee;border-radius:8px;font:400 16px/1.6 Inter,sans-serif}.demo-message b{font-size:12px}.demo-message b small{display:block;font-size:10px;font-weight:400;color:#6b6b7e}.demo-message p{margin-bottom:0}.demo-event{margin:22px 18px;padding:10px;background:#f0f2f7;border-radius:6px;color:#4a4a5a;font-size:11px}.demo-composer{position:absolute;bottom:20px;left:18px;right:18px;border:1px solid #e2e6ee;border-radius:8px;padding:14px;height:156px;font-size:12px}.demo-composer>div{color:#ff4f00;border-bottom:1px solid #e2e6ee;padding-bottom:10px}.demo-composer>div span{color:#6b6b7e;margin-left:14px}.demo-composer p{color:#9a9aa8}.demo-send{position:absolute;bottom:12px;right:12px;border-radius:5px;padding:8px 12px;background:#ff4f00;color:#fff}.demo-context{padding:18px 16px;border-left:1px solid #e2e6ee;background:#fafbfc;font:400 13px/1.6 Inter,sans-serif}.demo-insight{padding:16px;background:#fff;border:1px solid #e2e6ee;border-radius:8px}.demo-status{font-size:10px;background:#fff1d6;color:#94620e;border-radius:20px;padding:5px 8px}.demo-insight h4{font-size:16px;line-height:1.45;margin:18px 0 10px}.demo-insight p{color:#6b6b7e}.demo-confidence{height:6px;background:#e2e6ee;border-radius:6px;overflow:hidden;margin:18px 0 6px}.demo-confidence>span{display:block;height:100%;background:#b77b1b}.demo-insight>small{display:flex;justify-content:space-between;font-size:11px;color:#6b6b7e}.demo-source{font-size:11px;border-top:1px solid #e2e6ee;padding-top:14px;margin-top:14px}.demo-escalate{background:#ff4f00;color:#fff;text-align:center;border-radius:6px;padding:10px;margin-top:16px;font-weight:600}.demo-gap{font-size:11px;color:#23824f;margin-top:12px}.demo-context .demo-details-heading{font-size:13px;margin-top:24px}.demo-context>p{margin-bottom:0}.demo-context>small{font-size:11px;color:#6b6b7e}.demo-signals{display:flex;gap:6px;margin-top:18px}.demo-signals>span{font-size:10px;border:1px solid #e2e6ee;border-radius:5px;padding:3px 7px;background:#fff}
@media(prefers-reduced-motion:reduce){.demo-flow-progress i{display:none}.demo-product [data-in]{transform:none!important}.demo-product *{transition:none!important}}
.demo-product .demo-step-active{border-color:#ffb48f;background:#fff3ec;color:#a13b10}
.demo-scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease var(--reveal-delay,0ms),transform .55s cubic-bezier(.2,.7,.3,1) var(--reveal-delay,0ms)}.demo-scroll-reveal.demo-entered{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.demo-scroll-reveal{opacity:1;transform:none;transition:none}}
.demo-ticket-portrait{width:24px;height:24px;object-fit:cover;vertical-align:middle;border-radius:50%;margin-right:7px}