/* Decorative marks shared by the service, company and support cards. */
body.public-site {
  --service-card-shadow: 0 8px 28px rgb(25 64 110 / 7%);
  --service-card-surface: linear-gradient(145deg, #fff 55%, #f3f7fd);
  --service-card-icon-bg: linear-gradient(145deg, #2f7fd4, #1a54a0);
  --service-card-icon-ink: #f0f7ff;
  --service-card-icon-line: #3779c1;
  --service-card-index: #7690ae;
}
html[data-theme="dark"] body.public-site {
  --service-card-shadow: 0 10px 28px rgb(0 0 0 / 18%);
  --service-card-surface: linear-gradient(145deg, #142236, #101b2a 75%);
  --service-card-icon-bg: linear-gradient(145deg, #2a5c94, #1b3b61);
  --service-card-icon-ink: #d2e8ff;
  --service-card-icon-line: #426d9c;
  --service-card-index: #8da6c2;
}
body.public-site .card-emblem {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  box-sizing: border-box;
  border: 1px solid var(--service-card-icon-line);
  border-radius: 14px;
  background: var(--service-card-icon-bg);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 22%);
  color: var(--service-card-icon-ink);
}
body.public-site .card-emblem > svg {
  display: block;
  width: 28px;
  height: 28px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.public-site .card-index {
  position: absolute;
  top: 22px;
  right: 20px;
  color: var(--service-card-index);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .08em;
}