@media(min-width:768px){.ag-hero h1{font-size:clamp(3.4rem,4.15vw,4.65rem)}}
@media(max-width:767.98px){.ag-hero h1{font-size:2.5rem;line-height:.9}}
@media(min-width:768px){
  .ag-hero{min-height:490px}
  .ag-hero-image{top:0;right:max(32px,calc((100% - 1320px)/2));bottom:0;left:auto;width:min(69%,990px);background:linear-gradient(90deg,#030908 0%,rgba(3,9,8,.55) 20%,rgba(3,9,8,0) 48%),linear-gradient(0deg,rgba(3,9,8,.38) 0%,transparent 28%),url('/assets/media/grow_social_audience/grow_social_audience__hero-2.webp') center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 94%,transparent 100%)}
  .ag-hero .ag-container{width:min(1440px,calc(100% - 64px))}
  .ag-hero-inner>div{max-width:650px;padding:3.9rem 0 3.2rem}
  .ag-hero h1{font-size:clamp(3.45rem,3.75vw,4.4rem);line-height:.86}
  .ag-workflow .ag-split-heading h2{font-size:clamp(2.6rem,3.1vw,3.55rem)}
}
.ag-flow-copy{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:.65rem;align-items:center}
.ag-flow-copy svg{grid-column:1;grid-row:1}
.ag-flow-copy h3{grid-column:2;grid-row:1;margin:0}
.ag-flow-copy p{grid-column:1/-1;margin-top:.65rem}
.ag-callout{color:#fff}
.ag-callout svg{color:var(--ag-green)}
.ag-flow-media b{width:50px;height:50px;font-size:1rem;border-width:2px;color:#fff}
@media(max-width:767.98px){.ag-hero-image{background:linear-gradient(180deg,rgba(3,9,8,.42) 0%,rgba(3,9,8,.75) 24%,#030908 46%,#030908 100%),url('/assets/media/grow_social_audience/grow_social_audience__hero-2.webp') 64% center/cover no-repeat}}
.ag-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
@media(min-width:768px){.ag-section{padding:clamp(2.75rem,4vw,4.125rem) 0}}
@media(max-width:767.98px){.ag-section{padding:2.3rem 0}}
.ag-offers-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2.5rem,5vw,5rem)}
.ag-offer-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.ag-offer-cards article{min-height:165px}
.ag-guided{grid-template-columns:205px minmax(0,1fr)}
.ag-phone-wrap img{width:min(100%,205px)}
.ag-closing{display:block;min-height:0;padding:0 0 4rem;overflow:visible}
.ag-closing>img{top:0;right:auto;bottom:auto;left:50%;width:min(1240px,calc(100% - 48px));height:300px;transform:translateX(-50%);border:1px solid var(--ag-line);border-radius:7px;object-fit:cover}
.ag-closing::after{top:0;right:auto;bottom:auto;left:50%;width:min(1240px,calc(100% - 48px));height:300px;transform:translateX(-50%);border-radius:7px;background:linear-gradient(90deg,#030908 0%,rgba(3,9,8,.94) 42%,rgba(3,9,8,.32) 76%,rgba(3,9,8,.08))}
.ag-closing>.ag-container{position:relative;display:flex;align-items:center;min-height:300px}
.ag-closing>div>div{max-width:650px;padding:1.45rem 2.5rem}
.ag-closing h2{font-size:clamp(2.45rem,3vw,3.3rem);line-height:.9;margin:.2rem 0 .6rem}
.ag-closing p:not(.ag-eye){margin:0 0 1rem;font-size:.9rem;line-height:1.45}
.ag-offers h2,.ag-guided h2{font-size:clamp(2.4rem,3.25vw,3.6rem);line-height:.9}
.ag-offer-cards{align-items:stretch;grid-auto-rows:1fr}
.ag-offer-cards article{height:100%;min-height:0;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:.7rem;align-items:center}
.ag-offer-cards svg{grid-column:1;grid-row:1}
.ag-offer-cards h3{grid-column:2;grid-row:1;margin:0;font-size:1.25rem;line-height:1.05}
.ag-offer-cards p{grid-column:1/-1;margin:.6rem 0 0}
@media(min-width:768px){.ag-guided{grid-template-columns:280px minmax(0,1fr);gap:1.75rem}.ag-phone-wrap{width:280px;overflow:visible;justify-self:center}.ag-phone-wrap img{width:280px;max-width:100%;transform:none}}
@media(min-width:768px){.ag-offers h2{font-size:clamp(2.3rem,2.7vw,3rem)}.ag-guided h2{font-size:clamp(2rem,2.25vw,2.25rem)}}
@media(min-width:768px){.ag-guided h2{font-size:1.9rem}.ag-offers-grid>div>p:not(.ag-eye){margin-top:1.25rem}}
@media(max-width:767.98px){.ag-hero{min-height:0;align-items:flex-start}.ag-hero-inner>div{padding:1.75rem 0 1rem}}
@media(min-width:768px){.ag-flow-grid{padding-bottom:8px}}
/* The hero is a true content-and-media layout: it can stack without putting copy over the image. */
.ag-hero{display:block;min-height:0;background:#030908;overflow:hidden}
.ag-hero-layout{display:grid;grid-template-columns:1fr;min-height:0}
.ag-hero-inner{display:block;min-width:0}
.ag-hero-inner>div{max-width:560px;padding:2.1rem 0 1.9rem}
.ag-hero-media{position:relative;min-height:250px;overflow:hidden;background:#06100e}
.ag-hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:1099.98px){.ag-hero-image{display:none}.ag-hero-media{height:clamp(250px,55vw,440px)}.ag-hero-media::after{position:absolute;inset:0;background:rgba(3,9,8,.2);content:""}.ag-hero h1{font-size:clamp(2.5rem,7vw,3.65rem);line-height:.88}.ag-hero-inner>div{padding:2.1rem 0 2rem}}
@media(min-width:1100px){.ag-hero{margin-top:88px}.ag-hero .ag-container{width:min(1440px,calc(100% - 64px))}.ag-hero-layout{grid-template-columns:minmax(0,37%) minmax(0,63%);min-height:490px}.ag-hero-inner{display:flex;align-items:center}.ag-hero-inner>div{max-width:510px;padding:0 1.85rem 0 0}.ag-hero-media{min-height:490px;height:490px}.ag-hero-media img{object-position:center}.ag-hero h1{font-size:clamp(3.05rem,3.25vw,4rem);line-height:.86}}
@media(max-width:767.98px){.ag-offers-grid{grid-template-columns:1fr}.ag-offer-cards{grid-template-columns:1fr 1fr}.ag-guided{grid-template-columns:1fr}.ag-closing{padding-bottom:2.3rem}.ag-closing>img,.ag-closing::after{width:calc(100% - 32px);height:340px}.ag-closing>.ag-container{min-height:340px}.ag-closing>div>div{padding:2rem 0}}
/* Restore the full-width cinematic hero. The visual layer is never allowed to compete with copy. */
.ag-hero{position:relative;isolation:isolate;display:flex;min-height:0;margin-top:88px;align-items:center;overflow:hidden;background:#030908}
.ag-hero-image{display:block;position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#030908 0%,rgba(3,9,8,.95) 31%,rgba(3,9,8,.44) 59%,rgba(3,9,8,.05) 83%),linear-gradient(0deg,#030908 0%,transparent 31%),url('/assets/media/grow_social_audience/grow_social_audience__hero-2.webp') center/cover no-repeat}
.ag-hero-inner{display:block;min-width:0}
.ag-hero-inner>div{max-width:650px;padding:3.8rem 0 3.1rem}
@media(min-width:1200px){.ag-hero{min-height:490px}.ag-hero .ag-container{width:min(1440px,calc(100% - 64px))}.ag-hero-image{top:0;right:max(32px,calc((100% - 1320px)/2));bottom:0;left:auto;width:min(69%,990px);background:linear-gradient(90deg,#030908 0%,rgba(3,9,8,.55) 20%,rgba(3,9,8,0) 48%),linear-gradient(0deg,rgba(3,9,8,.38) 0%,transparent 28%),url('/assets/media/grow_social_audience/grow_social_audience__hero-2.webp') 72% center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 94%,transparent 100%)}.ag-hero h1{font-size:clamp(3.45rem,3.75vw,4.4rem);line-height:.86}}
@media(min-width:768px) and (max-width:1199.98px){.ag-hero{min-height:490px}.ag-hero .ag-container{width:min(1240px,calc(100% - 64px))}.ag-hero-inner>div{max-width:540px;padding:3.7rem 0 3rem}.ag-hero-image{top:0;right:32px;bottom:0;left:auto;width:min(64%,720px);background:linear-gradient(90deg,#030908 0%,#030908 18%,rgba(3,9,8,.92) 36%,rgba(3,9,8,.28) 64%,rgba(3,9,8,0) 100%),linear-gradient(0deg,rgba(3,9,8,.48),transparent 36%),url('/assets/media/grow_social_audience/grow_social_audience__hero-2.webp') 78% center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 100%)}.ag-hero h1{font-size:clamp(3rem,4.6vw,3.75rem);line-height:.87}}
@media(max-width:767.98px){.ag-hero{display:flex;flex-direction:column;align-items:stretch;margin-top:88px}.ag-hero-image{position:relative;z-index:0;inset:auto;order:0;width:100%;height:210px;background:linear-gradient(180deg,rgba(3,9,8,.48),rgba(3,9,8,.34)),url('/assets/media/grow_social_audience/grow_social_audience__hero-2.webp') 70% center/cover no-repeat}.ag-hero-inner{order:1}.ag-hero-inner>div{max-width:560px;padding:2rem 0 2.1rem}.ag-hero h1{font-size:2.5rem;line-height:.9}}
