/* /ver1 — single-column layout + scroll-scrub hero video */

/* Promo bar — biały, bez obramowań */
.page-ver1 .promotion-bar--home {
  background: #ffffff !important;
  border: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  box-shadow: none !important;
}

.page-ver1 .promotion-bar--home .promotion-bar__inner,
.page-ver1 .promotion-bar--home .promotion-bar__countdown-wrap,
.page-ver1 .promotion-bar--home .promotion-bar__countdown--tiles,
.page-ver1 .promotion-bar--home .promotion-bar__countdown--plain,
.page-ver1 .promotion-bar--home .promotion-bar__cta--home {
  border: none !important;
  box-shadow: none !important;
}

.page-ver1 .promotion-bar--home .promotion-bar__text {
  display: inline-flex !important;
  align-items: center;
  gap: 0.42rem;
}

.page-ver1 .promotion-bar--home .promotion-bar__bell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--home-text-light);
}

.page-ver1 .promotion-bar--home .promotion-bar__bell-icon {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
}

.page-ver1 .promotion-bar--home .promotion-bar__text,
.page-ver1 .promotion-bar--home .promo-bar-bold {
  color: var(--home-text-light) !important;
}

.page-ver1 .promotion-bar--home .promotion-bar__countdown--plain {
  display: inline-flex;
  align-items: baseline;
  gap: 0.08rem;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 0;
  background: none !important;
  border: none !important;
  border-radius: 0;
  font-family: var(--font-sans);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--home-text-light);
  white-space: nowrap;
}

.page-ver1 .promotion-bar--home .promotion-bar__countdown--plain .promotion-bar__countdown-num {
  color: var(--home-text-light);
  font-weight: 700;
}

.page-ver1 .promotion-bar--home .promotion-bar__countdown--plain .promotion-bar__countdown-suffix {
  color: rgba(26, 26, 26, 0.52);
  font-weight: 500;
  font-size: 0.92em;
}

.page-ver1 .promotion-bar--home .promotion-bar__countdown-tile {
  background: rgba(0, 0, 0, 0.05);
}

.page-ver1 .promotion-bar--home .promotion-bar__countdown-num {
  color: var(--home-text-light);
}

.page-ver1 .promotion-bar--home .promotion-bar__countdown-suffix {
  color: rgba(26, 26, 26, 0.52);
}

.page-ver1 .promotion-bar--home .promotion-bar__cta--home {
  background: rgba(0, 0, 0, 0.08);
  color: var(--home-text-light);
}

.page-ver1 .promotion-bar--home .promotion-bar__cta--home:hover {
  background: rgba(0, 0, 0, 0.14);
  color: var(--home-text-light);
}

@media (max-width: 767px) {
  .page-ver1 .promotion-bar--home {
    padding: 0;
  }

  .page-ver1 .promotion-bar--home .promotion-bar__inner {
    padding-left: var(--home-promo-pad-left, var(--home-chrome-pad-x));
    padding-right: var(--home-chrome-pad-x);
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) {
    background: transparent !important;
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) .header-backdrop {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    opacity: 0 !important;
  }
}

.page-ver1 .promo-wrapper--home,
.page-ver1 .promo-header-slot,
.page-ver1 .promo-header-slot .site-header.header--over-hero:not(.header--light) {
  border: none !important;
  box-shadow: none !important;
}

.page-ver1 main {
  display: block;
  position: relative;
  z-index: 2;
  background: #ffffff !important;
  margin-bottom: 0;
  border-bottom-left-radius: var(--home-footer-reveal-radius);
  border-bottom-right-radius: var(--home-footer-reveal-radius);
  overflow: clip;
}

/* Footer reveal wyłączony w strefie hero — sticky/fixed backdrop przeświecał przez transparentne #hero */
.page-ver1 #portfolio-footer-slot {
  position: relative !important;
  bottom: auto !important;
  z-index: 2;
}

.page-ver1 .home-footer-scroll-pad {
  display: none !important;
  height: 0 !important;
}

.page-ver1:not(.is-footer-reveal-active) #portfolio-footer-slot,
.page-ver1:not(.is-footer-reveal-active) .home-footer-reveal-backdrop {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.page-ver1.is-footer-reveal-active #portfolio-footer-slot,
.page-ver1.is-footer-reveal-active .home-footer-reveal-backdrop {
  visibility: visible !important;
  opacity: 1 !important;
}

.page-ver1.is-footer-reveal-active #portfolio-footer-slot {
  pointer-events: auto !important;
}

