:root{--brand-hue:264;--accent-hue:60;--neutral-hue:264;--bg:var(--lightningcss-light,oklch(.972 .0018 var(--neutral-hue)))var(--lightningcss-dark,oklch(.1611 .0139 var(--neutral-hue)));--surface:var(--lightningcss-light,oklch(.9575 .0027 var(--neutral-hue)))var(--lightningcss-dark,oklch(.183 .016 var(--neutral-hue)));--surface-2:var(--lightningcss-light,oklch(.943 .004 var(--neutral-hue)))var(--lightningcss-dark,oklch(.246 .0208 var(--neutral-hue)));--line:var(--lightningcss-light,oklch(.899 .0068 var(--neutral-hue)))var(--lightningcss-dark,oklch(.2571 .0198 var(--neutral-hue)));--line-strong:var(--lightningcss-light,oklch(.822 .0084 var(--neutral-hue)))var(--lightningcss-dark,oklch(.34 .02 var(--neutral-hue)));--ink:var(--lightningcss-light,oklch(.22 .0132 var(--neutral-hue)))var(--lightningcss-dark,oklch(.9496 .0051 var(--neutral-hue)));--muted:var(--lightningcss-light,oklch(.476 .012 var(--neutral-hue)))var(--lightningcss-dark,oklch(.836 .012 var(--neutral-hue)));--faint:var(--lightningcss-light,oklch(.6 .012 var(--neutral-hue)))var(--lightningcss-dark,oklch(.694 .012 var(--neutral-hue)));--primary:var(--lightningcss-light,oklch(.4882 .2172 var(--brand-hue)))var(--lightningcss-dark,oklch(.49 .2152 var(--brand-hue)));--primary-strong:var(--lightningcss-light,oklch(.4 .19 var(--brand-hue)))var(--lightningcss-dark,oklch(.62 .19 var(--brand-hue)));--primary-soft:var(--lightningcss-light,oklch(.95 .025 var(--brand-hue)))var(--lightningcss-dark,oklch(.25 .05 var(--brand-hue)));--on-primary:oklch(.99 .002 var(--neutral-hue));--primary-on-soft:var(--lightningcss-light,oklch(.4 .19 var(--brand-hue)))var(--lightningcss-dark,oklch(.827 .15 var(--brand-hue)));--accent:var(--lightningcss-light,oklch(.5553 .1455 var(--accent-hue)))var(--lightningcss-dark,oklch(.7686 .1647 var(--accent-hue)));--accent-soft:var(--lightningcss-light,oklch(.95 .03 var(--accent-hue)))var(--lightningcss-dark,oklch(.26 .05 var(--accent-hue)));--accent-on-soft:var(--lightningcss-light,oklch(.49 .1324 var(--accent-hue)))var(--lightningcss-dark,oklch(.846 .1647 var(--accent-hue)));--link:var(--lightningcss-light,oklch(.475 .2172 var(--brand-hue)))var(--lightningcss-dark,oklch(.857 .19 var(--brand-hue)));--focus:var(--primary);--step--1:.875rem;--step-0:1.0625rem;--step-1:1.3125rem;--step-2:1.625rem;--step-3:2.0625rem;--step-hero:clamp(2.5rem, 1.45rem + 4.4vw, 4rem);--container:70rem;--gutter:clamp(1.25rem, 4vw, 2.5rem);--radius-s:.3rem;--radius-m:.5rem;--radius-l:.75rem;--shadow-1:0 1px 2px var(--lightningcss-light,oklch(.2 .01 var(--neutral-hue) / .06))var(--lightningcss-dark,oklch(0% 0 0/.4)), 0 4px 12px var(--lightningcss-light,oklch(.2 .01 var(--neutral-hue) / .07))var(--lightningcss-dark,oklch(0% 0 0/.45));--shadow-2:0 2px 4px var(--lightningcss-light,oklch(.2 .01 var(--neutral-hue) / .08))var(--lightningcss-dark,oklch(0% 0 0/.45)), 0 12px 28px var(--lightningcss-light,oklch(.2 .01 var(--neutral-hue) / .12))var(--lightningcss-dark,oklch(0% 0 0/.55));--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.2s;--dur-base:.4s;--dur-slow:.7s;--z-sticky:30;--z-modal:70;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark],:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light],:root.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){:root{--dur-fast:1ms;--dur-base:1ms;--dur-slow:1ms}}:root{--brand-hue:262;--accent-hue:29;--neutral-hue:262;--font-sans:"Schibsted Grotesk Variable", system-ui, sans-serif;--font-mono:"Spline Sans Mono Variable", ui-monospace, monospace;--panel:oklch(21.5% .04 262);--panel-edge:oklch(30.5% .045 262);--panel-ink:oklch(93% .012 262);--panel-muted:oklch(78% .035 262);--panel-accent:oklch(78% .11 262);--panel-rec:oklch(65% .21 29);--panel-rec-text:oklch(79.5% .12 29);--panel-rec-soft:oklch(95% .018 29);--shadow-panel:0 1px 2px oklch(20% .04 262/.18), 0 12px 32px -12px oklch(25% .08 262/.35);--z-skip:20}[data-theme=dark]{--panel:oklch(19.2% .035 262);--panel-edge:oklch(30% .045 262);--panel-rec:oklch(68% .185 29);--panel-rec-soft:oklch(23.5% .045 29);--shadow-panel:0 1px 2px oklch(0% 0 0/.5), 0 16px 40px -12px oklch(30% .1 262/.45)}*,:before,:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{font-family:var(--font-sans);font-size:var(--step-0);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.022em;text-wrap:balance;font-weight:700;line-height:1.12}h1{font-size:var(--step-hero);font-weight:760}h2{font-size:var(--step-3)}h3{font-size:var(--step-1)}p{text-wrap:pretty;max-width:62ch}a{color:var(--link);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:2px}::selection{background:var(--primary);color:var(--on-primary)}code,kbd{font-family:var(--font-mono);font-size:.92em}p>code,li>code,td>code,dd>code{background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:.08em .35em}.container{max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.skip-link{z-index:var(--z-skip);background:var(--primary);color:var(--on-primary);border-radius:8px;padding:.55rem 1rem;font-weight:600;text-decoration:none;position:fixed;top:.75rem;left:.75rem;translate:0 calc(-100% - 1.5rem)}.skip-link:focus-visible{translate:0}.btn{font-weight:600;font-size:var(--step--1);cursor:pointer;transition:background-color .16s var(--ease-out), border-color .16s var(--ease-out), translate .16s var(--ease-out);border:1px solid #0000;border-radius:9px;align-items:center;gap:.5rem;padding:.62rem 1.25rem;line-height:1.4;text-decoration:none;display:inline-flex}.btn:active{translate:0 1px}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-strong)}.btn-ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--muted);background:var(--surface)}.astro-code{border:1px solid var(--panel-edge);box-shadow:var(--shadow-panel);border-radius:12px;padding:1rem 1.25rem;font-size:.86rem;line-height:1.65;overflow-x:auto;background:var(--panel)!important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}for-hire-badge{--fhb-bg:var(--surface);--fhb-border:var(--line);--fhb-ink:var(--ink);--fhb-muted:var(--muted);--fhb-font:var(--font-sans)}.theme-toggle:where(.astro-l6lhmie6){border:1px solid var(--line);cursor:pointer;width:2.15rem;height:2.15rem;color:var(--muted);transition:border-color .16s var(--ease-out), color .16s var(--ease-out);background:0 0;border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:where(.astro-l6lhmie6):hover{border-color:var(--muted);color:var(--ink)}.icon-sun:where(.astro-l6lhmie6){display:none}[data-theme=dark] .icon-sun:where(.astro-l6lhmie6){display:block}[data-theme=dark] .icon-moon:where(.astro-l6lhmie6){display:none}.site-header:where(.astro-ju4pidww){z-index:var(--z-sticky);background:color-mix(in oklch, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.header-row:where(.astro-ju4pidww){justify-content:space-between;align-items:center;gap:1rem;min-height:3.75rem;display:flex}.wordmark:where(.astro-ju4pidww){font-family:var(--font-mono);color:var(--ink);letter-spacing:-.01em;align-items:center;gap:.55rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.wordmark-dot:where(.astro-ju4pidww){background:var(--panel-rec);width:.55rem;height:.55rem;box-shadow:0 0 0 3px var(--panel-rec-soft);border-radius:50%}nav:where(.astro-ju4pidww){align-items:center;gap:clamp(.75rem,2.5vw,1.5rem);display:flex}nav:where(.astro-ju4pidww) a:where(.astro-ju4pidww){font-size:var(--step--1);color:var(--ink);font-weight:600;text-decoration:none}nav:where(.astro-ju4pidww) a:where(.astro-ju4pidww):hover{color:var(--link)}.lang-picker:where(.astro-ju4pidww) select:where(.astro-ju4pidww){font:inherit;font-size:var(--step--1);color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:.375rem;padding:.15rem .35rem;font-weight:600}.lang-picker:where(.astro-ju4pidww) select:where(.astro-ju4pidww):hover{color:var(--link)}.visually-hidden:where(.astro-ju4pidww){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-footer:where(.astro-ju4pidww){border-top:1px solid var(--line);padding-block:2rem}.footer-row:where(.astro-ju4pidww){font-size:var(--step--1);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.75rem;display:flex}.footer-row:where(.astro-ju4pidww) a:where(.astro-ju4pidww){color:inherit}.footer-meta:where(.astro-ju4pidww){font-family:var(--font-mono);font-size:.8rem}.open-launch-badge:where(.astro-ju4pidww){line-height:0;display:inline-flex}.open-launch-badge:where(.astro-ju4pidww) img:where(.astro-ju4pidww){width:auto;height:50px}.badge-dark:where(.astro-ju4pidww),[data-theme=dark] .badge-light:where(.astro-ju4pidww){display:none}[data-theme=dark] .badge-dark:where(.astro-ju4pidww){display:inline-block}@media (width<=640px){nav:where(.astro-ju4pidww) a:where(.astro-ju4pidww):not(:last-of-type){display:none}}.scene:where(.astro-5jfcazhp){background:var(--panel);border:1px solid var(--panel-edge);box-shadow:var(--shadow-panel);font-family:var(--font-mono);color:var(--panel-ink);border-radius:14px;padding:0 1.4rem 1.45rem}.scene-bar:where(.astro-5jfcazhp){border-bottom:1px solid var(--panel-edge);align-items:center;gap:.45rem;margin-bottom:1.3rem;padding-block:.85rem;display:flex}.bar-dot:where(.astro-5jfcazhp){background:var(--panel-edge);border-radius:50%;width:.6rem;height:.6rem}.bar-title:where(.astro-5jfcazhp){color:var(--panel-muted);letter-spacing:.01em;margin-left:.65rem;font-size:.72rem}.phase-head:where(.astro-5jfcazhp){letter-spacing:.08em;align-items:center;gap:.5rem;font-size:.78rem;font-weight:700;display:flex}.rec-head:where(.astro-5jfcazhp){color:var(--panel-rec-text)}.play-head:where(.astro-5jfcazhp){color:var(--panel-accent)}.phase-meta:where(.astro-5jfcazhp){letter-spacing:.01em;color:var(--panel-muted);font-weight:400}.lamp:where(.astro-5jfcazhp){background:var(--panel-rec);width:.62rem;height:.62rem;animation:lamp-pulse 1.6s var(--ease-out) infinite;border-radius:50%;box-shadow:0 0 8px 1px oklch(62% .21 29/.55)}.play-glyph:where(.astro-5jfcazhp){font-size:.65rem}.track:where(.astro-5jfcazhp){align-items:center;gap:.55rem;margin-block:.95rem .8rem;display:flex}.node:where(.astro-5jfcazhp){border:1px solid var(--panel-edge);color:var(--panel-ink);white-space:nowrap;background:oklch(26.2% .042 262);border-radius:7px;flex-shrink:0;padding:.32rem .62rem;font-size:.74rem}.node-proxy:where(.astro-5jfcazhp){border-color:var(--panel-accent);color:oklch(88% .06 262)}.wire:where(.astro-5jfcazhp){background:var(--panel-edge);border-radius:1px;flex:1;min-width:1.5rem;height:2px;position:relative}.lane:where(.astro-5jfcazhp){position:absolute;inset:0}.packet:where(.astro-5jfcazhp){opacity:0;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:0;translate:-50% -50%}.packet-rec:where(.astro-5jfcazhp){background:var(--panel-rec);box-shadow:0 0 7px 1px oklch(62% .21 29/.6)}.packet-app:where(.astro-5jfcazhp){background:oklch(95% .008 262);box-shadow:0 0 7px 1px oklch(90% .02 262/.55)}.packet-play:where(.astro-5jfcazhp){background:oklch(78% .12 262);box-shadow:0 0 7px 1px oklch(70% .15 262/.6)}.packet-ok:where(.astro-5jfcazhp){background:oklch(80% .13 150);box-shadow:0 0 7px 1px oklch(75% .14 150/.6)}.lane-1:where(.astro-5jfcazhp){animation:9s linear infinite travel-a}.lane-2:where(.astro-5jfcazhp){animation:9s linear infinite travel-b}.lane-6:where(.astro-5jfcazhp){animation:9s linear infinite travel-f}.lane-7:where(.astro-5jfcazhp){animation:9s linear infinite travel-g}.lane-3:where(.astro-5jfcazhp){animation:9s linear infinite travel-c}.lane-4:where(.astro-5jfcazhp){animation:9s linear infinite travel-d}.lane-5:where(.astro-5jfcazhp){animation:9s linear infinite travel-e}.lane-1:where(.astro-5jfcazhp) .packet:where(.astro-5jfcazhp){animation:9s linear infinite blink-1}.lane-2:where(.astro-5jfcazhp) .packet:where(.astro-5jfcazhp){animation:9s linear infinite blink-2}.lane-6:where(.astro-5jfcazhp) .packet:where(.astro-5jfcazhp){animation:9s linear infinite blink-6}.lane-7:where(.astro-5jfcazhp) .packet:where(.astro-5jfcazhp){animation:9s linear infinite blink-7}.lane-3:where(.astro-5jfcazhp) .packet:where(.astro-5jfcazhp){animation:9s linear infinite blink-3}.lane-4:where(.astro-5jfcazhp) .packet:where(.astro-5jfcazhp){animation:9s linear infinite blink-4}.lane-5:where(.astro-5jfcazhp) .packet:where(.astro-5jfcazhp){animation:9s linear infinite blink-5}.result:where(.astro-5jfcazhp){color:var(--panel-muted);white-space:nowrap;text-overflow:ellipsis;align-items:baseline;gap:.5rem;font-size:.74rem;display:flex;overflow:hidden}.result-file:where(.astro-5jfcazhp){color:var(--panel-ink)}.result-strong:where(.astro-5jfcazhp){color:oklch(85% .09 150)}.glyph-rec:where(.astro-5jfcazhp){color:var(--panel-rec-text)}.glyph-play:where(.astro-5jfcazhp){color:oklch(85% .09 150)}.phase-divider:where(.astro-5jfcazhp){background:var(--panel-edge);height:1px;margin-block:1.25rem}@keyframes travel-a{0%,4%{transform:translate(0)}14%,to{transform:translate(100%)}}@keyframes travel-b{0%,16%{transform:translate(0)}26%,to{transform:translate(100%)}}@keyframes travel-f{0%,30%{transform:translate(100%)}38%,to{transform:translate(0)}}@keyframes travel-g{0%,41%{transform:translate(100%)}49%,to{transform:translate(0)}}@keyframes travel-c{0%,54%{transform:translate(0)}64%,to{transform:translate(100%)}}@keyframes travel-d{0%,70%{transform:translate(100%)}77%,to{transform:translate(0)}}@keyframes travel-e{0%,82%{transform:translate(100%)}92%,to{transform:translate(0)}}@keyframes blink-1{0%,3%{opacity:0}5%,13%{opacity:1}15%,to{opacity:0}}@keyframes blink-2{0%,15%{opacity:0}17%,25%{opacity:1}27%,to{opacity:0}}@keyframes blink-6{0%,29.5%{opacity:0}31%,37%{opacity:1}38.5%,to{opacity:0}}@keyframes blink-7{0%,40.5%{opacity:0}42%,48%{opacity:1}49.5%,to{opacity:0}}@keyframes blink-3{0%,53%{opacity:0}55%,63%{opacity:1}65%,to{opacity:0}}@keyframes blink-4{0%,69.5%{opacity:0}71%,76%{opacity:1}77.5%,to{opacity:0}}@keyframes blink-5{0%,81.5%{opacity:0}83%,91%{opacity:1}92.5%,to{opacity:0}}@keyframes lamp-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.packet:where(.astro-5jfcazhp){opacity:0}.lamp:where(.astro-5jfcazhp){animation:none}}@media (width<=420px){.scene:where(.astro-5jfcazhp){padding-inline:1rem}.node:where(.astro-5jfcazhp){padding:.28rem .45rem;font-size:.68rem}.result:where(.astro-5jfcazhp){font-size:.68rem}}section:where(.astro-zkhec6xw){padding-block:clamp(3.5rem,9vw,6.5rem)}.section-sub:where(.astro-zkhec6xw){color:var(--muted);max-width:56ch;margin-top:.7rem}.section-sub:where(.astro-zkhec6xw) a:where(.astro-zkhec6xw){color:var(--link)}.vh:where(.astro-zkhec6xw){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.compare-scroll:where(.astro-zkhec6xw){margin-top:2rem;overflow-x:auto}.compare-table:where(.astro-zkhec6xw){border-collapse:collapse;width:100%;min-width:720px;font-size:.9rem}.compare-table:where(.astro-zkhec6xw) th:where(.astro-zkhec6xw),.compare-table:where(.astro-zkhec6xw) td:where(.astro-zkhec6xw){border-bottom:1px solid var(--line);text-align:center;padding:.85rem 1rem}.compare-table:where(.astro-zkhec6xw) thead:where(.astro-zkhec6xw) th:where(.astro-zkhec6xw){color:var(--ink);vertical-align:bottom;font-size:.82rem;font-weight:600;line-height:1.25}.compare-table:where(.astro-zkhec6xw) thead:where(.astro-zkhec6xw) th:where(.astro-zkhec6xw):first-child,.compare-table:where(.astro-zkhec6xw) tbody:where(.astro-zkhec6xw) th:where(.astro-zkhec6xw){text-align:left}.compare-table:where(.astro-zkhec6xw) tbody:where(.astro-zkhec6xw) th:where(.astro-zkhec6xw){color:var(--ink);white-space:nowrap;font-weight:600}.row-note:where(.astro-zkhec6xw){font-family:var(--font-mono);color:var(--muted);margin-top:.15rem;font-size:.7rem;font-weight:400;display:block}.compare-table:where(.astro-zkhec6xw) th:where(.astro-zkhec6xw).is-self,.compare-table:where(.astro-zkhec6xw) td:where(.astro-zkhec6xw).is-self{background:var(--primary-soft)}.compare-table:where(.astro-zkhec6xw) thead:where(.astro-zkhec6xw) th:where(.astro-zkhec6xw).is-self{color:var(--primary-on-soft);box-shadow:inset 0 3px 0 var(--primary)}.mark:where(.astro-zkhec6xw){font-size:1.05rem;line-height:1}.mark-y:where(.astro-zkhec6xw){color:var(--link);font-weight:700}.mark-n:where(.astro-zkhec6xw){color:var(--muted)}.mark-p:where(.astro-zkhec6xw){color:var(--accent-on-soft);font-weight:700}.compare-foot:where(.astro-zkhec6xw){color:var(--muted);max-width:70ch;margin-top:1.1rem;font-size:.85rem}.compare-foot:where(.astro-zkhec6xw) .mark-p:where(.astro-zkhec6xw){font-size:.85rem}.compare-foot:where(.astro-zkhec6xw) a:where(.astro-zkhec6xw){color:var(--link)}.auth-code:where(.astro-zkhec6xw){max-width:640px;margin-top:1.6rem}.auth-links:where(.astro-zkhec6xw){flex-wrap:wrap;gap:1.4rem;margin-top:1.4rem;display:flex}.auth-links:where(.astro-zkhec6xw) a:where(.astro-zkhec6xw){color:var(--link);font-family:var(--font-mono);font-size:.85rem}.hero:where(.astro-zkhec6xw){padding-block:clamp(3.5rem,8vw,6rem) clamp(3rem,7vw,5.5rem)}.hero-grid:where(.astro-zkhec6xw){grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid}.hero-eyebrow:where(.astro-zkhec6xw){font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--primary);margin-bottom:.9rem;font-size:.78rem;font-weight:600}[data-theme=dark] .hero-eyebrow:where(.astro-zkhec6xw){color:var(--link)}.hero-sub:where(.astro-zkhec6xw){font-size:var(--step-1);color:var(--muted);max-width:34ch;margin-top:1.4rem;line-height:1.55}.hero-actions:where(.astro-zkhec6xw){flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:2.1rem;display:flex}.hero-fine:where(.astro-zkhec6xw){font-family:var(--font-mono);color:var(--muted);margin-top:1.5rem;font-size:.78rem}.cmd:where(.astro-zkhec6xw){background:var(--panel);color:var(--panel-ink);border:1px solid var(--panel-edge);font-family:var(--font-mono);border-radius:9px;align-items:center;gap:.85rem;padding:.55rem .6rem .55rem 1rem;font-size:.85rem;display:inline-flex}.cmd:where(.astro-zkhec6xw) code:where(.astro-zkhec6xw):before{content:"$ ";color:var(--panel-muted)}.copy-btn:where(.astro-zkhec6xw){border:1px solid var(--panel-edge);color:var(--panel-ink);font-family:var(--font-mono);cursor:pointer;transition:background-color .15s var(--ease-out);background:oklch(27% .045 262);border-radius:6px;padding:.3rem .6rem;font-size:.72rem;font-weight:600}.copy-btn:where(.astro-zkhec6xw):hover{background:oklch(32% .05 262)}.copy-btn:where(.astro-zkhec6xw).copied{background:oklch(42% .1 150);border-color:#0000}.ai-prompt:where(.astro-zkhec6xw){position:relative}.copy-btn--float:where(.astro-zkhec6xw){z-index:2;position:absolute;top:.7rem;right:.7rem}.ai-prompt:where(.astro-zkhec6xw) .copy{display:none}.demo:where(.astro-zkhec6xw){background:var(--surface);border-block:1px solid var(--line)}.demo-inner:where(.astro-zkhec6xw){text-align:center;justify-items:center;display:grid}.demo-frame:where(.astro-zkhec6xw){border:1px solid var(--panel-edge);width:100%;max-width:60rem;box-shadow:var(--shadow-panel);background:var(--panel);border-radius:14px;margin:2.5rem 0 0;overflow:hidden}.demo-video:where(.astro-zkhec6xw){aspect-ratio:16/9;width:100%;height:auto;display:block}.mech-grid:where(.astro-zkhec6xw){grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.5rem;margin-top:2.5rem;display:grid}.mech:where(.astro-zkhec6xw){border:1px solid var(--line);border-radius:14px;padding:1.7rem 1.8rem 1.8rem}.mech:where(.astro-zkhec6xw) p:where(.astro-zkhec6xw){font-size:var(--step--1);color:var(--muted);margin-top:.85rem}.mech-head:where(.astro-zkhec6xw){justify-content:space-between;align-items:center;gap:1rem;display:flex}.mech-ext:where(.astro-zkhec6xw){background:var(--primary-soft);color:var(--primary-on-soft);border:0;border-radius:99px;padding:.22em .6em;font-size:.78rem;font-weight:600}.mech-flow:where(.astro-zkhec6xw){font-family:var(--font-mono);color:var(--ink)!important;margin-top:1rem!important;font-size:.78rem!important}.mech-when:where(.astro-zkhec6xw){font-weight:600;color:var(--ink)!important}.mech-example:where(.astro-zkhec6xw){color:var(--primary);margin-top:1.1rem;font-size:.82rem;font-weight:600;display:inline-block}.mech-example:where(.astro-zkhec6xw):hover{text-decoration:underline}[data-theme=dark] .mech-example:where(.astro-zkhec6xw){color:var(--link)}.qs-inner:where(.astro-zkhec6xw){max-width:calc(46rem + 2 * var(--gutter))}.steps:where(.astro-zkhec6xw){counter-reset:step;gap:2.9rem;max-width:46rem;margin-top:2.75rem;padding:0;list-style:none;display:grid}.step:where(.astro-zkhec6xw){counter-increment:step;gap:.85rem;display:grid}.step:where(.astro-zkhec6xw) h3:where(.astro-zkhec6xw){font-size:var(--step-1);align-items:baseline;gap:.85rem;display:flex}.step:where(.astro-zkhec6xw) h3:where(.astro-zkhec6xw):before{content:counter(step);font-family:var(--font-mono);color:var(--primary);border:1.5px solid;border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;font-size:.82rem;font-weight:600;display:inline-flex;translate:0 -.15rem}[data-theme=dark] .step:where(.astro-zkhec6xw) h3:where(.astro-zkhec6xw):before{color:var(--link)}.step-note:where(.astro-zkhec6xw){color:var(--muted);font-size:var(--step--1);max-width:58ch}.cta:where(.astro-zkhec6xw){background:var(--primary);padding-block:clamp(4rem,10vw,6.5rem)}[data-theme=dark] .cta:where(.astro-zkhec6xw){background:oklch(45% .15 262)}.cta-inner:where(.astro-zkhec6xw){text-align:center;justify-items:center;display:grid}.cta:where(.astro-zkhec6xw) h2:where(.astro-zkhec6xw){color:oklch(100% 0 0)}.cta-sub:where(.astro-zkhec6xw){color:oklch(88% .045 262);font-size:var(--step-1);margin-top:.8rem}.cta-actions:where(.astro-zkhec6xw){flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem;margin-top:2.2rem;display:flex}.btn-star:where(.astro-zkhec6xw){align-items:center;gap:.5rem;display:inline-flex}.star-glyph:where(.astro-zkhec6xw){color:inherit;font-size:1.05em;line-height:1}.star-count:where(.astro-zkhec6xw){border-radius:4px;width:auto;height:20px;display:block}.cta-fine:where(.astro-zkhec6xw){color:oklch(90% .04 262);max-width:52ch;margin-top:1.6rem;font-size:.85rem;line-height:1.6}.cta-fine:where(.astro-zkhec6xw) a:where(.astro-zkhec6xw){color:oklch(100% 0 0);text-underline-offset:2px;text-decoration:underline}.cmd-on-dark:where(.astro-zkhec6xw){background:oklch(32% .11 262);border-color:oklch(52% .12 262)}.btn-on-dark:where(.astro-zkhec6xw){color:oklch(100% 0 0);border:1px solid oklch(68% .1 262)}.btn-on-dark:where(.astro-zkhec6xw):hover{background:oklch(52% .14 262);border-color:oklch(75% .09 262)}@media (width<=880px){.hero-grid:where(.astro-zkhec6xw){grid-template-columns:1fr}.hero-sub:where(.astro-zkhec6xw){max-width:52ch}}@media (width<=560px){.step:where(.astro-zkhec6xw) .astro-code{font-size:.78rem}}