.surfaces-figure.svelte-5yf938{opacity:1;width:100%;height:100%;position:relative}.surfaces-figure.svelte-5yf938 .system-figure__node{opacity:1}.surfaces-figure.svelte-5yf938 .system-figure__node[data-role=copilot]{--node-accent:#b8f880}.surfaces-figure.svelte-5yf938 .system-figure__node[data-role=peer]{--node-accent:#ff6fbd}.surfaces-figure.svelte-5yf938 .system-figure__node[data-role=pipeline]{--node-accent:#69b7ff}.surfaces-figure.svelte-5yf938 .system-figure__node[data-role=ls]{--node-accent:#69ffbd}.surfaces-figure.svelte-5yf938 .system-figure__label{fill:#f4f6f9f5}.surfaces-figure.svelte-5yf938 .system-figure__card{fill:color-mix(in srgb, var(--node-accent) 40%, #f4f6f929)}.surfaces-figure.svelte-5yf938 .surfaces-figure__arc{stroke-width:10px;stroke-linecap:butt}.surfaces-figure.svelte-5yf938 .surfaces-figure__sub,.surfaces-figure.svelte-5yf938 .surfaces-figure__protocol{fill:#f4f6f97a;font-family:var(--site-mono,ui-monospace, monospace);text-transform:uppercase}.surfaces-figure.svelte-5yf938 .surfaces-figure__protocol{letter-spacing:.14em;fill:#f4f6f99e;font-size:11px}.surfaces-figure.svelte-5yf938 .system-figure__arrows.is-system{opacity:.45}.headless-surfaces{padding-top:1.75rem}.headless-surfaces__head{grid-template-columns:1fr;align-items:center;gap:1.25rem;margin:0 0 2.25rem;display:grid}@media (width>=48rem){.headless-surfaces__head{grid-template-columns:minmax(12rem,.38fr) minmax(0,.62fr);gap:1.5rem 2rem}}.headless-surfaces__intro{max-width:22rem;margin:0}.headless-surfaces-diagram{width:100%;min-width:0;margin:0;padding:0}.headless-surfaces-diagram__frame{aspect-ratio:624/340;width:100%;min-width:0;position:relative;overflow:hidden}.headless-surfaces .spot-row__grid{margin-inline:-.65rem}.headless-surfaces .spot--text{padding-top:.25rem}.headless-surfaces .spot__num{letter-spacing:.14em;margin-inline-start:-.07em}.headless-why{padding-top:1rem}