/* ==========================================================================
   GLOBAL THEME ARCHITECTURE:
   1. Universal container margins/padding matching Free Audit section
   2. Seamless light background with subtle Google color gradient shifts (no borders)
   3. Universal 'why-badge' 4-dot pill design
   4. Reduced top-bottom margins/padding for compact elegance
   5. 2-column FAQ grid layout
   6. Elevated hover pop-up modal card zoom effects
   ========================================================================== */

/* Universal Container Sizing */
.container-rd,
.audit-container,
.why-container,
.stages-container,
.real-problem-container,
.value-offer-container,
.business-first-container,
.keyword-strategy-container,
.builder-container,
.process-container,
.conversion-container,
.dashboard-container,
.arsenal-container,
.partner-diff-container,
.reviews-container,
.pricing-container,
.faq-container {
    max-width: var(--container-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--container-padding) !important;
    padding-right: var(--container-padding) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Base Body Background */
body {
    background: linear-gradient(180deg, #ffffff 0%, #fffdfa 12%, #faf9f6 28%, #f8f9fb 48%, #fafbfc 65%, #fffdfa 82%, #ffffff 100%) !important;
    position: relative;
}

.app {
    position: relative;
    z-index: 1;
}

/* All sections: seamless light theme, zero border lines */
.hero,
.stats-strip-section,
.platform-marquee-section,
.why-google-ads-section,
.search-intent-section,
.search-ad-stages-section,
.real-problem-section,
.value-offer-section,
.business-first-section,
.keyword-strategy-section,
.ad-builder-section,
.process-section,
.text-marquee-section,
.conversion-tracking-section,
.dashboard-section,
.arsenal-section,
.search-ads-industries-section,
.partner-diff-section,
.google-reviews-section,
.audit-section,
.pricing-section,
.faq-section {
    position: relative;
    z-index: 2;
    border-top: none !important;
    border-bottom: none !important;
    border: none !important;
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
}

@media (max-width: 639px) {
    .hero {
        padding-top: 3rem !important;
        margin-top: 3rem !important;
    }
}

@media (min-width: 640px) {
    .hero {
        padding-top: 5rem !important;
        padding-bottom: 3.5rem !important;
    }

    .why-google-ads-section,
    .search-intent-section,
    .search-ad-stages-section,
    .real-problem-section,
    .value-offer-section,
    .business-first-section,
    .keyword-strategy-section,
    .ad-builder-section,
    .process-section,
    .conversion-tracking-section,
    .dashboard-section,
    .arsenal-section,
    .search-ads-industries-section,
    .partner-diff-section,
    .google-reviews-section,
    .audit-section,
    .pricing-section,
    .faq-section {
        padding-top: 2.75rem !important;
        padding-bottom: 2.75rem !important;
    }
}

/* Per-Section Subtle Google Color Tints */
.hero {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 253, 250, 0.85) 40%, rgba(250, 249, 246, 0.75) 75%, rgba(248, 249, 251, 0.65) 100%) !important;
}

.stats-strip-section,
.platform-marquee-section {
    background: rgba(248, 249, 251, 0.4) !important;
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

.why-google-ads-section {
    background: linear-gradient(180deg, rgba(248, 249, 251, 0.4) 0%, rgba(232, 240, 254, 0.2) 50%, rgba(255, 255, 255, 0.5) 100%) !important;
}

.search-intent-section {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(254, 247, 224, 0.18) 50%, rgba(248, 249, 251, 0.4) 100%) !important;
}

.search-ad-stages-section {
    background: linear-gradient(180deg, rgba(248, 249, 251, 0.4) 0%, rgba(230, 244, 234, 0.18) 50%, rgba(255, 255, 255, 0.5) 100%) !important;
}

.real-problem-section {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(252, 232, 230, 0.14) 50%, rgba(250, 249, 246, 0.45) 100%) !important;
}

.value-offer-section {
    background: linear-gradient(180deg, rgba(250, 249, 246, 0.45) 0%, rgba(248, 249, 251, 0.5) 50%, rgba(232, 240, 254, 0.15) 100%) !important;
}

.business-first-section {
    background: linear-gradient(180deg, rgba(248, 249, 251, 0.4) 0%, rgba(255, 255, 255, 0.5) 100%) !important;
}

.keyword-strategy-section {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(254, 247, 224, 0.15) 50%, rgba(248, 249, 251, 0.45) 100%) !important;
}

.ad-builder-section {
    background: linear-gradient(180deg, rgba(248, 249, 251, 0.45) 0%, rgba(230, 244, 234, 0.15) 50%, rgba(255, 255, 255, 0.5) 100%) !important;
}

.process-section {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(232, 240, 254, 0.18) 50%, rgba(250, 249, 246, 0.45) 100%) !important;
}

.text-marquee-section {
    background: rgba(255, 255, 255, 0.4) !important;
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

.conversion-tracking-section {
    background: linear-gradient(180deg, rgba(250, 249, 246, 0.45) 0%, rgba(248, 249, 251, 0.45) 50%, rgba(255, 255, 255, 0.5) 100%) !important;
}

.dashboard-section {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(248, 249, 251, 0.45) 100%) !important;
}

.arsenal-section {
    background: linear-gradient(180deg, rgba(248, 249, 251, 0.45) 0%, rgba(232, 240, 254, 0.2) 50%, rgba(255, 255, 255, 0.5) 100%) !important;
}

.search-ads-industries-section {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(230, 244, 234, 0.15) 100%) !important;
}

.partner-diff-section {
    background: linear-gradient(180deg, rgba(248, 249, 251, 0.45) 0%, rgba(250, 249, 246, 0.45) 100%) !important;
}

.google-reviews-section {
    background: linear-gradient(180deg, rgba(250, 249, 246, 0.45) 0%, rgba(254, 247, 224, 0.12) 100%) !important;
}

