/* =========================================================
   DIGITAL SRIJA - UNIFIED SERVICE PAGES STYLING & ALIGNMENT
   Targeted for:
   1. Google Ads Page (GoogleAdsExpertinChennai.html)
   2. SEO Website Design Page (SEO-Optimized-Website-Design-Development-in-Chennai.html)
   3. SEO, AEO & GEO Expert Page (SEO-AEO-GEOExpertinChennai.html)
   ========================================================= */

:is(.google-ads-page, .seo-website-page, .geo-aeo-page, .service-aligned) {
  --page-container-max: 1280px;
  --page-side-pad: clamp(24px, 4vw, 48px);
  --page-side-pad-mobile: 20px;
  --page-side-pad-sm: 16px;
  --service-gap: clamp(28px, 4vw, 56px);

  /* Enhanced Typography Tokens - Crisp, Prominent & Highly Readable */
  --service-copy: 1.0625rem;       /* 17px - optimal reading size */
  --service-lead: 1.15rem;         /* 18.4px - section intro / lead */
  --service-h1: clamp(2.35rem, 3.4vw, 3.15rem);
  --service-h2: clamp(1.85rem, 2.7vw, 2.5rem);
  --service-h3: 1.25rem;
  --service-card-title: 1.2rem;   /* 19.2px - card headings */
  --service-card-desc: 1.02rem;    /* 16.3px - card body text */
}

:is(.google-ads-page, .seo-website-page, .service-aligned) *,
:is(.google-ads-page, .seo-website-page, .service-aligned) *::before,
:is(.google-ads-page, .seo-website-page, .service-aligned) *::after {
  box-sizing: border-box;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) {
  overflow-x: clip;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) section {
  overflow-x: clip;
  position: relative;
  width: 100%;
}

/* =========================================================
   1. FLOATING NAVBAR & TOP BAR SPECIFICATION
   Ensures the navbar sits perfectly, never collides with
   top-bar, and has proper clearance from the hero heading.
   ========================================================= */

/* Hero Vertical Clearance (Navbar bottom sits at ~114px) */
:is(.google-ads-page, .seo-website-page, .service-aligned) :is(.meta-hero-split-section, .seo-hero-section) {
  padding-top: 164px !important;
  padding-bottom: 80px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 991px) {
  :is(.google-ads-page, .seo-website-page, .service-aligned) :is(.meta-hero-split-section, .seo-hero-section) {
    padding-top: 136px !important;
    padding-bottom: 56px !important;
  }
}

@media (max-width: 600px) {
  :is(.google-ads-page, .seo-website-page, .service-aligned) :is(.meta-hero-split-section, .seo-hero-section) {
    padding-top: 124px !important;
    padding-bottom: 48px !important;
  }
}

/* =========================================================
   1. FLOATING GLASS NAVBAR (MATCHING LOCAL SEO EXPERT PAGE)
   ========================================================= */
:is(.google-ads-page, .seo-website-page, .service-aligned) .header-navbar {
  position: fixed !important;
  top: 46px !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  transition: top 0.35s cubic-bezier(0.16, 1, 0.3, 1), background 0.35s ease, box-shadow 0.35s ease !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) .header-navbar.scrolled {
  top: 22px !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) .nav-glass-container {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-radius: 20px !important;
  padding: 12px 30px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  box-shadow: 0 10px 35px rgba(5, 149, 18, 0.12) !important;
  border: 1px solid rgba(5, 149, 18, 0.18) !important;
  max-width: 1140px !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) .header-navbar.scrolled .nav-glass-container {
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 12px 40px rgba(5, 149, 18, 0.2) !important;
  border-color: rgba(5, 149, 18, 0.25) !important;
}

/* Navbar Logo (Matching Local SEO: 44px height) */
:is(.google-ads-page, .seo-website-page, .service-aligned) .nav-glass-container > a {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) .nav-glass-container img {
  height: 44px !important;
  width: auto !important;
  max-height: 44px !important;
  display: block !important;
}

/* Nav Menu & Links (Matching Local SEO: Open Sans, 0.9rem, 700 weight) */
@media (min-width: 992px) {
  :is(.google-ads-page, .seo-website-page, .service-aligned) nav {
    display: flex !important;
    align-items: center !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) .nav-menu {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    gap: clamp(14px, 2vw, 30px) !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) .sidebar-center-content {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) .sidebar-nav-list {
    display: flex !important;
    align-items: center !important;
    gap: clamp(14px, 2vw, 30px) !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) .sidebar-nav-list li {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) .nav-link {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    color: #1a1c1c !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    word-break: keep-all !important;
    text-decoration: none !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) .nav-link:hover,
  :is(.google-ads-page, .seo-website-page, .service-aligned) .nav-link.active {
    color: #059512 !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) .mobile-toggle {
    display: none !important;
  }
}

/* CTA Button in Header (Matching Local SEO .btn.btn-mint) */
:is(.google-ads-page, .seo-website-page, .service-aligned) .header-navbar .btn-mint {
  background: #059512 !important;
  color: #ffffff !important;
  border-radius: 9999px !important;
  padding: 12px 28px !important;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  box-shadow: 0 8px 25px rgba(5, 149, 18, 0.35) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  text-wrap: nowrap !important;
  word-break: keep-all !important;
  text-decoration: none !important;
  border: none !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) .header-navbar .btn-mint:hover {
  background: #03680c !important;
  color: #ffffff !important;
  transform: translateY(-3px) scale(1.03) !important;
  box-shadow: 0 14px 35px rgba(5, 149, 18, 0.55) !important;
}

/* Responsive adjustment for 992px - 1140px laptops */
@media (min-width: 992px) and (max-width: 1140px) {
  :is(.google-ads-page, .seo-website-page, .service-aligned) .nav-glass-container {
    padding: 10px 20px !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) .sidebar-nav-list {
    gap: 16px !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) .nav-link {
    font-size: 0.85rem !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) .header-navbar .btn-mint {
    padding: 10px 20px !important;
    font-size: 0.88rem !important;
  }
}

/* Tablet & Mobile (<= 991px) matching Local SEO */
@media (max-width: 991px) {
  :is(.google-ads-page, .seo-website-page, .service-aligned) .top-bar {
    display: none !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) .header-navbar {
    top: 10px !important;
    padding: 0 16px !important;
    z-index: 9999 !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) .nav-glass-container {
    padding: 10px 18px !important;
    border-radius: 20px !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) .nav-glass-container img {
    height: 38px !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) .mobile-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    font-size: 1.3rem !important;
    color: #059512 !important;
    cursor: pointer !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) .nav-glass-container .btn-mint {
    padding: 8px 16px !important;
    font-size: 0.82rem !important;
  }
}

/* Small Mobile (<= 480px) */
@media (max-width: 480px) {
  :is(.google-ads-page, .seo-website-page, .service-aligned) .nav-glass-container {
    padding: 8px 14px !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) .nav-glass-container img {
    height: 32px !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) .nav-glass-container .btn-mint {
    padding: 6px 12px !important;
    font-size: 0.76rem !important;
  }
}

/* Desktop Top Bar - Prevents Multi-Line Wrapping */
@media (min-width: 992px) {
  :is(.google-ads-page, .seo-website-page, .service-aligned) .top-info {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: clamp(12px, 1.8vw, 24px) !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) .top-info-item {
    white-space: nowrap !important;
  }
}

/* =========================================================
   2. UNIFIED CONTAINER & SIDE PADDING
   ========================================================= */
:is(.google-ads-page, .seo-website-page, .service-aligned) :is(
  section > .container,
  .container,
  .google-why-container,
  .google-website-container,
  .seo-hero-container,
  .seo-sec3-container
) {
  width: 100% !important;
  max-width: var(--page-container-max) !important;
  margin-inline: auto !important;
  padding-inline: var(--page-side-pad) !important;
  box-sizing: border-box !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) :is(.top-bar, footer, .site-footer) .container {
  width: 100% !important;
  max-width: var(--page-container-max) !important;
  margin-inline: auto !important;
  padding-inline: var(--page-side-pad) !important;
  box-sizing: border-box !important;
}

/* =========================================================
   3. CONTENT TYPOGRAPHY ENHANCEMENT (LARGER & MORE READABLE)
   ========================================================= */

