.home-landing-page .awards-section {
  padding: 64px 80px 96px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  overflow-x: clip;
}

.home-landing-page .awards {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 64px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-landing-page .frame-11 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-landing-page .badge-2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 6px 12px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--brand-50);
  border-radius: 40px;
  border: 1px solid;
  border-color: #65e3d1;
}

.home-landing-page .typography-2 {
  display: flex;
  width: min(616px, 100%);
  max-width: 100%;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.home-landing-page .typography-display-6 {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: var(--display-lg-medium-font-family);
  font-weight: var(--display-lg-medium-font-weight);
  color: var(--gray-900);
  font-size: var(--display-lg-medium-font-size);
  text-align: center;
  letter-spacing: var(--display-lg-medium-letter-spacing);
  line-height: var(--display-lg-medium-line-height);
  font-style: var(--display-lg-medium-font-style);
}

.home-landing-page .typography-display-7 {
  position: relative;
  width: min(711px, 100%);
  max-width: 100%;
  margin-top: -1px;
  font-family: var(--text-lg-regular-font-family);
  font-weight: var(--text-lg-regular-font-weight);
  color: var(--gray-500);
  font-size: var(--text-lg-regular-font-size);
  text-align: center;
  letter-spacing: var(--text-lg-regular-letter-spacing);
  line-height: var(--text-lg-regular-line-height);
  font-style: var(--text-lg-regular-font-style);
}

/* Unique Features: make headline + description larger without affecting other sections */
.home-landing-page .awards-section .typography-display-6 {
  font-size: calc(var(--display-lg-medium-font-size) + 6px);
  line-height: calc(var(--display-lg-medium-line-height) + 4px);
}

.home-landing-page .awards-section .typography-display-7 {
  width: min(980px, 100%);
  font-size: calc(var(--text-lg-regular-font-size) + 3px);
  line-height: calc(var(--text-lg-regular-line-height) + 2px);
}

.home-landing-page .awards-section .typography-display-7 .text-nowrap {
  white-space: nowrap;
}

.home-landing-page .frame-12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
}

.home-landing-page .frame-13 {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  height: auto;
  align-items: stretch;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  min-width: 0;
}

.home-landing-page .card {
  width: 100%;
  max-width: 100%;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 16px 24px;
  align-self: stretch;
  background-color: #ffffff;
  border-radius: 24px;
  border: 1px solid;
  border-color: #e9e9eb;
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 0;
}

.home-landing-page .image-3 {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  position: relative;
  flex: 0 0 auto;
  align-self: stretch;
  width: 100%;
  background-color: #f7f7f7;
  border-radius: 20px;
  overflow: hidden;
  min-height: clamp(180px, 28vw, 340px);
  aspect-ratio: 16 / 10;
}

.home-landing-page .smart-matchmaking-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.home-landing-page .frame-14 {
  display: flex;
  flex-direction: column;
  width: 330px;
  align-items: center;
  gap: 11.22px;
  position: relative;
  margin-bottom: -37.76px;
}

.home-landing-page .frame-15 {
  display: inline-flex;
  align-items: center;
  gap: 11.22px;
  padding: 9.35px 14.96px 9.35px 11.22px;
  position: relative;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 14.96px;
  box-shadow: 0px 2.03px 10.81px -1.35px #00000014;
}

