@layer reset,tokens,brand,layout,components,site;@layer reset{*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;tab-size:2}body{min-height:100svh;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{line-height:1.2;text-wrap:balance;font-weight:600}p{text-wrap:pretty}ul[role=list],ol[role=list]{list-style:none;padding:0}a{color:inherit;text-decoration-thickness:from-font;text-underline-offset:.15em}table{border-collapse:collapse;border-spacing:0}:target{scroll-margin-block:5ex}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}}}@layer tokens{:root{--color-bg:#ffffff;--color-bg-elevated:#f7f9fc;--color-fg:oklch(0.21 0.03 263.6);--color-fg-muted:oklch(0.52 0.03 263.6);--color-border:oklch(0.91 0.01 263.6);--color-primary:oklch(0.55 0.22 263.6);--color-primary-content:oklch(0.98 0.01 263.6);--color-accent:oklch(0.55 0.22 263.6);--color-brand:#646cff;--color-success:oklch(0.55 0.16 152);--color-warning:oklch(0.62 0.15 72);--color-error:oklch(0.55 0.21 27);--color-info:oklch(0.58 0.13 235);--color-chart-1:#2563eb;--color-chart-2:#d97706;--color-chart-3:#0d9488;--color-chart-4:#b91c1c;--color-chart-5:#a21caf;--color-chart-6:#65a30d;--font-heading:"Outfit", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace;--color-glass-bg:rgba(15, 23, 42, 0.65);--color-glass-border:rgba(255, 255, 255, 0.08);--shadow-glass:0 8px 32px 0 rgba(0, 0, 0, 0.37);--radius-glass:24px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 2px oklch(0.21 0.03 263.6 / 7%);--shadow-md:0 12px 32px oklch(0.21 0.03 263.6 / 12%);--size-content:46rem;--size-wide:78rem}[data-theme=dark]{--color-bg:oklch(0.17 0.025 263.6);--color-bg-elevated:oklch(0.22 0.03 263.6);--color-fg:oklch(0.94 0.01 263.6);--color-fg-muted:oklch(0.71 0.02 263.6);--color-border:oklch(0.32 0.03 263.6);--color-primary:oklch(0.648 0.205 263.6);--color-primary-content:oklch(0.18 0.03 263.6);--color-accent:oklch(0.648 0.205 263.6);--color-success:oklch(0.75 0.17 152);--color-warning:oklch(0.8 0.15 80);--color-error:oklch(0.7 0.18 22);--color-info:oklch(0.75 0.13 235);--color-chart-1:#4d84ef;--color-chart-2:#c2830f;--color-chart-3:#11a294;--color-chart-4:#d43a3a;--color-chart-5:#b03fc4;--color-chart-6:#689b1f;--shadow-sm:0 1px 2px rgb(0 0 0 / 45%);--shadow-md:0 12px 32px rgb(0 0 0 / 50%)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:oklch(0.17 0.025 263.6);--color-bg-elevated:oklch(0.22 0.03 263.6);--color-fg:oklch(0.94 0.01 263.6);--color-fg-muted:oklch(0.71 0.02 263.6);--color-border:oklch(0.32 0.03 263.6);--color-primary:oklch(0.648 0.205 263.6);--color-primary-content:oklch(0.18 0.03 263.6);--color-accent:oklch(0.648 0.205 263.6);--color-success:oklch(0.75 0.17 152);--color-warning:oklch(0.8 0.15 80);--color-error:oklch(0.7 0.18 22);--color-info:oklch(0.75 0.13 235);--color-chart-1:#4d84ef;--color-chart-2:#c2830f;--color-chart-3:#11a294;--color-chart-4:#d43a3a;--color-chart-5:#b03fc4;--color-chart-6:#689b1f;--shadow-sm:0 1px 2px rgb(0 0 0 / 45%);--shadow-md:0 12px 32px rgb(0 0 0 / 50%)}}}@layer brand{@font-face{font-family:inter;src:url(fonts/Inter-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:outfit;src:url(fonts/Outfit-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}.glass{background:var(--color-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);box-shadow:var(--shadow-glass);border-radius:var(--radius-glass)}}@layer layout{:root{--space-3xs:0.25rem;--space-2xs:0.5rem;--space-xs:0.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:6rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:clamp(1.6rem, 1.2rem + 1.6vw, 2.25rem);--text-3xl:clamp(2rem, 1.4rem + 3vw, 3.25rem)}html{color-scheme:light}[data-theme=dark]{color-scheme:dark}body{display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-body);font-size:var(--text-base)}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em}a{color:var(--color-primary)}a:hover{color:var(--color-accent)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em}.container{width:100%;max-width:var(--size-content);margin-inline:auto;padding-inline:var(--space-md)}.container--wide{max-width:var(--size-wide)}.skip-link{position:absolute;inset-inline-start:var(--space-sm);inset-block-start:calc(-1 * var(--space-2xl));z-index:100;padding:var(--space-2xs)var(--space-sm);background:var(--color-primary);color:var(--color-primary-content);border-radius:var(--radius-sm);transition:inset-block-start .15s ease}.skip-link:focus{inset-block-start:var(--space-sm)}.site-header{position:sticky;inset-block-start:0;z-index:50;border-block-end:1px solid var(--color-border);background:color-mix(in oklab,var(--color-bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.site-header__inner{display:flex;align-items:center;gap:var(--space-md);min-height:3.5rem}.site-header__brand{display:inline-flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-heading);font-weight:700;font-size:var(--text-lg);color:var(--color-fg);text-decoration:none;letter-spacing:-.03em}.site-header__brand span{color:var(--color-primary)}.site-header__nav{display:flex;align-items:center;gap:var(--space-sm);margin-inline-start:auto;font-size:var(--text-sm)}.site-header__nav a{color:var(--color-fg-muted);text-decoration:none}.site-header__nav a:hover{color:var(--color-primary)}main{flex:1;padding-block:var(--space-lg)var(--space-2xl)}.site-footer{border-block-start:1px solid var(--color-border);padding-block:var(--space-md);color:var(--color-fg-muted);font-size:var(--text-sm)}.site-footer__inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs)var(--space-md)}.site-footer__inner>:last-child{margin-inline-start:auto}.stack>*+*{margin-block-start:var(--space-sm)}.stack--lg>*+*{margin-block-start:var(--space-lg)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(20rem,100%),1fr));gap:var(--space-md)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.theme-icon-moon{display:inline-flex}.theme-icon-sun{display:none}[data-theme=dark] .theme-icon-moon{display:none}[data-theme=dark] .theme-icon-sun{display:inline-flex}.defer-render{content-visibility:auto;contain-intrinsic-size:auto 1200px}}@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3xs);padding:var(--space-2xs)var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-fg);font-size:var(--text-sm);font-weight:500;line-height:1.2;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-content)}.btn--primary:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-primary-content);filter:brightness(1.05)}.btn--ghost{background:0 0;border-color:transparent}.btn--sm{padding:var(--space-3xs)var(--space-2xs);font-size:var(--text-xs)}.btn--icon{padding:var(--space-3xs);aspect-ratio:1}.btn[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-content)}.card{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);box-shadow:var(--shadow-sm)}.card__title{font-size:var(--text-xl);margin:0}.card__title a{color:inherit;text-decoration:none}.card__title a::after{content:"";position:absolute;inset:0}.card__desc{color:var(--color-fg-muted);font-size:var(--text-sm);flex:1}.card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3xs);font-size:var(--text-xs);color:var(--color-fg-muted)}.grid-cards>li{display:flex}.grid-cards>li>.card{flex:1}.card--link{position:relative;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.card--link:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:var(--space-3xs);padding:.1em .55em;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg);font-size:var(--text-xs);font-weight:500;line-height:1.5;white-space:nowrap}.badge--primary{border-color:transparent;background:color-mix(in oklab,var(--color-primary) 15%,transparent);color:var(--color-primary)}.badge--warning{border-color:transparent;background:color-mix(in oklab,var(--color-warning) 20%,transparent);color:var(--color-warning)}.badge--error{border-color:transparent;background:color-mix(in oklab,var(--color-error) 20%,transparent);color:var(--color-error)}.badge--success{border-color:transparent;background:color-mix(in oklab,var(--color-success) 20%,transparent);color:var(--color-success)}.badge--muted{color:var(--color-fg-muted)}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated)}.table{width:100%;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.table th,.table td{padding:var(--space-2xs)var(--space-xs);text-align:start;border-block-end:1px solid var(--color-border);white-space:nowrap}.table thead th{position:sticky;inset-block-start:0;background:var(--color-bg-elevated);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-fg-muted)}.table tbody tr:last-child th,.table tbody tr:last-child td{border-block-end:none}.table tbody tr:hover{background:color-mix(in oklab,var(--color-primary) 6%,transparent)}.table .num{text-align:end}.field{display:flex;flex-direction:column;gap:var(--space-3xs)}.field__label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2xs);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-fg-muted)}.field__value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;text-transform:none;letter-spacing:normal;color:var(--color-primary)}.field__hint{font-size:var(--text-xs);color:var(--color-fg-muted)}.input,.select{width:100%;padding:var(--space-2xs)var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-fg);font-size:var(--text-sm)}.select{appearance:none;padding-inline-end:var(--space-lg);background-image:linear-gradient(45deg,transparent 50%,currentcolor 50%),linear-gradient(135deg,currentcolor 50%,transparent 50%);background-position:calc(100% - 1rem)55%,calc(100% - .7rem)55%;background-size:.3rem .3rem,.3rem .3rem;background-repeat:no-repeat}.input:focus,.select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--color-primary) 25%,transparent)}.range{width:100%;height:1.25rem;appearance:none;background:0 0}.range::-webkit-slider-runnable-track{height:.35rem;border-radius:999px;background:var(--color-border)}.range::-moz-range-track{height:.35rem;border-radius:999px;background:var(--color-border)}.range::-webkit-slider-thumb{appearance:none;width:1rem;height:1rem;margin-block-start:-.33rem;border:none;border-radius:50%;background:var(--color-primary)}.range::-moz-range-thumb{width:1rem;height:1rem;border:none;border-radius:50%;background:var(--color-primary)}.switch{display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:var(--text-sm);cursor:pointer}.note{padding:var(--space-xs)var(--space-sm);border:1px solid var(--color-border);border-inline-start:3px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-bg-elevated);font-size:var(--text-sm);color:var(--color-fg-muted)}.note--warning{border-inline-start-color:var(--color-warning)}.note strong{color:var(--color-fg)}.prose{max-width:68ch}.prose>*+*{margin-block-start:var(--space-sm)}.prose h2{margin-block-start:var(--space-lg);font-size:var(--text-2xl)}.prose h3{margin-block-start:var(--space-md);font-size:var(--text-xl)}.prose ul,.prose ol{padding-inline-start:var(--space-md)}.prose li+li{margin-block-start:var(--space-3xs)}.prose code{padding:.1em .35em;border-radius:var(--radius-sm);background:color-mix(in oklab,var(--color-fg) 8%,transparent)}.prose pre{overflow-x:auto;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated)}.prose pre code{padding:0;background:0 0}.prose blockquote{padding-inline-start:var(--space-sm);border-inline-start:3px solid var(--color-border);color:var(--color-fg-muted)}.prose table{width:100%;font-size:var(--text-sm)}.prose th,.prose td{padding:var(--space-3xs)var(--space-2xs);text-align:start;border-block-end:1px solid var(--color-border)}.catalog-hero{padding-block:var(--space-xl)var(--space-lg)}.catalog-hero__title{font-size:var(--text-3xl);font-weight:700;letter-spacing:-.04em;background:linear-gradient(120deg,var(--color-fg) 30%,var(--color-primary));-webkit-background-clip:text;background-clip:text;color:transparent}.catalog-hero__tagline{max-width:60ch;font-size:var(--text-lg);color:var(--color-fg-muted)}.catalog-hero__count{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-fg-muted)}}