/* All Paragraphs & List Copy */
:is(.google-ads-page, .seo-website-page, .service-aligned) section :is(p, li) {
  font-family: 'Plus Jakarta Sans', Arial, sans-serif !important;
  font-size: var(--service-copy) !important;
  line-height: 1.75 !important;
  color: #334155;
  text-wrap: pretty;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) section p {
  margin-bottom: 16px;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) section :is(p, li) :is(span, strong, em) {
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Heading Typography */
:is(.google-ads-page, .seo-website-page, .service-aligned) section :is(h1, h2, h3, h4) {
  font-family: 'Plus Jakarta Sans', Arial, sans-serif !important;
  text-wrap: balance;
  color: #0e273a;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) :is(.google-hero-h1, .seo-hero-h1) {
  font-size: var(--service-h1) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.035em !important;
  margin-bottom: 24px !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) :is(.google-hero-subheading, .seo-hero-subheading) {
  font-size: clamp(1.2rem, 1.6vw, 1.45rem) !important;
  line-height: 1.55 !important;
  margin-bottom: 20px !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) section h2:not(.google-hero-subheading, .seo-hero-subheading) {
  font-size: var(--service-h2) !important;
  line-height: 1.25 !important;
  letter-spacing: -0.025em !important;
  margin-bottom: 20px !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) section :is(h3, h4) {
  font-size: var(--service-h3) !important;
  line-height: 1.45 !important;
  margin-bottom: 12px !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) section :is(h1, h2, h3, h4) span {
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Card Titles & Card Descriptions */
:is(.google-ads-page, .seo-website-page, .service-aligned) :is(
  .capability-title,
  .step-card-title,
  .strat-title,
  .ind-title,
  .node-title,
  .metric-card-title,
  .pillar-title,
  .sec4-card-title,
  .sec5-step-title,
  .sec6-card-title,
  .sec8-cat-title
) {
  font-size: var(--service-card-title) !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  margin-bottom: 12px !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) :is(
  .capability-desc,
  .step-card-desc,
  .strat-desc,
  .ind-desc,
  .node-desc,
  .metric-card-desc,
  .pillar-desc,
  .sec4-card-desc,
  .sec5-step-desc,
  .sec6-card-desc,
  .sec8-cat-desc,
  .why-strategy-card p,
  .google-industry-card p,
  .measure-metric-card p,
  .sec9-question-card p,
  .sec10-item p,
  .sec3-benefit-item p
) {
  font-size: var(--service-card-desc) !important;
  line-height: 1.7 !important;
  color: #475569 !important;
}

/* Section Lead Text & Subtitles */
:is(.google-ads-page, .seo-website-page, .service-aligned) :is(
  .google-hero-sub,
  .google-hero-desc,
  .section2-p,
  .capabilities-desc,
  .process-desc,
  .why-google-desc,
  .who-help-desc,
  .website-journey-desc,
  .measure-desc,
  .meta-cta-desc,
  .faq-lead-desc,
  .seo-hero-desc,
  .seo-sec2-p,
  .seo-sec3-subtext,
  .seo-sec4-subtext,
  .seo-sec5-lead,
  .seo-sec5-subheading,
  .seo-sec6-subheading,
  .seo-sec7-subheading,
  .seo-sec7-lead,
  .seo-sec8-subheading,
  .seo-sec9-subheading,
  .seo-sec9-lead,
  .seo-sec10-subheading,
  .seo-sec10-lead
) {
  font-size: var(--service-lead) !important;
  line-height: 1.75 !important;
  color: #475569 !important;
}

/* Checklists, Badges & Feature Items */
:is(.google-ads-page, .seo-website-page, .service-aligned) :is(
  .google-check-item,
  .google-check-item span,
  .seo-feat-item span,
  .sec4-checklist li,
  .sec5-checklist li,
  .sec6-checklist li,
  .intent-question-item span,
  .factor-item span
) {
  font-size: 1.02rem !important;
  line-height: 1.65 !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) :is(
  .google-badge-pill,
  .seo-sec-tag-pill,
  .sec5-pill-badge,
  .sec6-pill-badge,
  .seo-hero-tag-text,
  .step-num-pill,
  .ind-category-tag,
  .combo-badge
) {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) :is(
  .sec4-list-title,
  .sec5-list-title
) {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  color: #08852c !important;
  margin-block: 16px 10px !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) :is(
  .sec4-card-footer-note,
  .sec5-card-footer-note,
  .why-questions-summary
) {
  font-size: 0.98rem !important;
  line-height: 1.6 !important;
  color: #64748b !important;
}

/* FAQ Questions & Answers */
:is(.google-ads-page, .seo-website-page, .service-aligned) .faq-card-question {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  color: #0e273a !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) .meta-faq-card-body p {
  font-size: 1.05rem !important;
  line-height: 1.75 !important;
  color: #475569 !important;
}

/* Buttons & CTAs */
:is(.google-ads-page, .seo-website-page, .service-aligned) section :is(.btn, [class*="cta-btn"]) {
  font-size: 1.05rem !important;
  line-height: 1.5 !important;
  font-weight: 700 !important;
  padding: 13px 28px !important;
  min-height: 50px !important;
}

/* =========================================================
   4. CTA BANNER CARD & INNER PADDING
   ========================================================= */
:is(.google-ads-page, .seo-website-page, .service-aligned) .meta-cta-banner-section > .container {
  width: 100% !important;
  max-width: var(--page-container-max) !important;
  margin-inline: auto !important;
  padding-inline: var(--page-side-pad) !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) .meta-cta-banner-card {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  padding: clamp(36px, 5vw, 60px) clamp(24px, 4vw, 56px) !important;
  border-radius: 28px !important;
  box-sizing: border-box !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) .meta-cta-h2 {
  font-size: clamp(2rem, 3.2vw, 2.85rem) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.03em !important;
  margin-bottom: 16px !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) .meta-cta-subheading {
  font-size: clamp(1.15rem, 1.5vw, 1.3rem) !important;
  line-height: 1.55 !important;
  margin-bottom: 16px !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) .meta-cta-desc {
  font-size: 1.08rem !important;
  line-height: 1.75 !important;
}

/* =========================================================
   5. FAQ SECTION CONTAINER & CARD CONFINEMENT
   ========================================================= */
:is(.google-ads-page, .seo-website-page, .service-aligned) .meta-faq-section > .container {
  width: 100% !important;
  max-width: var(--page-container-max) !important;
  margin-inline: auto !important;
  padding-inline: var(--page-side-pad) !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) .meta-faq-cards-grid {
  width: 100% !important;
  max-width: 880px !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) .meta-faq-card {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* =========================================================
   6. GRID, CARD & VISUAL CONTAINMENT (NO OVERFLOW)
   ========================================================= */
:is(.google-ads-page, .seo-website-page, .service-aligned) :is(
  .section2-grid,
  .google-capabilities-top-row,
  .google-capabilities-grid,
  .process-header-row,
  .google-process-flow-grid,
  .google-why-grid,
  .who-help-main-grid,
  .website-visual-split-row,
  .measure-split-grid,
  .seo-sec2-grid,
  .seo-sec3-grid-layout,
  .seo-sec4-top-row,
  .seo-sec4-grid,
  .seo-sec5-top-row,
  .seo-sec5-steps-grid,
  .seo-sec6-top-row,
  .seo-sec6-cards-grid,
  .seo-sec7-grid,
  .seo-sec8-header-row,
  .seo-sec8-category-grid,
  .seo-sec9-grid,
  .seo-sec9-questions-grid,
  .seo-sec10-grid
) {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  box-sizing: border-box !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) :is(
  .google-capability-card,
  .process-step-card,
  .why-strategy-card,
  .google-industry-card,
  .sec4-card,
  .sec5-step-card,
  .sec6-diff-card,
  .sec8-cat-card,
  .sec9-question-card
) {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* Visual Mockup & Image Wrappers */
:is(.google-ads-page, .seo-website-page, .service-aligned) :is(
  .section2-visual-container,
  .capabilities-visual-container,
  .process-3d-visual-wrap,
  .why-growth-hero-visual,
  .website-laptop-wrapper,
  .seo-hero-visual-container,
  .seo-sec2-visual-wrap,
  .sec3-visual-stage,
  .sec4-visual-wrap,
  .sec5-visual-wrap,
  .sec6-visual-wrap,
  .sec7-visual-wrap,
  .sec8-visual-wrap,
  .sec9-visual-wrap,
  .sec10-visual-wrapper,
  .meta-cta-visual-wrap,
  .faq-visual-wrapper
) {
  width: 100% !important;
  max-width: 540px !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

:is(.google-ads-page, .seo-website-page, .service-aligned) img {
  max-width: 100% !important;
  height: auto !important;
  box-sizing: border-box !important;
}

/* =========================================================
   7. INTERACTION & ACCESSIBILITY POLISH
   ========================================================= */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  :is(.google-ads-page, .seo-website-page, .service-aligned) :is(
    .google-capability-card,
    .process-step-card,
    .why-strategy-card,
    .sec4-card,
    .sec5-step-card,
    .sec6-diff-card,
    .measure-metric-card,
    .sec8-cat-card
  ) {
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) :is(
    .google-capability-card,
    .process-step-card,
    .why-strategy-card,
    .sec4-card,
    .sec5-step-card,
    .sec6-diff-card,
    .measure-metric-card,
    .sec8-cat-card
  ):hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(10, 70, 35, 0.1) !important;
  }
}

:is(.google-ads-page, .seo-website-page, .service-aligned) section a:focus-visible,
:is(.google-ads-page, .seo-website-page, .service-aligned) .meta-faq-card-header:focus-visible {
  outline: 3px solid #059512;
  outline-offset: 4px;
}

/* =========================================================
   8. RESPONSIVE SIDE PADDING BREAKPOINTS
   ========================================================= */

/* Tablet (iPad, 769px - 991px) */
@media (max-width: 991px) {
  :is(.google-ads-page, .seo-website-page, .service-aligned) :is(
    section > .container,
    .container,
    .google-why-container,
    .google-website-container,
    .seo-hero-container,
    .seo-sec3-container
  ) {
    padding-inline: clamp(24px, 3.5vw, 36px) !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) :is(.top-bar, footer, .site-footer) .container {
    padding-inline: clamp(24px, 3.5vw, 36px) !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) .meta-cta-banner-card {
    padding: 36px 28px !important;
  }
}

/* Mobile & Phablet (481px - 600px) */
@media (max-width: 600px) {
  :is(.google-ads-page, .seo-website-page, .service-aligned) :is(
    section > .container,
    .container,
    .google-why-container,
    .google-website-container,
    .seo-hero-container,
    .seo-sec3-container
  ) {
    padding-inline: var(--page-side-pad-mobile) !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) :is(.top-bar, footer, .site-footer) .container {
    padding-inline: var(--page-side-pad-mobile) !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) .meta-cta-banner-card {
    padding: 28px 18px !important;
    border-radius: 20px !important;
  }
}

/* Compact Mobile (iPhone SE, <= 380px) */
@media (max-width: 380px) {
  :is(.google-ads-page, .seo-website-page, .service-aligned) :is(
    section > .container,
    .container,
    .google-why-container,
    .google-website-container,
    .seo-hero-container,
    .seo-sec3-container
  ) {
    padding-inline: var(--page-side-pad-sm) !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) :is(.top-bar, footer, .site-footer) .container {
    padding-inline: var(--page-side-pad-sm) !important;
  }

  :is(.google-ads-page, .seo-website-page, .service-aligned) .meta-cta-banner-card {
    padding: 22px 14px !important;
    border-radius: 16px !important;
  }
}

/* =========================================================
   7. GOOGLE ADS SECTION 5: WHY WORK WITH ME (PERFECT ALIGNMENT)
   ========================================================= */
:is(.google-ads-page, .service-aligned) .google-why-section {
  padding: 85px 0 !important;
  background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 50%, #f4fbf7 100%) !important;
  position: relative !important;
  overflow: hidden !important;
  border-top: 1px solid rgba(8, 133, 44, 0.08) !important;
}

:is(.google-ads-page, .service-aligned) .google-why-container {
  max-width: 1380px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding-inline: clamp(20px, 3.5vw, 48px) !important;
  box-sizing: border-box !important;
}

:is(.google-ads-page, .service-aligned) .google-why-grid {
  display: grid !important;
  grid-template-columns: 1.15fr 1.35fr 0.9fr !important;
  gap: clamp(24px, 2.5vw, 38px) !important;
  align-items: center !important;
  width: 100% !important;
}

:is(.google-ads-page, .service-aligned) .google-why-left {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
}

:is(.google-ads-page, .service-aligned) .why-google-h2 {
  font-family: 'Plus Jakarta Sans', Arial, sans-serif !important;
  font-size: clamp(1.9rem, 2.3vw, 2.5rem) !important;
  font-weight: 800 !important;
  color: #0e273a !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  margin: 0 0 14px 0 !important;
}

:is(.google-ads-page, .service-aligned) .why-google-h2 .text-green-highlight {
  color: #08852c !important;
}

:is(.google-ads-page, .service-aligned) .why-google-desc {
  font-family: 'Plus Jakarta Sans', Arial, sans-serif !important;
  font-size: 0.95rem !important;
  color: #475569 !important;
  line-height: 1.62 !important;
  margin: 0 0 20px 0 !important;
}

/* 5 Intent Questions: Strictly Single Horizontal Row (No Orphan 5th Item) */
:is(.google-ads-page, .service-aligned) .google-intent-questions-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 16px 0 10px 0 !important;
}

:is(.google-ads-page, .service-aligned) .intent-question-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  gap: 8px !important;
  box-sizing: border-box !important;
}

:is(.google-ads-page, .service-aligned) .intent-icon {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 50% !important;
  background: #08852c !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1rem !important;
  box-shadow: 0 4px 12px rgba(8, 133, 44, 0.22) !important;
  transition: transform 0.25s ease, background-color 0.25s ease !important;
  flex-shrink: 0 !important;
}

:is(.google-ads-page, .service-aligned) .intent-question-item:hover .intent-icon {
  transform: translateY(-3px) scale(1.08) !important;
  background: #066d24 !important;
}

:is(.google-ads-page, .service-aligned) .intent-question-item span {
  font-family: 'Plus Jakarta Sans', Arial, sans-serif !important;
  font-size: 0.72rem !important;
  color: #334155 !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  word-break: normal !important;
}

:is(.google-ads-page, .service-aligned) .why-questions-summary {
  font-family: 'Plus Jakarta Sans', Arial, sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: #08852c !important;
  margin: 16px 0 0 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

:is(.google-ads-page, .service-aligned) .why-questions-summary::before {
  content: '' !important;
  width: 18px !important;
  height: 2px !important;
  background: #08852c !important;
  display: inline-block !important;
}

/* Middle Column: 2x2 Strategy Cards */
:is(.google-ads-page, .service-aligned) .google-why-middle {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
}

:is(.google-ads-page, .service-aligned) .why-strategy-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
}

:is(.google-ads-page, .service-aligned) .why-strategy-card {
  background: linear-gradient(180deg, #ffffff 0%, #fafffc 100%) !important;
  border: 1.5px solid #edf4ef !important;
  border-radius: 18px !important;
  padding: 22px 18px !important;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.035) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  height: 100% !important;
}

:is(.google-ads-page, .service-aligned) .why-strategy-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #08852c 0%, #34d399 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

:is(.google-ads-page, .service-aligned) .why-strategy-card:hover {
  transform: translateY(-4px) !important;
  border-color: #86efac !important;
  box-shadow: 0 14px 32px rgba(8, 133, 44, 0.10) !important;
}

:is(.google-ads-page, .service-aligned) .why-strategy-card:hover::before {
  opacity: 1 !important;
}

:is(.google-ads-page, .service-aligned) .strat-card-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
}

