.premium-page-hero,
.premium-page-difference {
  --section-grid-opacity: 0.54;
}

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

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

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

.premium-page-hero__copy::before,
.premium-page-hero__panel::before,
.premium-page-difference__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%
  );
}

.premium-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%, 50rem) + (clamp(var(--space-xl), 3vw, var(--space-3xl)) * 2));
  block-size: calc(100% + clamp(var(--space-2xl), 5vw, var(--space-5xl)));
}

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

.premium-page-hero__title {
  max-inline-size: 17ch;
}

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

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

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

.premium-page-difference__content {
  display: grid;
  gap: clamp(var(--space-xl), 3vw, var(--space-3xl));
}

.premium-page-difference__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)));
}

.premium-page-difference__grid {
  display: grid;
  gap: var(--card-grid-gap);
}

.premium-page-scenarios__list {
  display: grid;
  border-top: var(--border-width-standard) solid var(--border-standard);
}

.premium-page-scenario-row {
  display: grid;
  gap: var(--space-lg);
  padding-block: clamp(var(--space-xl), 3vw, var(--space-2xl));
  border-bottom: var(--border-width-standard) solid var(--border-standard);
}

.premium-page-scenario-row__number {
  color: var(--color-accent);
}

.premium-page-scenario-row__copy {
  display: grid;
  gap: var(--space-sm);
}

.premium-page-scenario-row__title {
  font-size: clamp(1.08rem, 0.96rem + 0.36vw, 1.34rem);
  line-height: 1.2;
}

.premium-page-scenario-row__description {
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.premium-page-scenario-row__cta {
  justify-self: start;
  margin-block-start: var(--space-xs);
}

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

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

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

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

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

  .premium-page-difference__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .premium-page-scenario-row {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
  }
}

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

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