.results-page {
  --case-navy: #121429;
  --case-blue: #4448ff;
  --case-pink: #fa598b;
  --case-muted: #626783;
  --case-ease: cubic-bezier(.2, .75, .2, 1);
}


.results-page .nav-links > a:first-child {
  background: transparent;
  color: var(--navy);
}

.results-page .nav-links > a:first-child::after {
  content: none;
}

.results-page .nav-links > a[aria-current="page"] {
  background: rgba(68, 72, 255, .055);
  color: #5c54ca;
}

.results-page .nav-links > a[aria-current="page"]::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 4px;
  width: 6px;
  height: 6px;
  background: var(--blue);
  border-radius: 50%;
  transform: translateX(-50%);
}

.results-page .case-shell {
  position: relative;
  width: min(1180px, calc(100% - 80px));
  margin: 0 auto;
}

.results-page .results-hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 740px;
  overflow: hidden;
  padding: 122px 0 125px;
  background: #f9f9f6;
}

.results-page .results-hero .hero-inner {
  width: min(1500px, calc(100% - 110px));
}

.results-page .results-eyebrow {
  color: var(--case-navy);
  font-size: clamp(12px, 1.1vw, 18px);
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
}

.results-page .results-hero-title {
  margin-top: 22px;
  color: var(--case-navy);
  font-family: 'Manrope', Arial, sans-serif;
  font-size: clamp(70px, 7vw, 128px);
  font-weight: 800;
  letter-spacing: -.085em;
  line-height: .97;
}

.results-page .results-hero-title span {
  display: block;
}

.results-page .results-title-accent {
  margin-top: 4px;
  color: var(--case-pink);
}

.results-page .results-hero-description {
  max-width: 840px;
  margin-top: 46px;
  color: #626783;
  font-size: clamp(17px, 1.4vw, 23px);
  font-weight: 400;
  line-height: 1.55;
}


@media (prefers-reduced-motion: no-preference) {
  .results-page .results-eyebrow { animation: resultsRise .65s both; }
  .results-page .results-hero-title { animation: resultsRise .85s .12s both; }
  .results-page .results-hero-description { animation: resultsRise .85s .28s both; }
}

@keyframes resultsRise {
  from { opacity: 0; transform: translateY(22px); }
  to { opacity: 1; transform: translateY(0); }
}


.results-page .sec {
  padding: 115px 0;
}

.results-page .case-label {
  color: #b93a68;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}

.results-page .sec-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .85fr);
  align-items: end;
  gap: 75px;
  margin-bottom: 53px;
}

.results-page .sec-head h2 {
  margin-top: 16px;
  color: var(--case-navy);
  font-family: 'Manrope', Arial, sans-serif;
  font-size: clamp(43px, 5vw, 72px);
  font-weight: 800;
  line-height: 1.03;
  letter-spacing: -.065em;
}

.results-page .sec-head > p {
  color: var(--case-muted);
  font-size: 17px;
  line-height: 1.6;
}

.results-page .wins {
  background: linear-gradient(180deg, #fbfaf7 0%, #fff 100%);
}

.results-page .filters {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 26px;
}

.results-page .filters button {
  padding: 12px 18px;
  border: 1px solid rgba(82, 69, 145, .14);
  border-radius: 999px;
  background: #fff;
  color: var(--case-navy);
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  transition: color .25s ease, background-color .25s ease, border-color .25s ease, transform .25s ease;
}

.results-page .filters button:hover {
  border-color: rgba(68, 72, 255, .35);
  transform: translateY(-2px);
}

.results-page .filters button[aria-pressed="true"] {
  border-color: var(--case-navy);
  background: var(--case-navy);
  color: #fff;
}

.results-page .win-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.results-page .win {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 165px) minmax(0, 205px) minmax(0, 1fr) minmax(0, 148px);
  align-items: center;
  gap: 22px;
  min-width: 0;
  padding: 29px;
  overflow: hidden;
  border: 1px solid rgba(82, 69, 145, .1);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(70, 53, 137, .04);
  transition: box-shadow .3s ease, border-color .3s ease, transform .45s var(--case-ease), opacity .7s ease;
}

.results-page .win:hover {
  border-color: rgba(68, 72, 255, .22);
  box-shadow: 0 24px 48px rgba(70, 53, 137, .085);
}

.results-page .win.hide { display: none; }

.results-page .w-brand b {
  display: block;
  color: var(--case-navy);
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 17px;
}

.results-page .w-brand > span {
  display: inline-block;
  margin-top: 8px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #eff0fb;
  color: #767d9c;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.results-page .w-stat {
  min-width: 0;
  color: var(--case-pink);
}

.results-page .w-stat > span {
  display: block;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: clamp(34px, 3.1vw, 50px);
  font-weight: 800;
  letter-spacing: -.06em;
  line-height: 1;
}