:is(.google-ads-page, .service-aligned) .strat-icon-box {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #08852c !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.15rem !important;
  border: 1.5px solid #dcfce7 !important;
  box-shadow: 0 4px 12px rgba(8, 133, 44, 0.08) !important;
  flex-shrink: 0 !important;
  transition: all 0.25s ease !important;
}

:is(.google-ads-page, .service-aligned) .why-strategy-card:hover .strat-icon-box {
  transform: scale(1.06) !important;
  background: #08852c !important;
  color: #ffffff !important;
  border-color: #08852c !important;
  box-shadow: 0 6px 16px rgba(8, 133, 44, 0.22) !important;
}

:is(.google-ads-page, .service-aligned) .strat-title {
  font-family: 'Plus Jakarta Sans', Arial, sans-serif !important;
  font-size: 1.02rem !important;
  font-weight: 800 !important;
  color: #0e273a !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

:is(.google-ads-page, .service-aligned) .strat-desc {
  font-family: 'Plus Jakarta Sans', Arial, sans-serif !important;
  font-size: 0.88rem !important;
  color: #334155 !important;
  line-height: 1.58 !important;
  margin: 0 !important;
}

:is(.google-ads-page, .service-aligned) .strat-desc strong {
  color: #08852c !important;
  font-weight: 700 !important;
}

:is(.google-ads-page, .service-aligned) .strat-desc em {
  font-style: italic !important;
  color: #64748b !important;
}

/* Right Column: Visual Mockup with Centered Halo */
:is(.google-ads-page, .service-aligned) .google-why-visual-col {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
}

:is(.google-ads-page, .service-aligned) .why-growth-hero-visual {
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 440px !important;
}

:is(.google-ads-page, .service-aligned) .why-backdrop-halo {
  position: absolute !important;
  width: 320px !important;
  height: 320px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(167, 243, 208, 0.7) 0%, rgba(209, 250, 229, 0.45) 45%, rgba(240, 253, 244, 0) 72%) !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
  filter: blur(6px) !important;
}

:is(.google-ads-page, .service-aligned) .why-laptop-img {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 440px !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 14px 32px rgba(14, 39, 58, 0.1)) !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

:is(.google-ads-page, .service-aligned) .why-laptop-img:hover {
  transform: scale(1.02) !important;
}

:is(.google-ads-page, .service-aligned) .floating-growth-pill {
  position: absolute !important;
  top: -8px !important;
  right: 12px !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 7px 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid rgba(8, 133, 44, 0.15) !important;
  z-index: 3 !important;
  white-space: nowrap !important;
}

/* Responsive Rules for Section 5 */
@media (min-width: 992px) and (max-width: 1200px) {
  :is(.google-ads-page, .service-aligned) .google-why-grid {
    grid-template-columns: 1.1fr 1.35fr 0.85fr !important;
    gap: 18px !important;
  }
  :is(.google-ads-page, .service-aligned) .why-google-h2 {
    font-size: 1.75rem !important;
  }
  :is(.google-ads-page, .service-aligned) .intent-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    font-size: 0.85rem !important;
  }
  :is(.google-ads-page, .service-aligned) .intent-question-item span {
    font-size: 0.65rem !important;
  }
  :is(.google-ads-page, .service-aligned) .why-strategy-card {
    padding: 16px 14px !important;
  }
  :is(.google-ads-page, .service-aligned) .strat-icon-box {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    font-size: 1rem !important;
  }
  :is(.google-ads-page, .service-aligned) .strat-title {
    font-size: 0.94rem !important;
  }
  :is(.google-ads-page, .service-aligned) .strat-desc {
    font-size: 0.82rem !important;
  }
}

@media (max-width: 991px) {
  :is(.google-ads-page, .service-aligned) .google-why-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
  }
  :is(.google-ads-page, .service-aligned) .google-intent-questions-row {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px 14px !important;
  }
  :is(.google-ads-page, .service-aligned) .intent-question-item {
    flex: 0 0 76px !important;
    width: 76px !important;
    max-width: 76px !important;
  }
  :is(.google-ads-page, .service-aligned) .why-strategy-cards-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
  :is(.google-ads-page, .service-aligned) .google-why-visual-col {
    max-width: 440px !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 600px) {
  :is(.google-ads-page, .service-aligned) .why-strategy-cards-grid {
    grid-template-columns: 1fr !important;
  }
  :is(.google-ads-page, .service-aligned) .intent-question-item {
    flex: 0 0 64px !important;
    width: 64px !important;
    max-width: 64px !important;
  }
}

/* ==========================================================================
   SECTION 6: WHO I HELP WITH GOOGLE ADS - REDESIGNED 4x2 SYMMETRICAL GRID
   ========================================================================== */

:is(.google-ads-page, .service-aligned) .google-who-help-section {
  padding: 100px 0 100px !important;
  background: linear-gradient(180deg, #f8fbf9 0%, #ffffff 100%) !important;
  position: relative !important;
  overflow: hidden !important;
  border-top: 1px solid rgba(8, 133, 44, 0.08) !important;
  text-align: left !important;
}

:is(.google-ads-page, .service-aligned) .who-help-header.text-center {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin-bottom: 52px !important;
}

:is(.google-ads-page, .service-aligned) .who-help-header .google-badge-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #e8f7ee !important;
  color: #08852c !important;
  border: 1.2px solid #a7f3d0 !important;
  border-radius: 50px !important;
  padding: 6px 16px !important;
  font-size: 0.82rem !important;
  font-weight: 750 !important;
  letter-spacing: 0.04em !important;
  margin: 0 0 14px 0 !important;
  text-transform: uppercase !important;
}

:is(.google-ads-page, .service-aligned) .who-google-h2 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(2.2rem, 3.2vw, 3rem) !important;
  font-weight: 850 !important;
  color: #0e273a !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  margin: 0 0 12px 0 !important;
  text-align: center !important;
}

:is(.google-ads-page, .service-aligned) .who-google-h2 .text-green-highlight {
  color: #08852c !important;
}

:is(.google-ads-page, .service-aligned) .who-google-subtitle {
  font-size: 1.1rem !important;
  color: #475569 !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  max-width: 680px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* 4x2 Symmetrical Grid */
:is(.google-ads-page, .service-aligned) .who-industry-grid-8 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 22px !important;
  margin-bottom: 40px !important;
  width: 100% !important;
}

