.case[data-astro-cid-by4zwojz]{max-width:calc(48rem + var(--gutter) * 2);padding-top:clamp(7rem,14vw,9rem)}.case-head[data-astro-cid-by4zwojz]{display:grid;gap:1.25rem}.case-head[data-astro-cid-by4zwojz] h1[data-astro-cid-by4zwojz]{font-size:var(--step-3);letter-spacing:-.03em}.lede[data-astro-cid-by4zwojz]{font-size:var(--step-1);color:var(--muted);line-height:1.5;max-width:40rem}.demos[data-astro-cid-by4zwojz]{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;margin:.5rem 0 0;padding:0}.demo[data-astro-cid-by4zwojz]{display:inline-block;padding:.6rem 1.1rem;border:1px solid var(--line);border-radius:999px;font-size:var(--step--1);font-weight:600;text-decoration:none;transition:border-color .2s ease}.demo[data-astro-cid-by4zwojz]:hover{border-color:var(--accent)}.demo[data-astro-cid-by4zwojz].primary{background:var(--chrome-button);background-size:220% 100%;color:var(--chrome-button-fg);border-color:#ffffffe6;box-shadow:inset 0 1px #fff,0 0 0 1px #1d1d1f1a,0 10px 22px -14px #1d1d1f73;transition:background-position .9s cubic-bezier(.2,.7,.2,1)}.demo[data-astro-cid-by4zwojz].primary:hover{background-position:100% 0}.sample-note[data-astro-cid-by4zwojz]{margin-top:2.5rem;padding:.75rem 1rem;border-left:2px solid var(--accent);background:var(--surface);font-size:var(--step--1);color:var(--muted)}.eyebrow[data-astro-cid-by4zwojz]{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.eyebrow[data-astro-cid-by4zwojz] .status[data-astro-cid-by4zwojz]{text-transform:none;letter-spacing:0}.cover[data-astro-cid-by4zwojz]{margin-top:3rem}.metrics[data-astro-cid-by4zwojz]{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;list-style:none;margin:4rem 0 0;padding:0}.metrics[data-astro-cid-by4zwojz] li[data-astro-cid-by4zwojz]{display:grid;gap:.4rem;padding:1.5rem 0;border-top:1px solid var(--fg)}.figure[data-astro-cid-by4zwojz]{font-size:var(--step-4);font-weight:400;letter-spacing:-.01em;line-height:1;font-variant-numeric:tabular-nums}.label[data-astro-cid-by4zwojz]{color:var(--muted)}.steps[data-astro-cid-by4zwojz]{--rail: .6rem;--progress: 1;position:relative;list-style:none;margin:clamp(3rem,8vw,5rem) 0 0;padding:0 0 0 calc(var(--rail) + clamp(1.5rem,5vw,3rem))}.steps[data-astro-cid-by4zwojz]:before,.steps[data-astro-cid-by4zwojz]:after{content:"";position:absolute;left:var(--rail);top:.9rem;bottom:2rem;width:1px}.steps[data-astro-cid-by4zwojz]:before{background:var(--line)}.steps[data-astro-cid-by4zwojz]:after{background:var(--fg);transform-origin:top;transform:scaleY(var(--progress))}.step[data-astro-cid-by4zwojz]{position:relative;padding-bottom:clamp(3rem,8vw,4.5rem)}.step[data-astro-cid-by4zwojz].last{padding-bottom:0}.node[data-astro-cid-by4zwojz]{position:absolute;left:calc(-1*clamp(1.5rem,5vw,3rem));top:.55rem;width:.75rem;height:.75rem;margin-left:-.375rem;border:1px solid var(--fg);border-radius:50%;background:var(--bg);z-index:1}.last[data-astro-cid-by4zwojz] .node[data-astro-cid-by4zwojz]{background:var(--accent);border-color:var(--accent)}.step[data-astro-cid-by4zwojz] h2[data-astro-cid-by4zwojz]{display:flex;align-items:baseline;gap:.75rem;font-size:var(--step-2);margin-bottom:1rem}.step-num[data-astro-cid-by4zwojz]{font-size:var(--step--1);font-weight:700;color:var(--accent)}.step[data-astro-cid-by4zwojz] p[data-astro-cid-by4zwojz]{max-width:var(--measure);color:var(--muted);font-size:var(--step-0)}.step[data-astro-cid-by4zwojz] p[data-astro-cid-by4zwojz]+p[data-astro-cid-by4zwojz]{margin-top:1em}.last[data-astro-cid-by4zwojz] h2[data-astro-cid-by4zwojz]+p[data-astro-cid-by4zwojz]{color:var(--fg);font-size:var(--step-1);line-height:1.5}.extra[data-astro-cid-by4zwojz]{margin-top:4rem;color:var(--muted)}.extra[data-astro-cid-by4zwojz] p{margin-top:.75rem;font-size:var(--step--1);text-align:center}.extra[data-astro-cid-by4zwojz] p:has(img){margin-top:3rem;padding:6%;border-radius:var(--radius);background:var(--surface)}.extra[data-astro-cid-by4zwojz] img{width:100%;height:auto;border-radius:var(--radius-sm);box-shadow:0 18px 40px -22px #1d1d1f66}.next[data-astro-cid-by4zwojz]{display:grid;gap:.5rem;margin-top:var(--space);padding-top:2rem;border-top:1px solid var(--line);text-decoration:none}.next-title[data-astro-cid-by4zwojz]{font-size:var(--step-2);font-weight:700;letter-spacing:-.02em}.next[data-astro-cid-by4zwojz]:hover .next-title[data-astro-cid-by4zwojz]{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.2em}