/* Fixed full-viewport video layer — sibling of main, poza #hero (bez clip) */
.page-ver1 .hero-ver1-stage {
  position: fixed;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  background: #0a0908;
  pointer-events: none;
  transition: opacity 0.12s linear;
}
@media (min-width: 768px) {
  .page-ver1 .site-header {
    border-bottom: none !important;
    box-shadow: none !important;
    transition: background 0.35s ease, box-shadow 0.35s ease !important;
  }

  .page-ver1 .site-header,
  .page-ver1 .site-header.header--over-hero:not(.header--light) {
    background: transparent !important;
  }

  .page-ver1 .site-header .header-backdrop,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .header-backdrop {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    opacity: 0 !important;
  }

  .page-ver1 .site-header .header-nav-cta {
    background: #1a1a1a !important;
    color: #ffffff !important;
    padding: 0.58rem 1.2rem !important;
    border: none !important;
    box-shadow: none !important;
  }

  .page-ver1 .site-header .header-nav-cta:hover,
  .page-ver1 .site-header .header-nav-cta.is-active {
    background: #2e2e2e !important;
    color: #ffffff !important;
  }

  .page-ver1 .site-header.header--ver1-on-hero .header-nav-cta {
    background: #2f8a44 !important;
    color: #ffffff !important;
  }

  .page-ver1 .site-header.header--ver1-on-hero .header-nav-cta:hover,
  .page-ver1 .site-header.header--ver1-on-hero .header-nav-cta.is-active {
    background: #38a04f !important;
    color: #ffffff !important;
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) .logo-img--white {
    opacity: 1 !important;
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) .logo-img--black {
    opacity: 0 !important;
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__trigger,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__link,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .header-logo-caption__line,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .header-logo-caption__line--sub {
    color: rgba(255, 255, 255, 0.9) !important;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.45);
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) .hamburger--duo {
    color: rgba(255, 255, 255, 0.62);
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) .hamburger--duo:hover {
    color: rgba(255, 255, 255, 0.88);
  }

  /* Ciemne popupy menu nad hero */
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport {
    background: #141414 !important;
    border: none !important;
    box-shadow: 0 28px 56px rgba(0, 0, 0, 0.48) !important;
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__intro-lead,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__panel-title,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__grid-item-title,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__tile-title,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__case-tile-title,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__panel-link,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__panel-link--button,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__grid-item--link,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__tile--link,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__works-col-link {
    color: rgba(255, 255, 255, 0.94) !important;
    text-shadow: none;
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__panel-desc,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__grid-item-desc,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__grid-label,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__tile-desc,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__case-tile-desc,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__works-col-label,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__tile-filler-label,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__tile-filler-desc {
    color: rgba(255, 255, 255, 0.56) !important;
    text-shadow: none;
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__panel-link:hover,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__panel-link--button:hover,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__grid-item--link:hover {
    background: rgba(255, 255, 255, 0.08) !important;
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__tile,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__tile--button,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__tile--filler,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__case-tile {
    background: rgba(255, 255, 255, 0.07) !important;
    border: none !important;
    box-shadow: none !important;
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__tile--link:hover,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__case-tile:hover {
    background: rgba(255, 255, 255, 0.11) !important;
    box-shadow: none !important;
    transform: translateY(-1px);
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__tile--featured,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__tiles-grid--works .nav-menu__tile--featured {
    background: rgba(40, 100, 52, 0.55) !important;
    border: none !important;
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__tile--featured:hover,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__tiles-grid--works .nav-menu__tile--featured:hover {
    background: rgba(48, 118, 62, 0.62) !important;
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__tile--featured::after {
    color: rgba(255, 255, 255, 0.88);
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__tile--work {
    background: rgba(40, 100, 52, 0.42) !important;
    border: none !important;
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__tile--work:hover {
    background: rgba(48, 118, 62, 0.52) !important;
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__tile--work .nav-menu__tile-title,
  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__tile--work .nav-menu__tile-desc {
    color: rgba(255, 255, 255, 0.94) !important;
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__tile-filler-stat {
    color: rgba(255, 255, 255, 0.92);
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__panel-item--featured {
    border-top: none !important;
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__panel-cta {
    color: #e8c547 !important;
  }

  .page-ver1 .site-header.header--over-hero:not(.header--light) .nav-menu__viewport .nav-menu__panel-cta:hover {
    background: rgba(232, 197, 71, 0.12) !important;
  }

  /* Gradientowe przyciemnienie tła przy otwartych popupach menu */
  .page-ver1 .nav-menu-scrim {
    top: 0 !important;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.78) 0%,
      rgba(0, 0, 0, 0.62) 18%,
      rgba(0, 0, 0, 0.44) 40%,
      rgba(0, 0, 0, 0.26) 65%,
      rgba(0, 0, 0, 0.1) 88%,
      rgba(0, 0, 0, 0) 100%
    ) !important;
  }

  .page-ver1 .site-header.header--light,
  .page-ver1 .site-header.header--light .header-backdrop {
    background: #ffffff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: none !important;
  }
}

.page-ver1 #hero.hero--ver1 {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: visible;
  min-height: 100vh;
  min-height: 100dvh;
  padding-top: calc(var(--home-chrome-h, 64px) + env(safe-area-inset-top, 0));
  background: transparent !important;
  color: #f6f1ea;
}

/* Header nad wideo — przezroczyste tło, białe napisy (nadpisanie desktop home) */

.page-ver1 .hero-ver1-stage.is-done {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.page-ver1 .hero-ver1-stage__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 42%;
  display: block;
  z-index: 0;
}

/* Mocniejszy gradient od lewej */
.page-ver1 .hero-ver1-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(
      to right,
      rgba(4, 3, 2, 0.92) 0%,
      rgba(5, 4, 3, 0.74) 22%,
      rgba(6, 5, 4, 0.48) 46%,
      rgba(6, 5, 4, 0.2) 68%,
      rgba(6, 5, 4, 0) 100%
    ),
    rgba(8, 7, 6, 0.18);
  pointer-events: none;
}

.page-ver1 .hero-ver1-scrub-track {
  position: relative;
  z-index: 1;
  width: 100%;
  pointer-events: none;
  flex: 0 0 auto;
}

/* Panel: transparent, copy po lewej */
.page-ver1 .hero--profile .hero-panel {
  position: sticky;
  top: 0;
  z-index: 2;
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  max-width: none;
  min-height: calc(100vh - var(--home-chrome-h, 64px) - env(safe-area-inset-top, 0));
  min-height: calc(100dvh - var(--home-chrome-h, 64px) - env(safe-area-inset-top, 0));
  margin-top: 0;
  padding: clamp(1.5rem, 4vh, 3rem) clamp(1.25rem, 5vw, 4rem) clamp(2rem, 6vh, 4rem);
  box-sizing: border-box;
  background: transparent !important;
  color: #f6f1ea !important;
}

.page-ver1 #hero .hero-panel::before {
  display: none;
}

.page-ver1 #hero .hero-panel__body,
.page-ver1 #hero .hero-panel__body--centered,
.page-ver1 #hero .hero--notion .hero-panel__body--centered {
  position: relative;
  z-index: 1;
  max-width: min(42rem, 92vw);
  margin: 0;
  padding: 0;
  text-align: left;
  align-items: flex-start;
  background: transparent !important;
}

.page-ver1 #hero .hero-gdp-stat,
.page-ver1 #hero .hero-gdp-stat--ready,
.page-ver1 #hero .hero-gdp-stat__meter,
.page-ver1 #hero .hero-gdp-odometer,
.page-ver1 #hero .hero-gdp-odometer__prefix,
.page-ver1 #hero .hero-gdp-odometer__suffix,
.page-ver1 #hero .hero-gdp-odometer__col,
.page-ver1 #hero .hero-gdp-odometer__strip {
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

.page-ver1 #hero h1.hero-panel__headline,
.page-ver1 #hero h1.hero-panel__headline--notion,
.page-ver1 #hero .hero-panel__headline-line--lead,
.page-ver1 #hero .hero-panel__headline-line--tail {
  color: #f6f1ea !important;
  font-weight: 400 !important;
}

.page-ver1 #hero .hero-notion-glyphs {
  display: none !important;
}

.page-ver1 #hero .hero-word-pill {
  display: inline-flex;
  align-items: center;
  min-height: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
}

.page-ver1 #hero .hero-word-pill__dot {
  display: none;
}

.page-ver1 #hero .hero-word-pill__text {
  color: #6fcf7d !important;
  font-weight: 500 !important;
}

.page-ver1 #hero .hero-panel__benefits,
.page-ver1 #hero .hero-panel__benefits--flow,
.page-ver1 #hero .hero-panel__lede-muted,
.page-ver1 #hero .hero-panel__inline-skill-label {
  color: rgba(246, 241, 234, 0.92) !important;
}

.page-ver1 #hero .hero-panel__inline-skill-icon {
  color: rgba(246, 241, 234, 0.72);
}

.page-ver1 #hero .hero-panel__benefit-text--flow {
  display: block;
  line-height: 1.45;
  text-wrap: pretty;
}

