/* Shared with the live journey homepage: .card hover and .step .idx.
   Included on main and regional catalog routes. No hero selectors. */
/* Regional directories and shared landing-page cards. These selectors do not
   reach hero artwork, maps, navigation or form controls. */
/* Reserve room for the requested display numerals inside the existing card.
   The old index track was sized for tiny labels and overlapped the title. */
html body .industry-directory-link { grid-template-columns: 4.5rem minmax(0,1fr) auto !important; }
@media (max-width: 500px) {
  html body .industry-directory-link { grid-template-columns: 3.2rem minmax(0,1fr) auto !important; }
}
html body :is(.industry-directory-link,.area-industry-link,.area-industry-directory-link,.area-service-primary,.area-service-link:not(.is-disabled),.area-services-directory-cta > a,.hub-black-panels > article,.industry-black-checks > article) {
  --regional-ink: var(--reference-card-ink);
  --regional-paper: var(--reference-card-paper);
  --regional-shadow: var(--reference-card-shadow);
  transition: background-color .22s ease, color .22s ease, box-shadow .22s ease !important;
}
html body :is(.hub-black-panels > article,.industry-black-checks > article) {
  --regional-ink: #fff; --regional-paper: #050505; --regional-shadow: rgba(0,0,0,.5);
}
html body :is(.industry-directory-link,.area-industry-link,.area-industry-directory-link,.area-service-primary,.area-service-link:not(.is-disabled),.area-services-directory-cta > a,.hub-black-panels > article,.industry-black-checks > article):is(:hover,:focus-visible,:focus-within) {
  background: var(--regional-ink) !important;
  color: var(--regional-paper) !important;
  border-color: var(--regional-ink) !important;
  box-shadow: 0 24px 60px var(--regional-shadow) !important;
  transform: none !important;
}
html body :is(.industry-directory-link,.area-industry-link,.area-industry-directory-link,.area-service-primary,.area-service-link:not(.is-disabled),.area-services-directory-cta > a,.hub-black-panels > article,.industry-black-checks > article):is(:hover,:focus-visible,:focus-within) :is(h2,h3,p,span,strong,small,i,a,svg) { color: inherit !important; }
html body :is(.industry-directory-link > span:first-child,.area-industry-link > span:first-child,.area-service-number) {
  font: 700 clamp(2.2rem,4vw,3.2rem)/1 "Baron Neue", "Space Grotesk", sans-serif !important;
  color: transparent !important;
  -webkit-text-stroke: 1.4px var(--regional-ink, var(--reference-card-ink));
  letter-spacing: .02em !important;
  opacity: 1 !important;
  transition: -webkit-text-stroke-color .22s ease !important;
}
html body :is(.industry-directory-link,.area-industry-link,.area-service-primary):is(:hover,:focus-visible,:focus-within) :is(.industry-directory-link > span:first-child,.area-industry-link > span:first-child,.area-service-number) {
  color: transparent !important;
  -webkit-text-stroke-color: var(--regional-paper);
}
@media (prefers-reduced-motion: reduce) {
  html body :is(.industry-directory-link,.area-industry-link,.area-industry-directory-link,.area-service-primary,.area-service-link:not(.is-disabled),.area-services-directory-cta > a,.hub-black-panels > article,.industry-black-checks > article,.industry-directory-link > span:first-child,.area-industry-link > span:first-child,.area-service-number) { transition: none !important; }
}

/* Let the four sector-depth cards follow their copy instead of reserving a
   fixed empty block. This shared rule covers main and regional industries. */
html body .industry-depth-grid {
  align-items: start !important;
}
html body .industry-depth-grid > article {
  min-height: 0 !important;
}
/* Homepage statistics use a filled display face; sequence numbers above use
   outlines. Preserve that distinction without changing any metric values. */
