.demo[data-astro-cid-soxsnotx]{max-width:46rem;margin:0 auto;padding:clamp(2rem,6vw,3.5rem) clamp(1rem,4vw,2rem) 5rem}.intro[data-astro-cid-soxsnotx]{margin-bottom:1.8rem}.eyebrow[data-astro-cid-soxsnotx]{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 .6rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem}h1[data-astro-cid-soxsnotx]{letter-spacing:-.033em;text-wrap:balance;margin:0 0 .5rem;font-size:clamp(1.9rem,5.5vw,2.7rem);line-height:1.06}.lede[data-astro-cid-soxsnotx]{max-width:34rem;color:var(--text-dim);margin:0;font-size:1.03rem}.interactive-demo[data-astro-cid-soxsnotx]{margin-bottom:2.2rem}.divider[data-astro-cid-soxsnotx]{text-align:center;margin:2.5rem 0 1.5rem;position:relative}.divider[data-astro-cid-soxsnotx]:before{content:"";background:var(--hair);z-index:0;height:1px;position:absolute;top:50%;left:0;right:0}.divider[data-astro-cid-soxsnotx] span[data-astro-cid-soxsnotx]{z-index:1;background:var(--bg);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:0 1rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem;position:relative}.frame[data-astro-cid-soxsnotx]{background:#000;border-radius:6px;width:100%;padding-top:56.25%;position:relative;overflow:hidden;box-shadow:0 1px 2px #0a2f450d,0 12px 34px #0a2f4514}.frame[data-astro-cid-soxsnotx] iframe[data-astro-cid-soxsnotx],.frame[data-astro-cid-soxsnotx] video[data-astro-cid-soxsnotx]{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.video-fallback[data-astro-cid-soxsnotx]{color:var(--text-dim);margin-top:.85rem;font-size:.83rem;line-height:1.5}.video-fallback[data-astro-cid-soxsnotx] a[data-astro-cid-soxsnotx]{color:var(--text);text-decoration-color:var(--accent)}.video-fallback[data-astro-cid-soxsnotx] a[data-astro-cid-soxsnotx]:hover{color:var(--accent)}.soon[data-astro-cid-soxsnotx]{border:1px dashed var(--hair);text-align:center;border-radius:6px;padding:1.6rem 1.3rem}.soon[data-astro-cid-soxsnotx] p[data-astro-cid-soxsnotx]{margin:0 0 .4rem}.soon[data-astro-cid-soxsnotx] p[data-astro-cid-soxsnotx]:last-child{color:var(--text-dim);margin:0;font-size:.94rem}section[data-astro-cid-soxsnotx]{margin-top:2.8rem}h2[data-astro-cid-soxsnotx]{letter-spacing:-.022em;margin:0 0 .9rem;font-size:1.28rem}.how[data-astro-cid-soxsnotx] ol[data-astro-cid-soxsnotx]{counter-reset:step;flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.how[data-astro-cid-soxsnotx] li[data-astro-cid-soxsnotx]{counter-increment:step;border:1px solid var(--hair);border-radius:5px;padding:.85rem 1rem .85rem 3.1rem;position:relative}.how[data-astro-cid-soxsnotx] li[data-astro-cid-soxsnotx]:before{content:counter(step);background:var(--text);width:1.5rem;height:1.5rem;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.76rem;display:flex;position:absolute;top:.9rem;left:.9rem}.how[data-astro-cid-soxsnotx] b[data-astro-cid-soxsnotx]{margin-bottom:.15rem;display:block}.how[data-astro-cid-soxsnotx] span[data-astro-cid-soxsnotx]{color:var(--text-dim);font-size:.94rem}.straight[data-astro-cid-soxsnotx] ul[data-astro-cid-soxsnotx]{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.straight[data-astro-cid-soxsnotx] li[data-astro-cid-soxsnotx]{gap:.7rem;font-size:.97rem;display:flex}.straight[data-astro-cid-soxsnotx] li[data-astro-cid-soxsnotx]:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:.4rem;height:.4rem;margin-top:.62rem}.ctarow[data-astro-cid-soxsnotx]{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.btn[data-astro-cid-soxsnotx]{background:var(--accent);color:var(--bg);border:1px solid var(--accent);border-radius:4px;padding:.6rem 1.1rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}.btn[data-astro-cid-soxsnotx].ghost{color:var(--text);border-color:var(--hair);background:0 0}.btn[data-astro-cid-soxsnotx]:focus-visible{outline:2px solid var(--text);outline-offset:2px}.demo[data-astro-cid-soxsnotx]{width:min(calc(100% - 2 * var(--gutter)), var(--wrap));grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);gap:clamp(2rem,5vw,4.5rem);max-width:none;padding:clamp(3.5rem,8vw,7rem) 0;display:grid}.demo[data-astro-cid-soxsnotx] .intro[data-astro-cid-soxsnotx]{align-self:start;max-width:47rem;margin:0}.demo[data-astro-cid-soxsnotx] h1[data-astro-cid-soxsnotx]{max-width:10ch;font-family:var(--font-display);letter-spacing:-.065em;margin-bottom:1.2rem;font-size:clamp(3.3rem,7.5vw,7rem);font-weight:700;line-height:.9}.demo[data-astro-cid-soxsnotx] .intro[data-astro-cid-soxsnotx] .route-annotation[data-astro-cid-soxsnotx]{margin-bottom:1.1rem}.demo[data-astro-cid-soxsnotx] .lede[data-astro-cid-soxsnotx]{margin-top:1rem;font-size:clamp(1rem,1.2vw,1.14rem);line-height:1.65}.demo[data-astro-cid-soxsnotx] .interactive-demo[data-astro-cid-soxsnotx]{border-top:2px solid var(--accent);border-bottom:1px solid var(--hair);background:var(--bg-2);grid-area:1/2;align-self:stretch;align-items:center;min-height:25rem;padding:clamp(1rem,3vw,2.3rem);display:grid}.demo[data-astro-cid-soxsnotx] .divider[data-astro-cid-soxsnotx],.demo[data-astro-cid-soxsnotx] .player[data-astro-cid-soxsnotx],.demo[data-astro-cid-soxsnotx] .cta[data-astro-cid-soxsnotx]{grid-column:1/-1}.demo[data-astro-cid-soxsnotx] .divider[data-astro-cid-soxsnotx]{margin-top:0}.demo[data-astro-cid-soxsnotx] .divider[data-astro-cid-soxsnotx] span[data-astro-cid-soxsnotx]{background:var(--bg)}.demo[data-astro-cid-soxsnotx] .player[data-astro-cid-soxsnotx]{margin-top:-1.5rem}.demo[data-astro-cid-soxsnotx] .frame[data-astro-cid-soxsnotx]{box-shadow:none;outline:1px solid var(--hair);border-radius:0}.demo[data-astro-cid-soxsnotx] .how[data-astro-cid-soxsnotx],.demo[data-astro-cid-soxsnotx] .straight[data-astro-cid-soxsnotx]{border-top:1px solid var(--accent);align-self:start;margin-top:1rem;padding-top:1.2rem}.demo[data-astro-cid-soxsnotx] .how[data-astro-cid-soxsnotx]{grid-column:1}.demo[data-astro-cid-soxsnotx] .straight[data-astro-cid-soxsnotx]{grid-column:2}.demo[data-astro-cid-soxsnotx] section[data-astro-cid-soxsnotx]{margin-top:0}.demo[data-astro-cid-soxsnotx] h2[data-astro-cid-soxsnotx]{font-family:var(--font-display);letter-spacing:-.045em;margin-bottom:1.2rem;font-size:clamp(1.6rem,3vw,2.6rem);font-weight:650}.demo[data-astro-cid-soxsnotx] .how[data-astro-cid-soxsnotx] ol[data-astro-cid-soxsnotx]{gap:0}.demo[data-astro-cid-soxsnotx] .how[data-astro-cid-soxsnotx] li[data-astro-cid-soxsnotx]{border:0;border-top:1px solid var(--hair);border-radius:0;padding:1.1rem 0 1.1rem 3rem}.demo[data-astro-cid-soxsnotx] .how[data-astro-cid-soxsnotx] li[data-astro-cid-soxsnotx]:last-child{border-bottom:1px solid var(--hair)}.demo[data-astro-cid-soxsnotx] .how[data-astro-cid-soxsnotx] li[data-astro-cid-soxsnotx]:before{background:var(--accent-fill);width:1.6rem;height:1.6rem;color:var(--accent-fill-ink);border-radius:0;top:1.05rem;left:0}.demo[data-astro-cid-soxsnotx] .how[data-astro-cid-soxsnotx] span[data-astro-cid-soxsnotx]{line-height:1.6;display:block}.demo[data-astro-cid-soxsnotx] .straight[data-astro-cid-soxsnotx] ul[data-astro-cid-soxsnotx]{gap:0}.demo[data-astro-cid-soxsnotx] .straight[data-astro-cid-soxsnotx] li[data-astro-cid-soxsnotx]{border-top:1px solid var(--hair);padding-block:.9rem;line-height:1.6}.demo[data-astro-cid-soxsnotx] .straight[data-astro-cid-soxsnotx] li[data-astro-cid-soxsnotx]:last-child{border-bottom:1px solid var(--hair)}.demo[data-astro-cid-soxsnotx] .cta[data-astro-cid-soxsnotx]{background:var(--bg-2);margin-top:1.5rem;padding:clamp(1.5rem,4vw,3rem)}.demo[data-astro-cid-soxsnotx] .cta[data-astro-cid-soxsnotx]>p[data-astro-cid-soxsnotx]{max-width:60ch;color:var(--text-dim)}.demo[data-astro-cid-soxsnotx] .ctarow[data-astro-cid-soxsnotx]{margin-top:1.5rem}.demo[data-astro-cid-soxsnotx] .btn[data-astro-cid-soxsnotx]{background:var(--accent-fill);color:var(--accent-fill-ink);border-color:var(--accent-fill);border-radius:0}.demo[data-astro-cid-soxsnotx] .btn[data-astro-cid-soxsnotx].ghost{color:var(--text);border-color:var(--hair-2);background:0 0}@media (width<=780px){.demo[data-astro-cid-soxsnotx]{grid-template-columns:1fr}.demo[data-astro-cid-soxsnotx] .interactive-demo[data-astro-cid-soxsnotx]{grid-area:auto/1;min-height:21rem}.demo[data-astro-cid-soxsnotx] .how[data-astro-cid-soxsnotx],.demo[data-astro-cid-soxsnotx] .straight[data-astro-cid-soxsnotx]{grid-column:1}}