@charset "UTF-8";
/**
 * Service Cards Block - Frontend Styles
 *
 * Color-coded service cards with hover expansion.
 * 3×2 grid, whole-card clickable, CSS-only interactions.
 *
 * @see src/scss/blocks/blocks-global.scss
 */
.service-cards .intro-area {
  max-width: 564px;
  display: grid;
  gap: 16px;
}
.service-cards .afterText-area {
  max-width: 700px;
  width: 100%;
  margin-top: 32px;
}
.service-cards .heading {
  margin: 0;
}
.service-cards .content {
  font-size: 14px;
  line-height: 1.5;
}
@media (min-width: 1024px) {
  .service-cards .content {
    font-size: 15px;
    line-height: 1.47;
  }
}
.service-cards .card-grid {
  display: grid;
  align-items: start;
  gap: 32px;
  grid-template-columns: 1fr;
  margin-top: 64px;
}
@media (min-width: 769px) {
  .service-cards .card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .service-cards .card-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.service-cards .card {
  display: grid;
  text-decoration: none;
  cursor: default;
}
.service-cards .card:focus-within {
  outline: 2px solid var(--color-brand-primary-400);
  outline-offset: 4px;
  border-radius: 8px;
}
.service-cards .card__tab {
  width: 100px;
  height: 16px;
  border-radius: 8px 8px 0 0;
  border: 1px solid var(--color-grey-200);
  border-bottom: none;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.service-cards .card__body {
  position: relative;
  display: grid;
  grid-template-rows: 1fr auto;
  border: 1px solid var(--color-grey-200);
  border-radius: 0 8px 8px 8px;
  padding: 72px 24px 16px;
  height: 194px;
  overflow: hidden;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, height 0.3s ease-in-out;
}
.service-cards .card__content {
  display: grid;
  align-content: start;
}
.service-cards .card__title {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 20px;
  line-height: 1.42;
  color: var(--color-grey-900);
  margin: 0;
  transition: color 0.3s ease-in-out;
}
@media (min-width: 1024px) {
  .service-cards .card__title {
    font-size: 24px;
  }
}
.service-cards .card__description {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5;
  color: var(--color-grey-900);
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin: 0;
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out, margin-top 0.3s ease-in-out, color 0.3s ease-in-out;
}
@media (min-width: 1024px) {
  .service-cards .card__description {
    font-size: 15px;
    line-height: 1.47;
  }
}
.service-cards .card__footer {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
}
.service-cards .card__number {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.47;
  color: var(--color-grey-900);
  transition: color 0.3s ease-in-out;
}
.service-cards .card__cta {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 8px;
}
.service-cards .card__cta-text {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.36;
  color: var(--color-grey-900);
  opacity: 0;
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: opacity 0.3s ease-in-out, max-width var(--btn-transition-duration) var(--btn-transition-easing), color 0.3s ease-in-out;
}
.service-cards .card__cta--link,
.service-cards .card__cta--static {
  text-decoration: none;
  color: inherit;
}
.service-cards .card__cta--link {
  color: var(--color-grey-900);
  justify-self: end;
}
.service-cards .card__cta--static {
  color: var(--color-grey-900);
  gap: 0;
  width: 22px;
  min-width: 22px;
  justify-self: end;
  justify-items: end;
}
.service-cards .card__icon-stack {
  display: grid;
  align-items: center;
  justify-items: end;
  width: 22px;
  min-width: 22px;
  height: 22px;
  position: relative;
  overflow: visible;
  transition: width var(--btn-transition-duration) var(--btn-transition-easing), min-width var(--btn-transition-duration) var(--btn-transition-easing);
}
.service-cards .card__arrow-down,
.service-cards .card__arrow-extend,
.service-cards .card__arrow-up {
  grid-area: 1/1;
  justify-self: end;
  color: currentColor;
}
.service-cards .card__arrow-down {
  width: 22px;
  height: 22px;
  margin: 0;
  opacity: 1;
  transform: translateY(0);
  transition: opacity var(--btn-transition-duration) var(--btn-transition-easing), transform var(--btn-transition-duration) var(--btn-transition-easing), color 0.3s ease-in-out;
}
.service-cards .card__arrow-down::before {
  width: 22px;
  height: 22px;
}
.service-cards .card__arrow-extend {
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity var(--btn-transition-duration) var(--btn-transition-easing), transform var(--btn-transition-duration) var(--btn-transition-easing), color 0.3s ease-in-out;
  pointer-events: none;
}
.service-cards .card__arrow-up {
  width: 22px;
  height: 22px;
  margin: 0;
  justify-self: end;
  color: currentColor;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity var(--btn-transition-duration) var(--btn-transition-easing), transform var(--btn-transition-duration) var(--btn-transition-easing), color 0.3s ease-in-out;
}
.service-cards .card__arrow-up::before {
  width: 22px;
  height: 22px;
}
.service-cards .card:hover .card__body,
.service-cards .card:focus-within .card__body,
.service-cards .card.is-expanded .card__body {
  height: 278px;
}
.service-cards .card:hover .card__description,
.service-cards .card:focus-within .card__description,
.service-cards .card.is-expanded .card__description {
  max-height: 100px;
  opacity: 1;
  margin-top: 16px;
}
.service-cards .card:hover .card__cta--link .card__cta-text,
.service-cards .card:focus-within .card__cta--link .card__cta-text,
.service-cards .card.is-expanded .card__cta--link .card__cta-text {
  opacity: 1;
  max-width: 120px;
}
.service-cards .card:hover .card__cta--link .card__icon-stack,
.service-cards .card:focus-within .card__cta--link .card__icon-stack,
.service-cards .card.is-expanded .card__cta--link .card__icon-stack {
  width: var(--cta-arrow-default-width);
  min-width: var(--cta-arrow-default-width);
}
.service-cards .card:hover .card__cta--link .card__arrow-down,
.service-cards .card:focus-within .card__cta--link .card__arrow-down,
.service-cards .card.is-expanded .card__cta--link .card__arrow-down {
  opacity: 0;
  transform: translateY(4px);
}
.service-cards .card:hover .card__cta--link .card__arrow-extend,
.service-cards .card:focus-within .card__cta--link .card__arrow-extend,
.service-cards .card.is-expanded .card__cta--link .card__arrow-extend {
  opacity: 1;
  transform: translateX(0);
}
.service-cards .card:hover .card__cta--static .card__arrow-down,
.service-cards .card:focus-within .card__cta--static .card__arrow-down,
.service-cards .card.is-expanded .card__cta--static .card__arrow-down {
  opacity: 0;
  transform: translateY(4px);
}
.service-cards .card:hover .card__cta--static .card__arrow-up,
.service-cards .card:focus-within .card__cta--static .card__arrow-up,
.service-cards .card.is-expanded .card__cta--static .card__arrow-up {
  opacity: 1;
  transform: translateY(0);
}
.service-cards .card__cta--link:is(:hover, :focus-visible) .btn-arrow--animate {
  width: var(--btn-arrow-hover-inline-size);
  height: var(--btn-arrow-hover-block-size);
}
.service-cards .card__cta--link:is(:hover, :focus-visible) .btn-arrow--animate .btn-arrow__shaft {
  transform: scale(1, 1);
}
.service-cards .card__cta--link:is(:hover, :focus-visible) .btn-arrow--animate .btn-arrow__head {
  transform: translate(0, 0);
}
.service-cards .card__cta--link:is(:hover, :focus-visible) .card__icon-stack {
  width: var(--cta-arrow-hover-width);
  min-width: var(--cta-arrow-hover-width);
}
.service-cards .card[data-card-accent=brand-primary-400] .card__tab {
  background-color: var(--color-brand-primary-400);
}
.service-cards .card[data-card-accent=brand-primary-400]:hover .card__tab, .service-cards .card[data-card-accent=brand-primary-400]:focus-within .card__tab, .service-cards .card[data-card-accent=brand-primary-400].is-expanded .card__tab {
  background-color: var(--color-brand-primary-400);
  border-color: var(--color-grey-200);
}
.service-cards .card[data-card-accent=brand-primary-400]:hover .card__body, .service-cards .card[data-card-accent=brand-primary-400]:focus-within .card__body, .service-cards .card[data-card-accent=brand-primary-400].is-expanded .card__body {
  background-color: var(--color-brand-primary-400);
  border-color: var(--color-grey-200);
}
.service-cards .card[data-card-accent=brand-primary-400]:hover .card__title,
.service-cards .card[data-card-accent=brand-primary-400]:hover .card__description,
.service-cards .card[data-card-accent=brand-primary-400]:hover .card__number,
.service-cards .card[data-card-accent=brand-primary-400]:hover .card__cta-text,
.service-cards .card[data-card-accent=brand-primary-400]:hover .card__cta--link,
.service-cards .card[data-card-accent=brand-primary-400]:hover .card__cta--static, .service-cards .card[data-card-accent=brand-primary-400]:focus-within .card__title,
.service-cards .card[data-card-accent=brand-primary-400]:focus-within .card__description,
.service-cards .card[data-card-accent=brand-primary-400]:focus-within .card__number,
.service-cards .card[data-card-accent=brand-primary-400]:focus-within .card__cta-text,
.service-cards .card[data-card-accent=brand-primary-400]:focus-within .card__cta--link,
.service-cards .card[data-card-accent=brand-primary-400]:focus-within .card__cta--static, .service-cards .card[data-card-accent=brand-primary-400].is-expanded .card__title,
.service-cards .card[data-card-accent=brand-primary-400].is-expanded .card__description,
.service-cards .card[data-card-accent=brand-primary-400].is-expanded .card__number,
.service-cards .card[data-card-accent=brand-primary-400].is-expanded .card__cta-text,
.service-cards .card[data-card-accent=brand-primary-400].is-expanded .card__cta--link,
.service-cards .card[data-card-accent=brand-primary-400].is-expanded .card__cta--static {
  color: var(--color-brand-primary-50);
}
.service-cards .card[data-card-accent=brand-primary-400]:hover .card__arrow-down,
.service-cards .card[data-card-accent=brand-primary-400]:hover .card__arrow-up,
.service-cards .card[data-card-accent=brand-primary-400]:hover .card__arrow-extend, .service-cards .card[data-card-accent=brand-primary-400]:focus-within .card__arrow-down,
.service-cards .card[data-card-accent=brand-primary-400]:focus-within .card__arrow-up,
.service-cards .card[data-card-accent=brand-primary-400]:focus-within .card__arrow-extend, .service-cards .card[data-card-accent=brand-primary-400].is-expanded .card__arrow-down,
.service-cards .card[data-card-accent=brand-primary-400].is-expanded .card__arrow-up,
.service-cards .card[data-card-accent=brand-primary-400].is-expanded .card__arrow-extend {
  color: var(--color-brand-primary-50);
}
.service-cards .card[data-card-accent=brand-primary-50] .card__tab {
  background-color: var(--color-brand-primary-50);
}
.service-cards .card[data-card-accent=brand-primary-50]:hover .card__tab, .service-cards .card[data-card-accent=brand-primary-50]:focus-within .card__tab, .service-cards .card[data-card-accent=brand-primary-50].is-expanded .card__tab {
  background-color: var(--color-brand-primary-50);
  border-color: var(--color-grey-200);
}
.service-cards .card[data-card-accent=brand-primary-50]:hover .card__body, .service-cards .card[data-card-accent=brand-primary-50]:focus-within .card__body, .service-cards .card[data-card-accent=brand-primary-50].is-expanded .card__body {
  background-color: var(--color-brand-primary-50);
  border-color: var(--color-grey-200);
}
.service-cards .card[data-card-accent=brand-primary-50]:hover .card__title,
.service-cards .card[data-card-accent=brand-primary-50]:hover .card__description,
.service-cards .card[data-card-accent=brand-primary-50]:hover .card__number,
.service-cards .card[data-card-accent=brand-primary-50]:hover .card__cta-text,
.service-cards .card[data-card-accent=brand-primary-50]:hover .card__cta--link,
.service-cards .card[data-card-accent=brand-primary-50]:hover .card__cta--static, .service-cards .card[data-card-accent=brand-primary-50]:focus-within .card__title,
.service-cards .card[data-card-accent=brand-primary-50]:focus-within .card__description,
.service-cards .card[data-card-accent=brand-primary-50]:focus-within .card__number,
.service-cards .card[data-card-accent=brand-primary-50]:focus-within .card__cta-text,
.service-cards .card[data-card-accent=brand-primary-50]:focus-within .card__cta--link,
.service-cards .card[data-card-accent=brand-primary-50]:focus-within .card__cta--static, .service-cards .card[data-card-accent=brand-primary-50].is-expanded .card__title,
.service-cards .card[data-card-accent=brand-primary-50].is-expanded .card__description,
.service-cards .card[data-card-accent=brand-primary-50].is-expanded .card__number,
.service-cards .card[data-card-accent=brand-primary-50].is-expanded .card__cta-text,
.service-cards .card[data-card-accent=brand-primary-50].is-expanded .card__cta--link,
.service-cards .card[data-card-accent=brand-primary-50].is-expanded .card__cta--static {
  color: var(--color-brand-primary-400);
}
.service-cards .card[data-card-accent=brand-primary-50]:hover .card__arrow-down,
.service-cards .card[data-card-accent=brand-primary-50]:hover .card__arrow-up,
.service-cards .card[data-card-accent=brand-primary-50]:hover .card__arrow-extend, .service-cards .card[data-card-accent=brand-primary-50]:focus-within .card__arrow-down,
.service-cards .card[data-card-accent=brand-primary-50]:focus-within .card__arrow-up,
.service-cards .card[data-card-accent=brand-primary-50]:focus-within .card__arrow-extend, .service-cards .card[data-card-accent=brand-primary-50].is-expanded .card__arrow-down,
.service-cards .card[data-card-accent=brand-primary-50].is-expanded .card__arrow-up,
.service-cards .card[data-card-accent=brand-primary-50].is-expanded .card__arrow-extend {
  color: var(--color-brand-primary-400);
}
.service-cards .card[data-card-accent=grey-900] .card__tab {
  background-color: var(--color-grey-900);
}
.service-cards .card[data-card-accent=grey-900]:hover .card__tab, .service-cards .card[data-card-accent=grey-900]:focus-within .card__tab, .service-cards .card[data-card-accent=grey-900].is-expanded .card__tab {
  background-color: var(--color-grey-900);
  border-color: var(--color-grey-200);
}
.service-cards .card[data-card-accent=grey-900]:hover .card__body, .service-cards .card[data-card-accent=grey-900]:focus-within .card__body, .service-cards .card[data-card-accent=grey-900].is-expanded .card__body {
  background-color: var(--color-grey-900);
  border-color: var(--color-grey-200);
}
.service-cards .card[data-card-accent=grey-900]:hover .card__title,
.service-cards .card[data-card-accent=grey-900]:hover .card__description,
.service-cards .card[data-card-accent=grey-900]:hover .card__number,
.service-cards .card[data-card-accent=grey-900]:hover .card__cta-text,
.service-cards .card[data-card-accent=grey-900]:hover .card__cta--link,
.service-cards .card[data-card-accent=grey-900]:hover .card__cta--static, .service-cards .card[data-card-accent=grey-900]:focus-within .card__title,
.service-cards .card[data-card-accent=grey-900]:focus-within .card__description,
.service-cards .card[data-card-accent=grey-900]:focus-within .card__number,
.service-cards .card[data-card-accent=grey-900]:focus-within .card__cta-text,
.service-cards .card[data-card-accent=grey-900]:focus-within .card__cta--link,
.service-cards .card[data-card-accent=grey-900]:focus-within .card__cta--static, .service-cards .card[data-card-accent=grey-900].is-expanded .card__title,
.service-cards .card[data-card-accent=grey-900].is-expanded .card__description,
.service-cards .card[data-card-accent=grey-900].is-expanded .card__number,
.service-cards .card[data-card-accent=grey-900].is-expanded .card__cta-text,
.service-cards .card[data-card-accent=grey-900].is-expanded .card__cta--link,
.service-cards .card[data-card-accent=grey-900].is-expanded .card__cta--static {
  color: var(--color-brand-primary-50);
}
.service-cards .card[data-card-accent=grey-900]:hover .card__arrow-down,
.service-cards .card[data-card-accent=grey-900]:hover .card__arrow-up,
.service-cards .card[data-card-accent=grey-900]:hover .card__arrow-extend, .service-cards .card[data-card-accent=grey-900]:focus-within .card__arrow-down,
.service-cards .card[data-card-accent=grey-900]:focus-within .card__arrow-up,
.service-cards .card[data-card-accent=grey-900]:focus-within .card__arrow-extend, .service-cards .card[data-card-accent=grey-900].is-expanded .card__arrow-down,
.service-cards .card[data-card-accent=grey-900].is-expanded .card__arrow-up,
.service-cards .card[data-card-accent=grey-900].is-expanded .card__arrow-extend {
  color: var(--color-brand-primary-50);
}
.service-cards .card[data-card-accent=accent-400] .card__tab {
  background-color: var(--color-accent-400);
}
.service-cards .card[data-card-accent=accent-400]:hover .card__tab, .service-cards .card[data-card-accent=accent-400]:focus-within .card__tab, .service-cards .card[data-card-accent=accent-400].is-expanded .card__tab {
  background-color: var(--color-accent-400);
  border-color: var(--color-grey-200);
}
.service-cards .card[data-card-accent=accent-400]:hover .card__body, .service-cards .card[data-card-accent=accent-400]:focus-within .card__body, .service-cards .card[data-card-accent=accent-400].is-expanded .card__body {
  background-color: var(--color-accent-400);
  border-color: var(--color-grey-200);
}
.service-cards .card[data-card-accent=accent-400]:hover .card__title,
.service-cards .card[data-card-accent=accent-400]:hover .card__description,
.service-cards .card[data-card-accent=accent-400]:hover .card__number,
.service-cards .card[data-card-accent=accent-400]:hover .card__cta-text,
.service-cards .card[data-card-accent=accent-400]:hover .card__cta--link,
.service-cards .card[data-card-accent=accent-400]:hover .card__cta--static, .service-cards .card[data-card-accent=accent-400]:focus-within .card__title,
.service-cards .card[data-card-accent=accent-400]:focus-within .card__description,
.service-cards .card[data-card-accent=accent-400]:focus-within .card__number,
.service-cards .card[data-card-accent=accent-400]:focus-within .card__cta-text,
.service-cards .card[data-card-accent=accent-400]:focus-within .card__cta--link,
.service-cards .card[data-card-accent=accent-400]:focus-within .card__cta--static, .service-cards .card[data-card-accent=accent-400].is-expanded .card__title,
.service-cards .card[data-card-accent=accent-400].is-expanded .card__description,
.service-cards .card[data-card-accent=accent-400].is-expanded .card__number,
.service-cards .card[data-card-accent=accent-400].is-expanded .card__cta-text,
.service-cards .card[data-card-accent=accent-400].is-expanded .card__cta--link,
.service-cards .card[data-card-accent=accent-400].is-expanded .card__cta--static {
  color: var(--color-accent-50);
}
.service-cards .card[data-card-accent=accent-400]:hover .card__arrow-down,
.service-cards .card[data-card-accent=accent-400]:hover .card__arrow-up,
.service-cards .card[data-card-accent=accent-400]:hover .card__arrow-extend, .service-cards .card[data-card-accent=accent-400]:focus-within .card__arrow-down,
.service-cards .card[data-card-accent=accent-400]:focus-within .card__arrow-up,
.service-cards .card[data-card-accent=accent-400]:focus-within .card__arrow-extend, .service-cards .card[data-card-accent=accent-400].is-expanded .card__arrow-down,
.service-cards .card[data-card-accent=accent-400].is-expanded .card__arrow-up,
.service-cards .card[data-card-accent=accent-400].is-expanded .card__arrow-extend {
  color: var(--color-accent-50);
}
.service-cards .card[data-card-accent=accent-50] .card__tab {
  background-color: var(--color-accent-50);
}
.service-cards .card[data-card-accent=accent-50]:hover .card__tab, .service-cards .card[data-card-accent=accent-50]:focus-within .card__tab, .service-cards .card[data-card-accent=accent-50].is-expanded .card__tab {
  background-color: var(--color-accent-50);
  border-color: var(--color-grey-200);
}
.service-cards .card[data-card-accent=accent-50]:hover .card__body, .service-cards .card[data-card-accent=accent-50]:focus-within .card__body, .service-cards .card[data-card-accent=accent-50].is-expanded .card__body {
  background-color: var(--color-accent-50);
  border-color: var(--color-grey-200);
}
.service-cards .card[data-card-accent=accent-50]:hover .card__title,
.service-cards .card[data-card-accent=accent-50]:hover .card__description,
.service-cards .card[data-card-accent=accent-50]:hover .card__number,
.service-cards .card[data-card-accent=accent-50]:hover .card__cta-text,
.service-cards .card[data-card-accent=accent-50]:hover .card__cta--link,
.service-cards .card[data-card-accent=accent-50]:hover .card__cta--static, .service-cards .card[data-card-accent=accent-50]:focus-within .card__title,
.service-cards .card[data-card-accent=accent-50]:focus-within .card__description,
.service-cards .card[data-card-accent=accent-50]:focus-within .card__number,
.service-cards .card[data-card-accent=accent-50]:focus-within .card__cta-text,
.service-cards .card[data-card-accent=accent-50]:focus-within .card__cta--link,
.service-cards .card[data-card-accent=accent-50]:focus-within .card__cta--static, .service-cards .card[data-card-accent=accent-50].is-expanded .card__title,
.service-cards .card[data-card-accent=accent-50].is-expanded .card__description,
.service-cards .card[data-card-accent=accent-50].is-expanded .card__number,
.service-cards .card[data-card-accent=accent-50].is-expanded .card__cta-text,
.service-cards .card[data-card-accent=accent-50].is-expanded .card__cta--link,
.service-cards .card[data-card-accent=accent-50].is-expanded .card__cta--static {
  color: var(--color-accent-400);
}
.service-cards .card[data-card-accent=accent-50]:hover .card__arrow-down,
.service-cards .card[data-card-accent=accent-50]:hover .card__arrow-up,
.service-cards .card[data-card-accent=accent-50]:hover .card__arrow-extend, .service-cards .card[data-card-accent=accent-50]:focus-within .card__arrow-down,
.service-cards .card[data-card-accent=accent-50]:focus-within .card__arrow-up,
.service-cards .card[data-card-accent=accent-50]:focus-within .card__arrow-extend, .service-cards .card[data-card-accent=accent-50].is-expanded .card__arrow-down,
.service-cards .card[data-card-accent=accent-50].is-expanded .card__arrow-up,
.service-cards .card[data-card-accent=accent-50].is-expanded .card__arrow-extend {
  color: var(--color-accent-400);
}
.service-cards .card[data-card-accent=red-700] .card__tab {
  background-color: var(--color-red-700);
}
.service-cards .card[data-card-accent=red-700]:hover .card__tab, .service-cards .card[data-card-accent=red-700]:focus-within .card__tab, .service-cards .card[data-card-accent=red-700].is-expanded .card__tab {
  background-color: var(--color-red-700);
  border-color: var(--color-grey-200);
}
.service-cards .card[data-card-accent=red-700]:hover .card__body, .service-cards .card[data-card-accent=red-700]:focus-within .card__body, .service-cards .card[data-card-accent=red-700].is-expanded .card__body {
  background-color: var(--color-red-700);
  border-color: var(--color-grey-200);
}
.service-cards .card[data-card-accent=red-700]:hover .card__title,
.service-cards .card[data-card-accent=red-700]:hover .card__description,
.service-cards .card[data-card-accent=red-700]:hover .card__number,
.service-cards .card[data-card-accent=red-700]:hover .card__cta-text,
.service-cards .card[data-card-accent=red-700]:hover .card__cta--link,
.service-cards .card[data-card-accent=red-700]:hover .card__cta--static, .service-cards .card[data-card-accent=red-700]:focus-within .card__title,
.service-cards .card[data-card-accent=red-700]:focus-within .card__description,
.service-cards .card[data-card-accent=red-700]:focus-within .card__number,
.service-cards .card[data-card-accent=red-700]:focus-within .card__cta-text,
.service-cards .card[data-card-accent=red-700]:focus-within .card__cta--link,
.service-cards .card[data-card-accent=red-700]:focus-within .card__cta--static, .service-cards .card[data-card-accent=red-700].is-expanded .card__title,
.service-cards .card[data-card-accent=red-700].is-expanded .card__description,
.service-cards .card[data-card-accent=red-700].is-expanded .card__number,
.service-cards .card[data-card-accent=red-700].is-expanded .card__cta-text,
.service-cards .card[data-card-accent=red-700].is-expanded .card__cta--link,
.service-cards .card[data-card-accent=red-700].is-expanded .card__cta--static {
  color: var(--color-accent-400);
}
.service-cards .card[data-card-accent=red-700]:hover .card__arrow-down,
.service-cards .card[data-card-accent=red-700]:hover .card__arrow-up,
.service-cards .card[data-card-accent=red-700]:hover .card__arrow-extend, .service-cards .card[data-card-accent=red-700]:focus-within .card__arrow-down,
.service-cards .card[data-card-accent=red-700]:focus-within .card__arrow-up,
.service-cards .card[data-card-accent=red-700]:focus-within .card__arrow-extend, .service-cards .card[data-card-accent=red-700].is-expanded .card__arrow-down,
.service-cards .card[data-card-accent=red-700].is-expanded .card__arrow-up,
.service-cards .card[data-card-accent=red-700].is-expanded .card__arrow-extend {
  color: var(--color-accent-400);
}
@media (prefers-reduced-motion: reduce) {
  .service-cards .card__body,
  .service-cards .card__tab,
  .service-cards .card__title,
  .service-cards .card__description,
  .service-cards .card__number,
  .service-cards .card__cta-text,
  .service-cards .card__arrow-down,
  .service-cards .card__arrow-up,
  .service-cards .card__arrow-extend {
    transition: none;
  }
}