:root {
  --sidebar-muted: #b7bac1;
  --sidebar-number: #9297a1;
  --complete-bg: #2d7652;
  --complete-ink: #fff;
  --gold-fill: #e9c45c;
}

:root[data-theme="light"] {
  --muted: #4d5867;
  --gold: #8a6414;
  --gold-hover: #76520b;
  --gold-fill: #f4c84a;
  --sidebar-muted: #465160;
  --sidebar-number: #596575;
  --complete-bg: #226544;
  --complete-ink: #fff;
}

.platform-summary img {
  width: 96px;
  height: auto;
  max-height: 34px;
  object-fit: contain;
}

.skip-link {
  background: var(--gold-fill);
  color: #17130b;
}

.mini-brands {
  background: #0b0b0b;
}

.mini-brands > span:not(.provider-inline) {
  color: #e9c45c;
}

.theme-icon {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.theme-sun {
  display: none;
}

.theme-moon {
  display: block;
}

:root[data-theme="light"] .theme-sun {
  display: block;
}

:root[data-theme="light"] .theme-moon {
  display: none;
}

.theme-switch {
  border-color: color-mix(in srgb, var(--gold) 58%, var(--line));
  background: #0b0b0b;
}

.theme-switch .switch-thumb {
  color: #17130b;
}

.step-card.is-complete .step-index {
  background: var(--complete-bg);
  color: var(--complete-ink);
}

.figure-open {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: inherit;
}

.figure img {
  cursor: zoom-in;
}

.figure-zoom {
  position: absolute;
  right: 12px;
  bottom: 12px;
  padding: 6px 9px;
  border: 1px solid #ffffff3d;
  border-radius: 7px;
  background: #090909d9;
  color: #f7f7f7;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  opacity: .84;
}

.figure-open:hover .figure-zoom,
.figure-open:focus-visible .figure-zoom {
  background: #090909;
  opacity: 1;
}

:root[data-theme="light"] .figure figcaption strong {
  color: #f1cc66;
}

.figure-grid {
  grid-template-columns: minmax(0, 1fr);
}

.image-lightbox {
  width: min(96vw, 1680px);
  max-width: none;
  max-height: 94vh;
  padding: 0;
  overflow: visible;
  border: 0;
  background: transparent;
  color: #f7f7f7;
}

.image-lightbox::backdrop {
  background: #030303ed;
  backdrop-filter: blur(10px);
}

body:has(.image-lightbox[open]) {
  overflow: hidden;
}

.image-lightbox figure {
  display: grid;
  gap: 10px;
  margin: 0;
}

.image-lightbox img {
  width: auto;
  max-width: 100%;
  max-height: calc(100vh - 6rem);
  margin: 0 auto;
  object-fit: contain;
  border: 1px solid #ffffff29;
  border-radius: 10px;
  background: #080808;
  box-shadow: 0 30px 100px #000a;
}

.image-lightbox figcaption {
  color: #c8c8c8;
  font-size: 12px;
  text-align: center;
}

.lightbox-close {
  position: fixed;
  z-index: 2;
  top: 14px;
  right: 16px;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid #ffffff3d;
  border-radius: 50%;
  background: #111e;
  color: #f7f7f7;
  font-size: 25px;
  line-height: 1;
}

@media (max-width: 760px) {
  .mini-brands {
    padding: 8px 10px;
  }

  .mini-brands img {
    max-width: 96px;
    height: 22px;
  }

  .mini-brands .hotmart-wordmark,
  .mini-brands .kiwify-wordmark {
    width: 76px;
    height: 22px;
  }
}