/* Stable final layer — process, outcomes and footer only. */

/* PROCESS */
.section.process {
  box-sizing: border-box !important;
  position: relative !important;
  width: 100% !important;
  min-height: 920px !important;
  padding: 72px 0 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}
.section.process::before {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-position: center top !important;
  background-size: cover !important;
}
.section.process > .title,
.section.process > .definition-lead {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 3 !important;
  left: auto !important;
  top: auto !important;
  width: min(610px, 42vw) !important;
  max-width: none !important;
  margin-left: 6.2vw !important;
  margin-right: 0 !important;
  transform: none !important;
  text-align: left !important;
}
.section.process > .title {
  margin-top: 0 !important;
  margin-bottom: 32px !important;
}
.section.process > .definition-lead {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: 17px !important;
  line-height: 28px !important;
}
.section.process > .definition-lead::after {
  margin-top: 22px !important;
  font-size: 17px !important;
  line-height: 28px !important;
}
.section.process > .process-grid {
  box-sizing: border-box !important;
  position: absolute !important;
  z-index: 4 !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: 26px !important;
  width: min(1600px, calc(100% - 96px)) !important;
  max-width: calc(100% - 96px) !important;
  height: auto !important;
  min-height: 280px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateX(-50%) !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: linear-gradient(to bottom, rgba(255,255,255,.12), rgba(255,255,255,.94) 32%, #fff 72%) !important;
}
.section.process > .process-grid::before { display: none !important; }
.section.process .process-step,
.section.process .process-step:nth-child(n) {
  box-sizing: border-box !important;
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 280px !important;
  margin: 0 !important;
  padding: 36px 24px 28px !important;
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  grid-template-rows: auto 1fr !important;
  column-gap: 14px !important;
  align-content: start !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #231f20 !important;
}
.section.process .process-step::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 24px !important;
  right: 0 !important;
  bottom: 24px !important;
  width: 1px !important;
  background: #999 !important;
}
.section.process .process-step:last-child::after { display: none !important; }
.section.process .process-step > span {
  grid-column: 1 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  transform: none !important;
  color: #231f20 !important;
  font-size: 58px !important;
  line-height: .92 !important;
  font-weight: 600 !important;
  letter-spacing: -4px !important;
}
.section.process .process-step > div { display: contents !important; }
.section.process .process-step h3 {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: start !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #231f20 !important;
  font-size: 21px !important;
  line-height: 26px !important;
  font-weight: 600 !important;
  text-align: left !important;
}
.section.process .process-step p {
  grid-column: 1 / 3 !important;
  grid-row: 2 !important;
  max-width: none !important;
  margin: 24px 0 0 !important;
  color: #231f20 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  text-align: left !important;
  overflow-wrap: normal !important;
}

/* OUTCOMES */
.section.outcomes {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  padding: 96px 28px 88px !important;
  overflow: hidden !important;
  background: #f7f7f5 !important;
}
.section.outcomes::before,
.section.outcomes::after { display: none !important; }
.section.outcomes > .title,
.section.outcomes > .definition-lead,
.section.outcomes > .outcomes-intro {
  position: relative !important;
  width: min(880px, calc(100% - 48px)) !important;
  max-width: 880px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
  text-align: left !important;
}
.section.outcomes > .title { margin-top: 0 !important; margin-bottom: 24px !important; }
.section.outcomes > .definition-lead { margin-top: 0 !important; margin-bottom: 26px !important; }
.section.outcomes > .outcomes-intro { margin-top: 0 !important; margin-bottom: 46px !important; padding-top: 22px !important; }
.section.outcomes > .benefit-groups {
  position: relative !important;
  width: min(1180px, calc(100% - 80px)) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 24px !important;
  transform: none !important;
}
.section.outcomes .benefit-group,
.section.outcomes .benefit-group:not(.partner-dependent),
.section.outcomes .benefit-group.partner-dependent {
  box-sizing: border-box !important;
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 36px 38px 40px !important;
  overflow: visible !important;
  border: 1px solid #d8d8d3 !important;
  border-top: 4px solid #3bc49d !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #231f20 !important;
}
.section.outcomes .benefit-group h3,
.section.outcomes .benefit-group:not(.partner-dependent) h3,
.section.outcomes .benefit-group.partner-dependent h3 {
  display: block !important;
  position: static !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  color: #231f20 !important;
  font-size: 27px !important;
  line-height: 34px !important;
  font-weight: 600 !important;
  text-align: left !important;
}
.section.outcomes .benefit-group ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.section.outcomes .benefit-group li,
.section.outcomes .benefit-group:not(.partner-dependent) li {
  position: relative !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 14px 0 14px 58px !important;
  border-top: 1px solid #deded9 !important;
  color: #333 !important;
  font-size: 15px !important;
  line-height: 23px !important;
}
.section.outcomes .benefit-group li::before,
.section.outcomes .benefit-group:not(.partner-dependent) li::before {
  left: 10px !important;
  top: 14px !important;
  color: #3bae8d !important;
  font-size: 15px !important;
  line-height: 23px !important;
}
.section.outcomes > .disclaimer {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 1 !important;
  width: min(1180px, calc(100% - 80px)) !important;
  margin: 24px auto 0 !important;
  padding: 18px 22px !important;
  transform: none !important;
}

