@layer components{.fg{--u:9px;width:calc(var(--u) * 16);height:calc(var(--u) * 32);perspective:2400px;perspective-origin:50% 30%;pointer-events:none;flex:none;display:block;position:relative}.fg-scene{width:calc(var(--u) * 16);height:calc(var(--u) * 32);transform-style:preserve-3d;transform-origin:50% 45%;position:absolute;top:0;left:0;transform:rotateX(-13deg)rotateY(28deg)}.fg-p{transform-style:preserve-3d;position:absolute}.fg-p>span{backface-visibility:hidden;position:absolute;overflow:hidden}.fg-p>span>img{max-width:none;width:calc(var(--u) * 64);height:auto;image-rendering:pixelated;display:block;position:absolute}.fg-p[data-layer]{transform:scale3d(1.0625,1.0417,1.125)}.fg-p.fg-hat{transform:scale3d(1.125,1.125,1.125)}.fg-p.fg-cape{transform-origin:50% 0;transform:translateZ(calc(var(--u) * -2.5)) rotateY(180deg) rotateX(-9deg)}.fg-p>.fR{filter:brightness(.74)}.fg-p>.fL{filter:brightness(.6)}.fg-p>.fT{filter:brightness(1.1)}.fg-p>.fB,.fg-p>.fD{filter:brightness(.5)}.fg[data-legacy] .fg-ra>span>img,.fg[data-legacy] .fg-la>span>img,.fg[data-legacy] .fg-rl>span>img,.fg[data-legacy] .fg-ll>span>img{height:calc(var(--u) * 32)}.fg-none{display:block}.hm-hero{grid-template-columns:minmax(0,1fr) 26.25rem;align-items:center;gap:3.5rem;padding:3rem 0 5.5rem;display:grid}.hm-title{font-family:var(--font-display);font-weight:var(--font-weight-semibold);letter-spacing:-.03em;text-wrap:balance;font-size:3.875rem;line-height:1.04}.hm-lead{max-width:44ch;font-size:var(--text-lg);color:var(--color-text-muted);margin-top:1.25rem;line-height:1.5}.hm-search{max-width:35rem;margin-top:2rem}.hm-tries{font-size:var(--text-ui);line-height:var(--text-ui--line-height);color:var(--color-text-faint);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.hm-tries>span{margin-right:.25rem}.hm-try{border-radius:var(--radius-full);background:var(--color-surface);height:2rem;color:var(--color-text-muted);font-weight:var(--font-weight-semibold);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);align-items:center;gap:.5rem;padding:0 .75rem;display:inline-flex}.hm-try:has(img){padding-left:.3125rem}.hm-try>img{border-radius:var(--radius-xs);width:1.375rem;height:1.375rem}.hm-try:hover{background:var(--color-surface-2);color:var(--color-text)}.hm-try-clear{font-size:var(--text-sm);color:var(--color-text-faint);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--color-line-strong);text-decoration-color:var(--color-line-strong);margin-left:.25rem}.hm-try-clear:hover{color:var(--color-text)}.hm-demo{border-radius:var(--radius-3xl);transition:translate var(--duration-base) var(--ease-out);display:block;position:relative}.hm-demo:hover{translate:0 -2px}.hm-demo:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.hm-stage{border-radius:var(--radius-3xl);background:radial-gradient(46% 34% at 50% 24%, var(--color-stage-glow), transparent 75%), radial-gradient(150% 105% at 50% 32%, transparent 50%, var(--color-stage-vignette) 100%), linear-gradient(180deg, transparent 0 62%, var(--color-stage-floor) 100%), var(--color-stage);justify-content:center;height:29.5rem;display:flex;position:relative;overflow:hidden}.hm-figure{--u:8.5px;margin-top:3.25rem}.hm-figure>.fg-scene{transform:rotateX(-11deg)rotateY(38deg)}.hm-floor{background:radial-gradient(closest-side, var(--color-stage-shade), transparent);border-radius:50%;width:11.5rem;height:1.75rem;position:absolute;top:21.75rem;left:50%;translate:-50%}.hm-plate{z-index:1;font-weight:var(--font-weight-bold);color:var(--color-stage-ink);align-items:center;gap:.625rem;display:flex;position:absolute;top:1rem;left:1.125rem}.hm-plate>img,.hm-plate>span{border-radius:var(--radius-xs);width:1.75rem;height:1.75rem}.hm-slab{border-radius:var(--radius-xl);background:var(--color-value);color:var(--color-value-ink);transition:background-color var(--duration-fast) var(--ease-out);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem 1rem;padding:1rem 1.25rem 1.0625rem;display:grid;position:absolute;bottom:1rem;left:1rem;right:1rem}.hm-demo:hover .hm-slab{background:var(--color-value-hover)}.hm-slab-lbl{font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-semibold);color:var(--color-value-ink-muted);grid-area:1/1}.hm-slab-amt{font-family:var(--font-display);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-value);white-space:nowrap;grid-area:2/1/auto/-1;min-width:0;font-size:2.625rem;line-height:1}.hm-slab-amt>small{font-size:.6em;font-weight:var(--font-weight-semibold);letter-spacing:-.02em;margin-left:.1em}.hm-slab-amt>small.hm-slab-pre{margin:0 .18em 0 0}.hm-slab-tier{white-space:nowrap;font-size:var(--text-ui);line-height:1;font-weight:var(--font-weight-semibold);grid-area:1/2;align-items:center;gap:.5rem;display:inline-flex}.hm-slab-tier>.tier-gauge{color:var(--color-value-ink)}.hm-slab-tier>.tier-gauge>i{background:var(--color-value-ink);opacity:1;width:7px;height:7px}.hm-slab-tier>.tier-gauge>i:not([data-on]){background:var(--color-value-pip-off)}.hm-sec{padding-bottom:5rem}.hm-sec-h{align-items:baseline;gap:1rem;margin-bottom:1.375rem;display:flex}.hm-sec-h>h2{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);letter-spacing:var(--tracking-tight)}.hm-sec-h>p{color:var(--color-text-faint);font-size:.9375rem}.hm-sec-more{white-space:nowrap;font-size:.9375rem;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);border-radius:var(--radius-xs);transition:color var(--duration-fast) var(--ease-out);align-items:center;gap:.375rem;margin-left:auto;display:inline-flex}.hm-sec-more:hover{color:var(--color-accent)}.hm-examples{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;display:grid}.hm-ex{border-radius:var(--radius-xl);background:var(--color-surface);height:100%;transition:background-color var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.hm-ex:hover{background:var(--color-surface-2)}.hm-ex:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.hm-ex-stage{background:radial-gradient(60% 55% at 50% 30%, var(--color-stage-glow), transparent 75%), var(--color-stage);justify-content:center;height:10.5rem;display:flex;position:relative;overflow:hidden}.hm-ex-stage>.fg{--u:9.5px;transition:translate var(--duration-base) var(--ease-out);margin-top:1.5rem}.hm-ex:hover .hm-ex-stage>.fg{translate:0 -3px}.hm-ex-body{flex-direction:column;padding:1rem 1.25rem 1.25rem;display:flex}.hm-ex-name.with-badge{display:flex}.hm-ex-name.with-badge>.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hm-ex-name{font-weight:var(--font-weight-bold);font-size:var(--text-lg);letter-spacing:-.01em;overflow-wrap:anywhere;line-height:1.3}.hm-ex-value{font-family:var(--font-display);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);white-space:nowrap;margin-top:.5rem;font-size:1.25rem;line-height:1.3}.hm-ex-tier{margin-top:.25rem}.hm-capes{grid-template-columns:repeat(8,minmax(0,1fr));gap:.75rem;display:grid}.hm-cape{border-radius:var(--radius-xl);background:var(--color-surface);text-align:center;height:100%;transition:background-color var(--duration-fast) var(--ease-out);flex-direction:column;align-items:center;padding:1.125rem .75rem 1rem;display:flex}.hm-cape:hover{background:var(--color-surface-2)}.hm-cape:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.hm-cape-img{width:4.375rem;transition:translate var(--duration-base) var(--ease-out)}.hm-cape:hover .hm-cape-img{translate:0 -2px}.hm-cape-name{min-height:2.5em;font-size:var(--text-ui);line-height:1.25;font-weight:var(--font-weight-semibold);text-wrap:balance;place-items:center;margin-top:.875rem;display:grid}.hm-cape-owners{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-text-faint);white-space:nowrap;margin-top:.125rem}.hm-how{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;display:grid}.hm-how dt{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:1.125rem;line-height:1.4}.hm-how dd{max-width:34ch;color:var(--color-text-muted);margin-top:.375rem;font-size:.96875rem;line-height:1.5}@media (max-width:69.99rem){.hm-hero{grid-template-columns:minmax(0,1fr) 22.5rem;gap:2.5rem}.hm-title{font-size:3.25rem}.hm-capes{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:59.99rem){.hm-hero{grid-template-columns:minmax(0,1fr);gap:2rem;padding:1.25rem 0 3.5rem}.hm-demo{width:100%}}@media (max-width:47.99rem){.hm-demo{max-width:26.25rem}}@media (min-width:48rem) and (max-width:69.99rem){.hm-examples{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:47.99rem){.hm-title{font-size:2.5rem;line-height:1.06}.hm-lead{font-size:var(--text-md);margin-top:1rem}.hm-search{margin-top:1.5rem}.hm-stage{height:26rem}.hm-figure{--u:7.75px;margin-top:3rem}.hm-floor{top:19.5rem}.hm-slab-amt{font-size:2.25rem}.hm-sec{padding-bottom:3.5rem}.hm-sec-h{flex-wrap:wrap;row-gap:.25rem}.hm-sec-h>h2{font-size:var(--text-xl);line-height:var(--text-xl--line-height)}.hm-sec-h>p{order:3;width:100%}.hm-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-ex-stage{height:8.75rem}.hm-ex-stage>.fg{--u:8px;margin-top:1.25rem}.hm-ex-body{padding:.875rem 1rem 1rem}.hm-ex-value{font-size:1.0625rem}.hm-capes{scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);gap:.625rem;display:flex;overflow-x:auto}.hm-capes::-webkit-scrollbar{display:none}.hm-capes>li{scroll-snap-align:start;flex:0 0 8.25rem}.hm-how{grid-template-columns:minmax(0,1fr);gap:1.5rem}}.hm-community{border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.25rem;padding:1.375rem 1.5rem;display:grid}.hm-community-mark{border-radius:var(--radius-lg);background:var(--color-accent-tint);width:3.25rem;height:3.25rem;color:var(--color-accent);justify-content:center;align-items:center;display:inline-flex}.hm-community-text>h2{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:var(--text-xl);line-height:var(--text-xl--line-height);letter-spacing:var(--tracking-tight)}.hm-community-text>p{color:var(--color-text-muted);margin-top:.25rem;font-size:.96875rem;line-height:1.5}.hm-community-count{border-left:1px solid var(--color-line-strong);color:var(--color-text-faint);white-space:nowrap;margin-left:.625rem;padding-left:.625rem}@media (max-width:47.99rem){.hm-community{grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1.125rem}.hm-community-btn{grid-column:1/-1}.hm-community-mark{width:2.75rem;height:2.75rem}}@media (prefers-reduced-motion:reduce){.hm-demo,.hm-ex-stage>.fg,.hm-cape-img{transition:none}}}