.am-results {
  --am-ink: #0d0d0f;
  --am-muted: rgba(13, 13, 15, 0.58);
  --am-line: rgba(13, 13, 15, 0.08);
  --am-paper: #f6f5f3;
  --am-yellow: #ffef99;
  --am-green: #b6efae;
  --am-pink: #f8cce8;
  --am-violet: #dcd6fb;
  position: relative;
  overflow: visible;
  padding: 56px 24px 68px;
  background: var(--am-paper);
  color: var(--am-ink);
}

.am-results * {
  box-sizing: border-box;
}

.am-results__inner {
  position: relative;
  width: min(100%, 876px);
  margin: 0 auto;
}

.am-results__doodle {
  position: absolute;
  bottom: auto;
  top: 12%;
  left: clamp(-86px, -5.4vw, -56px);
  width: 132px;
  max-width: 15vw;
  pointer-events: none;
  user-select: none;
  opacity: 0.88;
}

.am-results__title {
  margin: 0 auto 34px;
  max-width: 340px;
  font-size: 32px;
  line-height: 1.05;
  letter-spacing: -0.035em;
  font-weight: 900;
  text-align: center;
  font-family: var(--font-jakarta);
}

@media (min-width: 768px) {
  .am-results__title {
    font-size: 39px;
  }
}

.am-results__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

.am-results__metric,
.am-results__testimonial {
  min-height: 148px;
}

.am-results__metric {
  display: block;
  perspective: 1000px;
  color: inherit;
  text-decoration: none;
  outline: none;
}

.am-results__card-inner {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 148px;
  transform-style: preserve-3d;
  transition: transform 750ms cubic-bezier(0.23, 1, 0.32, 1);
  will-change: transform;
}

.am-results__metric:hover .am-results__card-inner,
.am-results__metric:focus-visible .am-results__card-inner,
.am-results__metric.is-flipped .am-results__card-inner {
  transform: rotateY(180deg);
}

.am-results__card-face {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 148px;
  padding: 18px 16px 15px;
  border: 1px solid var(--am-line);
  border-radius: 18px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
}

.am-results__front {
  justify-content: flex-start;
}

.am-results__back {
  align-items: center;
  justify-content: center;
  background: #ebe9e4;
  transform: rotateY(180deg);
}

.am-results__yellow {
  background: var(--am-yellow);
}

.am-results__green {
  background: var(--am-green);
}

.am-results__pink {
  background: var(--am-pink);
}

.am-results__violet {
  background: var(--am-violet);
}

.am-results__number {
  font-size: clamp(34px, 2.55vw, 37px);
  line-height: 0.9;
  letter-spacing: -0.055em;
  font-weight: 400;
}


.am-results__metric:nth-child(-n+2) .am-results__label {
  margin-top: 12px;
}
.am-results__label {
  margin-top: 9px;
  color: var(--am-muted);
  font-size: 15px;
  line-height: 1.15;
  letter-spacing: -0.02em;
  font-weight: 500;
  max-width: 95%;
}

.am-results__logo {
  width: fit-content;
  max-width: 124px;
  max-height: 26px;
  margin-top: auto;
  object-fit: contain;
  object-position: left bottom;
}

.am-results__sendoso { width: 112px; }
.am-results__datastax { width: 150px; }
.am-results__ceros { width: 92px; }
.am-results__wasabi,
.am-results__wasabi-brand { width: 150px; }
.am-results__vanta { width: 92px; }
.am-results__momentum { width: 160px; }

.am-results__read-story {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 15px;
  border-radius: 999px;
  background: #fff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.02em;
  box-shadow: 0 12px 28px rgba(13, 13, 15, 0.08);
}

.am-results__testimonial {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  grid-column: span 2;
  padding: 18px 16px 15px;
  border: 1px solid var(--am-line);
  border-radius: 18px;
  background: #fff;
}

.am-results__testimonial p {
  margin: 0;
  max-width: 560px;
  font-size: clamp(15px, 1.12vw, 16.5px);
  line-height: 1.22;
  letter-spacing: -0.045em;
}

.am-results__footer {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
  margin-top: 26px;
}

.am-results__person {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 9px;
}

.am-results__person img {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  object-fit: cover;
}

.am-results__person strong,
.am-results__person small {
  display: block;
  line-height: 1.1;
}

.am-results__person strong {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.04em;
}

.am-results__person small {
  margin-top: 4px;
  color: var(--am-muted);
  font-size: 13px;
  letter-spacing: -0.04em;
}

.am-results__brand {
  max-width: 110px;
  max-height: 26px;
  object-fit: contain;
}

.am-results__storylake { width: 136px; }
.am-results__hpe { width: 80px; }

.am-results__reveal {
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 720ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 720ms cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: var(--am-delay, 0ms);
}

.am-results__reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .am-results__reveal,
  .am-results__card-inner {
    transition: none;
  }

  .am-results__metric:hover .am-results__card-inner,
  .am-results__metric:focus-visible .am-results__card-inner,
  .am-results__metric.is-flipped .am-results__card-inner {
    transform: none;
  }
}

@media (max-width: 991px) {
  .am-results {
    padding: 52px 18px 58px;
  }

  .am-results__doodle {
    position: relative;
    display: block;
    top: 0;
    left: auto;
    width: 116px;
    max-width: 36vw;
    margin-bottom: 8px;
  }

  .am-results__title {
    margin: 4px 0 24px;
    max-width: none;
    text-align: left;
  }

  .am-results__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .am-results__metric,
  .am-results__testimonial,
  .am-results__card-inner,
  .am-results__card-face {
    min-height: 140px;
  }

  .am-results__testimonial {
    grid-column: span 1;
    padding: 18px 16px 16px;
  }

  .am-results__testimonial p {
    font-size: 18px;
  }

  .am-results__mobile-hide {
    display: none;
  }
}