.btn[data-astro-cid-3pspvxuc]{position:relative;isolation:isolate;appearance:none;border:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:30px;padding:0 13px;border-radius:var(--r-panel);background:transparent;font:600 12px Inter,system-ui,sans-serif;letter-spacing:-.009em;color:var(--canvas);text-decoration:none;white-space:nowrap;cursor:pointer;transition:translate .25s var(--ease),scale .5s var(--spring)}.btn[data-astro-cid-3pspvxuc]:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--ink);box-shadow:inset 0 1px #ffffff1f,0 1px 2px #12121229;transition:box-shadow .25s var(--ease),background-color .2s var(--ease)}@supports (corner-shape: squircle){.btn[data-astro-cid-3pspvxuc],.btn[data-astro-cid-3pspvxuc]:before{corner-shape:squircle}}@media(hover:hover)and (pointer:fine){.btn-squish[data-astro-cid-3pspvxuc]:hover:before{animation:squish .55s var(--ease)}}@keyframes squish{0%,to{scale:1 1}30%{scale:1.045 .9}55%{scale:.99 1.04}75%{scale:1.005 .985}}.btn[data-astro-cid-3pspvxuc]:active{scale:.96;translate:0 1px;transition:translate .09s ease-out,scale .09s ease-out}.btn[data-astro-cid-3pspvxuc]:active:before{box-shadow:inset 0 1px #ffffff1f,0 0 #12121229;transition:box-shadow .09s ease-out}.btn-quiet[data-astro-cid-3pspvxuc]{color:var(--charcoal);font-weight:500;transition:color .2s var(--ease),translate .25s var(--ease),scale .5s var(--spring)}.btn-quiet[data-astro-cid-3pspvxuc]:before{background:transparent;box-shadow:inset 0 0 0 1px var(--edge)}@media(hover:hover)and (pointer:fine){.btn-quiet[data-astro-cid-3pspvxuc]:hover{color:var(--ink)}.btn-quiet[data-astro-cid-3pspvxuc]:hover:before{background:var(--white);box-shadow:inset 0 0 0 1px var(--edge),0 1px 2px #1212120d}}.btn-quiet[data-astro-cid-3pspvxuc]:active:before{box-shadow:inset 0 0 0 1px var(--edge)}.face[data-astro-cid-3pspvxuc]{transition:opacity .22s var(--ease),filter .22s var(--ease)}.face[data-astro-cid-3pspvxuc].alt{position:absolute;inset:0;display:grid;place-items:center}.face[data-astro-cid-3pspvxuc].alt{opacity:0;filter:blur(4px);color:var(--sun)}.btn[data-astro-cid-3pspvxuc].done .face[data-astro-cid-3pspvxuc].base{opacity:0;filter:blur(4px)}.btn[data-astro-cid-3pspvxuc].done .face[data-astro-cid-3pspvxuc].alt{opacity:1;filter:blur(0)}@media(prefers-reduced-motion:reduce){.btn[data-astro-cid-3pspvxuc],.btn[data-astro-cid-3pspvxuc]:hover,.btn[data-astro-cid-3pspvxuc]:active{scale:1;translate:0;transition:none}.btn-squish[data-astro-cid-3pspvxuc]:hover:before{animation:none}.face[data-astro-cid-3pspvxuc]{transition:opacity .2s ease;filter:none}}.check-field[data-astro-cid-rz4vlgnk]{appearance:none;border:0;display:inline-flex;align-items:center;gap:9px;margin:-5px -7px;padding:5px 7px;border-radius:var(--r-control);background:transparent;font:400 13px/1 Inter,system-ui,sans-serif;letter-spacing:-.01em;color:var(--charcoal);cursor:pointer}@supports (corner-shape: squircle){.check-field[data-astro-cid-rz4vlgnk]{corner-shape:squircle}}@media(hover:hover)and (pointer:fine){.check-field[data-astro-cid-rz4vlgnk]:hover .check-box[data-astro-cid-rz4vlgnk]{box-shadow:inset 0 0 0 1.5px #cfccc6}}.check-field[data-astro-cid-rz4vlgnk]:active .check-box[data-astro-cid-rz4vlgnk]{transform:scale(.9)}.check-box[data-astro-cid-rz4vlgnk]{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:var(--white);box-shadow:inset 0 0 0 1.5px var(--stone);color:transparent;transition:background .18s var(--ease),box-shadow .18s var(--ease),color .14s var(--ease),transform .12s var(--ease)}.check-box[data-astro-cid-rz4vlgnk] svg[data-astro-cid-rz4vlgnk]{transform:scale(.4);transition:transform .28s var(--spring)}.check-field[data-astro-cid-rz4vlgnk].is-on .check-box[data-astro-cid-rz4vlgnk]{background:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--canvas)}.check-field[data-astro-cid-rz4vlgnk].is-on .check-box[data-astro-cid-rz4vlgnk] svg[data-astro-cid-rz4vlgnk]{transform:scale(1)}@media(prefers-reduced-motion:reduce){.check-box[data-astro-cid-rz4vlgnk] svg[data-astro-cid-rz4vlgnk]{transition:none}.check-field[data-astro-cid-rz4vlgnk]:active .check-box[data-astro-cid-rz4vlgnk]{transform:none}}svg[data-astro-cid-c2z26y6y]{display:block}text[data-astro-cid-c2z26y6y]{letter-spacing:0}.label[data-astro-cid-c2z26y6y]{font:500 7.5px var(--mono);fill:var(--muted)}.badge[data-astro-cid-c2z26y6y]{font:600 8.5px var(--mono);fill:var(--ink);animation:badge-in 5.2s var(--ease) infinite}.bar[data-astro-cid-c2z26y6y]{transform-box:fill-box;transform-origin:left center}.bar[data-astro-cid-c2z26y6y].big{fill:#e7e2db;animation:grow-big 5.2s var(--ease) infinite}.bar[data-astro-cid-c2z26y6y].small{fill:var(--ember);animation:grow-small 5.2s var(--ease) infinite}@keyframes grow-big{0%,4%{transform:scaleX(0)}34%{transform:scaleX(1)}88%{transform:scaleX(1);opacity:1}96%,to{transform:scaleX(1);opacity:0}}@keyframes grow-small{0%,36%{transform:scaleX(0)}46%{transform:scaleX(1.7)}54%{transform:scaleX(1)}88%{transform:scaleX(1);opacity:1}96%,to{transform:scaleX(1);opacity:0}}@keyframes badge-in{0%,46%{opacity:0;transform:translateY(2px)}56%{opacity:1;transform:translateY(0)}88%{opacity:1}96%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.bar[data-astro-cid-c2z26y6y],.badge[data-astro-cid-c2z26y6y]{animation:none}}svg[data-astro-cid-nkqps5qb]{display:block}.osc[data-astro-cid-nkqps5qb]{fill:var(--ember);transform-box:fill-box;transform-origin:center;animation:osc-pulse 1.9s ease-in-out infinite}.wave[data-astro-cid-nkqps5qb]{stroke:var(--ember);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0;animation:draw-wave 3.8s linear infinite}@keyframes draw-wave{0%{stroke-dashoffset:100;opacity:1}72%{opacity:1}88%{opacity:0}to{stroke-dashoffset:-100;opacity:0}}@keyframes osc-pulse{0%,to{transform:scale(1);opacity:.45}50%{transform:scale(1.6);opacity:1}}@media(prefers-reduced-motion:reduce){.wave[data-astro-cid-nkqps5qb],.osc[data-astro-cid-nkqps5qb]{animation:none}}svg[data-astro-cid-g24lvfvx]{display:block}text[data-astro-cid-g24lvfvx]{letter-spacing:0}.pill[data-astro-cid-g24lvfvx]{fill:var(--sand)}.pill-text[data-astro-cid-g24lvfvx]{font:500 7px var(--mono);fill:var(--charcoal)}.push-face[data-astro-cid-g24lvfvx]{fill:var(--ink)}.push-label[data-astro-cid-g24lvfvx]{font:600 8px Inter,system-ui,sans-serif;fill:var(--canvas)}.push[data-astro-cid-g24lvfvx]{transform-box:fill-box;transform-origin:center;animation:push-dip 3.8s var(--ease) infinite}.ring[data-astro-cid-g24lvfvx]{fill:none;stroke:var(--ember);stroke-width:1.2;opacity:0;animation:ring-out 3.8s var(--ease) infinite}.cursor[data-astro-cid-g24lvfvx]{fill:var(--charcoal);opacity:0;transform:translate(118px,46px);transform-box:fill-box;transform-origin:0 0;animation:cursor-tap 3.8s var(--ease) infinite}@keyframes cursor-tap{0%{transform:translate(118px,46px);opacity:0}8%{opacity:1}26%{transform:translate(76px,31px);opacity:1}31%{transform:translate(76px,31px) scale(.85)}37%{transform:translate(76px,31px) scale(1)}58%{transform:translate(76px,31px);opacity:1}76%{transform:translate(118px,46px);opacity:0}to{transform:translate(118px,46px);opacity:0}}@keyframes push-dip{0%,27%{transform:translateY(0) scale(1)}31%{transform:translateY(1.5px) scale(.96)}38%,to{transform:translateY(0) scale(1)}}@keyframes ring-out{0%,30%{r:3;opacity:0}33%{opacity:.6}50%{r:13;opacity:0}to{r:13;opacity:0}}@media(prefers-reduced-motion:reduce){.cursor[data-astro-cid-g24lvfvx],.push[data-astro-cid-g24lvfvx],.ring[data-astro-cid-g24lvfvx]{animation:none}}svg[data-astro-cid-lr4sjzvg]{display:block}path[data-astro-cid-lr4sjzvg]{stroke:var(--c);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.glyph[data-astro-cid-lr4sjzvg]{opacity:.35;transform-box:fill-box;transform-origin:center;animation:audition calc(var(--n) * .4s) ease-in-out infinite;animation-delay:calc(var(--d) * .4s - var(--n) * .4s)}@keyframes audition{0%{opacity:.35;transform:scale(1)}3.5%{opacity:1;transform:scale(1.3)}10%{opacity:.35;transform:scale(1)}to{opacity:.35;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.glyph[data-astro-cid-lr4sjzvg]{animation:none}}.feature[data-astro-cid-vqqewp5l]{appearance:none;border:0;display:flex;flex-direction:column;height:100%;width:100%;text-align:left;background:var(--white);box-shadow:0 0 0 1px var(--stone),var(--lift);border-radius:var(--r-card);padding:0 0 18px;overflow:hidden;font:inherit;letter-spacing:inherit;color:var(--brown);cursor:pointer;transition:transform .14s var(--ease),box-shadow .14s var(--ease)}@media(hover:hover)and (pointer:fine){.feature[data-astro-cid-vqqewp5l]:hover{box-shadow:0 0 0 1px #e3dfd8,var(--lift)}.feature[data-astro-cid-vqqewp5l]:hover .art[data-astro-cid-vqqewp5l]{background:var(--white)}.feature[data-astro-cid-vqqewp5l]:hover .art[data-astro-cid-vqqewp5l]>*{transform:scale(1.05)}.feature[data-astro-cid-vqqewp5l]:hover .f-title[data-astro-cid-vqqewp5l]{color:var(--ink)}}.feature[data-astro-cid-vqqewp5l]:active{transform:translateY(0) scale(.985);box-shadow:0 0 0 1px var(--stone),var(--lift)}.art[data-astro-cid-vqqewp5l]{height:96px;display:grid;place-items:center;overflow:hidden;background:var(--sand);box-shadow:inset 0 -1px 0 var(--stone);margin-bottom:16px;transition:background .22s var(--ease)}.art[data-astro-cid-vqqewp5l]>*{transition:transform .34s var(--ease)}.f-title[data-astro-cid-vqqewp5l]{display:block;padding:0 16px;transition:color .2s var(--ease);font-size:14.5px;font-weight:500;letter-spacing:-.018em;color:var(--ink);margin-bottom:5px}.f-desc[data-astro-cid-vqqewp5l]{display:block;padding:0 16px;font-size:12.5px;line-height:1.5;color:var(--muted);text-wrap:pretty}.feature[data-astro-cid-vqqewp5l].hit .art[data-astro-cid-vqqewp5l]{animation:art-pop .4s var(--ease)}@keyframes art-pop{30%{transform:scale(1.05)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.feature[data-astro-cid-vqqewp5l]:active{transform:none}.feature[data-astro-cid-vqqewp5l]:hover .art[data-astro-cid-vqqewp5l]>*{transform:none}.feature[data-astro-cid-vqqewp5l].hit .art[data-astro-cid-vqqewp5l]{animation:none}}.sect-head[data-astro-cid-qqpn3rlq]{max-width:640px;margin-bottom:clamp(28px,4vw,40px)}.eyebrow[data-astro-cid-qqpn3rlq]{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.eyebrow[data-astro-cid-qqpn3rlq] .n[data-astro-cid-qqpn3rlq]{font-family:var(--serif);font-style:italic;font-size:20px;line-height:1;color:var(--ember)}.eyebrow[data-astro-cid-qqpn3rlq] .l[data-astro-cid-qqpn3rlq]{font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}h2[data-astro-cid-qqpn3rlq]{margin:0;font-size:clamp(24px,3.4vw,34px);font-weight:500;line-height:1.12;letter-spacing:-.03em;color:var(--ink);text-wrap:balance}.sect-lede[data-astro-cid-qqpn3rlq]{margin:12px 0 0;max-width:56ch;font-size:15px;line-height:1.6;color:var(--muted);text-wrap:pretty}.praise[data-astro-cid-erntxemh]{width:100%;max-width:860px;margin:24px auto 0;padding-block:5px;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 87%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 87%,transparent 100%)}.praise-track[data-astro-cid-erntxemh]{display:flex;width:max-content;animation:praise-roll var(--speed, 64s) linear infinite}.praise[data-astro-cid-erntxemh]:hover .praise-track[data-astro-cid-erntxemh]{animation-play-state:paused}@keyframes praise-roll{to{transform:translate(-50%)}}.praise-run[data-astro-cid-erntxemh]{display:flex;gap:5px;padding-right:5px}.quote[data-astro-cid-erntxemh]{display:flex;align-items:center;gap:8px;margin:0;padding:4px 10px;background:var(--white);border-radius:var(--r-panel);box-shadow:inset 0 0 0 1px #12121212,0 1px 2px #1212120a;white-space:nowrap}@supports (corner-shape: squircle){.quote[data-astro-cid-erntxemh]{corner-shape:squircle}}.quote[data-astro-cid-erntxemh] blockquote[data-astro-cid-erntxemh]{margin:0;max-width:200px;font-size:11px;letter-spacing:-.01em;color:var(--ink);overflow:hidden;text-overflow:ellipsis}figcaption[data-astro-cid-erntxemh]{display:flex;align-items:baseline;gap:5px;flex:0 0 auto;font-size:11px;letter-spacing:-.01em}.is-feature[data-astro-cid-erntxemh]{gap:6px}.is-feature[data-astro-cid-erntxemh] svg[data-astro-cid-erntxemh]{flex:0 0 auto;color:var(--honey)}.feat[data-astro-cid-erntxemh]{font-size:11px;letter-spacing:-.01em;color:var(--faint)}.is-feature[data-astro-cid-erntxemh] .where[data-astro-cid-erntxemh]{font-size:11px;letter-spacing:-.01em}.who[data-astro-cid-erntxemh]{color:var(--faint)}.where[data-astro-cid-erntxemh]{font-weight:500;color:var(--charcoal)}@media(max-width:620px){.quote[data-astro-cid-erntxemh] blockquote[data-astro-cid-erntxemh]{max-width:150px}}@media(prefers-reduced-motion:reduce){.praise[data-astro-cid-erntxemh]{overflow-x:auto}.praise-track[data-astro-cid-erntxemh]{animation:none}}@supports (corner-shape: squircle){.studio,.scope,.chip,.insp-row,.demo,.demo-cell,.feature,.art,.command,.copy,.code-card,.tab{corner-shape:squircle}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}section,header,footer,.tagline{animation:rise .64s var(--ease) backwards;animation-delay:calc(var(--i, 0) * 70ms + 80ms)}.hero{padding-top:clamp(48px,9vw,104px);text-align:center}.hero h2{margin:0 auto;max-width:15ch;font-size:clamp(38px,6.4vw,66px);font-weight:500;line-height:1.03;letter-spacing:-.038em;color:var(--ink);text-wrap:balance}@media(max-width:640px){.hero h2{font-size:34px;line-height:1.12;letter-spacing:-.03em}}.hero h2 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.1em;color:var(--ember)}.tagline{margin:20px auto 0;max-width:54ch;font-size:16.5px;line-height:1.6;color:var(--muted);text-wrap:pretty}.tagline strong{color:var(--charcoal);font-weight:500}@media(max-width:640px){.tagline{font-size:15px}}.hero-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:28px}.studio{display:grid;grid-template-columns:212px minmax(0,1fr) 248px;margin:clamp(30px,4vw,46px) auto 0;background:var(--white);border-radius:var(--r-window);box-shadow:0 0 0 1px var(--stone),var(--lift-lg);overflow:hidden;text-align:left}.pane{display:flex;flex-direction:column;min-width:0}.pane+.pane{box-shadow:inset 1px 0 0 var(--edge)}.pane-cues{background:var(--white)}.pane-head{display:flex;align-items:center;justify-content:space-between;gap:10px;height:42px;padding:0 14px;box-shadow:inset 0 -1px 0 var(--edge)}.pane-title{font-size:12.5px;font-weight:500;letter-spacing:-.015em;color:var(--ink)}.pane-note{font-family:var(--mono);font-size:10px;letter-spacing:0;color:var(--faint);white-space:nowrap}.pane-body{flex:1;display:flex;flex-direction:column;min-height:0;padding:10px}@media(max-width:900px){.studio{grid-template-columns:1fr}.pane+.pane{box-shadow:inset 0 1px 0 var(--edge)}.pane-cues{order:2}.pane-insp{order:3}.pane-stage .pane-note{display:none}}.scope{position:relative;background:repeating-linear-gradient(90deg,transparent 0 31px,rgba(0,0,0,.022) 31px 32px),var(--sand);border-radius:var(--r-panel);box-shadow:inset 0 0 0 1px var(--edge);flex:1;min-height:200px;overflow:hidden}@media(max-width:900px){.scope{min-height:130px}}.scope svg{position:absolute;inset:0;width:100%;height:100%}.scope .baseline{stroke:#e5d5c3;stroke-width:1;stroke-dasharray:1 5;vector-effect:non-scaling-stroke}.scope .trace{fill:none;stroke:var(--ember);stroke-width:1.5;vector-effect:non-scaling-stroke}.scope .echo{stroke-width:5;opacity:0}.readout .ro-name{transition:color .2s ease}.scope.preview .ro-name{color:var(--muted)}.readout{position:absolute;top:8px;right:10px;display:flex;gap:9px;font-family:var(--mono);font-size:9.5px;letter-spacing:0;color:var(--muted);font-feature-settings:"tnum"}.readout .ro-name{color:var(--ember)}.palette{display:flex;flex-direction:column;gap:2px}@media(max-width:900px){.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}}@media(max-width:480px){.palette{grid-template-columns:repeat(3,1fr)}}.chip{appearance:none;border:0;display:flex;align-items:center;justify-content:flex-start;gap:9px;height:26px;padding:0 10px;background:transparent;box-shadow:none;border-radius:var(--r-control);font:400 12px/1 Inter,system-ui,sans-serif;letter-spacing:-.008em;color:var(--muted);cursor:pointer;transition:background .16s ease,box-shadow .16s ease,color .16s ease,transform .12s var(--ease)}@media(max-width:900px){.chip{justify-content:center;height:30px;background:var(--white);box-shadow:inset 0 0 0 1px var(--edge)}}@media(hover:hover)and (pointer:fine){.chip:hover{color:var(--ink);background:#1212120b}.chip:hover i{transform:scale(1.35)}}.chip.is-on{color:var(--ink);background:var(--white);box-shadow:inset 0 0 0 1px var(--edge),0 1px 2px #1212120a}.chip:active,.chip.down{transform:scale(.985);background:#12121212}.chip i{width:6px;height:6px;border-radius:50%;background:var(--c);transition:transform .2s var(--ease)}@keyframes pop{30%{transform:scale(1.7)}to{transform:scale(1)}}.chip.hit i{animation:pop .4s var(--ease)}.inst-panel{display:flex;flex-direction:column;gap:6px}.insp-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;height:34px;padding:0 10px;border-radius:var(--r-panel);background:var(--sand)}.insp-label{font-size:12px;letter-spacing:-.008em;color:var(--muted);white-space:nowrap}.insp-val{font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--ink)}.insp-step{appearance:none;border:0;background:transparent;padding:0;display:flex;align-items:center;gap:6px;color:var(--faint);cursor:pointer;transition:color .16s ease,transform .12s var(--ease)}@media(hover:hover)and (pointer:fine){.insp-step:hover{color:var(--charcoal)}}.insp-step:active{transform:scale(.96)}@media(hover:none){.row-hover{display:none}}.insp-swatch{width:18px;height:18px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #12121214;transition:background .26s var(--ease)}.volume{background:linear-gradient(to right,#e0dcd5 0 var(--fill, 70%),transparent var(--fill, 70%) 100%),radial-gradient(circle at 2px 50%,#c8c5bf 1px,transparent 1.6px) 0 0 / 24px 100% repeat-x,var(--sand);cursor:grab}.volume:active{cursor:grabbing}.volume:after{content:"";position:absolute;left:clamp(3px,var(--fill, 70%),calc(100% - 3px));top:9px;bottom:9px;width:2px;margin-left:-1px;border-radius:1px;background:var(--charcoal);opacity:.7;pointer-events:none}.volume input[type=range]{appearance:none;-webkit-appearance:none;position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;background:transparent;opacity:0;cursor:inherit}.volume .insp-label,.volume .insp-val{position:relative;pointer-events:none}section{position:relative}.band{padding-top:clamp(76px,10vw,116px)}.step-note b{font-weight:500;color:var(--charcoal)}.demo,.demo-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.demo{height:68px;background:var(--white);border-radius:var(--r-card);box-shadow:var(--hairline),var(--lift)}.demo-cell{display:grid;place-items:center;padding:0 16px}.demo-cell+.demo-cell{box-shadow:inset 1px 0 0 var(--edge)}.demo-notes{margin-top:16px;align-items:start;text-align:center}.demo-notes>div{padding:0 16px}.demo-notes p{margin:9px auto 0;max-width:34ch;font-size:12.5px;line-height:1.5;color:var(--muted);text-wrap:pretty}@media(max-width:760px){.demo-wrap{display:grid;gap:12px}.demo,.demo-notes{display:contents}.demo-cell{background:var(--white);border-radius:var(--r-card);box-shadow:var(--hairline),var(--lift);padding:20px 16px}.demo-cell+.demo-cell{box-shadow:var(--hairline),var(--lift)}.demo-notes>div{padding:2px 8px 20px;text-align:center}.demo-notes p{margin-top:7px}.demo-cell:nth-child(1){order:1}.demo-notes>div:nth-child(1){order:2}.demo-cell:nth-child(2){order:3}.demo-notes>div:nth-child(2){order:4}.demo-cell:nth-child(3){order:5}.demo-notes>div:nth-child(3){order:6}}.links{display:flex;gap:18px}.links span{font-size:13px;font-weight:400;letter-spacing:-.01em;color:var(--muted);cursor:default;transition:color .16s ease}@media(hover:hover)and (pointer:fine){.links span:hover{color:var(--ink)}}.switch{appearance:none;border:0;padding:2px;width:40px;height:23px;border-radius:9999px;background:var(--stone);box-shadow:inset 0 0 0 1px #0000000a;cursor:pointer;transition:background .2s ease,transform .1s var(--ease)}.switch:active{transform:scale(.96)}.switch[aria-checked=true]{background:var(--grass)}.switch .knob{display:block;width:19px;height:19px;border-radius:50%;background:var(--white);box-shadow:0 1px 2px #00000024;transition:transform .18s var(--ease)}.switch[aria-checked=true] .knob{transform:translate(17px)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:900px){.features{grid-template-columns:repeat(2,1fr)}}@media(max-width:460px){.features{grid-template-columns:1fr;gap:14px}}.ship{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:32px;align-items:stretch}@media(max-width:860px){.ship{grid-template-columns:1fr;gap:20px}}.step{font-size:13px;font-weight:500;color:var(--charcoal);margin:0 0 8px}.step-note{margin:10px 0 24px;font-size:13px;line-height:1.55;color:var(--muted);text-wrap:pretty}.step-note:last-child{margin-bottom:0}.code-card{display:flex;flex-direction:column;background:var(--white);box-shadow:var(--hairline),var(--lift);border-radius:var(--r-card);overflow:hidden}.code-head{display:flex;align-items:center;justify-content:space-between;padding:7px 8px 7px 7px;box-shadow:inset 0 -1px 0 var(--stone)}.tabs{display:flex;gap:2px}.tab{appearance:none;border:0;background:transparent;border-radius:var(--r-control);padding:5px 12px;font-family:var(--mono);font-size:11px;color:var(--muted);cursor:pointer;transition:background .16s ease,color .16s ease,transform .1s var(--ease)}.tab:active{transform:scale(.96)}@media(hover:hover)and (pointer:fine){.tab:hover{color:var(--charcoal)}}.tab.active{background:var(--sand);color:var(--ink)}.panes{display:grid;flex:1;min-height:0}.code{grid-area:1 / 1;display:flex;gap:18px;padding:18px 20px;margin:0;overflow-x:auto;font-family:var(--mono);font-size:12px;line-height:1.75;color:var(--charcoal);opacity:0;filter:blur(3px);pointer-events:none;transition:opacity .2s var(--ease),filter .2s var(--ease)}.code.active{opacity:1;filter:blur(0);pointer-events:auto}.code .ln{flex:0 0 auto;text-align:right;color:#cfccc7;font-variant-numeric:tabular-nums;user-select:none;-webkit-user-select:none}.code .src{flex:1 1 auto;min-width:0}.code .k{color:var(--muted)}.code .s{color:var(--ember)}.code .c{color:#b5b2ae}@media(prefers-reduced-motion:reduce){section,header,footer,.tagline{animation:none}.chip:active,.switch:active,.copy:active{transform:none}.btn .face,.copy svg{transition:opacity .2s ease;filter:none;transform:none}.code{transition:opacity .2s ease;filter:none}.chip:hover,.btn:hover,.ghost:hover{transform:none}.scope.settled .trace{transform:none;opacity:0;transition:opacity .4s ease .3s}}