.creator-showcase{min-width:0}.creator-showcase-stage{position:relative;height:570px;isolation:isolate;--case-spread: clamp(72px,11vw,150px)}.creator-showcase-orbit{position:absolute;inset:14% 0 8%;border:1px solid var(--line);border-radius:50%;transform:scale(calc(.82 + var(--creator-open,1) * .18));opacity:calc(.2 + var(--creator-open,1) * .6);pointer-events:none}.creator-case{position:absolute;left:50%;top:28px;width:min(68%,264px);margin:0;overflow:hidden;border:1px solid rgb(5 46 41 / .1);border-radius:16px;background:var(--case-background);box-shadow:0 32px 48px -28px #052e2947,0 4px 12px -6px #052e291f;transform-origin:50% 80%;transform:translate3d(calc(-50% + var(--case-slot) * var(--case-spread) * var(--creator-open,1)),calc((1 - var(--creator-open,1)) * 42px + var(--case-away) * 24px),0) rotate(calc(var(--case-slot) * 7deg * var(--creator-open,1))) scale(calc(1 - var(--case-away) * .13));transition:transform .6s cubic-bezier(.22,1,.36,1);z-index:1}.creator-case[data-active=true]{z-index:3}.creator-showcase-stage[data-creator-entering] .creator-case{transition:none}.creator-case-snapshot{display:block;width:100%;height:auto}.creator-case-ai svg{display:block;width:100%;height:100%}.creator-showcase-selector{display:flex;justify-content:center;gap:4px;position:relative;z-index:4}.creator-showcase-selector button{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;line-height:17px;font-weight:600;cursor:pointer;transition:color .16s,background-color .16s,border-color .16s}.creator-showcase-selector button[aria-pressed=true]{color:var(--deep);border-color:var(--line);background:#fff}.creator-showcase-selector button:hover{color:var(--deep);background:#e6eedf80}.creator-showcase-selector button:focus-visible{outline:2px solid var(--green);outline-offset:4px}.creator-case-number{font-size:9px;font-variant-numeric:tabular-nums;opacity:.55}.creator-showcase .creator-showcase-note{text-align:center;margin-top:12px;color:var(--muted);font-size:10px;line-height:16px}.creator-showcase>.software-example-caption{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:12px;color:var(--muted);text-align:center;font-size:11px;line-height:18px}.creator-showcase>.software-example-caption a{text-decoration:underline;text-underline-offset:3px}@media(max-width:1023px){.creator-showcase-stage{max-width:620px;margin-inline:auto}}@media(max-width:700px){.creator-showcase-stage{height:520px;--case-spread: clamp(48px,16vw,100px);overflow:clip;margin-inline:-12px}.creator-case{width:min(68%,244px)}.creator-showcase-selector{gap:2px}.creator-showcase-selector button{flex:1;justify-content:center;gap:4px;padding-inline:5px;font-size:11px}}@media(prefers-reduced-motion:reduce){.creator-showcase-stage{--creator-open: 1 !important}.creator-case,.creator-showcase-selector button{transition:none}}