.page-ver1 #hero .hero-panel__lede-line--skills {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.page-ver1 #hero .hero-panel__lede-line--skills .hero-panel__lede-muted,
.page-ver1 #hero .hero-panel__lede-line--skills .hero-panel__lede-muted--join,
.page-ver1 #hero .hero-panel__lede-line--skills .hero-panel__inline-skill-label {
  display: inline;
  font-weight: inherit;
}

.page-ver1 #hero .hero-panel__inline-skill-icon,
.page-ver1 #hero .hero-panel__lede-line--skills .ui-icon-svg {
  display: inline-block;
  width: 0.88em;
  height: 0.88em;
  margin: 0 0.14em 0 0.1em;
  padding: 0;
  vertical-align: -0.1em;
  flex: none;
  transform: none;
}

.page-ver1 #hero .hero-panel__inline-skill {
  display: inline;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  white-space: normal;
  vertical-align: baseline;
}

.page-ver1 #hero .hero-panel__inline-skill-label {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  white-space: normal;
}

.page-ver1 #hero h1.hero-panel__headline--notion {
  align-items: flex-start;
  text-align: left;
  font-size: clamp(1.72rem, 4.2vw, 2.35rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.035em !important;
  margin-bottom: clamp(0.8rem, 1.6vw, 1rem) !important;
}

