/* Final shared polish for brand scale and theme-specific hero components. */
.site-header .brand {
  gap: 15px;
}

.site-header .brand-mark {
  width: 72px;
  height: 66px;
  flex: 0 0 72px;
}

.site-header .brand-mark img {
  width: 68px;
  height: 62px;
}

.site-header .brand strong {
  font-size: 23px;
  letter-spacing: .09em;
}

.site-header .brand small {
  font-size: 10px;
}

.pro-page .header-row {
  min-height: 86px;
}

/* Classic theme: crisp white information cards on the dark blue hero. */
.theme-classic .stats-card,
.theme-classic .service-summary,
.theme-classic .catalog-summary {
  color: #0b1f3a;
  background: rgba(255, 255, 255, .86);
  border-color: #d5e3ed;
  box-shadow: 0 24px 55px rgba(0, 0, 0, .24);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.theme-classic .service-summary > div,
.theme-classic .catalog-summary > div {
  background: rgba(244, 248, 252, .7);
}

/* Matching translucent treatment for the Professional home/product/service cards. */
body:not(.theme-classic) .stats-card,
body:not(.theme-classic) .service-summary,
body:not(.theme-classic) .catalog-summary {
  background: rgba(255, 255, 255, .82);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.theme-classic .stats-head,
.theme-classic .stat-item {
  border-color: #dce5f0;
}

.theme-classic .stats-head small,
.theme-classic .stat-item span:last-child,
.theme-classic .service-summary span,
.theme-classic .catalog-summary span {
  color: #607087;
}

.theme-classic .stats-head strong {
  color: #0b1f3a;
}

.theme-classic .trust-row {
  color: #fff;
}

.theme-classic .trust-row span::before {
  color: #31d4e5;
}

/* Give the large gradient line enough room so its baseline is never clipped. */
.pro-hero h1 {
  line-height: 1.08;
  overflow: visible;
}

.gradient-words {
  line-height: 1.12;
  padding-bottom: .08em;
}

@media (max-width: 760px) {
  .site-header .brand {
    gap: 11px;
  }

  .site-header .brand-mark {
    width: 58px;
    height: 54px;
    flex-basis: 58px;
  }

  .site-header .brand-mark img {
    width: 56px;
    height: 52px;
  }

  .site-header .brand strong {
    font-size: 18px;
  }

  .pro-page .header-row {
    min-height: 78px;
  }
}