.divider[data-astro-cid-boktbqod]{align-items:center;gap:calc(var(--m) * .75);z-index:1;margin-block:calc(var(--m) * -1.5);grid-template-columns:1fr auto 1fr;display:grid;position:relative}.divider[data-astro-cid-boktbqod] svg[data-astro-cid-boktbqod]{height:auto;display:block}.line[data-astro-cid-boktbqod]{height:1px}.line[data-astro-cid-boktbqod].l{background:linear-gradient(90deg, transparent, var(--line-strong))}.line[data-astro-cid-boktbqod].r{background:linear-gradient(270deg, transparent, var(--line-strong))}.lprow{--SW:372;--SH:236;--STW:46;--HMAX:236;z-index:3;width:100%;max-width:860px;height:calc(var(--HMAX) * 1px + 40px);grid-template-columns:repeat(6,minmax(0,1fr));margin:0 auto;display:grid;position:relative}@media (width<=760px){.lprow{--SW:330;--SH:214;--STW:30;--HMAX:200}}@media (width<=360px){.lprow{--SW:296;--SH:200;--STW:26;--HMAX:180}}.lpcell{position:relative}.lp{--SHIFT:0;--H:calc(var(--HMAX) * var(--HF));--L:calc(var(--SW) / 2 - var(--SHIFT) - var(--STW) / 2);--R:calc(var(--SW) / 2 + var(--SHIFT) - var(--STW) / 2);--T:calc((var(--SH) - var(--H)) / 2);--B:calc((var(--SH) - var(--H)) / 2);--ease:var(--spring,cubic-bezier(.3, 1.3, .5, 1));--dur:.72s;width:calc(var(--SW) * 1px);height:calc(var(--SH) * 1px);left:calc(50% - var(--SW) * .5px + var(--SHIFT) * 1px);top:calc((var(--HMAX) - var(--SH)) * .5px);pointer-events:none;position:absolute}.lp.open{--L:0;--R:0;--T:0;--B:0;z-index:10}.lp-glass,.lp-ui{clip-path:inset(calc(var(--T) * 1px) calc(var(--R) * 1px) calc(var(--B) * 1px) calc(var(--L) * 1px) round 2px);transition:clip-path var(--dur) var(--ease);border-radius:3px;position:absolute;inset:0}.lp-glass{pointer-events:auto;cursor:pointer;background:linear-gradient(170deg, color-mix(in srgb, var(--tint) calc(46% + 8% * var(--glow)), transparent), color-mix(in srgb, var(--tint) calc(24% + 6% * var(--glow)), transparent));-webkit-backdrop-filter:blur(5px)saturate(1.6);transition:clip-path var(--dur) var(--ease), background .45s ease;outline:none}.lp.open .lp-glass{background:linear-gradient(170deg, color-mix(in srgb, var(--tint) 16%, color-mix(in srgb, var(--term-bg) 80%, transparent)), color-mix(in srgb, var(--term-bg) 84%, transparent));-webkit-backdrop-filter:blur(14px)saturate(1.3)}.lp-glass:after{content:"";pointer-events:none;background:linear-gradient(105deg, transparent 42%, rgba(255, 255, 255, calc(.22 + .1 * var(--glow))) 50%, transparent 58%);opacity:0;position:absolute;inset:-20% -60%;transform:translate(-60%)}.lprow.live .lp:not(.open) .lp-glass:after{animation:lp-glint 7.5s calc(var(--i) * .42s + 1.2s) infinite cubic-bezier(.4, 0, .2, 1)}@keyframes lp-glint{0%,70%{opacity:0;transform:translate(-60%)}72%{opacity:1}92%{opacity:1;transform:translate(60%)}94%,to{opacity:0;transform:translate(60%)}}.lp-cur{width:7px;height:13px;left:calc(var(--SW) * .5px - 3.5px - var(--SHIFT) * 1px);top:calc((var(--SH) + var(--H)) * .5px - 22px);background:color-mix(in srgb, var(--ink) 75%, transparent);transition:opacity .2s;position:absolute}.lprow.live .lp:not(.open) .lp-cur{animation:1.1s step-end infinite lp-blink}.lp.open .lp-cur{opacity:0}@keyframes lp-blink{50%{opacity:0}}.lp-ui{pointer-events:none;opacity:0;width:100%;height:100%;transition:clip-path var(--dur) var(--ease), opacity .25s ease}.lp.open .lp-ui{opacity:1;transition:clip-path var(--dur) var(--ease), opacity .35s ease .16s}.lp-e{transform-origin:0 0;pointer-events:none;transition:transform var(--dur) var(--ease);background:color-mix(in srgb, var(--tint) 75%, #fff);opacity:calc(.45 + .4 * var(--glow));position:absolute;top:0;left:0}.lp-et,.lp-eb{width:calc(var(--SW) * 1px);height:1px}.lp-el,.lp-er{height:calc(var(--SH) * 1px);width:1px}.lp-et{transform:translate(calc(var(--L) * 1px), calc(var(--T) * 1px)) scaleX(calc((var(--SW) - var(--L) - var(--R)) / var(--SW)))}.lp-eb{transform:translate(calc(var(--L) * 1px), calc((var(--SH) - var(--B) - 1) * 1px)) scaleX(calc((var(--SW) - var(--L) - var(--R)) / var(--SW)));opacity:calc(.2 + .3 * var(--glow))}.lp-el{transform:translate(calc(var(--L) * 1px), calc(var(--T) * 1px)) scaleY(calc((var(--SH) - var(--T) - var(--B)) / var(--SH)))}.lp-er{background:linear-gradient(var(--glass-cyan), var(--glass-violet), var(--glass-amber));width:2px;opacity:calc(.6 + .3 * var(--glow));transform:translate(calc((var(--SW) - var(--R) - 2) * 1px), calc(var(--T) * 1px)) scaleY(calc((var(--SH) - var(--T) - var(--B)) / var(--SH)))}.lp-glow{width:calc(var(--SW) * 1px);height:calc(var(--SH) * 1px);transform-origin:0 0;pointer-events:none;background:var(--tint);filter:blur(22px);opacity:calc(var(--glow) * .34);transition:transform var(--dur) var(--ease), opacity .5s;transform:translate(calc(var(--L) * 1px), calc(var(--T) * 1px)) scale(calc((var(--SW) - var(--L) - var(--R)) / var(--SW)), calc((var(--SH) - var(--T) - var(--B)) / var(--SH)));position:absolute;top:0;left:0}.lp.open .lp-glow{opacity:calc(var(--glow) * .22)}.lp-glass:focus-visible~.lp-e{opacity:1;background:var(--focus)}.lp-name{text-align:center;font:500 11px/1 var(--mono);color:var(--ink-3);letter-spacing:.04em;transition:color .3s;position:absolute;bottom:0;left:0;right:0}.lpcell:hover .lp-name,.lpcell:focus-within .lp-name{color:var(--ink)}@media (width<=520px){.lp-name{letter-spacing:0;font-size:9.5px}}.site[data-astro-cid-lcdefpme]{padding-inline:var(--gutter);padding-block:calc(var(--m) * 1) calc(var(--m) * 3);isolation:isolate;position:relative;overflow:clip}.site-in[data-astro-cid-lcdefpme]{max-width:var(--wide);z-index:1;gap:calc(var(--m) * 5);margin:0 auto;display:grid;position:relative}.axis[data-astro-cid-lcdefpme]{background:linear-gradient(var(--line), transparent 18%, transparent 82%, var(--line));z-index:0;width:1px;position:absolute;top:0;bottom:0;left:50%}.ghost[data-astro-cid-lcdefpme]{z-index:0;pointer-events:none;will-change:transform;-webkit-backdrop-filter:blur(2.5px);background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--gt) calc(9% + 4% * var(--glow)), transparent) 50%, transparent);position:absolute}.ghost[data-astro-cid-lcdefpme]:after{content:"";background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--gt) calc(35% + 30% * var(--glow)), transparent) 50%, transparent);width:1px;position:absolute;top:0;bottom:0}.ghost[data-astro-cid-lcdefpme][data-g="0"]:after,.ghost[data-astro-cid-lcdefpme][data-g="2"]:after{right:0}.ghost[data-astro-cid-lcdefpme][data-g="1"]:after,.ghost[data-astro-cid-lcdefpme][data-g="3"]:after{left:0}@media (width<=760px){.ghost[data-astro-cid-lcdefpme]{display:none}}.hero[data-astro-cid-lcdefpme]{gap:calc(var(--m) * 1.1);text-align:center;padding-top:calc(var(--m) * .5);justify-items:center;display:grid}.hero-art[data-astro-cid-lcdefpme]{aspect-ratio:40/15;width:100%;position:relative}.hero-art[data-astro-cid-lcdefpme] canvas[data-astro-cid-lcdefpme]{cursor:pointer;width:115%;height:140%;position:absolute;top:-20%;left:-7.5%}.hero-art[data-astro-cid-lcdefpme] .hero-static{width:72%;margin:0 auto}.hero[data-astro-cid-lcdefpme] .demo-link{width:min(100%,680px);margin:0 auto}.hero[data-astro-cid-lcdefpme] h1[data-astro-cid-lcdefpme]{letter-spacing:-.028em;max-width:17ch;font-size:clamp(32px,5.4vw,60px);font-weight:500;line-height:1.04}.sub[data-astro-cid-lcdefpme]{color:var(--ink-2);max-width:58ch;font-size:clamp(16px,1.6vw,19px)}.states[data-astro-cid-lcdefpme]{border:1px solid var(--line);background:color-mix(in srgb, var(--raised) 70%, transparent);margin-top:calc(var(--m) * -.5);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.states[data-astro-cid-lcdefpme] button[data-astro-cid-lcdefpme]{font:500 12px/1 var(--mono);color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;transition:color .25s,background-color .25s}.states[data-astro-cid-lcdefpme] button[data-astro-cid-lcdefpme]:hover{color:var(--ink-2)}.states[data-astro-cid-lcdefpme] button[data-astro-cid-lcdefpme][aria-pressed=true]{color:var(--ink);background:var(--sunken)}.cta[data-astro-cid-lcdefpme]{justify-items:center;gap:16px;width:100%;margin-top:4px;display:grid}.cta-links[data-astro-cid-lcdefpme]{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.s-title[data-astro-cid-lcdefpme]{text-align:center;justify-items:center;gap:10px;display:grid}.s-title[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme]{letter-spacing:-.02em;font-size:clamp(25px,3.2vw,38px);line-height:1.1}.s-title[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:var(--ink-2);max-width:56ch}.how[data-astro-cid-lcdefpme],.demo-sec[data-astro-cid-lcdefpme],.alpha[data-astro-cid-lcdefpme],.live[data-astro-cid-lcdefpme]{gap:calc(var(--m) * 2);display:grid}.steps[data-astro-cid-lcdefpme]{gap:var(--m);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.step[data-astro-cid-lcdefpme]{will-change:transform;align-content:start;gap:14px;min-width:0;padding:22px;display:grid}.step[data-astro-cid-lcdefpme]:first-child:before{background:linear-gradient(160deg, var(--glass-cyan), transparent 70%)}.step[data-astro-cid-lcdefpme]:nth-child(2):before{background:linear-gradient(180deg, var(--glass-violet), transparent 75%)}.step[data-astro-cid-lcdefpme]:nth-child(3):before{background:linear-gradient(200deg, var(--glass-amber), transparent 70%)}.step[data-astro-cid-lcdefpme]:nth-child(2){z-index:2}.step[data-astro-cid-lcdefpme] .n[data-astro-cid-lcdefpme]{font:500 12px/1 var(--mono);color:var(--ink-3);letter-spacing:.06em}.step[data-astro-cid-lcdefpme] h3[data-astro-cid-lcdefpme]{letter-spacing:-.01em;font-size:20px}.step[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:var(--ink-2);font-size:15px}.step[data-astro-cid-lcdefpme] pre[data-astro-cid-lcdefpme]{font:400 12px/1.55 var(--term-font);background:var(--term-bg);color:var(--term-fg);border:1px solid var(--line);white-space:pre;border-radius:3px;margin:0;padding:12px;position:relative;overflow-x:auto}.step[data-astro-cid-lcdefpme] pre[data-astro-cid-lcdefpme] .d{color:var(--ansi-8)}.step[data-astro-cid-lcdefpme] pre[data-astro-cid-lcdefpme] .b{color:var(--ansi-5)}.step[data-astro-cid-lcdefpme] pre[data-astro-cid-lcdefpme] .c{color:var(--ansi-6)}.step[data-astro-cid-lcdefpme] pre[data-astro-cid-lcdefpme] .y{color:var(--ansi-3)}.step[data-astro-cid-lcdefpme] pre[data-astro-cid-lcdefpme] .g{color:var(--ansi-2)}.step[data-astro-cid-lcdefpme] pre[data-astro-cid-lcdefpme] .sel{background:var(--term-sel)}@media (width<=860px){.steps[data-astro-cid-lcdefpme]{grid-template-columns:minmax(0,1fr)}}.demo[data-astro-cid-lcdefpme]{gap:var(--m);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid;position:relative}@media (width<=1000px){.demo[data-astro-cid-lcdefpme]{grid-template-columns:minmax(0,1fr)}}.demo-term[data-astro-cid-lcdefpme] pre[data-astro-cid-lcdefpme]{min-height:calc(16.32em + 36px);font-size:clamp(9.5px,2.10526vw - 1.34737px,13px)}.log[data-astro-cid-lcdefpme]{gap:4px;margin:0;padding:0;list-style:none;display:grid}.log[data-astro-cid-lcdefpme] button[data-astro-cid-lcdefpme]{text-align:left;cursor:pointer;width:100%;color:var(--ink-3);background:0 0;border:1px solid #0000;border-radius:4px;gap:3px;padding:9px 12px;transition:color .3s,border-color .3s,background-color .3s;display:grid}.log[data-astro-cid-lcdefpme] button[data-astro-cid-lcdefpme] code[data-astro-cid-lcdefpme]{color:inherit;font-size:13px}.log[data-astro-cid-lcdefpme] button[data-astro-cid-lcdefpme] small[data-astro-cid-lcdefpme]{font-size:13px;line-height:1.45}.log[data-astro-cid-lcdefpme] button[data-astro-cid-lcdefpme][aria-current=step]{border-color:var(--line);background:var(--raised);color:var(--ink)}.log[data-astro-cid-lcdefpme] button[data-astro-cid-lcdefpme][aria-current=step] small[data-astro-cid-lcdefpme],.log[data-astro-cid-lcdefpme] li[data-astro-cid-lcdefpme].past button[data-astro-cid-lcdefpme]{color:var(--ink-2)}.readback[data-astro-cid-lcdefpme]{font:400 11.5px/1.5 var(--term-font);white-space:pre;color:var(--ink-2);background:var(--sunken);border-radius:3px;margin-top:4px;padding:8px 10px;display:block;overflow-x:auto}.demo-ctrl[data-astro-cid-lcdefpme]{font:500 12px/1 var(--mono);color:var(--ink-3);justify-content:space-between;align-items:center;gap:10px;padding:8px 4px 0;display:flex}.demo-ctrl[data-astro-cid-lcdefpme] button[data-astro-cid-lcdefpme]{border:1px solid var(--line);background:var(--raised);cursor:pointer;font:inherit;color:var(--ink-2);border-radius:6px;padding:6px 10px}.blocks[data-astro-cid-lcdefpme]{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (width<=760px){.blocks[data-astro-cid-lcdefpme]{grid-template-columns:repeat(2,minmax(0,1fr))}}.blk[data-astro-cid-lcdefpme]{align-content:start;gap:10px;min-width:0;min-height:168px;padding:18px;display:grid}.blk[data-astro-cid-lcdefpme]:before{background:linear-gradient(180deg, var(--tint), transparent 65%)}.blk[data-astro-cid-lcdefpme] .glyph[data-astro-cid-lcdefpme]{font:400 13px/1.25 var(--term-font);white-space:pre;color:var(--ink-2);overflow:hidden}.blk[data-astro-cid-lcdefpme] b[data-astro-cid-lcdefpme]{font-weight:500;font-family:var(--mono);font-size:14px}.blk[data-astro-cid-lcdefpme] small[data-astro-cid-lcdefpme]{color:var(--ink-2);font-size:13px;line-height:1.45}.blk[data-astro-cid-lcdefpme] .tag[data-astro-cid-lcdefpme]{font:500 10px/1 var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}@media (width<=420px){.blk[data-astro-cid-lcdefpme]{padding:14px}.blk[data-astro-cid-lcdefpme] .glyph[data-astro-cid-lcdefpme]{font-size:11px}}.why[data-astro-cid-lcdefpme]{justify-items:center;display:grid}.why-card[data-astro-cid-lcdefpme]{text-align:center;max-width:640px;padding:calc(var(--m) * 1.25) var(--m);color:inherit;--tint:var(--glass-violet);justify-items:center;gap:10px;width:100%;text-decoration:none;display:grid}.why-card[data-astro-cid-lcdefpme]:before{background:linear-gradient(180deg, var(--glass-violet), transparent 55%, color-mix(in srgb, var(--glass-cyan) 60%, transparent))}.why-card[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme]{letter-spacing:-.02em;font-size:clamp(24px,3vw,32px)}.why-card[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:var(--ink-2);max-width:54ch}.why-card[data-astro-cid-lcdefpme] .more[data-astro-cid-lcdefpme]{font:500 13px/1 var(--mono);color:var(--focus)}.why-card[data-astro-cid-lcdefpme]:hover h2[data-astro-cid-lcdefpme]{color:var(--focus)}.close[data-astro-cid-lcdefpme]{text-align:center;padding-bottom:var(--m);justify-items:center;gap:22px;display:grid}.close[data-astro-cid-lcdefpme] .close-wm{width:min(440px,88%);height:auto}.fictile[data-astro-cid-lcdefpme]{color:var(--ink-2);font-size:17px}