.audit-section {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(248, 249, 251, 0.45) 100%) !important;
}

.pricing-section {
    background: linear-gradient(180deg, rgba(248, 249, 251, 0.45) 0%, rgba(232, 240, 254, 0.18) 50%, rgba(255, 255, 255, 0.5) 100%) !important;
}

.faq-section {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%) !important;
}

/* Final CTA retains dark theme */
.final-cta-section {
    background: rgba(32, 33, 36, 0.96) !important;
    position: relative;
    z-index: 2;
}

/* ==========================================================================
   UNIVERSAL BADGE STYLING (matching why-badge / audit-badge)
   ========================================================================== */
.why-badge,
.audit-badge,
.stages-badge,
.partner-diff-badge,
.eyebrow-pill,
.arsenal-badge-wrap,
.section-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0.35rem 0.95rem !important;
    background: #ffffff !important;
    border: 1px solid var(--hairline) !important;
    border-radius: 9999px !important;
    font-family: var(--font-mono) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--ink) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    margin-bottom: 0.75rem !important;
    box-shadow: 0 1px 4px rgba(32, 33, 36, 0.04) !important;
}

.audit-dots {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.audit-dot {
    width: 6.5px;
    height: 6.5px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.audit-dot-blue {
    background-color: #4285F4;
}

.audit-dot-red {
    background-color: #EA4335;
}

.audit-dot-yellow {
    background-color: #FBBC05;
}

.audit-dot-green {
    background-color: #34A853;
}

/* Gold Accent Yellow Text for Section Titles */
.gold-accent,
.why-title .gold-accent {
    color: #fbbc05 !important;
    background: linear-gradient(135deg, #fbbc05 0%, #ea8600 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* ==========================================================================
   2-COLUMN FAQ GRID (2 FAQs per row)
   ========================================================================== */
.faq-grid-2col {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
    width: 100% !important;
}

@media (min-width: 768px) {
    .faq-grid-2col {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 1.25rem !important;
        align-items: start !important;
    }
}

.faq-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.85rem !important;
}

.faq-card-item,
.faq-item {
    background: #ffffff !important;
    border: 1px solid var(--hairline) !important;
    border-radius: 1.15rem !important;
    overflow: hidden !important;
    transition: box-shadow 250ms ease, border-color 250ms ease !important;
    box-shadow: 0 1px 4px rgba(32, 33, 36, 0.03) !important;
}

.faq-card-item:hover,
.faq-item:hover {
    border-color: rgba(66, 133, 244, 0.3) !important;
    box-shadow: 0 4px 16px -4px rgba(66, 133, 244, 0.1) !important;
}

.faq-trigger {
    width: 100% !important;
    padding: 1.1rem 1.25rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    background: transparent !important;
    border: none !important;
    font-family: var(--font-display) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--ink) !important;
    text-align: left !important;
    cursor: pointer !important;
    transition: color 200ms ease !important;
}

.faq-trigger:hover {
    color: var(--g-blue) !important;
}

.faq-trigger svg {
    flex-shrink: 0 !important;
    transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1) !important;
    color: var(--soft) !important;
}

.faq-card-item.is-open .faq-trigger svg,
.faq-item.is-open .faq-trigger svg {
    transform: rotate(180deg) !important;
    color: var(--g-blue) !important;
}

.faq-content {
    display: none;
    padding: 0 1.25rem 1.15rem 1.25rem !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: var(--soft) !important;
}

.faq-card-item.is-open .faq-content,
.faq-item.is-open .faq-content {
    display: block !important;
}

/* ==========================================================================
   UNIVERSAL GOOGLE MULTICOLOR HOVER GLOW FOR ALL CARDS
   ========================================================================== */
.why-card,
.intent-card,
.stage-card,
.arsenal-card,
.business-first-card,
.pricing-card,
.industry-stacked-card,
.review-card,
.review-quote-card,
.faq-card-item,
.partner-diff-card,
.partner-card,
.value-offer-card,
.stat-card,
.keyword-map-card,
.card-rd {
    transition: transform 320ms cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 320ms cubic-bezier(0.16, 1, 0.3, 1),
        border-color 260ms ease,
        background-color 260ms ease !important;
    position: relative;
    transform-origin: center center;
}

.why-card:hover,
.intent-card:hover,
.stage-card:hover,
.arsenal-card:hover,
.business-first-card:hover,
.pricing-card:hover,
.industry-stacked-card:hover,
.review-card:hover,
.review-quote-card:hover,
.faq-card-item:hover,
.partner-diff-card:hover,
.partner-card:hover,
.value-offer-card:hover,
.stat-card:hover,
.card-rd:hover {
    transform: translateY(-6px) scale(1.025) !important;
    z-index: 40 !important;
    background: #ffffff !important;
    border-color: transparent !important;
    animation: google-multicolor-glow 2.5s linear infinite !important;
    box-shadow: 0 25px 60px -12px rgba(66, 133, 244, 0.32), 0 0 0 2.5px rgba(66, 133, 244, 0.45) !important;
}

@keyframes google-multicolor-glow {
    0% {
        box-shadow: 0 25px 60px -12px rgba(66, 133, 244, 0.35), 0 0 0 2.5px rgba(66, 133, 244, 0.5), 0 0 32px rgba(66, 133, 244, 0.2);
    }

    25% {
        box-shadow: 0 25px 60px -12px rgba(234, 67, 53, 0.35), 0 0 0 2.5px rgba(234, 67, 53, 0.5), 0 0 32px rgba(234, 67, 53, 0.2);
    }

    50% {
        box-shadow: 0 25px 60px -12px rgba(251, 188, 5, 0.35), 0 0 0 2.5px rgba(251, 188, 5, 0.5), 0 0 32px rgba(251, 188, 5, 0.2);
    }

    75% {
        box-shadow: 0 25px 60px -12px rgba(52, 168, 83, 0.35), 0 0 0 2.5px rgba(52, 168, 83, 0.5), 0 0 32px rgba(52, 168, 83, 0.2);
    }

    100% {
        box-shadow: 0 25px 60px -12px rgba(66, 133, 244, 0.35), 0 0 0 2.5px rgba(66, 133, 244, 0.5), 0 0 32px rgba(66, 133, 244, 0.2);
    }
}

/* Extra detailed metrics container revealed smoothly on hover */
.card-popup-details {
    margin-top: 1rem;
    padding-top: 0.85rem;
    border-top: 1px dashed var(--hairline);
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    font-size: 12px;
    color: var(--soft);
    animation: fadeInModal 250ms ease forwards;
}

.card-popup-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: var(--font-mono);
}

