.hero-screenshot[data-astro-cid-yodha2z4]{left:var(--hero-shot-x)}.hero-dissolve[data-astro-cid-yodha2z4]{background:linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--color-cream) 28%, transparent) 38%, color-mix(in srgb, var(--color-cream) 72%, transparent) 72%, var(--color-cream) 100%);height:4.5rem}@media (width>=1024px){.hero-dissolve[data-astro-cid-yodha2z4]{height:10rem}}@media (width>=1920px){.hero-content[data-astro-cid-yodha2z4]{padding-top:var(--hero-pt-wide)!important}.hero-screenshot[data-astro-cid-yodha2z4]{left:var(--hero-shot-x-wide)!important}.hero-dissolve[data-astro-cid-yodha2z4]{height:12rem}}.step-caption[data-astro-cid-n7v4evmv]{text-align:center;flex-direction:column;align-items:center;gap:.2rem;margin-top:1rem;display:flex}.step-num[data-astro-cid-n7v4evmv]{letter-spacing:.16em;color:var(--color-brand);font-size:.75rem;font-weight:700}.step-label[data-astro-cid-n7v4evmv]{letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink);font-size:.875rem;font-weight:700}.step-hint[data-astro-cid-n7v4evmv]{color:var(--color-muted);font-size:.875rem}@media (width<=1023px){.step-num[data-astro-cid-n7v4evmv],.step-label[data-astro-cid-n7v4evmv]{letter-spacing:.08em}}.demo-frame[data-astro-cid-n7v4evmv]{--from-x:8%;--from-y:12%;--mid-x:52%;--mid-y:15%;--click-x:97%;--click-y:15%}.demo-cursor[data-astro-cid-n7v4evmv],.demo-ripple[data-astro-cid-n7v4evmv]{pointer-events:none;display:none}.demo-cursor[data-astro-cid-n7v4evmv]{top:var(--from-y);left:var(--from-x);z-index:4;transform-origin:2px 2px;filter:drop-shadow(0 1px 1px #262a3147);width:1.75rem;height:1.75rem;position:absolute;overflow:visible}.demo-ripple[data-astro-cid-n7v4evmv]{top:var(--click-y);left:var(--click-x);z-index:3;border:2px solid var(--color-brand);opacity:0;border-radius:999px;width:.7rem;height:.7rem;position:absolute;transform:translate(-50%,-50%)scale(.4)}@media (width>=1024px){.demo-cursor[data-astro-cid-n7v4evmv],.demo-ripple[data-astro-cid-n7v4evmv]{display:block}.demo-stage[data-astro-cid-n7v4evmv].is-armed:not(.is-playing) .demo-cursor[data-astro-cid-n7v4evmv],.demo-stage[data-astro-cid-n7v4evmv].is-armed:not(.is-playing) .demo-ripple[data-astro-cid-n7v4evmv],.demo-stage[data-astro-cid-n7v4evmv].is-armed:not(.is-playing) .demo-connector[data-astro-cid-n7v4evmv],.demo-stage[data-astro-cid-n7v4evmv].is-armed:not(.is-playing) .demo-output[data-astro-cid-n7v4evmv]{opacity:0}.demo-stage[data-astro-cid-n7v4evmv].is-playing .demo-cursor[data-astro-cid-n7v4evmv]{animation:3.2s cubic-bezier(.45,.05,.25,1) both demo-cursor}.demo-stage[data-astro-cid-n7v4evmv].is-playing .demo-ripple[data-astro-cid-n7v4evmv]{animation:.7s ease-out 1.9s both demo-ripple}.demo-stage[data-astro-cid-n7v4evmv].is-playing .demo-connector[data-astro-cid-n7v4evmv]{animation:.7s cubic-bezier(.22,1,.36,1) 2.05s both demo-arrive}.demo-stage[data-astro-cid-n7v4evmv].is-playing .demo-output[data-astro-cid-n7v4evmv]{animation:.85s cubic-bezier(.22,1,.36,1) 2.15s both demo-arrive}.demo-stage[data-astro-cid-n7v4evmv].is-playing .demo-card[data-astro-cid-n7v4evmv]{animation:1.05s cubic-bezier(.33,1,.68,1) 2.15s both demo-render}.demo-stage[data-astro-cid-n7v4evmv].is-playing .demo-badge[data-astro-cid-n7v4evmv]{animation:.55s cubic-bezier(.22,1,.36,1) 2.65s both demo-badge}}@keyframes demo-cursor{0%{opacity:0;left:var(--from-x);top:var(--from-y);transform:rotate(-6deg)}10%{opacity:1;left:var(--from-x);top:var(--from-y);transform:rotate(-2deg)}46%{opacity:1;transform:rotate(0)}60%{opacity:1;left:var(--click-x);top:var(--click-y);transform:scale(1)}66%{left:var(--click-x);top:var(--click-y);transform:scale(.82)}74%{opacity:1;left:var(--click-x);top:var(--click-y);transform:scale(1)}90%,to{opacity:0;left:var(--click-x);top:var(--click-y);transform:scale(1)}}@keyframes demo-ripple{0%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(3.4)}}@keyframes demo-arrive{0%{opacity:0;transform:translate(-1.25rem)}to{opacity:1;transform:none}}@keyframes demo-render{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes demo-badge{0%{opacity:0;transform:translateY(-40%)}to{opacity:1;transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.demo-cursor[data-astro-cid-n7v4evmv],.demo-ripple[data-astro-cid-n7v4evmv]{display:none!important}}