/* Company documents in the About page body. */
body.future-site.jx-next.page-about #main .about-certificates__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
body.future-site.jx-next.page-about #main .about-certificate {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: clamp(24px, 3vw, 36px);
  border: 1px solid var(--nx-line);
  border-radius: 10px;
  background: var(--nx-surface);
  color: var(--nx-ink);
}
body.future-site.jx-next.page-about #main .about-certificate__top {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  color: var(--nx-accent);
}
body.future-site.jx-next.page-about #main .about-certificate__icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border: 1px solid var(--nx-line);
  border-radius: 8px;
  background: var(--nx-soft);
}
body.future-site.jx-next.page-about #main .about-certificate__icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.future-site.jx-next.page-about #main .about-certificate__type {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
body.future-site.jx-next.page-about #main .about-certificate h3 {
  margin: 0 0 16px;
  color: var(--nx-ink);
  font: 500 clamp(24px, 2.2vw, 32px)/1.18 'Space Grotesk', Arial, sans-serif;
  letter-spacing: -.04em;
}
body.future-site.jx-next.page-about #main .about-certificate > p {
  margin: 0 0 24px;
  color: var(--nx-muted);
  font-size: 14px;
  line-height: 1.8;
}
body.future-site.jx-next.page-about #main .about-certificate dl {
  margin: 0 0 24px;
  padding: 0;
}
body.future-site.jx-next.page-about #main .about-certificate dl > div {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 12px;
  padding: 13px 0;
  border-top: 1px solid var(--nx-line);
}
body.future-site.jx-next.page-about #main .about-certificate dt {
  color: var(--nx-muted);
  font-size: 12px;
  line-height: 1.7;
}
body.future-site.jx-next.page-about #main .about-certificate dd {
  margin: 0;
  color: var(--nx-ink);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
@media (max-width: 760px) {
  body.future-site.jx-next.page-about #main .about-certificates__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
@media (max-width: 480px) {
  body.future-site.jx-next.page-about #main .about-certificate dl > div {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

/* 3.9.59: three registrations side by side on wide screens. */
@media (min-width: 1024px) {
  body.future-site.jx-next.page-about #main .about-certificates__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/* Cards side by side: label above value, so the CIN and Udyam numbers never break mid-number. */
@media (min-width: 761px) and (max-width: 1439px) {
  body.future-site.jx-next.page-about #main .about-certificate dl > div {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}
@media (min-width: 1440px) {
  body.future-site.jx-next.page-about #main .about-certificate dl > div {
    grid-template-columns: 96px minmax(0, 1fr);
  }
}

/* 3.9.59: "Powered by" - the platforms JPRAXC runs on and publishes through. */
body.future-site.jx-next.page-about #main .about-powered {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
}
body.future-site.jx-next.page-about #main .about-powered__item {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--nx-line);
  border-radius: 10px;
  background: var(--nx-surface);
}
/* Provider logos keep their own colours on white in both themes (see SOURCES.md). */
body.future-site.jx-next.page-about #main .about-powered__mark {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 48px;
  padding: 0 10px;
  flex-shrink: 0;
  border: 1px solid var(--nx-line);
  border-radius: 8px;
  background: #fff;
}
body.future-site.jx-next.page-about #main .about-powered__mark img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 28px;
}
body.future-site.jx-next.page-about #main .about-powered__mark--wide img {
  height: 20px;
}
@media (min-width: 561px) {
  body.future-site.jx-next.page-about #main .about-powered__mark {
    align-self: flex-start;
  }
}
body.future-site.jx-next.page-about #main .about-powered__text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
body.future-site.jx-next.page-about #main .about-powered__text strong {
  color: var(--nx-ink);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}
body.future-site.jx-next.page-about #main .about-powered__text span {
  color: var(--nx-muted);
  font-size: 13px;
  line-height: 1.6;
}
@media (max-width: 1100px) {
  body.future-site.jx-next.page-about #main .about-powered {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  body.future-site.jx-next.page-about #main .about-powered {
    grid-template-columns: 1fr;
  }
}
body.future-site.jx-next.page-about #main .about-powered__legal {
  margin: 0;
  color: var(--nx-muted);
  font-size: 12px;
  line-height: 1.6;
}
@media (min-width: 561px) {
  body.future-site.jx-next.page-about #main .about-powered__item {
    flex-direction: column;
    gap: 12px;
  }
}

/* 3.9.59: issuers' own logos (no State Emblem) - black artwork on white in both themes; MSME brings its own purple band. */
body.future-site.jx-next.page-about #main .about-certificate__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 58px;
  padding: 0 10px;
  flex-shrink: 0;
  border: 1px solid var(--nx-line);
  border-radius: 8px;
  background: #fff;
}
body.future-site.jx-next.page-about #main .about-certificate__logo img {
  display: block;
  width: auto;
  height: 36px;
}
body.future-site.jx-next.page-about #main .about-certificate__logo--band {
  padding: 0;
  border: 0;
  background: none;
}
body.future-site.jx-next.page-about #main .about-certificate__logo--band img {
  height: 58px;
  border-radius: 8px;
}
body.future-site.jx-next.page-about #main .about-certificates__legal {
  margin: 16px 0 0;
  color: var(--nx-muted);
  font-size: 12px;
  line-height: 1.6;
}
body.future-site.jx-next.page-about #main .about-certificate__logo--tall {
  padding: 5px 9px;
}
body.future-site.jx-next.page-about #main .about-certificate__logo--tall img {
  height: 48px;
}
body.future-site.jx-next.page-about #main .about-certificates__legal a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* 3.9.61: badge artwork matches Google Cloud's visible width; PNGs stay unchanged. */
body.future-site.jx-next.page-about #main :is(.about-powered__mark--wide, .about-powered__mark--partner) {
  width: 145px;
  height: 48px;
}
body.future-site.jx-next.page-about #main .about-powered__mark--wide img {
  width: 123px;
  height: 20px;
  max-width: 100%;
  object-fit: contain;
}
body.future-site.jx-next.page-about #main .about-powered__mark--partner {
  position: relative;
  padding: 0;
  overflow: hidden;
}
body.future-site.jx-next.page-about #main .about-powered__mark--partner img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--badge-image-width);
  height: auto;
  max-width: none;
  object-fit: contain;
  transform: translate(-50%, -50%);
  margin-left: var(--badge-center-x, 0px);
  margin-top: var(--badge-center-y, 0px);
}
body.future-site.jx-next.page-about #main .about-powered__mark--partner img[data-partner-badge="razorpay-partners"] { --badge-image-width: 207.07px; --badge-center-x: 0.05px; --badge-center-y: 0.95px; }
body.future-site.jx-next.page-about #main .about-powered__mark--partner img[data-partner-badge="cashfree-partners"] { --badge-image-width: 185.94px; --badge-center-x: 4.83px; --badge-center-y: 0.43px; }
body.future-site.jx-next.page-about #main .about-powered__mark--partner img[data-partner-badge="phonepe-partners"] { --badge-image-width: 175.37px; --badge-center-x: 0.25px; --badge-center-y: -0.76px; }
body.future-site.jx-next.page-about #main .about-powered__mark--partner img[data-partner-badge="easebuzz-partners"] { --badge-image-width: 214.63px; --badge-center-x: 2.86px; --badge-center-y: -0.79px; }