.home-landing-page .avatar-2 {
  width: 59.83px;
  height: 59.83px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.home-landing-page .base-2 {
  width: 100%;
  height: 100%;
  top: -3.12%;
  left: -3.12%;
  border-radius: 186.97px;
  border: 3.74px solid;
  position: absolute;
  border-color: #f5f5f5;
  object-fit: cover;
}

.home-landing-page .frame-16 {
  display: flex;
  flex-direction: column;
  width: 167.34px;
  align-items: flex-start;
  gap: 7.48px;
  position: relative;
}

.home-landing-page .typography-display-8 {
  position: relative;
  width: fit-content;
  margin-top: -0.68px;
  font-family: "Google Sans", Helvetica;
  font-weight: 500;
  color: var(--gray-900);
  font-size: 13.1px;
  text-align: center;
  letter-spacing: 0;
  line-height: 18.7px;
  white-space: nowrap;
}

.home-landing-page .frame-17 {
  position: relative;
  height: 14.96px;
}

.home-landing-page .button-2 {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  align-items: flex-start;
  border-radius: 11.22px;
  position: relative;
  flex: 0 0 auto;
}

.home-landing-page .button-base-5 {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  gap: 7.48px;
  padding: 7.48px 13.09px;
  flex: 0 0 auto;
  background-color: var(--gray-300);
  border-radius: 30px;
  border: 0.93px solid;
  border-color: #d5d6da;
  box-shadow: 0px 0.93px 1.87px #0a0c120d;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.home-landing-page .text-5 {
  margin-top: -0.93px;
  font-family: "Google Sans", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 13.1px;
  line-height: 18.7px;
  position: relative;
  width: fit-content;
  letter-spacing: 0;
  white-space: nowrap;
}

.home-landing-page .frame-18 {
  gap: 11.22px;
  padding: 9.35px 14.96px 9.35px 11.22px;
  background-color: #ffffff;
  border-radius: 14.96px;
  box-shadow: 0px 2.03px 10.81px -1.35px #00000014;
  display: flex;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-landing-page .frame-19 {
  gap: 7.48px;
  flex: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.home-landing-page .button-base-6 {
  display: inline-flex;
  gap: 7.48px;
  padding: 7.48px 13.09px;
  flex: 0 0 auto;
  background-color: var(--brand-500);
  border-radius: 30px;
  box-shadow: 0px 0.93px 1.87px #0a0c120d;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.home-landing-page .group {
  position: absolute;
  top: 81px;
  left: 420px;
  width: 222px;
  height: 277px;
}

.home-landing-page .group-2 {
  position: absolute;
  top: 0;
  left: 91px;
  width: 88px;
  height: 163px;
}

.home-landing-page .frame-20 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4.98px;
  padding: 12px;
  position: absolute;
  top: 29px;
  left: 0;
  background-color: #ffffff;
  border-radius: 9.96px;
  box-shadow: 0px 1.87px 2.49px -1.24px #00000029;
}

.home-landing-page .avatar-3 {
  width: 54px;
  height: 54px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.home-landing-page .base-3 {
  width: 100%;
  height: 100%;
  top: -3.12%;
  left: -3.12%;
  border-radius: 168.75px;
  border: 3.38px solid;
  position: absolute;
  border-color: #f5f5f5;
  object-fit: cover;
}

.home-landing-page .typography-3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6.22px;
  position: relative;
  flex: 0 0 auto;
}

.home-landing-page .typography-display-9 {
  position: relative;
  width: fit-content;
  margin-top: -0.62px;
  font-family: var(--text-xs-regular-font-family);
  font-weight: var(--text-xs-regular-font-weight);
  color: var(--gray-800);
  font-size: var(--text-xs-regular-font-size);
  text-align: center;
  letter-spacing: var(--text-xs-regular-letter-spacing);
  line-height: var(--text-xs-regular-line-height);
  white-space: nowrap;
  font-style: var(--text-xs-regular-font-style);
}

.home-landing-page .frame-21 {
  position: relative;
  height: 12px;
}

.home-landing-page .frame-22 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4.98px;
  padding: 12px;
  position: absolute;
  top: 159px;
  left: 127px;
  background-color: #ffffff;
  border-radius: 9.96px;
  box-shadow: 0px 1.87px 2.49px -1.24px #00000029;
}

.home-landing-page .frame-23 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px 8px 12px;
  position: absolute;
  top: 50px;
  left: 453px;
  background-color: var(--white);
  border-radius: 12px;
  box-shadow: 0px 1.87px 2.49px -1.24px #00000029;
}

.home-landing-page .ellipse {
  position: relative;
  width: 10px;
  height: 10px;
  background-color: #ef4343;
  border-radius: 5px;
  transform: rotate(2.36deg);
}

.home-landing-page .typography-display-10 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -0.62px;
  font-family: var(--text-xs-regular-font-family);
  font-weight: var(--text-xs-regular-font-weight);
  color: var(--gray-800);
  font-size: var(--text-xs-regular-font-size);
  text-align: center;
  letter-spacing: var(--text-xs-regular-letter-spacing);
  line-height: var(--text-xs-regular-line-height);
  white-space: nowrap;
  font-style: var(--text-xs-regular-font-style);
}

