.demo[data-astro-cid-zvc45ugq]{position:relative;width:min(100%,560px);margin-inline:auto}.demo-card[data-astro-cid-zvc45ugq]{padding:18px 20px 14px;color:var(--text);background:#ffffffd1;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);backdrop-filter:blur(14px)}.demo-top[data-astro-cid-zvc45ugq]{display:flex;align-items:center;gap:10px;font-size:.72rem;color:var(--muted)}.lbl[data-astro-cid-zvc45ugq]{text-transform:uppercase;letter-spacing:.12em;font-size:.64rem;font-family:var(--font-head);font-weight:600}.demo-time[data-astro-cid-zvc45ugq]{margin-left:auto;font-family:var(--font-mono)}.tick[data-astro-cid-zvc45ugq]:after{content:"0";animation:tick 12s steps(10) infinite}@keyframes tick{0%{content:"0"}10%{content:"1"}20%{content:"2"}30%{content:"3"}40%{content:"4"}50%{content:"5"}60%{content:"6"}70%{content:"7"}80%{content:"8"}90%{content:"9"}to{content:"9"}}.demo-body[data-astro-cid-zvc45ugq]{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;margin-top:16px}.doc[data-astro-cid-zvc45ugq]{position:relative;background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 14px;min-height:190px;color:var(--ink);overflow:hidden}.doc-lines[data-astro-cid-zvc45ugq] i[data-astro-cid-zvc45ugq]{display:block;height:6px;border-radius:3px;background:var(--bg-3);margin:9px 0;width:90%}.sig[data-astro-cid-zvc45ugq]{position:absolute;left:14px;bottom:44px;font-family:var(--font-head);font-weight:600;font-size:15px;color:var(--ink-2);opacity:0;animation:sig 12s infinite}.seal-stamp[data-astro-cid-zvc45ugq]{position:absolute;right:10px;bottom:10px;width:92px;height:92px;border-radius:50%;border:2px solid var(--accent);display:grid;place-content:center;text-align:center;color:var(--accent);transform:scale(2) rotate(-18deg);opacity:0;animation:stamp 12s infinite}.seal-stamp[data-astro-cid-zvc45ugq] span[data-astro-cid-zvc45ugq]{font-family:var(--font-head);font-weight:700;font-size:7px;letter-spacing:.12em}.seal-stamp[data-astro-cid-zvc45ugq] em[data-astro-cid-zvc45ugq]{font-style:normal;font-family:var(--font-head);font-size:8.5px;line-height:1.1;display:block;margin-top:3px}.checks[data-astro-cid-zvc45ugq]{list-style:none;margin:0;padding:0;display:grid;gap:10px}.checks[data-astro-cid-zvc45ugq] li[data-astro-cid-zvc45ugq]{display:grid;grid-template-columns:22px 1fr;column-gap:10px;align-items:center;opacity:.35;transform:translate(8px);animation:rowin 12s infinite}.checks[data-astro-cid-zvc45ugq] li[data-astro-cid-zvc45ugq] span[data-astro-cid-zvc45ugq]{font-size:.86rem;font-weight:600;color:var(--ink);font-family:var(--font-head)}.checks[data-astro-cid-zvc45ugq] li[data-astro-cid-zvc45ugq] small[data-astro-cid-zvc45ugq]{grid-column:2;font-size:.72rem;color:var(--muted)}.checks[data-astro-cid-zvc45ugq] b[data-astro-cid-zvc45ugq]{grid-row:span 2;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border-2);position:relative;background:#fff}.checks[data-astro-cid-zvc45ugq] b[data-astro-cid-zvc45ugq]:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--grad);transform:scale(0);animation:fill 12s infinite}.checks[data-astro-cid-zvc45ugq] b[data-astro-cid-zvc45ugq]:before{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) scale(0);z-index:1;animation:check 12s infinite}.c1[data-astro-cid-zvc45ugq],.c1[data-astro-cid-zvc45ugq] b[data-astro-cid-zvc45ugq]:after,.c1[data-astro-cid-zvc45ugq] b[data-astro-cid-zvc45ugq]:before{animation-delay:.6s!important}.c2[data-astro-cid-zvc45ugq],.c2[data-astro-cid-zvc45ugq] b[data-astro-cid-zvc45ugq]:after,.c2[data-astro-cid-zvc45ugq] b[data-astro-cid-zvc45ugq]:before{animation-delay:3s!important}.c3[data-astro-cid-zvc45ugq],.c3[data-astro-cid-zvc45ugq] b[data-astro-cid-zvc45ugq]:after,.c3[data-astro-cid-zvc45ugq] b[data-astro-cid-zvc45ugq]:before{animation-delay:5.4s!important}.c4[data-astro-cid-zvc45ugq],.c4[data-astro-cid-zvc45ugq] b[data-astro-cid-zvc45ugq]:after,.c4[data-astro-cid-zvc45ugq] b[data-astro-cid-zvc45ugq]:before{animation-delay:8s!important}@keyframes rowin{0%,2%{opacity:.35;transform:translate(8px)}6%,92%{opacity:1;transform:none}to{opacity:.35;transform:translate(8px)}}@keyframes fill{0%,2%{transform:scale(0)}6%,92%{transform:scale(1)}to{transform:scale(0)}}@keyframes check{0%,3%{transform:rotate(45deg) scale(0)}7%,92%{transform:rotate(45deg) scale(1)}to{transform:rotate(45deg) scale(0)}}@keyframes sig{0%,48%{opacity:0}54%,92%{opacity:1}to{opacity:0}}@keyframes stamp{0%,66%{opacity:0;transform:scale(2) rotate(-18deg)}70%,92%{opacity:.95;transform:scale(1) rotate(-12deg)}to{opacity:0}}.demo-foot[data-astro-cid-zvc45ugq]{display:flex;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:.7rem;color:var(--muted);font-family:var(--font-mono)}.demo-chip[data-astro-cid-zvc45ugq]{position:absolute;padding:10px 14px;font-size:.8rem;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-soft);font-family:var(--font-head);animation:float 7s ease-in-out infinite}.chip-a[data-astro-cid-zvc45ugq]{left:-14px;top:-16px}.chip-b[data-astro-cid-zvc45ugq]{right:-10px;bottom:-14px;animation-delay:-3s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:520px){.demo-body[data-astro-cid-zvc45ugq]{grid-template-columns:1fr}.doc[data-astro-cid-zvc45ugq]{min-height:150px}.chip-a[data-astro-cid-zvc45ugq],.chip-b[data-astro-cid-zvc45ugq]{position:static;margin-top:10px;display:inline-flex}.demo[data-astro-cid-zvc45ugq]{display:grid}}@media(prefers-reduced-motion:reduce){.demo[data-astro-cid-zvc45ugq] [data-astro-cid-zvc45ugq],.demo[data-astro-cid-zvc45ugq] [data-astro-cid-zvc45ugq]:before,.demo[data-astro-cid-zvc45ugq] [data-astro-cid-zvc45ugq]:after{animation:none!important}.checks[data-astro-cid-zvc45ugq] li[data-astro-cid-zvc45ugq]{opacity:1;transform:none}.checks[data-astro-cid-zvc45ugq] b[data-astro-cid-zvc45ugq]:after{transform:scale(1)}.checks[data-astro-cid-zvc45ugq] b[data-astro-cid-zvc45ugq]:before{transform:rotate(45deg) scale(1)}.sig[data-astro-cid-zvc45ugq],.seal-stamp[data-astro-cid-zvc45ugq]{opacity:1;transform:none}}