/* ===== HERO BACKGROUND — microsoft-ads-service.webp is a saturated
   red canvas edge-to-edge (no near-black region), so the shared
   hero-section-ppc fallback (#120404) seams against it wherever
   background-size:contain's height-bound scaling leaves a gap on the
   left (where the image is anchored center-right). This only retints
   the fallback color/overlay to match the image's own red — sizing
   and position stay exactly as sim-shared.css's default, so nothing
   about the image itself gets cropped. ===== */
.hero-section-msads {
    background-color: #430000;
}
.hero-overlay-msads {
    background:
        linear-gradient(105deg,
            rgba(30,0,0,0.90) 0%,
            rgba(50,0,0,0.80) 25%,
            rgba(67,0,0,0.55) 45%,
            rgba(67,0,0,0.28) 65%,
            rgba(50,0,0,0.10) 82%,
            rgba(30,0,0,0.02) 100%
        );
}
@media (max-width: 1023px) {
    .hero-overlay-msads {
        background: linear-gradient(180deg,
            rgba(30,0,0,0.94) 0%,
            rgba(30,0,0,0.90) 60%,
            rgba(30,0,0,0.96) 100%
        );
    }
}

/* ===== SEARCH NETWORK MARQUEE — turquoise instead of the shared
   ppc-red gradient, so the scrolling strip reads distinctly for
   Microsoft Ads on this page. ===== */
.ppc-marquee-section-msads {
    background: linear-gradient(135deg, #2dd4bf, #0f766e);
}