.home-landing-page .xc-group-xe {
  position: absolute;
  top: 221px;
  left: 335px;
  width: 36px;
  height: 39px;
}

.home-landing-page .frame-24 {
  display: flex;
  width: 100%;
  gap: 8px;
  padding-right: 30px;
  position: relative;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.home-landing-page .typography-4 {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-landing-page .typography-display-11 {
  position: relative;
  flex: 1;
  margin: 0;
  margin-top: -1px;
  font-family: var(--display-xs-medium-font-family);
  font-weight: var(--display-xs-medium-font-weight);
  color: var(--gray-900);
  font-size: var(--display-xs-medium-font-size);
  letter-spacing: var(--display-xs-medium-letter-spacing);
  line-height: var(--display-xs-medium-line-height);
  font-style: var(--display-xs-medium-font-style);
}

.home-landing-page .typography-display-12 {
  position: relative;
  flex: 1;
  margin: 0;
  margin-top: -1px;
  font-family: var(--text-lg-regular-font-family);
  font-weight: var(--text-lg-regular-font-weight);
  color: var(--gray-500);
  font-size: var(--text-lg-regular-font-size);
  letter-spacing: var(--text-lg-regular-letter-spacing);
  line-height: var(--text-lg-regular-line-height);
  font-style: var(--text-lg-regular-font-style);
}

.home-landing-page .card-2 {
  width: 100%;
  max-width: 100%;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 16px 24px;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid;
  border-color: #e9e9eb;
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 0;
}

@media (max-width: 800px) {
  .home-landing-page .awards-section {
    padding: 64px 16px 80px;
  }

  .home-landing-page .frame-13 {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .home-landing-page .card,
  .home-landing-page .card-2,
  .home-landing-page .card-3,
  .home-landing-page .card-4 {
    width: 100%;
    max-width: 100%;
  }
}

.home-landing-page .image-4 {
  position: relative;
  flex: 0 0 auto;
  align-self: stretch;
  width: 100%;
  background-color: #f7f7f7;
  border-radius: 20px;
  min-height: clamp(180px, 28vw, 340px);
  aspect-ratio: 16 / 10;
}

.home-landing-page .card-2 .image-4 {
  overflow:hidden;
}

.home-landing-page .player-analytics-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.home-landing-page .frame-13 .card-2 .player-analytics-image {
  inset: 4px 0;
  height: calc(100% - 8px);
  object-fit: contain;
  object-position: center;
  transform: none;
}

/* Keep Multi-Language card zoom baseline independent from generic Player Analytics rule */
.home-landing-page .frame-13 .card-2 .player-analytics-image.multi-language-image {
  transform: scale(1.12);
}

.home-landing-page .frame-13 .card-2:hover .player-analytics-image.multi-language-image,
.home-landing-page .frame-13 .card-2:focus-within .player-analytics-image.multi-language-image {
  transform: scale(1.17);
}

.home-landing-page .frame-13 .card .smart-matchmaking-image {
  inset: 4px 0;
  width: 100%;
  height: calc(100% - 8px);
  object-fit: contain;
  object-position: center;
}

.home-landing-page .frame-12 > .frame-wrapper .frame-34 .player-analytics-image {
  transform: scale(1.12);
}

.home-landing-page .club-management-image,
.home-landing-page .multi-language-image {
  transform: scale(1.12);
}

.home-landing-page .frame-13 .image-3,
.home-landing-page .frame-13 .card-2 .image-4 {
  height: clamp(230px, 30vw, 340px);
  min-height: clamp(230px, 30vw, 340px);
  aspect-ratio: auto;
}

.home-landing-page .frame-13 .frame-33 {
  align-items: flex-start;
}

.home-landing-page .frame-13 .typography-4,
.home-landing-page .frame-34 .typography-4 {
  min-height: 38px;
  align-items: flex-start;
}

/* Card interactions: top 2 + middle 3 feature cards */
.home-landing-page .card,
.home-landing-page .card-2,
.home-landing-page .card-3,
.home-landing-page .card-4 {
  transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease;
  will-change: transform;
}

.home-landing-page .card .image-3,
.home-landing-page .card-2 .image-4,
.home-landing-page .card-3 .image-4,
.home-landing-page .card-4 .image-4,
.home-landing-page .card-4 .div-3 {
  transition: filter 240ms ease, transform 240ms ease;
}

.home-landing-page .card:hover,
.home-landing-page .card-2:hover,
.home-landing-page .card-3:hover,
.home-landing-page .card-4:hover,
.home-landing-page .card:focus-within,
.home-landing-page .card-2:focus-within,
.home-landing-page .card-3:focus-within,
.home-landing-page .card-4:focus-within {
  transform: translateY(-6px);
  border-color: #d9dde5;
  box-shadow: 0 16px 34px -20px rgba(13, 24, 40, 0.35);
}

.home-landing-page .card:hover .image-3,
.home-landing-page .card-2:hover .image-4,
.home-landing-page .card-3:hover .image-4,
.home-landing-page .card-4:hover .image-4,
.home-landing-page .card:hover .div-3,
.home-landing-page .card-4:hover .div-3,
.home-landing-page .card:focus-within .image-3,
.home-landing-page .card-2:focus-within .image-4,
.home-landing-page .card-3:focus-within .image-4,
.home-landing-page .card-4:focus-within .image-4,
.home-landing-page .card:focus-within .div-3,
.home-landing-page .card-4:focus-within .div-3 {
  filter: saturate(1.06) contrast(1.02);
}

.home-landing-page .card:hover .smart-matchmaking-image,
.home-landing-page .card-2:hover .player-analytics-image,
.home-landing-page .card-3:hover .player-analytics-image,
.home-landing-page .card-4:hover .player-analytics-image,
.home-landing-page .card:focus-within .smart-matchmaking-image,
.home-landing-page .card-2:focus-within .player-analytics-image,
.home-landing-page .card-3:focus-within .player-analytics-image,
.home-landing-page .card-4:focus-within .player-analytics-image {
  transform: scale(1.03);
  transition: transform 280ms ease;
}

.home-landing-page .frame-12 > .frame-wrapper .card-3:hover .player-analytics-image,
.home-landing-page .frame-12 > .frame-wrapper .card-4:hover .player-analytics-image,
.home-landing-page .frame-12 > .frame-wrapper .card-3:focus-within .player-analytics-image,
.home-landing-page .frame-12 > .frame-wrapper .card-4:focus-within .player-analytics-image,
.home-landing-page .card:hover .club-management-image,
.home-landing-page .card:focus-within .club-management-image,
.home-landing-page .card-2:hover .multi-language-image,
.home-landing-page .card-2:focus-within .multi-language-image {
  transform: scale(1.17);
}

@media (hover: none) {
  .home-landing-page .card:hover,
  .home-landing-page .card-2:hover,
  .home-landing-page .card-3:hover,
  .home-landing-page .card-4:hover {
    transform: none;
    box-shadow: none;
  }
}

@media (max-width: 640px) {
  .home-landing-page .frame-13 {
    gap: 16px;
  }

  .home-landing-page .card,
  .home-landing-page .card-2 {
    padding: 12px 12px 18px;
    border-radius: 20px;
  }

  .home-landing-page .image-3,
  .home-landing-page .image-4 {
    min-height: 180px;
    border-radius: 16px;
  }

  .home-landing-page .frame-24 {
    max-width: 100%;
  }
}

.home-landing-page .group-3 {
  position: relative;
  top: calc(50.00% - 156px);
  left: calc(50.00% - 192px);
  width: 384px;
  height: 311px;
}

.home-landing-page .frame-25 {
  display: flex;
  flex-direction: column;
  width: 311px;
  height: 214px;
  align-items: flex-start;
  gap: 16.59px;
  padding: 16.59px;
  position: absolute;
  top: 51px;
  left: 33px;
  background-color: #ffffff;
  border-radius: 16.59px;
  box-shadow: 0px 2.07px 16.59px -4.15px #0000000a;
}

.home-landing-page .typography-5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6.45px;
  position: relative;
  flex: 0 0 auto;
}

.home-landing-page .typography-display-13 {
  position: relative;
  width: fit-content;
  margin-top: -0.65px;
  font-family: "Google Sans", Helvetica;
  font-weight: 500;
  color: var(--gray-800);
  font-size: 14.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: 20.7px;
  white-space: nowrap;
}

.home-landing-page .frame-26 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12.44px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: -1.97px;
}

.home-landing-page .frame-27 {
  display: flex;
  align-items: center;
  gap: 12.44px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-landing-page .typography-display-14 {
  position: relative;
  width: fit-content;
  margin-top: -0.65px;
  font-family: "Google Sans", Helvetica;
  font-weight: 400;
  color: var(--gray-500);
  font-size: 10.4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 18.7px;
  white-space: nowrap;
}

.home-landing-page .vector-2 {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 1.04px;
}

.home-landing-page .left-column-image {
  position: absolute;
  top: 6px;
  left: 46px;
  width: 207px;
  height: 127px;
}

.home-landing-page .frame-28 {
  display: flex;
  width: 220px;
  height: 52px;
  gap: 7px;
  padding: 10.49px 15.74px 10.49px 10.49px;
  position: absolute;
  top: 0;
  left: calc(50.00% - 190px);
  border-radius: 10.49px;
  transform: rotate(-5.61deg);
  box-shadow: 0px 3.5px 13.99px -3.5px #00000014;
  align-items: center;
  background-color: var(--white);
}

.home-landing-page .avatar-4 {
  width: 31.48px;
  height: 31.48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.home-landing-page .base-4 {
  width: 109.29%;
  height: 109.29%;
  top: -3.13%;
  left: -3.13%;
  border-radius: 98.37px;
  border: 1.97px solid;
  position: absolute;
  border-color: #f5f5f5;
  object-fit: cover;
}

.home-landing-page .frame-29 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4.37px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -0.5px;
}

.home-landing-page .typography-6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5.44px;
  position: relative;
  flex: 0 0 auto;
}

.home-landing-page .typography-display-15 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -0.54px;
  font-family: "Google Sans", Helvetica;
  font-weight: 400;
  color: var(--gray-800);
  font-size: 10.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: 15.7px;
  white-space: nowrap;
}

