.marketing-help { overflow: hidden; background: #0a0a0a; color: #f4f2ed; }
.marketing-help::before { content: ""; position: absolute; top: -20%; right: -12%; width: 52vw; height: 52vw; border-radius: 50%; background: #c7ff37; filter: blur(210px); opacity: .08; pointer-events: none; }
.marketing-help .service-shell { position: relative; z-index: 1; }
.marketing-help .service-eyebrow { color: #c7ff37; }
.marketing-help .service-head__copy { color: #a8aaa3; }
.marketing-help__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: clamp(46px,7vw,88px); }
.marketing-help-card { display: flex; min-height: 610px; flex-direction: column; padding: clamp(24px,3vw,40px); overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 24px; background: #131313; transition: transform .35s ease,border-color .35s ease; }
.marketing-help-card--accent { background: #c7ff37; color: #090909; }
.marketing-help-card__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: #8d9088; font-size: 12px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.marketing-help-card__top strong { padding: 8px 11px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; color: #f4f2ed; font-size: 10px; }
.marketing-help-card--accent .marketing-help-card__top { color: #3b461d; }
.marketing-help-card--accent .marketing-help-card__top strong { border-color: rgba(9,9,9,.24); color: #090909; }
.marketing-help-card h3 { margin-top: 72px; font-size: clamp(32px,3.3vw,52px); line-height: .94; letter-spacing: -.045em; }
.marketing-help-card > p { max-width: 430px; margin-top: 18px; color: #a9aba5; font-size: 16px; line-height: 1.55; }
.marketing-help-card--accent > p { color: #394219; }
.lead-chart { margin: auto 0 0; padding-top: 42px; }
.lead-chart figcaption,.lead-chart__labels { display: flex; align-items: center; justify-content: space-between; color: #888b84; font-size: 11px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.marketing-help-card--accent .lead-chart figcaption,.marketing-help-card--accent .lead-chart__labels { color: #46511f; }
.lead-chart svg { display: block; width: 100%; height: auto; margin: 14px 0 8px; overflow: visible; }
.lead-chart path { fill: none; vector-effect: non-scaling-stroke; }
.lead-chart__grid { stroke: rgba(255,255,255,.12); stroke-width: 1; }
.marketing-help-card--accent .lead-chart__grid { stroke: rgba(9,9,9,.15); }
.lead-chart__before { stroke: #777a74; stroke-width: 3; stroke-linecap: round; }
.lead-chart__after { stroke: #c7ff37; stroke-width: 5; stroke-linecap: round; stroke-dasharray: 620; stroke-dashoffset: 620; animation: marketing-chart-draw 2.4s cubic-bezier(.2,.8,.2,1) forwards; }
.marketing-help-card--accent .lead-chart__before { stroke: #697338; }.marketing-help-card--accent .lead-chart__after { stroke: #090909; }
.lead-chart circle { fill: #777a74; }.lead-chart circle.is-after { fill: #c7ff37; filter: drop-shadow(0 0 8px rgba(199,255,55,.7)); animation: marketing-chart-pulse 2s ease-in-out infinite; }
.marketing-help-card--accent .lead-chart circle.is-after { fill: #090909; filter: none; }
@keyframes marketing-chart-draw { to { stroke-dashoffset: 0; } }
@keyframes marketing-chart-pulse { 50% { transform: scale(1.45); transform-origin: center; } }
@media (hover:hover) { .marketing-help-card:hover { transform: translateY(-7px); border-color: rgba(199,255,55,.65); } }
@media (max-width: 1050px) { .marketing-help__grid { grid-template-columns: 1fr; }.marketing-help-card { min-height: 560px; }.marketing-help-card h3 { margin-top: 48px; }.lead-chart { max-width: 700px; } }
@media (max-width: 620px) { .marketing-help-card { min-height: 520px; border-radius: 18px; }.marketing-help-card__top { align-items: flex-start; }.marketing-help-card h3 { margin-top: 42px; } }
@media (prefers-reduced-motion:reduce) { .lead-chart__after { stroke-dashoffset: 0; animation: none; }.lead-chart circle.is-after { animation: none; } }