.click-demo[data-astro-cid-n7ljvabl]{margin-bottom:2.5rem}.cd-stage[data-astro-cid-n7ljvabl]{position:relative;overflow:hidden;width:100%;outline:none;background:var(--color-bg-surface)}.cd-step[data-astro-cid-n7ljvabl]{position:absolute;inset:0;margin:0}.cd-step[data-astro-cid-n7ljvabl][hidden]{display:none}.cd-step[data-astro-cid-n7ljvabl] img[data-astro-cid-n7ljvabl]{display:block;width:100%;height:100%;object-fit:cover}.cd-target[data-astro-cid-n7ljvabl]{position:absolute;border-radius:6px;border:2px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent);box-shadow:0 0 0 9999px #080a0e2e;cursor:pointer;min-width:18px;min-height:18px;transition:background-color .15s ease}.cd-target[data-astro-cid-n7ljvabl].is-pressed{transform:scale(.95);background:color-mix(in srgb,var(--color-primary) 35%,transparent);transition:transform .12s ease,background-color .12s ease}.cd-target[data-astro-cid-n7ljvabl]:hover,.cd-target[data-astro-cid-n7ljvabl]:focus-visible{background:color-mix(in srgb,var(--color-primary) 22%,transparent);outline:none}.cd-dot[data-astro-cid-n7ljvabl]{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:9999px;background:var(--color-primary);box-shadow:0 0 0 3px #ffffffd9}@media(prefers-reduced-motion:no-preference){.cd-dot[data-astro-cid-n7ljvabl]:after{content:"";position:absolute;inset:-3px;border-radius:inherit;border:2px solid var(--color-primary);animation:cd-pulse 1.6s ease-out infinite}@keyframes cd-pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(2.6);opacity:0}}}.cd-step[data-astro-cid-n7ljvabl].is-leaving{z-index:1}.cd-step[data-astro-cid-n7ljvabl].is-entering{z-index:2}@media(prefers-reduced-motion:no-preference){.cd-step[data-astro-cid-n7ljvabl].is-entering{animation:cd-enter .44s cubic-bezier(.2,.7,.2,1) both}.cd-step[data-astro-cid-n7ljvabl].is-entering.is-back{animation-name:cd-fade}.cd-step[data-astro-cid-n7ljvabl].is-entering .cd-target[data-astro-cid-n7ljvabl]{animation:cd-fade .22s ease-out .3s both}.cd-step[data-astro-cid-n7ljvabl].is-entering .cd-tip[data-astro-cid-n7ljvabl]{animation:cd-tip-in .28s ease-out .32s both}.cd-step[data-astro-cid-n7ljvabl].is-leaving .cd-target[data-astro-cid-n7ljvabl],.cd-step[data-astro-cid-n7ljvabl].is-leaving .cd-tip[data-astro-cid-n7ljvabl]{opacity:0;transition:opacity .12s ease}}@keyframes cd-enter{0%{opacity:0;transform:scale(1.035)}to{opacity:1;transform:none}}@keyframes cd-fade{0%{opacity:0}to{opacity:1}}@keyframes cd-tip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cd-tip[data-astro-cid-n7ljvabl]{position:absolute;max-width:min(320px,42%);padding:.6rem .8rem;border-radius:.6rem;background:var(--color-primary);color:var(--color-bg);font-size:.8125rem;line-height:1.4;font-weight:500;box-shadow:0 10px 30px #0000004d;pointer-events:none}@media(max-width:639px){.cd-tip[data-astro-cid-n7ljvabl]{display:none}}.cd-overlay[data-astro-cid-n7ljvabl]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:color-mix(in srgb,var(--color-bg) 72%,transparent);backdrop-filter:blur(3px)}.cd-overlay[data-astro-cid-n7ljvabl][hidden]{display:none}[data-astro-cid-n7ljvabl][data-state=intro] .cd-target[data-astro-cid-n7ljvabl],[data-astro-cid-n7ljvabl][data-state=intro] .cd-tip[data-astro-cid-n7ljvabl],[data-astro-cid-n7ljvabl][data-state=end] .cd-target[data-astro-cid-n7ljvabl],[data-astro-cid-n7ljvabl][data-state=end] .cd-tip[data-astro-cid-n7ljvabl]{visibility:hidden}@media(max-width:639px){[data-astro-cid-n7ljvabl][data-state=intro] .cd-stage[data-astro-cid-n7ljvabl],[data-astro-cid-n7ljvabl][data-state=end] .cd-stage[data-astro-cid-n7ljvabl]{min-height:19rem}.cd-btn[data-astro-cid-n7ljvabl]{padding:.45rem .8rem;font-size:.8125rem}}.cd-card[data-astro-cid-n7ljvabl]{max-width:30rem;width:100%;padding:1.5rem;border-radius:.9rem;border:1px solid var(--color-border-hover);background:var(--color-bg-card);box-shadow:0 20px 50px #00000059}@media(max-width:639px){.cd-card[data-astro-cid-n7ljvabl]{padding:1rem}.cd-card[data-astro-cid-n7ljvabl] p[data-astro-cid-n7ljvabl].text-sm{display:none}}.cd-btn[data-astro-cid-n7ljvabl]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.cd-btn-primary[data-astro-cid-n7ljvabl]{background:var(--color-primary);color:var(--color-bg)}.cd-btn-primary[data-astro-cid-n7ljvabl]:hover{background:var(--color-primary-hover)}.cd-btn-ghost[data-astro-cid-n7ljvabl]{border:1px solid var(--color-border-hover);color:var(--color-text-muted)}.cd-btn-ghost[data-astro-cid-n7ljvabl]:hover{color:var(--color-text);border-color:var(--color-text-dim)}.cd-nav[data-astro-cid-n7ljvabl]{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;border-radius:.45rem;border:1px solid var(--color-border-hover);color:var(--color-text-muted);cursor:pointer}.cd-nav[data-astro-cid-n7ljvabl]:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-dim)}.cd-nav[data-astro-cid-n7ljvabl]:disabled{opacity:.35;cursor:default}.cd-pip[data-astro-cid-n7ljvabl]{width:6px;height:6px;border-radius:9999px;background:var(--color-border-hover)}.cd-pip[data-astro-cid-n7ljvabl].is-done{background:var(--color-primary)}