.results-page .w-stat small {
  display: block;
  margin-top: 8px;
  color: var(--case-muted);
  font-size: 12px;
  font-weight: 600;
}

.results-page .w-copy h3 {
  color: var(--case-navy);
  font-family: 'Manrope', Arial, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.025em;
}

.results-page .w-copy p {
  margin-top: 8px;
  color: var(--case-muted);
  font-size: 14px;
  line-height: 1.55;
}

.results-page .w-viz {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.results-page .w-viz .row {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #767d9c;
  font-size: 10px;
  font-weight: 700;
}

.results-page .w-viz .row em {
  flex: 0 0 38px;
  font-style: normal;
}

.results-page .w-viz .bar {
  flex: 1;
  height: 8px;
  overflow: hidden;
  border-radius: 9px;
  background: #eff0fb;
}

.results-page .w-viz .bar i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: 9px;
  transition: width 1.3s var(--case-ease);
}

.results-page .w-viz .before .bar i { background: #c9cbe0; }
.results-page .w-viz .after .bar i { background: linear-gradient(90deg, #fa598b, #4448ff); }
.results-page .w-viz .note { color: #777d96; font-size: 10px; }
.results-page .win.in .w-viz .bar i { width: var(--w); }

.results-page .record {
  overflow: hidden;
  background: var(--case-navy);
  color: #fff;
  padding: 94px 0 145px;
}

.results-page .record .case-shell {
  width: min(1510px, calc(100% - 90px));
}

.results-page .record-heading {
  display: grid;
  grid-template-columns: minmax(0, .28fr) minmax(0, .72fr);
  align-items: start;
  gap: 30px;
  margin-bottom: 60px;
}

.results-page .record-heading .case-label {
  padding-top: 8px;
  color: var(--case-pink);
  font-size: clamp(12px, 1.05vw, 18px);
  font-weight: 500;
  letter-spacing: 0;
}

.results-page .record-heading h2 {
  color: #fff;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: clamp(52px, 5.3vw, 94px);
  font-weight: 800;
  letter-spacing: -.07em;
  line-height: 1.05;
}

.results-page .rec-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(255, 255, 255, .22);
  border-left: 1px solid rgba(255, 255, 255, .22);
}

.results-page .rec {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  min-height: 222px;
  padding: 29px 30px 26px;
  border-right: 1px solid rgba(255, 255, 255, .22);
  border-bottom: 1px solid rgba(255, 255, 255, .22);
  background: transparent;
  transition: background-color .3s ease;
}

.results-page .rec:hover {
  background: rgba(255, 255, 255, .045);
}

.results-page .rec .who {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
}

.results-page .rec .num {
  display: block;
  margin-top: 23px;
  color: var(--case-pink);
  font-family: 'Manrope', Arial, sans-serif;
  font-size: clamp(36px, 3.1vw, 54px);
  font-weight: 800;
  line-height: 1.06;
  letter-spacing: -.065em;
  white-space: nowrap;
}

.results-page .rec .what {
  display: block;
  margin-top: 7px;
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
}

.results-page .case-clients {
  background: #eff0fb;
}

.results-page .client-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
}

.results-page .client-cloud span {
  display: inline-flex;
  align-items: center;
  min-height: 51px;
  padding: 13px 19px;
  border: 1px solid rgba(82, 69, 145, .09);
  border-radius: 999px;
  background: #fff;
  color: var(--case-navy);
  font-family: 'Manrope', Arial, sans-serif;
  font-size: clamp(15px, 1.5vw, 20px);
  font-weight: 700;
  transition: transform .25s ease, box-shadow .25s ease, color .25s ease;
}

.results-page .client-cloud span:hover {
  color: #5d47eb;
  transform: translateY(-3px);
  box-shadow: 0 12px 26px rgba(70, 53, 137, .1);
}

.results-page .client-cloud span.has-case::after {
  content: '';
  width: 7px;
  height: 7px;
  margin-left: 12px;
  border-radius: 50%;
  background: var(--case-pink);
}

.results-page .client-key {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  color: var(--case-muted);
  font-size: 13px;
}

.results-page .client-key i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--case-pink);
}

.results-page .case-cta {
  padding: 110px 0;
  background: #f9f9f6;
}

.results-page .cta-box {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, .85fr);
  gap: 55px;
  align-items: center;
  overflow: hidden;
  padding: 65px;
  border-radius: 23px;
  background: var(--case-navy);
  color: #fff;
}

.results-page .cta-box::before {
  content: '';
  position: absolute;
  right: -100px;
  bottom: -240px;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(98, 80, 230, .35), transparent 70%);
  pointer-events: none;
}

.results-page .cta-box h2 {
  position: relative;
  color: #fff;
  font-family: 'Manrope', Arial, sans-serif;
  font-size: clamp(34px, 3.5vw, 54px);
  font-weight: 800;
  line-height: 1.09;
  letter-spacing: -.06em;
}