html body .subservice-proof-cards strong {
  /* These are compact badges, often words such as “Connect”, not stat tiles. */
  font-family: "Baron Neue", "Space Grotesk", sans-serif !important;
  font-weight: 700 !important;
}
html body :is(.automation-proof-cards,.marketing-proof-cards,.industry-proof-grid,.scale-proof-card) strong {
  font-family: "Baron Neue", "Space Grotesk", sans-serif !important;
  font-size: clamp(2.2rem,3.5vw,3.2rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
}
/* Remaining body cards across the service detail layouts. */
/* Keep the homepage shadow visible during BOTH entry and exit. Toggling
   clipping off immediately on pointer exit would cut the fade short. */
html body :is(.subservice-step-grid,.services-operating-grid,.automation-workflow-grid,.marketing-workflow-grid,.seo-workflow-grid,.industry-operating-grid) { overflow: visible !important; }
html body :is(.subservice-step-grid,.services-operating-grid,.automation-workflow-grid,.marketing-workflow-grid,.seo-workflow-grid,.industry-operating-grid) > article:is(:hover,:focus-within) { position: relative; z-index: 1; }

/* Demand-led pages used to paint step 01 white at rest. That made a second
   white card appear as soon as another step was hovered. Keep every workflow
   step in the same resting state and reserve inversion for interaction. This
   also repairs already-rendered regional documents while their bundles age out. */
html body .subservice-profile--demand-led .subservice-step-grid > article:first-child:not(:hover):not(:focus-visible):not(:focus-within) {
  background: rgba(255, 255, 255, 0.035) !important;
  color: #fff !important;
}
html body .subservice-profile--demand-led .subservice-step-grid > article:first-child {
  --card-ink: #fff !important;
  --card-paper: #050505 !important;
  --card-shadow: rgba(0, 0, 0, .5) !important;
}
html body .subservice-profile--demand-led .subservice-step-grid > article:first-child:not(:hover):not(:focus-visible):not(:focus-within) :is(span,h3,p) {
  color: #fff !important;
}
html body :is(.subservice-audit-list > article, .automation-audit-list > article, .marketing-audit-list > article, .service-overview-card, .service-brief-panel, .service-operating-step, .service-benefit-row, .service-decision-card, .service-related-card, .service-automation-classic-card, .london-savings-map-grid > article) {
  --detail-ink: var(--reference-card-ink);
  --detail-paper: var(--reference-card-paper);
  --detail-shadow: var(--reference-card-shadow);
  transition: background-color .22s ease, color .22s ease, box-shadow .22s ease !important;
}
html body :is(.subservice-audit-list, .automation-audit-list, .marketing-audit-list) > article {
  --detail-ink: #fff; --detail-paper: #050505; --detail-shadow: rgba(0,0,0,.5);
}
html body :is(.subservice-audit-list > article, .automation-audit-list > article, .marketing-audit-list > article, .service-overview-card, .service-brief-panel, .service-operating-step, .service-benefit-row, .service-decision-card, .service-related-card, .service-automation-classic-card, .london-savings-map-grid > article):is(:hover,:focus-visible,:focus-within) {
  background: var(--detail-ink) !important;
  color: var(--detail-paper) !important;
  border-color: var(--detail-ink) !important;
  box-shadow: 0 24px 60px var(--detail-shadow) !important;
  transform: none !important;
}
html body :is(.subservice-audit-list > article, .automation-audit-list > article, .marketing-audit-list > article, .service-overview-card, .service-brief-panel, .service-operating-step, .service-benefit-row, .service-decision-card, .service-related-card, .service-automation-classic-card, .london-savings-map-grid > article):is(:hover,:focus-visible,:focus-within) :is(h2,h3,h4,p,span,strong,em,small,a,li,dt,dd) {
  color: inherit !important; border-color: currentColor !important;
}
html body :is(.subservice-audit-list > article, .automation-audit-list > article, .marketing-audit-list > article, .service-overview-card, .service-brief-panel, .service-operating-step, .service-benefit-row, .service-decision-card, .service-related-card, .service-automation-classic-card, .london-savings-map-grid > article):is(:hover,:focus-visible,:focus-within) p { opacity: .72; }
html body :is(.subservice-audit-list > article, .automation-audit-list > article, .marketing-audit-list > article, .service-overview-card, .service-brief-panel, .service-operating-step, .service-benefit-row, .service-decision-card, .service-related-card, .service-automation-classic-card, .london-savings-map-grid > article):is(:hover,:focus-visible,:focus-within)::after { content: none !important; }
html body :is(.subservice-audit-list > article, .automation-audit-list > article, .marketing-audit-list > article, .service-overview-card, .service-brief-panel, .service-operating-step, .service-benefit-row, .service-decision-card, .service-related-card, .service-automation-classic-card, .london-savings-map-grid > article):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { html body :is(.subservice-audit-list > article, .automation-audit-list > article, .marketing-audit-list > article, .service-overview-card, .service-brief-panel, .service-operating-step, .service-benefit-row, .service-decision-card, .service-related-card, .service-automation-classic-card, .london-savings-map-grid > article) { transition: none !important; } }

/* FAQ boxes use the same reference inversion, including expanded answers. */
html body :is(.services-faq-list > article, .subservice-faq-list > article, .automation-faq-list > article, .marketing-faq-list > article, .seo-faq-list > article, .scale-faq-card, .industry-faq-list > details, .editorial-faq-item, .haben-card:has(> button[aria-controls^="faq-panel-"])) {
  transition: background-color .22s ease, color .22s ease, box-shadow .22s ease !important;
}
html body :is(.services-faq-list > article, .subservice-faq-list > article, .automation-faq-list > article, .marketing-faq-list > article, .seo-faq-list > article, .scale-faq-card, .industry-faq-list > details, .editorial-faq-item, .haben-card:has(> button[aria-controls^="faq-panel-"])):is(:hover, :focus-visible, :focus-within) {
  background: var(--reference-card-ink) !important;
  color: var(--reference-card-paper) !important;
  border-color: var(--reference-card-ink) !important;
  box-shadow: 0 24px 60px var(--reference-card-shadow) !important;
  transform: none !important;
}
html body :is(.services-faq-list > article, .subservice-faq-list > article, .automation-faq-list > article, .marketing-faq-list > article, .seo-faq-list > article, .scale-faq-card, .industry-faq-list > details, .editorial-faq-item, .haben-card:has(> button[aria-controls^="faq-panel-"])):is(:hover, :focus-visible, :focus-within) :is(h3,p,span,div,summary,button,svg,a) {
  color: inherit !important;
  border-color: currentColor !important;
}
html body :is(.services-faq-list > article, .subservice-faq-list > article, .automation-faq-list > article, .marketing-faq-list > article, .seo-faq-list > article, .scale-faq-card, .industry-faq-list > details, .editorial-faq-item, .haben-card:has(> button[aria-controls^="faq-panel-"])):is(:hover, :focus-visible, :focus-within) :is(summary,button) { background: transparent !important; }
html body :is(.services-faq-list > article, .subservice-faq-list > article, .automation-faq-list > article, .marketing-faq-list > article, .seo-faq-list > article, .scale-faq-card, .industry-faq-list > details, .editorial-faq-item, .haben-card:has(> button[aria-controls^="faq-panel-"])):is(:hover, :focus-visible, :focus-within) p { opacity: .72; }
html body :is(.services-faq-list > article, .subservice-faq-list > article, .automation-faq-list > article, .marketing-faq-list > article, .seo-faq-list > article, .scale-faq-card, .industry-faq-list > details, .editorial-faq-item, .haben-card:has(> button[aria-controls^="faq-panel-"])) :is(summary,button):focus-visible { outline: 2px solid currentColor; outline-offset: -3px; }
@media (prefers-reduced-motion: reduce) { html body :is(.services-faq-list > article, .subservice-faq-list > article, .automation-faq-list > article, .marketing-faq-list > article, .seo-faq-list > article, .scale-faq-card, .industry-faq-list > details, .editorial-faq-item, .haben-card:has(> button[aria-controls^="faq-panel-"])) { transition: none !important; } }

/* The editorial accordion is shared by older country service renderers. Keep
   its existing box geometry while giving it the same explicit light/dark
   inversion as the newer service and industry FAQ families. */
html body .editorial-faq-item:is(:hover, :focus-within) {
  background: var(--reference-card-ink) !important;
  color: var(--reference-card-paper) !important;
  border-color: var(--reference-card-ink) !important;
  box-shadow: 0 24px 60px var(--reference-card-shadow) !important;
}
html body .editorial-faq-item:is(:hover, :focus-within) :is(button, span, p, svg) {
  color: inherit !important;
}
:root { --reference-card-ink: #050505; --reference-card-paper: #fff; --reference-card-shadow: rgba(5,5,5,.22); }
html.dark { --reference-card-ink: #fff; --reference-card-paper: #050505; --reference-card-shadow: rgba(0,0,0,.5); }

/* Province service directories use a leaner card geometry than the master
   service hub, but their interaction contract is identical. */
html body :is(.state-services__overview > a,.state-services__grid > a) {
  transition: background-color .22s ease, color .22s ease, box-shadow .22s ease !important;
}
html body :is(.state-services__overview > a,.state-services__grid > a):is(:hover,:focus-visible,:focus-within) {
  background: var(--reference-card-ink) !important;
  color: var(--reference-card-paper) !important;
  border-color: var(--reference-card-ink) !important;
  box-shadow: 0 24px 60px var(--reference-card-shadow) !important;
  text-decoration: none !important;
}
html body :is(.state-services__overview > a,.state-services__grid > a):is(:hover,:focus-visible,:focus-within) :is(span,strong) {
  color: inherit !important;
  text-decoration: none !important;
}
html body :is(.catalog-motion-card,
  .services-subcard,
  .services-pillar-intro,
  .services-diagnostic-checks > article,
  .services-operating-grid > article,
  .subservice-card,
  .subservice-step-grid > article,
  .subservice-proof-cards > article,
  .automation-service-card,
  .automation-workflow-grid > article,
  .automation-proof-cards > article,
  .marketing-service-card,
  .marketing-workflow-grid > article,
  .marketing-proof-cards > article,
  .seo-service-card,
  .seo-workflow-grid > article,
  .seo-leak-grid > article,
  .scale-service-card,
  .scale-process-card,
  .scale-proof-card,
  .scale-leak-card,
  .industries-hub-card-grid > a,
  .industry-diagnostic-grid > article,
  .industry-depth-grid > article,
  .industry-service-grid > a,
  .industry-proof-grid > article,
  .industry-operating-grid > article,
  .industry-question-stack > article) {
  --card-ink: var(--reference-card-ink);
  --card-paper: var(--reference-card-paper);
  --card-shadow: var(--reference-card-shadow);
  animation: none !important;
  transition: background-color .22s ease, color .22s ease, box-shadow .22s ease !important;
}
html body :is(.services-diagnostic-checks > article,.services-operating-grid > article,.subservice-step-grid > article,.automation-workflow-grid > article,.marketing-workflow-grid > article,.seo-workflow-grid > article) {
  --card-ink: #fff;
  --card-paper: #050505;
  --card-shadow: rgba(0,0,0,.5);
}
html body :is(.catalog-motion-card,
  .services-subcard,
  .services-pillar-intro,
  .services-diagnostic-checks > article,
  .services-operating-grid > article,
  .subservice-card,
  .subservice-step-grid > article,
  .subservice-proof-cards > article,
  .automation-service-card,
  .automation-workflow-grid > article,
  .automation-proof-cards > article,
  .marketing-service-card,
  .marketing-workflow-grid > article,
  .marketing-proof-cards > article,
  .seo-service-card,
  .seo-workflow-grid > article,
  .seo-leak-grid > article,
  .scale-service-card,
  .scale-process-card,
  .scale-proof-card,
  .scale-leak-card,
  .industries-hub-card-grid > a,
  .industry-diagnostic-grid > article,
  .industry-depth-grid > article,
  .industry-service-grid > a,
  .industry-proof-grid > article,
  .industry-operating-grid > article,
  .industry-question-stack > article):is(:hover, :focus-visible, :focus-within) {
  background: var(--card-ink) !important;
  color: var(--card-paper) !important;
  border-color: var(--card-ink) !important;
  box-shadow: 0 24px 60px var(--card-shadow) !important;
  transform: none !important;
}
html body :is(.catalog-motion-card,
  .services-subcard,
  .services-pillar-intro,
  .services-diagnostic-checks > article,
  .services-operating-grid > article,
  .subservice-card,
  .subservice-step-grid > article,
  .subservice-proof-cards > article,
  .automation-service-card,
  .automation-workflow-grid > article,
  .automation-proof-cards > article,
  .marketing-service-card,
  .marketing-workflow-grid > article,
  .marketing-proof-cards > article,
  .seo-service-card,
  .seo-workflow-grid > article,
  .seo-leak-grid > article,
  .scale-service-card,
  .scale-process-card,
  .scale-proof-card,
  .scale-leak-card,
  .industries-hub-card-grid > a,
  .industry-diagnostic-grid > article,
  .industry-depth-grid > article,
  .industry-service-grid > a,
  .industry-proof-grid > article,
  .industry-operating-grid > article,
  .industry-question-stack > article):is(:hover, :focus-visible, :focus-within) :is(h2,h3,h4,p,span,strong,em,small,a,li,svg) {
  color: inherit !important;
  border-color: currentColor !important;
}
html body :is(.catalog-motion-card,
  .services-subcard,
  .services-pillar-intro,
  .services-diagnostic-checks > article,
  .services-operating-grid > article,
  .subservice-card,
  .subservice-step-grid > article,
  .subservice-proof-cards > article,
  .automation-service-card,
  .automation-workflow-grid > article,
  .automation-proof-cards > article,
  .marketing-service-card,
  .marketing-workflow-grid > article,
  .marketing-proof-cards > article,
  .seo-service-card,
  .seo-workflow-grid > article,
  .seo-leak-grid > article,
  .scale-service-card,
  .scale-process-card,
  .scale-proof-card,
  .scale-leak-card,
  .industries-hub-card-grid > a,
  .industry-diagnostic-grid > article,
  .industry-depth-grid > article,
  .industry-service-grid > a,
  .industry-proof-grid > article,
  .industry-operating-grid > article,
  .industry-question-stack > article):is(:hover, :focus-visible, :focus-within) p { opacity: .72; }
html body :is(.catalog-motion-card,
  .services-subcard,
  .services-pillar-intro,
  .services-diagnostic-checks > article,
  .services-operating-grid > article,
  .subservice-card,
  .subservice-step-grid > article,
  .subservice-proof-cards > article,
  .automation-service-card,
  .automation-workflow-grid > article,
  .automation-proof-cards > article,
  .marketing-service-card,
  .marketing-workflow-grid > article,
  .marketing-proof-cards > article,
  .seo-service-card,
  .seo-workflow-grid > article,
  .seo-leak-grid > article,
  .scale-service-card,
  .scale-process-card,
  .scale-proof-card,
  .scale-leak-card,
  .industries-hub-card-grid > a,
  .industry-diagnostic-grid > article,
  .industry-depth-grid > article,
  .industry-service-grid > a,
  .industry-proof-grid > article,
  .industry-operating-grid > article,
  .industry-question-stack > article):focus-visible { outline: 2px solid var(--card-ink); outline-offset: 4px; }
html body .catalog-motion-card::after { content: none !important; }
html body .catalog-motion-card:is(:hover,:focus-visible,:focus-within) > strong { transform: none !important; }

/* Kerala city landing pages: the proof metrics and Capture / Qualify /
   Convert / Report layers use the same restrained theme inversion as the
   homepage cards. The section layout and content remain unchanged. */
html body :is(.city-system-stat-card,.city-system-layer-card) {
  --city-system-ink: var(--reference-card-ink);
  --city-system-paper: var(--reference-card-paper);
  --city-system-shadow: var(--reference-card-shadow);
  transition: background-color .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}
html body :is(.city-system-stat-card,.city-system-layer-card):is(:hover,:focus-visible,:focus-within) {
  background: var(--city-system-ink) !important;
  color: var(--city-system-paper) !important;
  border-color: var(--city-system-ink) !important;
  box-shadow: 0 24px 60px var(--city-system-shadow) !important;
  transform: none !important;
}
html body :is(.city-system-stat-card,.city-system-layer-card):is(:hover,:focus-visible,:focus-within) :is(h2,h3,h4,p,span,strong,small) {
  color: inherit !important;
}
html body :is(.city-system-stat-card,.city-system-layer-card):is(:hover,:focus-visible,:focus-within) p:last-child { opacity: .72; }
@media (prefers-reduced-motion: reduce) {
  html body :is(.city-system-stat-card,.city-system-layer-card) { transition: none !important; }
}

/* Shared leaf-card coverage. These are content cards that occur in legacy,
   specialist and regional renderers but use the same visual contract. Hero
   artwork is deliberately not selected. */
html body :is(
  main .haben-card:not(:has(.haben-card)),
  .process-service-card,
  .process-workflow-grid > article,
  .process-proof-cards > article,
  .process-faq-list > article,
  .ai-seo-proof-grid > article,
  .hub-art-bottom > article,
  .core-panel-grid > article,
  .core-outcome-stack > article,
  .core-faq-list > details
) {
  --leaf-card-ink: var(--reference-card-ink);
  --leaf-card-paper: var(--reference-card-paper);
  --leaf-card-shadow: var(--reference-card-shadow);
  transition: background-color .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}
html body .process-workflow-grid { overflow: visible !important; }
html body .process-workflow-grid > article {
  --leaf-card-ink: #fff;
  --leaf-card-paper: #050505;
  --leaf-card-shadow: rgba(0,0,0,.5);
}
html body .process-workflow-grid > article:is(:hover,:focus-visible,:focus-within) { position: relative; z-index: 1; }
html body :is(
  main .haben-card:not(:has(.haben-card)),
  .process-service-card,
  .process-workflow-grid > article,
  .process-proof-cards > article,
  .process-faq-list > article,
  .ai-seo-proof-grid > article,
  .hub-art-bottom > article,
  .core-panel-grid > article,
  .core-outcome-stack > article,
  .core-faq-list > details
):is(:hover,:focus-visible,:focus-within) {
  background: var(--leaf-card-ink) !important;
  color: var(--leaf-card-paper) !important;
  border-color: var(--leaf-card-ink) !important;
  box-shadow: 0 24px 60px var(--leaf-card-shadow) !important;
  transform: none !important;
}
html body :is(
  main .haben-card:not(:has(.haben-card)),
  .process-service-card,
  .process-workflow-grid > article,
  .process-proof-cards > article,
  .process-faq-list > article,
  .ai-seo-proof-grid > article,
  .hub-art-bottom > article,
  .core-panel-grid > article,
  .core-outcome-stack > article,
  .core-faq-list > details
):is(:hover,:focus-visible,:focus-within) :is(h2,h3,h4,p,span,strong,small,summary,button,a,li,svg) {
  color: inherit !important;
  border-color: currentColor !important;
}
@media (prefers-reduced-motion: reduce) {
  html body :is(main .haben-card:not(:has(.haben-card)),.process-service-card,.process-workflow-grid > article,.process-proof-cards > article,.process-faq-list > article,.ai-seo-proof-grid > article,.hub-art-bottom > article,.core-panel-grid > article,.core-outcome-stack > article,.core-faq-list > details) { transition: none !important; }
}
html body .services-pillar-intro:is(:hover,:focus-within)::before { background: var(--card-paper); }
html body .services-pillar-intro:is(:hover,:focus-within) .services-pillar-cta {
  background: var(--card-paper) !important;
  color: var(--card-ink) !important;
}
html body :is(.catalog-card-number,
  .services-diagnostic-checks > article > span:first-child,
  .services-operating-grid > article > span:first-child,
  .subservice-step-grid > article > span:first-child,
  .automation-workflow-grid > article > span:first-child,
  .marketing-workflow-grid > article > span:first-child,
  .seo-workflow-grid > article > span:first-child,
  .scale-process-card > span:first-child,
  .industry-operating-grid > article > span:first-child,
  .process-workflow-grid > article > span:first-child) {
  font-family: "Baron Neue", "Space Grotesk", sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(2.2rem,4vw,3.2rem) !important;
  font-variant-numeric: tabular-nums;
  color: transparent !important;
  -webkit-text-stroke: 1.4px var(--card-ink, var(--reference-card-ink)) !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
  opacity: 1 !important;
  transform: none !important;
  transition: -webkit-text-stroke-color .22s ease !important;
}
html body .process-workflow-grid > article > span:first-child {
  color: transparent !important;
  -webkit-text-stroke-color: #fff !important;
}
html body .process-workflow-grid > article:is(:hover,:focus-visible,:focus-within) > span:first-child {
  color: transparent !important;
  -webkit-text-stroke-color: #050505 !important;
}
html body :is(.catalog-motion-card,
  .services-subcard,
  .services-pillar-intro,
  .services-diagnostic-checks > article,
  .services-operating-grid > article,
  .subservice-card,
  .subservice-step-grid > article,
  .subservice-proof-cards > article,
  .automation-service-card,
  .automation-workflow-grid > article,
  .automation-proof-cards > article,
  .marketing-service-card,
  .marketing-workflow-grid > article,
  .marketing-proof-cards > article,
  .seo-service-card,
  .seo-workflow-grid > article,
  .seo-leak-grid > article,
  .scale-service-card,
  .scale-process-card,
  .scale-proof-card,
  .scale-leak-card,
  .industries-hub-card-grid > a,
  .industry-diagnostic-grid > article,
  .industry-depth-grid > article,
  .industry-service-grid > a,
  .industry-proof-grid > article,
  .industry-operating-grid > article,
  .industry-question-stack > article):is(:hover,:focus-visible,:focus-within) :is(.catalog-card-number,.services-diagnostic-checks > article > span:first-child,.services-operating-grid > article > span:first-child,.subservice-step-grid > article > span:first-child,.automation-workflow-grid > article > span:first-child,.marketing-workflow-grid > article > span:first-child,.seo-workflow-grid > article > span:first-child,.scale-process-card > span:first-child,.industry-operating-grid > article > span:first-child) {
  -webkit-text-stroke-color: var(--card-paper) !important;
}
html body .catalog-motion-card:is(:hover,:focus-visible,:focus-within) .catalog-card-number,
html body :is(.services-diagnostic-checks > article,.services-operating-grid > article,.subservice-step-grid > article,.automation-workflow-grid > article,.marketing-workflow-grid > article,.seo-workflow-grid > article,.scale-process-card,.industry-operating-grid > article):is(:hover,:focus-visible,:focus-within) > span:first-child {
  color: transparent !important;
}
@media (prefers-reduced-motion: reduce) {
  html body :is(.catalog-motion-card,
  .services-subcard,
  .services-pillar-intro,
  .services-diagnostic-checks > article,
  .services-operating-grid > article,
  .subservice-card,
  .subservice-step-grid > article,
  .subservice-proof-cards > article,
  .automation-service-card,
  .automation-workflow-grid > article,
  .automation-proof-cards > article,
  .marketing-service-card,
  .marketing-workflow-grid > article,
  .marketing-proof-cards > article,
  .seo-service-card,
  .seo-workflow-grid > article,
  .seo-leak-grid > article,
  .scale-service-card,
  .scale-process-card,
  .scale-proof-card,
  .scale-leak-card,
  .industries-hub-card-grid > a,
  .industry-diagnostic-grid > article,
  .industry-depth-grid > article,
  .industry-service-grid > a,
  .industry-proof-grid > article,
  .industry-operating-grid > article,
  .industry-question-stack > article), html body :is(.catalog-card-number,
  .services-diagnostic-checks > article > span:first-child,
  .services-operating-grid > article > span:first-child,
  .subservice-step-grid > article > span:first-child,
  .automation-workflow-grid > article > span:first-child,
  .marketing-workflow-grid > article > span:first-child,
  .seo-workflow-grid > article > span:first-child,
  .scale-process-card > span:first-child,
  .industry-operating-grid > article > span:first-child) { transition: none !important; }
}

/* Keyboard-only repair: preserve normal CTA design, but keep focus visible
   on both the white hero background and the black closing cards. */
html body :is(.areas-service-actions .btn-primary, .industry-hero-actions .btn-primary, .services-hero-actions .btn-primary, .automation-final-card > a, .marketing-final-action > a, .process-final-card > a, .seo-final-action > a):focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px #050505 !important;
}

/* Restore the process workflow introduction on its existing dark section. */
html body :is(.regional-approved-service--alappuzha, .regional-approved-service--idukki) .process-workflow .process-section-head-light > p:last-child {
  color: rgba(255, 255, 255, .72) !important;
}

/* Keep small explanatory labels readable on their existing pale cards. */
html body :is(.seo-search-query > span, .seo-search-result > div > span,
  .seo-search-path > span, .agents-core > small, .automation-agent-core > small,
  .marketing-orbit-core > small, .process-ai-core > small, .commerce-core > small) {
  color: #666 !important;
}