/* ===========================================================================
   GOOGLE ADS PPC — page styles                             added 2026-09-24
   Copy source: "Media tamer web copy .docx", GOOGLE ADS PPC.
   Only what is unique to this page. The hero and its photo frame, the tile
   grid, the entrance animation and the closing CTA all come from
   assets/mt-shared.css, which loads first.
   =========================================================================== */

/* --- 01 hero --------------------------------------------------------------
   One button, so the row is spaced with padding rather than the margin
   utility the build ships. Tailwind's pt-8 does not survive this build's
   purge - only pt-7 does, at 28px - so the 32px is set here to match the
   spacing every other hero uses. */
.mt-ga-hero-cta {
   padding-top: 32px
}

/* --- 02 our approach ------------------------------------------------------
   Three steps, so the shared four-column tile grid narrows to three. They run
   in order, so each carries its number in the same treatment the home page
   gives its service cards. */
@media (min-width:1024px) {
   .mt-tile-grid.mt-ga-three {
      grid-template-columns: repeat(3, minmax(0, 1fr))
   }
}

.mt-ga-n {
   display: block;
   margin-bottom: 10px;
   font-family: var(--font-heading), "Arial Narrow", sans-serif;
   font-size: 13px;
   font-weight: 800;
   letter-spacing: .14em;
   color: var(--mt-orange)
}

/* --- 03 foundation callout ------------------------------------------------
   One claim and one link, so it is a single panel rather than a section
   layout. White on the light orange band, so it reads as a lifted note. */
.mt-ga-callout {
   max-width: 54rem;
   margin: 0 auto;
   padding: 40px 34px;
   border-radius: 24px;
   border: 1px solid var(--mt-border);
   background: #fff;
   box-shadow: 0 30px 70px -40px rgba(26, 31, 46, .45)
}

@media (min-width:768px) {
   .mt-ga-callout {
      padding: 52px 48px
   }
}

.mt-ga-callout__body {
   margin: 18px 0 0;
   max-width: 46rem;
   font-size: 16px;
   line-height: 1.75;
   color: var(--mt-text-muted)
}