/* Quiet, lightweight graphics for the homepage's scrolling scenes. */
.home-page .year-graphic,
.home-page .partner-graphic {
  position: relative;
  isolation: isolate;
  width: min(100%, 400px);
  height: 360px;
  min-width: 0;
  margin-inline: auto;
  flex: none;
}

.home-page .year-graphic {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: var(--blue);
  text-align: center;
}
.home-page .year-graphic__orbit {
  position: absolute;
  z-index: -1;
  inset: 22px 42px;
  border: 1px solid #dce5fd;
  border-radius: 50%;
  background: radial-gradient(circle, #fff 28%, #edf2ff 100%);
  box-shadow: 0 0 0 20px #f3f6fd;
}
.home-page .year-graphic__orbit::before,
.home-page .year-graphic__orbit::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}
.home-page .year-graphic__orbit::before {
  inset: 25px;
  border: 1px solid #d8e3ff;
}
.home-page .year-graphic__orbit::after {
  width: 11px;
  height: 11px;
  top: 36px;
  right: 42px;
  background: var(--blue);
  box-shadow: 0 0 0 7px #e5edff;
}
.home-page .year-graphic > small {
  color: #7185ad;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .18em;
  font-weight: 600;
}
.home-page .year-graphic > strong {
  font-size: clamp(84px, 9vw, 112px);
  line-height: 1.05;
  letter-spacing: -.075em;
  font-weight: 700;
  font-variant-numeric: lining-nums;
  padding-right: .075em;
}
.home-page .year-graphic > span:last-child {
  color: #788cad;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .17em;
}

.home-page .partner-graphic__orbit {
  position: absolute;
  z-index: -1;
  inset: 38px 58px;
  border: 1px solid #cbdafb;
  border-radius: 50%;
  background: radial-gradient(circle, #e9f0ff, #f6f8ff 67%, transparent 68%);
}
.home-page .partner-graphic__orbit::before {
  content: "";
  position: absolute;
  inset: 28px -34px;
  border: 1px solid #dfe7fa;
  border-radius: 50%;
  transform: rotate(-33deg);
}
.home-page .partner-graphic__center {
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 158px;
  height: 158px;
  gap: 11px;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  border-radius: 40px;
  color: #fff;
  background: linear-gradient(145deg, #4d79f4, var(--blue) 76%);
  box-shadow: 0 18px 38px rgba(40, 85, 232, .17), inset 0 1px 0 rgba(255, 255, 255, .25);
  font-size: 61px;
  font-weight: 700;
  line-height: .95;
  letter-spacing: -.065em;
}
.home-page .partner-graphic__center > span {
  color: #dbe6ff;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: .07em;
  line-height: 1.5;
}
.home-page .partner-graphic__tag {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 12px 16px;
  border: 1px solid #dfe6f5;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 9px 23px rgba(48, 74, 127, .06);
  color: #5b7097;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 550;
  white-space: nowrap;
}
.home-page .partner-graphic__tag::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: none;
  border-radius: 50%;
  background: #7a9aec;
}
.home-page .partner-graphic__tag:nth-of-type(2) { top: 43px; left: 24px; }
.home-page .partner-graphic__tag:nth-of-type(3) { top: 135px; right: 0; }
.home-page .partner-graphic__tag:nth-of-type(4) { bottom: 39px; left: 36px; }

.home-page .trial-card__aside {
  min-width: 0;
  padding: 0;
}
.home-page .trial-stat {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: min(100%, 320px);
  min-height: 280px;
  margin: 0 auto 18px;
  text-align: center;
}
.home-page .trial-stat::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(100%, 270px);
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 50%;
  box-shadow: inset 0 0 0 14px rgba(255, 255, 255, .035);
  background: radial-gradient(circle, rgba(255, 255, 255, .1), transparent 68%);
}
.home-page .trial-stat strong {
  color: #fff;
  font-size: clamp(112px, 12vw, 166px);
  font-weight: 650;
  line-height: .95;
  letter-spacing: -.075em;
  padding-right: .075em;
}
.home-page .trial-stat > span {
  color: #e5edff;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: .04em;
}
.home-page .trial-card__aside > p {
  margin: 0;
  color: #d9e4ff;
  font-size: 15px;
  line-height: 1.7;
  text-align: center;
}

@media (max-width: 900px) {
  .home-page .year-graphic,
  .home-page .partner-graphic { width: min(100%, 330px); height: 300px; }
  .home-page .year-graphic__orbit { inset: 22px 37px; }
  .home-page .partner-graphic__orbit { inset: 28px 43px; }
  .home-page .partner-graphic__center { width: 130px; height: 130px; font-size: 54px; border-radius: 33px; }
  .home-page .partner-graphic__center > span { font-size: 7px; }
  .home-page .partner-graphic__tag { padding: 10px 12px; font-size: 13px; }
  .home-page .partner-graphic__tag:nth-of-type(2) { top: 30px; left: 10px; }
  .home-page .partner-graphic__tag:nth-of-type(3) { top: 118px; right: 0; }
  .home-page .partner-graphic__tag:nth-of-type(4) { bottom: 25px; left: 26px; }
  .home-page .trial-stat { min-height: 220px; }
  .home-page .trial-stat::before { width: min(100%, 218px); }
  .home-page .trial-stat strong { font-size: 116px; }
}

@media (max-width: 640px) {
  .home-page .year-graphic,
  .home-page .partner-graphic { width: min(100%, 280px); height: 200px; }
  .home-page .year-graphic { gap: 6px; }
  .home-page .year-graphic__orbit { inset: 7px 47px; box-shadow: 0 0 0 10px #f3f6fd; }
  .home-page .year-graphic__orbit::before { inset: 15px; }
  .home-page .year-graphic__orbit::after { width: 7px; height: 7px; top: 18px; right: 25px; box-shadow: 0 0 0 5px #e5edff; }
  .home-page .year-graphic > strong { font-size: 80px; }
  .home-page .year-graphic > small,
  .home-page .year-graphic > span:last-child { font-size: 9px; }
  .home-page .partner-graphic__orbit { inset: 14px 54px; }
  .home-page .partner-graphic__orbit::before { inset: 23px -25px; }
  .home-page .partner-graphic__center { width: 103px; height: 103px; border-radius: 27px; gap: 7px; font-size: 45px; }
  .home-page .partner-graphic__center > span { font-size: 5.5px; }
  .home-page .partner-graphic__tag { padding: 7px 10px; border-radius: 9px; font-size: 12px; gap: 5px; }
  .home-page .partner-graphic__tag::before { width: 5px; height: 5px; }
  .home-page .partner-graphic__tag:nth-of-type(2) { top: 8px; left: 10px; }
  .home-page .partner-graphic__tag:nth-of-type(3) { top: 82px; right: 0; }
  .home-page .partner-graphic__tag:nth-of-type(4) { bottom: 3px; left: 17px; }
  .home-page .trial-card__aside { display: block; }
  .home-page .trial-stat { width: min(100%, 280px); min-height: 180px; margin-bottom: 4px; gap: 4px; }
  .home-page .trial-stat::before { width: 175px; max-width: 100%; }
  .home-page .trial-stat strong { font-size: 107px; }
  .home-page .trial-stat > span { font-size: 16px; }
  .home-page .trial-card__aside > p { font-size: 14px; }
}