.about-band .about-grid {
  position: absolute;
  inset: 0;
  height: 100%;
  max-width: none !important;
  margin: 0 !important;
  pointer-events: none;
  z-index: 0;
}
.about-grid canvas {
  display: block;
  width: 100%;
  height: 100%;
}
.about-grid span {
  position: absolute;
  inset: 16% 8% 22%;
  border: 1px solid #d6e1d7;
  border-top: 0;
  border-radius: 0 0 48px 48px;
}
.about-grid span:nth-child(2) {
  inset: 20% 12% 19%;
}
.about-grid span:nth-child(3) {
  inset: 24% 16% 16%;
}
.about-grid span:nth-child(n + 4),
.about-grid.has-canvas span {
  display: none;
}
.method-layout {
  gap: 72px;
}
.method-step {
  grid-template-columns: 44px minmax(0, 1fr) 104px;
  gap: 20px;
}
.method-step__number {
  align-self: start;
  white-space: nowrap;
}
.method-symbol {
  position: relative;
  width: 104px;
  height: 104px;
  margin: -12px 0 0;
  pointer-events: none;
}
.method-symbol img,
.method-symbol canvas {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.method-symbol canvas {
  visibility: hidden;
}
.method-symbol.is-ready img {
  visibility: hidden;
}
.method-symbol.is-ready canvas {
  visibility: visible;
}
@media (max-width: 1100px) {
  .method-step__number {
    font-size: 30px;
  }
  .method-layout {
    gap: 48px;
  }
  .method-step {
    grid-template-columns: 40px minmax(0, 1fr) 84px;
    gap: 16px;
  }
  .method-symbol {
    width: 84px;
    height: 84px;
  }
}
@media (max-width: 900px) {
  .method-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 56px;
  }
  .method-intro {
    position: relative;
    top: auto;
  }
  .method-intro h2 {
    max-width: 640px;
  }
  .method-step {
    grid-template-columns: 40px minmax(0, 1fr) 104px;
  }
  .method-symbol {
    width: 104px;
    height: 104px;
  }
}
@media (max-width: 480px) {
  .method-step {
    grid-template-columns: 30px minmax(0, 1fr) 72px;
    gap: 12px;
  }
  .method-step h3 {
    font-size: 22px;
  }
  .method-step__number {
    font-size: 24px;
  }
  .method-symbol {
    width: 72px;
    height: 72px;
  }
  .solution-panel__footer,
  .solution-panel__footer a {
    gap: 16px;
  }
}