.page-ver1 #hero .hero-panel__headline-line--lead {
  display: block;
  margin-bottom: 0.14em;
}

.page-ver1 #hero .hero-panel__headline-line--duo {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.28rem !important;
}

.page-ver1 #hero .hero-panel__headline-line--pill {
  font-size: 1em !important;
}

.page-ver1 #hero .hero-panel__headline-line--lead,
.page-ver1 #hero .hero-panel__headline-line--tail,
.page-ver1 #hero .hero-panel__headline-line--duo {
  text-align: left;
  justify-content: flex-start;
}

.page-ver1 #hero .hero-panel__headline-line--duo {
  flex-wrap: nowrap;
}

.page-ver1 #hero .hero-gdp-stat {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 0 0.75rem;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  font-size: clamp(0.6875rem, 1.1vw, 0.75rem);
  line-height: 1.45;
  letter-spacing: -0.01em;
}

.page-ver1 #hero .hero-gdp-stat__label {
  color: rgba(255, 255, 255, 0.62) !important;
}

.page-ver1 #hero .hero-gdp-stat__suffix,
.page-ver1 #hero .hero-gdp-stat__meter {
  color: rgba(255, 255, 255, 0.88) !important;
  font-weight: 600;
}

.page-ver1 #hero .hero-panel__benefits,
.page-ver1 #hero .hero-panel__benefits--flow,
.page-ver1 #hero .hero-panel__benefits--checks,
.page-ver1 #hero .hero--notion .hero-panel__body .hero-panel__benefits,
.page-ver1 #hero .hero--notion .hero-panel__body .hero-panel__benefits--flow,
.page-ver1 #hero .hero--notion .hero-panel__body .hero-panel__benefits--checks {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0.15rem 0 1.15rem !important;
  margin-inline: 0 !important;
  padding: 0 !important;
  align-self: flex-start !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

.page-ver1 #hero .hero-panel__benefits--checks {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  align-self: flex-start !important;
  gap: 0.45rem;
  margin-bottom: 1rem !important;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  width: 100%;
}

.page-ver1 #hero .hero-panel__benefit-check {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  margin-top: 0.12em;
  border-radius: 0;
  background: transparent;
  color: #22c55e;
}

.page-ver1 #hero .hero-panel__benefit-check-icon {
  display: block;
  width: 0.9rem;
  height: 0.9rem;
}

.page-ver1 #hero .hero-panel__benefit-item {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  align-self: stretch !important;
}

.page-ver1 #hero .hero-panel__benefit-text {
  min-width: 0;
  font-size: clamp(0.8125rem, 1.2vw, 0.875rem);
  line-height: 1.45;
}

.page-ver1 #hero .hero-panel__benefit-text--flow {
  display: block;
  text-align: left;
  text-wrap: pretty;
}

.page-ver1 #hero .hero-panel__benefit-text--flow .hero-panel__inline-skill {
  display: inline;
  margin: 0;
  vertical-align: baseline;
}

.page-ver1 #hero .hero-panel__benefits--flow .hero-panel__lede-line--skills,
.page-ver1 #hero .hero-panel__benefits--checks .hero-panel__lede-line--skills {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.page-ver1 #hero .hero-panel__actions {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 0.55rem;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: min(28rem, 100%);
}

.page-ver1 #hero .hero-panel__cta.hero-panel__cta--book {
  grid-column: 1;
  justify-content: space-between;
  width: 100%;
  min-height: 3rem;
  gap: 0.75rem;
  margin-top: 0;
  padding: 0.82rem 0.95rem 0.82rem 1.05rem;
  border-radius: 999px;
  background: #ffffff;
  color: #1a2433;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18);
}

.page-ver1 #hero .hero-panel__cta.hero-panel__cta--book:hover {
  background: #f4f4f4;
}

.page-ver1 #hero .hero-panel__cta--book .hero-panel__cta-label {
  color: #1a2433;
  font-size: clamp(0.875rem, 1.1vw, 0.9375rem);
  font-weight: 600;
  letter-spacing: -0.02em;
}

.page-ver1 #hero .hero-panel__cta-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.65rem;
  height: 1.65rem;
  margin-left: 0;
  border-radius: 999px;
  background: #1a2433;
  color: #ffffff;
}

.page-ver1 #hero .hero-panel__cta--book:hover .hero-panel__cta-arrow {
  color: #ffffff;
  transform: none;
}

.page-ver1 #hero .hero-panel__cta--ghost {
  grid-column: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 3rem;
  margin: 0;
  padding: 0.82rem 0.85rem;
  border-radius: 999px;
  border: none;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.92);
  font-family: var(--home-font-body, var(--font-sans));
  font-size: clamp(0.875rem, 1.1vw, 0.9375rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.2s ease;
}

