.case-marquee{--case-width:clamp(18rem, 30vw, 26.25rem);--case-gap:var(--refine-space-4)}.case-marquee__controls{justify-content:space-between;align-items:center;gap:var(--refine-space-3);margin-bottom:var(--refine-space-4);display:flex}.case-marquee__controls a,.case-marquee__pause{align-items:center;gap:var(--refine-space-1);color:var(--refine-text);font-size:var(--refine-text-sm);display:inline-flex}.case-marquee__pause{min-height:2.75rem;padding:var(--refine-space-1) var(--refine-space-3);border:1px solid var(--refine-line);border-radius:var(--refine-space-2);cursor:pointer}.case-marquee__viewport{padding-block:var(--refine-space-1);overflow:hidden}.case-marquee__track,.case-marquee__group{width:max-content;display:flex}.case-marquee__track{animation:58s linear infinite case-loop}.case-marquee__track--reverse{animation-duration:52s;animation-direction:reverse}.case-marquee__group{gap:var(--case-gap);padding-right:var(--case-gap)}.case-marquee__card{flex:0 0 var(--case-width);width:var(--case-width);border:1px solid var(--refine-line);border-radius:var(--refine-radius);background:var(--refine-surface);display:block;overflow:hidden}.case-marquee__image{aspect-ratio:16/10;overflow:hidden}.case-marquee__image img{object-fit:cover;object-position:top;width:100%;height:100%}.case-marquee__caption{padding:var(--refine-space-3) var(--refine-space-4);border-top:1px solid var(--refine-line);color:var(--refine-text);position:relative}.case-marquee__tag{color:var(--refine-muted);font-size:var(--refine-text-xs)}.case-marquee__caption h3{margin-top:var(--refine-space-1);padding-right:var(--refine-space-4);font-size:var(--refine-text-sm);min-height:2.9em;font-weight:600;line-height:1.45}.case-marquee__caption svg{right:var(--refine-space-3);bottom:var(--refine-space-4);color:var(--refine-accent-soft);position:absolute}.case-marquee[data-paused=true] .case-marquee__track,.case-marquee__viewport:focus-within .case-marquee__track{animation-play-state:paused}@media (hover:hover){.case-marquee__viewport:hover .case-marquee__track{animation-play-state:paused}}@keyframes case-loop{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.case-marquee__track{animation:none}.case-marquee__viewport{overflow-x:auto}.case-marquee__group[aria-hidden=true],.case-marquee__pause{display:none}}.workflow-demo{align-items:center;gap:var(--refine-space-6);margin-top:var(--refine-space-6);padding-block:var(--refine-space-5);color:var(--refine-text);grid-template-columns:.85fr 1.15fr;display:grid}.workflow-demo__story h3{font-size:var(--refine-title);letter-spacing:-.025em;font-weight:700}.workflow-demo__story>p{margin-top:var(--refine-space-2);color:var(--refine-muted);font-size:var(--refine-text-sm);max-width:34ch;line-height:1.7}.workflow-demo__steps{gap:var(--refine-space-1);margin-top:var(--refine-space-4);display:grid}.workflow-demo__steps button{align-items:center;gap:var(--refine-space-3);padding:var(--refine-space-3);text-align:left;border-radius:var(--refine-radius);cursor:pointer;border:1px solid #0000;transition:background .18s,border-color .18s;display:flex}.workflow-demo__steps button[aria-pressed=true]{border-color:var(--refine-line);background:var(--refine-surface)}.workflow-demo__steps button:hover{background:var(--refine-surface-raised)}.workflow-demo__step-icon{width:2.5rem;height:2.5rem;color:var(--refine-muted);border:1px solid var(--refine-line);border-radius:var(--refine-space-2);flex-shrink:0;place-items:center;display:grid}.workflow-demo__steps button[aria-pressed=true] .workflow-demo__step-icon{color:var(--refine-accent-soft);border-color:var(--refine-accent)}.workflow-demo__steps strong{font-size:var(--refine-text-sm);font-weight:600;display:block}.workflow-demo__steps small{color:var(--refine-muted);font-size:var(--refine-text-xs);margin-top:.25rem;display:block}.workflow-demo__steps button>svg{color:var(--refine-muted);flex-shrink:0;margin-left:auto}.workflow-demo__screen{border:1px solid var(--refine-line);border-radius:var(--refine-radius);background:var(--refine-surface);min-width:0;box-shadow:var(--refine-shadow);overflow:hidden}.workflow-demo__bar,.workflow-demo__bottom{justify-content:space-between;align-items:center;gap:var(--refine-space-3);padding:var(--refine-space-3) var(--refine-space-4);color:var(--refine-muted);font-size:var(--refine-text-xs);display:flex}.workflow-demo__bar{border-bottom:1px solid var(--refine-line)}.workflow-demo__bar span:first-child{color:var(--refine-text);font-weight:600}.workflow-demo__scene{min-height:20rem;padding:var(--refine-space-4) var(--refine-space-5);align-items:center;display:grid}.workflow-demo__content{animation:.22s ease-out workflow-appear}.workflow-demo__label{color:var(--refine-muted);font-size:var(--refine-text-xs);margin-bottom:var(--refine-space-4);display:block}.workflow-demo__message{max-width:95%;margin:var(--refine-space-2) 0 var(--refine-space-2) auto;padding:var(--refine-space-3) var(--refine-space-4);border-radius:var(--refine-radius) var(--refine-radius) .25rem var(--refine-radius);background:var(--refine-surface-raised);font-size:var(--refine-text-sm);border:1px solid var(--refine-line);line-height:1.65}.workflow-demo__message--ai{border-color:color-mix(in srgb, var(--refine-accent) 35%, transparent);background:color-mix(in srgb, var(--refine-accent) 9%, var(--refine-surface));border-radius:var(--refine-radius) var(--refine-radius) var(--refine-radius) .25rem;margin-left:0;margin-right:auto}.workflow-demo__status{align-items:center;gap:var(--refine-space-1);color:var(--refine-accent-soft);font-size:var(--refine-text-xs);margin-top:var(--refine-space-4);line-height:1.5;display:flex}.workflow-demo__status svg{flex-shrink:0}.workflow-demo__record div{gap:var(--refine-space-3);padding-block:var(--refine-space-2);border-bottom:1px solid var(--refine-line);font-size:var(--refine-text-sm);grid-template-columns:1fr 1fr;display:grid}.workflow-demo__record dt{color:var(--refine-muted)}.workflow-demo__record dd{font-weight:500}.workflow-demo__bottom{border-top:1px solid var(--refine-line);flex-wrap:wrap}.workflow-demo__bottom>span{font-size:.6875rem}.workflow-demo__bottom button{align-items:center;gap:var(--refine-space-1);color:var(--refine-accent-soft);padding-block:var(--refine-space-1);cursor:pointer;display:flex}.workflow-demo button:focus-visible{outline:2px solid var(--refine-accent-soft);outline-offset:4px}@keyframes workflow-appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=767px){.workflow-demo{gap:var(--refine-space-4);grid-template-columns:1fr}.workflow-demo__steps{gap:var(--refine-space-1);grid-template-columns:repeat(3,1fr)}.workflow-demo__steps button{text-align:center;padding:var(--refine-space-2) .25rem;gap:var(--refine-space-1);border-radius:var(--refine-space-2);flex-direction:column}.workflow-demo__steps small,.workflow-demo__steps button>svg{display:none}.workflow-demo__steps strong{font-size:var(--refine-text-xs)}.workflow-demo__scene{padding:var(--refine-space-4);min-height:21rem}.workflow-demo__bar,.workflow-demo__bottom{padding-inline:var(--refine-space-3)}}@media (prefers-reduced-motion:reduce){.workflow-demo__content{animation:none}.workflow-demo__steps button{transition:none}}
