@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}}.shell{width:100%;max-width:72rem;margin-inline:auto;padding-inline:1.5rem}.home{--ink:var(--blume-foreground);--line:var(--blume-border);--purple:var(--blume-accent);overflow-x:clip}.home :is(h1,h2,h3){text-wrap:pretty}.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)}.showcase,.feature-section,.backoffice{margin-top:clamp(4rem,9vw,7rem)}.section-heading{text-align:center;max-width:40rem;margin:0 auto 2.5rem}.rule{background:var(--udocs-gradient);border-radius:999px;width:2.75rem;height:.25rem;margin:0 auto 1.15rem;display:block}.section-heading h2,.backoffice h2,.closing h2{font-family:var(--blume-font-display);letter-spacing:-.015em;margin:0 0 .75rem;font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:700;line-height:1.15}.section-heading p,.backoffice__copy>p,.closing>p{color:var(--blume-muted-foreground);margin:0;font-size:1.05rem;line-height:1.65}.format-grid,.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.format-card,.feature-card{border:1px solid var(--blume-border);border-radius:calc(var(--blume-radius) * 1.25);background:color-mix(in oklab, var(--blume-muted) 32%, transparent);overflow:hidden}.format-card__image{background:#dce3eb;place-items:center;height:12rem;display:grid;overflow:hidden}.format-card__image img{object-fit:cover;filter:blur(13px);width:100%;height:100%;transform:scale(1.1)}.format-card>div:last-child{padding:1.1rem 1.2rem 1.25rem}.format-card h3,.feature-card h3{font-family:var(--blume-font-display);margin:0 0 .35rem;font-size:1.1rem}.format-card p,.feature-card p{color:var(--blume-muted-foreground);margin:0;font-size:.92rem;line-height:1.55}.text-link{width:fit-content;color:var(--blume-accent);gap:.45rem;margin:1.5rem auto 0;font-weight:650;text-decoration:none;display:flex}.text-link:hover{text-decoration:underline}.feature-card{padding:1.65rem;position:relative}.feature-card__number{color:var(--blume-accent);font-family:var(--blume-font-mono);margin-bottom:1.5rem;font-size:.8rem;font-weight:700;display:block}.backoffice{grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.backoffice .rule{margin-inline:0}.backoffice__copy>p{margin-bottom:1.5rem}.screenshot{border:1px solid var(--blume-border);border-radius:calc(var(--blume-radius) * 1.4);background:var(--blume-muted);box-shadow:0 1px 0 0 color-mix(in oklab, var(--blume-foreground) 4%, transparent), 0 30px 60px -25px color-mix(in oklab, var(--blume-accent) 30%, transparent), 0 12px 30px -20px #00000059;margin:2.5rem 0 0;overflow:hidden}.screenshot--hero{margin-top:3.5rem}.screenshot__bar{border-bottom:1px solid var(--blume-border);background:color-mix(in oklab, var(--blume-muted) 70%, var(--blume-background));gap:.4rem;padding:.7rem .9rem;display:flex}.screenshot__bar span{background:color-mix(in oklab, var(--blume-muted-foreground) 40%, transparent);border-radius:50%;width:.65rem;height:.65rem}.screenshot img{width:100%;height:auto;display:block}.backoffice .screenshot{margin-top:0}.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}.trust{text-align:center;margin-top:clamp(3rem,7vw,5rem)}.trust p{max-width:52rem;color:var(--blume-muted-foreground);margin:0 auto;font-size:1.15rem;line-height:1.6}.trust strong{color:var(--blume-foreground);font-weight:600}.closing{border:1px solid color-mix(in oklab, var(--blume-accent) 30%, var(--blume-border));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%);text-align:center;margin-top:clamp(4rem,9vw,7rem);padding:clamp(2.5rem,6vw,4rem) 1.5rem;position:relative;overflow:hidden}.closing__glow{background:radial-gradient(45% 100% at 12% 0%, color-mix(in oklab, var(--blume-accent) 15%, transparent), transparent 70%), radial-gradient(45% 100% at 88% 0%, oklab(69.3525% .183672 -.0331971/.12), transparent 70%);pointer-events:none;position:absolute;inset:0}.closing :is(h2,p,.closing__actions){position:relative}.closing>p{max-width:38rem;margin:0 auto 1.75rem}.closing__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.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}@media (width<=56.25rem){.format-grid,.feature-grid{grid-template-columns:1fr}.format-card{grid-template-columns:minmax(8rem,.8fr) 1.2fr;display:grid}.format-card__image{height:100%;min-height:9rem}.backoffice{grid-template-columns:1fr}.backoffice__copy{text-align:center}.backoffice .rule{margin-inline:auto}}@media (width<=38.75rem){.format-card{grid-template-columns:1fr}.format-card__image{height:10rem}}.home--motion .reveal{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0) * 70ms);transform:translateY(14px)}.home--motion .reveal.is-visible{opacity:1;transform:none}
