@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}}.home{--ink:var(--blume-foreground);--muted:var(--blume-muted-foreground);--purple:var(--blume-accent);--blue:#4285f4;--pink:#e264bd;--line:var(--blume-border);color:var(--ink);overflow-x:clip}.home :where(h1,h2,h3){text-wrap:balance}.home :where(p,li){text-wrap:pretty}.home .shell,.home-footer .shell{width:min(70rem,100% - 2.5rem);margin-inline:auto}.home .reveal{animation:.55s ease-out both home-reveal;animation-delay:calc(var(--i,0) * 70ms)}.home .button{border:1px solid var(--line);border-radius:var(--blume-radius);min-height:2.75rem;color:var(--ink);justify-content:center;align-items:center;padding-inline:1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.home .button:hover{border-color:var(--purple)}.home .button--secondary{border-color:color-mix(in oklab, var(--ink) 18%, transparent);background:color-mix(in oklab, var(--blume-background) 55%, transparent)}.home .button--primary{border-color:var(--purple);background:var(--purple);color:var(--blume-accent-foreground);box-shadow:0 .625rem 1.9rem color-mix(in oklab, var(--purple) 23%, transparent)}.home .button--primary:hover{background:color-mix(in oklab, var(--purple) 88%, black);color:var(--blume-accent-foreground)}.home .screenshot{border:1px solid var(--line);border-radius:calc(var(--blume-radius) * 1.4);background:var(--blume-muted);max-width:65rem;box-shadow:0 1.875rem 3.75rem -1.5625rem color-mix(in oklab, var(--blume-accent) 30%, transparent), 0 .75rem 1.875rem -1.25rem #00000059;text-align:start;margin:2.75rem auto 0;overflow:hidden}.home .screenshot__bar{border-bottom:1px solid var(--line);gap:.45rem;padding:.75rem .95rem;display:flex}.home .screenshot__bar span{background:#d5d2e2;border-radius:50%;width:.5rem;height:.5rem}.home .screenshot img{width:100%;height:auto;display:block}.home .trust{border-bottom:1px solid var(--line);color:var(--muted);text-align:center;padding-block:1.75rem}.home .trust p{margin:0}.home .trust strong{color:var(--ink)}.home .section,.home .standards{padding-block:5rem}.home .section-heading{max-width:40rem}.home .rule{background:linear-gradient(90deg, var(--blue), var(--pink));border-radius:999px;width:2.625rem;height:.2rem;margin-bottom:1.25rem;display:block}.home :where(.section-heading,.classification__copy,.api__copy) h2,.home .closing h2{font-family:var(--blume-font-display);letter-spacing:-.015em;margin:0;font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:700;line-height:1.15}.home :where(.section-heading,.classification__copy,.api__copy)>p,.home .closing p{color:var(--muted);line-height:1.65}.home :where(.section-heading,.classification__copy,.api__copy)>p{margin:.75rem 0 0}.home .standards{border-bottom:1px solid var(--line)}.home .standards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;margin-top:2.75rem;display:grid}.home .standards-card{border-top:1px solid var(--line);padding-top:1.5rem}.home .standards-card__eyebrow{color:var(--purple);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .75rem;font-size:.75rem;font-weight:800}.home .standards-card h3{letter-spacing:-.025em;margin:0;font-size:1.45rem}.home .standards-card p:not(.standards-card__eyebrow){color:var(--muted);margin:.75rem 0 1rem;line-height:1.65}.home .standards__more{margin-top:2.25rem;display:inline-block}.home .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.125rem;margin-top:2.75rem;display:grid}.home .feature-card{border:1px solid var(--line);border-radius:calc(var(--blume-radius) * 1.25);background:color-mix(in oklab, var(--blume-muted) 32%, transparent);min-height:13.5rem;padding:1.75rem}.home .feature-card>span{color:var(--purple);letter-spacing:.12em;font-size:.75rem;font-weight:800}.home .feature-card h3{margin:2.75rem 0 .5rem;font-size:1.2rem}.home .feature-card p{color:var(--muted);margin:0;line-height:1.6}.home :where(.classification,.api){border-top:1px solid var(--line);grid-template-columns:minmax(0,.85fr) minmax(28rem,1.15fr);align-items:center;gap:clamp(3rem,8vw,7rem);padding-block:4.75rem;display:grid}.home :where(.classification__copy,.api__copy){max-width:30rem}.home .text-link{color:var(--purple);font-weight:700;text-decoration:none}.home .text-link:hover{text-underline-offset:.2em;text-decoration:underline}.home .classification__copy>.text-link{margin-top:.75rem;display:inline-block}.home .api__copy>.button{margin-top:1.25rem}.home .status-list{border:1px solid var(--line);border-radius:calc(var(--blume-radius) * 1.25);background:color-mix(in oklab, var(--blume-muted) 18%, transparent);overflow:hidden}.home .status-list div{grid-template-columns:7.5rem 1fr;gap:1.125rem;padding:1.25rem 1.5rem;display:grid}.home .status-list div:not(:last-child){border-bottom:1px solid var(--line)}.home .status-list strong{color:var(--purple);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.87rem}.home .status-list span{color:var(--muted)}.home .code-preview{gap:.75rem;min-width:0;display:grid}.home .code-preview>.prose>*{box-shadow:0 1.875rem 3.75rem -1.5625rem color-mix(in oklab, var(--blume-accent) 30%, transparent), 0 .75rem 1.875rem -1.25rem #00000059;margin:0}.home .closing{border:1px solid color-mix(in oklab, var(--blume-accent) 30%, var(--line));border-radius:calc(var(--blume-radius) * 1.6);background:linear-gradient(155deg, color-mix(in oklab, #9b83ec 12%, var(--blume-background)), var(--blume-background) 72%);color:var(--ink);text-align:center;margin-top:clamp(4rem,9vw,7rem);padding:4rem 2rem}.home .closing p{max-width:38rem;color:var(--muted);margin:1rem auto 1.5rem}.home .udocs-ecosystem{margin-block:clamp(4rem,9vw,7rem) 0}.home-footer{border-top:1px solid var(--blume-border);margin-top:clamp(4rem,9vw,7rem);padding-block:2.5rem}.home-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.home-footer__inner>div{flex-direction:column;gap:.15rem;display:flex}.home-footer__inner span{color:var(--blume-muted-foreground);font-size:.85rem}.home-footer a{color:inherit;text-decoration:none}.home-footer a:hover{color:var(--blume-accent);text-decoration:underline}.home-footer nav{color:var(--blume-muted-foreground);flex-wrap:wrap;gap:1.25rem;font-size:.9rem;display:flex}@keyframes home-reveal{0%{opacity:0;transform:translateY(.75rem)}}@media (width<=56rem){.home :where(.classification,.api){grid-template-columns:1fr;gap:2rem}.home :where(.classification__copy,.api__copy){max-width:40rem}}@media (width<=47.5rem){.home .shell,.home-footer .shell{width:min(100% - 1.75rem,70rem)}.home .section,.home .standards{padding-block:3.75rem}.home .standards-grid,.home .feature-grid{grid-template-columns:1fr;gap:1.5rem}.home .feature-card{min-height:auto}.home .feature-card h3{margin-top:1.875rem}.home :where(.classification,.api){gap:2rem;padding-block:3.75rem}.home .status-list div{grid-template-columns:5.75rem 1fr;padding:1.05rem}.home .closing{margin-bottom:3.5rem;padding:3rem 1.25rem}}@media (prefers-reduced-motion:reduce){.home .reveal{animation:none}}
