a.button:not(.secondary):not(.ghost){--_text:white!important;color:#fff!important}a.button.secondary{--_text:var(--color-interactive)!important}@layer site{body{min-height:100vh}.skip-link{position:absolute;inset-inline-start:var(--size-s);inset-block-start:-100px;padding:var(--size-s) var(--size-m);background:var(--color-interactive);color:#fff;border-radius:var(--radius-s);text-decoration:none;z-index:100}.skip-link:focus{inset-block-start:var(--size-s)}.search-shortcut{margin-inline-start:var(--size-xs);padding:0 var(--size-2xs);font-size:var(--font-size-xs);color:var(--color-text-muted);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);background:var(--color-surface-raised);font-family:var(--font-mono, ui-monospace)}@media (max-width:52rem){.search-shortcut{display:none}}.search-popover{inline-size:min(720px,100vw);block-size:min(80vh,600px);margin:auto;padding:var(--size-l);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-l);background:var(--color-surface);color:var(--color-text);box-shadow:0 8px 24px oklch(0 0 0 / .15);overflow:auto}.search-popover::backdrop{background:oklch(0 0 0 / .4)}.search-close{position:absolute;inset-block-start:var(--size-s);inset-inline-end:var(--size-s);padding:var(--size-xs);background:0 0;border:none;color:var(--color-text-muted);border-radius:var(--radius-s);cursor:pointer}.search-close:hover{background:var(--color-surface-raised);color:var(--color-text)}.prev-next-nav{margin-block-start:var(--size-2xl);padding-block-start:var(--size-xl);border-block-start:var(--border-width-thin) solid var(--color-border)}.nav-link{display:block;padding:var(--size-m);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);text-decoration:none;transition:border-color .15s,background-color .15s}.nav-link:hover{border-color:var(--color-interactive);background:var(--color-surface-raised)}.nav-link-prev{text-align:start}.nav-link-next{text-align:end}.nav-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.nav-title{font-weight:500;color:var(--color-interactive)}.hero{padding-block:var(--size-3xl,4rem);text-align:center}.hero h1{font-size:var(--font-size-5xl, 4rem);line-height:1;margin:0;background:linear-gradient(135deg,var(--color-interactive) 0,oklch(60% .25 320) 50%,var(--color-interactive) 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hero-gradient-shift 8s ease-in-out infinite}@keyframes hero-gradient-shift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@media (prefers-reduced-motion:reduce){.hero h1{background:0 0;color:var(--color-text);animation:none}}.hero-tagline{font-size:var(--font-size-lg, 1.25rem);color:var(--color-text-muted,#555);margin-block-start:var(--size-m,1rem)}.hero-actions a.outline,.hero-actions a.primary{display:inline-flex;align-items:center;padding:var(--size-s) var(--size-l);border-radius:var(--radius-m);text-decoration:none;font-weight:600}.hero-actions a.primary{background:var(--color-interactive);color:#fff}.hero-actions a.outline{background:0 0;color:var(--color-interactive);border:var(--border-width-thin) solid var(--color-interactive)}.stats-bar{margin-block:var(--size-xl)}.stats-bar .stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-interactive);margin:0}.stats-bar .stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.feature-card h3{margin:0 0 var(--size-xs);font-size:var(--font-size-md);font-weight:600}.feature-card p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.example-card{display:block;text-decoration:none;color:inherit}.example-card layout-card{transition:border-color .15s,box-shadow .15s;height:100%}.example-card:hover layout-card{border-color:var(--color-interactive);box-shadow:0 4px 12px oklch(0 0 0 / .1)}.example-card h3{margin:0 0 var(--size-xs);font-size:var(--font-size-md);color:var(--color-text)}.example-card p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.examples-intro{margin-block-end:var(--size-xl);color:var(--color-text-muted)}.example-link-card{display:block;background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);padding:var(--size-l);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.example-link-card:hover{border-color:var(--color-interactive);box-shadow:0 4px 12px oklch(0 0 0 / .1)}.example-link-card h2{margin:0 0 var(--size-xs);font-size:var(--font-size-lg);color:var(--color-text)}.example-link-card p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--size-m)}.example-link-card .tags{display:flex;flex-wrap:wrap;gap:var(--size-2xs);list-style:none;padding:0;margin:0}.example-link-card .tags li{background:var(--color-interactive-subtle,oklch(.95 .05 250));color:var(--color-interactive);padding:var(--size-3xs,.125rem) var(--size-xs);border-radius:var(--radius-s);font-size:var(--font-size-xs)}.example-header{margin-block:var(--size-l) var(--size-xl)}.example-header h1{margin:0}.example-subtitle{color:var(--color-text-muted);margin:var(--size-xs) 0 0}.back-link{display:inline-block;margin-block-end:var(--size-m);color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm)}.back-link:hover{color:var(--color-interactive)}.launch-card{background:linear-gradient(135deg,var(--color-interactive) 0,oklch(.45 .18 264) 100%);color:#fff;padding:var(--size-2xl);border-radius:var(--radius-l);text-align:center;margin-block-end:var(--size-xl)}.launch-card h2{color:#fff;margin-block-end:var(--size-m)}.launch-card p{color:oklch(1 0 0 / .9);margin-block-end:var(--size-l)}.launch-btn{display:inline-block;background:#fff;color:var(--color-interactive);padding:var(--size-m) var(--size-xl);border-radius:var(--radius-m);text-decoration:none;font-weight:600;font-size:var(--font-size-lg);transition:transform .2s,box-shadow .2s}.launch-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px oklch(0 0 0 / .2)}.example-section{margin-block:var(--size-xl)}.feature-list{margin-block:var(--size-m)}.feature-list h3{font-size:var(--font-size-md);margin-block-end:var(--size-xs)}.callout{padding:var(--size-m) var(--size-l);border-radius:var(--radius-m);margin-block:var(--size-l);border-inline-start:4px solid}.callout p{margin:0}.callout p+p{margin-block-start:var(--size-s)}.callout-title{font-weight:600;margin-block-end:var(--size-xs)}.callout-info{background:var(--color-info-subtle,oklch(.95 .03 250));border-color:var(--color-info,oklch(.55 .2 250))}.callout-tip{background:var(--color-success-subtle,oklch(.95 .05 145));border-color:var(--color-success,oklch(.55 .2 145))}.callout-warning{background:var(--color-warning-subtle,oklch(.95 .08 85));border-color:var(--color-warning,oklch(.65 .2 85))}.docs-footer{padding:var(--size-l);border-block-start:var(--border-width-thin) solid var(--color-border);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.docs-footer p{margin:0}.footer-tagline{font-weight:500;color:var(--color-text);margin-block-end:var(--size-xs)}.footer-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--size-xs) var(--size-m)}.docs-footer a{color:var(--color-text-muted);text-decoration:none}.docs-footer a:hover{color:var(--color-interactive);text-decoration:underline}}