.cg-audience-growth { padding: clamp(1.75rem, 2vw, 2.25rem) 0 clamp(2.2rem, 4.5vw, 4.5rem); background: #030a10; }
.cg-audience-growth__bar { position: relative; isolation: isolate; display: grid; width: min(calc(100% - 48px), 1250px); height: 260px; margin: 0 auto; grid-template-columns: 180px minmax(0, 1fr) 360px; overflow: hidden; border: 2px solid #24e6ae; border-radius: 20px; background: radial-gradient(circle at 88% 28%, rgba(0, 229, 160, .18), transparent 25rem), #030a10; box-shadow: 0 0 26px rgba(0, 229, 160, .16); }
.cg-audience-growth__brand { display: grid; min-width: 0; padding: 2.5rem 1.5rem 1.5rem; place-items: start center; border-right: 1px solid rgba(228, 246, 240, .26); }
.cg-audience-growth__brand img { display: block; width: 160px; max-width: none; height: auto; }
.cg-audience-growth__copy { position: relative; z-index: 1; display: flex; min-width: 0; flex-direction: column; justify-content: center; padding: 1.75rem clamp(1.5rem, 3vw, 2.6rem) 3.3rem; }
.cg-audience-growth__copy > p { margin: 0 0 .3rem; color: #fff; font: 800 clamp(.82rem, 1.22vw, 1.05rem)/1.1 Inter, Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.cg-audience-growth__copy h2 { margin: 0 0 .7rem; color: #10e59c; font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(2.45rem, 3.25vw, 3.75rem); font-style: italic; font-weight: 500; line-height: .82; letter-spacing: -.045em; }
.cg-audience-growth__copy > span { display: block; max-width: 720px; color: #f0f5f3; font-size: clamp(.86rem, 1.15vw, 1.05rem); line-height: 1.42; }
.cg-audience-growth__bottom { display: flex; align-items: center; gap: clamp(1rem, 3vw, 3rem); margin-top: 1rem; }
.cg-audience-growth__outcomes { display: flex; align-items: stretch; }
.cg-audience-growth__outcomes > div { display: grid; min-width: 95px; padding: 0 .8rem; grid-template-columns: 30px auto; align-items: center; gap: .4rem; border-right: 1px solid rgba(228, 246, 240, .28); }
.cg-audience-growth__outcomes > div:first-child { padding-left: 0; }
.cg-audience-growth__outcomes > div:last-child { border-right: 0; }
.cg-audience-growth__outcomes svg { width: 28px; height: 28px; color: #12e9a2; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; }
.cg-audience-growth__outcomes b { color: #fff; font: 800 .66rem/1.1 Inter, Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.cg-audience-growth__cta { display: inline-flex; min-height: 52px; padding: 0 1.25rem; align-items: center; justify-content: center; color: #04100c; background: #58e2ad; border-radius: 3px; font: 800 .7rem/1 Inter, Arial, sans-serif; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.cg-audience-growth__cta i { margin-left: .45rem; font-size: 1.25rem; font-style: normal; }
.cg-audience-growth__media { position: relative; z-index: 0; width: calc(100% + 140px); height: 260px; min-width: 0; margin-left: -140px; overflow: hidden; }
.cg-audience-growth__media::before { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, #030a10 0%, rgba(3, 10, 16, .97) 24%, rgba(3, 10, 16, .74) 43%, rgba(3, 10, 16, .28) 68%, transparent 90%); content: ""; }
.cg-audience-growth__media img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: right center; }

@media (max-width: 1100px) {
  .cg-audience-growth__bar { grid-template-columns: 130px minmax(0, 1fr) 250px; }
  .cg-audience-growth__brand { padding: 1rem; place-items: center; }
  .cg-audience-growth__brand img { width: 118px; }
  .cg-audience-growth__copy { padding: 1.5rem; }
  .cg-audience-growth__bottom { align-items: flex-start; flex-direction: column; gap: 1rem; }
  .cg-audience-growth__media { width: 100%; margin-left: 0; }
}

@media (min-width: 1101px) and (max-width: 1280px) {
  .cg-audience-growth__bar { grid-template-columns: 150px minmax(0, 1fr) 300px; }
  .cg-audience-growth__brand img { width: 132px; }
  .cg-audience-growth__copy { padding-right: 1.5rem; padding-left: 1.5rem; }
  .cg-audience-growth__copy h2 { font-size: clamp(2.2rem, 3.25vw, 2.7rem); }
  .cg-audience-growth__bottom { gap: 1rem; }
  .cg-audience-growth__outcomes > div { min-width: 82px; padding-right: .55rem; padding-left: .55rem; }
  .cg-audience-growth__outcomes > div:first-child { padding-left: 0; }
  .cg-audience-growth__cta { padding: 0 1rem; }
  .cg-audience-growth__media { width: calc(100% + 75px); margin-left: -75px; }
}

@media (max-width: 767.98px) {
  .cg-audience-growth { padding: 2rem 0; }
  .cg-audience-growth__bar { display: block; width: min(calc(100% - 32px), 560px); height: auto; border-radius: 15px; }
  .cg-audience-growth__brand { min-height: 104px; padding: 1rem 1.25rem; justify-content: start; border-right: 0; border-bottom: 1px solid rgba(228, 246, 240, .2); }
  .cg-audience-growth__brand img { width: 138px; }
  .cg-audience-growth__copy { padding: 1.55rem 1.25rem 1.35rem; }
  .cg-audience-growth__copy h2 { font-size: clamp(1.72rem, 8.2vw, 2.05rem); letter-spacing: -.055em; white-space: nowrap; }
  .cg-audience-growth__bottom { align-items: stretch; }
  .cg-audience-growth__outcomes { justify-content: space-between; }
  .cg-audience-growth__outcomes > div { min-width: 0; padding: 0 .48rem; }
  .cg-audience-growth__outcomes b { font-size: .58rem; }
  .cg-audience-growth__cta { width: 100%; white-space: normal; }
  .cg-audience-growth__media { height: 250px; }
  .cg-audience-growth__media::before { background: linear-gradient(180deg, rgba(3, 10, 16, .05), #030a10 100%); }
  .cg-audience-growth__media img { object-position: center; }
}