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