/* Shared spacing and motion rhythm for the brand and creator pages. */
main > :is(.scale,.how,.comparison-section,.goals,.client-stories,.faq,.final-cta,.growth-simulator,.creator-how,.creator-testimonials,.creator-faq,.creator-final){
  padding-top:88px;
  padding-bottom:88px;
}
body.creator-page main > :is(.creator-earnings,.creator-how,.creator-testimonials,.creator-faq,.creator-final){
  padding-top:88px;
  padding-bottom:88px;
}
.hero{padding-top:128px;padding-bottom:58px}
.hero-showcase{margin-top:48px}
.creator-page .creator-hero{padding-top:128px;padding-bottom:76px}
.creator-reel-window{margin-top:48px}
.impact-reveal{min-height:175vh}
.metric-grid,.comparison-table-wrap,.creator-steps,.creator-testimonials-layout{margin-top:38px}
.step-grid{margin-top:44px;row-gap:55px}
.how .center-cta{margin-top:40px}
.client-stories h2{margin-bottom:38px}
.creator-faq-list{margin-top:38px}

/* Entrances finish promptly; continuous movement remains calm. */
.reveal{
  filter:none;
  transform:translateY(16px);
  transition:opacity .38s ease-out,transform .38s cubic-bezier(.2,.75,.2,1);
  transition-delay:var(--reveal-delay,0ms);
}
.growth-simulator .simulator-panel{transition-duration:.42s,.42s}
.creator-page.motion-ready .creator-steps article,
.creator-page.motion-ready .creator-experience-card{transition-duration:.4s,.4s;transform:translateY(16px)}
.creator-page.motion-ready .creator-steps article.is-visible,
.creator-page.motion-ready .creator-experience-card.is-visible{transform:translateY(0)}
.goal-flow path{transition-duration:.75s}
.goal-cards .goal-card{transition-duration:.38s,.38s,.3s,.3s}
.goal-mix-row i::before{transition-duration:.55s}
.metric.in-view .performance-demo{animation-duration:.42s}
.metric.in-view .script-terms>div{animation-duration:.3s}
.metric.in-view .script-terms>div:first-child{animation-delay:.2s}
.metric.in-view .script-terms>div:last-child{animation-delay:.3s}
.metric.in-view .fit-row i b{animation-duration:.52s}
.metric.in-view .fit-row:nth-of-type(3) i b{animation-delay:.1s}
.metric.in-view .fit-row:nth-of-type(4) i b{animation-delay:.2s}
.metric.in-view .fit-result{animation-delay:.5s}
.metric.in-view .inbox-creator{animation-duration:.3s}
.metric.in-view .inbox-creator:nth-child(2),
.metric.in-view .creator-avatars span:nth-child(2){animation-delay:.12s}
.metric.in-view .inbox-creator:nth-child(3),
.metric.in-view .creator-avatars span:nth-child(3){animation-delay:.24s}
.creator-reel-track{animation-duration:38s}
.odometer-digit-track{transition-duration:.4s}
.simulator-bars i{animation-duration:1.5s}
.simulator-traffic i{animation-duration:1.7s}
.simulator-social{animation-duration:5s}
.hero::before{animation-duration:6s}
.hero::after{animation-duration:7s}
.step-visual::after{animation-duration:4s}
.visual-brief .site-input{animation-duration:3.5s}
.visual-brief .green-pill{animation-duration:1.8s}
.step-visual.in-view .learning-sparkline i{animation-duration:1.6s}
.final-cta::before{animation-duration:5s}
.step-visual.in-view :is(.casting-card,.workflow-card,.learning-card){animation-duration:.5s}
.step-visual.in-view .casting-bars i{animation-duration:.55s}

