.demo[data-astro-cid-t3h5lkun].demo--sd{min-height:100svh;position:relative;overflow:visible}.demo__header[data-astro-cid-t3h5lkun]{z-index:2;isolation:isolate;padding-block:96px 80px;position:relative}.demo__header[data-astro-cid-t3h5lkun]:before{content:"";z-index:-1;pointer-events:none;filter:blur(24px);background:radial-gradient(55% 65% at 32%,#0d0a1ee0 0%,#0d0a1eb8 35%,#0d0a1e66 55%,#0d0a1e1f 75%,#0d0a1e00 92%);position:absolute;inset:-80px 0 -80px -15vw}.demo__crumb[data-astro-cid-t3h5lkun]{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.06em;font-size:12px;display:inline-block}.demo__crumb[data-astro-cid-t3h5lkun]:hover{text-decoration:underline}.demo__tech[data-astro-cid-t3h5lkun]{flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.demo__tech[data-astro-cid-t3h5lkun] li[data-astro-cid-t3h5lkun]{font-family:var(--font-mono);border:1px solid var(--border);color:var(--muted);backdrop-filter:blur(8px);background:#0d0a1e8c;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:500}.demo__hint[data-astro-cid-t3h5lkun]{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:36px;font-size:12px}.sd-progress[data-astro-cid-t3h5lkun]{z-index:50;background:var(--border-soft);pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0}.sd-progress__bar[data-astro-cid-t3h5lkun]{transform-origin:0;background:linear-gradient(90deg, var(--cyan), var(--hot) 60%, var(--acid));width:100%;height:100%;animation:linear both sd-progress-grow scroll(root);display:block;transform:scaleX(0);box-shadow:0 0 12px #00d9ff80}@keyframes sd-progress-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sd-bg[data-astro-cid-t3h5lkun]{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sd-bg__layer[data-astro-cid-t3h5lkun]{filter:blur(60px);will-change:transform;opacity:.5;border-radius:50%;position:absolute}.sd-bg__layer--1[data-astro-cid-t3h5lkun]{background:radial-gradient(circle,#ff006e8c,#0000 70%);width:46vw;height:46vw;animation:linear both sd-par-slow scroll(root);top:8vh;left:-8vw}.sd-bg__layer--2[data-astro-cid-t3h5lkun]{background:radial-gradient(circle,#00d9ff80,#0000 70%);width:38vw;height:38vw;animation:linear both sd-par-mid scroll(root);top:30vh;right:-6vw}.sd-bg__layer--3[data-astro-cid-t3h5lkun]{background:radial-gradient(circle,#fff95b66,#0000 70%);width:30vw;height:30vw;animation:linear both sd-par-fast scroll(root);top:60vh;left:30vw}@keyframes sd-par-slow{to{transform:translateY(-16vh)translate(4vw)}}@keyframes sd-par-mid{to{transform:translateY(-40vh)translate(-5vw)}}@keyframes sd-par-fast{to{transform:translateY(-72vh)translate(6vw)}}.sd-reveals[data-astro-cid-t3h5lkun]{z-index:2;padding-block:40px 60px;position:relative}.sd-kicker[data-astro-cid-t3h5lkun]{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--hot);font-size:13px;font-weight:600}.sd-grid[data-astro-cid-t3h5lkun]{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px;margin-top:44px;display:grid}.sd-card[data-astro-cid-t3h5lkun]{border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(8px);background:#0d0a1e9e;padding:26px 22px 28px;position:relative;overflow:hidden}.sd-card__idx[data-astro-cid-t3h5lkun]{font-family:var(--font-mono);letter-spacing:.12em;color:var(--hot);font-size:12px;font-weight:600}.sd-card__title[data-astro-cid-t3h5lkun]{font-family:var(--font-sans);color:var(--ghost);margin:10px 0 8px;font-size:1.15rem;font-weight:600}.sd-card__body[data-astro-cid-t3h5lkun]{font-family:var(--font-sans);color:var(--muted);margin:0;font-size:.95rem;line-height:1.5}.sd-card__body[data-astro-cid-t3h5lkun] code[data-astro-cid-t3h5lkun],.sd-reveal--text[data-astro-cid-t3h5lkun] code[data-astro-cid-t3h5lkun]{font-family:var(--font-mono);color:var(--cyan);font-size:.85em}.sd-reveal[data-astro-cid-t3h5lkun]{animation:none}.sd-reveal--text[data-astro-cid-t3h5lkun]{animation-name:sd-reveal-text;animation-range:entry entry 80%}.sd-reveal--up[data-astro-cid-t3h5lkun]{animation-name:sd-reveal-up;animation-range:entry cover 40%}.sd-reveal--scale[data-astro-cid-t3h5lkun]{animation-name:sd-reveal-scale;animation-range:entry 5% cover 45%}.sd-reveal--rotate[data-astro-cid-t3h5lkun]{animation-name:sd-reveal-rotate;animation-range:entry cover 42%}@keyframes sd-reveal-text{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes sd-reveal-up{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}@keyframes sd-reveal-scale{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes sd-reveal-rotate{0%{opacity:0;transform:rotate(-6deg)skewY(4deg)translateY(28px)}to{opacity:1;transform:none}}.sd-pinwrap[data-astro-cid-t3h5lkun]{z-index:2;view-timeline-name:--sd-pin;view-timeline-axis:block;height:320vh;position:relative}.sd-pin[data-astro-cid-t3h5lkun]{place-items:center;height:100vh;display:grid;position:sticky;top:0;overflow:hidden}.sd-pin__stage[data-astro-cid-t3h5lkun]{place-items:center;width:min(92vw,1040px);height:min(80vh,620px);display:grid;position:relative}.sd-pin__shape[data-astro-cid-t3h5lkun]{--sd-p:0;background:conic-gradient(from calc(var(--sd-p) * 360deg), var(--hot), var(--cyan), var(--acid), var(--hot));border-radius:calc(8% + var(--sd-p) * 42%);width:260px;height:260px;transform:rotate(calc(var(--sd-p) * 220deg)) scale(calc(.6 + var(--sd-p) * .85));filter:hue-rotate(calc(var(--sd-p) * 90deg)) blur(calc((1 - var(--sd-p)) * 2px));box-shadow:0 0 80px rgba(0, 217, 255, calc(.2 + var(--sd-p) * .4));opacity:calc(.55 + var(--sd-p) * .45);animation:linear both sd-scrub --sd-pin;animation-range:contain;position:absolute}@keyframes sd-scrub{0%{--sd-p:0}to{--sd-p:1}}.sd-pin__rings[data-astro-cid-t3h5lkun]{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.sd-pin__rings[data-astro-cid-t3h5lkun] span[data-astro-cid-t3h5lkun]{border:1px solid var(--border);border-radius:50%;width:300px;height:300px;animation:linear both sd-ring --sd-pin;animation-range:contain;position:absolute}.sd-pin__rings[data-astro-cid-t3h5lkun] span[data-astro-cid-t3h5lkun]:nth-child(2){border-color:#00d9ff2e;width:420px;height:420px}.sd-pin__rings[data-astro-cid-t3h5lkun] span[data-astro-cid-t3h5lkun]:nth-child(3){border-color:#fff95b1f;width:560px;height:560px}@keyframes sd-ring{0%{opacity:.2;transform:scale(.7)rotate(0)}to{opacity:.7;transform:scale(1.1)rotate(120deg)}}.sd-pin__copy[data-astro-cid-t3h5lkun]{border-radius:var(--radius);backdrop-filter:blur(10px);border:1px solid var(--border-soft);background:#0d0a1e9e;max-width:48ch;padding:22px;position:absolute;bottom:0;left:0}.sd-pin__title[data-astro-cid-t3h5lkun]{max-width:16ch;margin:8px 0 12px}.sd-pin__copy[data-astro-cid-t3h5lkun] code[data-astro-cid-t3h5lkun]{font-family:var(--font-mono);color:var(--cyan);font-size:.85em}.sd-outro[data-astro-cid-t3h5lkun]{z-index:2;padding-block:80px 120px;position:relative}.sd-note[data-astro-cid-t3h5lkun]{border:1px solid var(--border);border-left:3px solid var(--acid);border-radius:var(--radius);max-width:60ch;font-family:var(--font-sans);color:var(--muted);background:#0d0a1eb3;margin-top:28px;padding:14px 16px;font-size:.95rem;line-height:1.5;display:none}html.sd-fallback .sd-note[data-astro-cid-t3h5lkun]{display:block}html.sd-fallback .sd-reveal[data-astro-cid-t3h5lkun]{opacity:1!important;transform:none!important}html.sd-fallback .sd-progress[data-astro-cid-t3h5lkun]{display:none}html.sd-fallback .sd-pin__shape[data-astro-cid-t3h5lkun]{--sd-p:1}html.sd-fallback .sd-pinwrap[data-astro-cid-t3h5lkun]{height:auto}html.sd-fallback .sd-pin[data-astro-cid-t3h5lkun]{height:auto;padding-block:80px;position:static}html.sd-fallback .sd-bg__layer[data-astro-cid-t3h5lkun]{will-change:auto}@media (prefers-reduced-motion:reduce){.sd-progress__bar[data-astro-cid-t3h5lkun],.sd-bg__layer--1[data-astro-cid-t3h5lkun],.sd-bg__layer--2[data-astro-cid-t3h5lkun],.sd-bg__layer--3[data-astro-cid-t3h5lkun],.sd-reveal[data-astro-cid-t3h5lkun],.sd-pin__shape[data-astro-cid-t3h5lkun],.sd-pin__rings[data-astro-cid-t3h5lkun] span[data-astro-cid-t3h5lkun]{animation:none!important}.sd-reveal[data-astro-cid-t3h5lkun]{opacity:1!important;transform:none!important}.sd-progress__bar[data-astro-cid-t3h5lkun]{transform:scaleX(1)}.sd-pin__shape[data-astro-cid-t3h5lkun]{--sd-p:.5}.sd-bg__layer[data-astro-cid-t3h5lkun]{will-change:auto}.sd-pinwrap[data-astro-cid-t3h5lkun]{height:auto}.sd-pin[data-astro-cid-t3h5lkun]{height:auto;padding-block:80px;position:static}}@media (width<=640px){.sd-pin__shape[data-astro-cid-t3h5lkun]{width:200px;height:200px}.sd-pin__rings[data-astro-cid-t3h5lkun] span[data-astro-cid-t3h5lkun]{width:230px;height:230px}.sd-pin__rings[data-astro-cid-t3h5lkun] span[data-astro-cid-t3h5lkun]:nth-child(2){width:320px;height:320px}.sd-pin__rings[data-astro-cid-t3h5lkun] span[data-astro-cid-t3h5lkun]:nth-child(3){width:420px;height:420px}.sd-pin__copy[data-astro-cid-t3h5lkun]{bottom:4px;left:4px;right:4px}.sd-pinwrap[data-astro-cid-t3h5lkun]{height:280vh}}