:is(.google-ads-page, .service-aligned) .google-industry-card {
  background: linear-gradient(150deg, #ffffff 0%, #fafffc 60%, #f2f9f5 100%) !important;
  border: 1.5px solid rgba(8, 133, 44, 0.12) !important;
  border-radius: 20px !important;
  padding: 26px 22px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 4px 18px rgba(14, 39, 58, 0.03) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-align: left !important;
}

:is(.google-ads-page, .service-aligned) .google-industry-card:hover {
  transform: translateY(-6px) !important;
  border-color: #86efac !important;
  box-shadow: 0 18px 36px rgba(8, 133, 44, 0.10) !important;
}

/* Watermark Number 01-08 */
:is(.google-ads-page, .service-aligned) .google-industry-card .ind-card-shadow-num {
  position: absolute !important;
  top: 14px !important;
  right: 18px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 2.5rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: rgba(14, 39, 58, 0.05) !important;
  letter-spacing: -0.04em !important;
  pointer-events: none !important;
  user-select: none !important;
  transition: all 0.35s ease !important;
  z-index: 1 !important;
}

:is(.google-ads-page, .service-aligned) .google-industry-card:hover .ind-card-shadow-num {
  color: rgba(8, 133, 44, 0.14) !important;
  transform: scale(1.08) translateY(-2px) !important;
}

/* Category Tag */
:is(.google-ads-page, .service-aligned) .ind-card-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.72rem !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #08852c !important;
  background: rgba(8, 133, 44, 0.08) !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  width: fit-content !important;
  margin-bottom: 14px !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Icon Box */
:is(.google-ads-page, .service-aligned) .google-industry-card .ind-icon-box {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 12px !important;
  background: #e8f7ee !important;
  color: #08852c !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.1rem !important;
  margin-bottom: 14px !important;
  box-shadow: 0 4px 12px rgba(8, 133, 44, 0.12) !important;
  transition: all 0.35s ease !important;
  position: relative !important;
  z-index: 2 !important;
}

:is(.google-ads-page, .service-aligned) .google-industry-card:hover .ind-icon-box {
  background: #08852c !important;
  color: #ffffff !important;
  transform: scale(1.06) !important;
  box-shadow: 0 6px 16px rgba(8, 133, 44, 0.28) !important;
}

:is(.google-ads-page, .service-aligned) .ind-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.08rem !important;
  font-weight: 800 !important;
  color: #0e273a !important;
  line-height: 1.3 !important;
  margin: 0 0 8px 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

:is(.google-ads-page, .service-aligned) .ind-desc {
  font-size: 0.88rem !important;
  color: #475569 !important;
  line-height: 1.55 !important;
  margin: 0 0 16px 0 !important;
  flex: 1 !important;
  position: relative !important;
  z-index: 2 !important;
}

:is(.google-ads-page, .service-aligned) .ind-card-footer {
  margin-top: auto !important;
  padding-top: 12px !important;
  border-top: 1px dashed rgba(8, 133, 44, 0.15) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: relative !important;
  z-index: 2 !important;
}

:is(.google-ads-page, .service-aligned) .ind-metric-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}

:is(.google-ads-page, .service-aligned) .ind-metric-chip i {
  color: #08852c !important;
  font-size: 0.76rem !important;
}

/* Special CTA Card 8 */
:is(.google-ads-page, .service-aligned) .google-industry-card.ind-card-cta-special {
  background: linear-gradient(145deg, #0e273a 0%, #173b54 100%) !important;
  border: 1.5px solid rgba(34, 197, 94, 0.5) !important;
  box-shadow: 0 12px 32px rgba(14, 39, 58, 0.18) !important;
}

:is(.google-ads-page, .service-aligned) .ind-card-cta-special .ind-card-shadow-num {
  color: rgba(255, 255, 255, 0.08) !important;
}

:is(.google-ads-page, .service-aligned) .ind-card-cta-special:hover .ind-card-shadow-num {
  color: rgba(34, 197, 94, 0.22) !important;
}

:is(.google-ads-page, .service-aligned) .ind-card-cta-special .ind-card-tag.tag-cta {
  background: rgba(34, 197, 94, 0.2) !important;
  color: #4ade80 !important;
  border: 1px solid rgba(34, 197, 94, 0.35) !important;
}

:is(.google-ads-page, .service-aligned) .ind-card-cta-special .ind-icon-box.ind-icon-cta {
  background: #08852c !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(34, 197, 94, 0.35) !important;
}

:is(.google-ads-page, .service-aligned) .ind-card-cta-special .ind-title {
  color: #ffffff !important;
}

:is(.google-ads-page, .service-aligned) .ind-card-cta-special .ind-desc {
  color: #cbd5e1 !important;
}

:is(.google-ads-page, .service-aligned) .ind-card-cta-special .ind-card-footer {
  border-top-color: rgba(255, 255, 255, 0.12) !important;
}

:is(.google-ads-page, .service-aligned) .ind-cta-pill-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #08852c !important;
  color: #ffffff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 750 !important;
  padding: 8px 16px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  width: 100% !important;
  box-shadow: 0 4px 12px rgba(8, 133, 44, 0.3) !important;
}

:is(.google-ads-page, .service-aligned) .ind-cta-pill-btn:hover {
  background: #066822 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(8, 133, 44, 0.45) !important;
}

/* Bottom Intent Advantage Bar */
:is(.google-ads-page, .service-aligned) .who-intent-advantage-bar {
  background: #ffffff !important;
  border: 1.5px solid rgba(8, 133, 44, 0.14) !important;
  border-radius: 18px !important;
  padding: 22px 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  box-shadow: 0 8px 24px rgba(14, 39, 58, 0.04) !important;
  text-align: left !important;
}

:is(.google-ads-page, .service-aligned) .advantage-bar-left {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  flex: 1 !important;
}

:is(.google-ads-page, .service-aligned) .advantage-icon-badge {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  border-radius: 12px !important;
  background: #e8f7ee !important;
  color: #08852c !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.25rem !important;
}

:is(.google-ads-page, .service-aligned) .advantage-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #0e273a !important;
  margin: 0 0 4px 0 !important;
}

:is(.google-ads-page, .service-aligned) .advantage-desc {
  font-size: 0.88rem !important;
  color: #475569 !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

:is(.google-ads-page, .service-aligned) .advantage-cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #25d366 !important;
  color: #ffffff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 750 !important;
  padding: 10px 20px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.28) !important;
}

:is(.google-ads-page, .service-aligned) .advantage-cta-btn:hover {
  background: #20ba59 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(37, 211, 102, 0.4) !important;
}

/* Responsive Media Queries */
@media (max-width: 1199px) {
  :is(.google-ads-page, .service-aligned) .who-industry-grid-8 {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
  }
}

@media (max-width: 991px) {
  :is(.google-ads-page, .service-aligned) .who-industry-grid-8 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
  }
  :is(.google-ads-page, .service-aligned) .who-intent-advantage-bar {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 20px !important;
    gap: 16px !important;
  }
  :is(.google-ads-page, .service-aligned) .advantage-cta-btn {
    width: 100% !important;
    justify-content: center !important;
  }
}