/* Restrained, shadcn-inspired chart surfaces without a framework dependency. */
.growth-simulator:not(.creator-earnings) .simulator-tile,
.growth-simulator:not(.creator-earnings) .simulator-tile:nth-child(2),
.growth-simulator:not(.creator-earnings) .simulator-tile:nth-child(3){
  min-height:260px;
  border-color:#e2e8f0;
  border-radius:14px;
  background:#fff;
  box-shadow:none;
}
.growth-simulator:not(.creator-earnings) .simulator-tile:hover{
  transform:translateY(-3px);
  border-color:#b9cee8;
  box-shadow:0 8px 18px #172a4810;
}
.growth-simulator:not(.creator-earnings) .simulator-tile-icon{display:none}
.growth-simulator:not(.creator-earnings) .simulator-tile>span{
  color:#64748b;
  font-size:12px;
  font-weight:550;
}
.growth-simulator:not(.creator-earnings) .simulator-tile>strong{
  margin-top:8px;
  color:#0f172a;
  font-weight:680;
}
.growth-simulator:not(.creator-earnings) .simulator-bars i{
  position:relative;
  z-index:1;
  border-radius:3px 3px 0 0;
  background:#3b82f6;
  animation:none;
}
.growth-simulator:not(.creator-earnings) .simulator-bars::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,transparent 24%,#e2e8f0 25%,transparent 26%,transparent 49%,#e2e8f0 50%,transparent 51%,transparent 74%,#e2e8f0 75%,transparent 76%);
  pointer-events:none;
}
.growth-simulator:not(.creator-earnings).in-view .simulator-bars i{
  animation:chart-rise .55s ease-out both;
}
.growth-simulator:not(.creator-earnings) .simulator-traffic i{
  height:8px;
  border-radius:3px;
  background:linear-gradient(90deg,#3b82f6 0 var(--line),#e2e8f0 var(--line) 100%);
  animation:none;
}
.growth-simulator:not(.creator-earnings).in-view .simulator-traffic i{
  animation:chart-show .5s ease-out both;
}
.growth-simulator:not(.creator-earnings) .simulator-conversion::before{
  animation:none;
  border-color:#3b82f6;
  border-left-color:#e2e8f0;
}
.creator-metric-tile{
  border-color:#e2e8f0;
  border-radius:12px;
  background:#fff;
  box-shadow:none;
}
.creator-metric-tile:nth-child(n) span{color:#64748b}
.creator-metric-tile strong{color:#0f172a;font-variant-numeric:tabular-nums}
.goal-mix-row i::before{background:#3b82f6}
@keyframes chart-rise{from{transform:scaleY(.15);opacity:.4}to{transform:scaleY(1);opacity:1}}
@keyframes chart-show{from{opacity:.2}to{opacity:1}}

@media(max-width:680px){
  main > :is(.scale,.how,.comparison-section,.goals,.client-stories,.faq,.final-cta,.growth-simulator,.creator-how,.creator-testimonials,.creator-faq,.creator-final){
    padding-top:68px;
    padding-bottom:68px;
  }
  body.creator-page main > :is(.creator-earnings,.creator-how,.creator-testimonials,.creator-faq,.creator-final){
    padding-top:68px;
    padding-bottom:68px;
  }
  .hero{padding-top:112px;padding-bottom:42px}
  .hero-showcase{margin-top:36px}
  .creator-page .creator-hero{padding-top:112px;padding-bottom:62px}
  .creator-reel-window{margin-top:34px}
  .impact-reveal{min-height:165vh}
  .metric-grid,.comparison-table-wrap,.creator-steps,.creator-testimonials-layout{margin-top:30px}
  .step-grid{margin-top:34px;row-gap:34px}
  .client-stories h2{margin-bottom:30px}
  .growth-simulator:not(.creator-earnings) .simulator-tile,
  .growth-simulator:not(.creator-earnings) .simulator-tile:nth-child(2),
  .growth-simulator:not(.creator-earnings) .simulator-tile:nth-child(3){min-height:180px}
}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;filter:none;transform:none;transition:none}
  .creator-page.motion-ready .creator-steps article,
  .creator-page.motion-ready .creator-experience-card{opacity:1;transform:none;transition:none}
  .simulator-social,.simulator-bars i,.simulator-traffic i{animation:none}
  .growth-simulator:not(.creator-earnings).in-view .simulator-bars i,
  .growth-simulator:not(.creator-earnings).in-view .simulator-traffic i{animation:none}
}