/* Homepage opportunities follow the About page's open Values columns. */
#wrapper #inner-wrap :is(#analytics, #analytics-workflow).ph-opportunities { padding: 64px 0; }
#wrapper #inner-wrap :is(#analytics, #analytics-workflow) > .ph-container {
  width: 100%; max-width: 1170px; padding: 0 24px;
}
#wrapper #inner-wrap :is(#analytics, #analytics-workflow) .ph-section-heading {
  max-width: none; margin: 0 0 32px; text-align: left;
}
#wrapper #inner-wrap :is(#analytics, #analytics-workflow) .ph-section-heading h2 {
  max-width: 820px; margin: 0 0 16px; color: #17123d;
  font-size: clamp(28px, 2.7vw, 36px) !important; line-height: 1.25 !important;
}
#wrapper #inner-wrap :is(#analytics, #analytics-workflow) .ph-section-heading > p:last-child {
  max-width: 780px; margin: 0; color: #514b6a; font-size: 1.0625rem !important; line-height: 1.65 !important;
}
#wrapper #inner-wrap :is(#analytics, #analytics-workflow) .ph-eyebrow {
  margin-bottom: 12px; color: #b81660; font-size: .8125rem !important; letter-spacing: .12em;
}
#wrapper #inner-wrap :is(#analytics, #analytics-workflow) :is(.ph-card-grid, .ph-steps) {
  grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; grid-auto-rows: 1fr;
}
#wrapper #inner-wrap :is(#analytics, #analytics-workflow) :is(.ph-card, .ph-step) {
  margin: 0; padding: 18px 0 0; border: 0; border-top: 2px solid #e4ddef;
  border-color: #e4ddef !important; border-radius: 0; background: transparent !important; box-shadow: none;
}
#wrapper #inner-wrap :is(#analytics, #analytics-workflow) :is(.ph-card, .ph-step) .ph-icon { display: none; }
#wrapper #inner-wrap :is(#analytics, #analytics-workflow) :is(.ph-card, .ph-step) h3 {
  min-height: 2.8em; margin: 0 0 12px; color: #17123d;
  font-size: 1.0625rem !important; font-weight: 600; line-height: 1.4 !important;
}
#wrapper #inner-wrap :is(#analytics, #analytics-workflow) :is(.ph-card, .ph-step) p {
  margin: 0 0 22px; color: #514b6a; font-size: 1rem !important; line-height: 1.6 !important;
}
#wrapper #inner-wrap :is(#analytics, #analytics-workflow) :is(.ph-card, .ph-step) .ph-text-link {
  align-items: flex-start; gap: 8px; margin-top: auto; color: #b81660;
  font-size: .875rem !important; font-weight: 600; line-height: 1.5 !important;
}
#wrapper #inner-wrap :is(#analytics, #analytics-workflow) :is(.ph-card, .ph-step) .ph-text-link span { line-height: 1.5; }
#wrapper #inner-wrap :is(#analytics, #analytics-workflow) :is(.ph-card, .ph-step) .ph-text-link:focus-visible {
  outline: 3px solid #b81660; outline-offset: 4px;
}
@media(max-width:1099px) {
  #wrapper #inner-wrap :is(#analytics, #analytics-workflow) :is(.ph-card-grid, .ph-steps) { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 28px; }
  #wrapper #inner-wrap :is(#analytics, #analytics-workflow) :is(.ph-card, .ph-step) h3 { min-height: 0; }
}
@media(max-width:599px) {
  #wrapper #inner-wrap :is(#analytics, #analytics-workflow).ph-opportunities { padding: 48px 0; }
  #wrapper #inner-wrap :is(#analytics, #analytics-workflow) .ph-section-heading { margin-bottom: 28px; }
  #wrapper #inner-wrap :is(#analytics, #analytics-workflow) :is(.ph-card-grid, .ph-steps) { grid-template-columns: 1fr; grid-auto-rows: auto; gap: 28px; }
  #wrapper #inner-wrap :is(#analytics, #analytics-workflow) :is(.ph-card, .ph-step) h3 { margin-bottom: 10px; }
  #wrapper #inner-wrap :is(#analytics, #analytics-workflow) :is(.ph-card, .ph-step) p { margin-bottom: 16px; }
}

