.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.wordmark:where(.astro-zwtn5v2n){display:flex;align-items:center;--wm-accent: var(--wm-accent-light)}:root[data-theme=light] .wordmark:where(.astro-zwtn5v2n){--wm-accent: var(--wm-accent-light)}:root[data-theme=dark] .wordmark:where(.astro-zwtn5v2n){--wm-accent: var(--wm-accent-dark)}.wordmark__art:where(.astro-zwtn5v2n){display:block;height:calc(var(--wordmark-h, .78em) * var(--wm-cap, 1));width:calc(var(--wordmark-h, .78em) * var(--wm-cap, 1) * var(--wm-ratio, 7.1575));overflow:visible}.wordmark__word:where(.astro-zwtn5v2n){fill:currentColor}.wordmark__accent:where(.astro-zwtn5v2n){fill:var(--wm-accent, currentColor)}.wordmark--text:where(.astro-zwtn5v2n){display:inline}.demo-btn:where(.astro-www3k3tg){--demo-accent: var(--accent, var(--sl-color-accent, #3f4736));--demo-accent-hover: var(--accent-hover, var(--sl-color-accent-high, #2f3628));--demo-on-accent: var(--on-accent, var(--sl-color-text-invert, #fbf7ef));--demo-glint: color-mix(in srgb, var(--demo-accent) 35%, #fff);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:44px;padding:.5rem 1.5rem;border:1.5px solid transparent;border-radius:999px;background:none;color:var(--demo-on-accent);font-family:var(--font-body, var(--sl-font, system-ui, sans-serif));font-size:var(--step-0, 1rem);font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .15s ease}.demo-btn:where(.astro-www3k3tg):hover{color:var(--demo-on-accent)}.demo-btn:where(.astro-www3k3tg):before{content:"";position:absolute;inset:-1.5px;z-index:-1;border-radius:inherit;background:var(--demo-accent);transition:background-color .15s ease}.demo-btn:where(.astro-www3k3tg):hover:before{background:var(--demo-accent-hover)}.demo-btn:where(.astro-www3k3tg):active{transform:translateY(1px)}.demo-btn:where(.astro-www3k3tg):focus-visible{outline:2px solid var(--demo-accent);outline-offset:5px}.demo-btn--nav:where(.astro-www3k3tg){padding:.4rem 1.05rem;font-size:.9375rem}.demo-btn__label--short:where(.astro-www3k3tg){display:none}@media(max-width:24.99rem){.demo-btn--nav:where(.astro-www3k3tg){padding-inline:.85rem}.demo-btn--nav:where(.astro-www3k3tg) .demo-btn__label:where(.astro-www3k3tg):not(.demo-btn__label--short){display:none}.demo-btn--nav:where(.astro-www3k3tg) .demo-btn__label--short:where(.astro-www3k3tg){display:inline}}.demo-btn__ring:where(.astro-www3k3tg){position:absolute;inset:-4.5px;z-index:-2;border-radius:inherit;overflow:hidden;background:color-mix(in srgb,var(--demo-accent) 28%,transparent);pointer-events:none}.demo-btn__arc:where(.astro-www3k3tg){position:absolute;left:50%;top:50%;width:calc(100% + 6rem);aspect-ratio:1;translate:-50% -50%;background:conic-gradient(from 0deg,transparent 0 58%,var(--demo-accent) 76%,var(--demo-glint) 90%,transparent 100%);opacity:0;transition:opacity .6s ease;animation:demo-arc-turn 2.4s linear infinite paused}.demo-btn:where(.astro-www3k3tg)[data-arc] .demo-btn__arc:where(.astro-www3k3tg){animation-play-state:running}.demo-btn:where(.astro-www3k3tg)[data-arc=on] .demo-btn__arc:where(.astro-www3k3tg){opacity:1;transition-duration:.3s}.demo-btn:where(.astro-www3k3tg):after{content:"";position:absolute;inset:-4.5px;z-index:-3;border-radius:inherit;pointer-events:none;animation:demo-halo 1.6s ease-out 3}.demo-btn__dot:where(.astro-www3k3tg){position:relative;flex:none;width:.5em;height:.5em;border-radius:50%;background:currentColor}.demo-btn__dot:where(.astro-www3k3tg):after{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor;opacity:0;animation:demo-beat 1.6s ease-out 3}@media(scripting:none){.demo-btn:where(.astro-www3k3tg):hover .demo-btn__arc:where(.astro-www3k3tg),.demo-btn:where(.astro-www3k3tg):focus-visible .demo-btn__arc:where(.astro-www3k3tg){opacity:1;animation-play-state:running}}@keyframes demo-arc-turn{to{rotate:1turn}}@keyframes demo-halo{0%{box-shadow:0 0 color-mix(in srgb,var(--demo-accent) 45%,transparent)}to{box-shadow:0 0 0 14px color-mix(in srgb,var(--demo-accent) 0%,transparent)}}@keyframes demo-beat{0%{opacity:.6;scale:1}to{opacity:0;scale:2.6}}@media(prefers-reduced-motion:reduce){.demo-btn:where(.astro-www3k3tg):after,.demo-btn__dot:where(.astro-www3k3tg):after{animation:none}.demo-btn__arc:where(.astro-www3k3tg){display:none}.demo-btn__ring:where(.astro-www3k3tg){background:color-mix(in srgb,var(--demo-accent) 45%,transparent)}}.demo-modal:where(.astro-pgaurbsx){--dm-accent: var(--accent, var(--sl-color-accent, #3f4736));--dm-accent-hover: var(--accent-hover, var(--sl-color-accent-high, #2f3628));--dm-on-accent: var(--on-accent, var(--sl-color-text-invert, #fbf7ef));--dm-ink: var(--ink, var(--sl-color-white, #1f1b16));--dm-muted: var(--ink-muted, var(--sl-color-gray-2, #6b6253));--dm-surface: var(--surface-card, var(--sl-color-bg, #fbf7ef));--dm-tint: var(--surface-tint, var(--sl-color-gray-6, #efe7d8));--dm-line: var(--hairline, var(--sl-color-hairline, #e3dac9));--dm-strong: var(--border-strong, var(--sl-color-gray-4, #c9bca3));--dm-display: var(--font-display, var(--sl-font-display, var(--sl-font, Georgia, serif)));--dm-body: var(--font-body, var(--sl-font, system-ui, sans-serif));width:min(100% - 2rem,40rem);max-width:none;max-height:calc(100dvh - 2rem);margin:auto;padding:0;border:1.5px solid var(--dm-line);border-radius:1.25rem;background:var(--dm-surface);color:var(--dm-ink);font-family:var(--dm-body);box-shadow:0 24px 60px #14100c47,0 2px 8px #14100c1f;overflow:auto;overscroll-behavior:contain}.demo-modal:where(.astro-pgaurbsx)::backdrop{background:#14100c8c;backdrop-filter:blur(3px)}.demo-modal:where(.astro-pgaurbsx)[open]{animation:demo-modal-in .28s cubic-bezier(.22,1,.36,1)}.demo-modal:where(.astro-pgaurbsx)[open]::backdrop{animation:demo-backdrop-in .28s ease}.demo-modal:where(.astro-pgaurbsx).is-closing{animation:demo-modal-out .2s ease-in forwards}.demo-modal:where(.astro-pgaurbsx).is-closing::backdrop{animation:demo-backdrop-out .2s ease-in forwards}:root:has(.demo-modal[open]){overflow:hidden}:root[data-demo-gutter]:has(.demo-modal[open]){scrollbar-gutter:stable;background-color:color-mix(in srgb,rgb(20 16 12) 55%,var(--demo-canvas));transition:background-color .28s ease}:root[data-demo-gutter]:has(.demo-modal[open]) body{background-color:var(--demo-canvas)}:root[data-demo-gutter]:has(.demo-modal.is-closing){background-color:var(--demo-canvas);transition-duration:.2s}.demo-modal__panel:where(.astro-pgaurbsx){position:relative;container:demo-panel / inline-size;padding:clamp(1.25rem,4vw,2rem)}.demo-modal__close:where(.astro-pgaurbsx){position:absolute;top:.75rem;right:.75rem;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--dm-muted);cursor:pointer}.demo-modal__close:where(.astro-pgaurbsx):hover{background:var(--dm-tint);color:var(--dm-ink)}.demo-modal__eyebrow:where(.astro-pgaurbsx){margin:0;color:var(--dm-accent);font-size:.8125rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.demo-modal__title:where(.astro-pgaurbsx){margin:.35rem 2.5rem 0 0;color:var(--dm-ink);font-family:var(--dm-display);font-size:clamp(1.5rem,4.5vw,1.9rem);font-weight:400;line-height:1.15}.demo-modal__lead:where(.astro-pgaurbsx){margin:.75rem 0 0;color:var(--dm-muted);font-size:1rem;line-height:1.5}.demo-modal__lead:where(.astro-pgaurbsx) strong:where(.astro-pgaurbsx){color:var(--dm-ink)}.demo-modal__pass:where(.astro-pgaurbsx){display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:1.25rem;padding:.6rem .6rem .6rem 1rem;border:1.5px dashed var(--dm-strong);border-radius:.875rem;background:var(--dm-tint)}.demo-modal__pass-label:where(.astro-pgaurbsx){color:var(--dm-muted);font-size:.875rem}.demo-modal__pass-code:where(.astro-pgaurbsx){min-width:2.25rem;padding:.1rem .6rem;border-radius:.5rem;background:var(--dm-surface);color:var(--dm-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.35rem;font-weight:700;text-align:center}.demo-modal__copy:where(.astro-pgaurbsx){margin-left:auto;min-height:36px;padding:.35rem .9rem;border:1.5px solid var(--dm-strong);border-radius:999px;background:var(--dm-surface);color:var(--dm-ink);font:600 .875rem/1 var(--dm-body);cursor:pointer}.demo-modal__copy:where(.astro-pgaurbsx):hover{border-color:var(--dm-accent)}.demo-modal__copied:where(.astro-pgaurbsx){flex-basis:100%;color:var(--dm-accent);font-size:.8125rem}.demo-modal__copied:where(.astro-pgaurbsx):empty{display:none}.demo-modal__show:where(.astro-pgaurbsx){display:grid;gap:1rem;margin-top:1.25rem}@container demo-panel (min-width: 30rem){.demo-modal__show:where(.astro-pgaurbsx){grid-template-columns:3fr 2fr;align-items:center;gap:1.25rem}}.demo-modal__steps:where(.astro-pgaurbsx){margin:0;font-size:.9375rem;padding:0;list-style:none;counter-reset:demo-step;display:grid;gap:.5rem;color:var(--dm-muted);line-height:1.4}.demo-modal__steps:where(.astro-pgaurbsx) li:where(.astro-pgaurbsx){counter-increment:demo-step;display:grid;grid-template-columns:1.6rem 1fr;gap:.6rem;align-items:baseline}.demo-modal__steps:where(.astro-pgaurbsx) li:where(.astro-pgaurbsx):before{content:counter(demo-step);display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--dm-accent);color:var(--dm-on-accent);font-size:.8125rem;font-weight:700;translate:0 .3rem}.demo-modal__steps:where(.astro-pgaurbsx) strong:where(.astro-pgaurbsx){color:var(--dm-ink)}.demo-modal__actions:where(.astro-pgaurbsx){display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem}.demo-modal__open:where(.astro-pgaurbsx),.demo-modal__replay:where(.astro-pgaurbsx){display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.5rem 1.4rem;border-radius:999px;font:600 1rem/1.2 var(--dm-body);text-decoration:none;cursor:pointer}.demo-modal__open:where(.astro-pgaurbsx){border:1.5px solid var(--dm-accent);background:var(--dm-accent);color:var(--dm-on-accent)}.demo-modal__open:where(.astro-pgaurbsx):hover{border-color:var(--dm-accent-hover);background:var(--dm-accent-hover);color:var(--dm-on-accent)}.demo-modal__replay:where(.astro-pgaurbsx){border:1.5px solid var(--dm-strong);background:transparent;color:var(--dm-ink)}.demo-modal__replay:where(.astro-pgaurbsx):hover{background:var(--dm-tint)}.demo-modal:where(.astro-pgaurbsx) :where(.astro-pgaurbsx):focus-visible{outline:2px solid var(--dm-accent);outline-offset:3px}.demo-stage:where(.astro-pgaurbsx){position:relative;container-type:size;aspect-ratio:2 / 1;overflow:hidden;border:1.5px solid var(--dm-line);border-radius:.875rem;background:var(--dm-surface);user-select:none}.demo-stage__bar:where(.astro-pgaurbsx){position:absolute;inset:0 0 auto;height:15%;display:flex;align-items:center;gap:3cqw;padding-inline:3cqw;border-bottom:1.5px solid var(--dm-line);background:var(--dm-tint)}.demo-stage__lights:where(.astro-pgaurbsx){display:flex;gap:1cqw}.demo-stage__lights:where(.astro-pgaurbsx) i:where(.astro-pgaurbsx){width:1.6cqw;height:1.6cqw;border-radius:50%;background:var(--dm-strong)}.demo-stage__url:where(.astro-pgaurbsx){flex:1;overflow:hidden;padding:.8cqh 2cqw;border-radius:999px;background:var(--dm-surface);color:var(--dm-muted);font-size:2.6cqw;white-space:nowrap;text-overflow:ellipsis}.demo-stage__brand:where(.astro-pgaurbsx){position:absolute;top:24%;left:0;right:0;margin:0;color:var(--dm-ink);font-family:var(--dm-display);font-size:7.5cqw;line-height:1;text-align:center}.demo-stage__label:where(.astro-pgaurbsx){position:absolute;top:41%;left:0;right:0;margin:0;color:var(--dm-muted);font-size:3.2cqw;text-align:center}.demo-stage__field:where(.astro-pgaurbsx){position:absolute;left:14%;top:52%;width:50%;height:17%;display:flex;align-items:center;padding-inline:2.5cqw;border:1.5px solid var(--dm-accent);border-radius:1cqw;background:var(--dm-surface);box-shadow:0 0 0 .8cqw color-mix(in srgb,var(--dm-accent) 18%,transparent);font-size:3.6cqw}.demo-stage__placeholder:where(.astro-pgaurbsx){position:absolute;color:var(--dm-muted);opacity:0}.demo-stage__typed:where(.astro-pgaurbsx){color:var(--dm-ink);font-weight:700}.demo-stage__caret:where(.astro-pgaurbsx){width:.3cqw;height:50%;margin-left:.4cqw;background:var(--dm-ink)}.demo-stage__enter:where(.astro-pgaurbsx){position:absolute;left:66%;top:52%;width:20%;height:17%;display:grid;place-items:center;border-radius:1cqw;background:var(--dm-accent);color:var(--dm-on-accent);font-size:3.4cqw;font-weight:600}.demo-stage__ripple:where(.astro-pgaurbsx){position:absolute;width:12cqw;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--dm-accent) 45%,transparent);translate:-50% -50%;opacity:0;pointer-events:none}.demo-stage__ripple--field:where(.astro-pgaurbsx){left:30%;top:60%}.demo-stage__ripple--enter:where(.astro-pgaurbsx){left:75%;top:60%}.demo-stage__welcome:where(.astro-pgaurbsx){position:absolute;inset:15% 0 0;display:grid;place-content:center;justify-items:center;gap:2cqh;background:var(--dm-tint);color:var(--dm-ink);font-family:var(--dm-display);font-size:5.5cqw;opacity:0}.demo-stage__welcome-mark:where(.astro-pgaurbsx){display:grid;place-items:center;width:11cqw;height:11cqw;border-radius:50%;background:var(--dm-accent);color:var(--dm-on-accent);font-family:var(--dm-body);font-size:5.5cqw}.demo-stage__cursor:where(.astro-pgaurbsx){position:absolute;left:0;top:0;width:6cqw;transform-origin:0 0;translate:75cqw 60cqh;filter:drop-shadow(0 .5cqw .8cqw rgba(0,0,0,.3));pointer-events:none}.demo-stage:where(.astro-pgaurbsx).is-playing .demo-stage__cursor:where(.astro-pgaurbsx){animation:demo-cursor 6s cubic-bezier(.45,0,.25,1) 2 both}.demo-stage:where(.astro-pgaurbsx).is-playing .demo-stage__field:where(.astro-pgaurbsx){animation:demo-field 6s linear 2 both}.demo-stage:where(.astro-pgaurbsx).is-playing .demo-stage__placeholder:where(.astro-pgaurbsx){animation:demo-placeholder 6s linear 2 both}.demo-stage:where(.astro-pgaurbsx).is-playing .demo-stage__typed:where(.astro-pgaurbsx){animation:demo-typed 6s linear 2 both}.demo-stage:where(.astro-pgaurbsx).is-playing .demo-stage__caret:where(.astro-pgaurbsx){animation:demo-caret 6s linear 2 both}.demo-stage:where(.astro-pgaurbsx).is-playing .demo-stage__ripple--field:where(.astro-pgaurbsx){animation:demo-ripple-field 6s ease-out 2 both}.demo-stage:where(.astro-pgaurbsx).is-playing .demo-stage__ripple--enter:where(.astro-pgaurbsx){animation:demo-ripple-enter 6s ease-out 2 both}.demo-stage:where(.astro-pgaurbsx).is-playing .demo-stage__enter:where(.astro-pgaurbsx){animation:demo-enter 6s ease 2 both}.demo-stage:where(.astro-pgaurbsx).is-playing .demo-stage__welcome:where(.astro-pgaurbsx){animation:demo-welcome 6s ease 2 both}@keyframes demo-cursor{0%{translate:86cqw 90cqh;scale:1;opacity:0}6%{translate:86cqw 90cqh;opacity:1}24%{translate:30cqw 60cqh;scale:1}27%{scale:.8}30%{scale:1}46%{translate:30cqw 60cqh}64%{translate:75cqw 60cqh;scale:1}67%{scale:.8}70%,to{translate:75cqw 60cqh;scale:1;opacity:1}}@keyframes demo-field{0%,26%{border-color:var(--dm-strong);box-shadow:0 0 0 0 transparent}29%,to{border-color:var(--dm-accent);box-shadow:0 0 0 .8cqw color-mix(in srgb,var(--dm-accent) 18%,transparent)}}@keyframes demo-placeholder{0%,36%{opacity:1}37%,to{opacity:0}}@keyframes demo-typed{0%,37%{opacity:0;scale:.4}41%,to{opacity:1;scale:1}}@keyframes demo-caret{0%,27%{opacity:0}28%,33%{opacity:1}34%,36%{opacity:0}37%,to{opacity:1}}@keyframes demo-ripple-field{0%,26%{opacity:0;scale:.2}27%{opacity:.8;scale:.3}40%,to{opacity:0;scale:1.4}}@keyframes demo-ripple-enter{0%,66%{opacity:0;scale:.2}67%{opacity:.8;scale:.3}80%,to{opacity:0;scale:1.4}}@keyframes demo-enter{0%,66%{scale:1;background:var(--dm-accent)}68%{scale:.93;background:var(--dm-accent-hover)}72%,to{scale:1;background:var(--dm-accent)}}@keyframes demo-welcome{0%,72%{opacity:0}77%,92%{opacity:1}98%,to{opacity:0}}@keyframes demo-modal-in{0%{opacity:0;translate:0 12px;scale:.98}}@keyframes demo-backdrop-in{0%{opacity:0}}@keyframes demo-modal-out{to{opacity:0;translate:0 8px;scale:.98}}@keyframes demo-backdrop-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){.demo-modal:where(.astro-pgaurbsx)[open],.demo-modal:where(.astro-pgaurbsx)[open]::backdrop,.demo-stage:where(.astro-pgaurbsx).is-playing :where(.astro-pgaurbsx){animation:none!important}.demo-modal__replay:where(.astro-pgaurbsx){display:none}}