/* Approved company metrics surface. Keep the existing grid, spacing and typography. */
.about-page #company-at-a-glance .n-brand-stats {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1.5px solid #c6e1ff;
  border-radius: 20px;
  background:
    radial-gradient(ellipse 25% 86% at 0% 0%, rgba(56, 207, 255, .93), transparent 74%),
    radial-gradient(ellipse 58% 105% at 20% -18%, rgba(51, 131, 231, .69), transparent 76%),
    radial-gradient(ellipse 21% 97% at 100% 105%, rgba(214, 158, 255, .95), transparent 77%),
    radial-gradient(ellipse 56% 145% at 100% 95%, rgba(96, 74, 228, .68), transparent 73%),
    linear-gradient(112deg, #0c2955 2%, #0b1b3f 50%, #191c50 100%);
  box-shadow:
    inset 0 0 2px 1px rgba(243, 249, 255, .86),
    inset 0 0 14px rgba(134, 188, 255, .24),
    -5px 0 20px rgba(46, 133, 255, .33),
    6px 0 21px rgba(143, 98, 255, .31),
    0 0 5px 1px rgba(176, 209, 255, .54),
    0 14px 33px rgba(27, 59, 131, .21);
}
.about-page #company-at-a-glance .n-brand-stats::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  background:
    radial-gradient(ellipse 88% 180% at 69% -68%, transparent 64%, rgba(139, 164, 255, .10) 80%, rgba(160, 147, 255, .15) 90%, transparent 100%),
    linear-gradient(158deg, rgba(214, 242, 255, .07), transparent 38%, transparent 65%, rgba(172, 157, 255, .07));
  pointer-events: none;
}
.about-page #company-at-a-glance .n-brand-stats::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, .78), inset 0 -1px 2px rgba(224, 212, 255, .77);
  pointer-events: none;
}
.about-page #company-at-a-glance .n-brand-stats > div {
  position: relative;
  min-width: 0;
  border: 0;
  padding-inline: 12px;
}
.about-page #company-at-a-glance .n-brand-stats > div + div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4%;
  bottom: 4%;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(161, 198, 255, .31) 35%, rgba(167, 179, 237, .22) 70%, transparent);
  pointer-events: none;
}
.about-page #company-at-a-glance .n-brand-stats dt { color: #eff5ff; }
.about-page #company-at-a-glance .n-brand-stats dd { color: #c4d8f4; }
@media (max-width: 767px) {
  .about-page #company-at-a-glance .n-brand-stats {
    border-radius: 16px;
    box-shadow: inset 0 0 2px 1px rgba(243, 249, 255, .8), inset 0 0 13px rgba(134, 188, 255, .18), -3px 0 12px rgba(46, 133, 255, .27), 4px 0 14px rgba(143, 98, 255, .24), 0 0 4px rgba(176, 209, 255, .46);
  }
  .about-page #company-at-a-glance .n-brand-stats > div:nth-child(3)::before { display: none; }
  .about-page #company-at-a-glance .n-brand-stats > div:nth-child(n+3)::after {
    content: "";
    position: absolute;
    top: -16px;
    left: 12%;
    right: 12%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(174, 195, 231, .23), transparent);
    pointer-events: none;
  }
}