/* Keep the workflow sequence visible within the same open Values layout. */
#wrapper #inner-wrap #analytics-workflow.ph-workflow {
  padding: 64px 0; background: #efeff5 !important;
}
#wrapper #inner-wrap #analytics-workflow .ph-step-number {
  display: block; margin: 0 0 10px; color: #b81660;
  font-size: .875rem !important; font-weight: 600; line-height: 1.4;
}
#wrapper #inner-wrap #analytics-workflow .ph-step h3 { min-height: 0; }
#wrapper #inner-wrap #analytics-workflow .ph-step p { margin: 0; }
#wrapper #inner-wrap #analytics-workflow .ph-center-link { margin-top: 28px; text-align: left; }
#wrapper #inner-wrap #analytics-workflow .ph-center-link .ph-text-link {
  color: #b81660; font-size: .875rem !important; line-height: 1.5 !important;
}
#wrapper #inner-wrap #analytics-workflow .ph-center-link .ph-text-link:focus-visible {
  outline: 3px solid #b81660; outline-offset: 4px;
}
@media(max-width:599px) {
  #wrapper #inner-wrap #analytics-workflow.ph-workflow { padding: 48px 0; }
}

/* Four service links follow the About Values and homepage open columns.
   Intended markup: section#services.ph-services > .ph-container >
   header.ph-section-heading + .ph-services-grid > a.ph-service-link. */
#wrapper #inner-wrap :is(#analytics, #analytics-workflow, #services.ph-services) {
  scroll-margin-top: calc(var(--pa-navigation-offset, 112px) + 16px);
}
#wrapper #inner-wrap #services.ph-services {
  margin: 0;
  padding: 64px 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
  color: #17123d;
}
#wrapper #inner-wrap #services.ph-services > .ph-container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1170px;
  margin-inline: auto;
  padding: 0 24px;
}
#wrapper #inner-wrap #services .ph-section-heading {
  max-width: none;
  margin: 0 0 32px;
  text-align: left;
}
#wrapper #inner-wrap #services .ph-section-heading h2 {
  max-width: 820px;
  margin: 0;
  padding: 0;
  background: transparent !important;
  color: #17123d;
  font-size: clamp(28px, 2.7vw, 36px) !important;
  font-weight: 600;
  line-height: 1.25 !important;
  text-align: left;
}
#wrapper #inner-wrap #services .ph-services-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  align-items: stretch;
  gap: 28px;
}
#wrapper #inner-wrap #services .ph-service-link {
  box-sizing: border-box;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
  padding: 18px 0 0;
  border: 0;
  border-top: 2px solid #e4ddef;
  border-color: #e4ddef !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
  color: #17123d;
  text-align: left;
  text-decoration: none;
}
#wrapper #inner-wrap #services .ph-service-link :is(.ph-icon, .ph-service-icon, .kt-blocks-info-box-media-container) {
  display: none;
}
#wrapper #inner-wrap #services .ph-service-link h3 {
  min-height: 2.8em;
  margin: 0 0 12px;
  padding: 0;
  color: #17123d;
  font-size: 1.0625rem !important;
  font-weight: 600;
  line-height: 1.4 !important;
}
#wrapper #inner-wrap #services .ph-service-link p {
  margin: 0;
  padding: 0;
  color: #514b6a;
  font-size: 1rem !important;
  line-height: 1.6 !important;
}
#wrapper #inner-wrap #services .ph-service-link:hover h3 {
  color: #b81660;
  text-decoration: underline;
  text-underline-offset: 4px;
}
#wrapper #inner-wrap #services .ph-service-link:focus-visible {
  outline: 3px solid #b81660;
  outline-offset: 5px;
}
/* Keep this section readable even if legacy animation classes are retained. */
#wrapper #inner-wrap #services.ph-services,
#wrapper #inner-wrap #services.ph-services :is(.animated, .hidden-animated, .o-anim-ready) {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
}
@media (max-width: 1099px) {
  #wrapper #inner-wrap #services .ph-services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #wrapper #inner-wrap #services .ph-service-link h3 { min-height: 0; }
}
@media (max-width: 599px) {
  #wrapper #inner-wrap #services.ph-services { padding: 48px 0; }
  #wrapper #inner-wrap #services .ph-section-heading { margin-bottom: 28px; }
  #wrapper #inner-wrap #services .ph-services-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    gap: 28px;
  }
  #wrapper #inner-wrap #services .ph-service-link h3 { margin-bottom: 10px; }
}