.mk-light{--mk-light-a:color-mix(in srgb, var(--accent) 12%, transparent);--mk-light-b:color-mix(in srgb, var(--info) 8%, transparent);--mk-light-beam:color-mix(in srgb, var(--accent) 4%, transparent);--mk-light-pool:color-mix(in srgb, var(--accent) 18%, transparent);--mk-light-horizon:color-mix(in srgb, var(--text-1) 11%, transparent);--mk-light-range:100svh}.dark .mk-light{--mk-light-a:color-mix(in srgb, var(--accent) 20%, transparent);--mk-light-b:color-mix(in srgb, var(--info) 12%, transparent);--mk-light-beam:color-mix(in srgb, var(--accent) 6%, transparent);--mk-light-pool:color-mix(in srgb, var(--accent) 26%, transparent);--mk-light-horizon:color-mix(in srgb, var(--text-1) 15%, transparent)}.mk-light-atmo{z-index:-2;pointer-events:none;position:absolute;inset:-8% -12% -16%}.mk-light-plate{background-repeat:no-repeat;position:absolute}.mk-light-plate--a{background-image:radial-gradient(closest-side, var(--mk-light-a), transparent 100%);block-size:78%;inline-size:78%;inset-block-start:18%;inset-inline-start:-14%}.mk-light-plate--b{background-image:radial-gradient(closest-side, var(--mk-light-b), transparent 100%);block-size:70%;inline-size:70%;inset-block-start:30%;inset-inline-end:-18%}@media (max-width:640px){.mk-light-plate--a{block-size:56%;inline-size:118%;inset-block-start:36%;inset-inline-start:-22%}.mk-light-plate--b{block-size:48%;inline-size:104%;inset-block-start:46%;inset-inline-end:-22%}}.mk-light-beam{background-image:radial-gradient(closest-side, var(--mk-light-beam), transparent 100%);background-repeat:no-repeat;block-size:86%;inline-size:min(66%,820px);position:absolute;inset-block-start:-40%;inset-inline-start:50%;translate:-50%}.mk-light-ground{z-index:-1;pointer-events:none;block-size:200px;position:absolute;inset-block-start:100%;inset-inline:-6%}.mk-light-ground__pool{background-image:radial-gradient(60% 100% at 50% 0%, var(--mk-light-pool), transparent 100%);transform-origin:50% 0;background-repeat:no-repeat;block-size:100%;position:absolute;inset-block-start:0;inset-inline:6%}.mk-light-ground__line{background-image:linear-gradient(90deg, transparent 0%, var(--mk-light-horizon) 22%, var(--mk-light-horizon) 78%, transparent 100%);transform-origin:50%;block-size:1px;position:absolute;inset-block-start:0;inset-inline:0}.hero-thread-log{block-size:232px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 26px);mask-image:linear-gradient(#0000 0,#000 26px)}@media (min-width:640px){.hero-thread-log{block-size:256px}}@media (min-width:1024px){.hero-thread-log{block-size:272px}}@media (prefers-reduced-motion:no-preference){.mk-light-plate{animation:mk-lights-up .9s var(--ease-out) both}.mk-light-plate--b{animation:mk-lights-up .9s var(--ease-out) 80ms both}.mk-light-beam{animation:mk-beam-up .7s var(--ease-out) .12s both}.mk-light-ground__pool{animation:mk-pool-up .7s var(--ease-out) .3s both}.mk-light-ground__line{animation:mk-line-draw .7s var(--ease-out) .26s both}.mk-rise{animation:mk-rise .7s var(--ease-out) .24s both}.hero-bubble-in{animation:hero-bubble-in .22s var(--ease-out) both}.hero-typing-dot{animation:hero-typing 1s var(--ease-in-out) infinite}.hero-echo-bump{animation:hero-echo-bump .24s var(--ease-out) both}}@keyframes mk-lights-up{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes mk-beam-up{0%{opacity:0;transform:translateY(-4%)scaleY(.72)}to{opacity:1;transform:translate(0,0)scaleY(1)}}@keyframes mk-pool-up{0%{opacity:0;transform:scaleX(.55)scaleY(.7)}to{opacity:1;transform:scaleX(1)scaleY(1)}}@keyframes mk-line-draw{0%{opacity:0;transform:scaleX(.24)}to{opacity:1;transform:scaleX(1)}}@keyframes mk-rise{0%{transform:translateY(20px)scale(.985)}to{transform:translate(0,0)scale(1)}}@keyframes hero-bubble-in{0%{opacity:.01;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes hero-typing{0%,60%,to{transform:none}30%{transform:translateY(-3px)}}@keyframes hero-echo-bump{0%{opacity:.01;transform:translateY(-4px)}to{opacity:1;transform:none}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.mk-light-atmo{animation-name:mk-parallax;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0px var(--mk-light-range)}}}@keyframes mk-parallax{0%{opacity:1;transform:translate(0,0)}to{opacity:.45;transform:translateY(64px)}}