.scene:where(.astro-mfy6on7w){inline-size:100%;max-inline-size:calc(var(--scene-room,100vh) * 960 / 620);margin-inline:auto}.stack:where(.astro-mfy6on7w){aspect-ratio:960/620;position:relative}.layer:where(.astro-mfy6on7w){background-image:var(--light);background-repeat:no-repeat;background-size:100% 100%;border-radius:12px;position:absolute;inset:0}:root[data-theme=dark] .layer:where(.astro-mfy6on7w){background-image:var(--dark)}.layer:where(.astro-mfy6on7w).frame{border:1px solid var(--mitra-hairline);box-shadow:var(--mitra-shadow-soft)}@media (width<40rem){.scene:where(.astro-mfy6on7w){max-inline-size:var(--scene-room,100vh)}.stack:where(.astro-mfy6on7w){aspect-ratio:1}.layer:where(.astro-mfy6on7w){background-position:60% 0;background-size:auto 100%}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.layer:where(.astro-mfy6on7w){animation-name:land;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--story}.layer:where(.astro-mfy6on7w).frame{animation-range:entry 40% contain 0%}.layer:where(.astro-mfy6on7w).events{animation-range:contain 20% contain 30%}.layer:where(.astro-mfy6on7w).tasks{animation-range:contain 45% contain 55%}.layer:where(.astro-mfy6on7w).links{animation-range:contain 70% contain 80%}}}@keyframes land{0%{transform:perspective(2000px) translate3d(0, 5%, calc(-180px - var(--index) * 40px));opacity:0}to{opacity:1;transform:perspective(2000px)translate(0,0)}}.marks:where(.astro-5n6ewcff){grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.built:where(.astro-5n6ewcff){grid-row:span 2}@media (width<64rem){.marks:where(.astro-5n6ewcff){grid-template-columns:repeat(3,minmax(0,1fr))}.built:where(.astro-5n6ewcff){grid-area:auto/1/auto/-1}}@media (width<34rem){.marks:where(.astro-5n6ewcff){grid-template-columns:repeat(2,minmax(0,1fr))}}a:where(.astro-5n6ewcff){border:1px solid var(--mitra-hairline);background:color-mix(in srgb, var(--color-surface) 60%, transparent);block-size:100%;color:var(--color-text);transition:border-color .3s var(--mitra-ease), background .3s var(--mitra-ease), transform .3s var(--mitra-ease);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem 1rem;text-decoration:none;display:flex}a:where(.astro-5n6ewcff):hover{border-color:var(--mitra-hairline-strong);background:var(--color-surface);transform:translateY(-2px)}.built:where(.astro-5n6ewcff) a:where(.astro-5n6ewcff){background:var(--color-surface);padding:1.5rem 1.25rem}.mark:where(.astro-5n6ewcff){block-size:1.75rem;inline-size:1.75rem;display:inline-flex}.mark:where(.astro-5n6ewcff) svg{block-size:100%;inline-size:100%}.name:where(.astro-5n6ewcff){font-size:.875rem;font-weight:550}.built:where(.astro-5n6ewcff) .name:where(.astro-5n6ewcff){font-size:1rem}.text:where(.astro-5n6ewcff){max-inline-size:22rem;color:var(--color-text-muted);margin-block-start:auto;font-size:.875rem}.shot:where(.astro-aatdr2li){aspect-ratio:var(--aspect);background-image:var(--light);border:1px solid var(--mitra-hairline);box-shadow:var(--mitra-shadow-soft);background-repeat:no-repeat;background-size:100% 100%;border-radius:12px}:root[data-theme=dark] .shot:where(.astro-aatdr2li){background-image:var(--dark)}section:where(.astro-7aropxhg){max-inline-size:var(--mitra-page);padding-inline:var(--mitra-gutter);margin-inline:auto}section:where(.astro-7aropxhg)+section:where(.astro-7aropxhg){padding-block-start:clamp(5rem,12vh,9rem)}.progress:where(.astro-7aropxhg){z-index:4;background:var(--color-accent);transform-origin:0;opacity:.5;block-size:1px;position:fixed;inset-block-end:0;inset-inline:0;transform:scaleX(0)}@supports (animation-timeline:scroll()){.progress:where(.astro-7aropxhg){animation-name:fill;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root)}}@keyframes fill{to{transform:scaleX(1)}}.lead:where(.astro-7aropxhg){max-inline-size:40rem;margin-block-end:3rem}h2:where(.astro-7aropxhg){font-size:clamp(1.75rem,3.6vw,2.5rem)}.lead:where(.astro-7aropxhg) p:where(.astro-7aropxhg){color:var(--color-text-muted);margin:1rem 0 0;font-size:1.0625rem}h3:where(.astro-7aropxhg){font-size:1.0625rem}.actions:where(.astro-7aropxhg){flex-wrap:wrap;gap:.75rem;margin-block-start:2rem;display:flex}.cta:where(.astro-7aropxhg),.ghost:where(.astro-7aropxhg){border-radius:var(--border-radius);block-size:2.75rem;transition:all .3s var(--mitra-ease);align-items:center;gap:.5rem;padding-inline:1.125rem;font-size:.9375rem;font-weight:550;text-decoration:none;display:inline-flex}.cta:where(.astro-7aropxhg){background:var(--color-accent);color:var(--color-accent-text);border:1px solid #0000}.cta:where(.astro-7aropxhg):hover{box-shadow:0 6px 20px color-mix(in srgb, var(--color-accent) 22%, transparent);transform:translateY(-1px)}.ghost:where(.astro-7aropxhg){color:var(--color-text);border:1px solid var(--mitra-hairline-strong);background:0 0}.ghost:where(.astro-7aropxhg):hover{background:var(--mitra-wash)}.hero:where(.astro-7aropxhg){padding-block-start:clamp(3.5rem,9vh,7rem)}.intro:where(.astro-7aropxhg){max-inline-size:46rem}.news:where(.astro-7aropxhg){color:var(--color-text-muted);flex-wrap:wrap;align-items:baseline;gap:.25rem .6rem;margin-block-end:1.75rem;font-size:.9375rem;text-decoration:none;display:inline-flex}.news:where(.astro-7aropxhg) .version:where(.astro-7aropxhg){letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--release-latest);font-size:1.25rem;font-weight:650;line-height:1}.news:where(.astro-7aropxhg) b:where(.astro-7aropxhg){color:var(--release-latest);font-size:.75rem;font-weight:600}.news:where(.astro-7aropxhg) .title:where(.astro-7aropxhg){transition:color .15s}.news:where(.astro-7aropxhg) .icon:where(.astro-7aropxhg){align-self:center;transition:translate .15s}.news:where(.astro-7aropxhg):hover .title:where(.astro-7aropxhg){color:var(--color-text);text-underline-offset:3px;text-decoration:underline}.news:where(.astro-7aropxhg):hover .icon:where(.astro-7aropxhg){translate:.2rem}h1:where(.astro-7aropxhg){text-wrap:balance;font-size:clamp(2.25rem,6vw,4rem);line-height:1.05}.lede:where(.astro-7aropxhg){max-inline-size:34rem;color:var(--color-text-muted);margin:1.5rem 0 0;font-size:clamp(1.0625rem,1.6vw,1.25rem);line-height:1.55}.fineprint:where(.astro-7aropxhg){color:var(--color-text-muted);margin:1.25rem 0 0;font-size:.8125rem}.frame:where(.astro-7aropxhg){margin-block-start:clamp(3rem,7vw,5.5rem);margin-inline:calc(-1*clamp(0rem,4vw,5rem));display:block}.frame:where(.astro-7aropxhg) .shot{transition:border-color .3s var(--mitra-ease)}.frame:where(.astro-7aropxhg):hover .shot{border-color:var(--mitra-hairline-strong)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){.frame:where(.astro-7aropxhg) .shot{animation-name:settle;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 60vh}}}@keyframes settle{0%{transform:translateY(1.5rem)}}.stage:where(.astro-7aropxhg){--wide:min(84rem, 100vw - 2.5rem);inline-size:var(--wide);margin-inline:calc((100% - var(--wide)) / 2);grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.bars:where(.astro-7aropxhg){display:none}.captions:where(.astro-7aropxhg){gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.captions:where(.astro-7aropxhg) p:where(.astro-7aropxhg){color:var(--color-text-muted);margin:.375rem 0 0}@media (width<60rem){.stage:where(.astro-7aropxhg){grid-template-columns:minmax(0,1fr)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.story:where(.astro-7aropxhg){view-timeline:--story block;block-size:310svh}.stage:where(.astro-7aropxhg){--scene-room:calc(100svh - 7rem);align-content:center;min-block-size:100svh;padding-block:4.5rem 2rem;position:sticky;inset-block-start:0}.bars:where(.astro-7aropxhg){gap:.375rem;margin-block-end:1.5rem;display:flex}.bars:where(.astro-7aropxhg) i:where(.astro-7aropxhg){background:var(--mitra-hairline-strong) linear-gradient(var(--color-text), var(--color-text)) no-repeat;background-size:0 100%;border-radius:1px;flex:1;block-size:2px;animation-name:bar;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--story}.bars:where(.astro-7aropxhg) i:where(.astro-7aropxhg):first-child{animation-range:contain contain 25%}.bars:where(.astro-7aropxhg) i:where(.astro-7aropxhg):nth-child(2){animation-range:contain 25% contain 50%}.bars:where(.astro-7aropxhg) i:where(.astro-7aropxhg):nth-child(3){animation-range:contain 50% contain 75%}.bars:where(.astro-7aropxhg) i:where(.astro-7aropxhg):nth-child(4){animation-range:contain 75%}.captions:where(.astro-7aropxhg) li:where(.astro-7aropxhg){grid-area:1/1;animation-name:caption;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--story}.captions:where(.astro-7aropxhg) li:where(.astro-7aropxhg):first-child{animation-name:caption-first;animation-range:contain contain 25%}.captions:where(.astro-7aropxhg) li:where(.astro-7aropxhg):nth-child(2){animation-range:contain 25% contain 50%}.captions:where(.astro-7aropxhg) li:where(.astro-7aropxhg):nth-child(3){animation-range:contain 50% contain 75%}.captions:where(.astro-7aropxhg) li:where(.astro-7aropxhg):nth-child(4){animation-name:caption-last;animation-range:contain 75%}@media (width<60rem){.stage:where(.astro-7aropxhg){--scene-room:calc(100svh - 17rem)}}}}@keyframes bar{to{background-size:100% 100%}}@keyframes caption{0%,to{opacity:0}15%,85%{opacity:1}}@keyframes caption-first{85%{opacity:1}to{opacity:0}}@keyframes caption-last{0%{opacity:0}15%{opacity:1}}.views:where(.astro-7aropxhg){grid-template-columns:minmax(0,1fr);gap:2.5rem;display:grid}.legend:where(.astro-7aropxhg){max-inline-size:36rem}.screens:where(.astro-7aropxhg){inline-size:100%;max-inline-size:44rem}@media (width>=72rem){.views:where(.astro-7aropxhg){grid-template-columns:minmax(min-content,1fr) minmax(0,44rem);align-items:center;gap:clamp(2.5rem,5vw,4rem)}}.tabs:where(.astro-7aropxhg){scrollbar-width:none;background:var(--mitra-wash);border-radius:.5rem;gap:.25rem;max-inline-size:100%;margin-block-start:2rem;padding:.25rem;display:inline-flex;position:relative;overflow-x:auto}.tabs:where(.astro-7aropxhg) input:where(.astro-7aropxhg){opacity:0;pointer-events:none;position:absolute}.tabs:where(.astro-7aropxhg) label:where(.astro-7aropxhg){color:color-mix(in srgb, var(--color-text), var(--color-background) 40%);cursor:pointer;border-radius:.375rem;padding:.4rem .875rem;font-size:.875rem;font-weight:550;transition:color .15s,background .15s}.tabs:where(.astro-7aropxhg) label:where(.astro-7aropxhg):hover,.tabs:where(.astro-7aropxhg) input:where(.astro-7aropxhg):checked+label:where(.astro-7aropxhg){color:var(--color-text)}.tabs:where(.astro-7aropxhg) input:where(.astro-7aropxhg):checked+label:where(.astro-7aropxhg){background:var(--color-surface);box-shadow:0 1px 2px #0000001f}.tabs:where(.astro-7aropxhg) input:where(.astro-7aropxhg):focus-visible+label:where(.astro-7aropxhg){outline:2px solid var(--focus-ring-color);outline-offset:2px}@media (width<30rem){.tabs:where(.astro-7aropxhg) label:where(.astro-7aropxhg){padding-inline:.625rem;font-size:.8125rem}}:where(.astro-7aropxhg)[data-view]{display:none}.note:where(.astro-7aropxhg){min-block-size:3em;color:var(--color-text-muted);margin:1rem 0 0;font-size:.9375rem}.screen:where(.astro-7aropxhg){animation:appear .35s var(--mitra-ease)}@keyframes appear{0%{opacity:0;transform:translateY(.5rem)}}.aside:where(.astro-7aropxhg){color:var(--color-text-muted);max-inline-size:42rem;margin:1.5rem 0 0;font-size:.9375rem}.hosting:where(.astro-7aropxhg){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.hosting:where(.astro-7aropxhg) .lead:where(.astro-7aropxhg){margin-block-end:0}.terminal:where(.astro-7aropxhg){border:1px solid var(--mitra-hairline);background:var(--color-surface);border-radius:12px;margin:0;overflow:hidden}.terminal:where(.astro-7aropxhg) figcaption:where(.astro-7aropxhg){border-block-end:1px solid var(--mitra-hairline);font-family:var(--mitra-font-mono);color:var(--color-text-muted);justify-content:space-between;align-items:center;padding:.375rem .5rem .375rem 1rem;font-size:.75rem;display:flex}.terminal:where(.astro-7aropxhg) pre:where(.astro-7aropxhg){margin:0;padding:1rem;overflow-x:auto}.terminal:where(.astro-7aropxhg) code:where(.astro-7aropxhg){user-select:all;font-family:var(--mitra-font-mono);color:color-mix(in srgb, var(--color-text) 88%, var(--color-background));font-size:.8125rem;line-height:1.7}.terminal:where(.astro-7aropxhg) .run:where(.astro-7aropxhg){border-block-start:1px solid var(--mitra-hairline);font-family:var(--mitra-font-mono);align-items:center;gap:.625rem;margin:0;padding:.375rem .5rem .375rem 1rem;font-size:.8125rem;display:flex}.terminal:where(.astro-7aropxhg) .prompt:where(.astro-7aropxhg){color:var(--color-text-muted);user-select:none}.terminal:where(.astro-7aropxhg) .run:where(.astro-7aropxhg) code:where(.astro-7aropxhg){flex:1}.copy:where(.astro-7aropxhg){block-size:2rem;font:inherit;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:.375rem;align-items:center;gap:.375rem;padding-inline:.5rem;font-size:.75rem;transition:background .15s,color .15s;display:inline-flex;&:hover{background:var(--mitra-wash);color:var(--color-text)}& .done{display:none}&[data-copied]{color:var(--color-text);& .idle{display:none}& .done{display:inline-flex}& span{font-size:0;&:after{content:"Copied";font-size:.75rem}}}}@media (width<60rem){.hosting:where(.astro-7aropxhg){grid-template-columns:minmax(0,1fr)}}