.hero {
  position: relative;
  padding: calc(88px + var(--sp-10)) 0 var(--sp-16);
  overflow: clip;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(201, 106, 61, 0.16), transparent 32%),
    radial-gradient(circle at 88% 12%, rgba(106, 117, 100, 0.18), transparent 24%);
  pointer-events: none;
}

.hero__inner {
  position: relative;
  display: grid;
  gap: var(--sp-10);
  align-items: center;
}

.hero__content {
  display: grid;
  gap: var(--sp-5);
}

.hero__visual {
  position: relative;
}

.hero-grid {
  position: absolute;
  right: -32px;
  bottom: -24px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  width: min(100%, 360px);
  opacity: 0.6;
  z-index: 0;
}

.hero-grid span {
  aspect-ratio: 1;
  border-radius: 14px;
  border: 1px solid rgba(166, 78, 36, 0.16);
  background: rgba(255, 250, 244, 0.42);
}

.proof-band {
  padding-bottom: var(--sp-16);
}

.solutions,
.advantages,
.contacts {
  padding: var(--sp-16) 0;
}

.price {
  padding: 0 0 var(--sp-16);
}

.process {
  padding: var(--sp-16) 0;
  background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-dark-soft) 100%);
}

.payment {
  padding: var(--sp-16) 0;
}