.card-popup-row strong {
    color: var(--ink);
    font-weight: 700;
}

@keyframes fadeInModal {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ==========================================================================
   HIGH-IMPACT CTA BUTTON ANIMATIONS:
   1. Shiny flash shimmer streak effect
   2. Pop-up vibrating ring / glowing aura pulse
   3. Flash-sale breathing pop highlight effect
   ========================================================================== */

@keyframes ctaShimmer {
    0% {
        transform: translateX(-160%) skewX(-25deg);
    }
    30%, 100% {
        transform: translateX(260%) skewX(-25deg);
    }
}

@keyframes ctaPulseRing {
    0% {
        box-shadow: 0 0 0 0 rgba(66, 133, 244, 0.55), 0 4px 14px rgba(66, 133, 244, 0.3);
    }
    70% {
        box-shadow: 0 0 0 14px rgba(66, 133, 244, 0), 0 6px 22px rgba(66, 133, 244, 0.2);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(66, 133, 244, 0), 0 4px 14px rgba(66, 133, 244, 0.3);
    }
}

@keyframes ctaVibrateShake {
    0%, 100% {
        transform: scale(1) translate(0, 0) rotate(0deg);
    }
    3% {
        transform: scale(1.04) translate(-2.5px, -1.5px) rotate(-2deg);
    }
    6% {
        transform: scale(1.04) translate(2.5px, 1.5px) rotate(2deg);
    }
    9% {
        transform: scale(1.04) translate(-2.5px, 1.5px) rotate(-2deg);
    }
    12% {
        transform: scale(1.04) translate(2.5px, -1.5px) rotate(2deg);
    }
    15% {
        transform: scale(1.02) translate(-1px, 0) rotate(-0.5deg);
    }
    18% {
        transform: scale(1) translate(0, 0) rotate(0deg);
    }
}

@keyframes ctaHoverVibrate {
    0%, 100% { transform: translateY(-3px) scale(1.05) translate(0, 0) rotate(0deg); }
    20% { transform: translateY(-3px) scale(1.05) translate(-2px, 1px) rotate(-1.2deg); }
    40% { transform: translateY(-3px) scale(1.05) translate(2px, -1px) rotate(1.2deg); }
    60% { transform: translateY(-3px) scale(1.05) translate(-1.5px, -1px) rotate(-0.8deg); }
    80% { transform: translateY(-3px) scale(1.05) translate(1.5px, 1px) rotate(0.8deg); }
}

.btn-primary,
.btn-cta,
.btn-audit-primary,
.btn-pricing-cta,
.btn-pricing-primary,
.btn-why-cta,
.btn-value-audit,
.btn-make-ad-live,
.btn-final-primary,
.inquiry-strip-btn,
.btn-why-modal-cta,
.stage-modal-cta-btn {
    position: relative !important;
    overflow: hidden !important;
    animation: ctaPulseRing 2.5s infinite cubic-bezier(0.4, 0, 0.2, 1), ctaVibrateShake 3.5s infinite ease-in-out !important;
    transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.28s ease, background 0.28s ease, filter 0.28s ease !important;
    will-change: transform, box-shadow;
}

.btn-primary::before,
.btn-cta::before,
.btn-audit-primary::before,
.btn-pricing-cta::before,
.btn-pricing-primary::before,
.btn-why-cta::before,
.btn-value-audit::before,
.btn-make-ad-live::before,
.btn-final-primary::before,
.inquiry-strip-btn::before,
.btn-why-modal-cta::before,
.stage-modal-cta-btn::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    left: 0 !important;
    width: 60% !important;
    height: 200% !important;
    background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.55) 50%, transparent 100%) !important;
    transform: translateX(-160%) skewX(-25deg);
    animation: ctaShimmer 3.2s infinite ease-in-out !important;
    pointer-events: none !important;
    z-index: 5 !important;
}

.btn-primary:hover,
.btn-cta:hover,
.btn-audit-primary:hover,
.btn-pricing-cta:hover,
.btn-pricing-primary:hover,
.btn-why-cta:hover,
.btn-value-audit:hover,
.btn-make-ad-live:hover,
.btn-final-primary:hover,
.inquiry-strip-btn:hover,
.btn-why-modal-cta:hover,
.stage-modal-cta-btn:hover {
    animation: ctaHoverVibrate 0.35s infinite ease-in-out !important;
    box-shadow: 0 12px 28px -4px rgba(66, 133, 244, 0.6), 0 0 22px rgba(251, 188, 5, 0.5) !important;
    filter: brightness(1.08) !important;
}

.btn-primary:active,
.btn-cta:active,
.btn-audit-primary:active,
.btn-pricing-cta:active,
.btn-pricing-primary:active,
.btn-why-cta:active,
.btn-value-audit:active,
.btn-make-ad-live:active,
.btn-final-primary:active,
.inquiry-strip-btn:active,
.btn-why-modal-cta:active,
.stage-modal-cta-btn:active {
    animation: none !important;
    transform: translateY(0) scale(0.97) !important;
    box-shadow: 0 4px 12px rgba(66, 133, 244, 0.3) !important;
}

