.lab-page{--lab-tinta:var(--mp-signal);padding-bottom:8rem}.lab-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem var(--mp-gutter);border-bottom:1px solid var(--mp-hairline-sf)}.lab-bar a{color:var(--mp-ink-2);text-decoration:none;font-size:.875rem;transition:color .16s ease}.lab-bar a:hover{color:var(--mp-ink)}.lab-bar-tag{font-family:var(--mp-mono);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mp-ink-3)}.lab-open{padding:clamp(3.5rem,9vw,7rem) var(--mp-gutter) clamp(2.5rem,6vw,4rem);max-width:var(--mp-wide);margin-inline:auto}.lab-kicker{font-family:var(--mp-mono);font-size:.6875rem;letter-spacing:.2em;color:var(--mp-signal);margin-bottom:1.25rem}.lab-kicker,.lab-title{text-transform:uppercase}.lab-title{font-family:var(--mp-display);font-weight:400;font-size:clamp(2.75rem,10vw,6.5rem);line-height:.94;letter-spacing:.005em;text-wrap:balance;margin:0 0 1.5rem;color:var(--mp-ink)}.lab-lead{max-width:52ch;color:var(--mp-ink-2);font-size:clamp(1rem,2.2vw,1.15rem);line-height:1.62;margin:0}.lab-lead b{color:var(--mp-ink);font-weight:600}.lab-demo{max-width:var(--mp-wide);margin-inline:auto;padding:clamp(2rem,5vw,3.5rem) var(--mp-gutter) 0}.lab-demo-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;padding-bottom:.875rem;border-bottom:1px solid var(--mp-hairline)}.lab-demo-name{font-size:1.5rem;font-weight:700;letter-spacing:-.015em;color:var(--mp-ink);margin:0}.lab-demo-name:before{content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--lab-tinta);margin-right:.625rem;vertical-align:.12em}.lab-demo-kind{font-family:var(--mp-mono);font-size:.75rem;color:var(--mp-ink-3);margin:0}.lab-demo-state{margin-left:auto;font-family:var(--mp-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mp-live)}.lab-demo-claim{margin:1.5rem 0 0;max-width:58ch;color:var(--mp-ink-2);font-size:1.0625rem}.lab-demo-claim b{color:var(--mp-ink);font-weight:600}.lab-seam{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;margin-top:2.25rem}.lab-side{display:flex;flex-direction:column;background:var(--mp-surface);border:1px solid var(--mp-hairline);border-radius:var(--mp-radius);padding:1.75rem;text-decoration:none;color:inherit;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.lab-side:focus-visible,.lab-side:hover{border-color:var(--mp-signal-line);background:var(--mp-raised)}.lab-side:active{transform:scale(.994)}.lab-side-role{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mp-ink-3);margin-bottom:1rem}.lab-side-role,.lab-slot{font-family:var(--mp-mono)}.lab-slot{font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:.625rem;margin-bottom:.375rem}.lab-slot-h{font-size:1.375rem;font-weight:500;color:var(--mp-ink)}.lab-slot-svc{font-family:var(--mp-sans);font-size:1rem;font-weight:600;color:var(--mp-ink)}.lab-side-what{color:var(--mp-ink-2);font-size:.9375rem;line-height:1.55;margin:.75rem 0 1.5rem}.lab-side-go{margin-top:auto;display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9375rem;color:var(--mp-signal)}.lab-side-go span{transition:transform .18s ease}.lab-side:hover .lab-side-go span{transform:translateX(3px)}.lab-knot{position:relative;width:4.5rem;display:grid;place-items:center}.lab-knot:before{content:"";position:absolute;inset-inline:0;top:50%;height:1px;background:var(--mp-hairline)}.lab-knot-dot{position:relative;width:.5rem;height:.5rem;border-radius:50%;background:var(--lab-tinta);box-shadow:0 0 0 5px var(--mp-void)}.lab-knot-label{position:absolute;top:calc(50% - 2.25rem);font-family:var(--mp-mono);font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mp-ink-3);white-space:nowrap}.lab-inside{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--mp-hairline-sf)}.lab-inside h3{font-family:var(--mp-mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mp-ink-3);font-weight:400;margin:0 0 1rem}.lab-inside ul{list-style:none;padding:0;margin:0;display:grid;gap:.75rem 2.5rem;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}.lab-inside li{color:var(--mp-ink-2);font-size:.9375rem;line-height:1.5;padding-left:1rem;border-left:1px solid var(--mp-hairline)}.lab-inside b{color:var(--mp-ink);font-weight:600}.lab-fine{max-width:var(--mp-wide);margin:3.5rem auto 0;padding-inline:var(--mp-gutter);color:var(--mp-ink-3);font-size:.875rem;line-height:1.6}.lab-fine a{color:var(--mp-ink-2)}@media (max-width:760px){.lab-seam{grid-template-columns:1fr}.lab-knot{width:auto;height:3.25rem}.lab-knot:before{inset-inline:auto;left:50%;top:0;bottom:0;height:auto;width:1px}.lab-knot-label{top:50%;transform:translateY(-50%);left:calc(50% + 1rem);background:var(--mp-void);padding-block:.25rem}}@media (prefers-reduced-motion:reduce){.lab-side,.lab-side-go span{transition:none}.lab-side:active{transform:none}}