.page2 {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      background: radial-gradient(
         circle at 45% 30%,
        #F9FCFD 0%,
        #F3F8FA 35%,
        #EDF4F6 60%,
        #F8FBFC 80%,
        #FFFFFF 100%
      );
}

.detail-visual-wrap {
      max-width: 440px;
}

.detail-visual {
      transform-origin: top left;
      transform: none;
}

.detail-visual--leadership {
      max-width: 260px;
}

.detail-visual--single {
      max-width: 240px;
}

.detail-visual--team {
      max-width: 280px;
}

.detail-card--spacious {
      padding-bottom: 50px;
}

.detail-card--wide {
      max-width: 1050px;
}

.section-label--with-top-space {
      padding-top: 10px;
}

@media (width <= 1024px) {
      .detail-visual--leadership {
            max-width: 240px;
      }

      .detail-visual--single {
            max-width: 220px;
      }

      .detail-visual--team {
            max-width: 260px;
      }
}

@media (width <= 880px) {
      .detail-visual-wrap {
            max-width: 340px;
            margin: 0 auto;
      }

      .detail-visual--leadership {
            max-width: 230px;
      }

      .detail-visual--single {
            max-width: 200px;
      }

      .detail-visual--team {
            max-width: 250px;
      }

      .detail-card--spacious {
            padding-bottom: 32px;
      }
}

@media (width <= 640px) {
      .detail-visual-wrap {
            max-width: 280px;
      }

      .detail-visual--leadership {
            max-width: 220px;
      }

      .detail-visual--single {
            max-width: 180px;
      }

      .detail-visual--team {
            max-width: 240px;
      }

      .detail-card--spacious {
            padding-bottom: 24px;
      }
}

@media (width > 430px) and (width <= 768px) {
      .detail-visual-wrap {
            max-width: 364px;
            width: calc(100% + 21px);
            margin-inline: 0;
            position: relative;
            left: 50%;
            transform: translateX(-50%);
      }

      .detail-visual {
            margin-block: 1rem;
      }

      .page > main > section {
            padding-block: 1.25rem;
      }

      .page > main > section .two-col {
            gap: 0.35rem;
      }

      .detail-card--spacious {
            padding-top: 0.6rem;
            padding-bottom: 12px;
      }
}

@media (width > 640px) and (width <= 768px) {
      .detail-visual--leadership {
            max-width: 240px;
      }

      .detail-visual--single {
            max-width: 220px;
      }

      .detail-visual--team {
            max-width: 260px;
      }
}

@media (width <= 430px) {
      .detail-visual-wrap {
            max-width: 364px;
            width: calc(100% + 21px);
            margin-inline: 0;
            position: relative;
            left: 50%;
            transform: translateX(-50%);
      }

      .page > main > section {
            padding-block: 1.25rem;
      }

      .page > main > section .two-col {
            gap: 0.35rem;
      }

      .detail-visual {
            margin-block: 1rem;
      }

      .detail-card--spacious {
            padding-top: 0.6rem;
            padding-bottom: 12px;
      }

}

body .page > main > section.tarife-intro {
      padding-top: 0;
      padding-bottom: 0;
}

body .page > main > section.tarife-pricing {
      padding-top: 0;
}

body .page > main > section.tarife-intro .section-label {
      margin-top: 0;
}

@media (width <= 768px) {
      body .page > main > section.tarife-intro {
            padding-top: 0;
      }

      body .page > main > section.tarife-pricing {
            padding-top: 0;
      }
}