.creator-page .creator-hero h1 { max-width: 1030px; font-size: clamp(52px, 6.2vw, 90px); line-height: 1.02; }
.creator-page .creator-how { padding-top: 105px; }
.creator-page .creator-final h2 + .creator-button { margin-top: 17px; }
.creator-page .creator-steps article { background: #fff; }
.creator-page .creator-steps article:nth-child(n) .creator-step-visual { background: radial-gradient(circle at 50% 45%, #eff7ff 0, #dcecff 72%, #bad5fa 100%); }
.creator-publish-preview,.creator-metrics-preview,.creator-payout-preview { position: relative; width: 100%; height: 100%; }
.creator-publish-preview { display: grid; place-items: center; }
.creator-publish-button { display: flex; align-items: center; gap: 18px; padding: 14px 26px 14px 17px; border: 1px solid #e4e9f2; border-radius: 23px; background: #fff; box-shadow: 0 22px 35px #2b5a9a38, inset 0 1px #fff; color: #17233b; transform: rotate(-3deg); transition: transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease; }
.creator-step-visual:hover .creator-publish-button { transform: translateY(-6px) rotate(0deg) scale(1.03); box-shadow: 0 27px 42px #2b5a9a4d, inset 0 1px #fff; }
.creator-publish-plus { display: grid; place-items: center; width: 77px; height: 59px; border-radius: 16px; background: linear-gradient(90deg,#10d6e9 0 13%,#fff 13% 87%,#ff2f78 87%); color: #0f1727; font-family: Arial,sans-serif; font-size: 62px; font-weight: 500; line-height: 1; }
.creator-publish-button strong { font-size: 24px; font-weight: 710; letter-spacing: -.055em; }
.creator-metrics-preview { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); align-content: center; gap: 7px; padding: 14px 12px; }
.creator-metric-tile { display: flex; flex-direction: column; justify-content: center; grid-column: span 2; min-width: 0; height: 79px; padding: 9px; border: 1px solid #d3e4f5; border-radius: 15px; background: #ffffffdc; box-shadow: 0 7px 14px #315a8d16; }
.creator-metric-tile:nth-child(-n+2) { grid-column: span 3; }
.creator-metric-tile span { color: #4480d4; font-size: 10px; font-weight: 700; white-space: nowrap; }
.creator-metric-tile:nth-child(2) span { color: #ed7b35; }
.creator-metric-tile:nth-child(3) span { color: #e6626f; }
.creator-metric-tile:nth-child(4) span { color: #38a382; }
.creator-metric-tile:nth-child(5) span { color: #d3912b; }
.creator-metric-tile strong { margin-top: 7px; color: #263d54; font-size: 24px; font-weight: 740; letter-spacing: -.06em; }
.creator-payout-preview { isolation: isolate; overflow: hidden; }
.creator-payout-preview::before { content: ""; position: absolute; inset: 12% 16%; border-radius: 50%; background: radial-gradient(circle,#d0ffea 0%,#e8f8ff 43%,transparent 72%); filter: blur(14px); }
.creator-payout-notification { position: absolute; z-index: 1; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; gap: 10px; width: min(76%,225px); height: 38px; border: 1px solid #ddf0e8; border-radius: 12px; background: #fff; box-shadow: 0 6px 14px #315b8133, inset 0 1px #fff; opacity: 0; transform: translate3d(-50%,-155px,0); will-change: transform,opacity; }
.step-payout:not(.is-playing) .creator-payout-notification:nth-child(-n+3) { opacity: 1; transform: translate3d(-50%,var(--payout-static-y),0) scale(1); }
.step-payout:not(.is-playing) .creator-payout-notification:nth-child(1) { --payout-static-y: -85px; }
.step-payout:not(.is-playing) .creator-payout-notification:nth-child(2) { --payout-static-y: -43px; }
.step-payout:not(.is-playing) .creator-payout-notification:nth-child(3) { --payout-static-y: -1px; }
.creator-payout-check { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: #dff9e9; color: #16a45b; font-size: 15px; font-weight: 800; }
.creator-payout-notification strong { color: #16884d; font-size: 21px; font-weight: 760; letter-spacing: -.055em; }
@media (max-width: 1000px) {
  .creator-publish-button { gap: 11px; padding: 12px 15px 12px 12px; }
  .creator-publish-plus { width: 60px; height: 50px; font-size: 52px; }
  .creator-publish-button strong { font-size: 20px; }
  .creator-metric-tile { height: 67px; }
  .creator-metric-tile strong { font-size: 21px; }
  .creator-payout-notification { height: 36px; }
  .creator-payout-notification strong { font-size: 20px; }
}
.creator-testimonials { padding: 118px 0 126px; background: linear-gradient(150deg, #fff 15%, #f4f8ff 100%); }
.creator-testimonials-heading { max-width: 900px; }
.creator-testimonials-heading .creator-eyebrow { color: #5d7fae; }
.creator-testimonials-heading h2 { margin: 15px 0 0; color: #202b3d; font-size: clamp(43px, 5.2vw, 70px); line-height: 1.06; letter-spacing: -.064em; }
.creator-testimonials-layout { display: grid; grid-template-columns: 290px minmax(0, 1fr); gap: clamp(45px, 6vw, 90px); align-items: start; margin-top: 48px; }
.creator-testimonial-list { display: grid; gap: 8px; }
.creator-testimonial-list button { display: flex; align-items: center; gap: 13px; width: 100%; min-height: 67px; padding: 8px 12px; border: 1px solid transparent; border-radius: 16px; background: transparent; color: #435575; text-align: left; font: inherit; font-size: 14px; cursor: pointer; transition: background .25s ease, border-color .25s ease, transform .25s ease; }
.creator-testimonial-list button:hover { transform: translateX(4px); background: #f3f7fd; }
.creator-testimonial-list button[aria-selected="true"] { border-color: #d4e3f5; background: #fff; color: #1e344e; box-shadow: 0 10px 24px #2f5b9410; }
.creator-voice-avatar { display: grid; flex: 0 0 44px; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, #afcaee, #e6f0ff); color: #486a9b; font-size: 12px; font-weight: 760; }
.creator-voice-check { display: grid; place-items: center; width: 21px; height: 21px; margin-left: auto; border-radius: 50%; background: #e4efff; color: #3d81e5; font-size: 13px; opacity: 0; }
.creator-testimonial-list button[aria-selected="true"] .creator-voice-check { opacity: 1; }
.creator-testimonial-quote { min-height: 290px; padding: 12px 0; color: #253447; }
.creator-quote-mark { display: block; height: 58px; color: #a9caef; font-size: 86px; font-weight: 750; line-height: 1; }
.creator-testimonial-quote p { max-width: 780px; margin: 31px 0 26px; font-size: clamp(23px, 2.5vw, 34px); line-height: 1.44; letter-spacing: -.038em; }
.creator-quote-byline { display: grid; gap: 5px; font-size: 14px; }
.creator-quote-byline strong { font-weight: 700; }
.creator-quote-byline span { color: #7890af; font-size: 13px; }
.creator-testimonial-quote.voice-enter { animation: creator-voice-in .45s cubic-bezier(.2, .8, .2, 1) both; }
@keyframes creator-voice-in { from { opacity: .55; transform: translateY(9px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 800px) {
  .creator-testimonials-layout { grid-template-columns: 1fr; gap: 28px; }
  .creator-testimonial-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .creator-testimonial-list button { align-items: flex-start; flex-direction: column; gap: 8px; min-height: 125px; }
  .creator-voice-check { position: absolute; top: 13px; right: 13px; }
  .creator-testimonial-list button { position: relative; }
  .creator-testimonial-quote { min-height: 235px; }
}
@media (max-width: 560px) {
  .creator-page .creator-hero h1 { font-size: clamp(28px, 9.8vw, 48px); line-height: 1.07; text-align: center; }
  .creator-page .creator-how { padding-top: 80px; }
  .creator-testimonials { padding: 82px 0 90px; }
  .creator-testimonials-heading h2 { font-size: 43px; }
  .creator-testimonial-list { grid-template-columns: 1fr; gap: 5px; }
  .creator-testimonial-list button { flex-direction: row; align-items: center; min-height: 58px; }
  .creator-voice-avatar { flex-basis: 38px; width: 38px; height: 38px; }
  .creator-voice-check { top: 18px; }
  .creator-testimonial-quote p { margin-top: 14px; font-size: 25px; }
  .creator-metric-tile { height: 69px; }
}
@media (prefers-reduced-motion: reduce) { .creator-testimonial-quote.voice-enter { animation: none; } }
@media (prefers-reduced-motion: reduce) { .creator-payout-notification:nth-child(n+4) { display: none; } }

.creator-voice-avatar{overflow:hidden;background:none}
.creator-voice-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}