:root {
  --color-black: #161414;
  --color-white: #fbfff9;
  --color-lilac: #c7b2ff;
  --color-border-light: rgba(251, 255, 249, 0.1);
  --font-display: "Special Gothic", sans-serif;
  --font-size-nav: 14px;
  --font-size-body: 20px;
  --font-size-heading: 32px;
  --space-8: 8px;
  --space-16: 16px;
  --space-24: 24px;
  --space-48: 48px;
  --space-72: 72px;
}

* {
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--color-black);
  color: var(--color-white);
  font-family: var(--font-display);
  font-stretch: 120%;
  font-variation-settings: "wdth" 120;
  font-weight: 400;
  overflow-x: hidden;
}

button,
a {
  color: inherit;
  font: inherit;
}

a {
  text-decoration: none;
}

.hero {
  min-height: 880px;
  overflow: hidden;
  position: relative;
}

.hero__backdrop,
.hero__image,
.hero__fade {
  inset: 0;
  position: absolute;
}

.hero__backdrop {
  pointer-events: none;
}

.hero__image {
  height: 249.8%;
  left: 0.14%;
  max-width: none;
  object-fit: cover;
  top: -67.43%;
  width: 159.57%;
}

.hero__fade {
  background: linear-gradient(to bottom, rgba(22, 20, 20, 0), var(--color-black));
}

.site-header {
  align-items: center;
  border-bottom: 1px solid var(--color-border-light);
  display: flex;
  justify-content: space-between;
  left: 0;
  min-height: 80px;
  padding: var(--space-16) var(--space-72);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

@media (min-width: 1441px) {
  .site-header {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: min(100%, 1440px);
  }
}

.site-header__links,
.site-header__actions,
.site-nav,
.hero__actions {
  align-items: center;
  display: flex;
}

.site-header__links {
  gap: var(--space-48);
  min-width: 0;
  width: 72.36%;
}

.site-header__logo {
  display: block;
  flex: 0 0 205.5px;
  height: 24.438px;
  width: 205.5px;
}

.site-header__logo img,
.icon-button img {
  display: block;
  height: 100%;
  width: 100%;
}

.site-nav {
  gap: 24px;
  flex: 1;
  font-size: var(--font-size-nav);
  font-stretch: 120%;
  font-variation-settings: "wdth" 120;
  line-height: 20px;
  min-width: 0;
  white-space: nowrap;
}

.site-nav a {
  transition: color 160ms ease;
}

.site-nav a:hover,
.site-nav a:focus-visible {
  color: var(--color-lilac);
}

.site-header__actions {
  gap: var(--space-8);
  justify-content: flex-end;
  width: 206px;
}

.icon-button,
.menu-button {
  align-items: center;
  background: rgba(251, 255, 249, 0.15);
  border: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
}

.icon-button {
  border-radius: 999px;
  flex: 0 0 48px;
  height: 48px;
  padding: 0 8px;
  width: 48px;
}

.icon-button img {
  height: 20.097px;
  width: 20.097px;
}

.button {
  align-items: center;
  border-radius: 99px;
  display: inline-flex;
  font-size: var(--font-size-nav);
  font-stretch: 120%;
  font-variation-settings: "wdth" 120;
  font-weight: 500;
  justify-content: center;
  line-height: 24px;
  padding: 12px 24px;
  transition: filter 160ms ease;
  white-space: nowrap;
}

.button:hover,
.button:focus-visible,
.icon-button:hover,
.icon-button:focus-visible {
  filter: brightness(1.1);
}

.button--header,
.button--filled {
  background: var(--color-lilac);
  border: 1px solid #6e43df;
  color: var(--color-black);
}

.hero__content {
  display: flex;
  left: 0;
  padding: 80px 48px 0;
  position: absolute;
  right: 0;
  top: 0;
}

.hero__content-inner {
  border-left: 1px solid rgba(255, 255, 255, 0.05);
  border-right: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  flex-direction: column;
  gap: 96px;
  justify-content: center;
  min-height: 923.26px;
  padding: 256px 48px 0;
  width: 100%;
}

.hero__content-inner,
.feature-grid__frame,
.logo-carousel__frame,
.who-we-are__frame,
.thought-pieces__frame,
.key-stats__frame,
.success-stories__frame,
.call-to-actions__frame,
.compliance__frame,
.testimonials__frame,
.sectors__frame,
.resources__frame,
.faqs__frame,
.site-footer__frame {
  margin-inline: auto;
  max-width: 1440px;
}

.hero__copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
  max-width: 700px;
}

.hero__copy h1,
.hero__copy p {
  background: linear-gradient(135deg, var(--color-white) 42.23%, var(--color-lilac) 107.15%);
  background-clip: text;
  color: transparent;
  margin: 0;
}

.hero__copy h1 {
  font-stretch: 120%;
  font-size: var(--font-size-heading);
  font-variation-settings: "wdth" 120;
  font-weight: 450;
  line-height: 40px;
}

.hero__copy p {
  font-stretch: 120%;
  font-size: var(--font-size-body);
  font-variation-settings: "wdth" 120;
  line-height: 28px;
}

.hero__actions {
  align-items: flex-start;
  gap: var(--space-8);
}

.button--outline {
  border: 1px solid var(--color-lilac);
  color: var(--color-lilac);
}

.menu-button {
  border-radius: 999px;
  flex-direction: column;
  flex: 0 0 48px;
  gap: 4px;
  height: 48px;
  display: none;
  padding: 0;
  width: 48px;
}

