.cc_ybju7jv0_2nNb3soNpE .nm-trust {
  position: relative;
  padding: clamp(4rem, 9vw, 7.5rem) 0;
  background: var(--kombos-white, #fcf9f6);
  overflow: hidden;
}

/* The spine. One hairline, full height, sitting where the logo's descender
   would fall. Every promise branches off it. */
.cc_ybju7jv0_2nNb3soNpE .nm-trust__stem {
  position: absolute;
  inset-block: 0;
  inset-inline-start: var(--nm-stem-x, clamp(1rem, 5vw, 5rem));
  width: 1px;
  background: var(--kombos-gray-300, #cac3bc);
  transform: scaleY(0);
  transform-origin: top;
  animation: cc_ybju7jv0_2nNb3soNpE_nm-stem-grow 1200ms cubic-bezier(0.32, 0.72, 0.24, 1) forwards;
}
@keyframes cc_ybju7jv0_2nNb3soNpE_nm-stem-grow { to { transform: scaleY(1); } }

.cc_ybju7jv0_2nNb3soNpE .nm-trust__inner {
  max-width: var(--kombos-max-width, 93.75rem);
  margin: 0 auto;
  padding-inline: calc(var(--nm-stem-x, clamp(1rem, 5vw, 5rem)) + clamp(1.5rem, 3vw, 2.5rem))
                  clamp(1.25rem, 5vw, 5rem);
}

.cc_ybju7jv0_2nNb3soNpE .nm-trust__head { margin-bottom: clamp(2.5rem, 5vw, 4rem); }

.cc_ybju7jv0_2nNb3soNpE .nm-trust__eyebrow {
  margin: 0 0 1rem;
  font-family: "Poppins", -apple-system, sans-serif;
  font-weight: 500;
  font-size: 0.694rem;
  letter-spacing: 0.18em;
  /* casing in JS (utils/tr.ts) */
  color: var(--kombos-gray-500, #706a65);
}

.cc_ybju7jv0_2nNb3soNpE .nm-trust__title {
  margin: 0;
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 600;
  font-size: clamp(1.75rem, 3.4vw, 2.75rem);
  line-height: 1.12;
  letter-spacing: -0.028em;
  color: var(--kombos-gray-800, #182510);
  max-width: 20ch;
  text-wrap: balance;
}

/* Five promises. Not a card grid — bare columns hanging off hairlines, so the
   whitespace does the work and nothing boxes the claims in. */
.cc_ybju7jv0_2nNb3soNpE .nm-trust__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(1.5rem, 2.5vw, 2.75rem);
}

@media (max-width: 1100px) {
  .cc_ybju7jv0_2nNb3soNpE .nm-trust__grid { grid-template-columns: repeat(3, 1fr); row-gap: 2.75rem; }
}
@media (max-width: 640px) {
  .cc_ybju7jv0_2nNb3soNpE .nm-trust {
    --nm-stem-x: 1rem;
    padding: 3.5rem 0;
  }
  .cc_ybju7jv0_2nNb3soNpE .nm-trust__inner { padding-inline: calc(1rem + 1.5rem) 1.25rem; }
  .cc_ybju7jv0_2nNb3soNpE .nm-trust__grid { grid-template-columns: repeat(2, 1fr); gap: 2rem 1.25rem; }
  .cc_ybju7jv0_2nNb3soNpE .nm-trust__title { max-width: 16ch; }
}
@media (max-width: 380px) {
  .cc_ybju7jv0_2nNb3soNpE .nm-trust__grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .cc_ybju7jv0_2nNb3soNpE .nm-trust__stem { animation: none; transform: scaleY(1); }
}


/* ===== nm-trust-band =======================================================
   The band was the same ivory as the hero above and the slider below, so it
   dissolved into them. #E7F2E1 rather than the guide's #F2F8EF: the latter is
   1.03:1 against ivory and does not survive an uncalibrated screen.
   ========================================================================== */
.cc_ybju7jv0_2nNb3soNpE .nm-trust {
  background: var(--nm-olive-soft, #E7F2E1);
}
.cc_ybju7jv0_2nNb3soNpE .nm-trust__stem { background: var(--nm-rule, rgba(49, 67, 38, 0.28)); }
/* warm grey goes muddy on green */
.cc_ybju7jv0_2nNb3soNpE .nm-trust__eyebrow { color: var(--nm-mid, #405037); }
