.bf-marketing .bf-audience-mount{margin-top:28px;margin-bottom:40px}
.bf-audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.bf-marketing .bf-audience-card{display:grid;grid-template-columns:55% 45%;position:relative;min-width:0;min-height:230px;overflow:hidden;border:1px solid #d7e8f8;border-radius:20px;background:#edf6ff;transition:transform .18s,border-color .18s,box-shadow .18s}
.bf-marketing .bf-audience-stores{background:#fff8ea;border-color:#f2e3c9}
.bf-marketing .bf-audience-content{min-width:0;padding:24px 0 24px 24px;display:grid;grid-template-rows:58px 1fr auto;align-items:start;position:relative;z-index:1}
.bf-marketing .bf-audience-content h2{font-size:24px;font-weight:750;line-height:1.2;color:#14263f;margin:0;letter-spacing:-.025em}
.bf-marketing .bf-audience-content p{font-size:14px;line-height:1.5;color:#53657c;margin:10px 0 16px}
.bf-marketing a.bf-audience-cta{display:inline-flex;align-items:center;justify-content:center;justify-self:start;gap:6px;min-height:44px;padding:10px 20px;border-radius:999px;background:#087beb;color:white;text-decoration:none;font-size:13px;font-weight:700;line-height:1.3;text-align:center}
.bf-audience-cta span{transition:transform .18s}.bf-audience-cta:hover span{transform:translateX(3px)}
.bf-audience-cta:focus-visible{outline:3px solid #14263f;outline-offset:3px}
.bf-audience-visual{min-width:0;position:relative;align-self:stretch;margin:12px 8px 8px 0}
.bf-audience-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right bottom;display:block}
@media(hover:hover){.bf-marketing .bf-audience-card:hover{transform:translateY(-2px);border-color:#a7c9ed;box-shadow:0 5px 16px #173f7010}.bf-marketing a.bf-audience-cta:hover{background:#006bd2}}
@media(max-width:1100px) and (min-width:701px){.bf-marketing .bf-audience-content{padding:20px 0 20px 18px;grid-template-rows:52px 1fr auto}.bf-marketing .bf-audience-content h2{font-size:20px}.bf-marketing .bf-audience-content p{font-size:13px}.bf-marketing a.bf-audience-cta{padding:10px 12px;font-size:12px}}
@media(max-width:700px){.bf-audience-grid{grid-template-columns:1fr}.bf-marketing .bf-audience-card{grid-template-columns:60% 40%;min-height:230px}.bf-marketing .bf-audience-content{padding:20px 0 20px 18px;grid-template-rows:auto 1fr auto}.bf-marketing .bf-audience-content h2{font-size:21px}.bf-marketing .bf-audience-content p{font-size:13px}.bf-marketing a.bf-audience-cta{font-size:12px;padding:10px 14px}.bf-audience-visual{margin-right:5px}.bf-marketing .bf-audience-mount{margin-top:24px;margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.bf-marketing .bf-audience-card,.bf-audience-cta span{transition:none}.bf-marketing .bf-audience-card:hover,.bf-audience-cta:hover span{transform:none}}
/* Equal CTA rows also when the longer store label wraps on tablet. */
@media(max-width:1100px){.bf-marketing a.bf-audience-cta{min-height:52px}.bf-marketing .bf-audience-card{min-height:260px}}

/* Homepage: equal space between tools, audience cards and store section. */
.bf-home #discover-tools{padding-bottom:0}
.bf-marketing.bf-home .bf-audience-mount{margin-top:40px;margin-bottom:40px}
@media(max-width:700px){.bf-marketing.bf-home .bf-audience-mount{margin-top:30px;margin-bottom:30px}}
