.demo-card{box-shadow:0 4px 0 var(--border);transition:border-color .22s ease,background-color .22s ease,transform .22s ease,box-shadow .22s ease}.dewey-demo{position:relative;width:100%}.dewey-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px}.dewey-demo-stage{position:relative;min-height:440px;isolation:isolate}.dewey-demo-backdrop{position:absolute;top:65px;left:0;width:73%;aspect-ratio:1;max-height:370px;background:var(--soft-purple);border-radius:47% 53% 53% 47%/48% 40% 60% 52%;z-index:-1}.dewey-demo-character{position:absolute;left:-4%;top:30px;width:76%;max-width:450px}.dewey-incoming{position:absolute;top:18px;left:4%;display:flex;align-items:center;gap:10px;padding:12px 15px;border:2px solid var(--border);border-radius:16px;background:var(--cream);opacity:1;transform:translate(0) scale(1);transition:opacity .65s ease,transform var(--motion-morph) var(--ease-dewey)}.dewey-incoming-handled{opacity:0;transform:translate(65px,115px) scale(.35);pointer-events:none}.dewey-demo-workflow{position:relative;margin-left:auto;padding-top:70px;padding-bottom:18px;width:37%;display:flex;flex-direction:column;gap:14px}.dewey-step{position:relative;display:flex;align-items:flex-start;gap:8px;padding:12px 10px;border:2px solid var(--border);border-radius:15px;background:var(--surface)}.dewey-step:not(:last-child):after{content:"";position:absolute;left:21px;bottom:-15px;height:10px;width:2px;background:var(--lavender)}.dewey-step-active{border-color:var(--brand);box-shadow:0 4px 0 var(--lavender);transform:translateX(-5px)}.dewey-step-active,.dewey-step-done{background:var(--cream)}.dewey-step-number{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;border-radius:9px;font-size:10px;font-weight:700;color:var(--brand);background:var(--soft-purple)}.dewey-step-number-done{color:var(--cream);background:var(--brand)}.dewey-demo-caption{padding-top:8px;text-align:center}@media (min-width:640px) and (max-width:1023px){.dewey-demo{max-width:620px;margin-inline:auto}.dewey-demo-stage{min-height:470px}}@media (max-width:639px){.dewey-demo-heading{padding-inline:0}.dewey-demo-stage{min-height:0;padding-top:55px}.dewey-demo-character{position:relative;left:auto;top:auto;width:min(100%,360px);margin-inline:auto}.dewey-demo-backdrop{top:85px;left:5%;width:90%}.dewey-demo-workflow{padding-top:0;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dewey-step{padding:9px 8px;gap:6px;border-radius:13px}.dewey-step-number{width:20px;height:20px;border-radius:7px}.dewey-step:not(:last-child):after{display:none}.dewey-incoming{left:0;top:10px;padding:9px 11px}}@media (prefers-reduced-motion:reduce){.dewey-incoming{transition:none}.dewey-incoming-handled,.dewey-step-active{transform:none}}