.page-ver1 #hero .hero-panel__cta--ghost:hover,
.page-ver1 #hero .hero-panel__cta--ghost:active {
  background: rgba(255, 255, 255, 0.16);
}

.page-ver1 .hero-sticky-bar,
.page-ver1 #hero-sticky-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}

.page-ver1:has(.hero-ver1-stage:not(.is-done)) #hero-sticky-bar {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.page-ver1 .header-booking-cta,
.page-ver1 .home-font-switcher,
.page-ver1 .nav-mobile-hero-tone {
  display: none !important;
}

.page-ver1 .home-showcase-card__soon {
  display: inline-block;
  margin-left: 0.32em;
  font-size: 0.62em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: lowercase;
  color: rgba(26, 26, 26, 0.52);
  vertical-align: super;
}

.page-ver1 .home-showcase-card--solid-green .home-showcase-card__soon {
  color: rgba(26, 26, 26, 0.48);
}

/* Zielone kafelki — bardziej nasycony odcień (bez zmiany gradientu scroll sekcji metody) */
.page-ver1 {
  --ver1-green-tile: #b0dfc0;
  --ver1-green-tile-gradient: linear-gradient(162deg, #c4ebd0 0%, #a0d8b4 100%);
  --statement-hero-green-soft: #b0dfc0;
  --statement-hero-green-mid: #b0dfc0;
}

.page-ver1 .home-scroll-statement {
  --statement-hero-green-soft: var(--ver1-green-tile);
  --statement-hero-green-mid: var(--ver1-green-tile);
}

.page-ver1 .home-scroll-statement__tile:has(.home-scroll-statement__tile-body [data-statement-unit].is-lit),
.page-ver1 .home-scroll-statement__tile.is-tile-formed {
  background: var(--ver1-green-tile) !important;
}

@media (min-width: 992px) {
  .page-ver1 .home-scroll-statement__tile:not(:has(.home-scroll-statement__tile-body [data-statement-unit].is-lit)):not(.is-tile-formed) {
    background: #f3f3f2 !important;
    opacity: 0.72;
  }

  .page-ver1 .home-scroll-statement__tile:not(.is-tile-formed) {
    opacity: calc(0.72 + var(--tile-scroll-progress, 0) * 0.28);
  }
}

/* Pasek postępu — inset pill z zielonym gradientem */
.page-ver1 .home-scroll-statement__tile-progress {
  display: block;
  left: clamp(0.8rem, 3.2vw, 1.1rem);
  right: clamp(0.8rem, 3.2vw, 1.1rem);
  bottom: clamp(0.65rem, 2.4vw, 0.95rem);
  width: auto;
  height: 3px;
  border-radius: 999px;
  --tile-progress-track: rgba(26, 26, 26, 0.07);
  --tile-progress-fill: linear-gradient(90deg, #9ed4ae 0%, #6ab884 55%, #4a9e6a 100%);
  background: var(--tile-progress-track);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.04);
  opacity: 0.45;
  overflow: visible;
  transition: opacity 0.38s cubic-bezier(0.33, 1, 0.68, 1);
}

.page-ver1 .home-scroll-statement__tile:has(.home-scroll-statement__tile-body [data-statement-unit].is-lit) .home-scroll-statement__tile-progress,
.page-ver1 .home-scroll-statement__tile.is-tile-formed .home-scroll-statement__tile-progress {
  opacity: 1;
  --tile-progress-track: rgba(26, 26, 26, 0.1);
}

.page-ver1 .home-scroll-statement__tile-progress-fill {
  position: relative;
  border-radius: inherit;
  background: var(--tile-progress-fill);
  box-shadow: 0 0 8px rgba(74, 158, 106, 0.28);
  transition: transform 0.12s linear, box-shadow 0.35s ease;
}

.page-ver1 .home-scroll-statement__tile.is-tile-formed .home-scroll-statement__tile-progress-fill {
  background: linear-gradient(90deg, #8ecf9f 0%, #5aad72 100%);
  box-shadow: 0 0 6px rgba(74, 158, 106, 0.18);
}

@media (min-width: 992px) {
  .page-ver1 .home-scroll-statement__tile-progress {
    left: clamp(1.35rem, 2.8vw, 2rem);
    right: clamp(1.35rem, 2.8vw, 2rem);
    bottom: clamp(1rem, 2.2vw, 1.45rem);
    height: 4px;
  }
}

/* Poznaj mnie — mobile: zdjęcie nad tytułem; desktop: wysokie zdjęcie + social pod akordeonami */
@media (max-width: 767px) {
  .page-ver1 #profil-accordion.home-accordion--compact {
    padding-top: clamp(1.35rem, 4vw, 1.75rem);
  }

  .page-ver1 #profil-accordion .home-accordion__header {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    margin: 0 0 0.85rem;
    padding: 0;
    background: transparent;
  }

  .page-ver1 #profil-accordion .home-accordion__header-portrait {
    display: block;
    flex: 0 0 auto;
    width: 100%;
    height: calc(clamp(13rem, 56vw, 17.5rem) + 100px);
    margin: 0 0 0.85rem;
    border-radius: 0.95rem;
    overflow: hidden;
    box-shadow: none;
    background: #ececec;
  }

  .page-ver1 #profil-accordion .home-accordion__header-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 18%;
  }

  .page-ver1 #profil-accordion .home-accordion__header-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0.15rem;
    text-align: left;
  }

  .page-ver1 #profil-accordion .home-accordion__media {
    display: none;
  }

  .page-ver1 #profil-accordion .profile-social--accordion-foot {
    justify-content: flex-start;
    align-self: flex-start;
    width: 100%;
    margin-top: 0.85rem;
    padding: 0 0.15rem;
  }

  .page-ver1 #profil-accordion .home-accordion__stack {
    gap: 0.72rem;
  }

  .page-ver1 #profil-accordion .home-accordion__item--compact .home-accordion__trigger {
    min-height: clamp(4.65rem, 19vw, 5.75rem);
    padding: clamp(0.95rem, 3.6vw, 1.15rem) clamp(0.9rem, 3.4vw, 1.05rem);
  }

  .page-ver1 #profil-accordion .home-accordion__trigger-main {
    justify-content: flex-start;
    align-items: center;
    gap: 0.75rem;
  }

  .page-ver1 #profil-accordion .home-accordion__toggle {
    margin-left: auto;
    align-self: center;
  }
}

