@font-face{font-family:s;font-style:normal;font-weight:100 374;font-display:swap;src:url(/fonts/SuisseIntl/SuisseIntl%20Light.woff2) format("woff2")}@font-face{font-family:s;font-style:normal;font-weight:375 449;font-display:swap;src:url(/fonts/SuisseIntl/Suisse%20Intl%20Regular.woff2) format("woff2")}@font-face{font-family:s;font-style:normal;font-weight:450 499;font-display:swap;src:url(/fonts/SuisseIntl/SuisseIntl%20Book.woff2) format("woff2")}@font-face{font-family:s;font-style:normal;font-weight:500 549;font-display:swap;src:url(/fonts/SuisseIntl/SuisseIntl%20Medium.woff2) format("woff2")}@font-face{font-family:s;font-style:normal;font-weight:550 649;font-display:swap;src:url(/fonts/SuisseIntl/Suisse%20Intl%20SemiBold.woff2) format("woff2")}@font-face{font-family:s;font-style:normal;font-weight:650 900;font-display:swap;src:url(/fonts/SuisseIntl/Suisse%20Intl%20Bold.woff2) format("woff2")}@font-face{font-family:s;font-style:italic;font-weight:100 374;font-display:swap;src:url(/fonts/SuisseIntl/Suisse%20Intl%20Light%20Italic.woff2) format("woff2")}@font-face{font-family:s;font-style:italic;font-weight:375 449;font-display:swap;src:url(/fonts/SuisseIntl/Suisse%20Intl%20Italic.woff2) format("woff2")}@font-face{font-family:s;font-style:italic;font-weight:450 549;font-display:swap;src:url(/fonts/SuisseIntl/Suisse%20Intl%20Book%20Italic.woff2) format("woff2")}@font-face{font-family:s;font-style:italic;font-weight:550 649;font-display:swap;src:url(/fonts/SuisseIntl/Suisse%20Intl%20SemiBold%20Italic.woff2) format("woff2")}@font-face{font-family:s;font-style:italic;font-weight:650 900;font-display:swap;src:url(/fonts/SuisseIntl/Suisse%20Intl%20Bold%20Italic.woff2) format("woff2")}@font-face{font-family:d;font-style:normal;font-weight:100;font-display:swap;src:url(/fonts/DaVinci/TRJNDaVinci-Thin.woff) format("woff")}@font-face{font-family:d;font-style:italic;font-weight:100;font-display:swap;src:url(/fonts/DaVinci/TRJNDaVinciItalic-Thin.woff) format("woff")}@font-face{font-family:d;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/DaVinci/TRJNDaVinci-Light.woff) format("woff")}@font-face{font-family:d;font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/DaVinci/TRJNDaVinciItalic-Light.woff) format("woff")}@font-face{font-family:d;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/DaVinci/TRJNDaVinci-Regular.woff) format("woff")}@font-face{font-family:d;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/DaVinci/TRJNDaVinciItalic-Regular.woff) format("woff")}@font-face{font-family:d;font-style:normal;font-weight:450;font-display:swap;src:url(/fonts/DaVinci/TRJNDaVinci-Display.woff) format("woff")}@font-face{font-family:d;font-style:italic;font-weight:450;font-display:swap;src:url(/fonts/DaVinci/TRJNDaVinciItalic-Display.woff) format("woff")}@font-face{font-family:d;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/DaVinci/TRJNDaVinci-Medium.woff) format("woff")}@font-face{font-family:d;font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/DaVinci/TRJNDaVinciItalic-Medium.woff) format("woff")}@font-face{font-family:d;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/DaVinci/TRJNDaVinci-Semibold.woff) format("woff")}@font-face{font-family:d;font-style:italic;font-weight:600;font-display:swap;src:url(/fonts/DaVinci/TRJNDaVinciItalic-Semibold.woff) format("woff")}@font-face{font-family:d;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/DaVinci/TRJNDaVinci-Bold.woff) format("woff")}@font-face{font-family:d;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/DaVinci/TRJNDaVinciItalic-Bold.woff) format("woff")}@font-face{font-family:d;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/DaVinci/TRJNDaVinci-Heavy.woff) format("woff")}@font-face{font-family:d;font-style:italic;font-weight:800;font-display:swap;src:url(/fonts/DaVinci/TRJNDaVinciItalic-Heavy.woff) format("woff")}:root{--color-black: #091d08;--color-grey: #6c7860;--border-color: #1f3c14;--bg: #fcfdf6;--bg-grey: #f0f2e8;--hover-grey: #1f3c14;--page-gradient: linear-gradient( 116.34deg, #43594f 14.6%, #5d7268 35.1%, #788d83 56.4%, #748176 85.4% );--text-gradient: linear-gradient( 180deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .3) 100% );--text-strong: rgba(255, 255, 255, .9);--text-soft: rgba(255, 255, 255, .8);--glass-fill: #788d83;--glass-highlight: linear-gradient(180deg, #7a8c89 0%, #98a79f 100%);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .14);--glass-bevel: inset 0 .6px .5px rgba(255, 255, 255, .4), inset 0 -.6px .5px rgba(255, 255, 255, .25), inset .6px 0 .6px rgba(0, 0, 0, .14), inset -.6px 0 .6px rgba(0, 0, 0, .14);--font-sans: "s", Helvetica, sans-serif;--font-display: "d", Times New Roman, serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;color-scheme:light}*{box-sizing:border-box}html{font-size:62.5%}html,body{margin:0;padding:0;font-family:var(--font-sans);line-height:1.44;color:var(--color-grey);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior-y:none}body{background:var(--page-gradient) fixed;color:var(--text-soft);overflow-x:hidden;font-size:1.75rem;font-weight:375;letter-spacing:-.01em}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);margin:0;font-weight:400;color:var(--color-black);letter-spacing:-.04em;font-size:1.75rem}.page__header h1,.page__header h1 [metamorphosis-item],.page__install h2,.page__install h3,.install__tab-label,.stepper__label,.stepper__label [metamorphosis-item]{color:#fff}p{margin:0}a{text-decoration:none;color:var(--color-black)}:focus:not(:focus-visible){outline:none}.page{min-height:100dvh;padding:clamp(3.2rem,6vw,9.6rem) 2rem 6.4rem}.page__header{margin-bottom:8rem;text-align:center}.page__header h1{font-style:normal;font-size:3rem;font-feature-settings:"dlig" on;letter-spacing:-.0225em;font-weight:400}.page__subtitle{margin-top:0;font-size:1.6rem;letter-spacing:-.01em;color:var(--text-soft)}.page__title-char{display:inline-block;white-space:pre;color:#fff;animation:title-rise .55s cubic-bezier(.16,1,.3,1) both}@keyframes title-rise{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.page__subtitle,.demos>section,.credits{animation:reveal-fade .7s ease both}@keyframes reveal-fade{0%{opacity:0}to{opacity:1}}.page__subtitle{animation-delay:1s}.demos>section:nth-of-type(1){animation-delay:1.15s}.demos>section:nth-of-type(2){animation-delay:1.3s}.demos>section:nth-of-type(3){animation-delay:1.45s}.demos>section:nth-of-type(4){animation-delay:1.6s}.demos>section:nth-of-type(5){animation-delay:1.75s}.demos>section:nth-of-type(6){animation-delay:1.9s}.demos>section:nth-of-type(7){animation-delay:2.05s}.demos>section:nth-of-type(8){animation-delay:2.2s}.credits{animation-delay:2.35s}@media(prefers-reduced-motion:reduce){.page__title-char,.page__subtitle,.demos>section,.credits{animation:none;opacity:1;transform:none}}.container{width:100%;max-width:72rem;margin:0 auto}.demos{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:4rem}.demos>section{position:relative}.demo__container{width:100%;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;position:relative}.demo__container.wide{aspect-ratio:16/9}.glass-gauge{position:relative;width:min(34rem,calc(100% - 3.2rem));height:2.6rem;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;outline:none}.glass-gauge__well{position:absolute;left:0;right:0;top:50%;height:7px;transform:translateY(-50%);border-radius:999px;overflow:hidden;background:#1c262280;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 2px #0000004d,inset 0 -.5px .5px #ffffff14,inset 0 0 0 .6px #0000002e}.glass-gauge__fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--glass-highlight);opacity:.85;transition:opacity .15s ease}.glass-gauge--dragging .glass-gauge__fill{opacity:1}.glass-gauge__pill{position:absolute;top:50%;width:28px;height:100%;transform:translate(-50%,-50%) scale(1);border-radius:999px;background:var(--glass-fill);box-shadow:var(--glass-shadow),var(--glass-bevel);overflow:hidden;pointer-events:none;transition:transform .16s cubic-bezier(.2,.8,.2,1)}.glass-gauge__pill:before{content:"";position:absolute;left:50%;top:calc(50% + 5px);transform:translate(-50%,-50%);width:72%;height:60%;border-radius:999px;background:var(--glass-highlight);filter:blur(3px)}.glass-gauge:hover .glass-gauge__pill{transform:translate(-50%,-50%) scale(1.03)}.glass-gauge--dragging .glass-gauge__pill,.glass-gauge--dragging:hover .glass-gauge__pill{transform:translate(-50%,-50%) scale(1.07)}.glass-gauge:focus-visible .glass-gauge__well{box-shadow:inset 0 1.5px 3px #0000004d,inset 0 -1px 1px #ffffff14,0 0 0 2px #ffffff8c}.stepper{display:flex;align-items:center;justify-content:center}.stepper__button{--x: 0rem;position:absolute;top:50%;left:50%;transform:translate(calc(-50% + var(--x)),-50%);display:inline-flex;align-items:center;justify-content:center;width:5rem;height:5rem;padding:0;border:none;border-radius:999px;background:var(--glass-fill);color:#ffffffd9;cursor:pointer;overflow:hidden;box-shadow:var(--glass-shadow),var(--glass-bevel);transition:transform .15s ease}.stepper__button--prev{--x: -11rem}.stepper__button--next{--x: 11rem}.stepper__button:before{content:"";position:absolute;left:50%;top:calc(50% + 5.6px);transform:translate(-50%,-50%);width:72%;height:72%;border-radius:999px;background:var(--glass-highlight);filter:blur(2.5px);pointer-events:none}.stepper__button svg{position:relative;z-index:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.stepper__button:active{transform:translate(calc(-50% + var(--x)),-50%) scale(.94)}.stepper__button--prev svg{transform:rotate(180deg)}.stepper__display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;min-width:12rem;text-align:center}.stepper__label{font-family:var(--font-sans);font-weight:400;letter-spacing:-.03em;line-height:1;font-size:2.625rem}.stepper__display .stepper__detail{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.4rem;font-size:1.5rem;color:var(--text-soft);letter-spacing:-.01em;line-height:1.4;min-height:1.4em;font-variant-numeric:tabular-nums}.status{position:relative;display:inline-flex;align-items:center;gap:.9rem;padding:1.2rem 1.6rem;border-radius:999px;background:var(--glass-fill);overflow:hidden;box-shadow:var(--glass-shadow),var(--glass-bevel)}.status:before{content:"";position:absolute;left:.6rem;right:.6rem;top:40%;bottom:-3px;border-radius:999px;background:var(--glass-highlight);filter:blur(2.5px);pointer-events:none}.status>*{position:relative;z-index:1}.status__icon{display:inline-flex;color:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.status-badge{width:2.2rem;height:2.2rem;overflow:visible}.status-badge__spinner,.status-badge__badge{transform-box:view-box;transform-origin:center;transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1)}.status-badge__spinner{opacity:1;transform:scale(1)}.status-badge.is-confirmed .status-badge__spinner,.status-badge__badge{opacity:0;transform:scale(.8)}.status-badge.is-confirmed .status-badge__badge{opacity:1;transform:scale(1)}.status-badge__arc{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:56.55;stroke-dashoffset:14.14;transform-box:view-box;transform-origin:center;animation:badge-spin .8s linear infinite}@keyframes badge-spin{to{transform:rotate(360deg)}}.status-badge__disc{fill:currentColor}.status-badge__check{stroke-dasharray:14;stroke-dashoffset:14;transition:stroke-dashoffset .35s cubic-bezier(.22,1,.36,1) .08s}.status-badge.is-confirmed .status-badge__check{stroke-dashoffset:0}.status__label{font-family:var(--font-sans);font-size:1.8rem;font-weight:450;letter-spacing:-.01em;color:#fff}@media(prefers-reduced-motion:reduce){.status-badge__arc{animation:none}.status-badge__spinner,.status-badge__badge,.status-badge__check{transition:none}}.pricing{display:flex;flex-direction:column;align-items:center;gap:1.8rem}.pricing__price{display:inline-flex;align-items:baseline;font-family:var(--font-sans);font-weight:400;letter-spacing:-.03em;line-height:1;font-size:5.2rem;color:var(--text-strong)}.pricing__suffix{margin-left:.4rem;font-size:1.8rem;letter-spacing:-.01em;color:var(--text-soft)}.score{display:flex;flex-direction:column;align-items:center;gap:1.8rem}.score__value{display:inline-flex;align-items:baseline;font-family:var(--font-sans);font-weight:400;letter-spacing:-.02em;line-height:1;font-size:6.4rem;color:var(--text-strong)}.score__button{padding:.8rem 1.8rem;border:none;border-radius:999px;background:var(--glass-fill);color:#fff;font-family:var(--font-sans);font-size:1.4rem;font-weight:450;letter-spacing:-.01em;cursor:pointer;box-shadow:var(--glass-shadow),var(--glass-bevel);transition:transform .15s ease}.score__button:active{transform:scale(.95)}.copy-morph{position:relative;display:inline-flex;align-items:center;gap:.7rem;padding:.9rem 1.8rem .9rem 1.5rem;border:none;border-radius:999px;background:var(--glass-fill);color:#ffffffe6;cursor:pointer;overflow:hidden;box-shadow:var(--glass-shadow),var(--glass-bevel);transition:transform .15s ease}.copy-morph:before{content:"";position:absolute;left:50%;top:calc(50% + 6px);transform:translate(-50%,-50%);width:90%;height:72%;border-radius:999px;background:var(--glass-highlight);filter:blur(3px);pointer-events:none}.copy-morph>span{position:relative;z-index:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.copy-morph__label{display:inline-grid;justify-items:start;font-family:var(--font-sans);font-size:1.6rem;font-weight:450;letter-spacing:-.01em;color:#fff}.copy-morph__label>*{grid-area:1 / 1}.copy-morph__sizer{visibility:hidden}.copy-morph:active{transform:scale(.94)}.icon-cycle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;padding:0;border:none;border-radius:999px;background:var(--glass-fill);color:#ffffffe6;cursor:pointer;overflow:hidden;box-shadow:var(--glass-shadow),var(--glass-bevel);transition:transform .15s ease}.icon-cycle:before{content:"";position:absolute;left:50%;top:calc(50% + 6px);transform:translate(-50%,-50%);width:72%;height:72%;border-radius:999px;background:var(--glass-highlight);filter:blur(3px);pointer-events:none}.icon-cycle>span{position:relative;z-index:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.icon-cycle:active{transform:scale(.94)}.install__command:before,.page__install pre:before{content:"";position:absolute;left:.6rem;right:.6rem;top:30%;bottom:-3px;border-radius:.5rem;background:var(--glass-highlight);filter:blur(2.5px);pointer-events:none}@media(max-width:700px){.demo .demo__container{aspect-ratio:2/3}.page{padding-inline:1.6rem}.demos{grid-template-columns:minmax(0,1fr);margin-inline:0}.demos>section:nth-of-type(1),.demos>section:nth-of-type(2){grid-column:1 / -1}.page__install{padding-inline:1.6rem}}.page__install{padding:4.8rem 2.4rem}.page__install h2{font-size:2.4rem;font-weight:400;font-style:normal}.page__install h3{font-size:2rem;font-weight:400;font-style:normal;margin-top:1lh}.page__install p{margin-top:1lh}.install{margin-top:.5lh}.install__tabs{position:relative;display:flex;gap:1.6rem;margin-bottom:.8rem}.install__tabs button{position:relative;z-index:1;font-family:var(--font-sans);font-size:1.4rem;font-weight:400;letter-spacing:-.01em;padding:.4rem 1rem;border:none;border-radius:999px;background:transparent;cursor:pointer}.install__tab-label{position:relative;z-index:1}.install__tabs button.is-active .install__tab-label{background:none;-webkit-text-fill-color:#fff;color:#fff}.install__tab-pill{position:absolute;top:0;bottom:0;left:0;z-index:0;border-radius:999px;background:var(--glass-fill);box-shadow:var(--glass-shadow),var(--glass-bevel);overflow:hidden;pointer-events:none;transition:transform .42s cubic-bezier(.34,1.4,.5,1),width .42s cubic-bezier(.34,1.4,.5,1)}.install__tab-pill:after{content:"";position:absolute;left:.5rem;right:.5rem;top:30%;bottom:-3px;border-radius:999px;background:var(--glass-highlight);filter:blur(2.5px)}.install__tab-ghost{position:absolute;top:0;bottom:0;left:0;z-index:0;border-radius:999px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff2e;opacity:0;pointer-events:none;transition:transform .32s cubic-bezier(.34,1.4,.5,1),width .32s cubic-bezier(.34,1.4,.5,1),opacity .22s ease}.install__tab-ghost.is-visible{opacity:1}@media(prefers-reduced-motion:reduce){.install__tab-pill,.install__tab-ghost{transition:opacity .22s ease}}.install__command{position:relative;display:flex;align-items:center;gap:1.2rem;padding:1rem 1rem 1rem 2rem;border-radius:.8rem;background:var(--glass-fill);box-shadow:var(--glass-shadow),var(--glass-bevel);overflow:hidden}.install__scroll{position:relative;z-index:1;flex:1;min-width:0;overflow-x:auto}.install__code{font-family:var(--font-mono);font-size:1.4rem;line-height:1.6;color:#fff}.install__copy{position:relative;z-index:1;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:none;border-radius:.8rem;background:transparent;color:var(--text-soft);cursor:pointer;transition:background .2s ease,color .2s ease}.install__copy:hover{background:#ffffff26;color:var(--text-strong)}.install__copy.is-copied{color:var(--text-strong)}.install__copy-icons{position:relative;width:1.4rem;height:1.4rem}.install__copy-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform-origin:center;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s ease}.install__copy-icon--check{transform:scale(0) rotate(-45deg);opacity:0}.install__copy.is-copied .install__copy-icon--copy{transform:scale(0) rotate(45deg);opacity:0}.install__copy.is-copied .install__copy-icon--check{transform:scale(1) rotate(0);opacity:1}.page__install code{font-family:var(--font-mono);font-size:.85em;color:var(--text-soft)}.install__link{font-size:1.4rem;line-height:1.6;color:var(--text-soft)}.page__install pre{position:relative;margin-top:.5lh;padding:1.6rem 2rem;border-radius:.8rem;background:var(--glass-fill);box-shadow:var(--glass-shadow),var(--glass-bevel);overflow:hidden}.page__install pre code{display:block;overflow-x:auto;position:relative;z-index:1;font-size:1.4rem;line-height:1.6;white-space:pre;color:#fff}.usage{position:relative}.usage__line{display:block}.usage pre{margin-top:0}.install__copy--corner{position:absolute;top:.8rem;right:.8rem;z-index:2;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.credits{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;font-size:1.4rem;margin-top:3.2rem;padding-inline:2.4rem;color:var(--text-soft)}.credits a{color:var(--text-strong)}.credit{display:flex;align-items:center;gap:.4rem}.icon-link{display:inline-flex;vertical-align:middle;align-items:center;gap:.6rem;cursor:pointer;color:inherit;text-underline-offset:2px}.icon-link:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}.icon-link__icon{position:relative;display:inline-flex;width:.75em;height:.75em;flex-shrink:0;margin-left:-1.6rem;opacity:0;transform:scale(.6);transition:margin-left .3s cubic-bezier(0,.55,.45,1),opacity .3s cubic-bezier(0,.55,.45,1),transform .35s cubic-bezier(.34,1.56,.64,1)}.icon-link__icon svg{height:100%;width:100%}@media(hover:hover)and (pointer:fine){.icon-link:hover .icon-link__icon{margin-left:0;opacity:1;transform:scale(1)}}@media not all and (hover:hover){.icon-link__icon{margin-left:0;opacity:1;transform:scale(1)}}