/* ==========================================================================
   UNIVERSAL GOOGLE BRAND COLOR HOVER SYSTEM FOR 7 SECTIONS:
   Cards change background to Google logo colors (#4285F4, #EA4335, #FBBC05, #34A853)
   with 100% font legibility & high contrast.
   ========================================================================== */

/* 1. WHY INVEST IN GOOGLE SEARCH ADS? (.why-card) */
.why-card.card-theme-blue:hover {
    background: #4285f4 !important;
    border-color: #4285f4 !important;
    box-shadow: 0 20px 48px -10px rgba(66, 133, 244, 0.55) !important;
}
.why-card.card-theme-blue:hover .why-card-title,
.why-card.card-theme-blue:hover .why-card-desc,
.why-card.card-theme-blue:hover .why-card-num,
.why-card.card-theme-blue:hover .preview-pill-left,
.why-card.card-theme-blue:hover .preview-pill-left span,
.why-card.card-theme-blue:hover .why-card-hover-hint,
.why-card.card-theme-blue:hover .why-card-hover-hint span {
    color: #ffffff !important;
}
.why-card.card-theme-blue:hover .why-icon-badge,
.why-card.card-theme-blue:hover .why-tag-mini,
.why-card.card-theme-blue:hover .ad-chip-item,
.why-card.card-theme-blue:hover .why-card-preview-box {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}
.why-card.card-theme-blue:hover .preview-pill-metric {
    background: rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.why-card.card-theme-red:hover {
    background: #ea4335 !important;
    border-color: #ea4335 !important;
    box-shadow: 0 20px 48px -10px rgba(234, 67, 53, 0.55) !important;
}
.why-card.card-theme-red:hover .why-card-title,
.why-card.card-theme-red:hover .why-card-desc,
.why-card.card-theme-red:hover .why-card-num,
.why-card.card-theme-red:hover .preview-pill-left,
.why-card.card-theme-red:hover .preview-pill-left span,
.why-card.card-theme-red:hover .why-card-hover-hint,
.why-card.card-theme-red:hover .why-card-hover-hint span {
    color: #ffffff !important;
}
.why-card.card-theme-red:hover .why-icon-badge,
.why-card.card-theme-red:hover .why-tag-mini,
.why-card.card-theme-red:hover .ad-chip-item,
.why-card.card-theme-red:hover .why-card-preview-box {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}
.why-card.card-theme-red:hover .preview-pill-metric {
    background: rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.why-card.card-theme-yellow:hover {
    background: #fbbc05 !important;
    border-color: #fbbc05 !important;
    box-shadow: 0 20px 48px -10px rgba(251, 188, 5, 0.55) !important;
}
.why-card.card-theme-yellow:hover .why-card-title,
.why-card.card-theme-yellow:hover .why-card-desc,
.why-card.card-theme-yellow:hover .why-card-num,
.why-card.card-theme-yellow:hover .preview-pill-left,
.why-card.card-theme-yellow:hover .preview-pill-left span,
.why-card.card-theme-yellow:hover .why-card-hover-hint,
.why-card.card-theme-yellow:hover .why-card-hover-hint span {
    color: #202124 !important;
}
.why-card.card-theme-yellow:hover .why-icon-badge,
.why-card.card-theme-yellow:hover .why-tag-mini,
.why-card.card-theme-yellow:hover .ad-chip-item,
.why-card.card-theme-yellow:hover .why-card-preview-box {
    background: rgba(32, 33, 36, 0.12) !important;
    color: #202124 !important;
    border-color: rgba(32, 33, 36, 0.25) !important;
}
.why-card.card-theme-yellow:hover .preview-pill-metric {
    background: rgba(32, 33, 36, 0.15) !important;
    color: #202124 !important;
    border: 1px solid rgba(32, 33, 36, 0.25) !important;
}

.why-card.card-theme-green:hover {
    background: #34a853 !important;
    border-color: #34a853 !important;
    box-shadow: 0 20px 48px -10px rgba(52, 168, 83, 0.55) !important;
}
.why-card.card-theme-green:hover .why-card-title,
.why-card.card-theme-green:hover .why-card-desc,
.why-card.card-theme-green:hover .why-card-num,
.why-card.card-theme-green:hover .preview-pill-left,
.why-card.card-theme-green:hover .preview-pill-left span,
.why-card.card-theme-green:hover .why-card-hover-hint,
.why-card.card-theme-green:hover .why-card-hover-hint span {
    color: #ffffff !important;
}
.why-card.card-theme-green:hover .why-icon-badge,
.why-card.card-theme-green:hover .why-tag-mini,
.why-card.card-theme-green:hover .ad-chip-item,
.why-card.card-theme-green:hover .why-card-preview-box {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}
.why-card.card-theme-green:hover .preview-pill-metric {
    background: rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

/* 2. SEARCH INTENT · BUYING SIGNALS (.intent-card) */
.intent-card.intent-theme-blue:hover {
    background: #4285f4 !important;
    border-color: #4285f4 !important;
    box-shadow: 0 20px 48px -10px rgba(66, 133, 244, 0.55) !important;
}
.intent-card.intent-theme-blue:hover .intent-card-title,
.intent-card.intent-theme-blue:hover .intent-card-desc,
.intent-card.intent-theme-blue:hover .intent-detail-label,
.intent-card.intent-theme-blue:hover .intent-detail-val {
    color: #ffffff !important;
}
.intent-card.intent-theme-blue:hover .intent-icon-badge,
.intent-card.intent-theme-blue:hover .intent-tag-mini,
.intent-card.intent-theme-blue:hover .intent-query-box {
    background: rgba(255, 255, 255, 0.22) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
}

.intent-card.intent-theme-yellow:hover {
    background: #fbbc05 !important;
    border-color: #fbbc05 !important;
    box-shadow: 0 20px 48px -10px rgba(251, 188, 5, 0.55) !important;
}
.intent-card.intent-theme-yellow:hover .intent-card-title,
.intent-card.intent-theme-yellow:hover .intent-card-desc,
.intent-card.intent-theme-yellow:hover .intent-detail-label,
.intent-card.intent-theme-yellow:hover .intent-detail-val {
    color: #202124 !important;
}
.intent-card.intent-theme-yellow:hover .intent-icon-badge,
.intent-card.intent-theme-yellow:hover .intent-tag-mini,
.intent-card.intent-theme-yellow:hover .intent-query-box {
    background: rgba(32, 33, 36, 0.12) !important;
    border-color: rgba(32, 33, 36, 0.25) !important;
    color: #202124 !important;
}

.intent-card.intent-theme-green:hover {
    background: #34a853 !important;
    border-color: #34a853 !important;
    box-shadow: 0 20px 48px -10px rgba(52, 168, 83, 0.55) !important;
}
.intent-card.intent-theme-green:hover .intent-card-title,
.intent-card.intent-theme-green:hover .intent-card-desc,
.intent-card.intent-theme-green:hover .intent-detail-label,
.intent-card.intent-theme-green:hover .intent-detail-val {
    color: #ffffff !important;
}
.intent-card.intent-theme-green:hover .intent-icon-badge,
.intent-card.intent-theme-green:hover .intent-tag-mini,
.intent-card.intent-theme-green:hover .intent-query-box {
    background: rgba(255, 255, 255, 0.22) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
}

.intent-card.intent-theme-gray:hover {
    background: #ea4335 !important;
    border-color: #ea4335 !important;
    box-shadow: 0 20px 48px -10px rgba(234, 67, 53, 0.55) !important;
}
.intent-card.intent-theme-gray:hover .intent-card-title,
.intent-card.intent-theme-gray:hover .intent-card-desc,
.intent-card.intent-theme-gray:hover .intent-detail-label,
.intent-card.intent-theme-gray:hover .intent-detail-val {
    color: #ffffff !important;
}
.intent-card.intent-theme-gray:hover .intent-icon-badge,
.intent-card.intent-theme-gray:hover .intent-tag-mini,
.intent-card.intent-theme-gray:hover .intent-query-box {
    background: rgba(255, 255, 255, 0.22) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
}

/* 3. FROM A SEARCH QUERY TO A BUSINESS OUTCOME (.stage-card) */
.stage-card.card-theme-blue:hover,
.stage-card.stage-theme-blue:hover {
    background: #4285f4 !important;
    border-color: #4285f4 !important;
    box-shadow: 0 20px 48px -10px rgba(66, 133, 244, 0.55) !important;
}
.stage-card.card-theme-blue:hover .stage-heading,
.stage-card.card-theme-blue:hover .stage-desc,
.stage-card.card-theme-blue:hover .stage-preview-label,
.stage-card.card-theme-blue:hover .stage-preview-val,
.stage-card.card-theme-blue:hover .stage-pill-text,
.stage-card.card-theme-blue:hover .stage-pill-text span,
.stage-card.card-theme-blue:hover .stage-card-hover-hint,
.stage-card.card-theme-blue:hover .stage-card-hover-hint span,
.stage-card.stage-theme-blue:hover .stage-heading,
.stage-card.stage-theme-blue:hover .stage-desc,
.stage-card.stage-theme-blue:hover .stage-preview-label,
.stage-card.stage-theme-blue:hover .stage-preview-val,
.stage-card.stage-theme-blue:hover .stage-pill-text,
.stage-card.stage-theme-blue:hover .stage-pill-text span,
.stage-card.stage-theme-blue:hover .stage-card-hover-hint,
.stage-card.stage-theme-blue:hover .stage-card-hover-hint span {
    color: #ffffff !important;
}
.stage-card.card-theme-blue:hover .stage-icon-box,
.stage-card.card-theme-blue:hover .stage-card-num-badge,
.stage-card.card-theme-blue:hover .stage-preview-pill,
.stage-card.card-theme-blue:hover .stage-pill-metric,
.stage-card.stage-theme-blue:hover .stage-icon-box,
.stage-card.stage-theme-blue:hover .stage-card-num-badge,
.stage-card.stage-theme-blue:hover .stage-preview-pill,
.stage-card.stage-theme-blue:hover .stage-pill-metric {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

.stage-card.card-theme-red:hover,
.stage-card.stage-theme-red:hover {
    background: #ea4335 !important;
    border-color: #ea4335 !important;
    box-shadow: 0 20px 48px -10px rgba(234, 67, 53, 0.55) !important;
}
.stage-card.card-theme-red:hover .stage-heading,
.stage-card.card-theme-red:hover .stage-desc,
.stage-card.card-theme-red:hover .stage-preview-label,
.stage-card.card-theme-red:hover .stage-preview-val,
.stage-card.card-theme-red:hover .stage-pill-text,
.stage-card.card-theme-red:hover .stage-pill-text span,
.stage-card.card-theme-red:hover .stage-card-hover-hint,
.stage-card.card-theme-red:hover .stage-card-hover-hint span,
.stage-card.stage-theme-red:hover .stage-heading,
.stage-card.stage-theme-red:hover .stage-desc,
.stage-card.stage-theme-red:hover .stage-preview-label,
.stage-card.stage-theme-red:hover .stage-preview-val,
.stage-card.stage-theme-red:hover .stage-pill-text,
.stage-card.stage-theme-red:hover .stage-pill-text span,
.stage-card.stage-theme-red:hover .stage-card-hover-hint,
.stage-card.stage-theme-red:hover .stage-card-hover-hint span {
    color: #ffffff !important;
}
.stage-card.card-theme-red:hover .stage-icon-box,
.stage-card.card-theme-red:hover .stage-card-num-badge,
.stage-card.card-theme-red:hover .stage-preview-pill,
.stage-card.card-theme-red:hover .stage-pill-metric,
.stage-card.stage-theme-red:hover .stage-icon-box,
.stage-card.stage-theme-red:hover .stage-card-num-badge,
.stage-card.stage-theme-red:hover .stage-preview-pill,
.stage-card.stage-theme-red:hover .stage-pill-metric {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

.stage-card.card-theme-yellow:hover,
.stage-card.stage-theme-yellow:hover {
    background: #fbbc05 !important;
    border-color: #fbbc05 !important;
    box-shadow: 0 20px 48px -10px rgba(251, 188, 5, 0.55) !important;
}
.stage-card.card-theme-yellow:hover .stage-heading,
.stage-card.card-theme-yellow:hover .stage-desc,
.stage-card.card-theme-yellow:hover .stage-preview-label,
.stage-card.card-theme-yellow:hover .stage-preview-val,
.stage-card.card-theme-yellow:hover .stage-pill-text,
.stage-card.card-theme-yellow:hover .stage-pill-text span,
.stage-card.card-theme-yellow:hover .stage-card-hover-hint,
.stage-card.card-theme-yellow:hover .stage-card-hover-hint span,
.stage-card.stage-theme-yellow:hover .stage-heading,
.stage-card.stage-theme-yellow:hover .stage-desc,
.stage-card.stage-theme-yellow:hover .stage-preview-label,
.stage-card.stage-theme-yellow:hover .stage-preview-val,
.stage-card.stage-theme-yellow:hover .stage-pill-text,
.stage-card.stage-theme-yellow:hover .stage-pill-text span,
.stage-card.stage-theme-yellow:hover .stage-card-hover-hint,
.stage-card.stage-theme-yellow:hover .stage-card-hover-hint span {
    color: #202124 !important;
}
.stage-card.card-theme-yellow:hover .stage-icon-box,
.stage-card.card-theme-yellow:hover .stage-card-num-badge,
.stage-card.card-theme-yellow:hover .stage-preview-pill,
.stage-card.card-theme-yellow:hover .stage-pill-metric,
.stage-card.stage-theme-yellow:hover .stage-icon-box,
.stage-card.stage-theme-yellow:hover .stage-card-num-badge,
.stage-card.stage-theme-yellow:hover .stage-preview-pill,
.stage-card.stage-theme-yellow:hover .stage-pill-metric {
    background: rgba(32, 33, 36, 0.12) !important;
    color: #202124 !important;
    border-color: rgba(32, 33, 36, 0.25) !important;
}

.stage-card.card-theme-green:hover,
.stage-card.stage-theme-green:hover {
    background: #34a853 !important;
    border-color: #34a853 !important;
    box-shadow: 0 20px 48px -10px rgba(52, 168, 83, 0.55) !important;
}
.stage-card.card-theme-green:hover .stage-heading,
.stage-card.card-theme-green:hover .stage-desc,
.stage-card.card-theme-green:hover .stage-preview-label,
.stage-card.card-theme-green:hover .stage-preview-val,
.stage-card.card-theme-green:hover .stage-pill-text,
.stage-card.card-theme-green:hover .stage-pill-text span,
.stage-card.card-theme-green:hover .stage-card-hover-hint,
.stage-card.card-theme-green:hover .stage-card-hover-hint span,
.stage-card.stage-theme-green:hover .stage-heading,
.stage-card.stage-theme-green:hover .stage-desc,
.stage-card.stage-theme-green:hover .stage-preview-label,
.stage-card.stage-theme-green:hover .stage-preview-val,
.stage-card.stage-theme-green:hover .stage-pill-text,
.stage-card.stage-theme-green:hover .stage-pill-text span,
.stage-card.stage-theme-green:hover .stage-card-hover-hint,
.stage-card.stage-theme-green:hover .stage-card-hover-hint span {
    color: #ffffff !important;
}
.stage-card.card-theme-green:hover .stage-icon-box,
.stage-card.card-theme-green:hover .stage-card-num-badge,
.stage-card.card-theme-green:hover .stage-preview-pill,
.stage-card.card-theme-green:hover .stage-pill-metric,
.stage-card.stage-theme-green:hover .stage-icon-box,
.stage-card.stage-theme-green:hover .stage-card-num-badge,
.stage-card.stage-theme-green:hover .stage-preview-pill,
.stage-card.stage-theme-green:hover .stage-pill-metric {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

/* 4. THE REAL PROBLEM WITH AVERAGE GOOGLE ADS (.problem-card) */
.problem-card {
    min-height: 140px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.problem-card-title {
    font-family: var(--font-display) !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
    margin: 0 !important;
    transition: color 250ms ease, transform 250ms ease !important;
}

.problem-card.card-theme-red:hover {
    background: #ea4335 !important;
    border-color: #ea4335 !important;
    box-shadow: 0 20px 44px -10px rgba(234, 67, 53, 0.55) !important;
}
.problem-card.card-theme-red:hover .problem-card-title {
    color: #ffffff !important;
}

.problem-card.card-theme-yellow:hover {
    background: #fbbc05 !important;
    border-color: #fbbc05 !important;
    box-shadow: 0 20px 44px -10px rgba(251, 188, 5, 0.55) !important;
}
.problem-card.card-theme-yellow:hover .problem-card-title {
    color: #202124 !important;
}

.problem-card.card-theme-blue:hover {
    background: #4285f4 !important;
    border-color: #4285f4 !important;
    box-shadow: 0 20px 44px -10px rgba(66, 133, 244, 0.55) !important;
}
.problem-card.card-theme-blue:hover .problem-card-title {
    color: #ffffff !important;
}

.problem-card.card-theme-green:hover {
    background: #34a853 !important;
    border-color: #34a853 !important;
    box-shadow: 0 20px 44px -10px rgba(52, 168, 83, 0.55) !important;
}
.problem-card.card-theme-green:hover .problem-card-title {
    color: #ffffff !important;
}

/* 5. YOU WOULDN'T FLY A PLANE BLIND / BUSINESS-FIRST (.business-first-card) */
.business-first-card.card-theme-blue:hover {
    background: #4285f4 !important;
    border-color: #4285f4 !important;
    box-shadow: 0 20px 48px -10px rgba(66, 133, 244, 0.55) !important;
}
.business-first-card.card-theme-blue:hover .business-first-card-title,
.business-first-card.card-theme-blue:hover .business-first-card-desc,
.business-first-card.card-theme-blue:hover .business-first-badge-pill {
    color: #ffffff !important;
}
.business-first-card.card-theme-blue:hover .business-first-icon-wrap,
.business-first-card.card-theme-blue:hover .business-first-badge-pill {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

.business-first-card.card-theme-red:hover {
    background: #ea4335 !important;
    border-color: #ea4335 !important;
    box-shadow: 0 20px 48px -10px rgba(234, 67, 53, 0.55) !important;
}
.business-first-card.card-theme-red:hover .business-first-card-title,
.business-first-card.card-theme-red:hover .business-first-card-desc,
.business-first-card.card-theme-red:hover .business-first-badge-pill {
    color: #ffffff !important;
}
.business-first-card.card-theme-red:hover .business-first-icon-wrap,
.business-first-card.card-theme-red:hover .business-first-badge-pill {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

.business-first-card.card-theme-yellow:hover {
    background: #fbbc05 !important;
    border-color: #fbbc05 !important;
    box-shadow: 0 20px 48px -10px rgba(251, 188, 5, 0.55) !important;
}
.business-first-card.card-theme-yellow:hover .business-first-card-title,
.business-first-card.card-theme-yellow:hover .business-first-card-desc,
.business-first-card.card-theme-yellow:hover .business-first-badge-pill {
    color: #202124 !important;
}
.business-first-card.card-theme-yellow:hover .business-first-icon-wrap,
.business-first-card.card-theme-yellow:hover .business-first-badge-pill {
    background: rgba(32, 33, 36, 0.12) !important;
    color: #202124 !important;
    border-color: rgba(32, 33, 36, 0.25) !important;
}

.business-first-card.card-theme-green:hover {
    background: #34a853 !important;
    border-color: #34a853 !important;
    box-shadow: 0 20px 48px -10px rgba(52, 168, 83, 0.55) !important;
}
.business-first-card.card-theme-green:hover .business-first-card-title,
.business-first-card.card-theme-green:hover .business-first-card-desc,
.business-first-card.card-theme-green:hover .business-first-badge-pill {
    color: #ffffff !important;
}
.business-first-card.card-theme-green:hover .business-first-icon-wrap,
.business-first-card.card-theme-green:hover .business-first-badge-pill {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

/* 6. ENGINEERED FOR DOMINANCE (.arsenal-card) */
.arsenal-card.card-theme-blue:hover {
    background: #4285f4 !important;
    border-color: #4285f4 !important;
    box-shadow: 0 20px 48px -10px rgba(66, 133, 244, 0.55) !important;
}
.arsenal-card.card-theme-blue:hover .arsenal-card-title,
.arsenal-card.card-theme-blue:hover .arsenal-card-desc,
.arsenal-card.card-theme-blue:hover .arsenal-pill-text {
    color: #ffffff !important;
}
.arsenal-card.card-theme-blue:hover .arsenal-icon-wrap,
.arsenal-card.card-theme-blue:hover .arsenal-preview-pill,
.arsenal-card.card-theme-blue:hover .arsenal-pill-metric {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

.arsenal-card.card-theme-red:hover {
    background: #ea4335 !important;
    border-color: #ea4335 !important;
    box-shadow: 0 20px 48px -10px rgba(234, 67, 53, 0.55) !important;
}
.arsenal-card.card-theme-red:hover .arsenal-card-title,
.arsenal-card.card-theme-red:hover .arsenal-card-desc,
.arsenal-card.card-theme-red:hover .arsenal-pill-text {
    color: #ffffff !important;
}
.arsenal-card.card-theme-red:hover .arsenal-icon-wrap,
.arsenal-card.card-theme-red:hover .arsenal-preview-pill,
.arsenal-card.card-theme-red:hover .arsenal-pill-metric {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

.arsenal-card.card-theme-yellow:hover {
    background: #fbbc05 !important;
    border-color: #fbbc05 !important;
    box-shadow: 0 20px 48px -10px rgba(251, 188, 5, 0.55) !important;
}
.arsenal-card.card-theme-yellow:hover .arsenal-card-title,
.arsenal-card.card-theme-yellow:hover .arsenal-card-desc,
.arsenal-card.card-theme-yellow:hover .arsenal-pill-text {
    color: #202124 !important;
}
.arsenal-card.card-theme-yellow:hover .arsenal-icon-wrap,
.arsenal-card.card-theme-yellow:hover .arsenal-preview-pill,
.arsenal-card.card-theme-yellow:hover .arsenal-pill-metric {
    background: rgba(32, 33, 36, 0.12) !important;
    color: #202124 !important;
    border-color: rgba(32, 33, 36, 0.25) !important;
}

.arsenal-card.card-theme-green:hover {
    background: #34a853 !important;
    border-color: #34a853 !important;
    box-shadow: 0 20px 48px -10px rgba(52, 168, 83, 0.55) !important;
}
.arsenal-card.card-theme-green:hover .arsenal-card-title,
.arsenal-card.card-theme-green:hover .arsenal-card-desc,
.arsenal-card.card-theme-green:hover .arsenal-pill-text {
    color: #ffffff !important;
}
.arsenal-card.card-theme-green:hover .arsenal-icon-wrap,
.arsenal-card.card-theme-green:hover .arsenal-preview-pill,
.arsenal-card.card-theme-green:hover .arsenal-pill-metric {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

/* 7. A DIFFERENT KIND OF GOOGLE ADS PARTNER (.partner-diff-card) */
.partner-diff-card:nth-child(4n+1):hover {
    background: #4285f4 !important;
    border-color: #4285f4 !important;
    box-shadow: 0 20px 48px -10px rgba(66, 133, 244, 0.55) !important;
}
.partner-diff-card:nth-child(4n+1):hover .partner-diff-card-title,
.partner-diff-card:nth-child(4n+1):hover .partner-diff-card-desc,
.partner-diff-card:nth-child(4n+1):hover .partner-diff-index,
.partner-diff-card:nth-child(4n+1):hover .partner-diff-contrast-title,
.partner-diff-card:nth-child(4n+1):hover .partner-diff-contrast-desc {
    color: #ffffff !important;
}
.partner-diff-card:nth-child(4n+1):hover .partner-diff-icon,
.partner-diff-card:nth-child(4n+1):hover .partner-diff-tag,
.partner-diff-card:nth-child(4n+1):hover .partner-diff-contrast {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

.partner-diff-card:nth-child(4n+2):hover {
    background: #ea4335 !important;
    border-color: #ea4335 !important;
    box-shadow: 0 20px 48px -10px rgba(234, 67, 53, 0.55) !important;
}
.partner-diff-card:nth-child(4n+2):hover .partner-diff-card-title,
.partner-diff-card:nth-child(4n+2):hover .partner-diff-card-desc,
.partner-diff-card:nth-child(4n+2):hover .partner-diff-index,
.partner-diff-card:nth-child(4n+2):hover .partner-diff-contrast-title,
.partner-diff-card:nth-child(4n+2):hover .partner-diff-contrast-desc {
    color: #ffffff !important;
}
.partner-diff-card:nth-child(4n+2):hover .partner-diff-icon,
.partner-diff-card:nth-child(4n+2):hover .partner-diff-tag,
.partner-diff-card:nth-child(4n+2):hover .partner-diff-contrast {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

.partner-diff-card:nth-child(4n+3):hover {
    background: #fbbc05 !important;
    border-color: #fbbc05 !important;
    box-shadow: 0 20px 48px -10px rgba(251, 188, 5, 0.55) !important;
}
.partner-diff-card:nth-child(4n+3):hover .partner-diff-card-title,
.partner-diff-card:nth-child(4n+3):hover .partner-diff-card-desc,
.partner-diff-card:nth-child(4n+3):hover .partner-diff-index,
.partner-diff-card:nth-child(4n+3):hover .partner-diff-contrast-title,
.partner-diff-card:nth-child(4n+3):hover .partner-diff-contrast-desc {
    color: #202124 !important;
}
.partner-diff-card:nth-child(4n+3):hover .partner-diff-icon,
.partner-diff-card:nth-child(4n+3):hover .partner-diff-tag,
.partner-diff-card:nth-child(4n+3):hover .partner-diff-contrast {
    background: rgba(32, 33, 36, 0.12) !important;
    color: #202124 !important;
    border-color: rgba(32, 33, 36, 0.25) !important;
}

.partner-diff-card:nth-child(4n+4):hover {
    background: #34a853 !important;
    border-color: #34a853 !important;
    box-shadow: 0 20px 48px -10px rgba(52, 168, 83, 0.55) !important;
}
.partner-diff-card:nth-child(4n+4):hover .partner-diff-card-title,
.partner-diff-card:nth-child(4n+4):hover .partner-diff-card-desc,
.partner-diff-card:nth-child(4n+4):hover .partner-diff-index,
.partner-diff-card:nth-child(4n+4):hover .partner-diff-contrast-title,
.partner-diff-card:nth-child(4n+4):hover .partner-diff-contrast-desc {
    color: #ffffff !important;
}
.partner-diff-card:nth-child(4n+4):hover .partner-diff-icon,
.partner-diff-card:nth-child(4n+4):hover .partner-diff-tag,
.partner-diff-card:nth-child(4n+4):hover .partner-diff-contrast {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

/* ==========================================================================
   GET A FREE GOOGLE ADS STRATEGY INQUIRY SECTION ENHANCEMENTS:
   - Multi-color shifting Google glow keyframe animation on hover
   - Internal 4 Google colors border strip
   - Section bg color shift on hover
   - Zoom pop-in form effect
   ========================================================================== */
.inquiry-strip-section {
    transition: background 350ms ease, padding 350ms ease !important;
}

.inquiry-strip-section:hover {
    background: linear-gradient(135deg, rgba(232, 240, 254, 0.5) 0%, rgba(252, 232, 230, 0.4) 33%, rgba(254, 247, 224, 0.5) 66%, rgba(230, 244, 234, 0.5) 100%) !important;
}

.inquiry-strip-container {
    position: relative !important;
    border-radius: 1.5rem !important;
    overflow: hidden !important;
    border-top: 1px solid var(--hairline) !important;
    border-image: none !important;
    transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 300ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.inquiry-strip-container::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4.5px !important;
    background: linear-gradient(90deg, #4285F4 0%, #EA4335 33%, #FBBC05 66%, #34A853 100%) !important;
    border-radius: 1.5rem 1.5rem 0 0 !important;
    z-index: 10 !important;
}

.inquiry-strip-container:hover,
.inquiry-strip-section:hover .inquiry-strip-container {
    transform: scale(1.025) translateY(-3px) !important;
    animation: google-multicolor-glow 2.4s linear infinite !important;
    box-shadow: 0 24px 60px -12px rgba(66, 133, 244, 0.35), 0 0 30px rgba(66, 133, 244, 0.2) !important;
}