/* Shared approved Testimonials handoff: PC 1512, tablet 768, mobile 390. */
.fenix-strengths-copy { display: none; }
.fenix-strengths-copy__line { display: block; white-space: normal; }
@media (min-width: 1280px) {
  .fenix-strengths-copy--desktop { display: block; }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .fenix-strengths-copy--tablet { display: block; }
}
@media (max-width: 767px) {
  .fenix-strengths-copy--mobile { display: block; }
  html:lang(ja) .fenix-test-strengths .fenix-test-strengths__heading p { font-size: 13px; }
}

.fenix-test-strengths { padding: 120px 0; color: #fff; background: linear-gradient(180deg, rgba(41,19,100,.84) 15.4%, rgba(94,45,158,.84) 82.5%), #030537; font-family: var(--fenix-font-ja), sans-serif; }
.fenix-test-strengths * { box-sizing: border-box; letter-spacing: 0; }
.fenix-test-strengths__inner { width: min(1192px, calc(100% - 64px)); margin: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto 1fr auto; column-gap: 32px; }
.fenix-test-strengths__heading { display: flex; flex-direction: column; gap: 24px; grid-column: 1; grid-row: 1; width: 478px; max-width: 100%; }
.fenix-test-strengths .fenix-test-strengths__heading h2 { margin: 0; color: #fff; font: 700 48px/56px var(--fenix-font-ja), sans-serif; }
.fenix-test-strengths .fenix-test-strengths__heading p { margin: 0; color: #fff; font: 400 20px/28px var(--fenix-font-ja), sans-serif; }
.fenix-test-strengths__media { position: relative; grid-column: 2; grid-row: 1 / 3; width: 100%; aspect-ratio: 580 / 402; overflow: hidden; border-radius: 24px; }
.fenix-test-strengths__media::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: rgb(94 45 158 / 11%); }
.fenix-test-strengths__photo { display: block; width: 100%; height: 100%; object-fit: cover; }
.fenix-test-strengths__stats { grid-column: 1; grid-row: 2; align-self: start; z-index: 1; margin-top: 24px; width: max-content; max-width: 1192px; padding: 24px 32px; display: grid; grid-template-columns: repeat(3, max-content); border-radius: 10px; background: rgba(41,19,100,.88); box-shadow: inset 0 0 0 1px #b899e0, 0 1px 4px #19213c14; }
.fenix-test-strengths__metric { min-width: 0; padding: 0 20px; border-left: 1px solid #b899e080; }
.fenix-test-strengths__metric:first-child { padding-left: 0; border: 0; }
.fenix-test-strengths__metric:last-child { padding-right: 0; }
.fenix-test-strengths__metric > div { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.fenix-test-strengths__metric img { display: block; width: 24px; height: 24px; object-fit: contain; }
.fenix-test-strengths__metric strong { font: 700 24px/32px var(--fenix-font-ja), sans-serif; white-space: nowrap; }
.fenix-test-strengths__metric > span { display: block; color: #f0ebf8; font: 400 14px/20px var(--fenix-font-ja), sans-serif; white-space: nowrap; }
.fenix-test-strengths__features { grid-column: 1 / -1; grid-row: 3; display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 56px; }
.fenix-test-strengths__icon { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin-bottom: 24px; border-radius: 50%; box-shadow: inset 0 0 0 1px #b899e0; background: #291364; }
.fenix-test-strengths__icon img { width: 28px; height: 28px; object-fit: contain; }
.fenix-test-strengths .fenix-test-strengths__features h3 { margin: 0 0 16px; color: #fff; font: 700 20px/28px var(--fenix-font-ja), sans-serif; }
.fenix-test-strengths .fenix-test-strengths__features p { margin: 0; color: #fff; font: 400 14px/20px var(--fenix-font-ja), sans-serif; }
@media (max-width: 1279px) {
  .fenix-test-strengths { padding: 64px 0; }
  .fenix-test-strengths__inner { display: flex; flex-direction: column; gap: 48px; }
  .fenix-test-strengths__heading { width: 100%; gap: 16px; }
  .fenix-test-strengths .fenix-test-strengths__heading h2 { margin-bottom: 0; font-size: 40px; line-height: 48px; }
  .fenix-test-strengths .fenix-test-strengths__heading p { font-size: 18px; line-height: 24px; }
  .fenix-test-strengths__stats { margin: 0; width: max-content; max-width: 100%; grid-template-columns: repeat(3, max-content); }
  .fenix-test-strengths__metric strong { font-size: 20px; line-height: 28px; }
  .fenix-test-strengths__metric > span { font-size: 13px; line-height: 18px; }
  .fenix-test-strengths__features { margin: 0; gap: 24px; }
  .fenix-test-strengths .fenix-test-strengths__features h3 { font-size: 18px; line-height: 24px; }
  .fenix-test-strengths .fenix-test-strengths__features p { font-size: 13px; line-height: 18px; }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .fenix-test-strengths__stats {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100px;
    gap: 40px;
  }
  .fenix-test-strengths__metric,
  .fenix-test-strengths__metric:first-child,
  .fenix-test-strengths__metric:last-child {
    position: relative;
    width: auto;
    height: 52px;
    flex: 1 1 0;
    padding: 0;
    border: 0;
  }
  .fenix-test-strengths__metric:nth-child(n+2)::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    width: 1px;
    background: #b899e080;
  }
}
@media (max-width: 767px) {
  .fenix-test-strengths { padding: 48px 0; }
  .fenix-test-strengths__inner { width: calc(100% - 32px); gap: 32px; }
  .fenix-test-strengths__heading { gap: 12px; }
  .fenix-test-strengths .fenix-test-strengths__heading h2 { margin-bottom: 0; font-size: 32px; line-height: 40px; }
  .fenix-test-strengths .fenix-test-strengths__heading p { font-size: 14px; line-height: 22px; }
  .fenix-test-strengths__stats {
    width: 100%;
    height: 184px;
    max-width: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 58px 46px;
    column-gap: 32px;
    row-gap: 32px;
    padding: 24px 32px;
  }
  .fenix-test-strengths__metric {
    position: relative;
    align-self: center;
    width: 100%;
    height: 46px;
    padding: 0;
    border-left: 0;
  }
  .fenix-test-strengths__metric:nth-child(2)::after { content: ''; position: absolute; top: -6px; bottom: -6px; left: -16px; width: 1px; background: #b899e080; }
  .fenix-test-strengths__metric:nth-child(3) { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; }
  .fenix-test-strengths__metric:nth-child(3)::before { content: ''; position: absolute; top: -16px; left: 0; right: 0; height: 1px; background: #b899e080; }
  .fenix-test-strengths__metric strong { font-size: 18px; line-height: 24px; }
  .fenix-test-strengths__metric > span { font-size: 12px; line-height: 16px; }
  .fenix-test-strengths__features { grid-template-columns: 1fr; gap: 16px; }
  .fenix-test-strengths .fenix-test-strengths__features h3 { font-size: 14px; line-height: 22px; }
  .fenix-test-strengths .fenix-test-strengths__features p { font-size: 12px; line-height: 16px; }
}
@media (max-width: 374px) {
  .fenix-test-strengths__stats { padding-inline: 16px; column-gap: 24px; }
  .fenix-test-strengths__metric:nth-child(2)::after { left: -12px; }
}
