.page.svelte-14p3tnz{background:var(--fp-bg-deep);min-height:100vh;color:var(--fp-ink-primary);margin-top:16px;position:relative}main.svelte-14p3tnz{display:block}.section.svelte-14p3tnz{padding:var(--fp-space-9) var(--fp-gutter);--section-surface:var(--fp-bg-panel)}.section.panel.svelte-14p3tnz{background:var(--fp-bg-panel);border-top:var(--fp-border-width) solid var(--fp-border);border-bottom:var(--fp-border-width) solid var(--fp-border);--section-surface:var(--fp-bg-deep)}.section.bleed.svelte-14p3tnz{padding-top:var(--fp-space-7);padding-bottom:var(--fp-space-7);--section-surface:var(--fp-bg-panel)}.section.svelte-14p3tnz .card,.section.svelte-14p3tnz .callout,.section.svelte-14p3tnz .codeblock{background:var(--section-surface)}.section.svelte-14p3tnz .codeblock .shiki-wrap pre{background:var(--section-surface)!important}.container-wide.svelte-14p3tnz{max-width:var(--fp-container-wide);margin:0 auto}.container-prose.svelte-14p3tnz{max-width:var(--fp-container-prose);margin:0 auto}.section-head.svelte-14p3tnz{margin-bottom:var(--fp-space-7)}.section-head.svelte-14p3tnz h2:where(.svelte-14p3tnz){font-family:var(--fp-font-heading);font-size:var(--fp-text-2xl);font-weight:var(--fp-weight-medium);color:var(--fp-ink-primary);letter-spacing:var(--fp-tracking-tight);margin:0 0 var(--fp-space-3)}.section-head.svelte-14p3tnz .eyebrow:where(.svelte-14p3tnz){font-family:var(--fp-font-prose);font-size:var(--fp-text-xs);letter-spacing:var(--fp-tracking-widest);text-transform:uppercase;color:var(--fp-accent-cyan);margin-bottom:var(--fp-space-3)}.section-lede.svelte-14p3tnz{font-family:var(--fp-font-prose);font-size:var(--fp-text-md);color:var(--fp-ink-muted);line-height:var(--fp-leading-normal);max-width:70ch;margin:0}.screenshot.svelte-14p3tnz{margin:0}.screenshot.svelte-14p3tnz img:where(.svelte-14p3tnz){border:var(--fp-border-width) solid var(--fp-border-strong);width:100%;max-width:100%;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;border-radius:var(--fp-radius-sm);background:var(--fp-bg-panel);display:block}.screenshot.svelte-14p3tnz figcaption:where(.svelte-14p3tnz){font-family:var(--fp-font-prose);font-size:var(--fp-text-xs);color:var(--fp-ink-muted);letter-spacing:var(--fp-tracking-wide);margin-top:var(--fp-space-3);text-align:center}.screenshot-hero.svelte-14p3tnz img:where(.svelte-14p3tnz){image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;border-radius:12px}.screenshot-thumb.svelte-14p3tnz img:where(.svelte-14p3tnz){object-fit:cover;max-height:220px}.two-col.svelte-14p3tnz{gap:var(--fp-space-7);grid-template-columns:1.1fr .9fr;align-items:start;display:grid}.two-col.svelte-14p3tnz>:where(.svelte-14p3tnz){height:100%}@media (width>=901px){.two-col.svelte-14p3tnz{align-items:stretch}}@media (width<=900px){.two-col.svelte-14p3tnz{grid-template-columns:1fr}}.code-stack.svelte-14p3tnz{gap:var(--fp-space-4);display:grid}.swatch.svelte-14p3tnz{border-radius:var(--fp-radius-sm);border:var(--fp-border-width) solid var(--fp-border-strong);flex-shrink:0;width:14px;height:14px;display:inline-block}.token-list.svelte-14p3tnz{gap:var(--fp-space-4);margin:0;display:grid}.token-list.svelte-14p3tnz>div:where(.svelte-14p3tnz){gap:var(--fp-space-4);border-bottom:var(--fp-border-width) solid var(--fp-border);padding-bottom:var(--fp-space-3);grid-template-columns:200px 1fr;align-items:baseline;display:grid}.token-list.svelte-14p3tnz dt:where(.svelte-14p3tnz){align-items:center;gap:var(--fp-space-2);margin:0;display:inline-flex}.token-sample.svelte-14p3tnz{font-family:var(--fp-font-display);font-size:var(--fp-text-sm)}.token-list.svelte-14p3tnz dd:where(.svelte-14p3tnz){margin:0}.token-meta.svelte-14p3tnz{gap:var(--fp-space-2);margin-bottom:var(--fp-space-1);flex-wrap:wrap;align-items:center;display:inline-flex}.token-accent.svelte-14p3tnz{font-family:var(--fp-font-prose);font-size:var(--fp-text-xs);color:var(--fp-ink-muted);letter-spacing:var(--fp-tracking-wide);text-transform:uppercase}.token-scopes.svelte-14p3tnz{font-family:var(--fp-font-prose);font-size:var(--fp-text-xs);color:var(--fp-ink-muted);line-height:var(--fp-leading-normal);margin:0}.token-scopes.svelte-14p3tnz code:where(.svelte-14p3tnz){font-family:var(--fp-font-display);color:var(--fp-ink-muted)}.contrast-grid.svelte-14p3tnz{gap:var(--fp-space-7);grid-template-columns:1fr 1fr;align-items:start;max-width:720px;margin-inline:auto;display:grid}@media (width<=900px){.contrast-grid.svelte-14p3tnz{grid-template-columns:1fr}}.contrast-col.svelte-14p3tnz{gap:var(--fp-space-4);display:grid}.contrast-heading.svelte-14p3tnz{font-family:var(--fp-font-heading);font-size:var(--fp-text-xs);font-weight:var(--fp-weight-medium);letter-spacing:var(--fp-tracking-widest);text-transform:uppercase;color:var(--fp-accent-cyan);margin:0}.swatch-grid.svelte-14p3tnz{gap:var(--fp-space-3);display:grid}.role-list.svelte-14p3tnz{gap:var(--fp-space-4);margin:0;display:grid}.role-list.svelte-14p3tnz>div:where(.svelte-14p3tnz){gap:var(--fp-space-4);border-bottom:var(--fp-border-width) solid var(--fp-border);padding-bottom:var(--fp-space-3);grid-template-columns:140px 1fr;align-items:baseline;display:grid}.role-list.svelte-14p3tnz dt:where(.svelte-14p3tnz){font-family:var(--fp-font-prose);font-size:var(--fp-text-sm);color:var(--fp-ink-primary);align-items:center;gap:var(--fp-space-2);text-transform:lowercase;margin:0;display:inline-flex}.role-list.svelte-14p3tnz dd:where(.svelte-14p3tnz){font-family:var(--fp-font-prose);font-size:var(--fp-text-sm);color:var(--fp-ink-muted);line-height:var(--fp-leading-normal);margin:0}.role-key.svelte-14p3tnz{font-family:var(--fp-font-prose);font-size:var(--fp-text-xs);color:var(--fp-accent-yellow);margin-bottom:var(--fp-space-1);display:block}.role-list.svelte-14p3tnz dd:where(.svelte-14p3tnz) p:where(.svelte-14p3tnz){margin:0}