@media (min-width: 768px) {
  .page-ver1 #profil-accordion .home-accordion__shell {
    display: grid;
    grid-template-columns: minmax(14rem, 40%) minmax(0, 1fr);
    gap: clamp(1.35rem, 2.5vw, 2rem);
    align-items: stretch;
  }

  .page-ver1 #profil-accordion .home-accordion__header {
    grid-column: 1 / -1;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
    margin: 0 0 clamp(1rem, 2vw, 1.35rem);
    padding: 0;
  }

  .page-ver1 #profil-accordion .home-accordion__header-portrait {
    display: none;
  }

  .page-ver1 #profil-accordion .home-accordion__layout {
    display: contents;
  }

  .page-ver1 #profil-accordion .home-accordion__media {
    display: flex;
    flex-direction: column;
    min-height: 0;
    position: static;
    top: auto;
  }

  .page-ver1 #profil-accordion .home-accordion__media-frame {
    flex: 1 1 auto;
    min-height: clamp(22rem, 52vh, 34rem);
    height: 100%;
    border-radius: 1.15rem;
    overflow: hidden;
    background: #ececec;
  }

  .page-ver1 #profil-accordion .home-accordion__media-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 16%;
  }

  .page-ver1 #profil-accordion .home-accordion__main {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    max-width: none;
  }

  .page-ver1 #profil-accordion .home-accordion__stack {
    flex: 1 1 auto;
    gap: 0.75rem;
  }

  .page-ver1 #profil-accordion .home-accordion__item--compact .home-accordion__trigger {
    align-items: center;
    min-height: 4.5rem;
    padding: 1rem 1.35rem;
  }

  .page-ver1 #profil-accordion .home-accordion__trigger-main {
    align-items: flex-start;
    align-self: center;
    gap: 0.9rem;
  }

  .page-ver1 #profil-accordion .home-accordion__icon {
    align-self: flex-start;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    margin-top: calc((1.15rem * 1.15 - 2.5rem) / 2);
  }

  .page-ver1 #profil-accordion .home-accordion__icon svg {
    width: 1.15rem;
    height: 1.15rem;
  }

  .page-ver1 #profil-accordion .home-accordion__trigger-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.1rem;
    padding-top: 0;
  }

  .page-ver1 #profil-accordion .home-accordion__title {
    line-height: 1.15;
    margin: 0;
  }

  .page-ver1 #profil-accordion .home-accordion__trigger-desc {
    line-height: 1.3;
    margin: 0;
  }

  .page-ver1 #profil-accordion .home-accordion__toggle {
    align-self: center;
  }

  .page-ver1 #profil-accordion .profile-social--accordion-foot {
    flex: 0 0 auto;
    justify-content: flex-start;
    align-self: flex-start;
    width: 100%;
    margin-top: auto;
    padding-top: clamp(0.85rem, 1.6vw, 1.15rem);
  }
}

