/* The 411 — color rhythm pass. Layout intentionally untouched. */
:root{--rhythm-cream:#f3eee4;--rhythm-green:#c8ff28;--rhythm-black:#08090b;--rhythm-pink:#ff2f92;--rhythm-ink:#0a0b0d;--rhythm-muted:#50545a}

/* Shared light-surface behavior */
.home-page main>section:nth-of-type(2),
.home-page main>section:nth-of-type(5),
.home-page main>section:nth-of-type(9),
.clients-page main>section:nth-of-type(4),
.creators-page main>section:nth-of-type(3),
.case-page main>section:nth-of-type(3),
.about-page .about-block:nth-of-type(4){background:var(--rhythm-green)!important;color:var(--rhythm-ink)!important;border-color:rgba(0,0,0,.18)!important}

.home-page main>section:nth-of-type(3),
.home-page main>section:nth-of-type(7),
.home-page main>section:nth-of-type(11),
.clients-page main>section:nth-of-type(2),
.clients-page main>section:nth-of-type(5),
.creators-page main>section:nth-of-type(2),
.creators-page main>section:nth-of-type(5),
.case-page main>section:nth-of-type(2),
.about-page .about-block:nth-of-type(2),
.about-page .about-cta,
.legal-page .legal-content{background:var(--rhythm-cream)!important;color:var(--rhythm-ink)!important;border-color:rgba(0,0,0,.16)!important}

/* Ensure readable typography on cream/green surfaces without altering type scale. */
.home-page main>section:nth-of-type(2) *,
.home-page main>section:nth-of-type(3) *,
.home-page main>section:nth-of-type(5) *,
.home-page main>section:nth-of-type(7) *,
.home-page main>section:nth-of-type(9) *,
.home-page main>section:nth-of-type(11) *,
.clients-page main>section:nth-of-type(2) *,
.clients-page main>section:nth-of-type(4) *,
.clients-page main>section:nth-of-type(5) *,
.creators-page main>section:nth-of-type(2) *,
.creators-page main>section:nth-of-type(3) *,
.creators-page main>section:nth-of-type(5) *,
.case-page main>section:nth-of-type(2) *,
.case-page main>section:nth-of-type(3) *,
.about-page .about-block:nth-of-type(2) *,
.about-page .about-block:nth-of-type(4) *,
.about-page .about-cta *,
.legal-page .legal-content *{border-color:rgba(0,0,0,.18)!important}

.home-page main>section:nth-of-type(2) h1,.home-page main>section:nth-of-type(2) h2,.home-page main>section:nth-of-type(2) h3,.home-page main>section:nth-of-type(2) p,
.home-page main>section:nth-of-type(3) h1,.home-page main>section:nth-of-type(3) h2,.home-page main>section:nth-of-type(3) h3,.home-page main>section:nth-of-type(3) p,
.home-page main>section:nth-of-type(5) h1,.home-page main>section:nth-of-type(5) h2,.home-page main>section:nth-of-type(5) h3,.home-page main>section:nth-of-type(5) p,.home-page main>section:nth-of-type(5) li,
.home-page main>section:nth-of-type(7) h1,.home-page main>section:nth-of-type(7) h2,.home-page main>section:nth-of-type(7) h3,.home-page main>section:nth-of-type(7) p,
.home-page main>section:nth-of-type(9) h1,.home-page main>section:nth-of-type(9) h2,.home-page main>section:nth-of-type(9) h3,.home-page main>section:nth-of-type(9) p,
.home-page main>section:nth-of-type(11) h1,.home-page main>section:nth-of-type(11) h2,.home-page main>section:nth-of-type(11) h3,.home-page main>section:nth-of-type(11) p,.home-page main>section:nth-of-type(11) button,
.clients-page main>section:nth-of-type(2) h1,.clients-page main>section:nth-of-type(2) h2,.clients-page main>section:nth-of-type(2) h3,.clients-page main>section:nth-of-type(2) p,
.clients-page main>section:nth-of-type(4) h1,.clients-page main>section:nth-of-type(4) h2,.clients-page main>section:nth-of-type(4) h3,.clients-page main>section:nth-of-type(4) p,.clients-page main>section:nth-of-type(4) li,
.clients-page main>section:nth-of-type(5) h1,.clients-page main>section:nth-of-type(5) h2,.clients-page main>section:nth-of-type(5) h3,.clients-page main>section:nth-of-type(5) p,.clients-page main>section:nth-of-type(5) li,
.creators-page main>section:nth-of-type(2) h1,.creators-page main>section:nth-of-type(2) h2,.creators-page main>section:nth-of-type(2) h3,.creators-page main>section:nth-of-type(2) p,
.creators-page main>section:nth-of-type(3) h1,.creators-page main>section:nth-of-type(3) h2,.creators-page main>section:nth-of-type(3) h3,.creators-page main>section:nth-of-type(3) p,
.creators-page main>section:nth-of-type(5) h1,.creators-page main>section:nth-of-type(5) h2,.creators-page main>section:nth-of-type(5) h3,.creators-page main>section:nth-of-type(5) p,
.case-page main>section:nth-of-type(2) h1,.case-page main>section:nth-of-type(2) h2,.case-page main>section:nth-of-type(2) h3,.case-page main>section:nth-of-type(2) p,
.case-page main>section:nth-of-type(3) h1,.case-page main>section:nth-of-type(3) h2,.case-page main>section:nth-of-type(3) h3,.case-page main>section:nth-of-type(3) p,
.about-page .about-block:nth-of-type(2) h1,.about-page .about-block:nth-of-type(2) h2,.about-page .about-block:nth-of-type(2) h3,.about-page .about-block:nth-of-type(2) p,
.about-page .about-block:nth-of-type(4) h1,.about-page .about-block:nth-of-type(4) h2,.about-page .about-block:nth-of-type(4) h3,.about-page .about-block:nth-of-type(4) p,
.about-page .about-cta h1,.about-page .about-cta h2,.about-page .about-cta h3,.about-page .about-cta p,
.legal-page .legal-content h1,.legal-page .legal-content h2,.legal-page .legal-content h3,.legal-page .legal-content p,.legal-page .legal-content li{color:var(--rhythm-ink)!important}

/* Keep brand accents lively on light surfaces. */
.home-page main>section:nth-of-type(2) .trusted-label{color:var(--rhythm-ink)!important}
.home-page main>section:nth-of-type(2) .brand-set span{color:var(--rhythm-ink)!important}
.home-page main>section:nth-of-type(2) .brand-set span::after{color:var(--rhythm-pink)!important}
.home-page main>section:nth-of-type(3) .stat b:not(.pink):not(.green){color:var(--rhythm-ink)!important}
.home-page main>section:nth-of-type(3) .stat span{color:#55595e!important}
.home-page main>section:nth-of-type(5) .bullets li{color:#272b2f!important}
.home-page main>section:nth-of-type(7) .experience-chip{background:#fff!important;color:var(--rhythm-ink)!important;border-color:rgba(0,0,0,.18)!important}
.home-page main>section:nth-of-type(9) .card3{background:rgba(255,255,255,.38)!important}
.home-page main>section:nth-of-type(9) .card3:hover{background:#fff!important}
.home-page main>section:nth-of-type(11) .faq button{color:var(--rhythm-ink)!important}
.home-page main>section:nth-of-type(11) .faq .answer{color:#55595e!important}

/* On green surfaces, green accents become black/pink for contrast. */
.home-page main>section:nth-of-type(5) .secno.green,
.home-page main>section:nth-of-type(9) .secno.green,
.clients-page main>section:nth-of-type(4) .green,
.creators-page main>section:nth-of-type(3) .green,
.case-page main>section:nth-of-type(3) .green,
.about-page .about-block:nth-of-type(4) .section-tag{color:var(--rhythm-ink)!important}

/* Buttons on light sections preserve exactly the same geometry, only colors change. */
.home-page main>section:nth-of-type(5) .pill.green,
.clients-page main>section:nth-of-type(4) .pill.green,
.about-page .about-cta .pill.green{background:var(--rhythm-black)!important;border-color:var(--rhythm-black)!important;color:#fff!important}
.home-page main>section:nth-of-type(5) .pill.green:hover,
.clients-page main>section:nth-of-type(4) .pill.green:hover,
.about-page .about-cta .pill.green:hover{background:var(--rhythm-pink)!important;border-color:var(--rhythm-pink)!important;color:var(--rhythm-black)!important}
.home-page main>section:nth-of-type(7) .pill,.home-page main>section:nth-of-type(11) .pill,
.clients-page main>section:nth-of-type(2) .pill,.clients-page main>section:nth-of-type(5) .pill,
.creators-page main>section:nth-of-type(2) .pill,.creators-page main>section:nth-of-type(5) .pill,
.case-page main>section:nth-of-type(2) .pill,.about-page .about-cta .pink-outline{color:var(--rhythm-ink)!important;border-color:rgba(0,0,0,.35)!important}

/* About page specifics — preserve photography treatment. */
.about-page .about-block:nth-of-type(2) .section-tag{color:#6c7600!important}
.about-page .about-block:nth-of-type(4) .press-card{background:rgba(255,255,255,.45)!important;border-color:rgba(0,0,0,.2)!important}
.about-page .about-block:nth-of-type(4) .press-meta{color:#8b114b!important}
.about-page .about-cta .section-tag.pink{color:var(--rhythm-pink)!important}

/* Legal pages: black hero, cream reading surface, black footer/nav. */
.legal-page .legal-content .secno.green{color:#687800!important}
.legal-page .legal-content .policy-section a{color:#7d174c!important}

/* Borders should follow the surface, but layout/spacing stays untouched. */
.home-page main>section:nth-of-type(2),.home-page main>section:nth-of-type(3),.home-page main>section:nth-of-type(5),.home-page main>section:nth-of-type(7),.home-page main>section:nth-of-type(9),.home-page main>section:nth-of-type(11),
.clients-page main>section:nth-of-type(2),.clients-page main>section:nth-of-type(4),.clients-page main>section:nth-of-type(5),
.creators-page main>section:nth-of-type(2),.creators-page main>section:nth-of-type(3),.creators-page main>section:nth-of-type(5),
.case-page main>section:nth-of-type(2),.case-page main>section:nth-of-type(3),
.about-page .about-block:nth-of-type(2),.about-page .about-block:nth-of-type(4),.about-page .about-cta{border-color:rgba(0,0,0,.16)!important}

/* Requested homepage color refinements — layout unchanged. */
.home-page .trusted-section{background:#111315!important;color:var(--text)!important;border-color:var(--line)!important}
.home-page .trusted-section *{border-color:var(--line)!important}
.home-page .trusted-section .trusted-label{color:#f5efe3!important}
.home-page .trusted-section .brand-set span{color:#f5efe3!important}
.home-page .trusted-section .brand-set span::after{color:var(--rhythm-pink)!important}
.home-page main>section:nth-of-type(3) .secno.pink{color:var(--rhythm-pink)!important}
.home-page main>section:nth-of-type(3) .stat b.pink{color:var(--rhythm-pink)!important}
.home-page .story-section .secno.pink{color:var(--rhythm-pink)!important}
.home-page main>section:nth-of-type(9) .card3 .accent{color:var(--rhythm-pink)!important}

/* Tighter FAQ + pink interaction state. */
.home-page .faq .item{border-bottom:1px solid rgba(0,0,0,.18)!important}
.home-page .faq .item button{padding:15px 0!important;transition:color .22s ease,padding-left .22s ease!important}
.home-page .faq .item button:hover,.home-page .faq .item button:focus-visible,.home-page .faq .item.open button{color:var(--rhythm-pink)!important;padding-left:7px!important}
.home-page .faq .item button span,.home-page .faq .item.open button span{color:var(--rhythm-pink)!important}
.home-page .faq .item.open .answer{padding:0 0 16px!important}

/* Founder contact strip at the bottom of the homepage. */
.founder-chat{background:#111315;border-top:1px solid var(--line);padding:44px 0}
.founder-chat-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
.founder-chat-people{display:flex;align-items:center;padding-left:10px}
.founder-chat-people img{width:66px;height:66px;border-radius:50%;object-fit:cover;border:2px solid #111315;box-shadow:0 0 0 1px #5a5e62}
.founder-chat-people img+img{margin-left:-14px}
.founder-chat-copy .secno{padding:0;margin-bottom:7px;color:var(--pink)}
.founder-chat-copy h2{font-size:30px;line-height:1;margin:0 0 7px;color:#f5efe3;letter-spacing:-.035em}
.founder-chat-copy p{margin:0;color:#a6abb0;font-size:13px;line-height:1.5;max-width:620px}
.founder-chat-button{white-space:nowrap}
@media(max-width:800px){.founder-chat{padding:34px 0}.founder-chat-inner{grid-template-columns:auto 1fr;gap:18px}.founder-chat-button{grid-column:1/-1;justify-self:start}.founder-chat-people img{width:54px;height:54px}.founder-chat-copy h2{font-size:25px}}

/* Final homepage corrections requested 2026-09-10. */
body.home-page main .trusted-section{
  background:#08090b!important;
  color:#f5f5f2!important;
  border-color:#23262a!important;
}
body.home-page main .trusted-section .wrap,
body.home-page main .trusted-section .brand-marquee,
body.home-page main .trusted-section .brand-track,
body.home-page main .trusted-section .brand-set{background:transparent!important}
body.home-page main .trusted-section .trusted-label,
body.home-page main .trusted-section .brand-set span{color:#f5f5f2!important}
body.home-page main .trusted-section .brand-set span::after{color:#ff2f92!important}

/* Stats CTA gets a clear pink hover state. */
.home-page .impact-side .pill{transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease!important}
.home-page .impact-side .pill:hover,.home-page .impact-side .pill:focus-visible{
  background:#ff2f92!important;border-color:#ff2f92!important;color:#08090b!important;transform:translateY(-2px)!important
}

/* Redesign the growth campaign block as an intentional editorial split. */
.home-page .growth-section{background:#0b0d10!important;color:#f5f5f2!important}
.home-page .growth-section *{border-color:#2b2f34!important}
.home-page .growth-section .secno{color:#ff2f92!important}
.home-page .growth-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:78px;align-items:start}
.home-page .growth-intro h2{margin-bottom:14px}
.home-page .growth-intro .lead{max-width:390px;color:#9da2a8!important}
.home-page .growth-services{margin-top:4px;box-shadow:0 0 0 0 rgba(200,255,40,0);transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important}
.home-page .growth-services:hover{transform:translateY(-3px) scale(1.02)!important;box-shadow:0 9px 28px rgba(200,255,40,.2)!important;background:#ff2f92!important;border-color:#ff2f92!important;color:#08090b!important}
.home-page .growth-features{border-top:1px solid #2b2f34}
.home-page .growth-feature{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:19px 0 21px;border-bottom:1px solid #2b2f34;align-items:start}
.home-page .growth-feature>span{font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#c8ff28;padding-top:3px}
.home-page .growth-feature strong{display:block;font-size:14px;line-height:1.25;color:#f5f5f2;margin-bottom:5px}
.home-page .growth-feature p{margin:0!important;color:#92979d!important;font-size:10px!important;line-height:1.55!important;max-width:490px}

/* Compact FAQ: deliberately much tighter than the prior pass. */
.home-page .faq{margin-top:12px!important}
.home-page .faq .item{margin:0!important;min-height:0!important;border-top:1px solid rgba(0,0,0,.18)!important;border-bottom:0!important}
.home-page .faq .item:last-child{border-bottom:1px solid rgba(0,0,0,.18)!important}
.home-page .faq .item button{padding:9px 0!important;min-height:0!important;line-height:1.25!important;font-size:10px!important}
.home-page .faq .item button:hover,.home-page .faq .item button:focus-visible,.home-page .faq .item.open button{color:#ff2f92!important;padding-left:5px!important}
.home-page .faq .answer{padding:0 0 9px!important;margin:0!important;line-height:1.45!important}
.home-page .faq .item.open .answer{padding:0 0 10px!important}

@media(max-width:800px){
  .home-page .growth-layout{grid-template-columns:1fr;gap:28px}
  .home-page .growth-feature{padding:15px 0 17px}
}

/* Requested refinement: growth section uses a light surface with true black copy. */
.home-page .growth-section{
  background:#f2eee6!important;
  color:#08090b!important;
}
.home-page .growth-section *{border-color:rgba(8,9,11,.18)!important}
.home-page .growth-section h2,
.home-page .growth-section h3,
.home-page .growth-section strong,
.home-page .growth-section p,
.home-page .growth-section .lead,
.home-page .growth-section .growth-feature p{
  color:#08090b!important;
}
.home-page .growth-section .secno,
.home-page .growth-section .growth-feature>span{
  color:#ff0a8a!important;
}
.home-page .growth-features{border-top-color:rgba(8,9,11,.18)!important}
.home-page .growth-feature{border-bottom-color:rgba(8,9,11,.18)!important}

/* FAQ: large readable questions, but tight row spacing/lines. */
.home-page .faq{margin-top:10px!important}
.home-page .faq .item{margin:0!important;min-height:0!important}
.home-page .faq .item button{
  padding:11px 0!important;
  min-height:0!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
.home-page .faq .item button:hover,
.home-page .faq .item button:focus-visible,
.home-page .faq .item.open button{
  color:#ff0a8a!important;
  padding-left:5px!important;
}
.home-page .faq .item button span{font-size:22px!important}
.home-page .faq .answer{
  font-size:13px!important;
  line-height:1.5!important;
  padding:0!important;
}
.home-page .faq .item.open .answer{padding:0 0 11px!important}

@media(max-width:800px){
  .home-page .faq .item button{font-size:16px!important;padding:10px 0!important}
  .home-page .faq .answer{font-size:12px!important}
}

/* For Clients — lower-page color rhythm + compact FAQ */
.clients-page main>section:nth-of-type(5){
  background:var(--rhythm-cream)!important;
  color:var(--rhythm-ink)!important;
  border-color:rgba(0,0,0,.16)!important;
}
.clients-page main>section:nth-of-type(5) h2,
.clients-page main>section:nth-of-type(5) h3,
.clients-page main>section:nth-of-type(5) p,
.clients-page main>section:nth-of-type(5) .lead{color:var(--rhythm-ink)!important}
.clients-page main>section:nth-of-type(5) .secno{color:var(--rhythm-pink)!important}
.clients-page main>section:nth-of-type(5) .pill.green{
  background:var(--rhythm-black)!important;
  border-color:var(--rhythm-black)!important;
  color:#fff!important;
}
.clients-page main>section:nth-of-type(5) .pill.green:hover{
  background:var(--rhythm-pink)!important;
  border-color:var(--rhythm-pink)!important;
  color:var(--rhythm-black)!important;
}

/* Keep testimonials as the dark anchor between the light sections. */
.clients-page main>section:nth-of-type(6){
  background:#111315!important;
  color:#f5efe3!important;
  border-color:#2b2f34!important;
}
.clients-page main>section:nth-of-type(6) *{border-color:#2b2f34!important}
.clients-page main>section:nth-of-type(6) .quote,
.clients-page main>section:nth-of-type(6) .quote-by{color:#f5efe3!important}
.clients-page main>section:nth-of-type(6) .quote-by span{color:#9da2a8!important}
.clients-page main>section:nth-of-type(6) .secno{color:var(--rhythm-pink)!important}

/* FAQ gets a neon-green surface so 05–07 no longer reads as one black block. */
.clients-page main>section:nth-of-type(7){
  background:var(--rhythm-green)!important;
  color:var(--rhythm-ink)!important;
  border-color:rgba(0,0,0,.18)!important;
}
.clients-page main>section:nth-of-type(7) h2,
.clients-page main>section:nth-of-type(7) h3,
.clients-page main>section:nth-of-type(7) p,
.clients-page main>section:nth-of-type(7) button,
.clients-page main>section:nth-of-type(7) .answer{color:var(--rhythm-ink)!important}
.clients-page main>section:nth-of-type(7) .secno{color:var(--rhythm-pink)!important}
.clients-page main>section:nth-of-type(7) .faq{margin-top:10px!important}
.clients-page main>section:nth-of-type(7) .faq .item{
  margin:0!important;
  min-height:0!important;
  border-top:1px solid rgba(0,0,0,.2)!important;
  border-bottom:0!important;
}
.clients-page main>section:nth-of-type(7) .faq .item:last-child{border-bottom:1px solid rgba(0,0,0,.2)!important}
.clients-page main>section:nth-of-type(7) .faq .item button{
  padding:11px 0!important;
  min-height:0!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
  transition:color .22s ease,padding-left .22s ease!important;
}
.clients-page main>section:nth-of-type(7) .faq .item button:hover,
.clients-page main>section:nth-of-type(7) .faq .item button:focus-visible,
.clients-page main>section:nth-of-type(7) .faq .item.open button{
  color:var(--rhythm-pink)!important;
  padding-left:5px!important;
}
.clients-page main>section:nth-of-type(7) .faq .item button span{font-size:22px!important;color:var(--rhythm-pink)!important}
.clients-page main>section:nth-of-type(7) .faq .answer{
  font-size:13px!important;
  line-height:1.5!important;
  padding:0!important;
  margin:0!important;
}
.clients-page main>section:nth-of-type(7) .faq .item.open .answer{padding:0 0 11px!important}

/* Client-page founder strip uses cream instead of another black block. */
.clients-page .founder-chat{
  background:var(--rhythm-cream)!important;
  color:var(--rhythm-ink)!important;
  border-top:1px solid rgba(0,0,0,.16)!important;
}
.clients-page .founder-chat-people img{border-color:var(--rhythm-cream)!important;box-shadow:0 0 0 1px rgba(0,0,0,.35)!important}
.clients-page .founder-chat-copy h2{color:var(--rhythm-ink)!important}
.clients-page .founder-chat-copy p{color:#50545a!important}
.clients-page .founder-chat-copy .secno{color:var(--rhythm-pink)!important}
.clients-page .founder-chat-button{
  background:var(--rhythm-black)!important;
  border-color:var(--rhythm-black)!important;
  color:#fff!important;
}
.clients-page .founder-chat-button:hover{
  background:var(--rhythm-pink)!important;
  border-color:var(--rhythm-pink)!important;
  color:var(--rhythm-black)!important;
}

@media(max-width:800px){
  .clients-page main>section:nth-of-type(7) .faq .item button{font-size:16px!important;padding:10px 0!important}
  .clients-page main>section:nth-of-type(7) .faq .answer{font-size:12px!important}
}

/* 2026-09-10 homepage typography color restoration — layout intentionally unchanged */
.home-page .growth-section{background:#f2eee6!important;color:#08090b!important}
.home-page .growth-section h2,.home-page .growth-section h3,.home-page .growth-section strong{color:#08090b!important}
.home-page .growth-section p,.home-page .growth-section .lead,.home-page .growth-section .service p{color:#44484d!important}
.home-page .growth-section .secno{color:#ff0a8a!important}
.home-page .growth-section .growth-feature>span{color:#ff0a8a!important}
.home-page .growth-section .service .num{color:#ff0a8a!important}

.home-page .updates-section{background:#0b0d10!important;color:#f2eee6!important}
.home-page .updates-section .secno{color:#ff2f92!important}
.home-page .updates-section .card3 h3{color:#f2eee6!important}
.home-page .updates-section .card3 p{color:#9da2a8!important}
.home-page .updates-section .card3 .accent{color:#ff2f92!important}
.home-page .updates-section .card3:nth-child(1) .update-cta,
.home-page .updates-section .card3:nth-child(3) .update-cta{color:#c8ff28!important}
.home-page .updates-section .card3:nth-child(2) .update-cta{color:#ff2f92!important}

.home-page .founder-chat{background:#111315!important;color:#f2eee6!important}
.home-page .founder-chat-copy .secno{color:#ff2f92!important}
.home-page .founder-chat-copy h2{color:#f2eee6!important}
.home-page .founder-chat-copy p{color:#9da2a8!important}

.home-page .home-faq-section h2{color:#f2eee6!important}
.home-page .home-faq-section>.wrap>.secno{color:#ff2f92!important}
.home-page .home-faq-section .faq .item button{color:#f2eee6!important}
.home-page .home-faq-section .faq .answer{color:#9da2a8!important}
.home-page .home-faq-section .faq .item button:hover,
.home-page .home-faq-section .faq .item button:focus-visible,
.home-page .home-faq-section .faq .item.open button{color:#ff2f92!important}

/* FINAL HOMEPAGE COLOR FIX — preserve layout, repair contrast */
/* Growth Engine / What We Do stays neon green with black readable copy. */
.home-page .growth-section{
  background:var(--rhythm-green)!important;
  color:var(--rhythm-ink)!important;
}
.home-page .growth-section h2,
.home-page .growth-section h3,
.home-page .growth-section strong,
.home-page .growth-section p,
.home-page .growth-section .lead,
.home-page .growth-section .growth-feature p,
.home-page .growth-section .service p{
  color:var(--rhythm-ink)!important;
}
.home-page .growth-section .secno,
.home-page .growth-section .growth-feature>span,
.home-page .growth-section .service .num{
  color:var(--rhythm-pink)!important;
}
.home-page .growth-section *,
.home-page .growth-features,
.home-page .growth-feature,
.home-page .growth-section .divider{
  border-color:rgba(8,9,11,.2)!important;
}

/* Latest updates cards: light surface, all card copy black, link CTAs pink. */
.home-page .updates-section{
  background:var(--rhythm-cream)!important;
  color:var(--rhythm-ink)!important;
}
.home-page .updates-section .secno,
.home-page .updates-section .card3 .accent{
  color:var(--rhythm-pink)!important;
}
.home-page .updates-section .card3{
  color:var(--rhythm-ink)!important;
  border-color:rgba(8,9,11,.18)!important;
}
.home-page .updates-section .card3 h3,
.home-page .updates-section .card3 p{
  color:var(--rhythm-ink)!important;
}
.home-page .updates-section .card3 .update-cta,
.home-page .updates-section .card3:nth-child(1) .update-cta,
.home-page .updates-section .card3:nth-child(2) .update-cta,
.home-page .updates-section .card3:nth-child(3) .update-cta{
  color:var(--rhythm-pink)!important;
}

/* FAQ: restore the visible section and keep rows compact. */
.home-page .home-faq-section{
  background:var(--rhythm-cream)!important;
  color:var(--rhythm-ink)!important;
}
.home-page .home-faq-section>.wrap>.secno{
  color:var(--rhythm-pink)!important;
}
.home-page .home-faq-section h2{
  color:var(--rhythm-ink)!important;
}
.home-page .home-faq-section .faq{
  margin-top:10px!important;
}
.home-page .home-faq-section .faq .item{
  margin:0!important;
  min-height:0!important;
  border-top:1px solid rgba(8,9,11,.2)!important;
  border-bottom:0!important;
}
.home-page .home-faq-section .faq .item:last-child{
  border-bottom:1px solid rgba(8,9,11,.2)!important;
}
.home-page .home-faq-section .faq .item button{
  color:var(--rhythm-ink)!important;
  padding:11px 0!important;
  min-height:0!important;
  font-size:18px!important;
  line-height:1.15!important;
}
.home-page .home-faq-section .faq .item button span{
  color:var(--rhythm-pink)!important;
}
.home-page .home-faq-section .faq .answer{
  color:#50545a!important;
  padding:0!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1.5!important;
}
.home-page .home-faq-section .faq .item.open .answer{
  padding:0 0 11px!important;
}
.home-page .home-faq-section .faq .item button:hover,
.home-page .home-faq-section .faq .item button:focus-visible,
.home-page .home-faq-section .faq .item.open button{
  color:var(--rhythm-pink)!important;
  padding-left:5px!important;
}
@media(max-width:800px){
  .home-page .home-faq-section .faq .item button{font-size:16px!important;padding:10px 0!important}
  .home-page .home-faq-section .faq .answer{font-size:12px!important}
}

/* 2026-09-10 HARD CONTRAST FIX: all readable copy on the neon-green Growth Engine / What We Do section must be black. */
body.home-page section.growth-section .growth-intro h2,
body.home-page section.growth-section .growth-feature strong,
body.home-page section.growth-section .what-label ~ h2,
body.home-page section.growth-section .what-label ~ p.lead,
body.home-page section.growth-section .service h3,
body.home-page section.growth-section .service p {
  color:#08090b !important;
  -webkit-text-fill-color:#08090b !important;
}
body.home-page section.growth-section .growth-feature strong,
body.home-page section.growth-section .service h3 {
  opacity:1 !important;
}
body.home-page section.growth-section .secno,
body.home-page section.growth-section .what-label,
body.home-page section.growth-section .growth-feature > span,
body.home-page section.growth-section .service .num {
  color:#ff2f92 !important;
  -webkit-text-fill-color:#ff2f92 !important;
}

/* FINAL DIRECT FIX: every non-accent text element on the homepage neon-green program block is black. */
html body.home-page section.section.growth-section .growth-intro h2,
html body.home-page section.section.growth-section .growth-feature strong,
html body.home-page section.section.growth-section .what-label ~ h2,
html body.home-page section.section.growth-section .what-label ~ p.lead,
html body.home-page section.section.growth-section .service h3,
html body.home-page section.section.growth-section .service p {
 color:#000 !important; -webkit-text-fill-color:#000 !important; opacity:1 !important;
}


/* FAQ reference spacing — matched across home, clients, and case studies. */
.reference-faq-section .section-line{align-items:start!important}
.reference-faq-section .faq{margin-top:44px!important}
.reference-faq-section .faq .item{margin:0!important;min-height:0!important;border-top:0!important;border-bottom:1px solid currentColor!important;border-color:rgba(128,128,128,.42)!important;overflow:hidden!important}
.reference-faq-section .faq .item:first-child{border-top:0!important}
.reference-faq-section .faq .item button{
  width:100%!important;
  min-height:0!important;
  padding:18px 0 17px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  font-size:18px!important;
  line-height:1.22!important;
  font-weight:800!important;
  text-align:left!important;
}
.reference-faq-section .faq .item button span{font-size:20px!important;line-height:1!important;flex:0 0 auto!important}
.reference-faq-section .faq .answer{
  max-width:760px!important;
  margin:0!important;
  padding:0!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.reference-faq-section .faq .item.open .answer{padding:0 0 22px!important}
.reference-faq-section .faq .item button:hover,
.reference-faq-section .faq .item button:focus-visible,
.reference-faq-section .faq .item.open button{padding-left:0!important}

/* Keep each page's existing FAQ colors; only normalize the spacing/type treatment. */
.home-page .reference-faq-section .faq .item button{font-size:18px!important;padding:18px 0 17px!important}
.clients-page .reference-faq-section .faq .item button{font-size:18px!important;padding:18px 0 17px!important}
.case-page .case-faq-section{background:#111317!important;color:#f5efe3!important}
.case-page .case-faq-section .secno{color:#c8ff00!important}
.case-page .case-faq-section h2{color:#f5efe3!important}
.case-page .case-faq-section .faq .item button{color:#f5efe3!important}
.case-page .case-faq-section .faq .answer{color:#c8cbd0!important}
.case-page .case-faq-section .faq .item button span,
.case-page .case-faq-section .faq .item button:hover,
.case-page .case-faq-section .faq .item:focus-within button,
.case-page .case-faq-section .faq .item.open button{color:#ff2f92!important}
@media(max-width:800px){
  .reference-faq-section .faq{margin-top:30px!important}
  .reference-faq-section .faq .item button,
  .home-page .reference-faq-section .faq .item button,
  .clients-page .reference-faq-section .faq .item button{font-size:16px!important;padding:15px 0 14px!important}
  .reference-faq-section .faq .answer{font-size:12px!important;line-height:1.5!important}
  .reference-faq-section .faq .item.open .answer{padding:0 0 18px!important}
}


/* FINAL FAQ REFERENCE MATCH — tight rows + smooth dropdown */
.reference-faq-section .faq{
  margin-top:30px!important;
  border-top:0!important;
}
.reference-faq-section .faq .item{
  margin:0!important;
  min-height:0!important;
  border-top:0!important;
  border-bottom:1px solid rgba(140,143,148,.42)!important;
  overflow:hidden!important;
}
.reference-faq-section .faq .item button,
.home-page .reference-faq-section .faq .item button,
.clients-page .reference-faq-section .faq .item button,
.case-page .reference-faq-section .faq .item button{
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:13px 0 12px!important;
  font-size:17px!important;
  line-height:1.18!important;
  font-weight:700!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
}
.reference-faq-section .faq .item button span{
  font-size:18px!important;
  line-height:1!important;
  flex:0 0 auto!important;
}
.reference-faq-section .faq .answer{
  display:grid!important;
  grid-template-rows:0fr!important;
  opacity:0!important;
  overflow:hidden!important;
  transform:translateY(-3px)!important;
  margin:0!important;
  padding:0!important;
  max-width:760px!important;
  font-size:13px!important;
  line-height:1.55!important;
  transition:grid-template-rows .32s cubic-bezier(.2,.8,.2,1),opacity .24s ease,transform .32s cubic-bezier(.2,.8,.2,1),padding .32s ease!important;
}
.reference-faq-section .faq .answer::before{content:"";min-height:0}
.reference-faq-section .faq .item.open .answer{
  grid-template-rows:1fr!important;
  opacity:1!important;
  transform:none!important;
  padding:0 0 13px!important;
}
.reference-faq-section .faq .item button:hover,
.reference-faq-section .faq .item button:focus-visible,
.reference-faq-section .faq .item.open button{
  padding-left:0!important;
  color:#ff2f92!important;
}
.reference-faq-section h2{margin-bottom:0!important}
@media(max-width:700px){
  .reference-faq-section .faq{margin-top:24px!important}
  .reference-faq-section .faq .item button,
  .home-page .reference-faq-section .faq .item button,
  .clients-page .reference-faq-section .faq .item button,
  .case-page .reference-faq-section .faq .item button{
    padding:12px 0 11px!important;
    font-size:16px!important;
  }
  .reference-faq-section .faq .answer{font-size:12px!important;line-height:1.5!important}
  .reference-faq-section .faq .item.open .answer{padding:0 0 12px!important}
}


/* ABSOLUTE FINAL FAQ SPACING — match compact reference */
.reference-faq-section .faq,
.home-page .reference-faq-section .faq,
.clients-page .reference-faq-section .faq,
.case-page .reference-faq-section .faq{
  margin-top:26px!important;
}
.reference-faq-section .faq .item,
.home-page .reference-faq-section .faq .item,
.clients-page .reference-faq-section .faq .item,
.case-page .reference-faq-section .faq .item{
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  height:auto!important;
  border-top:0!important;
  border-bottom:1px solid rgba(140,143,148,.42)!important;
  overflow:hidden!important;
}
.reference-faq-section .faq .item button,
.home-page .reference-faq-section .faq .item button,
.clients-page .reference-faq-section .faq .item button,
.case-page .reference-faq-section .faq .item button{
  box-sizing:border-box!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:7px 0!important;
  font-size:19px!important;
  line-height:1.08!important;
  font-weight:700!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}
.reference-faq-section .faq .item button span{
  font-size:18px!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
}
.reference-faq-section .faq .answer,
.home-page .reference-faq-section .faq .answer,
.clients-page .reference-faq-section .faq .answer,
.case-page .reference-faq-section .faq .answer{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  max-height:0!important;
  opacity:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  font-size:13px!important;
  line-height:1.45!important;
  transition:max-height .28s ease, opacity .2s ease, padding .28s ease!important;
}
.reference-faq-section .faq .answer::before{display:none!important;content:none!important}
.reference-faq-section .faq .item.open .answer,
.home-page .reference-faq-section .faq .item.open .answer,
.clients-page .reference-faq-section .faq .item.open .answer,
.case-page .reference-faq-section .faq .item.open .answer{
  max-height:240px!important;
  opacity:1!important;
  padding:2px 0 9px!important;
}
.reference-faq-section .faq .item.open button{
  padding:7px 0 5px!important;
}
.reference-faq-section .faq .item button:hover,
.reference-faq-section .faq .item button:focus-visible,
.reference-faq-section .faq .item.open button{
  padding-left:0!important;
}
@media(max-width:700px){
  .reference-faq-section .faq,
  .home-page .reference-faq-section .faq,
  .clients-page .reference-faq-section .faq,
  .case-page .reference-faq-section .faq{margin-top:20px!important}
  .reference-faq-section .faq .item button,
  .home-page .reference-faq-section .faq .item button,
  .clients-page .reference-faq-section .faq .item button,
  .case-page .reference-faq-section .faq .item button{
    padding:7px 0!important;
    font-size:17px!important;
    line-height:1.1!important;
  }
  .reference-faq-section .faq .answer{font-size:12px!important;line-height:1.45!important}
  .reference-faq-section .faq .item.open .answer{padding:2px 0 8px!important}
}

/* ===== 2026-09-10 natural website motion polish ===== */
/* Adds subtle entrance and micro-interaction motion without replacing existing animations. */
body:not(.site-form) .motion-reveal{
  opacity:0;
  transform:translateY(20px);
  transition:
    opacity .72s cubic-bezier(.22,.75,.22,1),
    transform .72s cubic-bezier(.22,.75,.22,1);
  transition-delay:var(--motion-delay,0ms);
  will-change:opacity,transform;
}
body:not(.site-form) .motion-reveal.motion-left{transform:translateX(-18px)}
body:not(.site-form) .motion-reveal.motion-right{transform:translateX(18px)}
body:not(.site-form) .motion-reveal.motion-scale{transform:translateY(12px) scale(.985)}
body:not(.site-form) .motion-reveal.is-visible{
  opacity:1;
  transform:none;
}

/* Heading copy feels intentionally sequenced rather than appearing all at once. */
body:not(.site-form) .hero h1.motion-reveal,
body:not(.site-form) .about-hero h1.motion-reveal{
  transition-duration:.9s;
}
body:not(.site-form) .hero p.motion-reveal,
body:not(.site-form) .about-hero p.motion-reveal{
  transition-duration:.82s;
}

/* Clean, restrained hover motion for interactive pieces. */
body:not(.site-form) .pill,
body:not(.site-form) .review-arrow,
body:not(.site-form) .case-modal-close{
  transition:
    transform .24s cubic-bezier(.2,.8,.2,1),
    box-shadow .24s ease,
    background-color .24s ease,
    border-color .24s ease,
    color .24s ease!important;
}
body:not(.site-form) .pill:hover{transform:translateY(-2px)}
body:not(.site-form) .pill:active,
body:not(.site-form) .review-arrow:active,
body:not(.site-form) .case-modal-close:active{transform:translateY(0) scale(.97)}

body:not(.site-form) .video-card,
body:not(.site-form) .creator-photo-card,
body:not(.site-form) .outlinebox,
body:not(.site-form) .card3,
body:not(.site-form) .press-card,
body:not(.site-form) .founder-media,
body:not(.site-form) .founder-video{
  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    border-color .3s ease,
    box-shadow .3s ease!important;
}
body:not(.site-form) .video-card:hover,
body:not(.site-form) .creator-photo-card:hover,
body:not(.site-form) .press-card:hover{
  transform:translateY(-4px);
}
body:not(.site-form) .outlinebox:hover,
body:not(.site-form) .founder-media:hover{
  transform:translateY(-3px);
}

/* Tiny nav polish — no layout changes. */
body:not(.site-form) .navlinks a{
  position:relative;
  transition:color .22s ease,opacity .22s ease!important;
}
body:not(.site-form) .navlinks a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-5px;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:right center;
  transition:transform .28s cubic-bezier(.2,.8,.2,1);
}
body:not(.site-form) .navlinks a:hover::after{
  transform:scaleX(1);
  transform-origin:left center;
}

/* Section dividers animate in subtly as sections enter view. */
body:not(.site-form) .section-line.motion-line::after,
.about-page .about-split.motion-line::after{
  content:"";
  display:block;
  grid-column:1/-1;
  height:1px;
  width:0;
  background:currentColor;
  opacity:.16;
  transition:width .9s cubic-bezier(.2,.8,.2,1) .12s;
}
body:not(.site-form) .section-line.motion-line.is-visible::after,
.about-page .about-split.motion-line.is-visible::after{width:100%}

/* Keep mobile motion lighter and prevent hover effects from feeling jumpy on touch. */
@media(max-width:800px){
  body:not(.site-form) .motion-reveal{transform:translateY(14px);transition-duration:.62s}
  body:not(.site-form) .motion-reveal.motion-left,
  body:not(.site-form) .motion-reveal.motion-right{transform:translateY(14px)}
  body:not(.site-form) .video-card:hover,
  body:not(.site-form) .creator-photo-card:hover,
  body:not(.site-form) .press-card:hover,
  body:not(.site-form) .outlinebox:hover,
  body:not(.site-form) .founder-media:hover{transform:none}
  body:not(.site-form) .navlinks a::after{display:none}
}

@media(prefers-reduced-motion:reduce){
  body:not(.site-form) .motion-reveal,
  body:not(.site-form) .motion-reveal.motion-left,
  body:not(.site-form) .motion-reveal.motion-right,
  body:not(.site-form) .motion-reveal.motion-scale{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
  body:not(.site-form) .section-line.motion-line::after,
  .about-page .about-split.motion-line::after{width:100%!important;transition:none!important}
  body:not(.site-form) .pill,
  body:not(.site-form) .video-card,
  body:not(.site-form) .creator-photo-card,
  body:not(.site-form) .outlinebox,
  body:not(.site-form) .card3,
  body:not(.site-form) .press-card,
  body:not(.site-form) .founder-media,
  body:not(.site-form) .founder-video{transition:none!important}
}