.apps-page-hero,
.apps-page-technology {
  --section-grid-opacity: 0.54;
}

#formularz-aplikacje {
  scroll-margin-top: calc(var(--header-height) + var(--space-3xl));
}

.apps-page-hero {
  padding-block-end: clamp(var(--space-2xl), 4vw, var(--space-4xl));
}

.apps-page-hero__copy,
.apps-page-hero__panel,
.apps-page-technology__content {
  position: relative;
  z-index: 0;
  isolation: isolate;
}

.apps-page-hero__copy::before,
.apps-page-hero__panel::before,
.apps-page-technology__content::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(
    ellipse at 46% 42%,
    color-mix(in srgb, var(--color-background) 99%, transparent) 0%,
    color-mix(in srgb, var(--color-background) 96%, transparent) 20%,
    color-mix(in srgb, var(--color-background) 78%, transparent) 48%,
    color-mix(in srgb, var(--color-background) 42%, transparent) 72%,
    transparent 88%
  );
}

.apps-page-hero__copy::before {
  inset-block-start: calc(clamp(var(--space-xl), 3vw, var(--space-3xl)) * -1);
  inset-inline-start: calc(clamp(var(--space-xl), 3vw, var(--space-3xl)) * -1);
  inline-size: calc(min(100%, 48rem) + (clamp(var(--space-xl), 3vw, var(--space-3xl)) * 2));
  block-size: calc(100% + clamp(var(--space-2xl), 5vw, var(--space-5xl)));
}

.apps-page-hero__panel::before {
  inset: calc(clamp(var(--space-lg), 3vw, var(--space-3xl)) * -1);
}

.apps-page-hero__title {
  max-inline-size: 16ch;
}

.apps-page-hero__panel {
  inline-size: fit-content;
  max-inline-size: min(100%, 25rem);
}

.apps-page-scope__list {
  align-self: start;
  height: auto;
  padding: clamp(var(--space-xl), 3vw, var(--space-3xl));
}

.apps-page-technology {
  padding-block-end: clamp(var(--space-xl), 4vw, var(--space-4xl));
}

.apps-page-technology__content {
  display: grid;
  gap: clamp(var(--space-xl), 3vw, var(--space-3xl));
  max-inline-size: 58rem;
}

.apps-page-technology__content::before {
  inset-block-start: calc(clamp(var(--space-xl), 3vw, var(--space-3xl)) * -1);
  inset-inline-start: calc(clamp(var(--space-xl), 3vw, var(--space-3xl)) * -1);
  inline-size: min(100vw, calc(100% + clamp(var(--space-4xl), 8vw, var(--space-6xl))));
  block-size: calc(100% + clamp(var(--space-3xl), 6vw, var(--space-6xl)));
}

.apps-page-technology__note {
  max-inline-size: 64ch;
  margin: 0;
  color: var(--color-text-secondary);
  line-height: 1.65;
}

.apps-page-scenarios__grid {
  display: grid;
  gap: var(--card-grid-gap);
}

@media (min-width: 768px) {
  .apps-page-scenarios__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1085px) {
  .apps-page-hero__layout {
    grid-template-columns: minmax(0, 1.18fr) minmax(18rem, 0.74fr);
  }

  .apps-page-scope__layout {
    grid-template-columns: minmax(0, 0.64fr) minmax(18rem, 0.36fr);
  }

  .apps-page-process__steps {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .apps-page-process__steps::before {
    inset-inline: clamp(var(--space-2xl), 4vw, var(--space-4xl));
  }
}

@media (max-width: 767px) {
  .apps-page-hero,
  .apps-page-technology {
    padding-block-end: var(--section-vertical-spacing-mobile);
  }

  .apps-page-hero__panel {
    justify-self: stretch;
    inline-size: 100%;
  }
}