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