.home-landing-page .frame-30 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 6.53px;
  background-color: var(--gray-100);
  border-radius: 6.53px;
}

.home-landing-page .frame-31 {
  display: flex;
  width: 199px;
  height: 50px;
  align-items: center;
  gap: 7px;
  padding: 10.49px 15.74px 10.49px 10.49px;
  position: absolute;
  top: 246px;
  left: calc(50.00% - 8px);
  background-color: var(--white);
  border-radius: 10.49px;
  transform: rotate(2.25deg);
  box-shadow: 0px 3.5px 13.99px -3.5px #00000014;
}

.home-landing-page .avatar-5 {
  width: 31.48px;
  height: 31.48px;
  margin-top: -1.03px;
  margin-bottom: -1.03px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.home-landing-page .base-5 {
  width: 103.86%;
  height: 103.86%;
  top: -3.13%;
  left: -3.13%;
  border-radius: 98.37px;
  border: 1.97px solid;
  position: absolute;
  border-color: #f5f5f5;
  object-fit: cover;
}

.home-landing-page .frame-32 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4.37px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -0.24px;
}

.home-landing-page .frame-33 {
  flex-direction: column;
  gap: 8px;
  display: flex;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home-landing-page .frame-wrapper {
  display: flex;
  width: 100%;
  height: auto;
  align-items: stretch;
  gap: 32px;
  position: relative;
}

.home-landing-page .frame-34 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.home-landing-page .card-3 {
  align-items: flex-start;
  gap: 0;
  padding: 0;
  align-self: stretch;
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid;
  border-color: #e9e9eb;
  display: flex;
  flex-direction: column;
  position: relative;
}

.home-landing-page .frame-35 {
  display: flex;
  flex-direction: column;
  width: 268px;
  align-items: center;
  gap: 12px;
  padding: 12px;
  position: relative;
  top: calc(50.00% - 125px);
  left: calc(50.00% - 134px);
  background-color: #ffffff;
  border-radius: 15.99px;
  box-shadow: 0px 3px 16px -2px #00000014;
}

.home-landing-page .frame-36 {
  display: flex;
  height: 164px;
  align-items: center;
  justify-content: center;
  gap: 7.99px;
  padding: 7.99px 13.99px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #f8f8f8;
  border-radius: 11.99px;
}

.home-landing-page .frame-37 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--white);
  border-radius: 50px;
  box-shadow: 0px 2px 16px -4px #20c5b540;
}