/* FOOTER */
footer.footer-art { width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #080808 !important; }
.footer-art .footer-data {
  box-sizing: border-box !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1494 / 724 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #080808 url("footer-belgrade-models.png") center bottom / cover no-repeat !important;
  color: #fff !important;
}
.footer-art .footer-brand-block { position: absolute !important; top: 5.5% !important; left: 7.8% !important; width: 23.5% !important; max-width: 390px !important; margin: 0 !important; }
.footer-art .footer-brand-logo { display: block !important; width: 100% !important; height: auto !important; }
.footer-art .footer-brand-block::after,
.footer-art .footer-socials { display: none !important; }
.footer-art .footer-tagline { position: absolute !important; top: 25.8% !important; left: 8.1% !important; width: 25% !important; margin: 0 !important; color: #fff !important; font-size: clamp(14px,1.25vw,19px) !important; line-height: 1.22 !important; text-align: left !important; }
.footer-art .footer-details { position: absolute !important; left: 6.8% !important; right: auto !important; top: auto !important; bottom: 6.4% !important; width: 55% !important; margin: 0 !important; display: grid !important; grid-template-columns: 1.15fr .9fr !important; gap: 8% !important; align-items: end !important; color: #fff !important; font-size: clamp(12px,1vw,16px) !important; line-height: 1.28 !important; text-align: left !important; }
.footer-art .footer-details p { margin: 0 !important; }
.footer-art .footer-details p:nth-child(3) { display: none !important; }
.footer-art .footer-details strong { display: inline !important; margin: 0 !important; color: #fff !important; font-size: inherit !important; line-height: inherit !important; font-weight: 600 !important; }
.footer-art .footer-details a { color: #fff !important; text-decoration: none !important; }
.footer-art .footer-values { position: absolute !important; left: auto !important; right: 7.3% !important; top: auto !important; bottom: 6.4% !important; width: auto !important; margin: 0 !important; color: #fff !important; font-size: clamp(12px,1vw,16px) !important; line-height: 1.28 !important; white-space: nowrap !important; }

@media (max-width: 900px) {
  .section.process { min-height: 0 !important; padding: 68px 24px !important; }
  .section.process > .title,
  .section.process > .definition-lead { width: 100% !important; margin-left: 0 !important; transform: none !important; }
  .section.process > .process-grid { position: relative !important; left: auto !important; bottom: auto !important; width: 100% !important; max-width: 100% !important; margin-top: 42px !important; transform: none !important; grid-template-columns: 1fr !important; }
  .section.process .process-step::after { top: auto !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: auto !important; height: 1px !important; }
  .section.outcomes { padding: 68px 0 64px !important; }
  .section.outcomes > .benefit-groups { width: calc(100% - 40px) !important; grid-template-columns: 1fr !important; }
  .section.outcomes > .disclaimer { width: calc(100% - 40px) !important; }
  .footer-art .footer-data { min-height: 700px !important; aspect-ratio: auto !important; padding: 38px 24px 30px !important; display: flex !important; flex-direction: column !important; background-position: 53% bottom !important; }
  .footer-art .footer-brand-block,.footer-art .footer-tagline,.footer-art .footer-details,.footer-art .footer-values { position: static !important; width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
  .footer-art .footer-brand-block { order: 1 !important; width: 225px !important; }
  .footer-art .footer-tagline { order: 2 !important; margin-top: 16px !important; font-size: 14px !important; line-height: 20px !important; }
  .footer-art .footer-details { order: 3 !important; margin-top: auto !important; display: grid !important; grid-template-columns: 1fr !important; gap: 18px !important; font-size: 13px !important; line-height: 19px !important; }
  .footer-art .footer-values { order: 4 !important; margin-top: 22px !important; font-size: 13px !important; line-height: 19px !important; white-space: normal !important; }
}