.to-stage{--to-glow-a:color-mix(in srgb, var(--iris) 11%, transparent);--to-glow-b:color-mix(in srgb, var(--aqua) 8%, transparent);--to-beam:color-mix(in srgb, var(--iris) 3%, transparent);--to-pool:color-mix(in srgb, var(--iris) 15%, transparent);--to-horizon:color-mix(in srgb, var(--ink) 11%, transparent);--to-range:100svh}.dark .to-stage{--to-glow-a:color-mix(in srgb, var(--iris) 22%, transparent);--to-glow-b:color-mix(in srgb, var(--aqua) 14%, transparent);--to-beam:color-mix(in srgb, var(--iris) 6%, transparent);--to-pool:color-mix(in srgb, var(--iris) 26%, transparent);--to-horizon:color-mix(in srgb, var(--ink) 15%, transparent)}.to-atmo{z-index:-2;pointer-events:none;position:absolute;inset:-8% -12% -16%}.to-plate{background-repeat:no-repeat;position:absolute}.to-plate--a{background-image:radial-gradient(closest-side, var(--to-glow-a), transparent 100%);block-size:78%;inline-size:88%;inset-block-start:24%;inset-inline-start:-16%}.to-plate--b{background-image:radial-gradient(closest-side, var(--to-glow-b), transparent 100%);block-size:70%;inline-size:76%;inset-block-start:34%;inset-inline-end:-16%}@media (max-width:640px){.to-plate--a{block-size:56%;inline-size:118%;inset-block-start:36%;inset-inline-start:-22%}.to-plate--b{block-size:48%;inline-size:104%;inset-block-start:46%;inset-inline-end:-22%}}.to-beam{background-image:radial-gradient(closest-side, var(--to-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%}.to-ground{z-index:-1;pointer-events:none;block-size:200px;position:absolute;inset-block-start:100%;inset-inline:-6%}.to-ground__pool{background-image:radial-gradient(60% 100% at 50% 0%, var(--to-pool), transparent 100%);transform-origin:50% 0;background-repeat:no-repeat;block-size:100%;position:absolute;inset-block-start:0;inset-inline:6%}.to-ground__line{background-image:linear-gradient(90deg, transparent 0%, var(--to-horizon) 22%, var(--to-horizon) 78%, transparent 100%);transform-origin:50%;block-size:1px;position:absolute;inset-block-start:0;inset-inline:0}.hero-thread-log{block-size:208px;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:226px}}@media (min-width:1024px){.hero-thread-log{block-size:250px}}@media (prefers-reduced-motion:no-preference){.to-plate{animation:to-lights-up .9s var(--mk-ease) both}.to-plate--b{animation:to-lights-up .9s var(--mk-ease) 80ms both}.to-plate--a{animation:to-lights-up .9s var(--mk-ease) both, to-drift 54s var(--mk-ease-inout) .9s infinite alternate}.to-beam{animation:to-beam-up .7s var(--mk-ease) .12s both}.to-ground__pool{animation:to-pool-up .7s var(--mk-ease) .3s both}.to-ground__line{animation:to-line-draw .7s var(--mk-ease) .26s both}.to-rise{animation:to-rise .7s var(--mk-ease) .24s both}.hero-bubble-in{animation:hero-bubble-in .22s var(--mk-ease) both}.hero-typing-dot{animation:hero-typing 1s var(--mk-ease-inout) infinite}.hero-echo-bump{animation:hero-echo-bump .24s var(--mk-ease) both}}.to-stage[data-idle=true] .to-plate--a{animation-play-state:paused}@keyframes to-lights-up{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes to-beam-up{0%{opacity:0;transform:translateY(-4%)scaleY(.72)}to{opacity:1;transform:translate(0,0)scaleY(1)}}@keyframes to-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(3.5%,2.2%)scale(1.06)}}@keyframes to-pool-up{0%{opacity:0;transform:scaleX(.55)scaleY(.7)}to{opacity:1;transform:scaleX(1)scaleY(1)}}@keyframes to-line-draw{0%{opacity:0;transform:scaleX(.24)}to{opacity:1;transform:scaleX(1)}}@keyframes to-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){.to-atmo{animation-name:to-parallax;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0px var(--to-range)}}}@keyframes to-parallax{0%{opacity:1;transform:translate(0,0)}to{opacity:.45;transform:translateY(64px)}}