/* SlideKit Titles Dark 04 (4601:17). */
#stage { --cover-content-left: 80px; }

#stage:has(#cover.is-active) .kit-nav-topic { left: var(--cover-content-left); }

.cover-space-mask {
  position: absolute;
  inset: 666px 40px 32px;
  overflow: hidden;
  border-radius: 16px;
  background: #050913;
}

#cosmos-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

#cosmos-canvas:not([data-ready]) { visibility: hidden; }

.cover-title-04-intro,
.cover-title-04-slogan {
  position: absolute;
  z-index: 2;
  left: var(--cover-content-left);
}

.cover-title-04-intro {
  top: 706px;
  bottom: 72px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 1080px;
  color: #c5cbdb;
  font-size: 33px;
  line-height: 1.28;
}

.cover-title-04-slogan {
  top: 259px;
  color: var(--ink);
  font-size: 35px;
  line-height: 1.25;
}

.cover-landing-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
  overflow: hidden;
  padding: 16px 30px;
  border: 1px solid #baa0ff44;
  border-radius: 16px;
  background: #100c2a;
  box-shadow: 0 0 20px -4px #8b5cf650;
  color: #fff;
  font-size: 26px;
  line-height: 1.3;
  text-decoration: none;
}

.cover-landing-link::before,
.cover-landing-link::after {
  content: '';
  position: absolute;
  z-index: -1;
  pointer-events: none;
  filter: blur(12px);
}

.cover-landing-link::before {
  inset: -35% 24% -35% -22%;
  background: radial-gradient(ellipse, #c4b5fd 0%, #8b5cf6 28%, #6d28d9 46%, transparent 64%);
  opacity: .95;
}

.cover-landing-link::after {
  inset: -45% -18% -45% 26%;
  background: radial-gradient(ellipse, #a78bfa 0%, #7c3aed 28%, #4c1d95 50%, transparent 64%);
  opacity: .7;
}

.cover-landing-link span { text-shadow: 0 1px 8px #0009; }

.cover-landing-link:hover,
.cover-landing-link:focus-visible {
  border-color: #baa0ff8c;
  box-shadow: 0 0 34px -6px #8b5cf680;
}

@media (prefers-reduced-motion: no-preference) {
  .cover-landing-link { transition: box-shadow .25s, border-color .25s; }
}

.cover-mark-host {
  position: absolute;
  left: 1145px;
  top: 298px;
  z-index: 7;
  display: grid;
  place-items: center;
  width: 735px;
  height: 735px;
  pointer-events: none;
  visibility: hidden;
  transform-origin: top left;
  transform: translate(0, 0) scale(1);
}

#stage:has(:is(#cover, #pro-market).is-active) .cover-mark-host {
  visibility: visible;
}

#stage:has(#pro-market.is-active) .cover-mark-host {
  transform: translate(-212px, -271px) scale(.07347);
}

@media (prefers-reduced-motion: no-preference) {
  .cover-mark-host {
    transition: transform .95s cubic-bezier(.25, .75, .2, 1);
  }

  .cover-mark-host[data-ready="true"] > :is(img, canvas) {
    transition: opacity .25s ease;
  }

  #stage:has(#pro-market.is-active) .cover-mark-host[data-ready="true"] > :is(img, canvas) {
    transition-delay: .7s;
  }
}

.cover-mark-host > img {
  width: 77%;
  height: 77%;
  filter: brightness(0) saturate(100%) invert(61%) sepia(28%) saturate(2327%) hue-rotate(220deg);
}

.cover-mark-host[data-ready="true"] > img { opacity: 0; }
.cover-mark-host > canvas { position: absolute; inset: 0; width: 100%; height: 100%; }

#stage:has(#pro-market.is-active) .cover-mark-host > img {
  width: 82%;
  height: 82%;
  filter: brightness(0) invert(1);
  opacity: 1;
}

#stage:has(#pro-market.is-active) .cover-mark-host > canvas { opacity: 0; }
#stage:has(:is(#cover, #pro-market).is-active) .kit-nav-symbol { visibility: hidden; }

#stage .cover-title-04 h1 {
  left: 61px;
  top: 330.62px;
  width: 1428px;
  font-family: Poppins, Arial, sans-serif;
  font-size: 248px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  text-align: left;
  white-space: nowrap;
}

.cover-title-04 h1 span {
  color: #a180ff;
}