.results-page .cta-box > div {
  position: relative;
}

.results-page .cta-box p {
  color: rgba(255, 255, 255, .78);
  font-size: 16px;
  line-height: 1.65;
}

.results-page .case-primary-cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  min-height: 55px;
  margin-top: 25px;
  padding: 0 24px;
  border-radius: 999px;
  background: linear-gradient(105deg, #505bff, #8954ef 52%, #fa598b);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 12px 25px rgba(108, 85, 225, .22);
  transition: transform .25s ease, box-shadow .25s ease;
}

.results-page .case-primary-cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 35px rgba(108, 85, 225, .31);
}

.results-ready .results-page .reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .8s ease, transform .8s var(--case-ease);
}

.results-ready .results-page .reveal.in {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1200px) {
  .results-page .results-hero-title { font-size: clamp(65px, 7.2vw, 102px); }
  .results-page .win { grid-template-columns: 145px 170px minmax(0, 1fr); }
  .results-page .w-viz { display: none; }
  .results-page .record-heading { grid-template-columns: minmax(0, .24fr) minmax(0, .76fr); }
  .results-page .rec { padding: 24px 22px; }
  .results-page .rec .what { font-size: 14px; }
}

@media (max-width: 1100px) {
  .results-page .rec-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .results-page .rec .num { font-size: clamp(40px, 5vw, 54px); }
}

@media (max-width: 980px) {
  .results-page .nav-links > a[aria-current="page"]::after {
    left: auto;
    right: 17px;
    bottom: 50%;
    transform: translateY(50%);
  }
  .results-page .results-hero { min-height: 630px; padding: 110px 0 90px; }
  .results-page .results-hero .hero-inner { width: calc(100% - 65px); }
  .results-page .results-hero-title { font-size: clamp(60px, 9vw, 85px); }
  .results-page .results-hero-description { max-width: 680px; margin-top: 35px; }
  .results-page .sec-head { gap: 35px; }
  .results-page .record-heading { grid-template-columns: 1fr; gap: 12px; }
  .results-page .record-heading h2 { font-size: clamp(52px, 7vw, 76px); }
  .results-page .rec-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .results-page .rec .num { font-size: clamp(40px, 5vw, 54px); }
}

@media (max-width: 700px) {
  .results-page .case-shell { width: calc(100% - 40px); }
  .results-page .results-hero { min-height: 565px; padding: 100px 0 85px; }
  .results-page .results-hero .hero-inner { width: calc(100% - 40px); }
  .results-page .results-hero-title { margin-top: 21px; font-size: clamp(47px, 10.3vw, 70px); line-height: 1; letter-spacing: -.075em; }
  .results-page .results-title-accent { margin-top: 9px; }
  .results-page .results-eyebrow { font-size: 11px; }
  .results-page .results-hero-description { margin-top: 31px; font-size: 16px; }
  .results-page .sec { padding: 83px 0; }
  .results-page .sec-head { grid-template-columns: 1fr; gap: 17px; margin-bottom: 35px; }
  .results-page .sec-head h2 { font-size: clamp(39px, 8vw, 58px); }
  .results-page .sec-head > p { font-size: 15px; }
  .results-page .win { grid-template-columns: 1fr; gap: 16px; padding: 24px; }
  .results-page .w-viz { display: flex; max-width: 260px; }
  .results-page .w-stat > span { font-size: 45px; }
  .results-page .record { padding: 85px 0 100px; }
  .results-page .record .case-shell { width: calc(100% - 40px); }
  .results-page .record-heading { margin-bottom: 38px; }
  .results-page .record-heading h2 { font-size: clamp(42px, 9vw, 61px); }
  .results-page .rec { min-height: 195px; padding: 22px 18px; }
  .results-page .rec .who { font-size: 13px; }
  .results-page .rec .num { font-size: clamp(34px, 6vw, 45px); }
  .results-page .rec .what { font-size: 13px; }
  .results-page .client-cloud span { padding: 11px 15px; min-height: 46px; }
  .results-page .case-cta { padding: 75px 0; }
  .results-page .cta-box { grid-template-columns: 1fr; padding: 42px 29px; gap: 20px; }
}

@media (max-width: 450px) {
  .results-page .results-hero { min-height: 540px; padding: 90px 0 70px; }
  .results-page .results-hero-title { font-size: clamp(43px, 10.8vw, 52px); }
  .results-page .results-hero-description { font-size: 15px; }
  .results-page .record .case-shell { width: calc(100% - 28px); }
  .results-page .rec-grid { grid-template-columns: 1fr; }
  .results-page .rec { min-height: 164px; padding: 21px; }
  .results-page .rec .num { font-size: 44px; margin-top: 12px; }
  .results-page .rec .who, .results-page .rec .what { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .results-ready .results-page .reveal { opacity: 1; transform: none; transition: none; }
  .results-page .w-viz .bar i { transition: none; }
}