@layer udocs.tokens{:where([data-udocs-root]){--udocs-accent:var(--blume-accent,#7557e8);--udocs-gradient:linear-gradient(105deg, #60a5fa, #a78bfa 52%, #f472b6);--udocs-border:var(--blume-border,#d4d4d8);--udocs-muted:var(--blume-muted,#f4f4f5);--udocs-muted-foreground:var(--blume-muted-foreground,#52525b);--udocs-foreground:var(--blume-foreground,#18181b);--udocs-radius:var(--blume-radius,.5rem)}}@layer udocs.motion{[data-udocs-motion=true] [data-udocs-reveal]{opacity:0;transition:opacity .45s,transform .45s;transform:translateY(.75rem)}[data-udocs-motion=true] [data-udocs-visible=true]{opacity:1;transition-delay:calc(var(--udocs-reveal-offset,0s) + var(--udocs-reveal-stagger,0s));transform:none}@media (prefers-reduced-motion:reduce){[data-udocs-reveal]{opacity:1!important;transition:none!important;transform:none!important}}}.udocs-shell{width:100%;max-width:72rem;margin-inline:auto;padding-inline:1.5rem}.udocs-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.udocs-hero{padding-block:clamp(3rem,8vw,6rem);position:relative;overflow:clip}.udocs-hero__glow{background:radial-gradient(ellipse at top, color-mix(in oklab, var(--udocs-accent) 24%, transparent), transparent 70%);pointer-events:none;height:min(40rem,130%);position:absolute;inset:-30% -10% auto}.udocs-particles{inset:calc(-1 * var(--udocs-particles-lift,0px)) 0 auto;height:calc(var(--udocs-particles-height,100%) + var(--udocs-particles-lift,0px));pointer-events:none;position:absolute}.udocs-hero:has(>.udocs-particles){clip-path:inset(calc(-1 * var(--udocs-particles-lift,0px)) 0 0);overflow:clip visible}.udocs-particles__canvas{opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.udocs-particles__canvas[data-ready]{opacity:1}.udocs-particles__fallback{top:calc(.92 * var(--udocs-particles-lift,0px) + 8%);width:100%;height:calc(84% - .84 * var(--udocs-particles-lift,0px));object-fit:contain;opacity:.14;display:none;position:absolute;left:0}.udocs-particles[data-fallback] .udocs-particles__fallback{display:block}@supports (animation-timeline:scroll()){html[data-udocs-particles-header] [data-blume-header]{animation-name:udocs-header-clear;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 8rem}}@supports not (animation-timeline:scroll()){html[data-udocs-particles-header] [data-blume-header]{transition:background-color .2s,backdrop-filter .2s}html[data-udocs-particles-header]:not([data-udocs-scrolled]) [data-blume-header]{backdrop-filter:none;background-color:#0000}}.udocs-hero__glow{transition:opacity .6s}.udocs-particles:has(>[data-ready])~.udocs-hero__glow{opacity:0}.udocs-hero__inner{position:relative}.udocs-hero__copy{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.udocs-hero__logo{object-fit:contain;width:4.5rem;height:4.5rem}.udocs-hero__title{max-width:20ch;font-family:var(--blume-font-display,system-ui);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(2.4rem,6vw,4rem);line-height:1.05}.udocs-hero__accent{color:#0000;background:var(--udocs-gradient);-webkit-background-clip:text;background-clip:text}.udocs-hero__eyebrow{color:var(--udocs-accent);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.udocs-hero__description{max-width:44rem;color:var(--udocs-muted-foreground);margin:0;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}.udocs-hero__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.udocs-hero__compatibility{color:var(--udocs-muted-foreground);margin:0;font-size:.875rem}.udocs-hero:has(>.udocs-particles) :is(.udocs-hero__description,.udocs-hero__compatibility){color:color-mix(in oklab, var(--udocs-foreground) 82%, transparent)}.udocs-hero:has(>.udocs-particles) .udocs-hero__eyebrow{color:color-mix(in oklab, var(--udocs-accent) 60%, var(--udocs-foreground))}.udocs-hero:has(>.udocs-particles) .udocs-hero__actions>*{backdrop-filter:blur(8px)}.udocs-hero[data-layout=split] .udocs-hero__inner{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:2rem clamp(2rem,5vw,4rem);display:grid}.udocs-hero[data-layout=split] .udocs-hero__copy{text-align:start;align-items:flex-start}.udocs-hero[data-layout=split] .udocs-hero__actions{justify-content:flex-start}.udocs-hero__art{align-self:stretch;min-height:20rem;position:relative}.udocs-hero__art-logo{object-fit:contain;width:90%;height:90%;position:absolute;inset:5%}.udocs-hero:has(>.udocs-particles) .udocs-hero__art-logo{display:none}.udocs-hero[data-layout=split] .udocs-particles__fallback{top:calc(var(--udocs-particles-art-top,0px) + .05 * var(--udocs-particles-art-height,0px));left:calc(var(--udocs-particles-art-left,0px) + .05 * var(--udocs-particles-art-width,0px));width:calc(.9 * var(--udocs-particles-art-width,0px));height:calc(.9 * var(--udocs-particles-art-height,0px));opacity:1}@media (width<=56rem){.udocs-hero[data-layout=split] .udocs-hero__inner{grid-template-columns:minmax(0,1fr)}.udocs-hero[data-layout=split] .udocs-hero__copy{text-align:center;align-items:center}.udocs-hero[data-layout=split] .udocs-hero__actions{justify-content:center}.udocs-hero__art{order:-1;height:clamp(9rem,36vw,15rem);min-height:0}}@media (width<=36rem){.udocs-hero__copy>:is(.udocs-hero__actions,.udocs-install){align-self:stretch}.udocs-hero__actions>*{flex:1 1 0}.udocs-hero__copy>.udocs-install code{text-align:start;flex:1}}.udocs-install{border:1px solid var(--udocs-border);border-radius:var(--udocs-radius);background:var(--blume-code-background,var(--udocs-muted));max-width:100%;font-family:var(--blume-font-mono,monospace);align-items:center;gap:.75rem;padding:.55rem .6rem .55rem 1rem;font-size:.9rem;display:inline-flex}.udocs-install>span{color:var(--udocs-muted-foreground);user-select:none}.udocs-install code{color:var(--udocs-foreground);white-space:nowrap;overflow-x:auto}.udocs-install button{border-radius:var(--udocs-radius);width:2rem;height:2rem;color:var(--udocs-muted-foreground);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.udocs-install button:focus-visible{outline:2px solid var(--udocs-accent);outline-offset:2px}.udocs-install button svg{grid-area:1/1}.udocs-install [data-done-icon],.udocs-install button[data-udocs-copied] [data-copy-icon]{opacity:0}.udocs-install button[data-udocs-copied] [data-done-icon]{opacity:1;color:var(--udocs-accent)}.udocs-section-heading{max-width:42rem;margin-bottom:2.5rem}.udocs-section-heading--center{text-align:center;margin-inline:auto}.udocs-section-heading__rule{background:var(--udocs-gradient);border-radius:999px;width:2.75rem;height:.25rem;margin-bottom:1.15rem;display:block}.udocs-section-heading--center .udocs-section-heading__rule{margin-inline:auto}.udocs-section-heading h2{font-family:var(--blume-font-display,system-ui);letter-spacing:-.015em;text-wrap:balance;margin:0 0 .75rem;font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:750;line-height:1.15}.udocs-section-heading p{color:var(--udocs-muted-foreground);margin:0;font-size:1.05rem;line-height:1.65}.udocs-screenshot{border:1px solid var(--udocs-border);border-radius:calc(var(--udocs-radius) * 1.4);background:var(--udocs-muted);box-shadow:0 24px 55px -30px color-mix(in oklab, var(--udocs-accent) 40%, transparent);margin:2.5rem 0 0;overflow:hidden}.udocs-screenshot__bar{border-bottom:1px solid var(--udocs-border);gap:.4rem;padding:.7rem .9rem;display:flex}.udocs-screenshot__bar span{background:color-mix(in oklab, var(--udocs-muted-foreground) 40%, transparent);border-radius:50%;width:.65rem;height:.65rem}.udocs-screenshot img{width:100%;height:auto;display:block}.udocs-ecosystem{margin-block:clamp(4rem,9vw,7rem)}.udocs-ecosystem__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.udocs-ecosystem__list--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.udocs-ecosystem__item{min-width:0}.udocs-ecosystem__card{border:1px solid var(--udocs-border);border-radius:calc(var(--udocs-radius) * 1.4);background:color-mix(in oklab, var(--udocs-muted) 38%, transparent);min-height:100%;color:var(--udocs-foreground);box-shadow:0 1px 2px color-mix(in oklab, var(--udocs-foreground) 5%, transparent);grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1.4rem;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.udocs-ecosystem__card:hover{border-color:color-mix(in oklab, var(--udocs-accent) 45%, var(--udocs-border));box-shadow:0 16px 32px -22px color-mix(in oklab, var(--udocs-accent) 55%, transparent);transform:translateY(-3px)}.udocs-ecosystem__card:focus-visible{border-color:var(--udocs-accent);outline:2px solid var(--udocs-accent);outline-offset:3px}.udocs-ecosystem__card>img{object-fit:contain;width:3rem;height:3rem}.udocs-ecosystem__content{min-width:0}.udocs-ecosystem__title{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.udocs-ecosystem__title h3{font-family:var(--blume-font-display,system-ui);margin:0;font-size:1.125rem;font-weight:750;line-height:1.25}.udocs-ecosystem__title svg{color:var(--udocs-accent);flex:none;transition:transform .18s}.udocs-ecosystem__card:hover .udocs-ecosystem__title svg{transform:translate(3px)}.udocs-ecosystem p{color:var(--udocs-muted-foreground);margin:.55rem 0 0;line-height:1.55}@media (width<=56rem){.udocs-ecosystem__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=40rem){.udocs-ecosystem__list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.udocs-ecosystem__card,.udocs-ecosystem__title svg,.udocs-particles__canvas,.udocs-hero__glow{transition:none}.udocs-ecosystem__card:hover,.udocs-ecosystem__card:hover .udocs-ecosystem__title svg{transform:none}}@keyframes udocs-header-clear{0%{backdrop-filter:none;background-color:#0000}}:root{color-scheme:light;--hub-background:oklch(100% 0 0);--hub-foreground:oklch(14.5% 0 0);--hub-muted:oklch(96.5% 0 0);--hub-muted-foreground:oklch(53% 0 0);--hub-border:oklch(88% .006 260/.72);--hub-accent:#7557e8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--hub-background:oklch(8.5% 0 0);--hub-foreground:oklch(96% 0 0);--hub-muted:oklch(16% 0 0);--hub-muted-foreground:oklch(68% 0 0);--hub-border:oklch(24% 0 0/.8);--hub-accent:#a78bfa}}:root[data-theme=dark]{color-scheme:dark;--hub-background:oklch(8.5% 0 0);--hub-foreground:oklch(96% 0 0);--hub-muted:oklch(16% 0 0);--hub-muted-foreground:oklch(68% 0 0);--hub-border:oklch(24% 0 0/.8);--hub-accent:#a78bfa}[data-udocs-root]{--udocs-accent:var(--hub-accent);--udocs-border:var(--hub-border);--udocs-muted:var(--hub-muted);--udocs-muted-foreground:var(--hub-muted-foreground);--udocs-foreground:var(--hub-foreground)}*,:before,:after{box-sizing:border-box}body{background:var(--hub-background);color:var(--hub-foreground);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}img{max-width:100%}.hub-button{border:1px solid var(--udocs-border);border-radius:var(--udocs-radius);align-items:center;gap:.5rem;min-height:2.75rem;padding-inline:1.15rem;font-weight:600;text-decoration:none;transition:border-color .18s,background-color .18s;display:inline-flex}.hub-button--secondary{background:color-mix(in oklab, var(--hub-background) 55%, transparent);color:var(--udocs-foreground)}.hub-button--secondary:hover{border-color:color-mix(in oklab, var(--udocs-accent) 45%, var(--udocs-border))}.hub-button:focus-visible{outline:2px solid var(--udocs-accent);outline-offset:3px}.hub .udocs-hero{align-content:center;min-height:min(46rem,92svh);display:grid}.hub .udocs-hero__inner{--udocs-reveal-offset:.3s}.hub-packages{margin-block:clamp(3rem,7vw,5rem) clamp(4rem,9vw,7rem)}.hub-packages__list{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.hub-packages__list>li{min-width:0}.hub-package{border:1px solid var(--udocs-border);border-radius:calc(var(--udocs-radius) * 1.4);background:color-mix(in oklab, var(--udocs-muted) 38%, transparent);flex-direction:column;gap:.9rem;height:100%;padding:1.4rem;transition:border-color .18s,box-shadow .18s;display:flex;position:relative}.hub-package:hover{border-color:color-mix(in oklab, var(--udocs-accent) 45%, var(--udocs-border));box-shadow:0 16px 32px -22px color-mix(in oklab, var(--udocs-accent) 55%, transparent)}.hub-package:focus-within{border-color:var(--udocs-accent)}.hub-package__header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;display:grid}.hub-package__header img{object-fit:contain;width:3rem;height:3rem}.hub-package h3{margin:0;font-size:1.125rem;font-weight:750;line-height:1.25}.hub-package__link{color:var(--udocs-foreground);text-decoration:none}.hub-package__link:focus-visible{outline:none}.hub-package:has(.hub-package__link:focus-visible){outline:2px solid var(--udocs-accent);outline-offset:3px}.hub-package__link:after{content:"";border-radius:inherit;position:absolute;inset:0}.hub-package__meta{color:var(--udocs-muted-foreground);flex-wrap:wrap;align-items:center;gap:.5rem;margin:.35rem 0 0;font-size:.85rem;display:flex}.hub-package__summary{color:var(--udocs-muted-foreground);flex:1;margin:0;line-height:1.55}.hub-package__links{z-index:1;border-top:1px solid var(--udocs-border);flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:.9rem 0 0;font-size:.875rem;list-style:none;display:flex;position:relative}.hub-package__links a{color:var(--udocs-accent);font-weight:600;text-decoration:none}.hub-package__links a:hover{text-decoration:underline}.hub-footer{border-top:1px solid var(--hub-border);color:var(--hub-muted-foreground);font-size:.875rem}.hub-footer p{margin:0;padding-block:2rem}.hub-footer a{color:inherit}.hub-footer a:hover{color:var(--hub-foreground)}.hub-theme-toggle{z-index:10;border:1px solid var(--hub-border);background:color-mix(in oklab, var(--hub-background) 80%, transparent);width:2.5rem;height:2.5rem;color:var(--hub-muted-foreground);cursor:pointer;border-radius:999px;place-items:center;transition:color .18s,border-color .18s;display:grid;position:absolute;top:1rem;right:1rem}.hub-theme-toggle:hover{color:var(--hub-foreground);border-color:color-mix(in oklab, var(--hub-accent) 45%, var(--hub-border))}.hub-theme-toggle:focus-visible,.hub-footer a:focus-visible{outline:2px solid var(--hub-accent);outline-offset:3px}.hub-theme-toggle [data-icon=sun],.hub-theme-toggle[aria-pressed=true] [data-icon=moon]{display:none}.hub-theme-toggle[aria-pressed=true] [data-icon=sun]{display:block}@media (prefers-reduced-motion:reduce){.hub-button,.hub-package,.hub-theme-toggle{transition:none}}