@media (max-width: 1300px) {
  .site-header {
    padding-left: 32px;
    padding-right: 32px;
  }

  .site-header__links {
    gap: 24px;
    width: auto;
  }

  .site-header__logo {
    flex-basis: 170px;
    width: 170px;
  }

  .site-nav {
    background: rgba(22, 20, 20, 0.96);
    border: 1px solid var(--color-border-light);
    display: none;
    flex-direction: column;
    gap: 20px;
    left: 32px;
    padding: 24px;
    position: absolute;
    right: 32px;
    top: 76px;
    white-space: normal;
  }

  .site-nav.is-open {
    display: flex;
  }

  .site-nav a:nth-child(n) {
    display: block;
  }

  .menu-button {
    display: flex;
  }

  .menu-button span {
    background: var(--color-white);
    display: block;
    height: 1px;
    width: 18px;
  }

  .hero__content {
    padding-left: 32px;
    padding-right: 32px;
  }

  .hero__content-inner {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (max-width: 768px) {
  .hero {
    min-height: 760px;
  }

  .hero__image {
    height: 180%;
    left: -45%;
    top: -24%;
    width: 190%;
  }

  .site-header {
    min-height: 72px;
    padding: 12px 20px;
  }

  .site-header__links {
    width: auto;
  }

  .site-header__logo {
    flex-basis: 150px;
    height: auto;
    width: 150px;
  }

  .site-nav {
    left: 20px;
    right: 20px;
    top: 68px;
  }

  .site-header__actions {
    width: auto;
  }

  .hero__content {
    padding: 72px 20px 0;
  }

  .hero__content-inner {
    gap: 48px;
    min-height: 688px;
    padding: 180px 20px 0;
  }

  .hero__copy {
    max-width: none;
  }

  .hero__copy h1 {
    font-size: 28px;
    line-height: 36px;
  }

  .hero__copy p {
    font-size: 18px;
    line-height: 26px;
  }

  .hero__actions {
    align-items: stretch;
    flex-direction: column;
    max-width: 280px;
  }
}

.feature-grid {
  background: #f6f7f6;
  color: var(--color-black);
  position: relative;
  padding: 0 48px;
}

.feature-grid__frame {
  border-left: 1px solid rgba(22, 20, 20, 0.08);
  border-right: 1px solid rgba(22, 20, 20, 0.08);
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 2080px;
  padding: 64px 48px;
}

.feature-grid__row {
  display: grid;
  gap: 16px;
}

.feature-grid__row--top {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

.feature-grid__row--middle {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.feature-card {
  border: 1px solid rgba(22, 20, 20, 0.08);
  border-radius: 12px;
  container-type: inline-size;
  font-family: "Special Gothic", sans-serif;
  min-width: 0;
}

.feature-card--wide,
.feature-card--tall,
.feature-card--small {
  height: 640px;
}

.feature-card--bottom {
  height: 640px;
}

.ready-player {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(22, 20, 20, 0.08);
  border-radius: 16px;
  bottom: 24px;
  box-shadow: 0 8px 4px rgba(0, 0, 0, 0.04), 0 20px 12px rgba(0, 0, 0, 0.08);
  display: flex;
  gap: 12px;
  left: 24px;
  padding: 13px 17px;
  position: absolute;
  width: 411px;
  z-index: 5;
}

.ready-player--legacy {
  display: none;
}

.feature-card--safety > .ready-player {
  left: 24px;
  top: auto;
}

.ready-player__play {
  align-items: center;
  background: #6e43df;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  flex: 0 0 36px;
  height: 36px;
  justify-content: center;
  padding: 0;
  width: 36px;
}

.ready-player__play img,
.ready-player__send img {
  display: block;
  height: 16px;
  width: 16px;
}

.ready-player__waveform {
  align-items: center;
  display: flex;
  gap: 2px;
  height: 40px;
  overflow: hidden;
  width: 238px;
}

.ready-player__waveform i {
  background: #d1d5db;
  border-radius: 999px;
  display: block;
  flex: 0 0 3px;
  height: calc(8px + var(--wave-height, 20px));
  width: 3px;
}

.ready-player__waveform i:nth-child(3n) { --wave-height: 20px; }
.ready-player__waveform i:nth-child(4n) { --wave-height: 8px; }
.ready-player__waveform i:nth-child(5n) { --wave-height: 28px; }
.ready-player__waveform i:nth-child(7n) { --wave-height: 32px; }

.ready-player__time {
  border-right: 1px solid #d1d5db;
  color: #6e43df;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding-right: 12px;
  white-space: nowrap;
}

.ready-player__send {
  align-items: center;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0;
}

.feature-card--safety {
  background: #e7e7e7;
  overflow: hidden;
  position: relative;
}

.feature-card__safety-background {
  border-radius: inherit;
  inset: 0;
  overflow: hidden;
  position: absolute;
}

.feature-card__safety-background picture,
.feature-card__safety-chart picture {
  display: block;
  height: 100%;
  width: 100%;
}

.feature-card__safety-background img {
  height: 477.35%;
  left: -5.11%;
  max-width: none;
  object-fit: cover;
  position: absolute;
  top: -206.71%;
  width: 255.66%;
}

.feature-card__safety-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 16px 16px 32px;
  position: relative;
  width: 575px;
  z-index: 2;
}

.feature-card__safety-content .feature-card__heading h2 {
  max-width: 546px;
}

.feature-card__safety-content > p {
  font-family: "Special Gothic", sans-serif;
  font-size: 20px;
  line-height: 28px;
  margin: 0 8px;
  max-width: 547px;
}

.feature-card__safety-chart {
  background: rgba(255, 255, 255, 0.3);
  aspect-ratio: 672.43 / 519.76;
  border-radius: 15.412px 0 0 0;
  bottom: 0;
  box-shadow: 0 3.94px 3.94px rgba(0, 0, 0, 0.04), 0 9.85px 11.82px rgba(0, 0, 0, 0.08);
  height: auto;
  padding: 13.485px 0 0 13.485px;
  position: absolute;
  right: 0;
  width: 672.43px;
  z-index: 1;
}

.feature-card__safety-chart > div {
  aspect-ratio: 658.945 / 506.275;
  border-radius: 11.559px 0 0 0;
  height: auto;
  overflow: hidden;
  position: relative;
  width: 658.945px;
}

.feature-card__safety-chart img {
  height: 217.32%;
  left: -149.78%;
  max-width: none;
  position: absolute;
  top: -62.94%;
  width: 258.3%;
}

.safety-kpis {
  color: #6e43df;
  height: 393.837px;
  left: 79px;
  position: absolute;
  top: 325.24px;
  width: 194.093px;
  z-index: 3;
}

.safety-kpis__card {
  background: rgba(199, 178, 255, 0.3);
  border-radius: 18.047px;
  box-shadow: 0 9.023px 9.023px rgba(0, 0, 0, 0.04), 0 22.558px 27.07px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: 9.023px;
  justify-content: center;
  left: 0;
  min-height: 112px;
  padding: 18.047px;
  position: absolute;
  width: max-content;
}

.safety-kpis__card:nth-child(1) { top: 0; }
.safety-kpis__card:nth-child(2) { top: 139.86px; }
.safety-kpis__card:nth-child(3) { top: 279.72px; width: 194px; }

.safety-kpis__card span {
  font-family: Inter, sans-serif;
  font-size: 18.047px;
  line-height: 27.07px;
  white-space: nowrap;
}

.safety-kpis__card strong {
  font-family: Inter, sans-serif;
  font-size: 31.581px;
  font-weight: 700;
  line-height: 40.605px;
  white-space: nowrap;
}

.safety-filled-shifts {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 9.023px 9.023px rgba(0, 0, 0, 0.04), 0 22.558px 27.07px rgba(0, 0, 0, 0.08);
  left: 340px;
  padding: 16px;
  position: absolute;
  top: 233.24px;
  width: 300px;
  z-index: 3;
}

.safety-filled-shifts__header {
  background: #e8deff;
  border: 1px solid #d8cfed;
  border-radius: 12px 12px 0 0;
  color: #6e43df;
  font-family: "Special Gothic", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 12px 16px;
  text-align: center;
}

.safety-filled-shifts__body {
  background: #f6f7f6;
  border: 1px solid #d8cfed;
  border-radius: 0 0 12px 12px;
  border-top: 0;
  padding: 32px;
}

.safety-filled-shifts__status {
  align-items: center;
  background: #dcf4ec;
  border: 1px solid #26bd8a;
  border-radius: 8px;
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.08), 0 4px 8px -2px rgba(0, 0, 0, 0.04);
  color: #26bd8a;
  display: flex;
  font-family: "Special Gothic", sans-serif;
  font-size: 9.335px;
  justify-content: space-between;
  line-height: 14.003px;
  padding: 8px;
  white-space: nowrap;
}

.safety-filled-shifts__status > div {
  align-items: center;
  display: flex;
  gap: 8px;
}

.safety-filled-shifts__status strong {
  font-weight: 500;
}

.safety-filled-shifts__status img {
  height: 16px;
  width: 16px;
}

.safety-filled-shifts__substatus {
  color: #161414;
  display: flex;
  flex-direction: column;
  font-family: "Special Gothic", sans-serif;
  font-size: 9.335px;
  gap: 8px;
  line-height: 14.003px;
  margin-top: 24px;
}

.safety-filled-shifts__substatus > div {
  display: flex;
  gap: 14px;
  justify-content: space-between;
}

.safety-filled-shifts__substatus span { width: 125px; }
.safety-filled-shifts__substatus strong { font-weight: 500; }

.feature-card--compliance {
  background: #fbfff9;
  overflow: hidden;
  position: relative;
}

.feature-card--payroll {
  background: linear-gradient(180deg, #e7e7e7 0%, #d1d0d0 100%);
  overflow: hidden;
  position: relative;
}

.feature-card--profit {
  background: #161414;
  color: var(--color-white);
  overflow: hidden;
  position: relative;
}

.feature-card__photo,
.feature-card__photo img,
.feature-card__photo-fade {
  inset: 0;
  position: absolute;
}

.feature-card__photo {
  overflow: hidden;
}

.feature-card__photo img {
  height: 100%;
  max-width: none;
  object-fit: cover;
  width: 100%;
}

.feature-card__photo-fade {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 38.006%);
}

.feature-card--profit .feature-card__content {
  z-index: 1;
}

.feature-card--profit .feature-card__heading h2 {
  flex: 1 1 auto;
}

.feature-card--messaging {
  background: linear-gradient(180deg, #454343 0%, #161414 100%);
  color: var(--color-white);
  overflow: hidden;
  position: relative;
}

.feature-card--automated-compliance {
  background: #c7b2ff;
  color: var(--color-black);
  overflow: hidden;
  position: relative;
}

.feature-card__automated-background,
.feature-card__automated-background img,
.feature-card__automated-background div {
  inset: 0;
  position: absolute;
}

.feature-card__automated-background {
  overflow: hidden;
}

.feature-card__automated-background img {
  height: 303.94%;
  left: -326.53%;
  max-width: none;
  object-fit: cover;
  top: -131.66%;
  width: 501.2%;
}

.feature-card__automated-background div {
  background: linear-gradient(to bottom, #f4f0ff, #c7b2ff);
  mix-blend-mode: multiply;
}

.feature-card--automated-compliance .feature-card__content {
  justify-content: space-between;
  z-index: 1;
}

.feature-card--automated-compliance .feature-card__heading h2 {
  flex: 1 1 auto;
}

.compliance-status {
  align-items: center;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.04), 0 20px 24px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  margin: auto;
  padding: 16px;
  width: 335px;
}

.compliance-status__pill {
  align-items: center;
  border: 1px solid;
  border-radius: 8px;
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.08), 0 4px 8px -2px rgba(0, 0, 0, 0.04);
  display: flex;
  gap: 4px;
  justify-content: center;
  max-width: none;
  overflow: hidden;
  padding: 8px;
  padding-right: calc(8px + 20%);
  white-space: nowrap;
}

.compliance-status__pill img {
  flex: 0 0 20px;
  height: 20px;
  width: 20px;
}

.compliance-status__pill span {
  font-family: "Special Gothic", sans-serif;
  font-stretch: 120%;
  font-size: 16px;
  font-style: normal;
  font-variation-settings: "wdth" 120;
  font-weight: 400;
  line-height: 24px;
  max-width: none;
  overflow: visible;
}

.compliance-status__pill--clinical { background: #dcf4ec; border-color: #26bd8a; color: #26bd8a; }
.compliance-status__pill--identity { background: #e6e6e6; border-color: #5b5b5b; color: #5b5b5b; }
.compliance-status__pill--assessment { background: #f9e2e7; border-color: #d74b6a; color: #d74b6a; }

.feature-card--messaging .feature-card__content {
  gap: 24px;
  z-index: 1;
}

.feature-card--messaging .feature-card__heading h2 {
  flex: 1 1 auto;
}

.feature-card__messaging-image {
  height: 485.5px;
  flex: 0 0 485.5px;
  margin-left: -0.25px;
  position: relative;
  width: 372.5px;
}

.feature-card__messaging-image img {
  display: block;
  height: 100%;
  max-width: none;
  object-fit: cover;
  width: 100%;
}

.feature-card__payroll-background {
  inset: 0;
  overflow: hidden;
  position: absolute;
}

.feature-card__payroll-background img {
  height: 72.93%;
  left: -13.86%;
  max-width: none;
  object-fit: cover;
  position: absolute;
  top: -29.59%;
  width: 115.39%;
}

.payroll-metrics {
  align-self: center;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 23px 40px rgba(110, 67, 223, 0.16), 0 20px 24px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  margin-top: auto;
  padding: 16px;
  position: relative;
  width: 293px;
}

.payroll-metrics__header {
  background: #e8deff;
  border: 1px solid #d8cfed;
  border-radius: 12px 12px 0 0;
  color: #6e43df;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 12px 16px;
  text-align: center;
}

.payroll-metrics__body {
  align-items: center;
  background: #f6f7f6;
  border: 1px solid #d8cfed;
  border-radius: 0 0 12px 12px;
  border-top: 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
}

.payroll-metrics__chart {
  display: block;
  height: 131px;
  width: 131px;
}

.payroll-metrics__legend {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.payroll-metrics__legend > div {
  align-items: center;
  display: grid;
  font-family: "Special Gothic", sans-serif;
  font-size: 9.335px;
  gap: 14px;
  grid-template-columns: 16px 1fr auto;
  line-height: 14px;
}

.payroll-metrics__legend strong {
  font-weight: 500;
}

.payroll-metrics__swatch {
  border-radius: 50%;
  display: block;
  height: 16px;
  width: 16px;
}

.payroll-metrics__swatch--filled { background: #35bdf2; }
.payroll-metrics__swatch--unfilled { background: #ff7900; }
.payroll-metrics__swatch--cancelled { background: #ffc400; }
.payroll-metrics__swatch--no-shows { background: #6e43df; }

.feature-card__artwork,
.feature-card__artwork-bg,
.feature-card__dashboard {
  position: absolute;
}

.feature-card__artwork {
  inset: 0;
  overflow: hidden;
}

.feature-card__artwork-bg {
  height: 287.85%;
  left: -37.35%;
  max-width: none;
  top: -20.77%;
  width: 232.74%;
}

.feature-card__dashboard {
  height: 406.5px;
  left: 273px;
  max-width: none;
  object-fit: cover;
  top: 232.74px;
  width: 553.5px;
}

.feature-card__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  inset: 0;
  padding: 16px 16px 32px;
  position: absolute;
}

.feature-card__heading {
  align-items: flex-start;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}

.feature-card__heading h2 {
  color: inherit;
  font-family: "Special Gothic", sans-serif;
  font-stretch: 120%;
  font-size: 28px;
  font-style: normal;
  font-weight: 450;
  line-height: 36px;
  margin: 8px 0 0 8px;
  max-width: min(700px, calc(100% / 1.2));
  font-variation-settings: "wdth" 120;
}

@supports (font-size: 1cqi) {
  .feature-card__heading h2 {
    font-size: clamp(20px, 6.91cqi, 28px);
    line-height: 1.286;
  }
}

.feature-card__content > p {
  font-size: 20px;
  line-height: 28px;
  margin: 0 8px;
  max-width: 700px;
}

.feature-card__expand {
  align-items: center;
  background: #e8deff;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  flex: 0 0 32px;
  height: 32px;
  justify-content: center;
  padding: 6.4px;
  width: 32px;
}

.feature-card__expand img {
  display: block;
  height: 19.2px;
  width: 19.2px;
}

.feature-card__workflow {
  align-items: center;
  background: #202126;
  border-radius: 9.739px;
  bottom: 17.194px;
  box-shadow: 0 7.638px 7.638px -3.819px rgba(0, 0, 0, 0.04), 0 19.095px 22.914px -3.819px rgba(0, 0, 0, 0.08);
  color: #fff;
  display: flex;
  gap: 24px;
  height: 63.306px;
  left: 156px;
  overflow: hidden;
  padding-right: 20px;
  position: absolute;
  white-space: nowrap;
  width: 829.67px;
  z-index: 2;
}

.feature-card__workflow-overlay {
  height: 63.306px;
  left: 7.91px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 821.757px;
  z-index: 0;
}

.feature-card__workflow-overlay img {
  height: 327.88%;
  left: -8.74%;
  max-width: none;
  position: absolute;
  top: -190.38%;
  width: 117.63%;
}

.feature-card__workflow > span,
.feature-card__workflow-selected {
  display: none;
}

.feature-card__workflow > span {
  font-family: Inter, sans-serif;
  font-size: 8.593px;
  line-height: 14.609px;
  position: relative;
  z-index: 1;
}

.feature-card__workflow-selected {
  align-items: center;
  background: #6e43df;
  flex: 0 0 63.306px;
  flex-direction: column;
  height: 63.306px;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.feature-card__workflow-selected strong {
  font-family: Inter, sans-serif;
  font-size: 14.609px;
  line-height: 21.914px;
}

.feature-card__workflow-selected span {
  font-family: Inter, sans-serif;
  font-size: 8.593px;
  line-height: 14.609px;
}

@media (max-width: 1024px) {
  .feature-grid {
    padding-left: 32px;
    padding-right: 32px;
  }

  .feature-grid__frame {
    min-height: 0;
    padding: 48px 32px;
  }

  .feature-grid__row--top,
  .feature-grid__row--middle {
    grid-template-columns: 1fr 1fr;
  }

  .feature-card--wide,
  .feature-card--tall,
  .feature-card--small,
  .feature-card--bottom {
    height: 520px;
  }

  .feature-card__artwork-bg {
    height: 287.85%;
    left: -37.35%;
    top: -20.77%;
    width: 232.74%;
  }

  .feature-card__dashboard {
    left: 34%;
    top: 38%;
    transform: scale(0.75);
    transform-origin: top left;
  }

  .feature-card__workflow {
    bottom: 16px;
    left: 16%;
    transform: scale(0.72);
    transform-origin: bottom left;
  }

  .feature-card__workflow-overlay {
    height: 63.306px;
    left: 7.91px;
    top: 0;
    width: 821.757px;
  }

}

@media (max-width: 768px) {
  .feature-grid {
    padding-left: 20px;
    padding-right: 20px;
  }

  .feature-grid__frame {
    gap: 12px;
    padding: 32px 20px;
  }

  .feature-grid__row--top,
  .feature-grid__row--middle {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .feature-card--wide,
  .feature-card--tall,
  .feature-card--small,
  .feature-card--bottom {
    height: 420px;
  }

  .feature-card--safety {
    height: 640px;
  }

  .feature-card__content > p {
    font-size: 16px;
    line-height: 23px;
  }

  .feature-card__dashboard {
    left: 28%;
    top: 40%;
    transform: scale(0.55);
  }

  .feature-card__workflow {
    left: 7%;
    transform: scale(0.5);
  }

  .payroll-metrics {
    transform: scale(0.82);
    transform-origin: bottom center;
  }

  .payroll-metrics {
    margin-bottom: -30px;
    transform: scale(0.72);
  }

  .compliance-status {
    padding: 0;
    width: max-content;
  }

  .compliance-status__pill {
    max-width: none;
    padding-right: 8px;
  }

  .compliance-status__pill span {
    transform: none;
    text-overflow: clip;
  }

  .feature-card__messaging-image {
    flex: 0 1 auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 100%;
  }

  .feature-card__messaging-image img {
    height: auto;
    max-width: 100%;
    object-fit: contain;
    width: 100%;
  }

  .feature-card__safety-content {
    width: 58%;
  }

  .feature-card__safety-chart {
    transform: scale(0.72);
    transform-origin: bottom right;
  }

  .feature-card__safety-content {
    width: 100%;
  }

  .feature-card__safety-chart {
    bottom: -32px;
    right: -116px;
    transform: scale(0.48);
    transform-origin: bottom right;
  }

  .safety-kpis,
  .safety-filled-shifts {
    display: none;
  }

  .feature-card__safety-content {
    gap: 24px;
    padding: 16px;
  }

  .feature-card__safety-content .feature-card__heading h2 {
    font-size: 20px;
    line-height: 28px;
    max-width: none;
    transform: none;
  }

  .feature-card__safety-content > p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 8px;
  }

  .feature-card__safety-chart {
    bottom: 0;
    height: auto;
    left: 0;
    padding: 9.781px 0 0 9.781px;
    right: auto;
    transform: none;
    width: 100%;
  }

  .feature-card__safety-chart > div {
    height: auto;
    aspect-ratio: 477.956 / 367.219;
    width: 100%;
  }

  .feature-card__safety-chart img {
    height: 217.32%;
    left: -149.78%;
    top: -62.94%;
    width: 258.3%;
  }
}

@media (max-width: 480px) {
  .button--header {
    display: none;
  }

  .feature-card--safety {
    height: 480px;
  }
}

@media (min-width: 769px) and (max-width: 1411px) {
  .feature-card__safety-chart {
    right: 0;
    width: max(304px, calc(100% - 580px));
  }

  .feature-card__safety-chart > div {
    width: calc(100% - 13.485px);
  }
}

.logo-carousel {
  background: var(--color-white);
  color: var(--color-black);
  padding: 48px 48px 96px;
}

.logo-carousel__frame {
  border-left: 1px solid rgba(22, 20, 20, 0.05);
  border-right: 1px solid rgba(22, 20, 20, 0.05);
  overflow: hidden;
}

.logo-carousel__track {
  width: 100%;
}

.logo-carousel__cell {
  align-items: center;
  border-bottom: 1px solid rgba(22, 20, 20, 0.08);
  border-left: 1px solid rgba(22, 20, 20, 0.08);
  border-top: 1px solid rgba(22, 20, 20, 0.08);
  display: flex;
  height: 179.26px;
  justify-content: center;
  min-width: 0;
  padding: 48px 32px;
  width: 221px;
}

.logo-carousel__cell--last {
  border-right: 1px solid rgba(22, 20, 20, 0.08);
}

.logo-carousel__cell img {
  display: block;
  height: auto;
  max-height: 135.39px;
  max-width: 163.043px;
  object-fit: contain;
  width: auto;
}

.logo-carousel__cell--first img {
  height: 32.034px;
  width: 153px;
}

.logo-carousel .flickity-viewport {
  width: 100%;
}

.logo-carousel .flickity-button {
  background: rgba(22, 20, 20, 0.08);
  height: 32px;
  width: 32px;
}

.logo-carousel .flickity-button:hover {
  background: rgba(22, 20, 20, 0.16);
}

.logo-carousel .flickity-button-icon {
  fill: var(--color-black);
  height: 14px;
  left: 9px;
  top: 9px;
  width: 14px;
}

.who-we-are {
  background: var(--color-white);
  color: var(--color-black);
  padding: 0 48px;
}

.who-we-are__frame {
  align-items: center;
  border-left: 1px solid rgba(22, 20, 20, 0.08);
  border-right: 1px solid rgba(22, 20, 20, 0.08);
  display: flex;
  justify-content: space-between;
  padding: 128px 48px;
}

.who-we-are__copy {
  display: flex;
  flex: 0 1 827px;
  flex-direction: column;
  gap: 48px;
}

.who-we-are__intro {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.eyebrow {
  color: #6e43df;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 20px;
  margin: 0;
  text-transform: uppercase;
}

.who-we-are h2,
.who-we-are__description {
  margin: 0;
  max-width: 700px;
}

.who-we-are h2 {
  font-size: 32px;
  font-weight: 450;
  line-height: 48px;
}

.who-we-are__description {
  font-size: 20px;
  line-height: 28px;
}

.who-we-are__visual {
  height: 404px;
  position: relative;
  flex: 0 0 307px;
}

.who-we-are__visual-shell {
  border: 1px solid rgba(255, 255, 255, 0.21);
  border-radius: 155.758px 0 155.758px 0;
  box-shadow: 0 0 32.4px rgba(255, 255, 255, 0.15), inset 0 4px 16.1px rgba(91, 91, 91, 0.33);
  height: 306.533px;
  position: absolute;
  top: 97.71px;
  width: 307.363px;
}

.report-card {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 -3px 31.7px rgba(110, 67, 223, 0.16), 0 0 19.6px rgba(0, 0, 0, 0.08);
  padding: 12px;
  position: absolute;
  z-index: 1;
}

.report-card--profit {
  left: 59.16px;
  top: 19.24px;
  width: 232.8px;
}

.report-card--timesheets {
  left: -25.64px;
  top: 185.24px;
  width: 272.779px;
}

.report-card__header {
  background: #e8deff;
  border: 1px solid #d8cfed;
  border-radius: 11.41px 11.41px 0 0;
  color: #6e43df;
  font-size: 10.383px;
  font-weight: 500;
  line-height: 14.832px;
  padding: 11.41px 15.213px;
  text-align: center;
  white-space: nowrap;
}

.report-card__body {
  align-items: center;
  background: #f6f7f6;
  border: 1px solid #d8cfed;
  border-top: 0;
  border-radius: 0 0 11.41px 11.41px;
  display: flex;
  justify-content: center;
  padding: 24px;
}

.report-card__body img {
  display: block;
  height: 97.661px;
  object-fit: contain;
  width: 158.906px;
}

.report-card__body--split {
  gap: 23.732px;
  padding: 23.732px;
}

.report-card__body--split img {
  height: 97.151px;
  width: 97.151px;
}

.report-card__body--split div {
  display: grid;
  flex: 0 0 62px;
  font-family: "Special Gothic", sans-serif;
  font-size: 6.923px;
  gap: 5.933px 10.385px;
  grid-template-columns: 1fr auto;
}

.report-card__body--split span,
.report-card__body--split strong {
  font-weight: 500;
  white-space: nowrap;
}

@media (max-width: 1024px) {
  .logo-carousel {
    padding-left: 32px;
    padding-right: 32px;
  }

  .logo-carousel__track {
    min-width: 0;
  }

  .logo-carousel__frame {
    overflow: hidden;
  }


  .who-we-are {
    padding-left: 32px;
    padding-right: 32px;
  }

  .who-we-are__frame {
    gap: 64px;
    padding: 96px 32px;
  }

  .who-we-are__copy {
    flex-basis: 60%;
  }

  .who-we-are__visual {
    flex-basis: 307px;
    width: 307px;
  }
}

@media (max-width: 768px) {
  .logo-carousel {
    padding: 32px 20px 64px;
  }

  .logo-carousel__track {
    min-width: 0;
  }

  .who-we-are {
    padding: 0 20px;
  }

  .who-we-are__frame {
    align-items: flex-start;
    flex-direction: column;
    gap: 64px;
    padding: 80px 20px;
  }

  .who-we-are__copy {
    flex-basis: auto;
    gap: 32px;
  }

  .who-we-are h2 {
    font-size: 26px;
    line-height: 38px;
  }

  .who-we-are__description {
    font-size: 18px;
    line-height: 26px;
  }

  .who-we-are__visual {
    align-self: flex-start;
    flex: 0 0 404px;
    height: 404px;
    margin-left: calc((100% - 307px) / 2);
    margin-right: 0;
    width: 307px;
  }

}

@media (max-width: 768px) {
  .feature-card--safety {
    height: clamp(480px, calc(40.7vw + 341px), 654px);
    min-width: 0;
    width: 100%;
  }

  .feature-card--safety .feature-card__safety-content {
    gap: 24px;
    padding: 16px;
    width: 100%;
  }

  .feature-card--safety .feature-card__safety-chart {
    bottom: 0;
    height: auto;
    left: 0;
    padding: 9.781px 0 0 9.781px;
    right: auto;
    transform: none;
    width: 100%;
  }

  .feature-card--safety .feature-card__safety-chart > div {
    aspect-ratio: 477.956 / 367.219;
    height: auto;
    width: 100%;
  }

  .feature-card--safety > .ready-player {
    display: none;
  }
}

.thought-pieces {
  background: var(--color-white);
  color: var(--color-white);
  padding: 0 48px;
}

.thought-pieces__frame {
  border-left: 1px solid rgba(22, 20, 20, 0.08);
  border-right: 1px solid rgba(22, 20, 20, 0.08);
  padding: 64px 48px;
}

.thought-piece {
  border: 1px solid rgba(22, 20, 20, 0.08);
  border-radius: 12px;
  height: 640px;
  overflow: hidden;
  position: relative;
}

.thought-piece__image,
.thought-piece__image img {
  inset: 0;
  position: absolute;
}

.thought-piece__image {
  pointer-events: none;
}

.thought-piece__image img {
  display: block;
  height: 100%;
  max-width: none;
  object-fit: cover;
  width: 100%;
}

.thought-piece__image--base {
  z-index: 1;
}

.thought-piece__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 640px;
  justify-content: center;
  padding: 48px 84px;
  position: relative;
  width: 529px;
  z-index: 4;
}

.thought-piece__tag {
  align-items: center;
  align-self: flex-start;
  background: rgba(199, 178, 255, 0.24);
  border: 1px solid rgba(110, 67, 223, 0.16);
  border-radius: 99px;
  display: inline-flex;
  font-family: "Special Gothic", sans-serif;
  font-stretch: 120%;
  font-size: 14px;
  font-style: normal;
  font-variation-settings: "wdth" 120;
  font-weight: 500;
  line-height: 24px;
  padding: 4px 16px;
  white-space: nowrap;
}

.thought-piece h2,
.thought-piece p {
  font-family: "Special Gothic", sans-serif;
  font-stretch: 120%;
  font-style: normal;
  font-variation-settings: "wdth" 120;
  margin: 0;
  max-width: 477px;
}

.thought-piece h2 {
  font-size: 24px;
  font-weight: 450;
  line-height: 32px;
  max-width: calc(477px / 1.2);
}

.thought-piece p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  max-width: calc(477px / 1.2);
}

.thought-piece__button {
  align-items: center;
  align-self: flex-start;
  background: var(--color-lilac);
  border: 1px solid rgba(110, 67, 223, 0.16);
  border-radius: 99px;
  color: var(--color-black);
  display: inline-flex;
  font-family: "Special Gothic", sans-serif;
  font-stretch: 120%;
  font-size: 14px;
  font-style: normal;
  font-variation-settings: "wdth" 120;
  font-weight: 500;
  gap: 10px;
  line-height: 24px;
  padding: 12px 24px;
}

.thought-piece__button img {
  display: block;
  height: 19.2px;
  position: static;
  width: 19.2px;
}

.key-stats {
  background: #f6f7f6;
  background-image: radial-gradient(ellipse 72% 100% at 50% 100%, rgba(110, 67, 223, 0.3), rgba(110, 67, 223, 0) 70%);
  color: var(--color-black);
  min-height: 1020px;
  padding: 0 48px;
}

.key-stats__frame {
  border-left: 1px solid rgba(22, 20, 20, 0.08);
  border-right: 1px solid rgba(22, 20, 20, 0.08);
  display: flex;
  flex-direction: column;
  gap: 48px;
  min-height: 1020px;
  padding-top: 64px;
}

.key-stats__header {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-align: center;
}

.key-stats__eyebrow {
  color: #6e43df;
  font-family: "Special Gothic", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 20px;
  margin: 0;
  text-transform: uppercase;
}

.key-stats__header h2 {
  font-family: "Special Gothic", sans-serif;
  font-size: 32px;
  font-stretch: 120%;
  font-weight: 450;
  line-height: 40px;
  margin: 0;
  font-variation-settings: "wdth" 120;
}

.key-stats__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}

.key-stats__row {
  align-items: center;
  display: flex;
  min-height: 203.26px;
  width: 100%;
}

.key-stat {
  align-items: center;
  border-bottom: 1px solid rgba(22, 20, 20, 0.08);
  border-left: 1px solid rgba(22, 20, 20, 0.08);
  border-top: 1px solid rgba(22, 20, 20, 0.08);
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 10px;
  height: 179.26px;
  justify-content: center;
  min-width: 0;
  padding: 48px 32px;
  text-align: center;
}

.key-stat:last-child {
  border-right: 1px solid rgba(22, 20, 20, 0.08);
}

.key-stat--muted {
  opacity: 0.5;
}

.key-stat strong,
.key-stat p {
  font-family: "Special Gothic", sans-serif;
  font-stretch: 120%;
  font-variation-settings: "wdth" 120;
  margin: 0;
}

.key-stat strong {
  font-size: 28px;
  font-weight: 450;
  line-height: 36px;
  white-space: nowrap;
}

.key-stat--featured strong {
  background: linear-gradient(56deg, #161414 48.8%, #6e43df 100%);
  background-clip: text;
  color: transparent;
  font-weight: 594;
}

.key-stat p {
  font-size: 16px;
  font-weight: 450;
  line-height: 24px;
  max-width: 272px;
}

.key-stats__divider {
  align-items: center;
  display: flex;
  flex: 0 0 24px;
  flex-direction: column;
  height: 203.26px;
  justify-content: space-between;
  margin: 0 -12px;
  position: relative;
  z-index: 1;
}

.key-stats__divider img {
  display: block;
  height: 24px;
  width: 24px;
}

.key-stats__animation {
  align-items: center;
  display: grid;
  flex: 1;
  min-height: 620px;
  perspective: 800px;
  place-items: center;
  width: 100%;
}

.success-stories {
  background: #f6f7f6;
  color: var(--color-black);
  min-height: 928px;
  padding: 0 48px;
}

.success-stories__frame {
  border-left: 1px solid rgba(22, 20, 20, 0.08);
  border-right: 1px solid rgba(22, 20, 20, 0.08);
  min-height: 928px;
  padding: 64px 48px;
}

.success-stories__header {
  align-items: flex-start;
  display: flex;
  gap: 48px;
  justify-content: space-between;
  margin-bottom: 48px;
}

.success-stories__header > div {
  display: flex;
  flex: 0 0 281px;
  flex-direction: column;
  gap: 24px;
}

.success-stories__header h2 {
  font-family: "Special Gothic", sans-serif;
  font-stretch: 120%;
  font-variation-settings: "wdth" 120;
  font-size: 32px;
  font-stretch: 120%;
  font-weight: 450;
  line-height: 40px;
  margin: 0;
  font-variation-settings: "wdth" 120;
}

.success-stories__header > p {
  color: rgba(22, 20, 20, 0.75);
  font-family: "Special Gothic", sans-serif;
  font-stretch: 120%;
  font-variation-settings: "wdth" 120;
  font-size: 20px;
  font-stretch: 120%;
  line-height: 28px;
  margin: 0;
  max-width: 700px;
  font-variation-settings: "wdth" 120;
}

.success-stories__button {
  align-items: center;
  align-self: flex-start;
  background: var(--color-lilac);
  border: 1px solid rgba(110, 67, 223, 0.16);
  border-radius: 99px;
  color: var(--color-black);
  display: inline-flex;
  font-family: "Special Gothic", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  padding: 12px 24px;
  white-space: nowrap;
}

.success-stories__carousel {
  overflow: hidden;
  width: 100%;
}

.success-story {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-right: 16px;
  width: 357px;
}

.success-story__image {
  border-radius: 8px;
  height: 512px;
  overflow: hidden;
  position: relative;
  width: 357px;
}

.success-story__image img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.success-story__implementation {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
}

.success-story__background {
  inset: 0;
  object-fit: cover !important;
  position: absolute;
  z-index: 0;
}

.success-story__implementation--randstad::after,
.success-story__implementation--swiss::after {
  background: linear-gradient(214.8867deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.28) 99.962%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.success-story__implementation--swiss::after {
  background: linear-gradient(214.8867deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 99.962%);
}

.success-story__logo {
  align-self: flex-start;
  height: auto;
  max-width: 203px;
  object-fit: contain !important;
  position: relative !important;
  width: auto;
  z-index: 1;
}

.success-story__logo--top,
.success-story__logo--bottom {
  height: 32px;
}

.success-story__implementation--morson .success-story__logo,
.success-story__implementation--fifth .success-story__logo {
  height: 31.87px;
  width: 158.116px;
}

.success-story__center-art {
  height: auto !important;
  max-height: 180px;
  max-width: 204px;
  object-fit: contain !important;
  position: relative !important;
  width: auto !important;
  z-index: 1;
}

.success-story__implementation--alert .success-story__logo {
  height: 65px;
  width: 117.095px;
}

.success-story__implementation--alert .success-story__center-art {
  max-height: 180px;
  max-width: 181px;
}

.success-story__implementation--randstad .success-story__logo {
  height: 42.388px;
  width: 203px;
}

.success-story__implementation--randstad .success-story__center-art {
  max-height: 95px;
  max-width: 201px;
}

.success-story__implementation--swiss .success-story__logo {
  height: 59px;
  width: 116.053px;
}

.success-story__implementation--swiss .success-story__center-art {
  max-height: 151px;
  max-width: 132px;
}

.success-story > p {
  font-family: "Special Gothic", sans-serif;
  font-stretch: 120%;
  font-variation-settings: "wdth" 120;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  max-width: 240px;
}

.success-story > a {
  align-items: center;
  color: #6e43df;
  display: inline-flex;
  font-family: "Special Gothic", sans-serif;
  font-stretch: 120%;
  font-variation-settings: "wdth" 120;
  font-size: 14px;
  font-weight: 500;
  gap: 16px;
  line-height: 24px;
}

.success-story > a img {
  height: 19.2px;
  width: 19.2px;
}

.success-stories .flickity-button {
  background: rgba(246, 247, 246, 0.86);
  height: 36px;
  width: 36px;
}

.success-stories .flickity-button-icon {
  fill: var(--color-black);
  height: 16px;
  left: 10px;
  top: 10px;
  width: 16px;
}

.call-to-actions {
  background: #f6f7f6;
  color: var(--color-black);
  min-height: 408px;
  padding: 0 48px;
}

.call-to-actions__frame {
  border-left: 1px solid rgba(22, 20, 20, 0.08);
  border-right: 1px solid rgba(22, 20, 20, 0.08);
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 64px 48px;
}

.cta-card {
  border: 1px solid rgba(22, 20, 20, 0.08);
  border-radius: 12px;
  height: 280px;
  overflow: hidden;
  position: relative;
}

.cta-card__background,
.cta-card__background img,
.cta-card__background div {
  inset: 0;
  position: absolute;
}

.cta-card__background {
  overflow: hidden;
}

.cta-card__background img {
  max-width: none;
  object-fit: cover;
}

.cta-card--demo .cta-card__background img {
  height: 491.06%;
  left: -33.39%;
  top: -106.38%;
  width: 231.45%;
}

.cta-card--demo .cta-card__background {
  background: linear-gradient(90deg, #c7b2ff 0%, #c7b2ff 71.108%, #6e43df 100%);
}

.cta-card__portraits {
  align-items: center;
  display: flex;
  left: 275px;
  position: absolute;
  top: 123.71px;
  z-index: 2;
}

.cta-card__portraits img {
  border-radius: 0 68.211px 0 68.211px;
  box-shadow: 0 9.446px 9.446px -4.723px rgba(0, 0, 0, 0.08), 0 23.615px 28.338px -4.723px rgba(0, 0, 0, 0.16);
  height: 134.24px;
  margin-right: -18.892px;
  object-fit: cover;
  width: 134.604px;
}

.cta-card__portraits img:nth-child(1) { z-index: 3; }
.cta-card__portraits img:nth-child(2) { z-index: 2; }
.cta-card__portraits img:nth-child(3) { z-index: 1; margin-right: 0; }

.cta-card__content {
  display: flex;
  flex-direction: column;
  gap: 48px;
  left: 35px;
  position: absolute;
  top: 74.71px;
  z-index: 4;
}

.cta-card__content h2 {
  color: inherit;
  font-family: "Special Gothic", sans-serif;
  font-stretch: 120%;
  font-size: 24px;
  font-variation-settings: "wdth" 120;
  font-stretch: 120%;
  font-weight: 450;
  line-height: 32px;
  margin: 0;
  font-variation-settings: "wdth" 120;
}

.cta-card--demo .cta-card__content h2 {
  color: var(--color-white);
}

.cta-card__content .button {
  align-self: flex-start;
}

.cta-card--platform .cta-card__background img {
  height: 694.47%;
  left: -43.2%;
  top: -301.91%;
  width: 327.32%;
}

.cta-card--platform .cta-card__background div {
  background: linear-gradient(90deg, rgba(231, 231, 231, 1) 0%, rgba(231, 231, 231, 0) 48.782%), linear-gradient(90deg, rgba(199, 178, 255, 0) 32.599%, #6e43df 100%);
}

.cta-card--platform .cta-card__content {
  left: 42px;
  top: 76.71px;
}

.compliance {
  background: var(--color-white);
  color: var(--color-black);
  min-height: 792px;
  padding: 0 48px;
}

.compliance__frame {
  align-items: center;
  border-left: 1px solid rgba(22, 20, 20, 0.08);
  border-right: 1px solid rgba(22, 20, 20, 0.08);
  display: flex;
  gap: 64px;
  justify-content: space-between;
  min-height: 792px;
  padding: 128px 48px;
}

.compliance__copy {
  display: flex;
  flex: 0 1 700px;
  flex-direction: column;
  gap: 48px;
}

.compliance__heading {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.compliance__eyebrow {
  color: #6e43df;
  font-family: "Special Gothic", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 20px;
  margin: 0;
  text-transform: uppercase;
}

.compliance__heading h2 {
  font-family: "Special Gothic", sans-serif;
  font-size: 32px;
  font-stretch: 120%;
  font-weight: 450;
  line-height: 40px;
  margin: 0;
  font-variation-settings: "wdth" 120;
}

.compliance__description {
  font-family: "Special Gothic", sans-serif;
  font-size: 20px;
  font-stretch: 120%;
  font-variation-settings: "wdth" 120;
  line-height: 28px;
}

.compliance__description p {
  margin: 0 0 28px;
}

.compliance__description p:last-child {
  margin-bottom: 0;
}

.compliance-card {
  align-self: stretch;
  border: 1px solid rgba(22, 20, 20, 0.08);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  flex: 0 0 405.33px;
  overflow: hidden;
  padding: 16px;
  position: relative;
  justify-content: space-between;
}

.compliance-card__background,
.compliance-card__background img {
  inset: 0;
  position: absolute;
}

.compliance-card__background {
  overflow: hidden;
}

.compliance-card__background img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.compliance-card__top {
  align-items: flex-start;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

.compliance-card__top h3,
.compliance-card__top p {
  font-family: "Special Gothic", sans-serif;
  font-stretch: 120%;
  font-variation-settings: "wdth" 120;
  margin: 0;
}

.compliance-card__top h3 {
  font-size: 20px;
  font-weight: 450;
  line-height: 32px;
}

.compliance-card__top p {
  font-size: 16px;
  line-height: 24px;
  margin-top: 24px;
}

.compliance-card__rate {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.04), 0 20px 24px rgba(0, 0, 0, 0.08);
  margin-top: auto;
  padding: 24px;
  position: relative;
  width: 100%;
  z-index: 1;
}

.compliance-card__rate > p {
  color: #6e43df;
  font-family: "Special Gothic", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 20px;
  margin: 0 0 32px;
  text-transform: uppercase;
}

.compliance-card__rate > div {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.compliance-card__rate strong {
  color: #6e43df;
  font-family: "Special Gothic", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 64px;
}

.compliance-card__rate span {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.compliance-card__rate span img {
  height: 19.2px;
  width: 19.2px;
}

.testimonials {
  background: var(--color-white);
  color: var(--color-black);
  min-height: 733px;
  padding: 0 48px;
}

.testimonials__frame {
  border-left: 1px solid rgba(22, 20, 20, 0.08);
  border-right: 1px solid rgba(22, 20, 20, 0.08);
  min-height: 733px;
  padding-top: 64px;
}

.testimonials__slider {
  margin: 0 auto 96px;
  overflow: hidden;
  width: 700px;
}

.testimonial {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 48px;
  min-height: 400.71px;
  width: 700px;
}

.testimonial__company-logo {
  height: 24.71px;
  object-fit: contain;
  width: 118.34px;
}

.testimonial blockquote {
  color: rgba(22, 20, 20, 0.5);
  font-family: "Special Gothic", sans-serif;
  font-size: 28px;
  font-stretch: 120%;
  font-variation-settings: "wdth" 120;
  font-weight: 450;
  line-height: 36px;
  margin: 0;
  text-align: center;
  width: 700px;
}

.testimonial__person {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.testimonial__profile {
  border: 1px solid rgba(22, 20, 20, 0.15);
  border-radius: 27.365px 0 27.365px 0;
  height: 54px;
  overflow: hidden;
  width: 54px;
}

.testimonial__profile img {
  height: 143.84%;
  object-fit: cover;
  width: 100%;
}

.testimonial__person p,
.testimonial__link {
  font-family: "Special Gothic", sans-serif;
  font-stretch: 120%;
  font-variation-settings: "wdth" 120;
  margin: 0;
}

.testimonial__person p {
  font-size: 14px;
  line-height: 24px;
}

.testimonial__person strong { font-size: 16px; font-weight: 450; }
.testimonial__person span { color: rgba(22, 20, 20, 0.75); }

.testimonial__link {
  align-items: center;
  color: #6e43df;
  display: inline-flex;
  font-size: 14px;
  font-weight: 500;
  gap: 16px;
  line-height: 24px;
}

.testimonial__link img { height: 19.2px; width: 19.2px; }

.testimonial__player {
  position: static;
  width: 368px;
}

.testimonial__player .ready-player__waveform { width: 238px; }

.testimonial__placeholder {
  align-items: center;
  color: rgba(22, 20, 20, 0.4);
  display: flex;
  font-family: "Special Gothic", sans-serif;
  height: 400px;
  justify-content: center;
  width: 700px;
}

.testimonials__logos {
  border-top: 1px dashed rgba(22, 20, 20, 0.16);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: 108.32px;
  margin: 0 auto;
  max-width: 1344px;
  position: relative;
}

.testimonials__logos::before {
  background: #6e43df;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: -1px;
  transform: translateX(calc(var(--active-testimonial) * 100%));
  transition: transform 320ms ease;
  width: 25%;
  z-index: 1;
}

.testimonials__logo {
  align-items: center;
  background: transparent;
  border: 0;
  border-right: 1px dashed rgba(22, 20, 20, 0.16);
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 24px;
}

.testimonials__logo img { max-height: 41px; max-width: 118px; width: auto; }
.testimonials__logo--active { opacity: 1; }
.testimonials__logo:not(.testimonials__logo--active) { opacity: 0.5; }

.sectors {
  background: #f6f7f6;
  color: var(--color-black);
  min-height: 928px;
  padding: 0 48px;
}

.sectors__frame {
  border-left: 1px solid rgba(22, 20, 20, 0.08);
  border-right: 1px solid rgba(22, 20, 20, 0.08);
  min-height: 928px;
  padding: 64px 48px;
}

.sectors__header {
  align-items: flex-start;
  display: flex;
  gap: 48px;
  justify-content: space-between;
  margin-bottom: 48px;
}

.sectors__header > div {
  display: flex;
  flex: 0 0 172px;
  flex-direction: column;
  gap: 24px;
}

.sectors__header h2,
.sectors__header p,
.sectors__button,
.sector-card,
.sector-card > a {
  font-family: "Special Gothic", sans-serif;
  font-stretch: 120%;
  font-variation-settings: "wdth" 120;
}

.sectors__header h2 {
  font-size: 32px;
  font-weight: 450;
  line-height: 40px;
  margin: 0;
}

.sectors__header > p {
  color: rgba(22, 20, 20, 0.75);
  font-size: 20px;
  line-height: 28px;
  margin: 0;
  max-width: 700px;
}

.sectors__button {
  align-self: flex-start;
  background: var(--color-lilac);
  border: 1px solid rgba(110, 67, 223, 0.16);
  border-radius: 99px;
  color: var(--color-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  padding: 12px 24px;
  white-space: nowrap;
}

.sectors__carousel {
  overflow: hidden;
  width: 100%;
}

.sector-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-right: 16px;
  width: 357px;
}

.sector-card__implementation {
  align-items: flex-start;
  border-radius: 8px;
  display: flex;
  flex: 0 0 512px;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  padding: 16px;
  position: relative;
  width: 357px;
}

.sector-card__background,
.sector-card__shade {
  inset: 0;
  position: absolute;
}

.sector-card__background {
  height: 109.17%;
  max-width: none;
  object-fit: cover;
  top: -3.17%;
  width: 116.51%;
}

.sector-card__shade {
  background: linear-gradient(214.887deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 99.962%);
}

.sector-card__implementation--driving .sector-card__background,
.sector-card__implementation--hospitality .sector-card__background,
.sector-card__implementation--education .sector-card__background {
  left: -8.09%;
}

.sector-card__implementation--education .sector-card__shade { background: rgba(0, 0, 0, 0.2); mix-blend-mode: multiply; }

.sector-card__icon {
  height: 149px;
  max-width: 204px;
  object-fit: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  z-index: 1;
}

.sector-card__implementation strong {
  color: #fff;
  font-size: 28px;
  font-weight: 450;
  line-height: 36px;
  position: relative;
  z-index: 1;
}

.sector-card > p {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  max-width: 240px;
}

.sector-card > a {
  align-items: center;
  color: #6e43df;
  display: inline-flex;
  font-size: 14px;
  font-weight: 500;
  gap: 16px;
  line-height: 24px;
}

.sector-card > a img { height: 19.2px; width: 19.2px; }

.sectors .flickity-button { background: rgba(246, 247, 246, 0.86); height: 36px; width: 36px; }
.sectors .flickity-button-icon { fill: var(--color-black); height: 16px; left: 10px; top: 10px; width: 16px; }

.resources {
  background: #f6f7f6;
  color: var(--color-black);
  min-height: 900px;
  padding: 0 48px;
}

.resources__frame {
  border-left: 1px solid rgba(22, 20, 20, 0.08);
  border-right: 1px solid rgba(22, 20, 20, 0.08);
  min-height: 900px;
  padding: 64px 48px;
}

.resources__header {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 48px;
}

.resources__header p,
.resources__header h2,
.resource-card,
.resource-card a {
  font-family: "Special Gothic", sans-serif;
  font-stretch: 120%;
  font-variation-settings: "wdth" 120;
}

.resources__header p {
  color: #6e43df;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 20px;
  margin: 0;
  text-transform: uppercase;
}

.resources__header h2 {
  font-size: 32px;
  font-weight: 450;
  line-height: 40px;
  margin: 0;
}

.resources__grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.resource-card {
  border: 1px solid rgba(22, 20, 20, 0.08);
  border-radius: 12px;
  height: 640px;
  overflow: hidden;
  padding: 24px;
  position: relative;
}

.resource-card--roi { background: #161414; color: #fff; }
.resource-card--knowledge { background: linear-gradient(#e7e7e7, #d1d0d0); }
.resource-card--stories { background: linear-gradient(#f4f0ff, #c7b2ff); }

.resource-card__art,
.resource-card__art-image {
  inset: 0;
  position: absolute;
}

.resource-card__art {
  overflow: hidden;
  padding-right: 10px;
}

.resource-card__art-image {
  height: auto;
  left: 0;
  max-width: none;
  object-fit: cover;
  top: 0.04%;
  width: 100%;
  padding: 0 20px 0 0px;
}

.resource-card__art-image.second {
  left: 20px;
  top: 20px;
}

.resource-card__copy {
  bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: absolute;
  left: 24px;
  right: 24px;
  z-index: 1;
}

.resource-card__copy h3,
.resource-card__copy p { margin: 0; }
.resource-card__copy h3,
.resource-card__copy p,
.resource-card__copy a span {
  font-style: normal;
}

.resource-card__copy h3 { font-size: 24px; font-weight: 450; line-height: 32px; }
.resource-card__copy p { font-size: 16px; line-height: 24px; max-width: 250px; }
.resource-card__copy a { align-items: center; display: inline-flex; gap: 16px; font-size: 14px; font-weight: 500; line-height: 24px; }
.resource-card__copy a span { display: inline-block; }
.resource-card__copy a img { height: 19.2px; width: 19.2px; }
.resource-card--knowledge .resource-card__copy a,
.resource-card--stories .resource-card__copy a { color: #6e43df; }

.faqs { background: #f6f7f6; color: var(--color-black); min-height: 857px; padding: 0 48px; }
.faqs__frame { border-left: 1px solid rgba(22,20,20,.08); border-right: 1px solid rgba(22,20,20,.08); min-height: 857px; padding: 64px 48px; }
.faqs__header { display: flex; flex-direction: column; gap: 24px; margin-bottom: 48px; }
.faqs__header p, .faqs__header h2, .faq-item { font-family: "Special Gothic", sans-serif; font-stretch: 120%; font-variation-settings: "wdth" 120; }
.faqs__header p { color: #6e43df; font-size: 14px; font-weight: 500; letter-spacing: 2px; line-height: 20px; margin: 0; text-transform: uppercase; }
.faqs__header h2 { font-size: 32px; font-weight: 450; line-height: 40px; margin: 0; }
.faq-item { border-bottom: 1px solid rgba(22,20,20,.08); }
.faq-item__trigger { align-items: flex-start; background: transparent; border: 0; color: var(--color-black); cursor: pointer; display: flex; font: inherit; justify-content: space-between; padding: 16px 0; text-align: left; width: 100%; }
.faq-item__question-wrap { align-items: flex-start; display: flex; gap: 24px; min-width: 0; }
.faq-item__text { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.faq-item__text .faq-item__answer p { margin: 0; }
.faq-item__image { border-radius: 12.31px; flex: 0 0 48px; height: 48px; overflow: hidden; transition: flex-basis 320ms ease, height 320ms ease, border-radius 320ms ease; }
.faq-item--open .faq-item__image { border-radius: 16px; flex-basis: 245px; height: 245px; }
.faq-item__image img { display: block; height: 100%; object-fit: cover; width: 100%; }
.faq-item__question { font-size: 20px; font-weight: 400; line-height: 28px; position: relative; top: 0; transition: top 320ms ease; }
.faq-item:not(.faq-item--open) .faq-item__question { top: 5px; }
.faq-item__icon { align-items: center; background: #e8deff; border-radius: 8px; display: flex; flex: 0 0 32px; height: 32px; justify-content: center; margin-left: 24px; position: relative; transition: transform 220ms ease; width: 32px; }
.faq-item__icon img { height: 19.2px; position: absolute; width: 19.2px; }
.faq-item__icon-minus { opacity: 0; transform: rotate(-90deg) scale(.6); transition: opacity 220ms ease, transform 220ms ease; }
.faq-item__icon-chevron { opacity: 1; transform: rotate(0) scale(1); transition: opacity 220ms ease, transform 220ms ease; }
.faq-item--open .faq-item__icon { transform: none; }
.faq-item--open .faq-item__icon-chevron { opacity: 0; transform: rotate(90deg) scale(.6); }
.faq-item--open .faq-item__icon-minus { opacity: 1; transform: rotate(0) scale(1); }
.faq-item__answer { display: block; max-height: 0; overflow: hidden; transition: max-height 320ms ease; }
.faq-item__answer > span { display: block; font-size: 16px; line-height: 24px; }
.faq-item__answer p { font-family: "Special Gothic", sans-serif; font-size: 16px; line-height: 24px; margin: 0 56px 16px 269px; max-width: 700px; }
.faq-item--open .faq-item__answer { max-height: none; }

@media (max-width: 1024px) { .faqs { padding-left: 32px; padding-right: 32px; } .faqs__frame { padding: 48px 32px; } .faq-item__answer p { margin-left: 220px; } }
@media (max-width: 768px) { .faqs { min-height: 0; padding-left: 20px; padding-right: 20px; } .faqs__frame { min-height: 0; padding: 32px 20px 64px; } .faqs__header { margin-bottom: 32px; } .faqs__header h2 { font-size: 26px; line-height: 34px; } .faq-item__trigger { position: relative; } .faq-item__question-wrap { align-items: flex-start; flex-direction: column; gap: 16px; padding-right: 56px; width: 100%; } .faq-item__text { width: 100%; } .faq-item__icon { position: absolute; right: 0; top: 16px; } .faq-item__question { font-size: 16px; line-height: 24px; } .faq-item--open .faq-item__image { border-radius: 16px; flex-basis: 140px; height: 140px; } .faq-item__answer p, .faq-item__answer > span { font-size: 14px; line-height: 20px; } .faq-item__answer p { margin: 0 0 16px; } }

@media (max-width: 1024px) {
  .resources { padding-left: 32px; padding-right: 32px; }
  .resources__frame { padding: 48px 32px; }
  .resources__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
  .resources { min-height: 0; padding-left: 20px; padding-right: 20px; }
  .resources__frame { min-height: 0; padding: 32px 20px 64px; }
  .resources__grid { grid-template-columns: 1fr; }
  .resource-card { height: 520px; }
}

.site-footer {
  background: var(--color-black);
  min-height: 666px;
  overflow: hidden;
  padding: 64px 48px;
  position: relative;
}

.site-footer__frame {
  border-left: 1px solid var(--color-border-light);
  border-right: 1px solid var(--color-border-light);
  min-height: 538px;
  padding: 0 48px;
  position: relative;
  z-index: 1;
}

.site-footer__title { height: 0; margin: 0; overflow: hidden; position: absolute; width: 0; }
.site-footer__logo { height: 33px; margin-bottom: 64px; width: 274px; }
.site-footer__logo img { display: block; height: 100%; width: 100%; }
.site-footer__menu { align-items: flex-start; display: grid; grid-template-columns: 1.25fr 1.25fr 1.25fr 0.25fr; justify-content: space-between; }
.site-footer__group, .site-footer__stack { display: flex; flex-direction: column; gap: 8px; }
.site-footer__stack { gap: 48px; }
.site-footer__group h3 { color: rgba(246, 247, 246, .5); font-size: 14px; font-weight: 500; letter-spacing: 2px; line-height: 20px; margin: 0 0 0; text-transform: uppercase; }
.site-footer__group a, .site-footer__details a { color: var(--color-white); font-size: 16px; line-height: 24px; transition: color 180ms ease; }
.site-footer__group a:hover, .site-footer__details a:hover { color: var(--color-lilac); }
.site-footer__contact { align-items: flex-end; display: flex; flex-direction: column; gap: 24px; }
.site-footer__search { align-items: center; background: rgba(255, 255, 255, .2); border: 0; border-radius: 999px; color: var(--color-white); cursor: pointer; display: flex; gap: 16px; height: 48px; padding: 0 16px 0 12px; width: 142px; }
.site-footer__search img, .site-footer__details img { flex: 0 0 20px; height: 20px; width: 20px; }
.site-footer__details { align-items: flex-end; display: flex; flex-direction: column; gap: 8px; }
.site-footer__details a { align-items: center; display: flex; gap: 8px; white-space: nowrap; }
.site-footer__socials { align-items: center; display: flex; gap: 16px; justify-content: flex-end; width: 100%; }
.site-footer__socials a { display: block; height: 20px; width: 20px; }
.site-footer__socials img { display: block; height: 100%; width: 100%; }
.site-footer__cta { color: var(--color-black); font-size: 14px; padding: 12px 24px; }
.site-footer__ring { border: 1.8px solid rgba(199, 178, 255, .35); border-radius: 50% 50% 50% 0; box-shadow: 0 0 76px rgba(255, 255, 255, .15); height: 720px; position: absolute; width: 720px; }
.site-footer__ring--left { left: -22px; top: -586px; }
.site-footer__ring--right { left: calc(50% + 7px); top: -33px; }
.site-footer__glow { background: radial-gradient(circle, rgba(255, 255, 255, .5), transparent 70%); border-radius: 50%; height: 36px; opacity: .3; position: absolute; width: 36px; }
.site-footer__glow--top { left: 36.4%; top: 49px; }
.site-footer__glow--bottom { left: 49.2%; top: 547px; }

@media (max-width: 1024px) {
  .site-footer { padding-left: 32px; padding-right: 32px; }
  .site-footer__frame { padding-left: 32px; padding-right: 32px; }
  .site-footer__menu { gap: 32px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-footer__contact { align-items: flex-start; }
  .site-footer__details { align-items: flex-start; }
  .site-footer__socials { justify-content: flex-start; }
}

@media (max-width: 768px) {
  .site-footer { min-height: 0; padding: 48px 20px; }
  .site-footer__frame { min-height: 0; padding: 0 20px; }
  .site-footer__logo { margin-bottom: 48px; max-width: 220px; width: 100%; }
  .site-footer__menu { display: flex; flex-direction: column; gap: 40px; }
  .site-footer__stack { gap: 40px; }
  .site-footer__contact { align-items: flex-start; gap: 20px; }
  .site-footer__details { align-items: flex-start; }
  .site-footer__ring { opacity: .65; }
  .site-footer__ring--left { left: -300px; top: -420px; }
  .site-footer__ring--right { left: 42%; top: 220px; }
  .site-footer__glow--top { left: 70%; }
  .site-footer__glow--bottom { left: 20%; top: auto; bottom: 40px; }
}

@media (max-width: 1024px) {
  .testimonials { padding-left: 32px; padding-right: 32px; }
  .testimonials__slider { max-width: 100%; width: 700px; }
  .testimonial, .testimonial blockquote, .testimonial__placeholder { width: min(700px, 100%); }
}

@media (max-width: 768px) {
  .testimonials { padding-left: 20px; padding-right: 20px; }
  .testimonials__frame { padding-top: 48px; }
  .testimonials__slider { margin-bottom: 48px; width: 100%; }
  .testimonial { gap: 32px; min-height: 440px; width: 100%; }
  .testimonial blockquote { font-size: 22px; line-height: 30px; width: 100%; }
  .testimonial__player { width: min(368px, 100%); }
  .testimonials__logos { height: auto; grid-template-columns: repeat(2, 1fr); }
  .testimonials__logo { min-height: 88px; }
}

@media (max-width: 1024px) {
  .compliance {
    padding-left: 32px;
    padding-right: 32px;
  }

  .compliance__frame {
    gap: 40px;
    padding: 96px 32px;
  }

  .compliance-card {
    flex-basis: 360px;
  }

  .compliance__description {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  .compliance {
    min-height: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .compliance__frame {
    align-items: stretch;
    flex-direction: column;
    gap: 64px;
    min-height: 0;
    padding: 80px 20px;
  }

  .compliance__copy {
    flex-basis: auto;
  }

  .compliance__heading h2 {
    font-size: 26px;
    line-height: 34px;
  }

  .compliance__description {
    font-size: 18px;
    line-height: 26px;
  }

  .compliance-card {
    flex: 0 0 536px;
    min-height: 536px;
    width: 100%;
  }
}

.cta-card__platform-art {
  height: 280px;
  inset: -1px;
  object-fit: cover;
  position: absolute;
  width: 616px;
  z-index: 3;
}

@media (max-width: 1024px) {
  .call-to-actions {
    padding-left: 32px;
    padding-right: 32px;
  }

  .call-to-actions__frame {
    padding: 48px 32px;
  }

  .cta-card__portraits {
    left: 42%;
    transform: scale(0.82);
    transform-origin: left center;
  }
}

@media (max-width: 768px) {
  .call-to-actions {
    min-height: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .call-to-actions__frame {
    display: flex;
    flex-direction: column;
    padding: 32px 20px 64px;
  }

  .cta-card {
    height: 280px;
  }

  .cta-card__portraits {
    left: 48%;
    transform: scale(0.65);
  }

  .cta-card__content {
    left: 24px;
    top: 48px;
  }

  .cta-card--platform .cta-card__content {
    left: 24px;
    top: 48px;
  }

  .cta-card__platform-art {
    height: 100%;
    width: 100%;
  }
}

.key-stats__rings {
  height: min(384px, 80vw);
  position: relative;
  transform-style: preserve-3d;
  width: min(384px, 80vw);
}

.key-stats__rings div {
  border: 1px solid #d1d5db;
  border-radius: 50%;
  inset: 0;
  position: absolute;
  transform-style: preserve-3d;
}

.key-stats__rings div:nth-child(2) { inset: 2.5%; }
.key-stats__rings div:nth-child(3) { inset: 5%; }
.key-stats__rings div:nth-child(4) { inset: 7.5%; }
.key-stats__rings div:nth-child(5) { inset: 10%; }
.key-stats__rings div:nth-child(6) { inset: 12.5%; }
.key-stats__rings div:nth-child(7) { inset: 15%; }
.key-stats__rings div:nth-child(8) { inset: 17.5%; }
.key-stats__rings div:nth-child(9) { inset: 20%; }
.key-stats__rings div:nth-child(10) { inset: 22.5%; }
.key-stats__rings div:nth-child(11) { inset: 25%; }
.key-stats__rings div:nth-child(12) { inset: 27.5%; }
.key-stats__rings div:nth-child(13) { inset: 30%; }
.key-stats__rings div:nth-child(14) { inset: 32.5%; }
.key-stats__rings div:nth-child(15) { inset: 35%; }
.key-stats__rings div:nth-child(16) { inset: 37.5%; }
.key-stats__rings div:nth-child(17) { inset: 40%; }

@media (max-width: 1024px) {
  .thought-pieces {
    padding-left: 32px;
    padding-right: 32px;
  }

  .thought-pieces__frame {
    padding: 48px 32px;
  }

  .thought-piece__content {
    width: 52%;
  }

  .key-stats {
    padding-left: 32px;
    padding-right: 32px;
  }

  .key-stats__frame {
    min-height: 900px;
  }

  .key-stat {
    padding-left: 16px;
    padding-right: 16px;
  }

  .key-stat p {
    font-size: 14px;
  }

  .success-stories {
    padding-left: 32px;
    padding-right: 32px;
  }

  .success-stories__frame {
    padding: 48px 32px;
  }

  .success-stories__header > p {
    font-size: 18px;
  }

  .sectors { padding-left: 32px; padding-right: 32px; }
  .sectors__frame { padding: 48px 32px; }
}

@media (max-width: 1100px) {
  .thought-piece__image--base {
    display: none;
  }

  .thought-piece__content {
    width: 100%;
  }

  .thought-piece h2,
  .thought-piece p {
    max-width: calc(100% / 1.2);
  }
}

@media (max-width: 768px) {
  .thought-pieces {
    padding-left: 20px;
    padding-right: 20px;
  }

  .thought-pieces__frame {
    padding: 32px 20px;
  }

  .thought-piece {
    height: auto;
    min-height: 640px;
  }

  .thought-piece__content {
    justify-content: flex-start;
    height: auto;
    padding: 32px 24px;
    width: 100%;
  }

  .thought-piece h2,
  .thought-piece p {
    max-width: calc(100% / 1.2);
  }

  .thought-piece__image--base img,
  .thought-piece__image--overlay img {
    object-position: 65% center;
  }

  .key-stats {
    padding-left: 20px;
    padding-right: 20px;
  }

  .key-stats__frame {
    gap: 32px;
    min-height: 0;
    padding-top: 48px;
  }

  .key-stats__header h2 {
    font-size: 26px;
    line-height: 34px;
  }

  .key-stats__row {
    align-items: stretch;
    flex-direction: column;
  }

  .key-stat {
    border-right: 1px solid rgba(22, 20, 20, 0.08);
    height: auto;
    min-height: 140px;
  }

  .key-stats__divider {
    display: none;
  }

  .key-stats__animation {
    min-height: 360px;
  }

  .key-stats__rings {
    height: min(320px, 78vw);
    width: min(320px, 78vw);
  }

  .success-stories {
    min-height: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .success-stories__frame {
    min-height: 0;
    padding: 32px 20px 64px;
  }

  .success-stories__header {
    flex-direction: column;
    gap: 32px;
    margin-bottom: 32px;
  }

  .success-stories__header > div {
    flex-basis: auto;
  }

  .success-stories__header > p {
    font-size: 16px;
    line-height: 24px;
  }

  .success-story,
  .success-story__image {
    width: min(357px, 100%);
  }

  .success-story__image {
    height: 480px;
  }

  .sectors { min-height: 0; padding-left: 20px; padding-right: 20px; }
  .sectors__frame { min-height: 0; padding: 32px 20px 64px; }
  .sectors__header { flex-direction: column; gap: 32px; margin-bottom: 32px; }
  .sectors__header > p { font-size: 16px; line-height: 24px; }
  .sector-card, .sector-card__implementation { width: min(357px, 100%); }
  .sector-card__implementation { flex-basis: 480px; }
}