.home-landing-page .file {
  position: relative;
  width: 44px;
  height: 44px;
}

.home-landing-page .frame-38 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15.01px;
  padding: 24.02px;
  position: absolute;
  top: -44px;
  left: 177px;
  background-color: var(--white);
  border-radius: 30.02px;
  transform: rotate(10.96deg);
  box-shadow: 0px 3px 24.02px -6px #0000000a;
}

.home-landing-page .excel-document {
  position: relative;
  width: 56.72px;
  height: 56.72px;
  margin-top: -4.16px;
  margin-bottom: -4.16px;
  margin-left: -4.16px;
  margin-right: -4.16px;
  transform: rotate(-10.96deg);
}

.home-landing-page .frame-39 {
  gap: 7.99px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.home-landing-page .frame-40 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 11.99px;
  background-color: var(--gray-100);
  border-radius: 11.99px;
}

.home-landing-page .frame-41 {
  position: relative;
  width: 148px;
  height: 11px;
  background-color: var(--gray-100);
  border-radius: 11.99px;
}

.home-landing-page .frame-42 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11.54px;
  padding: 18.47px;
  position: absolute;
  top: 201px;
  left: 25px;
  background-color: var(--white);
  border-radius: 23.08px;
  transform: rotate(-26.95deg);
  box-shadow: 0px 2.31px 18.47px -4.62px #0000000a;
}