.page-ver1 .home-process-offer__category--green .home-process-offer__tile,
.page-ver1 .home-process-offer__category--green .home-process-offer__tile:hover,
.page-ver1 .home-process-offer__category--green .home-process-offer__tile:focus-visible,
.page-ver1 .home-process-offer__category--green .home-process-offer__grid--numbered > .home-process-offer__tile:not(:first-child),
.page-ver1 .home-process-offer__category--green .home-process-offer__grid--numbered > .home-process-offer__tile:not(:first-child):hover,
.page-ver1 .home-process-offer__category--green .home-process-offer__grid--numbered > .home-process-offer__tile:not(:first-child):focus-visible {
  background: var(--ver1-green-tile) !important;
}

.page-ver1 .home-showcase-card__gradient--solid-green,
.page-ver1 .home-showcase-card--solid-green .home-showcase-card__gradient {
  background: #eeeeee !important;
}

.page-ver1 .home-showcase-card--solid-green .home-showcase-card__media {
  background: #eeeeee !important;
}

.page-ver1 .home-showcase-card__gradient[style*="#eef9e8"],
.page-ver1 .home-showcase-card__gradient[style*="#dff5d0"],
.page-ver1 .home-showcase-card__gradient[style*="#e8f6e0"],
.page-ver1 .home-showcase-card__gradient[style*="#d4f0c8"],
.page-ver1 .home-showcase-card__gradient[style*="#c8e8b8"],
.page-ver1 .home-showcase-card__gradient[style*="#daf2d0"],
.page-ver1 .home-showcase-card__gradient[style*="#bddfa8"],
.page-ver1 .home-showcase-card__gradient[style*="#e5f7dc"],
.page-ver1 .home-showcase-card__gradient[style*="#d0ecc0"],
.page-ver1 .home-showcase-card__gradient[style*="#d6f0cc"],
.page-ver1 .home-showcase-card__gradient[style*="#b8e0a8"],
.page-ver1 .home-showcase-card__gradient[style*="#eaf8e4"],
.page-ver1 .home-showcase-card__gradient[style*="#d8f0cc"],
.page-ver1 .home-showcase-card__gradient[style*="#d2edc8"],
.page-ver1 .home-showcase-card__gradient[style*="#b0daa0"],
.page-ver1 .home-showcase-card__gradient[style*="#e0f5d8"],
.page-ver1 .home-showcase-card__gradient[style*="#cce8bc"],
.page-ver1 .home-showcase-card__gradient[style*="#d8f2ce"],
.page-ver1 .home-showcase-card__gradient[style*="#c0e4b4"],
.page-ver1 .home-showcase-card__gradient[style*="#ecf8f3"],
.page-ver1 .home-showcase-card__gradient[style*="#8ecbb8"] {
  background: var(--ver1-green-tile-gradient) !important;
}

.page-ver1 .hero--profile .hero-panel {
  transition: opacity 0.12s linear;
}

.page-ver1 .hero--profile .hero-panel.is-faded {
  pointer-events: none !important;
  visibility: hidden;
}

/* Treść main — białe tło; szary tylko pod kafelkami z logotypami */
.page-ver1 main > section,
.page-ver1 main > div[id^="home-"] {
  position: relative;
  z-index: 2;
  background: #ffffff;
}

.page-ver1 .home-trust-panel.home-trust-panel--logos {
  background: #ffffff !important;
}

.page-ver1 .home-trust-panel__inner {
  background: #ececec !important;
}

.page-ver1 .home-scroll-statement,
.page-ver1 .home-compare,
.page-ver1 .home-process-offer-scroll,
.page-ver1 .home-showcase-slider__inner,
.page-ver1 .bubble-cloud {
  background: #ffffff !important;
}

/* Single column: no desktop split grid */
@media (min-width: 1024px) {
  .page-ver1 .home-desktop-split {
    display: block;
  }

  .page-ver1 main > section,
  .page-ver1 main > div {
    max-width: 100%;
  }

  .page-ver1 #hero .hero-panel__headline-line--lead,
  .page-ver1 #hero .hero-panel__headline-line--tail {
    white-space: normal;
  }

  /* Hero copy: fixed, wyśrodkowany w pionie, w lewej kolumnie jak na stronie głównej */
  .page-ver1 #hero.hero--ver1 {
    padding-top: 0;
  }

  .page-ver1 .hero--profile .hero-panel {
    position: fixed;
    top: calc(var(--home-chrome-h) + env(safe-area-inset-top, 0));
    bottom: 0;
    left: 0;
    z-index: 3;
    width: calc(clamp(22rem, 36vw, 44rem) + 120px);
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0 var(--home-chrome-pad-x) 2rem;
    box-sizing: border-box;
    transform: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    overflow: visible;
    pointer-events: none;
  }

  .page-ver1 .hero--profile .hero-panel > * {
    pointer-events: auto;
  }

  .page-ver1 #hero .hero-panel__body {
    max-width: none;
    width: 100%;
  }
}

