/* Quinbis Kinetic Green V2.1
   Official signal/action green: #77D650
   Growth Green remains #013D37.
   Brand rule: whenever Kinetic Green is the readable surface, type and icons use Growth Green #013D37.
*/
:root, body.home-v32, body.design-v7, body.setup-v3{
  --lime:#77D650;
  --kinetic-green:#77D650;
  --lime-28:rgba(119,214,80,.28);
}

/* Core Kinetic actions: Growth Green type/icon on Kinetic Green. */
.site-header:not(.is-scrolled) .btn-nav,
.btn-arrow-lime,
.round-arrow-lime,
.mini-pill,
.btn-cta,
.quinbis-panel-btn,
.package-cta-featured,
.design-package-cta-featured,
.design-final-primary,
.qa-product-primary,
.featured-insight-read,
.setup-after-btn,
.money-status,
.article-product-primary,
.article-next-link{
  background-color:var(--lime)!important;
  color:#013D37!important;
}

/* Homepage: Kinetic answer card uses Growth Green throughout. */
.home-v32 .home-safe-card,
.safe-card{
  background:var(--lime)!important;
  color:#013D37!important;
}
.home-v32 .home-safe-card .home-safe-brand,
.home-v32 .home-safe-card .home-safe-state,
.home-v32 .home-safe-card .home-safe-result>span,
.home-v32 .home-safe-card .home-safe-result strong,
.home-v32 .home-safe-card .home-safe-result p,
.home-v32 .home-safe-card .home-safe-bottom,
.safe-card .safe-badge,
.safe-card .safe-copy span,
.safe-card .safe-copy strong,
.safe-card p,
.safe-card .safe-card-bottom,
.safe-card .safe-arrow{
  color:#013D37!important;
}
.home-v32 .home-safe-card .home-safe-state,
.safe-card .safe-state{
  background:rgba(1,61,55,.12)!important;
  color:#013D37!important;
  border-color:rgba(1,61,55,.36)!important;
}
.home-v32 .home-safe-card .home-safe-meter,
.safe-card .safe-meter{background:rgba(1,61,55,.18)!important}
.home-v32 .home-safe-card .home-safe-meter span,
.safe-card .safe-meter span{background:#013D37!important}
.home-v32 .home-safe-card .home-safe-bottom,
.safe-card .safe-card-bottom{border-top-color:rgba(1,61,55,.28)!important}
.home-v32 .home-safe-card .home-safe-arrow,
.safe-card .safe-arrow{border-color:rgba(1,61,55,.36)!important}

.home-v32 .home-part-grow{background:var(--lime)!important;color:#013D37!important}
.home-v32 .home-part-grow *{color:#013D37!important}
.home-v32 .home-product-btn{background:var(--lime)!important;color:#013D37!important}

/* Large Kinetic marketing surfaces: Growth Green readable content. */
.path-card-green,
.setup-doc-two,
.system-card.lime,
.design-card-social,
.insight-art-three{
  background:var(--lime)!important;
  color:#013D37!important;
}
.path-card-green h3,
.path-card-green p,
.path-card-green .path-card-top,
.path-card-green .round-arrow,
.setup-doc-two span,
.setup-doc-two strong,
.system-card.lime h3,
.system-card.lime p,
.system-card.lime .system-card-number,
.system-card.lime .system-card-link,
.design-card-social *,
.insight-art-three *{
  color:#013D37!important;
}
.path-card-green .round-arrow{border-color:rgba(1,61,55,.34)!important}
.system-card.lime p{opacity:.88}
.system-card.lime .system-card-number{opacity:.80}
.setup-doc-two::after{background:#013D37!important}

/* Design page Kinetic surfaces and controls. */
.design-v7 .design-btn-arrow,
.design-v7 .video-sales-card-b,
.design-v7 .design-package-sales .design-package-cta,
.design-v7 .design-motion-visual .motion-play{
  background:var(--lime)!important;
  color:#013D37!important;
}
.design-v7 .design-monthly-visual{
  background:var(--lime)!important;
  color:#013D37!important;
}
/* Tiles are separate inset surfaces; only the text directly on Kinetic uses Growth Green. */
.design-v7 .monthly-tile-b{background:var(--lime)!important;color:#013D37!important}
.design-v7 .monthly-tile-d{color:var(--green)!important;background:rgba(255,255,255,.46)!important;border-color:rgba(255,255,255,.58)!important}

/* Setup package/button states that use Kinetic. */
.setup-package-featured .package-cta,
.setup-package-featured .package-cta-featured,
.design-package-sales .design-package-cta,
.package-feature-line,
.after-reminder-card .after-safe,
.setup-file-status,
.setup-progress-list .is-done .setup-step-icon,
.design-faq-list details[open] summary::after,
.term-stack span:nth-child(2),
.profit-math,
.ad-funnel strong,
.growth-readiness b{
  color:#013D37!important;
}

/* Article/Insight Kinetic result surfaces. */
.weekly-number-list .is-safe,
.week-story-bottom.safe,
.aftercac-path .done,
.three-hero>div:nth-child(3),
.three-angle>div:nth-child(3),
.messy-ledger b.owner,
.fine-poster,
.ads-path strong,
.flow-hero>div:last-child,
.money-waterfall .waterfall-end,
.visual-profit,
.profit-breakdown .profit-result,
.price-hero>strong,
.hero-equation-safe,
.example-board-result{
  background-color:var(--lime)!important;
  color:#013D37!important;
}
.weekly-number-list .is-safe *,
.week-story-bottom.safe *,
.aftercac-path .done *,
.three-hero>div:nth-child(3) *,
.three-angle>div:nth-child(3) *,
.flow-hero>div:last-child *,
.money-waterfall .waterfall-end *,
.visual-profit > :not(.profit-hero),
.profit-breakdown .profit-result *,
.price-hero>strong *,
.example-board-result *,
.hero-equation-safe *{
  color:#013D37!important;
}
/* White inset content on a Kinetic visual remains dark for readability. */
.visual-profit .profit-hero>div,
.visual-profit .profit-hero>div *{color:var(--onyx)!important}
.visual-profit .profit-hero span{color:var(--ink-52)!important}

/* Any common Kinetic labels/badges use the Growth Green foreground. */
.safe-state,
.setup-file-status,
.package-cta-featured,
.design-package-cta-featured,
.featured-insight-read,
.quinbis-panel-btn,
.btn-cta,
.qa-product-primary,
.article-product-primary,
.article-next-link{
  border-color:rgba(1,61,55,.32)!important;
  color:#013D37!important;
}

/* Specificity guard: legacy component rules must not put dark type back on Kinetic controls. */
.btn-primary .btn-arrow,
.setup-primary-btn .btn-arrow,
.design-primary-btn .btn-arrow,
.setup-cta-btn .btn-arrow,
.design-cta-btn .btn-arrow,
.site-header.is-scrolled .btn-nav .btn-arrow,
.product-money-safe b,
.monthly-sheet-b,
.motion-play,
.price-builder strong,
.after-cac-list b{
  color:#013D37!important;
}

/* Kinetic card descendants inherit the same Growth Green readable type. */
.profit-math,
.profit-math *{
  color:#013D37!important;
}