.bitmap-field{width:100%;height:100%;position:relative;overflow:hidden}.bitmap-field--fullscreen{position:fixed;inset:0}.bitmap-field__canvas{width:100%;height:100%;display:block}@font-face{font-family:Author;src:url(/fonts/Author-Extralight.otf)format("opentype");font-weight:200;font-display:swap}@font-face{font-family:Author;src:url(/fonts/Author-Regular.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Author;src:url(/fonts/Author-Medium.otf)format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Author;src:url(/fonts/Author-Semibold.otf)format("opentype");font-weight:600;font-display:swap}:root{--morphiq-font:"Author", "Product Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mq-bg:#b3eafa;--mq-ink:#1f3347;--mq-rule:color-mix(in srgb, var(--mq-ink) 34%, var(--mq-bg));--mq-edge:color-mix(in srgb, var(--mq-ink) 65%, var(--mq-bg));--mq-soft:color-mix(in srgb, var(--mq-ink) 80%, var(--mq-bg));--mq-wash:color-mix(in srgb, var(--mq-ink) 7%, var(--mq-bg));--mq-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--mq-ease:cubic-bezier(.22, 1, .36, 1);--mq-in:90ms;--mq-out:.18s;--mq-travel:.24s;--mq-w:min(100vw, 1800px);--mq-x:calc((100vw - var(--mq-w)) / 2);--mq-s:calc(var(--mq-w) / 1633);--mq-gutter:calc(var(--mq-x) + 112 * var(--mq-s));--mq-mid:calc(var(--mq-x) + 814.44 * var(--mq-s));--mq-right:calc(var(--mq-x) + 1521 * var(--mq-s));--mq-inset:calc(var(--mq-x) + 160 * var(--mq-s))}@media (prefers-reduced-motion:reduce){.mq *,.mq :before,.mq :after{transition:none!important;animation:none!important}}@media (hover:hover) and (pointer:fine){.fh__links button:hover,.tpl__links button:hover,.docs__navlink:hover{color:var(--mq-ink);transition-duration:var(--mq-in)}.fh__links button:hover:after,.tpl__links button:hover:after,.docs__navlink:hover:after{transform-origin:0;transition-duration:.14s, var(--mq-in);transform:scaleX(1)}.fh__github:hover,.tpl__github:hover,.docs__github:hover{background:color-mix(in srgb, var(--mq-ink) 84%, var(--mq-bg));transition-duration:var(--mq-in)}.tpl__wordmark:hover .mq-mark,.docs__wordmark:hover .mq-mark{transition-duration:var(--mq-in);scale:1.08}}@media (width<=900px){.fh__links,.tpl__links,.docs__nav{display:none}}@media (width<=640px){.tp{bottom:12px;right:12px}.tp__panel{width:208px}}@media (width<=900px){.mnav__trigger,.mnav__sheet{display:flex}.mnav__trigger{justify-content:center;align-items:center}}.fh{--fh-inset-r:calc(52.16 * var(--mq-s));--fh-inset-end:calc(var(--mq-x) + 201.4 * var(--mq-s));--fh-band-y:calc(112 * var(--mq-s));--fh-nav-h:calc(72 * var(--mq-s));--fh-meta-h:calc(193.5 * var(--mq-s));position:relative;overflow-x:hidden}.fh__ledger{position:relative}.fh__rules{pointer-events:none;z-index:2;position:absolute;inset:0}.fh__v{background:var(--mq-rule);width:1px;position:absolute;top:0;bottom:0}.fh__v--a{left:var(--mq-gutter)}.fh__v--b{left:var(--mq-mid);top:var(--fh-nav-h)}.fh__v--c{left:var(--mq-right)}.fh__screen{height:calc(100vh - var(--fh-nav-h));flex-direction:column;display:flex}.fh__nav{z-index:6;height:var(--fh-nav-h);border-bottom:1px solid var(--mq-rule);flex:none;position:relative}.fh__wordmark{left:var(--mq-inset);align-items:center;gap:calc(6 * var(--mq-s));font-size:calc(20 * var(--mq-s));font-weight:500;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.fh__github{left:calc(var(--mq-x) + 1370.7 * var(--mq-s));justify-content:center;align-items:center;gap:calc(5.745 * var(--mq-s));padding:calc(8 * var(--mq-s)) calc(16 * var(--mq-s));border-radius:calc(4 * var(--mq-s));background:var(--mq-ink);color:var(--mq-bg);font-size:calc(16 * var(--mq-s));font-weight:500;line-height:.88;text-decoration:none;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.fh__hero{min-height:calc(513.8 * var(--mq-s));flex:1;position:relative}.fh__lockup{left:var(--mq-inset);align-items:flex-start;gap:calc(28 * var(--mq-s));z-index:3;flex-direction:column;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.fh__title{font-size:calc(80 * var(--mq-s));font-weight:500;line-height:calc(72 * var(--mq-s));white-space:nowrap;margin:0}.fh__cta{justify-content:center;align-items:center;gap:calc(6.639 * var(--mq-s));height:calc(51 * var(--mq-s));padding:0 calc(28 * var(--mq-s));border-radius:calc(8 * var(--mq-s));background:var(--mq-ink);color:var(--mq-bg);font-family:inherit;font-size:calc(20 * var(--mq-s));cursor:pointer;border:0;font-weight:500;line-height:1;display:flex}.fh__dither{left:calc(var(--mq-mid) + 1px);right:calc(100% - var(--mq-right));z-index:1;position:absolute;top:0;bottom:0}.fh__meta{height:var(--fh-meta-h);border-top:1px solid var(--mq-rule);flex:none;position:relative}.fh__lede{left:var(--mq-inset);top:calc(51.4 * var(--mq-s));width:calc(485 * var(--mq-s));font-size:calc(24 * var(--mq-s));font-weight:400;line-height:calc(36 * var(--mq-s));margin:0;position:absolute}.fh__stats{left:calc(var(--mq-x) + 866.6 * var(--mq-s));top:calc(51.4 * var(--mq-s));width:calc(565 * var(--mq-s));justify-content:space-between;align-items:flex-start;margin:0;font-weight:500;display:flex;position:absolute}.fh__stat{gap:calc(32 * var(--mq-s));flex-direction:column;display:flex}.fh__stat dt{font-size:calc(20 * var(--mq-s));letter-spacing:calc(-.04 * var(--mq-s));line-height:1}.fh__stat dd{font-size:calc(48 * var(--mq-s));line-height:calc(64 * var(--mq-s));margin:0}.fh__band{padding:var(--fh-band-y) 0;border-top:1px solid var(--mq-rule);position:relative}.fh__split{grid-template-columns:var(--mq-mid) 1fr;display:grid}.fh__split>:first-child{padding-left:var(--mq-inset);padding-right:calc(64 * var(--mq-s))}.fh__split>:last-child{padding-left:var(--fh-inset-r);padding-right:var(--fh-inset-end)}.fh__head{gap:calc(24 * var(--mq-s));flex-direction:column;display:flex}.fh__eyebrow{font-size:calc(16 * var(--mq-s));letter-spacing:.08em;text-transform:uppercase;color:var(--mq-soft);margin:0;font-weight:500}.fh__h2{font-size:calc(48 * var(--mq-s));font-weight:500;line-height:calc(52 * var(--mq-s));text-wrap:balance;margin:0}.fh__h2--big{font-size:calc(80 * var(--mq-s));line-height:calc(80 * var(--mq-s))}.fh__lead{margin:0 0 calc(20 * var(--mq-s));font-size:calc(28 * var(--mq-s));font-weight:500;line-height:calc(38 * var(--mq-s))}.fh__body{font-size:calc(20 * var(--mq-s));font-weight:400;line-height:calc(32 * var(--mq-s));color:var(--mq-soft);margin:0}.fh__link{margin-top:calc(36 * var(--mq-s));padding:0 0 calc(4 * var(--mq-s));border:0;border-bottom:1px solid var(--mq-rule);color:var(--mq-ink);font-family:inherit;font-size:calc(20 * var(--mq-s));cursor:pointer;background:0 0;font-weight:500;line-height:1;text-decoration:none;transition:border-color .15s;display:inline-block}.fh__link:hover{border-bottom-color:var(--mq-ink)}.fh__index{margin:var(--fh-band-y) 0 0;border-top:1px solid var(--mq-rule);padding:0;list-style:none}.fh__row{padding:calc(36 * var(--mq-s)) 0;border-bottom:1px solid var(--mq-rule);align-items:baseline;transition:background-color .14s,color .14s}.fh__row:hover{background:var(--mq-ink);color:var(--mq-bg)}.fh__row:hover .fh__row-note,.fh__row:hover .fh__row-slug{color:var(--mq-bg)}.fh__row-name{font-size:calc(32 * var(--mq-s));font-weight:500;line-height:calc(36 * var(--mq-s));margin:0}.fh__row-body{gap:calc(14 * var(--mq-s));flex-direction:column;display:flex}.fh__row-note{font-size:calc(18 * var(--mq-s));line-height:calc(28 * var(--mq-s));color:var(--mq-soft);margin:0}.fh__row-slug{font-family:var(--mq-mono);font-size:calc(15 * var(--mq-s));color:var(--mq-soft);margin:0;line-height:1}.fh__principles{margin:calc(40 * var(--mq-s)) 0 0;border-top:1px solid var(--mq-rule);padding:0;list-style:none}.fh__principles li{padding:calc(16 * var(--mq-s)) 0;border-bottom:1px solid var(--mq-rule);font-size:calc(20 * var(--mq-s));font-weight:500;line-height:1.2}.fh__install{justify-content:space-between;align-items:center;gap:calc(24 * var(--mq-s));padding:calc(18 * var(--mq-s)) calc(20 * var(--mq-s));border-radius:calc(8 * var(--mq-s));background:var(--mq-ink);color:var(--mq-bg);display:flex}.fh__command{font-family:var(--mq-mono);font-size:calc(17 * var(--mq-s));white-space:nowrap;line-height:1;overflow-x:auto}.fh__copy{padding:calc(6 * var(--mq-s)) calc(12 * var(--mq-s));border:1px solid color-mix(in srgb, var(--mq-bg) 45%, transparent);border-radius:calc(4 * var(--mq-s));color:inherit;font-family:inherit;font-size:calc(15 * var(--mq-s));cursor:pointer;background:0 0;flex:none;font-weight:500;line-height:1}.fh__copy:hover{background:color-mix(in srgb, var(--mq-bg) 16%, transparent)}.fh__chips{margin:calc(28 * var(--mq-s)) 0 0;gap:calc(10 * var(--mq-s));flex-wrap:wrap;padding:0;list-style:none;display:flex}.fh__chips li{padding:calc(9 * var(--mq-s)) calc(16 * var(--mq-s));border:1px solid var(--mq-rule);border-radius:calc(4 * var(--mq-s));font-size:calc(16 * var(--mq-s));font-weight:500;line-height:1}.fh__band--end{height:calc(520 * var(--mq-s));padding:0;position:relative}.fh__lockup--end{gap:calc(24 * var(--mq-s));max-width:calc(590 * var(--mq-s))}.fh__dither--end{top:calc(80 * var(--mq-s));bottom:calc(80 * var(--mq-s))}.fh__footer{padding:var(--fh-band-y) 0 calc(48 * var(--mq-s));border-top:1px solid var(--mq-rule)}.fh__brand{gap:calc(20 * var(--mq-s));flex-direction:column;display:flex}.fh__wordmark--footer{position:static;transform:none}.fh__cols{justify-content:space-between;gap:calc(32 * var(--mq-s));display:flex}.fh__col{align-items:flex-start;gap:calc(14 * var(--mq-s));flex-direction:column;display:flex}.fh__col .fh__eyebrow{margin-bottom:calc(6 * var(--mq-s))}.fh__col a,.fh__col button{color:var(--mq-soft);font-family:inherit;font-size:calc(17 * var(--mq-s));text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:400;line-height:1;text-decoration:none;transition:color .14s}.fh__col a:hover,.fh__col button:hover{color:var(--mq-ink)}.fh__baseline{justify-content:space-between;align-items:baseline;gap:calc(24 * var(--mq-s));margin-top:var(--fh-band-y);padding:calc(28 * var(--mq-s)) var(--mq-inset) 0;border-top:1px solid var(--mq-rule);font-size:calc(16 * var(--mq-s));color:var(--mq-soft);display:flex}.fh__baseline p{margin:0}.fh__baseline a{color:var(--mq-ink);border-bottom:1px solid var(--mq-rule);text-decoration:none;transition:border-color .14s}.fh__baseline a:hover{border-bottom-color:var(--mq-ink)}@media (width<=900px){.fh{--mq-s:calc(100vw / 640);--mq-inset:calc(28 * var(--mq-s));--fh-inset-r:calc(28 * var(--mq-s));--fh-inset-end:calc(28 * var(--mq-s));--mq-gutter:calc(14 * var(--mq-s));--mq-right:calc(100% - 14 * var(--mq-s));--fh-nav-h:calc(84 * var(--mq-s));--fh-meta-h:auto}.fh__v--b,.fh__links{display:none}.fh__github{left:auto;right:calc(var(--mq-inset) + 46px)}.fh__screen{height:auto}.fh__hero{flex-direction:column;min-height:0;display:flex}.fh__lockup{padding:calc(56 * var(--mq-s)) var(--mq-inset);position:static;transform:none}.fh__title{font-size:calc(64 * var(--mq-s));line-height:calc(62 * var(--mq-s));white-space:normal}.fh__dither{height:calc(380 * var(--mq-s));margin-left:var(--mq-gutter);width:calc(var(--mq-right) - var(--mq-gutter));position:static}.fh__meta{height:auto;padding:calc(48 * var(--mq-s)) var(--mq-inset)}.fh__lede,.fh__stats{width:auto;position:static}.fh__stats{margin-top:calc(48 * var(--mq-s));gap:calc(40 * var(--mq-s));flex-wrap:wrap}.fh__stat{gap:calc(16 * var(--mq-s))}.fh__split{row-gap:calc(36 * var(--mq-s));grid-template-columns:1fr}.fh__split>:first-child,.fh__split>:last-child{padding-left:var(--mq-inset);padding-right:var(--mq-inset)}.fh__row{row-gap:calc(16 * var(--mq-s))}.fh__band--end{height:auto;padding:var(--fh-band-y) 0}.fh__dither--end{margin-top:calc(48 * var(--mq-s));margin-left:var(--mq-gutter);top:auto;bottom:auto}.fh__cols{gap:calc(40 * var(--mq-s));flex-direction:column}.fh__baseline{gap:calc(10 * var(--mq-s));flex-direction:column}}@font-face{font-family:Author;src:url(/fonts/Author-Extralight.otf)format("opentype");font-weight:200;font-display:swap}@font-face{font-family:Author;src:url(/fonts/Author-Regular.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Author;src:url(/fonts/Author-Medium.otf)format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Author;src:url(/fonts/Author-Semibold.otf)format("opentype");font-weight:600;font-display:swap}:root{--morphiq-font:"Author", "Product Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mq-bg:#b3eafa;--mq-ink:#1f3347;--mq-rule:color-mix(in srgb, var(--mq-ink) 34%, var(--mq-bg));--mq-edge:color-mix(in srgb, var(--mq-ink) 65%, var(--mq-bg));--mq-soft:color-mix(in srgb, var(--mq-ink) 80%, var(--mq-bg));--mq-wash:color-mix(in srgb, var(--mq-ink) 7%, var(--mq-bg));--mq-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--mq-ease:cubic-bezier(.22, 1, .36, 1);--mq-in:90ms;--mq-out:.18s;--mq-travel:.24s;--mq-w:min(100vw, 1800px);--mq-x:calc((100vw - var(--mq-w)) / 2);--mq-s:calc(var(--mq-w) / 1633);--mq-gutter:calc(var(--mq-x) + 112 * var(--mq-s));--mq-mid:calc(var(--mq-x) + 814.44 * var(--mq-s));--mq-right:calc(var(--mq-x) + 1521 * var(--mq-s));--mq-inset:calc(var(--mq-x) + 160 * var(--mq-s))}.mq{background:var(--mq-bg);width:100%;min-height:100vh;color:var(--mq-ink);font-family:var(--morphiq-font);-webkit-font-smoothing:antialiased}.mq *,.mq :before,.mq :after{box-sizing:border-box}.mq :focus-visible{outline:2px solid var(--mq-ink);outline-offset:3px}.mq-mark,.mq-icon{flex:none;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mq-mark{width:calc(35.45 * var(--mq-s));height:calc(15 * var(--mq-s));background:var(--mq-ink);-webkit-mask-image:url(/figma-hero/wordmark.svg);mask-image:url(/figma-hero/wordmark.svg)}.mq-icon{background:var(--mq-bg)}.mq-icon--github{width:calc(13.213 * var(--mq-s));height:calc(13.213 * var(--mq-s));-webkit-mask-image:url(/figma-hero/github.svg);mask-image:url(/figma-hero/github.svg)}.mq-icon--arrow{width:calc(15.934 * var(--mq-s));height:calc(15.934 * var(--mq-s));-webkit-mask-image:url(/figma-hero/arrow-right.svg);mask-image:url(/figma-hero/arrow-right.svg)}.mq-icon--search{width:calc(15 * var(--mq-s));height:calc(15 * var(--mq-s));background:var(--mq-soft);-webkit-mask-image:url(/figma-hero/search.svg);mask-image:url(/figma-hero/search.svg)}@media (prefers-reduced-motion:reduce){.mq *,.mq :before,.mq :after{transition:none!important;animation:none!important}}.fh__links,.tpl__links,.docs__nav{left:calc(var(--mq-x) + 341.6 * var(--mq-s));gap:calc(8 * var(--mq-s));height:100%;display:flex;position:absolute;top:0}.fh__links button,.tpl__links button,.docs__navlink{padding:0 calc(12 * var(--mq-s));color:var(--mq-soft);font-family:inherit;font-size:calc(16 * var(--mq-s));cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--mq-out) var(--mq-ease);background:0 0;border:0;align-items:center;font-weight:500;line-height:1;display:flex;position:relative}.fh__links button:after,.tpl__links button:after,.docs__navlink:after{content:"";left:calc(12 * var(--mq-s));right:calc(12 * var(--mq-s));background:var(--mq-edge);transform-origin:100%;height:2px;transition:transform var(--mq-out) var(--mq-ease), background-color var(--mq-out) var(--mq-ease);position:absolute;bottom:-1px;transform:scaleX(0)}.mq .fh__links button:focus-visible,.mq .tpl__links button:focus-visible,.mq .docs__navlink:focus-visible{outline-offset:calc(-8 * var(--mq-s))}.fh__links button.is-active,.tpl__links button.is-active,.docs__navlink.is-active{color:var(--mq-ink);font-weight:600}.fh__links button.is-active:after,.tpl__links button.is-active:after,.docs__navlink.is-active:after{background:var(--mq-ink);transform:scaleX(1)}.fh__github,.tpl__github,.docs__github{transition:background-color var(--mq-out) var(--mq-ease), scale var(--mq-out) var(--mq-ease)}.fh__github:active,.tpl__github:active,.docs__github:active{background:color-mix(in srgb, var(--mq-ink) 72%, var(--mq-bg));transition-duration:var(--mq-in);scale:.97}.tpl__wordmark .mq-mark,.docs__wordmark .mq-mark{transition:scale var(--mq-out) var(--mq-ease)}.tpl__wordmark:active .mq-mark,.docs__wordmark:active .mq-mark{transition-duration:var(--mq-in);scale:.94}@media (hover:hover) and (pointer:fine){.fh__links button:hover,.tpl__links button:hover,.docs__navlink:hover{color:var(--mq-ink);transition-duration:var(--mq-in)}.fh__links button:hover:after,.tpl__links button:hover:after,.docs__navlink:hover:after{transform-origin:0;transition-duration:.14s, var(--mq-in);transform:scaleX(1)}.fh__github:hover,.tpl__github:hover,.docs__github:hover{background:color-mix(in srgb, var(--mq-ink) 84%, var(--mq-bg));transition-duration:var(--mq-in)}.tpl__wordmark:hover .mq-mark,.docs__wordmark:hover .mq-mark{transition-duration:var(--mq-in);scale:1.08}}.fh__links button:active:after,.tpl__links button:active:after,.docs__navlink:active:after{background:var(--mq-ink);transform-origin:0;transition-duration:var(--mq-in);transform:scaleX(1)}@media (width<=900px){.fh__links,.tpl__links,.docs__nav{display:none}}.tp{z-index:50;font-family:var(--morphiq-font);flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.tp__trigger{border:1px solid var(--mq-edge);background:var(--mq-bg);color:var(--mq-ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-family:inherit;font-size:13px;font-weight:500;line-height:1;transition:border-color .14s;display:flex}.tp__trigger:hover{border-color:var(--mq-ink)}.tp__chip{background:linear-gradient(135deg, var(--mq-bg) 0 50%, var(--mq-ink) 50% 100%);width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--mq-edge);border-radius:50%}.tp__panel{border:1px solid var(--mq-edge);background:var(--mq-bg);width:232px;color:var(--mq-ink);border-radius:10px;order:-1;padding:14px}.tp__label{letter-spacing:.08em;text-transform:uppercase;color:var(--mq-soft);margin:0 0 8px;font-size:11px;font-weight:500}.tp__grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px;display:grid}.tp__swatch{aspect-ratio:1;background:linear-gradient(135deg, var(--a) 0 50%, var(--b) 50% 100%);box-shadow:inset 0 0 0 1px var(--mq-edge);cursor:pointer;border:0;border-radius:6px;padding:0;transition:transform .12s,box-shadow .12s}.tp__swatch:hover{transform:scale(1.08)}.tp__swatch.is-active{box-shadow:0 0 0 2px var(--mq-bg), 0 0 0 4px var(--mq-ink)}.tp__modes{border:1px solid var(--mq-edge);border-radius:7px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:14px;padding:3px;display:grid}.tp__mode{color:var(--mq-soft);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:7px 0;font-family:inherit;font-size:13px;font-weight:500;line-height:1;transition:background-color .14s,color .14s}.tp__mode:hover{color:var(--mq-ink)}.tp__mode.is-active{background:var(--mq-ink);color:var(--mq-bg)}.tp__shuffle{width:100%;color:var(--mq-soft);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:13px;font-weight:500;line-height:1;transition:color .14s}.tp__shuffle:hover{color:var(--mq-ink)}@media (width<=640px){.tp{bottom:12px;right:12px}.tp__panel{width:208px}}.mnav__trigger{right:var(--mq-inset);z-index:6;border:1px solid var(--mq-rule);background:var(--mq-bg);cursor:pointer;border-radius:4px;width:34px;height:34px;padding:0;display:none;position:absolute;top:50%;transform:translateY(-50%)}.mnav__trigger span{background:var(--mq-ink);width:15px;height:1px;transition:transform .18s;position:absolute;left:50%}.mnav__trigger span:first-child{transform:translate(-50%,-4px)}.mnav__trigger span:last-child{transform:translate(-50%,3px)}.mnav__trigger.is-open span:first-child{transform:translate(-50%)rotate(45deg)}.mnav__trigger.is-open span:last-child{transform:translate(-50%)rotate(-45deg)}.mnav__sheet{z-index:6;border-bottom:1px solid var(--mq-rule);background:var(--mq-bg);flex-direction:column;align-items:stretch;display:none;position:absolute;top:100%;left:0;right:0}.mnav__link{padding:16px var(--mq-inset);border:0;border-top:1px solid var(--mq-rule);color:var(--mq-soft);text-align:left;cursor:pointer;background:0 0;font-family:inherit;font-size:17px;font-weight:500;line-height:1}.mnav__link.is-active{color:var(--mq-ink);font-weight:600}@media (width<=900px){.mnav__trigger,.mnav__sheet{display:flex}.mnav__trigger{justify-content:center;align-items:center}}.mq-skip{z-index:100;background:var(--mq-ink);color:var(--mq-bg);font-family:var(--morphiq-font);border-radius:0 0 6px;padding:10px 16px;font-size:14px;text-decoration:none;position:absolute;top:0;left:-9999px}.mq-skip:focus{left:0}.tp__modes--three{grid-template-columns:repeat(3,1fr)}.tpl{--tpl-nav-h:calc(72 * var(--mq-s));flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.tpl__rules{pointer-events:none;z-index:2;position:absolute;inset:0}.tpl__v{background:var(--mq-rule);width:1px;position:absolute;top:0;bottom:0}.tpl__v--a{left:var(--mq-gutter)}.tpl__v--b{left:var(--mq-mid);top:var(--tpl-nav-h)}.tpl__v--c{left:var(--mq-right)}.tpl__nav{z-index:6;height:var(--tpl-nav-h);border-bottom:1px solid var(--mq-rule);flex:none;position:relative}.tpl__wordmark{left:var(--mq-inset);align-items:center;gap:calc(6 * var(--mq-s));color:inherit;font-family:inherit;font-size:calc(20 * var(--mq-s));cursor:pointer;background:0 0;border:0;padding:0;font-weight:500;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.tpl__github{left:calc(var(--mq-x) + 1370.7 * var(--mq-s));align-items:center;gap:calc(5.745 * var(--mq-s));padding:calc(8 * var(--mq-s)) calc(16 * var(--mq-s));border-radius:calc(4 * var(--mq-s));background:var(--mq-ink);color:var(--mq-bg);font-size:calc(16 * var(--mq-s));font-weight:500;line-height:.88;text-decoration:none;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.tpl>main{flex-direction:column;flex:1;min-height:0;display:flex}.tpl__body{flex:1;position:relative}.tpl__lockup{left:var(--mq-inset);z-index:3;max-width:calc(590 * var(--mq-s));position:absolute;top:50%;transform:translateY(-50%)}.tpl__eyebrow{margin:0 0 calc(20 * var(--mq-s));font-size:calc(16 * var(--mq-s));letter-spacing:.08em;text-transform:uppercase;color:var(--mq-soft);font-weight:500}.tpl__title{font-size:calc(80 * var(--mq-s));font-weight:500;line-height:calc(80 * var(--mq-s));margin:0}.tpl__lede{margin:calc(28 * var(--mq-s)) 0 0;font-size:calc(22 * var(--mq-s));line-height:calc(34 * var(--mq-s));color:var(--mq-soft)}.tpl__note{margin:calc(20 * var(--mq-s)) 0 0;padding-left:calc(18 * var(--mq-s));border-left:2px solid var(--mq-ink);font-size:calc(18 * var(--mq-s));line-height:calc(28 * var(--mq-s))}.tpl__actions{align-items:center;gap:calc(28 * var(--mq-s));margin-top:calc(36 * var(--mq-s));display:flex}.tpl__cta{align-items:center;gap:calc(6.639 * var(--mq-s));height:calc(51 * var(--mq-s));padding:0 calc(28 * var(--mq-s));border-radius:calc(8 * var(--mq-s));background:var(--mq-ink);color:var(--mq-bg);font-family:inherit;font-size:calc(20 * var(--mq-s));cursor:pointer;border:0;font-weight:500;line-height:1;display:flex}.tpl__link{padding-bottom:calc(4 * var(--mq-s));border-bottom:1px solid var(--mq-rule);color:var(--mq-ink);font-size:calc(20 * var(--mq-s));font-weight:500;text-decoration:none;transition:border-color .14s}.tpl__link:hover{border-bottom-color:var(--mq-ink)}.tpl__dither{left:calc(var(--mq-mid) + 1px);right:calc(100% - var(--mq-right));top:calc(90 * var(--mq-s));bottom:calc(90 * var(--mq-s));z-index:1;position:absolute}@media (width<=900px){.tpl{--mq-s:calc(100vw / 640);--mq-inset:calc(28 * var(--mq-s));--mq-gutter:calc(14 * var(--mq-s));--mq-right:calc(100% - 14 * var(--mq-s));--tpl-nav-h:calc(84 * var(--mq-s));height:auto;min-height:100vh}.tpl__v--b,.tpl__links{display:none}.tpl__github{left:auto;right:calc(var(--mq-inset) + 46px)}.tpl__body{flex-direction:column;display:flex}.tpl__lockup{max-width:none;padding:calc(52 * var(--mq-s)) var(--mq-inset);position:static;transform:none}.tpl__title{font-size:calc(64 * var(--mq-s));line-height:1}.tpl__actions{gap:calc(20 * var(--mq-s));flex-wrap:wrap}.tpl__dither{height:calc(280 * var(--mq-s));margin-left:var(--mq-gutter);width:calc(var(--mq-right) - var(--mq-gutter));position:static}}.app{background:radial-gradient(80% 60% at 50% 40%,#28282866 0%,#0000 70%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.app-content{text-align:center;margin-bottom:120px}.app-title{letter-spacing:-1.5px;color:var(--text-primary);background:linear-gradient(135deg,#fff 0%,#ffffffb3 50%,#fff6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-family:Inter,sans-serif;font-size:48px;font-weight:600}.app-subtitle{color:var(--text-secondary);letter-spacing:.2px;font-family:Inter,sans-serif;font-size:16px;font-weight:300}.app-switcher{z-index:10000;-webkit-backdrop-filter:blur(12px);background:#101216b8;border:1px solid #ffffff1a;border-radius:10px;gap:6px;padding:5px;display:flex;position:fixed;top:20px;left:20px}.app-switcher__btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;transition:background .15s,color .15s}.app-switcher__btn:hover{color:#ffffffe6}.app-switcher__btn.is-active{color:#0a0b0e;background:#fff}.glass-demo{cursor:none;background:#07080b;position:fixed;inset:0;overflow:hidden}.glass-demo__blobs{filter:blur(30px);position:absolute;inset:0}.glass-demo__blob{opacity:.55;border-radius:50%;width:46vmax;height:46vmax;position:absolute}.glass-demo__blob--a{background:radial-gradient(circle,#ff2d75,#0000 66%);top:-12vmax;left:-8vmax}.glass-demo__blob--b{background:radial-gradient(circle,#3d7bff,#0000 66%);bottom:-14vmax;right:-6vmax}.glass-demo__blob--c{background:radial-gradient(circle,#17d9a3,#0000 66%);top:30%;left:45%}.glass-demo__content{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;height:100%;padding:0 24px;display:flex;position:relative}.glass-demo__title{letter-spacing:-4px;color:#fff;mix-blend-mode:overlay;font-family:Inter,system-ui,sans-serif;font-size:clamp(56px,12vw,160px);font-weight:700;line-height:.9}.glass-demo__sub{color:#ffffffb3;max-width:460px;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.6}.glass-demo__grid{flex-wrap:wrap;justify-content:center;gap:10px;max-width:560px;margin-top:8px;display:flex}.glass-demo__card{letter-spacing:2px;color:#ffffffd9;-webkit-backdrop-filter:blur(4px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:14px 22px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}.app-empty{color:#ffffff73;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#071227;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--text-primary:#fff;--text-secondary:#fff9;--accent:#222;--surface:#fff;--border:#222}html,body{background-color:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#root{width:100%;height:100%}html.site-scroll,html.site-scroll body{background-color:#071227;height:auto;overflow:visible}html.site-scroll #root{height:auto}