@media (max-width: 860px) {
  .page-ver1 .hero-ver1-stage::after {
    background:
      linear-gradient(
        to right,
        rgba(4, 3, 2, 0.736) 0%,
        rgba(5, 4, 3, 0.592) 22%,
        rgba(6, 5, 4, 0.384) 46%,
        rgba(6, 5, 4, 0.16) 68%,
        rgba(6, 5, 4, 0) 100%
      ),
      rgba(8, 7, 6, 0.144);
  }

  .page-ver1 .hero-ver1-stage__video {
    object-position: center 44%;
  }

  .page-ver1 #hero.hero--ver1 {
    padding-top: 0;
  }

  .page-ver1 #hero.hero--notion {
    text-align: left !important;
  }

  .page-ver1 .hero--profile .hero-panel {
    position: fixed !important;
    top: auto !important;
    right: 0;
    bottom: calc(1rem + env(safe-area-inset-bottom, 0));
    left: 0;
    z-index: 3;
    width: 100%;
    max-width: none;
    min-height: 0 !important;
    height: auto;
    margin: 0;
    padding: 0 clamp(1.25rem, 5vw, 1.5rem) 0;
    box-sizing: border-box;
    display: block;
    overflow: visible;
    pointer-events: none;
    transform: none;
  }

  .page-ver1 .hero--profile .hero-panel > * {
    pointer-events: auto;
  }

  .page-ver1 #hero .hero-panel__body--centered,
  .page-ver1 #hero .hero--notion .hero-panel__body--centered,
  .page-ver1 .hero--profile .hero-panel__body {
    align-items: flex-start !important;
    align-self: flex-start !important;
    text-align: left !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    max-width: none;
    flex: 0 0 auto;
  }

  .page-ver1 #hero h1.hero-panel__headline.hero-panel__headline--notion,
  .page-ver1 #hero .hero--notion .hero-panel__headline--notion,
  .page-ver1 #hero .hero--notion .hero-panel__headline-line--lead,
  .page-ver1 #hero .hero--notion .hero-panel__headline-line--tail,
  .page-ver1 #hero .hero--notion .hero-panel__headline--notion .hero-panel__headline-line--duo {
    align-items: flex-start !important;
    text-align: left !important;
    font-weight: 400 !important;
  }

  .page-ver1 #hero .hero-panel__benefits,
  .page-ver1 #hero .hero-panel__benefits--checks,
  .page-ver1 #hero .hero--notion .hero-panel__body .hero-panel__benefits,
  .page-ver1 #hero .hero--notion .hero-panel__body .hero-panel__benefits--checks {
    align-items: flex-start !important;
    align-self: flex-start !important;
    text-align: left !important;
    margin-inline: 0 !important;
    justify-content: flex-start !important;
  }

  .page-ver1 #hero .hero-panel__benefit-item {
    align-items: flex-start;
    text-align: left;
    width: 100%;
  }

  .page-ver1 #hero .hero-panel__benefit-text,
  .page-ver1 #hero .hero-panel__benefit-text--flow {
    display: block;
    text-align: left;
    text-wrap: pretty;
  }

  .page-ver1 #hero .hero-panel__benefits--checks .hero-panel__lede-line--skills {
    display: inline !important;
    width: auto !important;
    max-width: none !important;
    margin-top: 0 !important;
    text-align: left !important;
  }

  .page-ver1 #hero .hero-panel__inline-skill {
    display: inline;
    margin: 0;
  }

  .page-ver1 #hero .hero-panel__actions,
  .page-ver1 #hero .hero--notion .hero-panel__actions,
  .page-ver1 #hero .hero--profile .hero-panel__actions {
    justify-content: flex-start !important;
    align-items: stretch !important;
    width: 100%;
  }
}

/* Mobile hero — gradient i pozycjonowanie panelu */
@media (max-width: 860px) {
  .page-ver1 .hero-ver1-stage::after {
    background:
      linear-gradient(
        to top,
        rgba(4, 3, 2, 0.94) 0%,
        rgba(5, 4, 3, 0.82) 28%,
        rgba(6, 5, 4, 0.42) 58%,
        rgba(6, 5, 4, 0.08) 82%,
        rgba(6, 5, 4, 0) 100%
      );
  }

  .page-ver1 .hero-ver1-stage__video {
    object-position: center 38%;
  }

  .page-ver1 .hero--profile .hero-panel {
    bottom: calc(0.85rem + env(safe-area-inset-bottom, 0));
    padding: 0 clamp(0.85rem, 4vw, 1.1rem);
  }

  .page-ver1 #hero .hero-panel__body,
  .page-ver1 #hero .hero-panel__body--centered,
  .page-ver1 #hero .hero--notion .hero-panel__body--centered {
    width: 100%;
    max-width: none;
  }

  .page-ver1 #hero h1.hero-panel__headline.hero-panel__headline--notion {
    font-size: clamp(1.72rem, 7.8vw, 2.2rem) !important;
    margin-bottom: 0.9rem !important;
  }

  .page-ver1 #hero .hero-panel__actions {
    max-width: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-ver1 .hero-ver1-stage {
    transition: none;
  }
}