.xl{--paper:oklch(var(--x-paper));--ink:oklch(var(--x-ink));--card:oklch(1 0 0);--muted:oklch(var(--x-muted));--faint:oklch(var(--x-faint));--tone:oklch(var(--x-tone));--line:oklch(0 0 0/0.08);--shell:color-mix(in oklab,var(--ink) 4%,var(--paper));--night:oklch(0.17 0.006 270);--ease:cubic-bezier(0.22,1,0.36,1);--ease-heavy:cubic-bezier(0.16,1,0.3,1);--ease-hover:cubic-bezier(0.2,0.8,0.2,1);--ease-drawer:cubic-bezier(0.32,0.72,0,1);--spring:linear(0,0.12 5%,0.44 13%,0.78 24%,0.96 35%,1.022 46%,1.012 60%,0.999 78%,1);--panel-r:1.25rem;--gutter:0.625rem;position:relative;isolation:isolate;color-scheme:light;color:var(--ink);background:var(--night);font-optical-sizing:auto;text-rendering:optimizeLegibility}@media (min-width:40rem){.xl{--panel-r:1.75rem;--gutter:1rem}}:where(.xl) ::selection{background:var(--ink);color:var(--paper)}:where(.xl) :where(h1,h2,h3,h4){color:inherit;text-wrap:balance}:where(.xl) :where(p){color:inherit;text-wrap:pretty}:where(.xl) :where(a,button):focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:.5rem}:where(.xl) section[id]{scroll-margin-top:4.5rem}.xl-display{font-size:clamp(2.75rem,1rem + 6.2vw,6.5rem);line-height:.98;letter-spacing:-.05em;font-weight:460}.xl-h2{font-size:clamp(2.25rem,1.15rem + 3.4vw,4.375rem);line-height:1.02;letter-spacing:-.045em;font-weight:460}.xl-lead{font-size:clamp(1.0625rem,.98rem + .36vw,1.25rem);line-height:1.5;letter-spacing:-.012em}.xl-tone{color:var(--tone)}.xl-dark .xl-tone{color:hsla(0,0%,100%,.5)}.xl-line{display:block;overflow:clip;padding-block:.06em .12em;margin-block:-.06em -.12em}.xl-line>span{display:inline-block}.xl-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.75rem;padding-inline:1.25rem;border-radius:999px;font-size:.9375rem;font-weight:500;letter-spacing:-.01em;white-space:nowrap;background:var(--ink);color:var(--paper);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.14),0 1px 2px rgba(0,0,0,.12);transition:background-color .3s var(--ease-hover),transform .2s var(--ease-hover)}.xl-btn:hover{background:color-mix(in oklab,var(--ink) 86%,#fff)}.xl-btn:active{transform:scale(.98)}.xl-btn svg{width:1rem;height:1rem;transition:translate .3s var(--ease-hover)}.xl-btn:hover svg{translate:.125rem 0}.xl-btn--sm{height:2.25rem;padding-inline:.9375rem;font-size:.875rem}.xl-btn--lg{height:3rem;padding-inline:1.5rem;font-size:1rem}.xl-btn--paper{background:var(--paper);color:var(--ink);box-shadow:inset 0 -1px 0 rgba(0,0,0,.08),0 10px 30px -12px rgba(0,0,0,.5)}.xl-btn--paper:hover{background:#fff}.xl-btn--glass{background:hsla(0,0%,100%,.08);color:#fff;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.2);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3)}.xl-btn--glass:hover{background:hsla(0,0%,100%,.14)}.xl-btn--line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.xl-btn--line:hover{background:oklch(0 0 0/.04)}.xl-arrow{display:inline-flex;align-items:center;gap:.375rem;font-weight:500;text-decoration:underline;text-decoration-color:color-mix(in oklab,currentColor 25%,transparent);text-underline-offset:6px;text-decoration-thickness:1px;transition:text-decoration-color .3s var(--ease-hover)}.xl-arrow:hover{text-decoration-color:currentColor}.xl-arrow svg{width:.95em;height:.95em;transition:translate .3s var(--ease-hover)}.xl-arrow:hover svg{translate:.125rem 0}.xl-pill{display:inline-flex;align-items:center;min-height:1.875rem;padding-inline:.8125rem;border-radius:999px;font-size:.8125rem;font-weight:450;letter-spacing:-.01em}.xl-pill--glass{background:hsla(0,0%,100%,.1);color:#fff;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.2);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3)}.xl-card{border-radius:1.25rem;background:var(--card);box-shadow:0 0 0 1px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.9)}.xl-stamp{position:relative;display:inline-block;padding-inline:.22em;margin-block:-.04em;rotate:var(--tilt,-3deg);transition:rotate .5s var(--ease-hover)}.xl-stamp:hover{rotate:0deg}.xl-stamp:before{content:"";position:absolute;inset:.02em 0 -.06em;z-index:-1;border-radius:.2em;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.06),inset 0 -1px 0 rgba(0,0,0,.06),0 2px 3px rgba(0,0,0,.05),0 18px 40px -20px rgba(0,0,0,.55)}.xl-stamp>span{position:relative;color:var(--ink)}.xl-panel{position:relative;isolation:isolate;overflow:clip;clip-path:inset(0 round var(--panel-r));border-radius:var(--panel-r);background:var(--night);color:#fff;color-scheme:dark}.xl-aura{position:absolute;inset:0;z-index:-1;pointer-events:none}.xl-aura__glow{position:absolute;inset:-10%;filter:blur(40px) saturate(1.25)}.xl-aura__ascii{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 2s var(--ease)}.xl-aura__ascii[data-ready]{opacity:1}.xl-aura__grain,.xl-aura__wash{position:absolute;inset:0}.xl-aura__grain{opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.xl-top{--tab-r:1.25rem;--tab-gap:var(--gutter);filter:drop-shadow(0 0 .5px rgb(0 0 0/0)) drop-shadow(0 10px 24px rgb(20 20 30/0));transition:filter .3s ease-out}.xl-top[data-scrolled]{filter:drop-shadow(0 0 .5px rgb(0 0 0/.22)) drop-shadow(0 10px 24px rgb(20 20 30/.1))}.xl-top:after,.xl-top:before{content:"";position:absolute;inset:0 0 auto;pointer-events:none}.xl-top:before{height:var(--tab-gap);background:var(--paper)}.xl-top:after{top:calc(var(--tab-gap) - 1px);height:calc(var(--tab-r) + 1px);background:radial-gradient(circle at 100% 100%,transparent calc(var(--tab-r) - .5px),var(--paper) var(--tab-r)) 0 0 /var(--tab-r) 100% no-repeat,radial-gradient(circle at 0 100%,transparent calc(var(--tab-r) - .5px),var(--paper) var(--tab-r)) 100% 0 /var(--tab-r) 100% no-repeat}.xl-tab{border-radius:0 0 var(--tab-r) var(--tab-r);background:var(--paper)}.xl-tab:after,.xl-tab:before{content:"";position:absolute;top:calc(var(--tab-gap) - 1px);width:calc(var(--tab-r) + 1px);height:calc(var(--tab-r) + 1px);pointer-events:none}.xl-tab:before{right:calc(100% - 1px);background:radial-gradient(circle at 0 100%,transparent calc(var(--tab-r) - .5px),var(--paper) var(--tab-r))}.xl-tab:after{left:calc(100% - 1px);background:radial-gradient(circle at 100% 100%,transparent calc(var(--tab-r) - .5px),var(--paper) var(--tab-r))}.xl-tab__link{position:relative;display:inline-flex;align-items:center;height:2.25rem;padding-inline:.75rem;border-radius:999px;font-size:.9375rem;color:var(--muted);transition:color .25s var(--ease-hover),background-color .25s var(--ease-hover)}.xl-tab__link:hover,.xl-tab__link[aria-current=true]{color:var(--ink)}.xl-tab__link:hover{background:oklch(0 0 0/.04)}.xl-menu{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s var(--ease-drawer)}.xl-menu[data-open]{grid-template-rows:1fr}@media (min-width:64rem){.xl-menu{display:none}}.xl-menu>div{overflow:hidden;min-height:0}.xl-menu__item{opacity:0;translate:0 -.375rem;transition:opacity .25s var(--ease),translate .35s var(--ease)}.xl-menu[data-open] .xl-menu__item{opacity:1;translate:0 0;transition-delay:calc(80ms + var(--i, 0) * 30ms)}.xl-burger span{position:absolute;left:50%;top:50%;width:1rem;height:1.5px;border-radius:1px;background:currentColor;translate:-50% calc(-50% + var(--y));transition:translate .3s var(--ease-drawer),rotate .3s var(--ease-drawer)}.xl-burger[aria-expanded=true] span{translate:-50% -50%;rotate:var(--r)}.xl-hero{min-height:clamp(40rem,100svh - var(--gutter),66rem)}@media (min-width:48rem){.xl-hero{height:clamp(46rem,100svh - var(--gutter),60rem);min-height:0}}.xl-rise{animation:xl-rise 1s var(--ease-heavy) both;animation-delay:var(--d,0s)}.xl-line>.xl-rise{animation-name:xl-line-in;animation-duration:1.1s}.xl-hero .xl-stamp{animation:xl-stamp .8s var(--spring) both,xl-fade .5s var(--ease) both;animation-delay:.62s}.xl-demo-in{animation:xl-demo 1.4s var(--spring) both;animation-delay:.35s}@keyframes xl-rise{0%{opacity:0;translate:0 .75rem}}@keyframes xl-line-in{0%{translate:0 105%}}@keyframes xl-fade{0%{opacity:0}}@keyframes xl-stamp{0%{scale:1.2;rotate:0deg}}@keyframes xl-demo{0%{opacity:0;translate:0 4rem}}.xl-demo{--row:4rem;box-shadow:0 0 0 1px hsla(0,0%,100%,.1),0 2rem 4rem -1.5rem rgba(0,0,0,.6)}.xl-demo__rows{position:relative;height:calc(var(--row) * var(--count))}.xl-demo__row{position:absolute;inset-inline:0;top:0;height:var(--row);translate:0 calc(var(--pos) * var(--row));transition:translate .9s var(--ease-heavy),background-color .6s var(--ease)}.xl-demo__ring circle:last-child{transition:stroke-dashoffset 1.1s var(--ease-heavy)}.xl-demo__score{transition:opacity .4s var(--ease)}.xl-scan{background:linear-gradient(90deg,oklch(0 0 0/.05),oklch(0 0 0/.11),oklch(0 0 0/.05));background-size:200% 100%;animation:xl-scan 1.2s linear infinite}@keyframes xl-scan{to{background-position:-200% 0}}.xl-pulse{animation:xl-pulse 1.6s ease-in-out infinite}@keyframes xl-pulse{50%{opacity:.35}}.xl-dot{position:absolute;left:0;top:0;width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);border-radius:50%;background:var(--ink);opacity:var(--o);translate:var(--x) var(--y);scale:var(--s);transition:translate 1s var(--ease-heavy) var(--delay),scale .6s var(--ease) var(--delay),opacity .6s var(--ease) var(--delay),background-color .6s var(--ease)}.xl-dot[data-pick]{background:oklch(.55 .13 160);box-shadow:0 0 0 3px oklch(.55 .13 160/.18)}.xl-tag{opacity:0;scale:.96;transform-origin:left top;pointer-events:none;transition:opacity .4s var(--ease),scale .5s var(--ease)}.xl-tag[data-on]{opacity:1;scale:1;transition-delay:.45s}.xl-fill{animation:xl-fill var(--dur) linear both}@keyframes xl-fill{0%{scale:0 1}to{scale:1 1}}.xl-caption{animation:xl-rise .6s var(--ease) both}.xl-bit{opacity:0;translate:0 .5rem;transition:opacity .5s var(--ease),translate .6s var(--ease)}[data-active] .xl-bit{opacity:1;translate:0 0;transition-delay:calc(.12s + var(--i, 0) * 90ms)}.xl-bar{transform-origin:left;scale:0 1;transition:scale 1s var(--ease-heavy)}[data-active] .xl-bar{scale:var(--v) 1;transition-delay:calc(.25s + var(--i, 0) * 90ms)}.xl-part{transition:background-color .3s var(--ease-hover),box-shadow .3s var(--ease-hover)}.xl-part[data-focus]{background-color:oklch(.975 .022 85);box-shadow:inset 2px 0 0 oklch(.72 .14 75)}.xl-leader{position:relative;flex:1;min-width:2.5rem;height:1px;background:hsla(0,0%,100%,.22);scale:0 1;transition:scale .9s var(--ease-heavy) calc(.2s + var(--i, 0) * .12s),background-color .3s var(--ease-hover)}.xl-note[data-side=left] .xl-leader{margin-left:1.5rem;transform-origin:right}.xl-note[data-side=right] .xl-leader{margin-right:1.5rem;transform-origin:left}.xl-leader:after{content:"";position:absolute;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px hsla(0,0%,100%,.08);transition:box-shadow .3s var(--ease-hover)}.xl-note[data-side=left] .xl-leader:after{right:-3.5px}.xl-note[data-side=right] .xl-leader:after{left:-3.5px}[data-active] .xl-leader{scale:1 1}.xl-note[data-lit] .xl-leader{background:hsla(0,0%,100%,.6)}.xl-note[data-lit] .xl-leader:after{box-shadow:0 0 0 5px hsla(0,0%,100%,.18)}.xl-chip{display:inline-flex;align-items:center;gap:.28em;padding:.02em .32em .06em;margin-block:.08em;border-radius:.24em;background:var(--card);color:var(--ink);box-shadow:0 0 0 1px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04),0 14px 30px -18px rgba(20,20,30,.35);transition:rotate .4s var(--ease-hover),box-shadow .4s var(--ease-hover)}.xl-chip:hover{rotate:var(--tilt);box-shadow:0 0 0 1px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04),0 22px 40px -20px rgba(20,20,30,.45)}.xl-chip svg{width:.64em;height:.64em;flex:none;stroke-width:2}.xl-toggle__thumb{transition:translate .45s var(--ease),width .45s var(--ease)}.xl-faq__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease-drawer)}.xl-faq__panel[data-open]{grid-template-rows:1fr}.xl-faq__panel>div{overflow:hidden;min-height:0}.xl-faq__plus{transition:rotate .35s var(--ease-hover),background-color .25s var(--ease-hover)}[aria-expanded=true] .xl-faq__plus{rotate:45deg}.xl-swap{display:inline-block;position:relative;vertical-align:bottom;height:1.08em;overflow:clip;transition:width .55s var(--ease)}.xl-swap>span{position:absolute;left:0;top:0;white-space:nowrap;translate:0 110%;transition:translate .6s var(--ease-heavy),opacity .4s var(--ease);opacity:0}.xl-swap>span[data-state=on]{position:relative;translate:0 0;opacity:1}.xl-swap>span[data-state=off]{translate:0 -110%}.xl-sheet{position:relative;z-index:1;background:var(--paper);border-radius:0 0 var(--panel-r) var(--panel-r);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}.xl-ground{position:sticky;bottom:0;z-index:0;container-type:inline-size;background:oklch(.15 .006 270);color:#fff}.xl-mark{font-size:20.6cqw;line-height:.8;letter-spacing:-.06em;font-weight:600}.xl-mark>span{display:inline-block;clip-path:inset(0 -.1em 0 -.1em)}.xl-mark>span>span{display:inline-block;translate:0 100%;transition:translate 1.1s var(--ease-heavy);transition-delay:calc(var(--i) * 55ms)}[data-shown] .xl-mark>span>span{translate:0 0}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.xl-reveal{view-timeline:--xl-reveal block}.xl-reveal .xl-line>span{animation:xl-line-in var(--ease-heavy) both;animation-timeline:--xl-reveal;animation-range:entry 10% entry min(70%,9rem)}.xl-reveal .xl-line:nth-child(2)>span{animation-range:entry 18% entry min(85%,11rem)}.xl-up{animation:xl-rise linear both;animation-timeline:view();animation-range:entry 0 entry 45%}}}@media (prefers-reduced-motion:reduce){.xl *,.xl :after,.xl :before{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}}