@media (max-width: 600px) {
  :is(.google-ads-page, .service-aligned) .google-who-help-section {
    padding: 60px 0 !important;
  }
  :is(.google-ads-page, .service-aligned) .who-industry-grid-8 {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  :is(.google-ads-page, .service-aligned) .advantage-bar-left {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }
}

/* =========================================================
   SECTION 8: WHAT I MEASURE - BALANCED 3x2 FULL-WIDTH LAYOUT
   Centers header and displays 6 metric cards in a clean 3x2 grid,
   completely eliminating the empty whitespace gap.
   ========================================================= */
:is(.google-ads-page, .service-aligned) .google-measure-metrics-section {
  padding: 90px 0 100px 0 !important;
  background: #f8fbf9 !important;
  position: relative !important;
  overflow: hidden !important;
  border-top: 1px solid rgba(8, 133, 44, 0.08) !important;
}

:is(.google-ads-page, .service-aligned) .google-measure-metrics-section .container {
  width: min(100% - 48px, 1200px) !important;
  max-width: 1200px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

:is(.google-ads-page, .service-aligned) .measure-header {
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto 48px auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

:is(.google-ads-page, .service-aligned) .measure-header .google-badge-pill {
  margin: 0 auto 16px auto !important;
}

:is(.google-ads-page, .service-aligned) .measure-header .measure-h2 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(2rem, 3.2vw, 2.75rem) !important;
  font-weight: 800 !important;
  color: #0e273a !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  text-align: center !important;
  margin: 0 0 16px 0 !important;
  text-wrap: balance !important;
}

:is(.google-ads-page, .service-aligned) .measure-header .measure-h2 .text-green-highlight {
  color: #08852c !important;
}

:is(.google-ads-page, .service-aligned) .measure-header .measure-subtitle {
  font-size: 1.05rem !important;
  color: #475569 !important;
  line-height: 1.65 !important;
  text-align: center !important;
  margin: 0 auto 22px auto !important;
  max-width: 620px !important;
}

:is(.google-ads-page, .service-aligned) .measure-header .measure-cta-pill {
  margin: 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #08852c !important;
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  padding: 10px 24px !important;
  border-radius: 9999px !important;
  box-shadow: 0 6px 18px rgba(8, 133, 44, 0.25) !important;
  transition: all 0.25s ease !important;
}

:is(.google-ads-page, .service-aligned) .measure-header .measure-cta-pill:hover {
  background: #066d24 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(8, 133, 44, 0.32) !important;
}

:is(.google-ads-page, .service-aligned) .measure-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
  align-items: stretch !important;
}

:is(.google-ads-page, .service-aligned) .measure-metric-card {
  min-height: 195px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  background: linear-gradient(180deg, #ffffff 0%, #fafffc 100%) !important;
  border: 1.5px solid #edf4ef !important;
  border-radius: 20px !important;
  padding: 28px 24px !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.025) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

:is(.google-ads-page, .service-aligned) .measure-metric-card:hover {
  transform: translateY(-5px) !important;
  border-color: #86efac !important;
  box-shadow: 0 16px 36px rgba(8, 133, 44, 0.10) !important;
}

:is(.google-ads-page, .service-aligned) .measure-metric-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3.5px !important;
  background: linear-gradient(90deg, #08852c 0%, #34d399 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

:is(.google-ads-page, .service-aligned) .measure-metric-card:hover::before {
  opacity: 1 !important;
}

:is(.google-ads-page, .service-aligned) .metric-shadow-number {
  position: absolute !important;
  top: 10px !important;
  right: 16px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 2.8rem !important;
  font-weight: 900 !important;
  color: rgba(8, 133, 44, 0.08) !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  user-select: none !important;
  pointer-events: none !important;
  transition: all 0.3s ease !important;
}

:is(.google-ads-page, .service-aligned) .measure-metric-card:hover .metric-shadow-number {
  color: rgba(8, 133, 44, 0.18) !important;
  transform: scale(1.08) translateY(-2px) !important;
}

:is(.google-ads-page, .service-aligned) .metric-icon-box {
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  color: #08852c !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.15rem !important;
  margin-bottom: 14px !important;
  border: 1.5px solid #dcfce7 !important;
  box-shadow: 0 4px 12px rgba(8, 133, 44, 0.08) !important;
  transition: all 0.25s ease !important;
  position: relative !important;
  z-index: 2 !important;
}

:is(.google-ads-page, .service-aligned) .measure-metric-card:hover .metric-icon-box {
  background: #08852c !important;
  color: #ffffff !important;
  border-color: #08852c !important;
  transform: scale(1.1) rotate(4deg) !important;
  box-shadow: 0 6px 16px rgba(8, 133, 44, 0.22) !important;
}

:is(.google-ads-page, .service-aligned) .metric-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  color: #0e273a !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.3 !important;
  position: relative !important;
  z-index: 2 !important;
}

:is(.google-ads-page, .service-aligned) .metric-desc {
  font-size: 0.92rem !important;
  color: #475569 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

:is(.google-ads-page, .service-aligned) .metric-desc strong {
  color: #08852c !important;
  font-weight: 700 !important;
}

@media (max-width: 991px) {
  :is(.google-ads-page, .service-aligned) .measure-cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}

@media (max-width: 600px) {
  :is(.google-ads-page, .service-aligned) .measure-cards-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* =========================================================
   SEO OPTIMIZED WEBSITE PAGE - SECTION 4: WHAT I INCLUDE
   Luxury Bento Grid Architecture: Unified White Ceramic Cards,
   Hairline Emerald Accents, Subtle Index Watermarks (01-08),
   and High-Efficiency 2-Column Checklist Micro-Grids
   ========================================================= */
:is(.seo-website-page, .service-aligned) .seo-sec4-section {
  padding: 85px 0 95px 0 !important;
  background: #fbfdfc !important;
  position: relative !important;
  overflow: hidden !important;
  border-top: 1px solid #edf4ef !important;
  border-bottom: 1px solid #edf4ef !important;
}

:is(.seo-website-page, .service-aligned) .seo-sec4-top-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) !important;
  align-items: center !important;
  gap: clamp(32px, 4vw, 56px) !important;
  margin-bottom: 48px !important;
}

:is(.seo-website-page, .service-aligned) .seo-sec4-heading {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(2rem, 3.2vw, 2.75rem) !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  margin-bottom: 16px !important;
}

:is(.seo-website-page, .service-aligned) .seo-sec4-subtext {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.05rem !important;
  color: #475569 !important;
  line-height: 1.65 !important;
  max-width: 580px !important;
  margin: 0 !important;
}

:is(.seo-website-page, .service-aligned) .seo-sec4-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 26px !important;
  align-items: stretch !important;
  width: 100% !important;
}

/* Neutralize all childish pastel rainbow boxes -> Unified Luxury Bento Card */
:is(.seo-website-page, .service-aligned) .sec4-card,
:is(.seo-website-page, .service-aligned) .sec4-card.card-theme-green,
:is(.seo-website-page, .service-aligned) .sec4-card.card-theme-cyan,
:is(.seo-website-page, .service-aligned) .sec4-card.card-theme-purple,
:is(.seo-website-page, .service-aligned) .sec4-card.card-theme-emerald,
:is(.seo-website-page, .service-aligned) .sec4-card.card-theme-amber,
:is(.seo-website-page, .service-aligned) .sec4-card.card-theme-teal,
:is(.seo-website-page, .service-aligned) .sec4-card.card-theme-pink,
:is(.seo-website-page, .service-aligned) .sec4-card.card-theme-indigo {
  background: #ffffff !important;
  border: 1.5px solid #e7efe9 !important;
  border-radius: 20px !important;
  padding: 30px 28px !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.03), 0 1px 3px rgba(15, 23, 42, 0.02) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-sizing: border-box !important;
  height: 100% !important;
}

:is(.seo-website-page, .service-aligned) .sec4-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #08852c, #10b981) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

:is(.seo-website-page, .service-aligned) .sec4-card:hover {
  transform: translateY(-4px) !important;
  border-color: #c9e4d0 !important;
  box-shadow: 0 16px 36px rgba(8, 133, 44, 0.08), 0 4px 12px rgba(15, 23, 42, 0.04) !important;
}

:is(.seo-website-page, .service-aligned) .sec4-card:hover::before {
  opacity: 1 !important;
}

/* Watermark Index Number (01 to 08) */
:is(.seo-website-page, .service-aligned) .sec4-card-number {
  position: absolute !important;
  top: 20px !important;
  right: 24px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 2.2rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: rgba(8, 133, 44, 0.08) !important;
  letter-spacing: -0.04em !important;
  user-select: none !important;
  pointer-events: none !important;
  transition: color 0.3s ease !important;
}

:is(.seo-website-page, .service-aligned) .sec4-card:hover .sec4-card-number {
  color: rgba(8, 133, 44, 0.18) !important;
}

/* Categorical Pill Tag */
:is(.seo-website-page, .service-aligned) .sec4-card-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  background: #f0fdf4 !important;
  color: #08852c !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
  width: fit-content !important;
  border: 1px solid rgba(8, 133, 44, 0.15) !important;
}

/* Card Header with Icon & Title */
:is(.seo-website-page, .service-aligned) .sec4-card-header {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}

:is(.seo-website-page, .service-aligned) .sec4-icon-box {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: #f0fdf4 !important;
  color: #08852c !important;
  border: 1px solid #dcfce7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.15rem !important;
  flex-shrink: 0 !important;
  transition: all 0.3s ease !important;
}

:is(.seo-website-page, .service-aligned) .sec4-card:hover .sec4-icon-box {
  background: #08852c !important;
  color: #ffffff !important;
  border-color: #08852c !important;
  transform: scale(1.05) !important;
}

:is(.seo-website-page, .service-aligned) .sec4-card-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.3 !important;
  letter-spacing: -0.015em !important;
  margin: 0 !important;
}

:is(.seo-website-page, .service-aligned) .sec4-card-desc {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.02rem !important;
  line-height: 1.62 !important;
  color: #475569 !important;
  margin-bottom: 18px !important;
}

:is(.seo-website-page, .service-aligned) .sec4-list-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  color: #08852c !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

:is(.seo-website-page, .service-aligned) .sec4-list-title::after {
  content: '' !important;
  flex: 1 !important;
  height: 1px !important;
  background: #edf3ee !important;
}

/* 2-Column Compact Micro-Grid for Checklist */
:is(.seo-website-page, .service-aligned) .sec4-checklist {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 20px 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 16px !important;
}

