/* ==========================================================================
   Performance Marketing 4U - Homepage Brand Headings & Signature Wavy Squiggle
   Colors derived from Official PM4U Logo:
   - Deep Performance Navy: #0a1c43 (Base heading color)
   - Vibrant Growth Green:  #28a745 (Accent highlighted word & wavy underline)
   ========================================================================== */

/* Universal Section Heading Typography */
h1.hero-main-title,
h2.pm4u-about-title,
h2.pm4u-founder-main-title,
h2.seo-success-title,
h2.growth-main-heading,
h2.service-main-title,
h2.process-main-title,
h2.industries-title,
h2.seo-why-title,
h2.why-do-main-title,
h2.cta-title,
h2.form-heading-heading,
h2.pm4u-sec-title,
h2.testimonials-title,
.google-results-section h2,
.meta-results-section h2,
.seo-partner-section h2,
h2.home-proj-heading {
  font-family: 'Outfit', sans-serif !important;
  color: #0a1c43 !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em;
  line-height: 1.25;
}

/* Hero Section (White base on dark video background) */
h1.hero-main-title {
  color: #ffffff !important;
}

/* CTA Banner (White base on blue/gradient background) */
.cta-title {
  color: #ffffff !important;
}

/* Dark Background Sections (White base text on dark navy background) */
h2.service-main-title,
h2.seo-why-title {
  color: #ffffff !important;
}

/* Wavy Squiggle Highlighted Word (Matches User's Reference Screenshot) */
.pm4u-title-highlight,
.pm4u-heading-highlight,
.seo-success-highlight,
.service-highlight,
.industries-highlight,
.seo-why-highlight,
.testimonials-highlight,
.cta-highlight,
.highlight-text {
  position: relative !important;
  display: inline-block !important;
  color: #28a745 !important;
  -webkit-text-fill-color: #28a745 !important;
  font-weight: 800 !important;
  padding-bottom: 6px;
}

/* The Exact SVG Wavy Squiggle Underline (Green from PM4U Logo) */
.pm4u-title-highlight::after,
.pm4u-heading-highlight::after,
.seo-success-highlight::after,
.service-highlight::after,
.industries-highlight::after,
.seo-why-highlight::after,
.testimonials-highlight::after,
.cta-highlight::after,
.highlight-text::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -4px !important;
  height: 10px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='12' viewBox='0 0 48 12'%3E%3Cpath d='M0 6 Q 6 0, 12 6 T 24 6 T 36 6 T 48 6' fill='none' stroke='%2328a745' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: repeat-x !important;
  background-size: 26px 10px !important;
  pointer-events: none !important;
}

/* Subtle Shimmer Micro-Animation on the Squiggle */
@keyframes pm4uSquiggleFlow {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 52px 0;
  }
}

.pm4u-title-highlight:hover::after,
.pm4u-heading-highlight:hover::after {
  animation: pm4uSquiggleFlow 2s linear infinite;
}

/* Responsive heading adjustments */
@media (max-width: 768px) {
  h1.hero-main-title {
    font-size: 32px !important;
  }
  h2.pm4u-about-title,
  h2.pm4u-founder-main-title,
  h2.seo-success-title,
  h2.growth-main-heading,
  h2.service-main-title,
  h2.process-main-title,
  h2.industries-title,
  h2.seo-why-title,
  h2.why-do-main-title,
  h2.cta-title,
  h2.form-heading-heading,
  h2.pm4u-sec-title,
  h2.testimonials-title {
    font-size: 26px !important;
  }
  .pm4u-title-highlight::after {
    height: 8px !important;
    background-size: 20px 8px !important;
    bottom: -3px !important;
  }
}