.showcase-demo{height:100%;position:relative}.showcase-demo__overlay{z-index:calc(var(--showcase-z,2000));pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.showcase-cursor{opacity:0;pointer-events:none;will-change:transform;transition:opacity .35s;position:absolute;top:0;left:0}.showcase-cursor.is-visible{opacity:1}.showcase-cursor__arrow{filter:drop-shadow(0 2px 5px rgba(0,0,0,.35));transform-origin:4px 3px;transition:transform .13s;display:block}.showcase-cursor.is-clicking .showcase-cursor__arrow,.showcase-cursor.is-pressed .showcase-cursor__arrow{transform:scale(.82)}.showcase-cursor__ring{background:var(--showcase-accent,#3b82f6);opacity:0;border-radius:50%;width:34px;height:34px;position:absolute;top:-14px;left:-15px;transform:scale(.3)}.showcase-cursor.is-clicking .showcase-cursor__ring{animation:.5s ease-out showcase-ripple}.showcase-cursor.is-pressed .showcase-cursor__ring{opacity:.35;transition:opacity .12s,transform .12s;transform:scale(.75)}.showcase-cursor__label{white-space:nowrap;color:var(--showcase-pill-fg,#e5e7eb);background:var(--showcase-pill-bg,rgba(17,19,24,.92));border:1px solid var(--showcase-pill-border,rgba(255,255,255,.14));opacity:0;border-radius:999px;padding:3px 8px;font:500 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;transition:opacity .2s,transform .2s;position:absolute;top:22px;left:24px;transform:translateY(4px)}.showcase-cursor.has-label .showcase-cursor__label{opacity:1;transform:none}@keyframes showcase-ripple{0%{opacity:.4;transform:scale(.3)}to{opacity:0;transform:scale(1.9)}}.showcase-pill{z-index:calc(var(--showcase-z,2000) + 1);grid-gap:8px;white-space:nowrap;color:var(--showcase-pill-fg,#e5e7eb);background:var(--showcase-pill-bg,rgba(17,19,24,.9));border:1px solid var(--showcase-pill-border,rgba(255,255,255,.14));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font:500 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px rgba(0,0,0,.35)}.showcase-pill--running{pointer-events:none}.showcase-pill--user{cursor:pointer;transition:border-color .15s,color .15s}.showcase-pill--user:hover{border-color:var(--showcase-accent,#3b82f6)}.showcase-pill__dot{background:var(--showcase-accent,#3b82f6);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite showcase-pulse}@keyframes showcase-pulse{50%{opacity:.35}}.showcase-lazy{position:relative;overflow:hidden}.showcase-lazy__poster,.showcase-lazy__live{position:absolute;top:0;bottom:0;left:0;right:0}.showcase-lazy__poster{transition:opacity .5s}.showcase-lazy__live{opacity:0;transition:opacity .5s}.showcase-lazy[data-showcase-ready=true] .showcase-lazy__live{opacity:1}.showcase-lazy[data-showcase-ready=true] .showcase-lazy__poster{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.showcase-lazy__poster,.showcase-lazy__live,.showcase-cursor{transition:none}}
.hero-frame,.hero{--hero-surface:#0c0d10;--hero-card:#121318;--hero-raised:#1a1b21;--hero-border:rgba(255,255,255,.08);--hero-border-strong:rgba(255,255,255,.16);--hero-ink:#ececf1;--hero-muted:#8b8e99;--hero-grid:#23252b;--hero-up:#13a88f;--hero-down:#e5533f;--hero-neutral:#383835;--hero-up-ink:#3fd2b3;--hero-down-ink:#ff8170;--hero-accent:var(--infinite-accent-color,#3b82f6);--showcase-accent:var(--hero-accent);--showcase-pill-bg:rgba(17,19,24,.92);--showcase-pill-fg:#e5e7eb;--showcase-pill-border:rgba(255,255,255,.14)}.hero[data-hero-mode=light]{--hero-surface:#fff;--hero-card:#f7f7f9;--hero-raised:#fff;--hero-border:rgba(0,0,0,.08);--hero-border-strong:rgba(0,0,0,.16);--hero-ink:#16171b;--hero-muted:#646873;--hero-grid:#e6e7ea;--hero-up:#0f8a75;--hero-down:#d0432f;--hero-neutral:#d9d9d5;--hero-up-ink:#0a7764;--hero-down-ink:#bf3925;--showcase-pill-bg:rgba(255,255,255,.94);--showcase-pill-fg:#23252b;--showcase-pill-border:rgba(0,0,0,.12)}.hero-frame{border:1px solid var(--hero-border);background:var(--hero-surface);border-radius:16px;height:720px;box-shadow:0 0 0 1px rgba(0,0,0,.4),0 30px 80px -20px rgba(59,130,246,.25),0 20px 50px -30px rgba(0,0,0,.8)}.hero-frame--page{height:max(620px,100dvh - 150px)}@media (max-width:1023px){.hero-frame,.hero-frame--page{height:980px}}@media (max-width:639px){.hero-frame,.hero-frame--page{border-radius:12px;height:860px}}.hero-poster{background:var(--hero-surface);width:100%;height:100%;position:relative}.hero-poster picture{width:100%;height:100%;display:block}.hero-poster img{-o-object-fit:cover;object-fit:cover;-o-object-position:left top;object-position:left top;width:100%;height:100%;display:block}