*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;--demo-bar-h:44px;scroll-padding-top:120px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:clip}img,svg,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}ul[role=list],ol[role=list]{padding:0;list-style:none}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}[hidden]{display:none!important}picture.pic{display:contents}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.js [data-reveal]{opacity:0;transform:translateY(var(--reveal-y,18px));transition:opacity var(--reveal-dur,.7s) cubic-bezier(.22, 1, .36, 1), transform var(--reveal-dur,.7s) cubic-bezier(.22, 1, .36, 1);transition-delay:calc(var(--i,0) * 80ms)}.js [data-reveal].is-visible{opacity:1;transform:none}.demo-skip{z-index:300;color:#fff;background:#111;border-radius:8px;padding:.7rem 1rem;font:500 .9rem/1 system-ui,sans-serif;position:absolute;top:-100px;left:1rem}.demo-skip:focus{top:.5rem}.demo-bar{z-index:200;height:var(--demo-bar-h);padding:0 max(.9rem, env(safe-area-inset-left));letter-spacing:-.005em;align-items:center;gap:.9rem;font:450 .8rem/1.2 Geist Variable,system-ui,sans-serif;display:flex;position:sticky;top:0}.demo-bar--dark{color:#d9d7d0;background:#0b0c0f;box-shadow:inset 0 -1px #ffffff14}.demo-bar--light{color:#d9d7d0;background:#0b0c0f}.demo-bar__brand{letter-spacing:-.05em;color:#f3f1ec;align-items:baseline;padding:.4rem 0;font-size:.95rem;font-weight:650;display:inline-flex}.demo-bar__brand span{background:#ff5a1f;width:.2em;height:.2em;margin-left:.06em}.demo-bar__text{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.6rem;min-width:0;display:flex;overflow:hidden}.demo-bar__full{display:none}.demo-bar__plan{color:#ffb690;background:#ff5a1f24;border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:550;box-shadow:inset 0 0 0 1px #ff8a4c59}.demo-bar__nav{align-items:center;gap:.35rem;margin-left:auto;display:flex}.demo-bar__link{color:#a3a19b;border-radius:999px;padding:.45rem .7rem;display:none}.demo-bar__link:hover{color:#fff}.demo-bar__cta{color:#160903;white-space:nowrap;background:#ff5a1f;border-radius:999px;align-items:center;min-height:32px;padding:0 .8rem;font-weight:600;display:inline-flex}.demo-bar__cta:hover{background:#ff7440}.demo-bar a:focus-visible{outline-offset:2px;outline:2px solid #ff8a4c}.demo-bar__mini{display:none}html.demo-ghost{--demo-bar-h:0px;--demo-ghost-h:30px}.demo-bar--ghost{height:var(--demo-ghost-h);-webkit-backdrop-filter:blur(12px)saturate(1.2);color:#f1eadf9e;letter-spacing:.02em;background:#0806056b;gap:.7rem;font-size:.7rem;position:fixed;left:0;right:0;box-shadow:inset 0 -1px #f1eadf0f}.demo-bar--ghost .demo-bar__brand{color:#f1eadfd9;font-size:.8rem}.demo-bar--ghost .demo-bar__plan{color:#f1eadfb3;background:0 0;padding:.12rem .45rem;font-size:.62rem;box-shadow:inset 0 0 0 1px #f1eadf38}.demo-bar--ghost .demo-bar__link{color:#f1eadf8c;padding:.2rem .5rem}.demo-bar--ghost .demo-bar__cta{color:#e8c9a0;background:0 0;min-height:22px;padding:0 .6rem;font-weight:500;box-shadow:inset 0 0 0 1px #d9be9473}.demo-bar--ghost .demo-bar__cta:hover{background:#d9be9424}@media (width<=479px){.demo-bar{gap:.6rem}.demo-bar__pfx{display:none}.demo-bar__mini{display:inline}}@media (width<=359px){.demo-bar__brand{display:none}}@media (width>=720px){.demo-bar__full{display:inline}.demo-bar__short{display:none}.demo-bar__link{display:inline-flex}}.demo-toast{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:250;color:#f3f1ec;opacity:0;pointer-events:none;background:#0b0c0f;border-radius:14px;width:min(92vw,440px);padding:.9rem 1.1rem;font:450 .9rem/1.45 Geist Variable,system-ui,sans-serif;transition:opacity .26s,transform .26s;position:fixed;transform:translate(-50%,12px);box-shadow:inset 0 0 0 1px #ffffff1a,0 20px 40px -12px #00000080}.demo-toast.is-on{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js [data-reveal]{opacity:1;transform:none}}