main.bankid-landing.container {
  --bankid-section-gap: 4.5rem;
  width: 100%;
  max-width: none;
  padding: 0;
}

main.bankid-landing.container > section {
  max-width: none;
  margin-block: 0;
  padding: calc(var(--bankid-section-gap) / 2) max(1.25rem, calc((100% - 1120px) / 2));
  background: var(--kari-surface);
}

main.bankid-landing > .hero-section:first-of-type {
  max-width: none;
  padding-inline: max(1.25rem, calc((100% - 1120px) / 2));
  padding-block: clamp(2rem, 4vw, 3rem) calc(var(--bankid-section-gap) / 2);
}

main.bankid-landing > .hero-section:first-of-type h1 {
  max-width: 22ch;
  font-size: clamp(2.25rem, 4.2vw, 3.5rem);
  line-height: 1.08;
}

.bankid-landing .hero-section .variant-kicker {
  margin-bottom: 1.25rem;
  font-size: 0.75rem;
  opacity: 1;
}

.bankid-landing > .hero-section hgroup > p:last-child {
  max-width: 68ch;
  color: var(--kari-page-fg);
  opacity: 1;
}

.bankid-landing > section > :first-child {
  margin-top: 0;
}

.bankid-landing > section > :last-child {
  margin-bottom: 0;
}

.bankid-detail > :not(h2) {
  max-width: 68ch;
}

.bankid-landing ol li + li {
  margin-top: 1rem;
}

.bankid-landing ol li:last-child {
  margin-bottom: 0;
}

main.bankid-landing.container > .bankid-offer {
  background: var(--kari-surface-muted);
}

.bankid-offer > p {
  max-width: 68ch;
}