/* Service Root V1 owns page composition and atmosphere only.
 * Public PageModule CSS remains the sole owner of Cards, Feed, Process, CTA,
 * FAQ, visibility, responsive columns and internal interaction. */
.service-root-v1-page {
  /* Isolate the Framework page from the legacy site's global 1200px body floor. */
  min-width: 0;
  background: #f7fafc;
}

.service-root-v1 {
  --service-root-ink: #0f172a;
  --service-root-muted: #64748b;
  color: var(--service-root-ink);
  background:
    radial-gradient(circle at 92% 18%, color-mix(in srgb, var(--ui-color-accent, #06b6d4) 7%, transparent), transparent 28rem),
    #f7fafc;
}

/* Service Root uses the shared ambient wash only as the page-level meaning of
 * "inherit". Public Section Background remains the final owner, so explicit
 * white, surface, accent-soft and custom choices continue to override it. */
.service-root-v1 > .page-module:not(#service-root-cta) {
  --page-module-page-background: var(--ui-section-bg-ambient-wash);
}

.service-root-v1 > .page-module:is(
  #service-root-service_strength,
  :is(#service-root-brand_support, #service-root-category_support),
  #service-root-process,
  #service-root-coverage,
  #service-root-related_entities
) {
  --ui-section-ambient-x: 88%;
  --ui-section-ambient-y: 10%;
}

.service-root-v1 > .page-module:is(
  #service-root-offerings,
  #service-root-application_coverage,
  #service-root-service_levels,
  #service-root-proof,
  #service-root-faq
) {
  --ui-section-ambient-x: 12%;
  --ui-section-ambient-y: 12%;
}

.service-root-v1__breadcrumb-bar {
  position: relative;
  z-index: 3;
}

.service-root-v1__hero {
  position: relative;
  isolation: isolate;
  min-height: clamp(500px, 66vh, 720px);
  overflow: hidden;
  color: var(--ui-color-text, #334155);
  background: #071827;
}

.service-root-v1__hero::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
}

.service-root-v1__hero-image-layer {
  position: absolute;
  inset: 0;
  z-index: -2;
  display: flex;
  overflow: hidden;
  opacity: calc(1 - var(--service-root-hero-overlay-strength, .82));
  pointer-events: none;
}

.service-root-v1__hero-image {
  display: block;
  width: 100%;
  height: auto;
  align-self: stretch;
  object-fit: cover;
  object-position: var(--service-root-hero-image-position, center);
}

.service-root-v1__hero::after {
  z-index: -1;
  background: transparent;
}

.service-root-v1__hero[data-section-background="inherit"]::after {
  background:
    linear-gradient(90deg, rgba(4, 15, 27, .96) 0%, rgba(4, 20, 31, .84) 56%, rgba(4, 20, 31, .48) 100%),
    repeating-linear-gradient(90deg, transparent 0 79px, rgba(103, 232, 249, .055) 79px 80px);
}

.service-root-v1__hero[data-section-background="white"] {
  background: var(--ui-color-surface, #fff);
}

.service-root-v1__hero[data-section-background="surface"] {
  background: var(--ui-color-surface-muted, #f8fafc);
}

.service-root-v1__hero[data-section-background="accent-soft"] {
  background: color-mix(
    in srgb,
    var(--service-root-hero-accent, #06b6d4) 10%,
    var(--ui-color-surface, #fff)
  );
}

.service-root-v1__hero[data-section-background="custom"][data-section-background-fill="solid"] {
  background: var(--service-root-hero-background-start, #fff);
}

.service-root-v1__hero[data-section-background="custom"][data-section-background-fill="gradient"] {
  background: linear-gradient(
    var(--service-root-hero-background-angle, 90deg),
    var(--service-root-hero-background-start, #fff),
    var(--service-root-hero-background-end, #e0f2fe)
  );
}

.service-root-v1__hero[data-foreground="light"] {
  --service-root-hero-title-inherit: var(--ui-color-on-accent, #fff);
  --service-root-hero-description-inherit: rgba(255, 255, 255, .78);
  --service-root-hero-lead-inherit: #e2e8f0;
  --service-root-hero-questions-color: #dbeafe;
  --service-root-hero-questions-background: rgba(8, 28, 43, .58);
  --service-root-hero-questions-border: rgba(103, 232, 249, .24);
  color: #f8fafc;
}

.service-root-v1__hero[data-foreground="dark"] {
  --service-root-hero-title-inherit: var(--ui-color-text-strong, #0f172a);
  --service-root-hero-description-inherit: var(--ui-color-text-muted, #64748b);
  --service-root-hero-lead-inherit: var(--ui-color-text-secondary, #334155);
  --service-root-hero-questions-color: var(--ui-color-text-secondary, #334155);
  --service-root-hero-questions-background: rgba(255, 255, 255, .78);
  --service-root-hero-questions-border: color-mix(
    in srgb,
    var(--service-root-hero-accent, #06b6d4) 26%,
    var(--ui-color-border, #e2e8f0)
  );
  color: var(--ui-color-text, #334155);
}

.service-root-v1__hero[data-hero-image-position="auto"] {
  --service-root-hero-image-position: 72% center;
}

.service-root-v1__hero[data-hero-image-position="left"] {
  --service-root-hero-image-position: left center;
}

.service-root-v1__hero[data-hero-image-position="center"] {
  --service-root-hero-image-position: center;
}

.service-root-v1__hero[data-hero-image-position="right"] {
  --service-root-hero-image-position: right center;
}

.service-root-v1__hero-grid {
  display: grid;
  min-height: inherit;
  padding-top: clamp(82px, 11vw, 138px);
  padding-bottom: clamp(82px, 11vw, 138px);
  grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr);
  align-items: center;
  gap: clamp(48px, 8vw, 112px);
}

.service-root-v1__hero-copy {
  min-width: 0;
  max-width: 850px;
  justify-self: start;
  text-align: left;
}

.service-root-v1__hero[data-title-align="center"] .service-root-v1__hero-copy {
  justify-self: center;
  margin-inline: auto;
  text-align: center;
}

.service-root-v1__hero[data-title-align="right"] .service-root-v1__hero-copy {
  justify-self: end;
  margin-left: auto;
  text-align: right;
}

.service-root-v1__hero .ui-eyebrow {
  color: var(--service-root-hero-eyebrow-color, #67e8f9);
  font-size: var(--service-root-hero-eyebrow-size, 12px);
}

.service-root-v1__hero h1 {
  max-width: 18ch;
  margin: 18px 0 20px;
  color: var(--service-root-hero-title-color, #f8fafc);
  font-size: min(var(--service-root-hero-title-size, 50px), clamp(40px, 5vw, 66px));
  font-weight: var(--service-root-hero-title-weight, 700);
  line-height: 1.35;
  letter-spacing: -.04em;
}

.service-root-v1__hero-lead {
  max-width: 36em;
  margin: 0 0 14px;
  color: var(--service-root-hero-lead-inherit, #e2e8f0);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
}

.service-root-v1__hero-description {
  max-width: 62em;
  margin: 0;
  color: var(--service-root-hero-description-color, #cbd5e1);
  font-size: var(--service-root-hero-description-size, 16px);
  line-height: 1.9;
}

.service-root-v1__hero[data-title-align="center"] :is(
  h1,
  .service-root-v1__hero-lead,
  .service-root-v1__hero-description
) {
  margin-left: auto;
  margin-right: auto;
}

.service-root-v1__hero[data-title-align="right"] :is(
  h1,
  .service-root-v1__hero-lead,
  .service-root-v1__hero-description
) {
  margin-left: auto;
  margin-right: 0;
}

.service-root-v1__hero-actions {
  --ui-color-accent: var(--service-root-hero-accent, var(--theme-accent, #06b6d4));
  --ui-color-on-accent: var(--service-root-hero-action-contrast, #fff);
  --ui-color-accent-deep: color-mix(
    in srgb,
    var(--service-root-hero-accent, var(--theme-accent, #06b6d4)) 78%,
    #0f172a
  );
  --ui-color-accent-soft: color-mix(
    in srgb,
    var(--service-root-hero-accent, var(--theme-accent, #06b6d4)) 12%,
    transparent
  );
  --ui-color-border-strong: color-mix(
    in srgb,
    var(--service-root-hero-accent, var(--theme-accent, #06b6d4)) 38%,
    var(--ui-color-border, #e2e8f0)
  );
  display: flex;
  margin-top: 34px;
  flex-wrap: wrap;
  gap: 12px;
}

.service-root-v1__hero[data-foreground="light"] .service-root-v1__hero-actions :is(
  .ui-button--outline,
  .ui-button--ghost,
  .ui-button--text
) {
  color: color-mix(in srgb, var(--service-root-hero-accent, #06b6d4) 28%, #fff);
}

.service-root-v1__hero[data-foreground="light"] .service-root-v1__hero-actions .ui-button--outline {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .52);
}

.service-root-v1__hero[data-foreground="light"] .service-root-v1__hero-actions :is(
  .ui-button--outline,
  .ui-button--ghost
):hover {
  color: #fff;
  background: color-mix(in srgb, var(--service-root-hero-accent, #06b6d4) 22%, rgba(255, 255, 255, .08));
  border-color: color-mix(in srgb, var(--service-root-hero-accent, #06b6d4) 44%, #fff);
}

.service-root-v1__hero[data-foreground="light"] .service-root-v1__hero-actions .ui-button--text:hover {
  color: #fff;
}

.service-root-v1__hero[data-title-align="center"] .service-root-v1__hero-actions {
  justify-content: center;
}

.service-root-v1__hero[data-title-align="right"] .service-root-v1__hero-actions {
  justify-content: flex-end;
}

/* Service Offerings maps the canonical tags field to business service points,
 * not taxonomy chips. This registered Page Type composition keeps the Public
 * Cards DOM/surface/interaction intact while presenting those points after the
 * explanatory copy in their actual reading hierarchy. */
.service-root-v1 #service-root-offerings .page-module-card__icon {
  order: 1;
}

.service-root-v1 #service-root-offerings .page-module-card__title {
  order: 2;
}

.service-root-v1 #service-root-offerings .page-module-card__description {
  order: 3;
}

.service-root-v1 #service-root-offerings .page-module-tags {
  display: grid;
  order: 4;
  margin: 14px 0 0;
  gap: 7px;
}

.service-root-v1 #service-root-offerings .page-module-tags__item {
  position: relative;
  display: block;
  min-height: 0;
  padding: 0 0 0 15px;
  color: var(--page-module-card-description-color, var(--ui-color-text-muted, #64748b));
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: var(--ui-type-note-size, 13px);
  font-weight: var(--ui-type-body-weight, 400);
  line-height: 1.65;
}

.service-root-v1 #service-root-offerings .page-module-tags__item::before {
  position: absolute;
  top: .72em;
  left: 1px;
  width: 5px;
  height: 5px;
  background: var(--page-module-icon-color, var(--page-module-accent));
  border-radius: 50%;
  content: "";
  transform: translateY(-50%);
}

/* Keep the current icon-information composition available. Its established
 * 22px / 56px default is unchanged, while the holder follows explicit icon
 * size changes instead of remaining fixed around a larger glyph. */
.service-root-v1 #service-root-application_coverage.is-variant-icon-feature {
  --page-module-icon-feature-holder-size: clamp(
    50px,
    calc(var(--page-module-icon-size, 22px) + 34px),
    82px
  );
}

/* In the vertical default card, the canonical application tags are supporting
 * detail and belong after the title and explanation, not above them. */
.service-root-v1 #service-root-application_coverage.is-variant-default .page-module-tags {
  order: 4;
  margin: 16px 0 0;
}

/* Coverage tags are service locations and boundary conditions, so they follow
 * the explanatory copy in every eligible composition instead of reading like
 * taxonomy labels above it. */
.service-root-v1 #service-root-coverage:is(.is-variant-numbered, .is-variant-default) .page-module-tags {
  order: 4;
  margin: 16px 0 0;
}

/* Brand Support follows the approved mature reference hierarchy while the
 * public Cards layer continues to own surface, radius, hover and grid. */
.service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__body {
  min-height: 0;
  padding: clamp(30px, 3.2vw, 38px) clamp(28px, 3.6vw, 42px) 34px;
}

.service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}

.service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__identity {
  display: inline-flex;
  min-width: 0;
  align-items: flex-start;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
}

.service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__logo {
  display: block;
  width: auto;
  max-width: 148px;
  height: 34px;
  object-fit: contain;
  object-position: left center;
}

.service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__identity-text {
  display: block;
  color: var(--page-module-card-title-color, var(--ui-color-text-strong, #0f172a));
  font-size: 28px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.025em;
}

.service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__meta {
  display: block;
  margin-top: 9px;
  color: var(--page-module-card-description-color, var(--ui-color-text-muted, #64748b));
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
}

.service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__badge {
  display: inline-flex;
  min-height: 34px;
  padding: 0 16px;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  gap: 8px;
  color: #9a5800;
  background: #ffeda8;
  border: 0;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .14em;
  text-decoration: none;
}

.service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__badge .fa {
  color: #e6aa00;
  font-size: 12px;
}

.service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__heading {
  display: block;
  margin: 26px 0 12px;
  overflow: visible;
  line-height: 1.4;
  text-overflow: clip;
  -webkit-line-clamp: initial;
}

.service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__description {
  margin-bottom: 24px;
  display: block;
  overflow: visible;
  color: var(--page-module-card-description-color, var(--ui-color-text, #334155));
  font-size: var(--page-module-card-description-size, 15px);
  line-height: 1.85;
  text-overflow: clip;
  -webkit-line-clamp: initial;
}

.service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__capabilities {
  display: grid;
  margin: auto 0 0;
  padding: 20px 0 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px 32px;
  border-top: 1px solid var(--ui-color-border, #e2e8f0);
  list-style: none;
}

.service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__capabilities li {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: 9px;
  color: var(--page-module-card-description-color, var(--ui-color-text, #334155));
  font-size: 14px;
  line-height: 1.55;
}

.service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__check {
  margin-top: .25em;
  color: var(--page-module-accent, var(--ui-color-accent, #06b6d4));
  flex: 0 0 auto;
  font-size: 15px;
}

.service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__check.fa-check::before {
  content: "\f00c";
}

/* Share semantic rows between adjacent cards: identity, heading, product
 * chips, service prose, then capabilities. No fixed content heights. */
@supports (grid-template-rows: subgrid) {
  @media (min-width: 768px) {
    .service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card {
      display: grid;
      grid-row: span 5;
      grid-template-rows: subgrid;
      row-gap: 0;
    }

    .service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__body {
      display: grid;
      grid-row: 1 / -1;
      grid-template-rows: subgrid;
      row-gap: 0;
      align-items: start;
    }

    .service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__top { grid-row: 1; }
    .service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__heading { grid-row: 2; }
    .service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__products { grid-row: 3; }
    .service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__description { grid-row: 4; }
    .service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__capabilities {
      grid-row: 5;
      margin: 0;
    }
  }
}
.service-root-v1__hero-questions {
  padding: 28px;
  color: var(--service-root-hero-questions-color, #dbeafe);
  background: var(--service-root-hero-questions-background, rgba(8, 28, 43, .58));
  border: 1px solid var(--service-root-hero-questions-border, rgba(103, 232, 249, .24));
  border-radius: var(--ui-radius-lg, 18px);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .24);
  backdrop-filter: blur(14px);
}

.service-root-v1__hero-questions > span {
  display: block;
  margin-bottom: 18px;
  color: var(--service-root-hero-accent, #67e8f9);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.service-root-v1__hero-questions ul {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 14px;
}

.service-root-v1__hero-questions li {
  position: relative;
  padding-left: 20px;
  color: inherit;
  font-size: 15px;
  line-height: 1.65;
}

.service-root-v1__hero-questions li::before {
  position: absolute;
  top: .68em;
  left: 0;
  width: 6px;
  height: 6px;
  background: var(--service-root-hero-accent, #67e8f9);
  border-radius: 50%;
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--service-root-hero-accent, #67e8f9) 14%, transparent);
  content: "";
}

.service-root-v1__service-levels .ui-information-matrix__table {
  min-width: 880px;
}

.service-root-v1__service-levels .ui-information-matrix__head > :first-child,
.service-root-v1__service-levels .ui-information-matrix__row > :first-child {
  width: 20%;
}

.service-root-v1__service-levels .ui-information-matrix__head > :nth-child(2),
.service-root-v1__service-levels .ui-information-matrix__row > :nth-child(2) {
  width: 22%;
}

.service-root-v1__service-levels .ui-information-matrix__head > :nth-child(3),
.service-root-v1__service-levels .ui-information-matrix__row > :nth-child(3) {
  width: 22%;
}

.service-root-level-card__content {
  display: flex;
  min-height: 232px;
  flex: 1;
  flex-direction: column;
}

.service-root-level-card__label {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 15px;
  align-items: center;
  gap: 7px;
  color: var(--page-module-accent);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .08em;
}

.service-root-level-card__label .fa {
  font-size: 14px;
}

.service-root-level-card__response {
  display: flex;
  width: fit-content;
  max-width: calc(100% - 44px);
  margin: 3px 0 17px;
  padding: 7px 12px;
  align-items: flex-start;
  gap: 8px;
  color: var(--page-module-accent);
  background: color-mix(in srgb, var(--page-module-accent) 9%, transparent);
  border: 1px solid color-mix(in srgb, var(--page-module-accent) 18%, transparent);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}

.service-root-level-card__response .fa {
  margin-top: .28em;
  flex: 0 0 auto;
}

.service-root-level-card__response span,
.service-root-level-card__response b,
.service-root-level-card__response strong {
  display: block;
}

.service-root-level-card__response b {
  margin-bottom: 1px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
}

.service-root-level-card__response strong {
  font-size: 13px;
  font-weight: 700;
}

.service-root-level-card__scope,
.service-root-level-card__boundary {
  display: flex;
  margin: 0;
  align-items: flex-start;
  gap: 10px;
  color: var(--page-module-card-description-color, var(--ui-color-text-muted));
  font-size: var(--page-module-card-description-size, 14px);
  line-height: 1.72;
}

.service-root-level-card__scope .fa,
.service-root-level-card__boundary .fa {
  width: 15px;
  margin-top: .38em;
  flex: 0 0 15px;
  color: color-mix(in srgb, var(--page-module-accent) 72%, var(--ui-color-text-muted));
  text-align: center;
}

.service-root-level-card__scope span,
.service-root-level-card__boundary span {
  min-width: 0;
}

.service-root-level-card__scope b,
.service-root-level-card__boundary b {
  display: block;
  margin-bottom: 2px;
  color: var(--page-module-card-title-color, var(--ui-color-text-strong));
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
}

.service-root-level-card__boundary {
  margin-top: auto;
  padding-top: 15px;
  border-top: 1px solid color-mix(in srgb, var(--page-module-accent) 12%, var(--ui-color-border));
}

.service-root-level-note {
  display: flex;
  max-width: 980px;
  margin: 22px auto 0;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  color: var(--page-module-intro-color, var(--ui-color-text-muted));
  font-size: 13px;
  line-height: 1.75;
  text-align: center;
}

.service-root-level-note .fa {
  margin-top: .35em;
  flex: 0 0 auto;
  color: var(--page-module-accent);
}

@media (max-width: 900px) {
  .service-root-v1__hero-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 42px;
  }

  .service-root-v1__hero-questions {
    max-width: 620px;
  }
}

@media (max-width: 767px) {
  .service-root-v1__hero {
    min-height: 0;
  }

  .service-root-v1__hero-grid {
    padding-top: 76px;
    padding-bottom: 76px;
  }

  .service-root-v1__hero[data-mobile-title-align="left"] .service-root-v1__hero-copy {
    justify-self: start;
    margin-left: 0;
    margin-right: auto;
    text-align: left;
  }

  .service-root-v1__hero[data-mobile-title-align="left"] :is(
    h1,
    .service-root-v1__hero-lead,
    .service-root-v1__hero-description
  ) {
    margin-left: 0;
    margin-right: auto;
  }

  .service-root-v1__hero[data-mobile-title-align="left"] .service-root-v1__hero-actions {
    justify-content: flex-start;
  }

  .service-root-v1__hero[data-mobile-title-align="center"] .service-root-v1__hero-copy {
    justify-self: center;
    margin-inline: auto;
    text-align: center;
  }

  .service-root-v1__hero[data-mobile-title-align="center"] :is(
    h1,
    .service-root-v1__hero-lead,
    .service-root-v1__hero-description
  ) {
    margin-left: auto;
    margin-right: auto;
  }

  .service-root-v1__hero[data-mobile-title-align="center"] .service-root-v1__hero-actions {
    justify-content: center;
  }

  

  .service-root-v1__hero-lead {
    font-size: 18px;
  }

  .service-root-v1__hero-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .service-root-v1__hero-actions .ui-button {
    width: 100%;
  }

  .service-root-v1__hero-questions {
    padding: 22px;
  }

  .service-root-level-card__content {
    min-height: 0;
  }

  .service-root-level-note {
    justify-content: flex-start;
    text-align: left;
  }

}

@media (max-width: 520px) {
  .service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__body {
    padding: 28px 22px 26px;
  }

  .service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__top {
    gap: 14px;
  }

  .service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__logo {
    max-width: 124px;
    height: 30px;
  }

  .service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__identity-text {
    font-size: 24px;
  }

  .service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__meta {
    margin-top: 8px;
    font-size: 12px;
  }

  .service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__badge {
    min-height: 30px;
    padding: 0 12px;
    gap: 6px;
    font-size: 10px;
  }

  .service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__heading {
    margin-top: 24px;
  }

  .service-root-v1 :is(#service-root-brand_support, #service-root-category_support) .service-root-brand-card__capabilities {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .service-root-v1__hero-questions {
    backdrop-filter: none;
  }
}

/* Mobile H1 scale: preserve smaller editor values; desktop/tablet stay unchanged. */
@media (max-width: 767px) {
  .service-root-v1__hero h1 {
    font-size: min(var(--service-root-hero-title-size, 50px), 26px);
    line-height: 1.4;
  }
}

@media (max-width: 360px) {
  .service-root-v1__hero h1 {
    font-size: min(var(--service-root-hero-title-size, 50px), 24px);
  }
}