.demo-preview[data-astro-cid-4f4utr7e]{gap:var(--space-6);margin:var(--space-6) 0;display:grid}.demo-full[data-astro-cid-4f4utr7e]{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center}.demo-compact[data-astro-cid-4f4utr7e]{grid-template-columns:1fr;max-width:560px}@media (width<=760px){.demo-full[data-astro-cid-4f4utr7e]{grid-template-columns:1fr}}.demo-frame[data-astro-cid-4f4utr7e]{user-select:none;background-color:#0b1422;background-image:radial-gradient(70% 90% at 80% 0,#0f4c8159,#0000),repeating-linear-gradient(0deg,#00a67e0d 0 1px,#0000 1px 32px),repeating-linear-gradient(90deg,#00a67e0d 0 1px,#0000 1px 32px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #edf2f71a;flex-direction:column;min-height:240px;display:flex;overflow:hidden}.demo-compact[data-astro-cid-4f4utr7e] .demo-frame[data-astro-cid-4f4utr7e]{min-height:210px}.demo-chrome[data-astro-cid-4f4utr7e]{border-bottom:1px solid #edf2f714;align-items:center;gap:6px;padding:10px 14px;display:flex}.chrome-dot[data-astro-cid-4f4utr7e]{background:#edf2f72e;border-radius:50%;width:8px;height:8px}.chrome-title[data-astro-cid-4f4utr7e]{font-family:var(--font-mono);letter-spacing:.06em;color:#8a97a8;white-space:nowrap;text-overflow:ellipsis;margin-left:8px;font-size:10px;overflow:hidden}.chrome-demo-badge[data-astro-cid-4f4utr7e]{font-family:var(--font-mono);letter-spacing:.12em;color:#fbbf24;background:#f59e0b24;border:1px solid #f59e0b59;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:9px;font-weight:700}.demo-body[data-astro-cid-4f4utr7e]{flex:1;grid-template-columns:minmax(96px,34%) 1fr;min-height:0;display:grid}.demo-rail[data-astro-cid-4f4utr7e]{border-right:1px solid #edf2f714;flex-direction:column;justify-content:space-around;margin:0;padding:12px 0;list-style:none;display:flex}.demo-step[data-astro-cid-4f4utr7e]{opacity:.45;align-items:center;gap:8px;padding:3px 12px;animation:14.4s infinite step-active;display:flex}.step-num[data-astro-cid-4f4utr7e]{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-accent-light);font-size:9px;font-weight:700}.step-label[data-astro-cid-4f4utr7e]{font-family:var(--font-mono);letter-spacing:.05em;color:#edf2f7;font-size:10px}.demo-step-1[data-astro-cid-4f4utr7e]{animation-delay:0s}.demo-step-2[data-astro-cid-4f4utr7e]{animation-delay:2.4s}.demo-step-3[data-astro-cid-4f4utr7e]{animation-delay:4.8s}.demo-step-4[data-astro-cid-4f4utr7e]{animation-delay:7.2s}.demo-step-5[data-astro-cid-4f4utr7e]{animation-delay:9.6s}.demo-step-6[data-astro-cid-4f4utr7e]{animation-delay:12s}@keyframes step-active{0%,1%{opacity:.45}3%,15%{opacity:1}17%,to{opacity:.45}}.demo-stage[data-astro-cid-4f4utr7e]{min-height:150px;position:relative}.demo-scene[data-astro-cid-4f4utr7e]{opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;animation:14.4s infinite scene-window;display:flex;position:absolute;inset:0}.scene-1[data-astro-cid-4f4utr7e]{animation-delay:0s}.scene-2[data-astro-cid-4f4utr7e]{animation-delay:2.4s}.scene-3[data-astro-cid-4f4utr7e]{animation-delay:4.8s}.scene-4[data-astro-cid-4f4utr7e]{animation-delay:7.2s}.scene-5[data-astro-cid-4f4utr7e]{animation-delay:9.6s}.scene-6[data-astro-cid-4f4utr7e]{animation-delay:12s}@keyframes scene-window{0%{opacity:0}2%,15%{opacity:1}17%,to{opacity:0}}.conn-row[data-astro-cid-4f4utr7e]{align-items:center;gap:8px;display:flex}.conn-dot[data-astro-cid-4f4utr7e]{background:#edf2f726;border-radius:50%;width:9px;height:9px;animation:14.4s infinite conn-pulse}.cd-1[data-astro-cid-4f4utr7e]{animation-delay:.3s}.cd-2[data-astro-cid-4f4utr7e]{animation-delay:.8s}.cd-3[data-astro-cid-4f4utr7e]{animation-delay:1.3s}@keyframes conn-pulse{0%,1%{box-shadow:none;background:#edf2f726}4%,60%{background:#00c49a;box-shadow:0 0 8px #00c49ab3}70%,to{box-shadow:none;background:#edf2f726}}.conn-label[data-astro-cid-4f4utr7e]{font-family:var(--font-mono);letter-spacing:.05em;color:#8a97a8;font-size:10px}.ext-row[data-astro-cid-4f4utr7e]{align-items:center;gap:8px;width:70%;display:flex}.ext-label[data-astro-cid-4f4utr7e]{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#8a97a8;text-align:right;width:52px;font-size:9px}.ext-track[data-astro-cid-4f4utr7e]{background:#edf2f71a;border-radius:3px;flex:1;height:5px;overflow:hidden}.ext-bar[data-astro-cid-4f4utr7e]{background:linear-gradient(90deg,#00c49a,#00a67e);border-radius:3px;width:0;height:100%;animation:14.4s infinite ext-fill;display:block}.eb-1[data-astro-cid-4f4utr7e]{animation-delay:2.5s}.eb-2[data-astro-cid-4f4utr7e]{animation-delay:2.8s}.eb-3[data-astro-cid-4f4utr7e]{animation-delay:3.1s}@keyframes ext-fill{0%{width:0}9%{width:92%}60%{width:92%}70%,to{width:0}}.ext-count[data-astro-cid-4f4utr7e]{font-family:var(--font-mono);color:var(--color-accent-light);opacity:0;font-size:11px;font-weight:700;animation:14.4s 3.4s infinite fade-hold}@keyframes fade-hold{0%{opacity:0}5%,55%{opacity:1}65%,to{opacity:0}}.ring-wrap[data-astro-cid-4f4utr7e]{width:88px;height:88px;position:relative}.ring-wrap[data-astro-cid-4f4utr7e] svg[data-astro-cid-4f4utr7e]{display:block;transform:rotate(-90deg)}.ring-track[data-astro-cid-4f4utr7e]{fill:none;stroke:#edf2f71a;stroke-width:4px}.ring-value[data-astro-cid-4f4utr7e]{fill:none;stroke:#00c49a;stroke-width:4px;stroke-linecap:round;stroke-dasharray:125.7;stroke-dashoffset:125.7px;filter:drop-shadow(0 0 5px #00c49acc);animation:14.4s 4.9s infinite ring-draw}@keyframes ring-draw{0%{stroke-dashoffset:125.7px}10%{stroke-dashoffset:16.3px}60%{stroke-dashoffset:16.3px}70%,to{stroke-dashoffset:125.7px}}.ring-pct[data-astro-cid-4f4utr7e]{font-family:var(--font-mono);color:#edf2f7;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:absolute;inset:0}.ring-label[data-astro-cid-4f4utr7e]{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent-light);font-size:9px}.rev-item[data-astro-cid-4f4utr7e]{font-family:var(--font-mono);letter-spacing:.04em;color:#a8b3c4;opacity:0;align-items:center;gap:8px;font-size:10px;animation:14.4s infinite fade-hold;display:flex}.rev-tick[data-astro-cid-4f4utr7e]{color:#00c49a;font-weight:700}.ri-1[data-astro-cid-4f4utr7e]{animation-delay:7.3s}.ri-2[data-astro-cid-4f4utr7e]{animation-delay:7.7s}.ri-3[data-astro-cid-4f4utr7e]{animation-delay:8.1s}.ri-4[data-astro-cid-4f4utr7e]{animation-delay:8.5s}.mig-svg[data-astro-cid-4f4utr7e]{width:75%;max-width:220px;overflow:visible}.mig-path[data-astro-cid-4f4utr7e]{fill:none;stroke:var(--color-accent);stroke-width:1.2px;stroke-dasharray:4 4;opacity:.5;animation:1.2s linear infinite flow-dash}.mp-2[data-astro-cid-4f4utr7e]{animation-duration:1.6s}.mig-packet[data-astro-cid-4f4utr7e]{fill:#00c49a;filter:drop-shadow(0 0 3px #00c49ae6);opacity:0}.pk-1[data-astro-cid-4f4utr7e]{offset-path:path("M8,16 C40,16 80,24 112,24");animation:14.4s 9.7s infinite packet-run}.pk-2[data-astro-cid-4f4utr7e]{offset-path:path("M8,32 C40,32 80,26 112,26");animation:14.4s 10.4s infinite packet-run}@keyframes packet-run{0%{offset-distance:0%;opacity:0}1%{opacity:1}9%{offset-distance:100%;opacity:1}10%,to{offset-distance:100%;opacity:0}}.mig-label[data-astro-cid-4f4utr7e]{font-family:var(--font-mono);letter-spacing:.1em;color:#8a97a8;font-size:10px}.done-circle[data-astro-cid-4f4utr7e]{color:#3addb4;background:#00a67e26;border:1.5px solid #00c49a99;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:700;animation:14.4s 12.1s infinite done-glow;display:flex}@keyframes done-glow{0%{box-shadow:none;transform:scale(.9)}4%,55%{transform:scale(1);box-shadow:0 0 24px #00c49a80}65%,to{box-shadow:none;transform:scale(.9)}}.done-label[data-astro-cid-4f4utr7e]{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-light);font-size:10px}.demo-meta[data-astro-cid-4f4utr7e]{gap:var(--space-3);flex-direction:column;align-items:flex-start;display:flex}.demo-compact[data-astro-cid-4f4utr7e] .demo-meta[data-astro-cid-4f4utr7e]{align-items:flex-start}.demo-title[data-astro-cid-4f4utr7e]{font-size:var(--text-lg);letter-spacing:-.01em;margin:0;font-weight:700}.demo-badges[data-astro-cid-4f4utr7e]{gap:var(--space-2);flex-wrap:wrap;display:flex}.demo-badge[data-astro-cid-4f4utr7e]{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-accent-dark);background:#00a67e14;border:1px solid #00a67e40;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:500}.demo-cta[data-astro-cid-4f4utr7e]{margin-top:var(--space-2)}.section-dark .demo-title[data-astro-cid-4f4utr7e],.page-hero .demo-title[data-astro-cid-4f4utr7e]{color:var(--text-on-dark)}.demo-preview[data-astro-cid-4f4utr7e] .demo-step[data-astro-cid-4f4utr7e],.demo-preview[data-astro-cid-4f4utr7e] .demo-scene[data-astro-cid-4f4utr7e],.demo-preview[data-astro-cid-4f4utr7e] .conn-dot[data-astro-cid-4f4utr7e],.demo-preview[data-astro-cid-4f4utr7e] .ext-bar[data-astro-cid-4f4utr7e],.demo-preview[data-astro-cid-4f4utr7e] .ext-count[data-astro-cid-4f4utr7e],.demo-preview[data-astro-cid-4f4utr7e] .ring-value[data-astro-cid-4f4utr7e],.demo-preview[data-astro-cid-4f4utr7e] .rev-item[data-astro-cid-4f4utr7e],.demo-preview[data-astro-cid-4f4utr7e] .mig-path[data-astro-cid-4f4utr7e],.demo-preview[data-astro-cid-4f4utr7e] .mig-packet[data-astro-cid-4f4utr7e],.demo-preview[data-astro-cid-4f4utr7e] .done-circle[data-astro-cid-4f4utr7e]{animation-play-state:paused}.demo-preview[data-astro-cid-4f4utr7e].in-view .demo-step[data-astro-cid-4f4utr7e],.demo-preview[data-astro-cid-4f4utr7e].in-view .demo-scene[data-astro-cid-4f4utr7e],.demo-preview[data-astro-cid-4f4utr7e].in-view .conn-dot[data-astro-cid-4f4utr7e],.demo-preview[data-astro-cid-4f4utr7e].in-view .ext-bar[data-astro-cid-4f4utr7e],.demo-preview[data-astro-cid-4f4utr7e].in-view .ext-count[data-astro-cid-4f4utr7e],.demo-preview[data-astro-cid-4f4utr7e].in-view .ring-value[data-astro-cid-4f4utr7e],.demo-preview[data-astro-cid-4f4utr7e].in-view .rev-item[data-astro-cid-4f4utr7e],.demo-preview[data-astro-cid-4f4utr7e].in-view .mig-path[data-astro-cid-4f4utr7e],.demo-preview[data-astro-cid-4f4utr7e].in-view .mig-packet[data-astro-cid-4f4utr7e],.demo-preview[data-astro-cid-4f4utr7e].in-view .done-circle[data-astro-cid-4f4utr7e]{animation-play-state:running}@media (prefers-reduced-motion:reduce){.demo-step[data-astro-cid-4f4utr7e],.demo-scene[data-astro-cid-4f4utr7e],.conn-dot[data-astro-cid-4f4utr7e],.ext-bar[data-astro-cid-4f4utr7e],.ext-count[data-astro-cid-4f4utr7e],.ring-value[data-astro-cid-4f4utr7e],.rev-item[data-astro-cid-4f4utr7e],.mig-path[data-astro-cid-4f4utr7e],.mig-packet[data-astro-cid-4f4utr7e],.done-circle[data-astro-cid-4f4utr7e]{animation:none!important}.scene-3[data-astro-cid-4f4utr7e],.demo-step-3[data-astro-cid-4f4utr7e]{opacity:1}.ring-value[data-astro-cid-4f4utr7e]{stroke-dashoffset:16.3px}}@media (width<=480px){.demo-body[data-astro-cid-4f4utr7e]{grid-template-columns:64px 1fr}.step-label[data-astro-cid-4f4utr7e]{display:none}.demo-step[data-astro-cid-4f4utr7e]{justify-content:center;padding:3px 4px}.chrome-title[data-astro-cid-4f4utr7e]{display:none}.ext-label[data-astro-cid-4f4utr7e]{width:44px}}