:is(.seo-website-page, .service-aligned) .sec4-checklist li {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.96rem !important;
  color: #334155 !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

:is(.seo-website-page, .service-aligned) .sec4-checklist li i {
  color: #08852c !important;
  font-size: 0.8rem !important;
  margin-top: 3px !important;
  flex-shrink: 0 !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: #edfbf0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Card Bottom Callout Note */
:is(.seo-website-page, .service-aligned) .sec4-card-footer-note {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.95rem !important;
  color: #334155 !important;
  line-height: 1.58 !important;
  background: #f7faf8 !important;
  border: 1px solid #e5f0e8 !important;
  border-left: 3.5px solid #08852c !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  margin-top: auto !important;
}

:is(.seo-website-page, .service-aligned) .purpose-pill-group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

:is(.seo-website-page, .service-aligned) .purpose-pill {
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  border: 1px solid #d1e7d8 !important;
  color: #08852c !important;
}

:is(.seo-website-page, .service-aligned) .sec4-devices-pill-ribbon {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

:is(.seo-website-page, .service-aligned) .dev-pill {
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  border: 1px solid #d1e7d8 !important;
  color: #08852c !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}

:is(.seo-website-page, .service-aligned) .dev-plus {
  color: #94a3b8 !important;
  font-weight: 800 !important;
  font-size: 0.82rem !important;
}

@media (max-width: 991px) {
  :is(.seo-website-page, .service-aligned) .seo-sec4-top-row {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  :is(.seo-website-page, .service-aligned) .seo-sec4-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

@media (max-width: 600px) {
  :is(.seo-website-page, .service-aligned) .sec4-checklist {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  :is(.seo-website-page, .service-aligned) .sec4-card {
    padding: 24px 20px !important;
  }
}

/* =========================================================
   SEO OPTIMIZED WEBSITE PAGE - SECTION 8: WEBSITES I DESIGN & DEVELOP
   Harmonious Split Architecture: Clean Header, Unified White Luxury Cards (2 cols x 4 rows),
   and Perfectly Aligned Portrait Photo with Zero Empty Gaps
   ========================================================= */
:is(.seo-website-page, .service-aligned) .seo-sec8-section {
  padding: 85px 0 95px 0 !important;
  background: #ffffff !important;
  position: relative !important;
  overflow: hidden !important;
  border-top: 1px solid #edf4ef !important;
  border-bottom: 1px solid #edf4ef !important;
}

:is(.seo-website-page, .service-aligned) .seo-sec8-section .container {
  max-width: 1240px !important;
  width: 90% !important;
  margin: 0 auto !important;
}

:is(.seo-website-page, .service-aligned) .seo-sec8-heading-wrap {
  margin-bottom: 38px !important;
}

:is(.seo-website-page, .service-aligned) .seo-sec8-heading {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(2.2rem, 3.5vw, 3rem) !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  margin-bottom: 10px !important;
}

:is(.seo-website-page, .service-aligned) .seo-sec8-heading .text-green-highlight {
  color: #08852c !important;
}

:is(.seo-website-page, .service-aligned) .seo-sec8-subheading {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #334155 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

/* Main Split Row: 8 Cards on Left (~64%), Photo on Right (~36%) */
:is(.seo-website-page, .service-aligned) :is(.seo-sec8-main-row, .seo-sec8-header-row) {
  display: grid !important;
  grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr) !important;
  gap: 32px !important;
  align-items: stretch !important;
}

/* 2-Columns x 4-Rows Grid for the 8 Cards */
:is(.seo-website-page, .service-aligned) .sec8-category-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-content: stretch !important;
  width: 100% !important;
}

/* Neutralize old rainbow pastel box styles -> Unified Clean White Luxury Card */
:is(.seo-website-page, .service-aligned) .sec8-cat-card,
:is(.seo-website-page, .service-aligned) .sec8-cat-card.cat-theme-green,
:is(.seo-website-page, .service-aligned) .sec8-cat-card.cat-theme-cyan,
:is(.seo-website-page, .service-aligned) .sec8-cat-card.cat-theme-blue,
:is(.seo-website-page, .service-aligned) .sec8-cat-card.cat-theme-indigo,
:is(.seo-website-page, .service-aligned) .sec8-cat-card.cat-theme-amber,
:is(.seo-website-page, .service-aligned) .sec8-cat-card.cat-theme-purple,
:is(.seo-website-page, .service-aligned) .sec8-cat-card.cat-theme-rose,
:is(.seo-website-page, .service-aligned) .sec8-cat-card.cat-theme-emerald {
  background: #ffffff !important;
  border: 1.5px solid #edf4ef !important;
  border-radius: 18px !important;
  padding: 22px 20px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 16px !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.025) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-sizing: border-box !important;
  min-height: auto !important;
  height: 100% !important;
  position: relative !important;
  overflow: hidden !important;
}

:is(.seo-website-page, .service-aligned) .sec8-cat-card:hover {
  transform: translateY(-3px) !important;
  border-color: #08852c !important;
  box-shadow: 0 10px 24px rgba(8, 133, 44, 0.08) !important;
}

/* Icon Box inside Card */
:is(.seo-website-page, .service-aligned) .sec8-cat-card .cat-icon-box {
  width: 50px !important;
  height: 50px !important;
  border-radius: 14px !important;
  background: #f0fdf4 !important;
  color: #08852c !important;
  border: 1.5px solid #dcfce7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.35rem !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  transition: all 0.3s ease !important;
}

:is(.seo-website-page, .service-aligned) .sec8-cat-card:hover .cat-icon-box {
  background: #08852c !important;
  color: #ffffff !important;
  border-color: #08852c !important;
  transform: scale(1.05) !important;
}

:is(.seo-website-page, .service-aligned) .sec8-cat-card .cat-text-box {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  min-width: 0 !important;
}

:is(.seo-website-page, .service-aligned) .sec8-cat-card .cat-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  line-height: 1.32 !important;
  letter-spacing: -0.015em !important;
  margin: 0 !important;
}

:is(.seo-website-page, .service-aligned) .sec8-cat-card .cat-desc {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.98rem !important;
  line-height: 1.58 !important;
  color: #475569 !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

/* Right Photo Panel - Perfectly Aligns and Stretches with Cards */
:is(.seo-website-page, .service-aligned) .seo-sec8-visual-col {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  width: 100% !important;
}

:is(.seo-website-page, .service-aligned) .sec8-visual-wrap {
  height: 100% !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  max-width: 100% !important;
}

:is(.seo-website-page, .service-aligned) .sec8-visual-wrap figure.service-photo {
  height: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  border: 1px solid #d9eadf !important;
  box-shadow: 0 12px 32px rgba(14, 60, 35, 0.08) !important;
  background: #ffffff !important;
}

:is(.seo-website-page, .service-aligned) .sec8-visual-wrap figure.service-photo img {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 280px !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: 50% 45% !important;
  display: block !important;
  transform: none !important;
}

:is(.seo-website-page, .service-aligned) .sec8-visual-wrap figure.service-photo figcaption {
  flex-shrink: 0 !important;
  padding: 16px 20px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.96rem !important;
  font-weight: 700 !important;
  color: #155a35 !important;
  background: #ffffff !important;
  text-align: left !important;
  border-top: 1px solid #edf4ef !important;
}

/* Responsive Media Queries */
@media (max-width: 991px) {
  :is(.seo-website-page, .service-aligned) :is(.seo-sec8-main-row, .seo-sec8-header-row) {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  :is(.seo-website-page, .service-aligned) .sec8-visual-wrap figure.service-photo img {
    height: 340px !important;
    min-height: 340px !important;
  }
}

@media (max-width: 640px) {
  :is(.seo-website-page, .service-aligned) .sec8-category-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  :is(.seo-website-page, .service-aligned) .sec8-cat-card {
    padding: 16px 14px !important;
  }
}

/* ==========================================================================
   SEO, AEO & GEO EXPERT IN CHENNAI (SEO-AEO-GEOExpertinChennai.html)
   COMPREHENSIVE MULTI-SECTION PRECISION ALIGNMENT
   Sections 1 to 18 Alignment, Spacing, Grids & Responsive Optimization
   ========================================================================== */

/* Page Container Standardization */
:is(.geo-aeo-page, .service-aligned) .container {
  max-width: 1240px !important;
  width: 90% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* Universal Section Spacing & Rhythm */
:is(.geo-aeo-page, .service-aligned) :is(
  .geo-sec2-section,
  .geo-sec3-section,
  .geo-sec4-section,
  .geo-pillar-section,
  .geo-sec8-section,
  .geo-sec9-section,
  .geo-sec10-section,
  .geo-sec11-section,
  .geo-sec12-section,
  .geo-sec13-section,
  .geo-sec14-section,
  .geo-sec15-section,
  .geo-sec16-section,
  .geo-final-cta-section,
  .meta-faq-section
) {
  padding: 85px 0 90px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  position: relative !important;
  border-top: 1px solid #edf4ef !important;
}

/* Unified Typography Hierarchy */
:is(.geo-aeo-page, .service-aligned) :is(
  .geo-sec2-h2,
  .geo-sec3-h2,
  .geo-sec4-h2,
  .seo-clean-h2,
  .geo-unique-h2,
  .geo-sec8-h2,
  .geo-sec9-h2,
  .geo-sec10-h2,
  .geo-sec11-h2,
  .sec12-h2,
  .sec13-h2,
  .sec14-h2,
  .sec15-h2,
  .geo-sec16-h2,
  .faq-main-h2
) {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(2.15rem, 3.2vw, 2.75rem) !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em !important;
  color: #0e273a !important;
}

:is(.geo-aeo-page, .service-aligned) :is(
  .geo-hero-subheadline,
  .geo-sec9-subheadline,
  .geo-sec10-subheadline,
  .geo-sec11-subheadline,
  .sec12-subheadline,
  .sec13-subheadline,
  .sec14-subheadline,
  .sec15-subheadline,
  .seo-clean-subheading,
  .geo-unique-subheading
) {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(1.15rem, 1.8vw, 1.3rem) !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

/* ==========================================================================
   SECTION 1: HERO SECTION
   ========================================================================== */
:is(.geo-aeo-page, .service-aligned) .geo-hero-section {
  padding-top: 156px !important;
  padding-bottom: 75px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: linear-gradient(180deg, #f7fdf9 0%, #f0faf4 50%, #ffffff 100%) !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-hero-h1 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(2.4rem, 3.8vw, 3.4rem) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  color: #0e273a !important;
  margin-bottom: 14px !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-hero-subheadline {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(1.15rem, 1.8vw, 1.35rem) !important;
  font-weight: 700 !important;
  color: #2c3e50 !important;
  line-height: 1.45 !important;
  margin-bottom: 34px !important;
  max-width: 980px !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-hero-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr) !important;
  gap: clamp(32px, 4vw, 52px) !important;
  align-items: center !important;
  width: 100% !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-hero-content-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-hero-intro-lead {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #0e273a !important;
  margin-bottom: 2px !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-search-intent-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-intent-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-size: 0.96rem !important;
  line-height: 1.45 !important;
  color: #334155 !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-question-callout-card {
  padding: 14px 20px !important;
  border-radius: 16px !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-strategist-card {
  padding: 16px 20px !important;
  border-left: 4.5px solid #08852c !important;
  border-radius: 0 16px 16px 0 !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05) !important;
}

:is(.geo-aeo-page, .service-aligned) .btn-geo-hero-cta {
  padding: 15px 32px !important;
  font-size: 0.98rem !important;
  font-weight: 750 !important;
  border-radius: 50px !important;
}

/* Visual Mockups Universal Frame */
:is(.geo-aeo-page, .service-aligned) :is(
  .geo-hero-img-wrap,
  .geo-sec2-img-wrap,
  .geo-sec3-img-wrap,
  .geo-sec4-img-wrap,
  .geo-pillar-img-wrap,
  .geo-sec8-img-wrap
) {
  position: relative !important;
  width: 100% !important;
  max-width: 520px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-showcase-img {
  width: 100% !important;
  height: auto !important;
  border-radius: 20px !important;
  border: 1px solid #d9eadf !important;
  box-shadow: 0 14px 36px rgba(14, 60, 35, 0.09) !important;
  display: block !important;
  object-fit: cover !important;
}

/* ==========================================================================
   SECTION 2: YOUR COMPETITORS ARE GETTING FOUND
   ========================================================================== */
:is(.geo-aeo-page, .service-aligned) .geo-sec2-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.15fr) !important;
  gap: clamp(32px, 4vw, 52px) !important;
  align-items: center !important;
  width: 100% !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-sec2-content-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-5features-grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 10px !important;
  width: 100% !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-feat-card {
  padding: 14px 8px !important;
  border-radius: 14px !important;
  border: 1.5px solid #d1fae5 !important;
  background: #ffffff !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-sec2-desc {
  font-size: 1.02rem !important;
  line-height: 1.65 !important;
  color: #475569 !important;
  margin-bottom: 22px !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-competitors-box {
  padding: 18px 20px !important;
  border-radius: 18px !important;
  border: 1.5px solid #a7f3d0 !important;
  background: #ecfdf5 !important;
  margin-bottom: 20px !important;
  width: 100% !important;
}

:is(.geo-aeo-page, .service-aligned) .comp-channels-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 10px !important;
  width: 100% !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-lost-opportunity-callout {
  padding: 14px 20px !important;
  border-radius: 14px !important;
  width: 100% !important;
}

/* ==========================================================================
   SECTION 3: WHY ISN'T MY WEBSITE RANKING?
   ========================================================================== */
:is(.geo-aeo-page, .service-aligned) .geo-sec3-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr) !important;
  gap: clamp(32px, 4vw, 52px) !important;
  align-items: center !important;
  width: 100% !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-sec3-content-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-sec3-questions-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 12px !important;
  width: 100% !important;
  margin-bottom: 20px !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-q-card {
  padding: 14px 16px !important;
  border-radius: 14px !important;
  border: 1.5px solid #d1fae5 !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-sec3-narrative-box {
  padding: 14px 18px !important;
  border-left: 3.5px solid #08852c !important;
  border-radius: 4px 14px 14px 4px !important;
  margin-bottom: 20px !important;
  width: 100% !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-sec3-pillars-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px 18px !important;
  width: 100% !important;
}

/* ==========================================================================
   SECTION 4: WHERE CUSTOMERS SEARCH
   ========================================================================== */
:is(.geo-aeo-page, .service-aligned) .geo-sec4-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.15fr) !important;
  gap: clamp(32px, 4vw, 52px) !important;
  align-items: center !important;
  width: 100% !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-sec4-content-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-sec4-subtitle {
  font-size: 1.02rem !important;
  line-height: 1.6 !important;
  color: #475569 !important;
  margin-bottom: 20px !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-7touchpoints-grid {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr) !important;
  gap: 8px !important;
  width: 100% !important;
  margin-bottom: 20px !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-touch-card {
  padding: 12px 4px !important;
  border-radius: 12px !important;
  border: 1.5px solid #d1fae5 !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-sec4-bottom-desc {
  font-size: 1rem !important;
  line-height: 1.65 !important;
  color: #475569 !important;
}

/* ==========================================================================
   SECTIONS 5, 6, 7: THE PILLARS (SEO, AEO, GEO)
   ========================================================================== */
:is(.geo-aeo-page, .service-aligned) .geo-pillar-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr) !important;
  gap: clamp(32px, 4vw, 52px) !important;
  align-items: center !important;
  width: 100% !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-sec6-section .geo-pillar-grid {
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.15fr) !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-sec6-section .geo-pillar-visual-col {
  order: 1 !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-sec6-section .geo-pillar-content-col {
  order: 2 !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-pillar-content-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-signals-network {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 10px !important;
  width: 100% !important;
  margin-bottom: 20px !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-trust-banner,
:is(.geo-aeo-page, .service-aligned) .geo-pillar-callout-box {
  padding: 14px 18px !important;
  border-radius: 14px !important;
  width: 100% !important;
}

/* ==========================================================================
   SECTION 8: ONE SEARCH STRATEGY
   ========================================================================== */
:is(.geo-aeo-page, .service-aligned) .geo-sec8-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr) !important;
  gap: clamp(32px, 4vw, 52px) !important;
  align-items: center !important;
  width: 100% !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-sec8-content-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-3channels-row {
  display: flex !important;
  gap: 12px !important;
  align-items: stretch !important;
  width: 100% !important;
  margin-bottom: 22px !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-channel-card {
  flex: 1 1 0 !important;
  padding: 18px 14px !important;
  border-radius: 16px !important;
  border: 1.5px solid #d1fae5 !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-together-banner {
  padding: 14px 20px !important;
  border-radius: 16px !important;
  width: 100% !important;
}

/* ==========================================================================
   SECTION 9: COMMON CHALLENGES
   ========================================================================== */
:is(.geo-aeo-page, .service-aligned) .geo-sec9-top-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) !important;
  gap: 36px !important;
  align-items: center !important;
  padding: 28px 36px !important;
  border-radius: 24px !important;
  margin-bottom: 36px !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-6challenges-panoramic-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  width: 100% !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-challenge-card {
  padding: 24px 22px !important;
  border-radius: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

/* ==========================================================================
   SECTION 10: WHAT I CAN DO FOR YOUR BUSINESS (BENTO GRID)
   ========================================================================== */
:is(.geo-aeo-page, .service-aligned) .geo-sec10-header-wrap {
  margin-bottom: 34px !important;
  text-align: left !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-sec10-bento-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  width: 100% !important;
}

:is(.geo-aeo-page, .service-aligned) .bento-card {
  border-radius: 20px !important;
  padding: 24px 22px !important;
}

:is(.geo-aeo-page, .service-aligned) .bento-card.bento-hero-hub {
  grid-column: span 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: center !important;
}

:is(.geo-aeo-page, .service-aligned) .bento-card.bento-wide-growth {
  grid-column: span 3 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) !important;
  gap: 28px !important;
  align-items: center !important;
}

/* ==========================================================================
   SECTION 11: I DON'T CHASE VANITY METRICS
   ========================================================================== */
:is(.geo-aeo-page, .service-aligned) .geo-sec11-master-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.45fr) minmax(0, 1fr) !important;
  gap: 28px !important;
  align-items: stretch !important;
  width: 100% !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-6metrics-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 12px !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-sec11-img-card {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 20px !important;
  padding: 22px 18px !important;
  border: 1.2px solid #d1fae5 !important;
  background: #ffffff !important;
}

/* ==========================================================================
   SECTION 12: WANT TO RANK #1 ON GOOGLE?
   ========================================================================== */
:is(.geo-aeo-page, .service-aligned) .sec12-header-wrap {
  text-align: center !important;
  max-width: 860px !important;
  margin: 0 auto 40px auto !important;
}

:is(.geo-aeo-page, .service-aligned) .sec12-blueprint-container {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr) minmax(0, 1.15fr) !important;
  gap: 30px !important;
  align-items: center !important;
  margin-bottom: 36px !important;
  width: 100% !important;
}

:is(.geo-aeo-page, .service-aligned) .sec12-objective-banner {
  max-width: 860px !important;
  margin: 0 auto !important;
  padding: 16px 24px !important;
  border-radius: 16px !important;
}

/* ==========================================================================
   SECTION 13: WANT AI TO RECOMMEND YOUR BUSINESS?
   ========================================================================== */
:is(.geo-aeo-page, .service-aligned) .sec13-header-wrap {
  text-align: center !important;
  max-width: 860px !important;
  margin: 0 auto 40px auto !important;
}

:is(.geo-aeo-page, .service-aligned) .sec13-stream-container {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr) minmax(0, 1.15fr) !important;
  gap: 30px !important;
  align-items: center !important;
  margin-bottom: 36px !important;
  width: 100% !important;
}

:is(.geo-aeo-page, .service-aligned) .sec13-takeaway-banner {
  max-width: 860px !important;
  margin: 0 auto !important;
  padding: 16px 24px !important;
  border-radius: 16px !important;
}

/* ==========================================================================
   SECTION 14: SEO, AEO & GEO FOR EVERY INDUSTRY
   ========================================================================== */
:is(.geo-aeo-page, .service-aligned) .sec14-top-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important;
  gap: 36px !important;
  align-items: center !important;
  margin-bottom: 36px !important;
  width: 100% !important;
}

:is(.geo-aeo-page, .service-aligned) .ind-search-sim-capsule {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  border-radius: 50px !important;
  padding: 10px 18px !important;
  min-height: 74px !important;
}

:is(.geo-aeo-page, .service-aligned) .ind-capsules-cloud-stream {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 14px !important;
  margin-bottom: 32px !important;
  width: 100% !important;
}

:is(.geo-aeo-page, .service-aligned) .sec14-footer-ribbon {
  max-width: 760px !important;
  margin: 0 auto !important;
  border-radius: 40px !important;
  padding: 12px 24px !important;
}

/* ==========================================================================
   SECTION 15: WHY WORK WITH ME?
   ========================================================================== */
/* ==========================================================================
   SECTION 15: WHY WORK WITH ME?
   ========================================================================== */
:is(.geo-aeo-page, .service-aligned) .sec15-header-wrap {
  text-align: center !important;
  max-width: 860px !important;
  margin: 0 auto 36px auto !important;
}

:is(.geo-aeo-page, .service-aligned) .sec15-h2 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(2.2rem, 3.4vw, 2.85rem) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: #0e273a !important;
  letter-spacing: -0.025em !important;
  margin-bottom: 10px !important;
  text-align: center !important;
}

:is(.geo-aeo-page, .service-aligned) .sec15-subheadline {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(1.2rem, 1.8vw, 1.35rem) !important;
  font-weight: 700 !important;
  color: #08852c !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  text-align: center !important;
}

:is(.geo-aeo-page, .service-aligned) .sec15-cockpit-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.25fr) !important;
  gap: 36px !important;
  align-items: stretch !important;
  width: 100% !important;
}

/* Left Column: The Dark Strategist Manifesto Card */
:is(.geo-aeo-page, .service-aligned) .cockpit-manifesto-card {
  background: linear-gradient(155deg, #0d2818 0%, #061e11 100%) !important;
  border: 1.5px solid #10b981 !important;
  border-radius: 26px !important;
  padding: 36px 32px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-shadow: 0 20px 48px rgba(13, 40, 24, 0.28) !important;
  position: relative !important;
  overflow: hidden !important;
  color: #ffffff !important;
  text-align: left !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-manifesto-card .cockpit-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(16, 185, 129, 0.18) !important;
  border: 1.2px solid rgba(52, 211, 153, 0.5) !important;
  color: #6ee7b7 !important;
  padding: 7px 16px !important;
  border-radius: 50px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 750 !important;
  width: fit-content !important;
  margin-bottom: 22px !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-manifesto-card .cockpit-badge i {
  color: #34d399 !important;
  font-size: 0.95rem !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-manifesto-card .manifesto-h3 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(1.35rem, 1.8vw, 1.65rem) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.38 !important;
  letter-spacing: -0.015em !important;
  margin: 0 0 22px 0 !important;
  text-align: left !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-manifesto-card .manifesto-highlight-banner {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1.2px solid rgba(110, 231, 183, 0.35) !important;
  padding: 12px 20px !important;
  border-radius: 14px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.1rem !important;
  color: #f1fbf5 !important;
  margin-bottom: 26px !important;
  width: fit-content !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-manifesto-card .manifesto-highlight-banner i {
  color: #10b981 !important;
  font-size: 1.25rem !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-manifesto-card .manifesto-highlight-banner span {
  color: #f1fbf5 !important;
  font-size: 1.1rem !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-manifesto-card .manifesto-highlight-banner strong {
  color: #34d399 !important;
  font-weight: 800 !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-manifesto-card .cockpit-funnel-block {
  margin-bottom: 22px !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-manifesto-card .funnel-block-label {
  display: block !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  color: #a7f3d0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  margin-bottom: 12px !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-manifesto-card .cockpit-funnel-pills-structured {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-manifesto-card .c-flow-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-manifesto-card .c-flow-row .c-pill {
  flex: 1 1 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1.2px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 20px !important;
  padding: 9px 12px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 750 !important;
  color: #ffffff !important;
  white-space: nowrap !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.25s ease !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-manifesto-card .c-flow-row .c-pill:hover {
  background: rgba(16, 185, 129, 0.25) !important;
  border-color: #34d399 !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-manifesto-card .c-flow-row .c-pill i {
  color: #34d399 !important;
  font-size: 0.85rem !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-manifesto-card .c-arrow {
  color: #6ee7b7 !important;
  font-size: 0.85rem !important;
  flex-shrink: 0 !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-manifesto-card .manifesto-bottom-callout {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  background: rgba(0, 0, 0, 0.35) !important;
  border-left: 4px solid #10b981 !important;
  border-radius: 0 14px 14px 0 !important;
  padding: 14px 18px !important;
  margin-top: 14px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-manifesto-card .manifesto-bottom-callout .callout-icon {
  color: #34d399 !important;
  font-size: 1.3rem !important;
  margin-top: 2px !important;
  flex-shrink: 0 !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-manifesto-card .manifesto-bottom-callout .callout-text {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.02rem !important;
  font-weight: 600 !important;
  color: #e6fcf0 !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

/* Right Column: 5 Staggered Glass Tiles */
:is(.geo-aeo-page, .service-aligned) .cockpit-tiles-column {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-tile-card {
  position: relative !important;
  background: linear-gradient(145deg, #ffffff 0%, #fbfdfc 100%) !important;
  border: 1.5px solid #d1fae5 !important;
  border-radius: 20px !important;
  padding: 20px 24px !important;
  box-shadow: 0 4px 18px rgba(8, 133, 44, 0.05) !important;
  text-align: left !important;
  overflow: hidden !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-tile-card:hover {
  transform: translateX(6px) !important;
  border-color: #08852c !important;
  box-shadow: 0 10px 28px rgba(8, 133, 44, 0.14) !important;
  background: #ffffff !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-tile-card .tile-watermark-num {
  position: absolute !important;
  right: 20px !important;
  top: 10px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 2.85rem !important;
  font-weight: 900 !important;
  color: rgba(8, 133, 44, 0.12) !important;
  line-height: 1 !important;
  pointer-events: none !important;
  user-select: none !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-tile-card .tile-top-row {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 8px !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-tile-card .tile-icon-box {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  background: #eaf8ee !important;
  border: 1.5px solid #bbf7d0 !important;
  color: #08852c !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.1rem !important;
  flex-shrink: 0 !important;
  transition: all 0.25s ease !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-tile-card:hover .tile-icon-box {
  background: #08852c !important;
  color: #ffffff !important;
  border-color: #08852c !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-tile-card .tile-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.18rem !important;
  font-weight: 800 !important;
  color: #0e273a !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

:is(.geo-aeo-page, .service-aligned) .cockpit-tile-card .tile-desc {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 1.02rem !important;
  font-weight: 550 !important;
  color: #334155 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  padding-left: 0 !important;
}

/* ==========================================================================
   SECTION 16: WHERE DO YOU WANT YOUR BUSINESS TO BE FOUND?
   ========================================================================== */
:is(.geo-aeo-page, .service-aligned) .geo-sec16-header {
  text-align: center !important;
  margin-bottom: 40px !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-sec16-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  width: 100% !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-dest-card {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 24px 20px !important;
  border-radius: 20px !important;
  border: 1.2px solid #d9eadf !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(14, 60, 35, 0.05) !important;
}

:is(.geo-aeo-page, .service-aligned) .dest-visual-img {
  width: 100% !important;
  height: auto !important;
  border-radius: 12px !important;
  display: block !important;
  object-fit: contain !important;
}

/* ==========================================================================
   SECTION 17: FINAL CTA BANNER
   ========================================================================== */
:is(.geo-aeo-page, .service-aligned) .geo-cta-banner-card {
  border-radius: 32px !important;
  padding: 48px 44px !important;
  border: 1.5px solid #a7f3d0 !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-cta-main-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr) !important;
  gap: 0 40px !important;
  align-items: center !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-cta-struggles-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 8px 12px !important;
  margin-bottom: 20px !important;
}

:is(.geo-aeo-page, .service-aligned) .geo-cta-btn-group {
  display: flex !important;
  gap: 14px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

/* ==========================================================================
   SECTION 18: META FAQ SECTION
   ========================================================================== */
:is(.geo-aeo-page, .service-aligned) .faq-top-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr) !important;
  gap: 36px !important;
  align-items: center !important;
  margin-bottom: 36px !important;
}

:is(.geo-aeo-page, .service-aligned) .meta-faq-cards-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
  align-items: start !important;
}

:is(.geo-aeo-page, .service-aligned) .meta-faq-card {
  border-radius: 16px !important;
  border: 1.2px solid #d9eadf !important;
  background: #ffffff !important;
  margin-bottom: 12px !important;
  box-shadow: 0 4px 14px rgba(14, 60, 35, 0.04) !important;
}

/* ==========================================================================
   RESPONSIVE MEDIA QUERIES (TABLET & MOBILE)
   ========================================================================== */
@media (max-width: 991px) {
  :is(.geo-aeo-page, .service-aligned) :is(
    .geo-hero-section,
    .geo-sec2-section,
    .geo-sec3-section,
    .geo-sec4-section,
    .geo-pillar-section,
    .geo-sec8-section,
    .geo-sec9-section,
    .geo-sec10-section,
    .geo-sec11-section,
    .geo-sec12-section,
    .geo-sec13-section,
    .geo-sec14-section,
    .geo-sec15-section,
    .geo-sec16-section,
    .geo-final-cta-section,
    .meta-faq-section
  ) {
    padding: 60px 0 !important;
  }

  :is(.geo-aeo-page, .service-aligned) .geo-hero-section {
    padding-top: 136px !important;
    padding-bottom: 50px !important;
  }

  :is(.geo-aeo-page, .service-aligned) :is(
    .geo-hero-grid,
    .geo-sec2-grid,
    .geo-sec3-grid,
    .geo-sec4-grid,
    .geo-pillar-grid,
    .geo-sec8-grid,
    .geo-sec9-top-row,
    .sec14-top-layout,
    .sec15-cockpit-grid,
    .faq-top-grid
  ) {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  :is(.geo-aeo-page, .service-aligned) .geo-6challenges-panoramic-grid,
  :is(.geo-aeo-page, .service-aligned) .geo-sec10-bento-grid,
  :is(.geo-aeo-page, .service-aligned) .geo-sec16-cards-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }

  :is(.geo-aeo-page, .service-aligned) .bento-card.bento-hero-hub,
  :is(.geo-aeo-page, .service-aligned) .bento-card.bento-wide-growth {
    grid-column: span 2 !important;
  }

  :is(.geo-aeo-page, .service-aligned) :is(
    .geo-sec11-master-grid,
    .sec12-blueprint-container,
    .sec13-stream-container,
    .meta-faq-cards-grid
  ) {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  :is(.geo-aeo-page, .service-aligned) .geo-cta-main-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}

@media (max-width: 640px) {
  :is(.geo-aeo-page, .service-aligned) :is(
    .geo-hero-section,
    .geo-sec2-section,
    .geo-sec3-section,
    .geo-sec4-section,
    .geo-pillar-section,
    .geo-sec8-section,
    .geo-sec9-section,
    .geo-sec10-section,
    .geo-sec11-section,
    .geo-sec12-section,
    .geo-sec13-section,
    .geo-sec14-section,
    .geo-sec15-section,
    .geo-sec16-section,
    .geo-final-cta-section,
    .meta-faq-section
  ) {
    padding: 48px 0 !important;
  }

  :is(.geo-aeo-page, .service-aligned) .geo-hero-section {
    padding-top: 124px !important;
    padding-bottom: 40px !important;
  }

  :is(.geo-aeo-page, .service-aligned) :is(
    .geo-5features-grid,
    .comp-channels-grid,
    .geo-sec3-questions-grid,
    .geo-sec3-pillars-grid,
    .geo-7touchpoints-grid,
    .geo-signals-network,
    .geo-3channels-row,
    .geo-6challenges-panoramic-grid,
    .geo-sec10-bento-grid,
    .geo-6metrics-grid,
    .ind-capsules-cloud-stream,
    .geo-sec16-cards-grid,
    .geo-cta-struggles-grid
  ) {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  :is(.geo-aeo-page, .service-aligned) .bento-card.bento-hero-hub,
  :is(.geo-aeo-page, .service-aligned) .bento-card.bento-wide-growth {
    grid-column: span 1 !important;
    grid-template-columns: 1fr !important;
  }

  :is(.geo-aeo-page, .service-aligned) .geo-cta-banner-card {
    padding: 30px 18px !important;
  }
}