.home-landing-page .csv-document-svgrepo {
  position: relative;
  width: 49.66px;
  height: 49.66px;
  margin-top: -6.36px;
  margin-bottom: -6.36px;
  margin-left: -6.36px;
  margin-right: -6.36px;
  transform: rotate(26.95deg);
}

.home-landing-page .card-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  padding: 0;
  position: relative;
  align-self: stretch;
  background-color: #ffffff;
  border-radius: 24px;
  border: 1px solid;
  border-color: #e9e9eb;
}

.home-landing-page .frame-34 .image-4,
.home-landing-page .frame-34 .div-3 {
  border-radius: 16px 16px 0 0;
  min-height: clamp(180px, 22vw, 280px);
}

.home-landing-page .frame-34 .frame-33 {
  padding: 16px 16px 24px;
}

.home-landing-page .frame-34 .player-analytics-image {
  object-fit: contain;
  object-position: center;
}

@media (max-width: 1100px) {
  .home-landing-page .frame-34 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 800px) {
  .home-landing-page .frame-34 {
    grid-template-columns: 1fr;
  }
}

.home-landing-page .group-4 {
  position: absolute;
  top: 62px;
  left: calc(50.00% - 144px);
  width: 282px;
  height: 271px;
}

.home-landing-page .frame-43 {
  position: absolute;
  top: -8px;
  left: 35px;
  width: 257px;
  height: 198px;
}

.home-landing-page .frame-44 {
  display: inline-flex;
  flex-direction: column;
  gap: 6.81px;
  padding: 16.42px;
  position: absolute;
  top: 109px;
  left: 0;
  border-radius: 13.62px;
  box-shadow: var(--drop-shadow);
  align-items: center;
  background-color: #ffffff;
}

.home-landing-page .avatar-6 {
  width: 73.88px;
  height: 73.88px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.home-landing-page .base-6 {
  width: 100%;
  height: 100%;
  top: -3.12%;
  left: -3.12%;
  border-radius: 230.86px;
  border: 4.62px solid;
  position: absolute;
  border-color: #f5f5f5;
  object-fit: cover;
}

.home-landing-page .typography-7 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8.51px;
  position: relative;
  flex: 0 0 auto;
}

.home-landing-page .typography-display-16 {
  position: relative;
  width: fit-content;
  margin-top: -0.85px;
  font-family: "Google Sans", Helvetica;
  font-weight: 400;
  color: var(--gray-800);
  font-size: 16.4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24.6px;
  white-space: nowrap;
}

.home-landing-page .frame-45 {
  position: relative;
  height: 16.42px;
}

.home-landing-page .group-5 {
  position: absolute;
  top: 261px;
  left: 181px;
  width: 134px;
  height: 61px;
}

