:root{--lightmode-color-brand:oklch(62% .11 220);--darkmode-color-brand:oklch(72% .13 220);--logo-block-size:2.5rem;--banner-block-size:calc(var(--logo-block-size) + var(--space-m) * 2)}body>header{gap:var(--space-l);z-index:3;block-size:var(--banner-block-size);background:var(--color-bg);align-items:center;margin-block-end:var(--space-xxl);display:flex;position:sticky;top:0}body>header>:first-child{margin-inline-end:auto}body>header>a{display:flex}body>header>a:is(:any-link,:hover,:focus){color:inherit;text-decoration:none}.logo{block-size:var(--logo-block-size);inline-size:auto}.logo .signet{color:var(--color-brand)}nav ul{gap:var(--space-l);margin:0;padding:0;list-style:none;display:flex}footer{border-block-start:var(--border-width) solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-small);margin-block-start:var(--space-xxl);padding-block-start:var(--space-l)}.docs-nav{top:var(--banner-block-size);z-index:2;border-block-end:var(--border-width) solid var(--color-border);background:var(--color-bg);margin-block-end:var(--space-xl);padding-block-end:var(--space-m);position:sticky}.lead{color:var(--color-text-muted);font-size:var(--font-size-h4)}.hero-actions{gap:var(--space-l);grid-template-columns:repeat(auto-fit,minmax(min(17rem,100%),1fr));inline-size:100%;max-inline-size:40rem;display:grid}.action{align-items:center;gap:var(--space-l);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-l);color:var(--color-text);transition:border-color var(--duration-fast), background var(--duration-fast);text-decoration:none;display:flex}.action:is(:hover,:focus-visible){border-color:var(--color-brand);background:var(--color-bg-surface);color:var(--color-text)}.action svg{block-size:auto;inline-size:1.75em;color:var(--color-brand);transition:translate var(--duration-medium);flex:none}.action strong{color:var(--color-text-strong);font-size:var(--font-size-h4);font-weight:400;display:block}.action small{color:var(--color-text-muted)}.action-start{border-color:var(--color-brand)}.action-start:is(:hover,:focus-visible) svg{translate:.15em -.2em}