.scroll-progress-demo[data-astro-cid-5ffbjsmh]{margin:24px 0 32px}.scroll-progress-demo[data-astro-cid-5ffbjsmh] figcaption[data-astro-cid-5ffbjsmh]{color:#4b5563;margin-bottom:12px;font-size:.95rem}.scroll-progress-demo__scroller[data-astro-cid-5ffbjsmh]{overscroll-behavior:contain;scroll-timeline-name:--scroll-progress-demo;scroll-timeline-axis:block;border:1px solid #dbe4ff;border-radius:18px;max-height:320px;overflow-y:auto;box-shadow:0 20px 50px #0f172a14}.scroll-progress-demo__bar[data-astro-cid-5ffbjsmh]{z-index:1;transform-origin:0;background:linear-gradient(90deg,#ef4444,#f97316 45%,#facc15);width:100%;height:10px;animation:linear scrollProgressDemoFill --scroll-progress-demo;position:sticky;top:0;transform:scaleX(0)}.scroll-progress-demo__content[data-astro-cid-5ffbjsmh]{height:300vh;padding:18px 20px 22px}.scroll-progress-demo__content[data-astro-cid-5ffbjsmh] p[data-astro-cid-5ffbjsmh]{margin:0 0 16px;line-height:1.7}.scroll-progress-demo__content[data-astro-cid-5ffbjsmh] p[data-astro-cid-5ffbjsmh]:last-child{margin-bottom:0}@keyframes scrollProgressDemoFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.named-scroll-timeline-demo[data-astro-cid-lcnxfmbj]{margin:24px 0 32px}.named-scroll-timeline-demo[data-astro-cid-lcnxfmbj] figcaption[data-astro-cid-lcnxfmbj]{color:var(--gray);margin-bottom:12px;font-size:.95rem}.named-scroll-timeline-demo__scroller[data-astro-cid-lcnxfmbj]{overscroll-behavior:contain;border:1px solid rgb(from var(--gray) r g b / .2);background:radial-gradient(circle at top right, rgb(from var(--accent) r g b / .14), transparent 28%), linear-gradient(180deg, var(--surface-color), var(--bg-color));scroll-timeline-name:--named-scroll-demo;scroll-timeline-axis:block;border-radius:24px;max-height:520px;overflow-y:auto}.named-scroll-timeline-demo__header[data-astro-cid-lcnxfmbj]{z-index:1;background:rgb(from var(--surface-color) r g b / .9);backdrop-filter:blur(10px);border-bottom:1px solid rgb(from var(--gray) r g b / .16);padding:20px 20px 18px;position:sticky;top:0}.named-scroll-timeline-demo__label[data-astro-cid-lcnxfmbj]{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:.8rem;font-weight:700}.named-scroll-timeline-demo__title[data-astro-cid-lcnxfmbj]{color:var(--black);transform-origin:0;margin:0 0 14px;font-size:1.5rem;line-height:1.1;animation:linear namedScrollTitle --named-scroll-demo;transform:translateY(18px)scale(.94)}.named-scroll-timeline-demo__track[data-astro-cid-lcnxfmbj]{background:rgb(from var(--gray) r g b / .12);border-radius:999px;height:8px;overflow:hidden}.named-scroll-timeline-demo__progress[data-astro-cid-lcnxfmbj]{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg, var(--accent), var(--accent-dark));height:100%;animation:linear namedScrollProgress --named-scroll-demo;transform:scaleX(0)}.named-scroll-timeline-demo__panels[data-astro-cid-lcnxfmbj]{min-height:260vh;padding:20px 20px 32px}.named-scroll-timeline-demo__panel[data-astro-cid-lcnxfmbj]{border:1px solid rgb(from var(--gray) r g b / .16);background:rgb(from var(--surface-color) r g b / .9);border-radius:22px;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);align-items:center;gap:18px;padding:20px;display:grid}.named-scroll-timeline-demo__panel[data-astro-cid-lcnxfmbj]+.named-scroll-timeline-demo__panel[data-astro-cid-lcnxfmbj]{margin-top:42vh}.named-scroll-timeline-demo__copy[data-astro-cid-lcnxfmbj] strong[data-astro-cid-lcnxfmbj]{color:var(--black);margin-bottom:8px;font-size:1.05rem;display:block}.named-scroll-timeline-demo__copy[data-astro-cid-lcnxfmbj] p[data-astro-cid-lcnxfmbj]{color:var(--gray-dark);margin:0;line-height:1.6}.named-scroll-timeline-demo__canvas[data-astro-cid-lcnxfmbj]{background:linear-gradient(180deg, rgb(from var(--gray-light) r g b / .5), rgb(from var(--gray) r g b / .05));border:1px solid rgb(from var(--gray) r g b / .14);border-radius:18px;place-items:center;min-height:170px;padding:16px;display:grid}.named-scroll-timeline-demo__canvas--wide[data-astro-cid-lcnxfmbj]{overflow:hidden}.named-scroll-timeline-demo__shape[data-astro-cid-lcnxfmbj]{background:linear-gradient(135deg, var(--accent), var(--accent-dark));box-shadow:0 16px 28px rgb(from var(--accent) r g b / .18)}.named-scroll-timeline-demo__shape--spin[data-astro-cid-lcnxfmbj]{aspect-ratio:1;border-radius:22px;width:92px;animation:linear namedScrollSpin --named-scroll-demo;transform:rotate(0)}.named-scroll-timeline-demo__shape--grow[data-astro-cid-lcnxfmbj],.named-scroll-timeline-demo__shape--shrink[data-astro-cid-lcnxfmbj]{transform-origin:50%;border-radius:999px;width:180px;height:34px}.named-scroll-timeline-demo__shape--grow[data-astro-cid-lcnxfmbj]{animation:linear namedScrollGrow --named-scroll-demo;transform:scaleX(.45)}.named-scroll-timeline-demo__shape--shrink[data-astro-cid-lcnxfmbj]{animation:linear namedScrollShrink --named-scroll-demo;transform:scaleX(1.25)}@keyframes namedScrollProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes namedScrollTitle{0%{color:var(--gray-dark);letter-spacing:-.03em;transform:translateY(18px)scale(.94)}to{color:var(--black);letter-spacing:-.01em;transform:translateY(0)scale(1)}}@keyframes namedScrollSpin{0%{border-radius:22px;transform:rotate(0)}to{border-radius:8px;transform:rotate(360deg)}}@keyframes namedScrollGrow{0%{transform:scaleX(.45)}to{transform:scaleX(1.2)}}@keyframes namedScrollShrink{0%{transform:scaleX(1.25)}to{transform:scaleX(.45)}}@media (width<=720px){.named-scroll-timeline-demo__panel[data-astro-cid-lcnxfmbj]{grid-template-columns:1fr}.named-scroll-timeline-demo__panel[data-astro-cid-lcnxfmbj]+.named-scroll-timeline-demo__panel[data-astro-cid-lcnxfmbj]{margin-top:28vh}}.view-progress-demo[data-astro-cid-acby4dj2]{margin:24px 0 32px}.view-progress-demo[data-astro-cid-acby4dj2] figcaption[data-astro-cid-acby4dj2]{color:var(--gray);margin-bottom:12px;font-size:.95rem}.view-progress-demo__stage[data-astro-cid-acby4dj2]{isolation:isolate;border:1px solid rgb(from var(--gray) r g b / .2);background:radial-gradient(circle at top right, rgb(from var(--accent) r g b / .12), transparent 30%), linear-gradient(180deg, var(--surface-color), rgb(from var(--gray-light) r g b / .35));border-radius:24px;position:relative;overflow:hidden}.view-progress-demo__scroller[data-astro-cid-acby4dj2]{overscroll-behavior:contain;height:420px;padding:24px;overflow-y:auto}.view-progress-demo__stack[data-astro-cid-acby4dj2]{gap:18px;padding-block:42vh;padding-inline:40px;display:grid}.view-progress-demo__card[data-astro-cid-acby4dj2]{background:rgb(from var(--surface-color) r g b / 1);width:100%;color:var(--black);border:3px dashed #fff;border-radius:20px;padding:24px 22px;font-size:1.05rem;font-weight:600;animation:linear viewProgressAppear view(22%)}.view-progress-demo__shade[data-astro-cid-acby4dj2]{z-index:3;height:22%;color:rgb(from var(--black) r g b / .55);letter-spacing:.08em;pointer-events:none;text-transform:uppercase;backdrop-filter:blur(1.5px);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;left:0;right:0}.view-progress-demo__shade[data-astro-cid-acby4dj2] span[data-astro-cid-acby4dj2]{border:1px solid rgb(from var(--black) r g b / .15);background:rgb(from var(--surface-color) r g b / .66);border-radius:999px;padding:4px 10px}.view-progress-demo__shade--top[data-astro-cid-acby4dj2]{border-bottom:1px dashed rgb(from var(--black) r g b / .18);background:linear-gradient(180deg, rgb(from var(--surface-color) r g b / .86), rgb(from var(--surface-color) r g b / .2));top:0}.view-progress-demo__shade--bottom[data-astro-cid-acby4dj2]{border-top:1px dashed rgb(from var(--black) r g b / .18);background:linear-gradient(0deg, rgb(from var(--surface-color) r g b / .86), rgb(from var(--surface-color) r g b / .2));bottom:0}.view-progress-demo__active-zone[data-astro-cid-acby4dj2]{z-index:2;border:2px dashed rgb(from var(--accent) r g b / .7);pointer-events:none;position:absolute;inset:22% 0}.view-progress-demo__active-zone[data-astro-cid-acby4dj2] span[data-astro-cid-acby4dj2]{white-space:nowrap;border:1px solid rgb(from var(--accent) r g b / .35);background:rgb(from var(--surface-color) r g b / .85);color:rgb(from var(--black) r g b / .8);letter-spacing:.03em;border-radius:999px;padding:3px 10px;font-size:.74rem;font-weight:700;position:absolute;top:10px;left:50%;transform:translate(-50%)}@media (width<=720px){.view-progress-demo__scroller[data-astro-cid-acby4dj2]{height:360px;padding:16px}.view-progress-demo__stack[data-astro-cid-acby4dj2]{padding-block:36vh;padding-inline:8px}.view-progress-demo__active-zone[data-astro-cid-acby4dj2]{left:10px;right:10px}.view-progress-demo__shade[data-astro-cid-acby4dj2] span[data-astro-cid-acby4dj2],.view-progress-demo__active-zone[data-astro-cid-acby4dj2] span[data-astro-cid-acby4dj2]{font-size:.68rem}}@keyframes viewProgressAppear{0%{border-color:rgb(from var(--accent) r g b / 1)}to{border-color:rgb(from var(--accent) r g b / 1)}}.view-inset-demo[data-astro-cid-ggyilw5l]{margin:20px 0 32px}.view-inset-demo[data-astro-cid-ggyilw5l] figcaption[data-astro-cid-ggyilw5l]{color:var(--gray);margin-bottom:12px;font-size:.95rem}.view-inset-demo__stage[data-astro-cid-ggyilw5l]{isolation:isolate;border:1px solid rgb(from var(--gray) r g b / .2);background:radial-gradient(circle at top right, rgb(from var(--accent) r g b / .1), transparent 35%), linear-gradient(180deg, var(--surface-color), rgb(from var(--gray-light) r g b / .35));border-radius:24px;position:relative;overflow:hidden}.view-inset-demo__scroller[data-astro-cid-ggyilw5l]{overscroll-behavior:contain;height:520px;padding:24px;overflow-y:auto}.view-inset-demo__stack[data-astro-cid-ggyilw5l]{gap:18px;padding-block:52vh;padding-inline:40px;display:grid}.view-inset-demo__card[data-astro-cid-ggyilw5l]{background:rgb(from var(--surface-color) r g b / 1);width:100%;color:var(--black);border:3px dashed #fff;border-radius:20px;padding:24px 22px;font-size:1.05rem;font-weight:600;animation:linear viewInsetAppear view(32%)}.view-inset-demo__shade[data-astro-cid-ggyilw5l]{z-index:3;height:22%;color:rgb(from var(--black) r g b / .55);letter-spacing:.08em;pointer-events:none;text-transform:uppercase;backdrop-filter:blur(1.5px);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;left:0;right:0}.view-inset-demo__shade[data-astro-cid-ggyilw5l] span[data-astro-cid-ggyilw5l]{border:1px solid rgb(from var(--black) r g b / .15);background:rgb(from var(--surface-color) r g b / .66);border-radius:999px;padding:4px 10px}.view-inset-demo__shade--top[data-astro-cid-ggyilw5l]{border-bottom:1px dashed rgb(from var(--black) r g b / .18);background:linear-gradient(180deg, rgb(from var(--surface-color) r g b / .86), rgb(from var(--surface-color) r g b / .2));top:0}.view-inset-demo__shade--bottom[data-astro-cid-ggyilw5l]{border-top:1px dashed rgb(from var(--black) r g b / .18);background:linear-gradient(0deg, rgb(from var(--surface-color) r g b / .86), rgb(from var(--surface-color) r g b / .2));bottom:0}.view-inset-demo__active-zone[data-astro-cid-ggyilw5l]{z-index:2;border:2px dashed rgb(from var(--accent) r g b / .72);pointer-events:none;position:absolute;inset:22% 0}.view-inset-demo__active-zone[data-astro-cid-ggyilw5l] span[data-astro-cid-ggyilw5l]{white-space:nowrap;border:1px solid rgb(from var(--accent) r g b / .35);background:rgb(from var(--surface-color) r g b / .85);color:rgb(from var(--black) r g b / .8);letter-spacing:.03em;border-radius:999px;padding:3px 10px;font-size:.74rem;font-weight:700;position:absolute;top:10px;left:50%;transform:translate(-50%)}.view-inset-demo__guide[data-astro-cid-ggyilw5l]{z-index:5;pointer-events:none;border-top:2px dashed #ffffffe6;position:absolute;left:0;right:0}.view-inset-demo__guide[data-astro-cid-ggyilw5l] span[data-astro-cid-ggyilw5l]{background:rgb(from var(--black) r g b / .5);color:#fffffff2;border:1px solid #ffffff8c;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700;position:absolute;top:-12px;right:12px}.view-inset-demo__guide--top[data-astro-cid-ggyilw5l]{top:32%}.view-inset-demo__guide--bottom[data-astro-cid-ggyilw5l]{bottom:32%}@media (width<=720px){.view-inset-demo__scroller[data-astro-cid-ggyilw5l]{height:420px;padding:16px}.view-inset-demo__stack[data-astro-cid-ggyilw5l]{padding-block:44vh;padding-inline:8px}.view-inset-demo__active-zone[data-astro-cid-ggyilw5l]{left:10px;right:10px}.view-inset-demo__shade[data-astro-cid-ggyilw5l] span[data-astro-cid-ggyilw5l],.view-inset-demo__active-zone[data-astro-cid-ggyilw5l] span[data-astro-cid-ggyilw5l],.view-inset-demo__guide[data-astro-cid-ggyilw5l] span[data-astro-cid-ggyilw5l]{font-size:.68rem}}@keyframes viewInsetAppear{0%{border-color:rgb(from var(--accent) r g b / 1)}to{border-color:rgb(from var(--accent) r g b / 0)}}.view-progress-demo[data-astro-cid-p6ghwlvb]{margin:24px 0 32px}.view-progress-demo__stage[data-astro-cid-p6ghwlvb]{isolation:isolate;border:1px solid rgb(from var(--gray) r g b / .2);background:radial-gradient(circle at top right, rgb(from var(--accent) r g b / .12), transparent 30%), linear-gradient(180deg, var(--surface-color), rgb(from var(--gray-light) r g b / .35));border-radius:24px;position:relative;overflow:hidden}.view-progress-demo__scroller[data-astro-cid-p6ghwlvb]{overscroll-behavior:contain;height:420px;padding:24px;overflow-y:auto}.view-progress-demo__stack[data-astro-cid-p6ghwlvb]{gap:18px;padding-block:42vh;padding-inline:40px;display:grid}.view-progress-demo__card[data-astro-cid-p6ghwlvb]{background:rgb(from var(--surface-color) r g b / 1);width:100%;color:var(--black);border:3px dashed #fff;border-radius:20px;padding:24px 22px;font-size:1.05rem;font-weight:600;animation:linear viewProgressAppear view(22%)}.view-progress-demo__shade[data-astro-cid-p6ghwlvb]{z-index:3;height:22%;color:rgb(from var(--black) r g b / .55);letter-spacing:.08em;pointer-events:none;text-transform:uppercase;backdrop-filter:blur(1.5px);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;left:0;right:0}.view-progress-demo__shade[data-astro-cid-p6ghwlvb] span[data-astro-cid-p6ghwlvb]{border:1px solid rgb(from var(--black) r g b / .15);background:rgb(from var(--surface-color) r g b / .66);border-radius:999px;padding:4px 10px}.view-progress-demo__shade--top[data-astro-cid-p6ghwlvb]{border-bottom:1px dashed rgb(from var(--black) r g b / .18);background:linear-gradient(180deg, rgb(from var(--surface-color) r g b / .86), rgb(from var(--surface-color) r g b / .2));top:0}.view-progress-demo__shade--bottom[data-astro-cid-p6ghwlvb]{border-top:1px dashed rgb(from var(--black) r g b / .18);background:linear-gradient(0deg, rgb(from var(--surface-color) r g b / .86), rgb(from var(--surface-color) r g b / .2));bottom:0}.view-progress-demo__active-zone[data-astro-cid-p6ghwlvb]{z-index:2;border:2px dashed rgb(from var(--accent) r g b / .7);pointer-events:none;position:absolute;inset:22% 0}.view-progress-demo__active-zone[data-astro-cid-p6ghwlvb] span[data-astro-cid-p6ghwlvb]{white-space:nowrap;border:1px solid rgb(from var(--accent) r g b / .35);background:rgb(from var(--surface-color) r g b / .85);color:rgb(from var(--black) r g b / .8);letter-spacing:.03em;border-radius:999px;padding:3px 10px;font-size:.74rem;font-weight:700;position:absolute;top:10px;left:50%;transform:translate(-50%)}@media (width<=720px){.view-progress-demo__scroller[data-astro-cid-p6ghwlvb]{height:360px;padding:16px}.view-progress-demo__stack[data-astro-cid-p6ghwlvb]{padding-block:36vh;padding-inline:8px}.view-progress-demo__active-zone[data-astro-cid-p6ghwlvb]{left:10px;right:10px}.view-progress-demo__shade[data-astro-cid-p6ghwlvb] span[data-astro-cid-p6ghwlvb],.view-progress-demo__active-zone[data-astro-cid-p6ghwlvb] span[data-astro-cid-p6ghwlvb]{font-size:.68rem}}.view-progress-demo[data-astro-cid-ecuvgm6v]{margin:24px 0 32px}.view-progress-demo__stage[data-astro-cid-ecuvgm6v]{isolation:isolate;border:1px solid rgb(from var(--gray) r g b / .2);background:radial-gradient(circle at top right, rgb(from var(--accent) r g b / .12), transparent 30%), linear-gradient(180deg, var(--surface-color), rgb(from var(--gray-light) r g b / .35));border-radius:24px;position:relative;overflow:hidden}.view-progress-demo__scroller[data-astro-cid-ecuvgm6v]{overscroll-behavior:contain;height:420px;padding:24px;overflow-y:auto}.view-progress-demo__stack[data-astro-cid-ecuvgm6v]{gap:18px;padding-block:42vh;padding-inline:40px;display:grid}.view-progress-demo__card[data-astro-cid-ecuvgm6v]{background:rgb(from var(--surface-color) r g b / 1);width:100%;color:var(--black);border:3px dashed #fff;border-radius:20px;padding:24px 22px;font-size:1.05rem;font-weight:600;animation:linear viewProgressAppear view(42%)}.view-progress-demo__shade[data-astro-cid-ecuvgm6v]{z-index:3;height:22%;color:rgb(from var(--black) r g b / .55);letter-spacing:.08em;pointer-events:none;text-transform:uppercase;backdrop-filter:blur(1.5px);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;left:0;right:0}.view-progress-demo__shade[data-astro-cid-ecuvgm6v] span[data-astro-cid-ecuvgm6v]{border:1px solid rgb(from var(--black) r g b / .15);background:rgb(from var(--surface-color) r g b / .66);border-radius:999px;padding:4px 10px}.view-progress-demo__shade--top[data-astro-cid-ecuvgm6v]{border-bottom:1px dashed rgb(from var(--black) r g b / .18);background:linear-gradient(180deg, rgb(from var(--surface-color) r g b / .86), rgb(from var(--surface-color) r g b / .2));top:0}.view-progress-demo__shade--bottom[data-astro-cid-ecuvgm6v]{border-top:1px dashed rgb(from var(--black) r g b / .18);background:linear-gradient(0deg, rgb(from var(--surface-color) r g b / .86), rgb(from var(--surface-color) r g b / .2));bottom:0}.view-progress-demo__active-zone[data-astro-cid-ecuvgm6v]{z-index:2;border:2px dashed rgb(from var(--accent) r g b / .7);pointer-events:none;position:absolute;inset:22% 0}.view-progress-demo__active-zone[data-astro-cid-ecuvgm6v] span[data-astro-cid-ecuvgm6v]{white-space:nowrap;border:1px solid rgb(from var(--accent) r g b / .35);background:rgb(from var(--surface-color) r g b / .85);color:rgb(from var(--black) r g b / .8);letter-spacing:.03em;border-radius:999px;padding:3px 10px;font-size:.74rem;font-weight:700;position:absolute;top:10px;left:50%;transform:translate(-50%)}@media (width<=720px){.view-progress-demo__scroller[data-astro-cid-ecuvgm6v]{height:360px;padding:16px}.view-progress-demo__stack[data-astro-cid-ecuvgm6v]{padding-block:36vh;padding-inline:8px}.view-progress-demo__active-zone[data-astro-cid-ecuvgm6v]{left:10px;right:10px}.view-progress-demo__shade[data-astro-cid-ecuvgm6v] span[data-astro-cid-ecuvgm6v],.view-progress-demo__active-zone[data-astro-cid-ecuvgm6v] span[data-astro-cid-ecuvgm6v]{font-size:.68rem}}.scroll-rocket[data-astro-cid-zw6wl26j]{display:none}@media (width>=1440px){.scroll-rocket[data-astro-cid-zw6wl26j]{z-index:50;color:#6366f1;filter:drop-shadow(0 4px 12px #6366f166);pointer-events:none;animation:linear both rocketFly scroll(root);display:block;position:fixed;bottom:48px;right:48px}}.rocket-flames[data-astro-cid-zw6wl26j]{animation:linear both fireReveal scroll(root);animation-range:0 1px}@keyframes fireReveal{0%{opacity:0}to{opacity:1}}@keyframes rocketFly{0%{transform:translateY(0)}to{transform:translateY(-75vh)}}