/* Homepage-aligned light theme for the embedded support module. */
.section-block.roadmap {
  display: none !important;
}

.creator-support-host {
  box-sizing: border-box !important;
  padding: clamp(24px, 4vw, 48px) 18px !important;
  background: transparent !important;
}

.creator-support {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: 1120px !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: clamp(26px, 4vw, 44px) !important;
  overflow: visible !important;
  color: #18382c !important;
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  background: linear-gradient(145deg, #fcfdf9 0%, #f3f7ef 100%) !important;
  border: 1px solid #d4dfd2 !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 44px rgba(51, 79, 63, 0.11) !important;
  align-content: initial !important;
  justify-content: initial !important;
}

.section-block.roadmap + .creator-support-host .creator-support {
  padding: clamp(26px, 4vw, 44px) !important;
  border: 1px solid #d4dfd2 !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 44px rgba(51, 79, 63, 0.11) !important;
}

.creator-support::before,
.creator-support::after,
.creator-support__header::before,
.creator-support__header::after,
.creator-support__token-card::before,
.creator-support__token-card::after,
.creator-support__tier::before,
.creator-support__tier::after {
  display: none !important;
  content: none !important;
}

.creator-support__glow,
.creator-support__glow--one,
.creator-support__glow--two {
  display: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.creator-support__header,
.creator-support > div:has(#creator-support-title) {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(230px, 300px) !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 0 22px !important;
  gap: clamp(18px, 3vw, 32px) !important;
  align-items: end !important;
  align-content: start !important;
  position: relative !important;
  transform: none !important;
}

.creator-support__intro {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  transform: none !important;
}

.creator-support__eyebrow {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 10px !important;
  color: #557261 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
}

.creator-support__eyebrow::before {
  content: "" !important;
  display: block !important;
  width: 28px !important;
  height: 2px !important;
  background: #d78d42 !important;
}

.creator-support__intro h1,
.creator-support__header h1,
#creator-support-title {
  max-width: 760px !important;
  margin: 0 0 12px !important;
  color: #18382c !important;
  font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif !important;
  font-size: clamp(30px, 4.1vw, 48px) !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
  letter-spacing: -0.035em !important;
}

.creator-support__intro > p:not(.creator-support__eyebrow) {
  max-width: 720px !important;
  margin: 0 !important;
  color: #63766c !important;
  font-size: 15px !important;
  line-height: 1.78 !important;
}

.creator-support__token-card {
  box-sizing: border-box !important;
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 17px !important;
  margin: 0 !important;
  gap: 12px !important;
  align-items: start !important;
  align-self: end !important;
  color: #294a3c !important;
  background: #edf3e8 !important;
  border: 1px solid #d2dfcc !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  position: relative !important;
  transform: none !important;
  overflow: hidden !important;
}

.creator-support__token-topline {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  color: #476658 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  white-space: nowrap !important;
}

.creator-support__live {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #6a7e72 !important;
}

.creator-support__live i {
  width: 7px !important;
  height: 7px !important;
  background: #8bb65d !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 4px rgba(139, 182, 93, 0.13) !important;
}

.creator-support__token-mark {
  display: none !important;
}

.creator-support__token-card p,
.creator-support__token-card strong,
.creator-support__token-copy {
  color: inherit !important;
}

.creator-support__use-list {
  display: grid !important;
  gap: 9px !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.creator-support__use-item {
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 30px !important;
  padding: 6px 8px !important;
  color: #365748 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  background: rgba(255, 255, 255, 0.58) !important;
  border-radius: 8px !important;
}

.creator-support__use-index {
  color: #73944f !important;
  font-family: Georgia, serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

.creator-support__tiers {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  min-height: 0 !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  position: relative !important;
  transform: none !important;
}

.creator-support__tier {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 178px !important;
  height: auto !important;
  padding: 18px !important;
  margin: 0 !important;
  color: #18382c !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid #d9e2d7 !important;
  border-top: 3px solid #a7c76d !important;
  border-radius: 15px !important;
  box-shadow: 0 8px 20px rgba(54, 82, 67, 0.06) !important;
  position: relative !important;
  transform: none !important;
  overflow: hidden !important;
}

.creator-support__tier:nth-child(2) {
  border-top-color: #d8aa58 !important;
}

.creator-support__tier:nth-child(3) {
  border-top-color: #d98155 !important;
}

.creator-support__tier:nth-child(4) {
  border-top-color: #709c82 !important;
}

.creator-support__tier:hover {
  background: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 24px rgba(54, 82, 67, 0.1) !important;
}

.creator-support__tier .creator-support__price,
.creator-support__tier [class*="price"] {
  margin: 0 0 11px !important;
  color: #315d49 !important;
  font-family: "Noto Serif SC", "Songti SC", serif !important;
  font-size: clamp(31px, 3.2vw, 41px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.creator-support__tier h2,
.creator-support__tier h3 {
  margin: 0 0 7px !important;
  color: #1f4233 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}

.creator-support__tier p {
  margin: 0 0 14px !important;
  color: #78877f !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

.creator-support__tier button,
.creator-support__tier a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 38px !important;
  margin-top: auto !important;
  padding: 9px 12px !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  background: #315d49 !important;
  border: 0 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

.creator-support__message {
  box-sizing: border-box !important;
  display: flex !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  gap: 16px !important;
  align-items: center !important;
  justify-content: space-between !important;
  color: #244a3b !important;
  background: #eef4f1 !important;
  border: 1px solid #d5e1db !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  position: relative !important;
  transform: none !important;
}

.creator-support__message h2,
.creator-support__message h3 {
  margin: 0 0 4px !important;
  color: #244a3b !important;
  font-size: 16px !important;
}

.creator-support__message p {
  margin: 0 !important;
  color: #708078 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

.creator-support__message button,
.creator-support__message a {
  flex: 0 0 auto !important;
  min-height: 38px !important;
  padding: 9px 14px !important;
  color: #315d49 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  background: #ffffff !important;
  border: 1px solid #aac1b2 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

.creator-support__footer {
  display: flex !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 0 !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  color: #849189 !important;
  font-size: 11px !important;
  line-height: 1.6 !important;
  position: relative !important;
  transform: none !important;
}

@media (max-width: 900px) {
  .creator-support__header,
  .creator-support > div:has(#creator-support-title) {
    grid-template-columns: 1fr !important;
  }

  .creator-support__token-card {
    max-width: 520px !important;
  }

  .creator-support__tiers {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .creator-support-host {
    padding: 20px 12px 32px !important;
  }

  .creator-support {
    padding: 22px 15px !important;
    border-radius: 18px !important;
  }

  .section-block.roadmap + .creator-support-host .creator-support {
    padding: 22px 15px !important;
    border-radius: 18px !important;
  }

  .creator-support__header,
  .creator-support > div:has(#creator-support-title) {
    gap: 14px !important;
    margin-bottom: 16px !important;
  }

  .creator-support__tiers {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .creator-support__tier {
    min-height: 152px !important;
  }

  .creator-support__message,
  .creator-support__footer {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}