.demo-perimeter-label[data-astro-cid-t2hnday6]{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:9999px;padding:.3rem .8rem;font-size:.75rem;display:inline-block}.demo-step[data-astro-cid-t2hnday6]{border-top:1px solid var(--color-border);padding-top:.6rem;animation:12s linear infinite step-active}.demo-step[data-astro-cid-t2hnday6].step-1{animation-delay:0s}.demo-step[data-astro-cid-t2hnday6].step-2{animation-delay:-9s}.demo-step[data-astro-cid-t2hnday6].step-3{animation-delay:-6s}.demo-step[data-astro-cid-t2hnday6].step-4{animation-delay:-3s}.demo-step-n[data-astro-cid-t2hnday6]{color:var(--color-text-muted);font-size:.75rem}.demo-step-title[data-astro-cid-t2hnday6]{color:var(--color-text-muted);margin-top:.25rem;font-size:.875rem}@keyframes step-active{0%,25%{border-top-color:var(--color-accent-2)}25.01%,to{border-top-color:var(--color-border)}}.demo-step[data-astro-cid-t2hnday6].step-1 .demo-step-title[data-astro-cid-t2hnday6],.demo-step[data-astro-cid-t2hnday6].step-2 .demo-step-title[data-astro-cid-t2hnday6],.demo-step[data-astro-cid-t2hnday6].step-3 .demo-step-title[data-astro-cid-t2hnday6],.demo-step[data-astro-cid-t2hnday6].step-4 .demo-step-title[data-astro-cid-t2hnday6]{animation:12s linear infinite step-text}.demo-step[data-astro-cid-t2hnday6].step-1 .demo-step-title[data-astro-cid-t2hnday6]{animation-delay:0s}.demo-step[data-astro-cid-t2hnday6].step-2 .demo-step-title[data-astro-cid-t2hnday6]{animation-delay:-9s}.demo-step[data-astro-cid-t2hnday6].step-3 .demo-step-title[data-astro-cid-t2hnday6]{animation-delay:-6s}.demo-step[data-astro-cid-t2hnday6].step-4 .demo-step-title[data-astro-cid-t2hnday6]{animation-delay:-3s}@keyframes step-text{0%,25%{color:var(--color-text)}25.01%,to{color:var(--color-text-muted)}}.demo-inner[data-astro-cid-t2hnday6]{background:var(--color-surface-2)}.demo-bubble[data-astro-cid-t2hnday6]{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:.9rem;padding:.7rem .9rem;font-size:.85rem;line-height:1.4;animation:12s linear infinite bubble-glow}@keyframes bubble-glow{0%,24%{border-color:var(--color-accent-2)}26%,to{border-color:var(--color-border)}}.demo-cloud-note[data-astro-cid-t2hnday6]{color:var(--color-accent-2);opacity:0;align-items:center;gap:.4rem;margin-top:.9rem;font-size:.75rem;animation:12s linear infinite cloud-note-in;display:inline-flex;transform:translate(-6px)}@keyframes cloud-note-in{0%,49%{opacity:0;transform:translate(-6px)}53%,99%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-6px)}}.demo-core[data-astro-cid-t2hnday6]{width:3rem;height:3rem;color:var(--color-accent-2);justify-self:center;place-items:center;margin:0 auto;display:grid;position:relative}.demo-core-ring[data-astro-cid-t2hnday6]{border:1px solid var(--color-border);border-radius:9999px;animation:12s linear infinite core-pulse;position:absolute;inset:0}@keyframes core-pulse{0%,24%{opacity:.4;border-color:var(--color-border);transform:scale(1)}25%,50%{opacity:1;border-color:var(--color-accent-2);transform:scale(1.2)}51%,to{opacity:.4;border-color:var(--color-border);transform:scale(1)}}.demo-result[data-astro-cid-t2hnday6]{border:1px solid var(--color-border);background:var(--color-surface);border-radius:1rem;min-height:7rem;padding:1.25rem;animation:12s linear infinite result-glow;position:relative}@keyframes result-glow{0%,74%{border-color:var(--color-border);box-shadow:none}78%,99%{border-color:var(--color-accent-2);box-shadow:0 0 0 1px var(--color-accent-2) inset}to{border-color:var(--color-border);box-shadow:none}}.demo-result-text[data-astro-cid-t2hnday6]{color:var(--color-text);opacity:0;font-size:.85rem;line-height:1.5;animation:12s linear infinite text-in;transform:translate(-6px)}@keyframes text-in{0%,61%{opacity:0;transform:translate(-6px)}65%,99%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-6px)}}.demo-check[data-astro-cid-t2hnday6]{border:1px solid var(--color-accent-2);color:var(--color-accent-2);opacity:0;border-radius:9999px;align-items:center;gap:.4rem;margin-top:.9rem;padding:.3rem .7rem;font-size:.8rem;font-weight:500;animation:12s linear infinite check-in;display:inline-flex;transform:scale(.7)}@keyframes check-in{0%,74%{opacity:0;transform:scale(.7)}78%,99%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7)}}
