.omsag-lp-stats {
  --b:   var(--omsag-lp-brand, #50aa3c);
  --bl:  var(--omsag-lp-lime,  #a1d337);
  --bd:  var(--omsag-lp-brand-deep, #50aa3c);
  --bs:  var(--omsag-lp-brand-soft, rgba(80,170,60,.12));
  --ink: var(--omsag-lp-ink,   #232730);
  --ts:  var(--omsag-lp-text-soft, #5a6270);
  --mut: var(--omsag-lp-muted, #8a93a3);
  --ln:  var(--omsag-lp-line,  #e6e8ec);
  --bga: var(--omsag-lp-bg-alt, #f9faf8);
  --pill: var(--omsag-lp-pill, 999px);
  --r:    var(--omsag-lp-radius, 20px);
  --rl:   var(--omsag-lp-radius-lg, 28px);
  --ez:   var(--omsag-lp-ease, cubic-bezier(.2,.7,.2,1));
  --grad: var(--omsag-lp-brand-grad, linear-gradient(135deg,#50aa3c 0%,#a1d337 100%));
  --font: var(--omsag-lp-font, 'Outfit', system-ui, sans-serif);
  background: #fff;
  font-family: var(--font);
  color: var(--ink);
  padding: 120px 0 80px;
}
.omsag-lp-stats,
.omsag-lp-stats *,
.omsag-lp-stats *::before,
.omsag-lp-stats *::after { box-sizing: border-box; }
.omsag-lp-stats__container { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 28px; }
.omsag-lp-stats__head { max-width: 760px; margin-bottom: 48px; }
.omsag-lp-stats__eyebrow { display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--b); margin-bottom: 14px; }
.omsag-lp-stats__h2 { margin: 0; font-size: clamp(34px, 4.3vw, 52px); font-weight: 700; letter-spacing: 0; line-height: 1.1; }


/* ==== CASE CARDS ============================================ */
.omsag-lp-stats__cases {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 56px;
}
.omsag-lp-stats__cases--cols-2 { grid-template-columns: 1fr 1fr; }
.omsag-lp-stats__cases--cols-3 { grid-template-columns: repeat(3, 1fr); gap: 22px; }
.omsag-lp-stats__case {
  display: flex; flex-direction: column;
  padding: 30px 30px 26px;
  background: #fff;
  border: 1px solid var(--ln);
  border-radius: var(--rl);
  position: relative;
  overflow: hidden; /* clips the big decorative quote in the background */
  box-shadow: 0 10px 30px -18px rgba(15,17,21,.14);
}
/* Big decorative closing-quote anchored at the card's bottom-right corner.
   The closing-quote glyph naturally sits in the upper portion of its em-box, so we
   translate the element down (translateY) until the visible glyph rests on the
   padding-bottom baseline. The (empty) descender area below the glyph extends past
   the card and is clipped by the card's overflow:hidden — no visible content is cut. */
.omsag-lp-stats__case::after {
  content: "\201D";
  position: absolute;
  right: 30px;       /* matches card padding-right */
  bottom: 26px;      /* matches card padding-bottom */
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 240px;
  line-height: 1;
  font-weight: 700;
  color: rgba(35,39,48,.035);
  pointer-events: none;
  z-index: 0;
  user-select: none;
  transform: translateY(48%);
}
/* Make all card content sit above the decorative quote */
.omsag-lp-stats__case > * { position: relative; z-index: 1; }

/* Photo/screenshot below the bar, with the industry pill overlaid */
.omsag-lp-stats__case-shot {
  margin: 0 0 22px;
  position: relative; border-radius: 16px; overflow: hidden;
  background: var(--bga); aspect-ratio: 16 / 10; border: 1px solid var(--ln);
  box-shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 6px 20px -8px rgba(15,17,21,.18);
}
.omsag-lp-stats__case-shot img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.omsag-lp-stats__case-industry {
  position: absolute; bottom: 14px; right: 14px; z-index: 2;
  display: inline-flex; align-items: center;
  padding: 7px 13px;
  background: rgba(255,255,255,.92);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  border-radius: var(--pill);
  font-size: 11px; font-weight: 600; letter-spacing: .03em;
  color: var(--ink);
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(15,17,21,.14);
}
.omsag-lp-stats__case-industry--inline {
  position: static; box-shadow: none;
  -webkit-backdrop-filter: none; backdrop-filter: none;
  background: #f1f2f4; color: var(--ts);
}

/* Brand + KPIs row at the TOP of the card — no divider underneath, compact */
.omsag-lp-stats__case-bar {
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  padding-bottom: 0; margin-bottom: 18px;
  border-bottom: 0;
}
.omsag-lp-stats__case-brand { display: flex; align-items: center; gap: 12px; min-width: 0; }
.omsag-lp-stats__case-logo { height: 40px; width: auto; max-width: 180px; object-fit: contain; }
.omsag-lp-stats__case-logo-text { font-size: 22px; font-weight: 700; letter-spacing: .04em; color: var(--ink); }

/* KPIs — naked numbers, centered, separated by a subtle vertical divider.
   The whole KPI block stays right-aligned (no padding on outer edges). */
.omsag-lp-stats__case-kpis {
  display: flex;
  flex-shrink: 0;
  align-items: stretch;
  gap: 0;
}
.omsag-lp-stats__case-kpi {
  padding: 0 18px;
  text-align: center;
  line-height: 1;
}
.omsag-lp-stats__case-kpi:first-child { padding-left: 0; }
.omsag-lp-stats__case-kpi:last-child  { padding-right: 0; }
.omsag-lp-stats__case-kpi + .omsag-lp-stats__case-kpi {
  border-left: 1px solid var(--ln);
}
.omsag-lp-stats__case-kpi strong {
  display: block;
  font-size: 19px; font-weight: 700; letter-spacing: -0.01em; line-height: 1;
  color: var(--b);
  margin-bottom: 4px;
}
.omsag-lp-stats__case-kpi-unit { font-size: .52em; font-weight: 600; }
.omsag-lp-stats__case-kpi span {
  display: block;
  font-size: 9.5px; font-weight: 600;
  letter-spacing: .04em; text-transform: uppercase;
  color: var(--mut);
}

/* Author footer — sits between image and quote, no divider underneath */
.omsag-lp-stats__case-foot {
  display: grid; grid-template-columns: 52px 1fr; gap: 14px; align-items: center;
  padding: 0; margin: 0 0 18px;
  border-bottom: 0;
}

/* In-card quote — no decorative ::before, big background mark instead (see .case::after) */
.omsag-lp-stats__case-quote {
  position: relative; margin: 0; padding: 0;
}
.omsag-lp-stats__case-quote::before { content: none; display: none; }
.omsag-lp-stats__case-quote p {
  margin: 0;
  font-size: 15.5px; line-height: 1.6; font-weight: 500;
  color: var(--ink);
  font-style: italic;
}
.omsag-lp-stats__case-avatar {
  width: 52px; height: 52px; border-radius: 50%; object-fit: cover;
  border: 2px solid #fff; box-shadow: 0 0 0 1px var(--ln);
}
.omsag-lp-stats__case-author { display: flex; flex-direction: column; line-height: 1.3; }
.omsag-lp-stats__case-author strong { color: var(--ink); font-weight: 600; font-size: 14px; }
.omsag-lp-stats__case-author small { color: var(--ts); font-size: 12.5px; }


/* ==== AWARDS / PARTNER BADGES ================================ */
.omsag-lp-stats__awards {
  display: flex; flex-wrap: wrap;
  justify-content: space-between; align-items: center;
  gap: 24px 32px;
  padding: 32px 40px;
  border-radius: var(--r);
  background: var(--bga);
  border: 1px solid var(--ln);
  width: 100%;
}
.omsag-lp-stats__award {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 auto;
  height: 56px; /* default — overridden per badge by inline style */
  filter: grayscale(20%);
  opacity: .9;
  transition: filter .25s var(--ez), opacity .25s var(--ez), transform .25s var(--ez);
}
.omsag-lp-stats__award:hover { filter: none; opacity: 1; transform: scale(1.04); }
.omsag-lp-stats__award img {
  height: 100%;
  max-height: 100%;
  width: auto;
  max-width: none;
  object-fit: contain;
  display: block;
}
.omsag-lp-stats__award-fallback {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 13px; font-weight: 600;
  color: var(--ts);
  padding: 8px 14px;
  border: 1px dashed var(--ln);
  border-radius: var(--pill);
}


/* ==== RESPONSIVE ============================================ */
@media (max-width: 1280px) {
  .omsag-lp-stats__cases--cols-3 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 1100px) {
  .omsag-lp-stats__cases,
  .omsag-lp-stats__cases--cols-2,
  .omsag-lp-stats__cases--cols-3 { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .omsag-lp-stats { padding: 64px 0 48px; }
  .omsag-lp-stats__container { padding: 0 20px; }
  .omsag-lp-stats__head { margin-bottom: 32px; }
  .omsag-lp-stats__h2   { font-size: 28px; }
  .omsag-lp-stats__cases { gap: 18px; margin-bottom: 40px; }
  .omsag-lp-stats__case  { padding: 16px 17px 20px; }
  .omsag-lp-stats__case::after { font-size: 180px; right: 17px; bottom: 20px; line-height: 1; transform: translateY(48%); }
  .omsag-lp-stats__case-shot { margin-bottom: 16px; border-radius: 12px; }
  .omsag-lp-stats__case-industry { font-size: 10px; padding: 6px 11px; bottom: 12px; right: 12px; }
  .omsag-lp-stats__case-bar { gap: 12px; padding-bottom: 0; margin-bottom: 14px; }
  .omsag-lp-stats__case-logo { height: 30px; }
  .omsag-lp-stats__case-kpis { gap: 0; }
  .omsag-lp-stats__case-kpi { padding: 0 14px; }
  .omsag-lp-stats__case-kpi:first-child { padding-left: 0; }
  .omsag-lp-stats__case-kpi:last-child  { padding-right: 0; }
  .omsag-lp-stats__case-kpi strong { font-size: 17px; }
  .omsag-lp-stats__case-kpi span { font-size: 9px; }
  .omsag-lp-stats__case-quote p { font-size: 15px; }
  .omsag-lp-stats__case-foot { grid-template-columns: 44px 1fr; padding-bottom: 0; margin-bottom: 14px; }
  .omsag-lp-stats__awards { padding: 22px; gap: 22px 28px; }
  .omsag-lp-stats__award  { height: 40px; }
  .omsag-lp-stats__award img { max-height: 40px; max-width: 130px; }
}
