body.site-figma{margin:0;min-height:100vh;background:var(--af-color-background)}@media(min-width:768px){.site-figma:where(.astro-kjyjwppq) .af-container-xl:where(.astro-kjyjwppq){padding-inline:var(--af-space-8)}}.figma-hero:where(.astro-kjyjwppq){padding-top:calc(clamp(2.5rem,5vw,3.75rem) + var(--docs-navbar-height));padding-bottom:clamp(2.5rem,5vw,3.75rem)}.figma-hero__copy:where(.astro-kjyjwppq){display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--af-space-3)}.figma-hero__eyebrow:where(.astro-kjyjwppq){margin:0;font-size:var(--af-text-xs);font-weight:var(--af-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--af-color-on-primary) 78%,transparent)}.figma-hero__title:where(.astro-kjyjwppq){font-family:var(--af-font-heading);font-size:clamp(2.25rem,5vw,3.75rem);font-weight:600;line-height:1.04;letter-spacing:-.035em;margin:0;max-width:18ch}.figma-hero__trail:where(.astro-kjyjwppq){display:block;margin-top:.2em;color:color-mix(in srgb,var(--af-color-on-primary) 58%,transparent);font-weight:500;font-size:.78em}.figma-hero__lead:where(.astro-kjyjwppq){margin:0;max-width:38rem;font-size:var(--af-text-md);line-height:1.5;color:color-mix(in srgb,var(--af-color-on-primary) 78%,transparent)}.figma-hero__lead:where(.astro-kjyjwppq) code{color:inherit}.figma-hero__copy:where(.astro-kjyjwppq) .af-inline:where(.astro-kjyjwppq){margin-top:var(--af-space-2)}.figma-hero__cta:where(.astro-kjyjwppq){--af-btn-default-bg: var(--af-color-on-primary);--af-btn-default-color: var(--af-color-primary);--af-btn-color: var(--af-color-primary)}.figma-hero__cta--outline:where(.astro-kjyjwppq){--af-btn-color: var(--af-color-on-primary);--af-btn-outline-color: var(--af-color-on-primary);--af-btn-outline-border: color-mix(in srgb, var(--af-color-on-primary) 50%, transparent);--af-btn-outline-hover: var(--af-color-on-primary);--af-btn-outline-hover-bg: color-mix(in srgb, var(--af-color-on-primary) 12%, transparent)}.figma-band:where(.astro-kjyjwppq){background:var(--af-color-background)}.figma-band--alt:where(.astro-kjyjwppq){background:var(--af-color-surface-secondary)}.figma-band--proof:where(.astro-kjyjwppq){padding-block:clamp(3.25rem,7vw,5.5rem)}.figma-band--proof:where(.astro-kjyjwppq) .figma-proof__cards:where(.astro-kjyjwppq){margin-top:var(--af-space-6)}.figma-proof__cards:where(.astro-kjyjwppq)>a:where(.astro-kjyjwppq){text-decoration:none;color:inherit}.figma-band--pad:where(.astro-kjyjwppq){padding-block:clamp(3.25rem,7vw,5.5rem)}.figma-band__intro:where(.astro-kjyjwppq){display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--af-space-3);margin-bottom:var(--af-space-6)}.figma-band__eyebrow:where(.astro-kjyjwppq){margin:0;font-size:var(--af-text-xs);font-weight:var(--af-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--af-color-primary)}.figma-band__title:where(.astro-kjyjwppq){font-family:var(--af-font-heading);font-size:clamp(2rem,4.5vw,3.25rem);font-weight:var(--af-weight-semibold);line-height:1.05;letter-spacing:-.03em;margin:0;max-width:22ch}.figma-band__trail:where(.astro-kjyjwppq){display:block;margin-top:.2em;color:var(--af-color-text-muted);font-weight:var(--af-weight-medium);font-size:.78em;opacity:.85}.figma-band__lead:where(.astro-kjyjwppq){margin:0;max-width:40rem;font-size:var(--af-text-md);line-height:1.5;color:var(--af-color-text-muted)}.figma-spec:where(.astro-kjyjwppq){display:grid;gap:var(--af-space-5);align-items:start;max-width:64rem;margin-inline:auto}@media(min-width:64rem){.figma-spec:where(.astro-kjyjwppq){grid-template-columns:1.15fr .85fr;gap:var(--af-space-6)}}.figma-spec__label:where(.astro-kjyjwppq){margin:0 0 var(--af-space-2);font-size:var(--af-text-xs);font-weight:var(--af-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--af-color-text-muted)}.figma-spec__label:where(.astro-kjyjwppq) span:where(.astro-kjyjwppq){font-weight:var(--af-weight-medium);letter-spacing:0;text-transform:none;margin-left:var(--af-space-2)}.figma-spec__css:where(.astro-kjyjwppq) .af-code-block{margin:0}.figma-spec__files:where(.astro-kjyjwppq){list-style:none;margin:0;padding:0;border:var(--af-border-width) solid var(--af-color-border);border-radius:var(--af-radius-lg);background:var(--af-color-surface-primary);overflow:hidden}.figma-spec__files:where(.astro-kjyjwppq) li:where(.astro-kjyjwppq){display:flex;align-items:center;justify-content:space-between;gap:var(--af-space-3);padding:var(--af-space-3) var(--af-space-4);border-bottom:var(--af-border-width) solid var(--af-color-border);font-size:var(--af-text-sm)}.figma-spec__files:where(.astro-kjyjwppq) li:where(.astro-kjyjwppq):last-child{border-bottom:none}.figma-spec__files:where(.astro-kjyjwppq) code:where(.astro-kjyjwppq){font-size:var(--af-text-xs)}.figma-spec__files:where(.astro-kjyjwppq) span:where(.astro-kjyjwppq){flex-shrink:0;font-size:var(--af-text-xs);font-weight:var(--af-weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--af-color-text-muted)}.figma-spec__note:where(.astro-kjyjwppq){margin:var(--af-space-3) 0 0;font-size:var(--af-text-sm);color:var(--af-color-text-muted)}.figma-run:where(.astro-kjyjwppq){display:grid;gap:var(--af-space-3)}@media(min-width:768px){.figma-run:where(.astro-kjyjwppq){grid-template-columns:1fr 1fr}}.figma-run__card:where(.astro-kjyjwppq){text-decoration:none;color:inherit}.figma-run__kicker:where(.astro-kjyjwppq){margin:0 0 var(--af-space-2);font-size:var(--af-text-xs);font-weight:var(--af-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--af-color-primary)}.figma-run__card:where(.astro-kjyjwppq) .af-card__title:where(.astro-kjyjwppq),.figma-run__card:where(.astro-kjyjwppq) .af-card__body:where(.astro-kjyjwppq){margin:0}.figma-run__card:where(.astro-kjyjwppq) .af-card__body:where(.astro-kjyjwppq){margin-top:var(--af-space-1)}.figma-run__hint:where(.astro-kjyjwppq){margin:var(--af-space-4) 0 0;text-align:center;font-size:var(--af-text-sm);color:var(--af-color-text-muted)}.figma-close:where(.astro-kjyjwppq){padding-block:clamp(3.5rem,8vw,5.5rem);text-align:center}.figma-close__title:where(.astro-kjyjwppq){font-family:var(--af-font-heading);font-size:clamp(2rem,4.5vw,3.25rem);font-weight:600;line-height:1.05;letter-spacing:-.03em;margin:0 auto var(--af-space-5);max-width:18ch}.figma-close__trail:where(.astro-kjyjwppq){display:block;margin-top:.2em;color:color-mix(in srgb,var(--af-color-on-primary) 58%,transparent);font-weight:500;font-size:.78em}