.home-landing-page .typography-wrapper {
  display: inline-flex;
  gap: 5.46px;
  padding: 8px 12px;
  position: absolute;
  top: 25px;
  left: 35px;
  background-color: var(--brand-500);
  border-radius: 21.84px;
  box-shadow: 0px 2.05px 2.73px -1.36px #00000029;
  flex-direction: column;
  align-items: center;
}

.home-landing-page .typography-8 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6.82px;
  position: relative;
  flex: 0 0 auto;
}

.home-landing-page .typography-display-17 {
  position: relative;
  width: fit-content;
  margin-top: -0.68px;
  font-family: var(--text-sm-regular-font-family);
  font-weight: var(--text-sm-regular-font-weight);
  color: var(--white);
  font-size: var(--text-sm-regular-font-size);
  text-align: center;
  letter-spacing: var(--text-sm-regular-letter-spacing);
  line-height: var(--text-sm-regular-line-height);
  white-space: nowrap;
  font-style: var(--text-sm-regular-font-style);
}

.home-landing-page .group-6 {
  position: absolute;
  top: 0;
  left: 1px;
  width: 42px;
  height: 49px;
}

.home-landing-page .div-3 {
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  background-color: #f7f7f7;
  border-radius: 20px;
  overflow: hidden;
}

.home-landing-page .group-7 {
  position: absolute;
  left: calc(50.00% - 202px);
  bottom: 1px;
  width: 402px;
  height: 127px;
}

.home-landing-page .frame-46 {
  display: inline-flex;
  gap: 5.46px;
  padding: 8px 16px;
  position: absolute;
  top: 0;
  left: 112px;
  border-radius: 21.84px;
  transform: rotate(-4.28deg);
  box-shadow: 0px 2.05px 2.73px -1.36px #00000029;
  background: linear-gradient(
    90deg,
    rgba(32, 197, 181, 1) 0%,
    rgba(239, 67, 67, 1) 100%
  );
  flex-direction: column;
  align-items: center;
}

.home-landing-page .frame-47 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 5.46px;
  padding: 6px 16px;
  position: absolute;
  top: 34px;
  left: 223px;
  background-color: var(--brand-500);
  border-radius: 21.84px;
  box-shadow: 0px 2.05px 2.73px -1.36px #00000029;
}

.home-landing-page .frame-48 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 5.46px;
  padding: 6px 16px;
  position: absolute;
  top: 42px;
  left: 56px;
  background-color: var(--gray-900);
  border-radius: 21.84px;
  box-shadow: 0px 2.05px 2.73px -1.36px #00000029;
}

.home-landing-page .frame-49 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 5.46px;
  padding: 6px 16px;
  position: absolute;
  top: 81px;
  left: 1px;
  background-color: #14716a;
  border-radius: 21.84px;
  transform: rotate(-6.88deg);
  box-shadow: 0px 2.05px 2.73px -1.36px #00000029;
}

.home-landing-page .frame-50 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 5.46px;
  padding: 6px 16px;
  position: absolute;
  top: 79px;
  left: 136px;
  background-color: var(--white);
  border-radius: 21.84px;
  transform: rotate(4.04deg);
  box-shadow: 0px 2.05px 2.73px -1.36px #00000029;
}

.home-landing-page .typography-display-18 {
  position: relative;
  width: fit-content;
  margin-top: -0.68px;
  font-family: var(--text-sm-regular-font-family);
  font-weight: var(--text-sm-regular-font-weight);
  color: var(--black);
  font-size: var(--text-sm-regular-font-size);
  text-align: center;
  letter-spacing: var(--text-sm-regular-letter-spacing);
  line-height: var(--text-sm-regular-line-height);
  white-space: nowrap;
  font-style: var(--text-sm-regular-font-style);
}

.home-landing-page .frame-51 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 5.46px;
  padding: 6px 16px;
  position: absolute;
  top: 71px;
  left: 245px;
  background-color: var(--error-400);
  border-radius: 21.84px;
  transform: rotate(-12.34deg);
  box-shadow: 0px 2.05px 2.73px -1.36px #00000029;
}

.home-landing-page .group-8 {
  position: absolute;
  top: 0;
  left: calc(50.00% - 144px);
  width: 287px;
  height: 239px;
}