.copy-btn:where(.astro-yulf4ecu){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;display:inline-grid}.copy-btn:where(.astro-yulf4ecu)>span:where(.astro-yulf4ecu){grid-area:1/1}.copy-done:where(.astro-yulf4ecu),.copy-btn:where(.astro-yulf4ecu).copied .copy-idle:where(.astro-yulf4ecu){opacity:0}.copy-btn:where(.astro-yulf4ecu).copied .copy-done:where(.astro-yulf4ecu){opacity:1}.copy-btn:where(.astro-yulf4ecu):hover{background:oklch(32% .05 262)}.copy-btn:where(.astro-yulf4ecu).copied{background:oklch(42% .1 150);border-color:#0000}: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 6px 14px -8px oklch(25% .08 262/.35);--z-skip:calc(var(--z-sticky) + 1);--focus-ring:var(--primary)}:root[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 6px 14px -8px oklch(0% 0 0/.6);--focus-ring:var(--link)}.scene,.cmd,.expressive-code{--focus-ring:var(--panel-accent)}*,: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(--focus-ring);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)}:root{--sl-color-gray-5:var(--panel-edge);--sl-color-gray-6:var(--panel);--sl-color-black:var(--panel);--sl-color-text:var(--panel-ink);--sl-color-accent:var(--panel-accent);--sl-color-accent-high:var(--panel-accent);--sl-text-code:.86rem;--sl-line-height:1.65}.expressive-code{--ec-brdRad:12px;--ec-frm-frameBoxShdCssVal:var(--shadow-panel)}@media (width<=560px){:root{--sl-text-code:.78rem}}@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)}.lang-menu:where(.astro-gtewornt){position:relative}.lang-menu:where(.astro-gtewornt) summary:where(.astro-gtewornt){font-size:var(--step--1);color:var(--ink);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:.375rem;padding:.15rem .5rem;font-weight:600;list-style:none}.lang-menu:where(.astro-gtewornt) summary:where(.astro-gtewornt)::-webkit-details-marker{display:none}.lang-menu:where(.astro-gtewornt) summary:where(.astro-gtewornt):after{content:"▾" / "";color:var(--muted);margin-left:.35rem}.lang-menu:where(.astro-gtewornt) summary:where(.astro-gtewornt):hover{color:var(--link)}.lang-menu:where(.astro-gtewornt) ul:where(.astro-gtewornt){z-index:1;background:var(--bg);border:1px solid var(--line);min-width:11rem;box-shadow:var(--shadow-panel);border-radius:.5rem;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .4rem);right:0}.lang-menu:where(.astro-gtewornt) a:where(.astro-gtewornt),.lang-list:where(.astro-gtewornt) a:where(.astro-gtewornt){color:var(--ink);text-decoration:none}.lang-menu:where(.astro-gtewornt) a:where(.astro-gtewornt){font-size:var(--step--1);border-radius:.35rem;padding:.35rem .6rem;display:block}.lang-menu:where(.astro-gtewornt) a:where(.astro-gtewornt):hover,.lang-list:where(.astro-gtewornt) a:where(.astro-gtewornt):hover{color:var(--link)}.lang-menu:where(.astro-gtewornt) a:where(.astro-gtewornt)[aria-current=page],.lang-list:where(.astro-gtewornt) a:where(.astro-gtewornt)[aria-current=page]{font-weight:700}.lang-list:where(.astro-gtewornt){flex-wrap:wrap;gap:.3rem .9rem;max-width:none;display:flex}.lang-label:where(.astro-gtewornt){color:var(--muted)}.visually-hidden:where(.astro-gtewornt){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.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}.copy-status:where(.astro-ju4pidww){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header:where(.astro-ju4pidww){z-index:var(--z-sticky);background:color-mix(in oklch, var(--bg) 96%, 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){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-height:3.75rem;display:flex}.wordmark:where(.astro-ju4pidww){white-space:nowrap;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%;flex-shrink:0}.site-header:where(.astro-ju4pidww) nav:where(.astro-ju4pidww){align-items:center;gap:clamp(.75rem,2.5vw,1.5rem);display:flex}.site-header:where(.astro-ju4pidww) nav:where(.astro-ju4pidww) a:where(.astro-ju4pidww){font-size:var(--step--1);color:var(--ink);font-weight:600;text-decoration:none}.site-header:where(.astro-ju4pidww) nav:where(.astro-ju4pidww) a:where(.astro-ju4pidww):hover{color:var(--link)}.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-nav:where(.astro-ju4pidww){flex-wrap:wrap;align-items:center;gap:.4rem 1.1rem;display:flex}.footer-lang:where(.astro-ju4pidww){display:none}.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<=800px){.nav-extra:where(.astro-ju4pidww),.header-lang:where(.astro-ju4pidww){display:none}.footer-lang:where(.astro-ju4pidww){display:inline-flex}}.scene-toggle:where(.astro-5jfcazhp){font-family:var(--font-mono);color:var(--panel-muted);border:1px solid var(--panel-edge);cursor:pointer;background:0 0;border-radius:6px;padding:.15rem .5rem;font-size:.72rem;position:absolute;top:.62rem;right:1rem}.scene-toggle:where(.astro-5jfcazhp):hover{color:var(--panel-ink)}.scene:where(.astro-5jfcazhp)[data-paused] .packet:where(.astro-5jfcazhp){animation-play-state:paused}.scene:where(.astro-5jfcazhp){--cycle:6s;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;position:relative;overflow:clip;container-type:inline-size}.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);border-radius:50%;width:.62rem;height:.62rem}.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);min-width:0;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)}.packet-app:where(.astro-5jfcazhp){background:oklch(95% .008 262)}.packet-play:where(.astro-5jfcazhp){background:oklch(78% .12 262)}.packet-ok:where(.astro-5jfcazhp){background:oklch(80% .13 150)}.lane-1:where(.astro-5jfcazhp){animation:travel-a var(--cycle) linear infinite}.lane-2:where(.astro-5jfcazhp){animation:travel-b var(--cycle) linear infinite}.lane-6:where(.astro-5jfcazhp){animation:travel-f var(--cycle) linear infinite}.lane-7:where(.astro-5jfcazhp){animation:travel-g var(--cycle) linear infinite}.lane-3:where(.astro-5jfcazhp){animation:travel-c var(--cycle) linear infinite}.lane-4:where(.astro-5jfcazhp){animation:travel-d var(--cycle) linear infinite}.lane-5:where(.astro-5jfcazhp){animation:travel-e var(--cycle) linear infinite}.lane-1:where(.astro-5jfcazhp) .packet:where(.astro-5jfcazhp){animation:blink-1 var(--cycle) linear infinite}.lane-2:where(.astro-5jfcazhp) .packet:where(.astro-5jfcazhp){animation:blink-2 var(--cycle) linear infinite}.lane-6:where(.astro-5jfcazhp) .packet:where(.astro-5jfcazhp){animation:blink-6 var(--cycle) linear infinite}.lane-7:where(.astro-5jfcazhp) .packet:where(.astro-5jfcazhp){animation:blink-7 var(--cycle) linear infinite}.lane-3:where(.astro-5jfcazhp) .packet:where(.astro-5jfcazhp){animation:blink-3 var(--cycle) linear infinite}.lane-4:where(.astro-5jfcazhp) .packet:where(.astro-5jfcazhp){animation:blink-4 var(--cycle) linear infinite}.lane-5:where(.astro-5jfcazhp) .packet:where(.astro-5jfcazhp){animation:blink-5 var(--cycle) linear infinite}.result:where(.astro-5jfcazhp){color:var(--panel-muted);white-space:nowrap;text-overflow:ellipsis;align-items:baseline;gap:.5rem;font-size:.8125rem;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%,5%{transform:translate(0)}10.83%,to{transform:translate(100%)}}@keyframes travel-b{0%,12.5%{transform:translate(0)}21.67%,to{transform:translate(100%)}}@keyframes travel-f{0%,26.67%{transform:translate(100%)}35.83%,to{transform:translate(0)}}@keyframes travel-g{0%,37.5%{transform:translate(100%)}43.33%,to{transform:translate(0)}}@keyframes travel-c{0%,60%{transform:translate(0)}65.83%,to{transform:translate(100%)}}@keyframes travel-d{0%,67.5%{transform:translate(100%)}69.5%,to{transform:translate(0)}}@keyframes travel-e{0%,71.17%{transform:translate(100%)}77%,to{transform:translate(0)}}@keyframes blink-1{0%,4%{opacity:0}5%,10.83%{opacity:1}11.83%,to{opacity:0}}@keyframes blink-2{0%,11.5%{opacity:0}12.5%,21.67%{opacity:1}22.67%,to{opacity:0}}@keyframes blink-6{0%,25.67%{opacity:0}26.67%,35.83%{opacity:1}36.83%,to{opacity:0}}@keyframes blink-7{0%,36.5%{opacity:0}37.5%,43.33%{opacity:1}44.33%,to{opacity:0}}@keyframes blink-3{0%,59%{opacity:0}60%,65.83%{opacity:1}66.83%,to{opacity:0}}@keyframes blink-4{0%,66.83%{opacity:0}67.5%,69.5%{opacity:1}70.17%,to{opacity:0}}@keyframes blink-5{0%,70.17%{opacity:0}71.17%,77%{opacity:1}78%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.packet:where(.astro-5jfcazhp){opacity:0}.scene-toggle:where(.astro-5jfcazhp){display: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:.75rem}}@container (width<=20rem){.track:where(.astro-5jfcazhp){gap:.4rem}.node:where(.astro-5jfcazhp){padding:.26rem .38rem;font-size:.6rem}.wire:where(.astro-5jfcazhp){min-width:.75rem}}@media (width<=320px){.node:where(.astro-5jfcazhp){text-overflow:ellipsis;flex-shrink:1;overflow:hidden}}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){background:linear-gradient(to left, var(--bg) 40%, transparent) right / 2.5rem 100% no-repeat local, radial-gradient(farthest-side at 100% 50%, oklch(0% 0 0/.2), transparent) right / .9rem 100% no-repeat scroll;margin-top:2rem;position:relative;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(--ink);font-weight:700}.compare-foot:where(.astro-zkhec6xw){color:var(--muted);max-width:62ch;margin-top:1.1rem;font-size:.85rem}.compare-table:where(.astro-zkhec6xw) tbody:where(.astro-zkhec6xw) th:where(.astro-zkhec6xw),.compare-table:where(.astro-zkhec6xw) thead:where(.astro-zkhec6xw) th:where(.astro-zkhec6xw):first-child{z-index:1;background:var(--bg);position:sticky;left:0}.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;max-width:none;margin-top:1.4rem;display:flex}.auth-links:where(.astro-zkhec6xw) a:where(.astro-zkhec6xw){color:var(--link);font-weight:600}.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-title:where(.astro-zkhec6xw){font-size:var(--step-1);letter-spacing:-.005em;color:var(--primary);margin-bottom:.8rem;font-weight:650;line-height:1.4}[data-theme=dark] .hero-title:where(.astro-zkhec6xw){color:var(--link)}.hero-headline:where(.astro-zkhec6xw){font-size:var(--step-hero);letter-spacing:-.022em;text-wrap:balance;max-width:none;font-weight:760;line-height:1.12}.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)}.band: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:where(.astro-zkhec6xw) .mech-links:where(.astro-zkhec6xw){flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:1.1rem;display:flex}.mech:where(.astro-zkhec6xw) .mech-links:where(.astro-zkhec6xw)+.mech-links:where(.astro-zkhec6xw){margin-top:.5rem}.mech-guide:where(.astro-zkhec6xw),.mech-example:where(.astro-zkhec6xw){color:var(--primary);font-size:.82rem;font-weight:600;text-decoration:none}.mech-example:where(.astro-zkhec6xw){color:var(--muted);font-weight:500}.mech-guide:where(.astro-zkhec6xw):hover,.mech-example:where(.astro-zkhec6xw):hover{text-decoration:underline}[data-theme=dark] .mech-guide:where(.astro-zkhec6xw){color:var(--link)}.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;grid-template-columns:minmax(0,1fr);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}.qs-changes-label:where(.astro-zkhec6xw){font-size:var(--step-0);margin-top:1.6rem;font-weight:650}.qs-changes:where(.astro-zkhec6xw){color:var(--muted);font-size:var(--step--1);gap:.45rem;max-width:62ch;margin-top:.6rem;padding-left:1.1rem;display:grid}.setup-tabs:where(.astro-zkhec6xw){max-width:46rem;margin-top:2.25rem}.tab-list:where(.astro-zkhec6xw){border-bottom:1px solid var(--line);gap:.25rem;display:flex}.tab-list:where(.astro-zkhec6xw) :where(.astro-zkhec6xw)[role=tab]{font-weight:600;font-size:var(--step--1);color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.6rem .9rem}.tab-list:where(.astro-zkhec6xw) :where(.astro-zkhec6xw)[role=tab][aria-selected=true]{color:var(--ink);border-bottom-color:var(--primary)}[data-theme=dark] .tab-list:where(.astro-zkhec6xw) :where(.astro-zkhec6xw)[role=tab][aria-selected=true]{border-bottom-color:var(--link)}.tab-panel:where(.astro-zkhec6xw){padding-top:1.4rem}.tab-panel:where(.astro-zkhec6xw)[hidden]{display:none}.tab-panel:where(.astro-zkhec6xw) .steps:where(.astro-zkhec6xw){margin-top:0}.recording-grid:where(.astro-zkhec6xw){grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:center;gap:1.5rem 2.5rem;margin-top:1rem;display:grid}.facts:where(.astro-zkhec6xw){font-size:var(--step--1);gap:.95rem;margin:0;display:grid}.facts:where(.astro-zkhec6xw) dt:where(.astro-zkhec6xw){color:var(--ink);font-weight:650}.facts:where(.astro-zkhec6xw) dd:where(.astro-zkhec6xw){color:var(--muted);margin:.1rem 0 0}.facts:where(.astro-zkhec6xw) a:where(.astro-zkhec6xw){color:var(--link)}.recording:where(.astro-zkhec6xw) .facts:where(.astro-zkhec6xw){font-size:var(--step-0)}.questions:where(.astro-zkhec6xw) .facts:where(.astro-zkhec6xw){grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:1.4rem 2.5rem;margin-top:1rem}.sample:where(.astro-zkhec6xw){min-width:0;margin:0}.sample:where(.astro-zkhec6xw) figcaption:where(.astro-zkhec6xw){color:var(--muted);margin-top:.6rem;font-size:.85rem}.ai-copy:where(.astro-zkhec6xw){margin:0}.ai-setup:where(.astro-zkhec6xw) .expressive-code .copy{display:none}.qs-guide:where(.astro-zkhec6xw){margin-top:1.2rem;font-weight:600}.qs-guide:where(.astro-zkhec6xw) a:where(.astro-zkhec6xw){color:var(--link)}.compare-tradeoff:where(.astro-zkhec6xw){color:var(--ink);max-width:62ch;margin-top:1.4rem}.ai-setup:where(.astro-zkhec6xw){grid-template-columns:minmax(0,1fr);gap:.85rem;display:grid}.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:where(.astro-zkhec6xw),.cta:where(.astro-zkhec6xw) .cmd:where(.astro-zkhec6xw){--focus-ring: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:minmax(0,1fr)}.hero-sub:where(.astro-zkhec6xw){max-width:52ch}}