/* Extend the landing page's established ease-out; no extra motion dependency. */
:root{--landing-ease-out:cubic-bezier(.22,1,.36,1)}
.floating-cta,.end-cta,.x-accept,.x-power,.how-replay{transition:transform 160ms var(--landing-ease-out),background-color 180ms ease}
.floating-cta:hover,.end-cta:hover{transform:none}
@media(hover:hover) and (pointer:fine){
 .floating-cta:hover,.end-cta:hover{transform:translateY(-2px)}
 .end-cta .end-arrow,.floating-cta svg{transition:transform 180ms var(--landing-ease-out)}
 .end-cta:hover .end-arrow,.floating-cta:hover svg{transform:translateX(2px)}
}
.floating-cta:active,.end-cta:active,.x-accept:active,.x-power:active,.how-replay:active{transform:scale(.98);transition-duration:100ms}
.floating-cta:focus-visible:active,.end-cta:focus-visible:active,.x-accept:focus-visible:active,.x-power:focus-visible:active,.how-replay:focus-visible:active{transform:none;transition:none}
.x-demo[data-motion="pointer"] .x-agent,.x-demo[data-motion="pointer"] .x-listening{
 opacity:1;transform:translateY(0) scale(1);transform-origin:bottom right;
 transition:opacity 180ms var(--landing-ease-out),transform 240ms var(--landing-ease-out),display 240ms allow-discrete;
}
.x-demo[data-motion="pointer"] .x-agent[hidden],.x-demo[data-motion="pointer"] .x-listening[hidden]{opacity:0;transform:translateY(8px) scale(.98);pointer-events:none;transition-duration:140ms}
@starting-style{
 .x-demo[data-motion="pointer"] .x-agent:not([hidden]),.x-demo[data-motion="pointer"] .x-listening:not([hidden]){opacity:0;transform:translateY(12px) scale(.98)}
}
.x-demo[data-motion="keyboard"] *{transition:none!important}
.x-demo .x-switch i{transition-timing-function:var(--landing-ease-out)}
.x-demo .x-edge-light{transition-duration:240ms}
.document-preview mark{display:inline-block}
.knowledge-connector{position:relative}
.knowledge-signal{position:absolute;left:calc(50% - 3px);top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#e6ea38;box-shadow:0 0 0 4px #f5ff2729;opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){
 .floating-cta,.end-cta,.x-accept,.x-power,.how-replay,.end-arrow,.floating-cta svg{transition:none!important}
 .floating-cta:hover,.end-cta:hover,.floating-cta:active,.end-cta:active,.x-accept:active,.x-power:active,.how-replay:active,.end-cta:hover .end-arrow,.floating-cta:hover svg{transform:none}
 .x-demo[data-motion] .x-agent,.x-demo[data-motion] .x-listening{transition:none!important;transform:none}
}