body.tpk-sat-landing {
  --tpk-landing-max: 73.75rem;
  --tpk-landing-form: 57.5rem;
  --tpk-landing-gap: clamp(1.25rem, 3vw, 2.25rem);
}

body.tpk-sat-landing :is(.trg-page-hero, .jr-page-heading, .ke-page-hero):has(.tpk-landing-actions) {
  position: relative;
  isolation: isolate;
  padding: clamp(1.8rem, 3.5vw, 3.15rem) clamp(1.25rem, 4vw, 3rem) !important;
  background: var(--tpk-brand-dark);
  background: radial-gradient(ellipse at 84% 0%, color-mix(in srgb, var(--tpk-accent) 18%, transparent), transparent 60%), var(--tpk-brand-dark);
  color: #fff;
  text-align: center;
}

body.tpk-sat-landing :is(.trg-page-hero, .ke-page-hero):has(.tpk-landing-actions) {
  width: min(var(--tpk-landing-max), calc(100% - 2.5rem)) !important;
  max-width: var(--tpk-landing-max) !important;
  margin: clamp(.6rem, 2vw, 1.5rem) auto 0 !important;
  border-radius: var(--tpk-panel-radius);
  box-shadow: var(--tpk-panel-shadow);
}

body.tpk-sat-landing :is(.trg-page-hero, .ke-page-hero):has(.tpk-landing-actions)::before,
body.tpk-sat-landing .jr-page-heading:has(.tpk-landing-actions) .jr-template-kicker {
  color: var(--tpk-accent) !important;
}

body.tpk-sat-landing .ke-page-hero:has(.tpk-landing-actions)::after {
  z-index: -1;
  pointer-events: none;
}

body.tpk-sat-landing .jr-page-heading:has(.tpk-landing-actions)::after {
  display: none;
}

body.tpk-sat-landing :is(.trg-page-hero, .jr-page-heading, .ke-page-hero):has(.tpk-landing-actions) .wp-block-post-title {
  max-width: min(100%, 48rem) !important;
  margin: 0 auto !important;
  color: #fff !important;
  font-size: clamp(1.9rem, 4.2vw, 3.45rem) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -.04em !important;
  text-wrap: balance;
}

body.tpk-sat-landing .tpk-landing-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .65rem 1.1rem;
  max-width: 48rem;
  margin: 1.15rem auto 0 !important;
}

body.tpk-sat-landing .tpk-landing-actions > p {
  max-width: 32ch;
  margin: 0 !important;
  color: #fff;
  font-size: .88rem;
  line-height: 1.5;
  text-align: start;
}

body.tpk-sat-landing :is(.trg-page-content, .ke-page-content) {
  margin-block-start: var(--tpk-landing-gap) !important;
  border-radius: var(--tpk-panel-radius);
}

body.tpk-sat-landing .jr-page-content {
  padding-block-start: var(--tpk-landing-gap);
}

body.tpk-sat-landing :is(.trg-page-content, .ke-page-content, .tk-page-shell) .wp-block-post-content > p:first-child {
  max-width: 66ch;
  margin-inline: auto;
  color: var(--tpk-muted);
  font-size: clamp(1rem, 1.5vw, 1.13rem);
  line-height: 1.65;
  text-wrap: pretty;
}

body.tpk-sat-landing :is(.trg-form-trust, .ke-form-trust) {
  border-color: var(--tpk-line);
  border-radius: .8rem;
}

body.tpk-sat-landing .tk-page-shell > .wp-block-post-title {
  color: var(--tpk-brand-dark);
}

body.tpk-sat-landing .med-page-hm.med-service-page > .alignfull > div:has(h1),
body.tpk-sat-landing .med-page-pr.med-service-page > .wp-block-group.alignfull:has(h1),
body.tpk-sat-landing .med-page-pd.med-service-page .zlp-hero {
  padding-block: clamp(2.35rem, 4.5vw, 4rem) !important;
  border-block-end: 1px solid var(--tpk-line);
  background: linear-gradient(125deg, var(--tpk-tint), #fff 72%) !important;
}

body.tpk-sat-landing :is(.med-page-hm > .alignfull > div:has(h1) > div:has(h1), .med-page-pr > .alignfull:has(h1) .wp-block-columns, .med-page-pd .zlp-hero .zlp-grid) {
  gap: clamp(1.4rem, 4vw, 3.5rem) !important;
}

body.tpk-sat-landing :is(.med-page-hm > .alignfull > div:has(h1) > div:has(h1), .med-page-pr > .alignfull:has(h1) .wp-block-columns, .med-page-pd .zlp-hero .zlp-grid) > * {
  min-width: 0;
}

body.tpk-sat-landing .med-page-hm.med-service-page > .alignfull > div:has(h1) h1,
body.tpk-sat-landing .med-page-pr.med-service-page > .alignfull:has(h1) h1,
body.tpk-sat-landing .med-page-pd.med-service-page .zlp-hero h1 {
  color: var(--tpk-brand-dark) !important;
  text-wrap: balance;
}

body.tpk-sat-landing :is(a.tpk-landing-cta, .tk-page-shell .wp-block-buttons a[href="#formularz-konsultacja"], .med-service-page a[href$="#formularz"]:is(.wp-block-button__link,.zlp-btn), .med-page-hm > .alignfull > div:has(h1) a[href$="#formularz"]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 3rem;
  padding: .75rem 1.15rem !important;
  border: 1px solid transparent !important;
  border-radius: .75rem !important;
  font-size: .99rem;
  font-weight: 750;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  white-space: normal;
}

body.tpk-sat-landing :is(.tk-page-shell .wp-block-buttons a[href="#formularz-konsultacja"], .med-service-page a[href$="#formularz"]:is(.wp-block-button__link,.zlp-btn), .med-page-hm > .alignfull > div:has(h1) a[href$="#formularz"]) {
  background: var(--tpk-brand-dark) !important;
  color: #fff !important;
}

body.tpk-sat-landing a.tpk-landing-cta {
  background: var(--tpk-accent) !important;
  color: var(--tpk-brand-dark) !important;
}

body.tpk-sat-landing :is(a.tpk-landing-cta, .tk-page-shell .wp-block-buttons a[href="#formularz-konsultacja"], .med-service-page a[href$="#formularz"]:is(.wp-block-button__link,.zlp-btn), .med-page-hm > .alignfull > div:has(h1) a[href$="#formularz"]):hover {
  text-decoration: underline;
  text-underline-offset: .2em;
}

body.tpk-sat-landing :is(a.tpk-landing-cta, .tk-page-shell .wp-block-buttons a[href="#formularz-konsultacja"], .med-service-page a[href$="#formularz"]:is(.wp-block-button__link,.zlp-btn), .med-page-hm > .alignfull > div:has(h1) a[href$="#formularz"]):focus-visible {
  outline: 3px solid var(--tpk-brand);
  outline-offset: 3px;
}

body.tpk-sat-landing a.tpk-landing-cta:focus-visible {
  outline-color: var(--tpk-accent);
}

body.tpk-sat-landing :is(#tpk-native-form, #formularz, #formularz-konsultacji, #formularz-konsultacja) {
  scroll-margin-block-start: clamp(4rem, 10vh, 7rem);
}

body.tpk-sat-landing .kenf[data-kenf] {
  border-color: var(--tpk-line);
  box-shadow: var(--tpk-panel-shadow);
}

body.tpk-sat-landing .kenf[data-kenf] .kenf__header {
  border-block-end: 1px solid var(--tpk-line);
  background: linear-gradient(115deg, var(--tpk-tint), var(--tpk-canvas));
}

body.tpk-sat-landing .kenf[data-kenf] .kenf__choice:has(input:checked) {
  box-shadow: 0 0 0 1px var(--tpk-brand);
}

body.tpk-sat-landing .tpk-landing-journey {
  box-sizing: border-box;
  width: min(100%, var(--tpk-landing-form));
  max-width: 100% !important;
  margin: var(--tpk-landing-gap) auto !important;
  padding: clamp(1rem, 3vw, 1.75rem);
  border: 1px solid var(--tpk-line);
  border-radius: var(--tpk-panel-radius);
  background: var(--tpk-tint);
  color: var(--tpk-ink);
}

body.tpk-sat-landing .tpk-landing-journey > h2 {
  max-width: none !important;
  margin: 0 0 .95rem !important;
  color: var(--tpk-brand-dark);
  font-size: clamp(1.25rem, 2.3vw, 1.65rem);
  line-height: 1.2;
  letter-spacing: -.02em;
}

body.tpk-sat-landing ol.tpk-landing-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

body.tpk-sat-landing ol.tpk-landing-steps > li {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  min-width: 0;
  margin: 0 !important;
  padding: .95rem;
  border: 1px solid var(--tpk-line);
  border-radius: .8rem;
  background: #fff;
}

body.tpk-sat-landing .tpk-landing-index {
  display: grid;
  flex: 0 0 1.9rem;
  height: 1.9rem;
  place-items: center;
  border-radius: .5rem;
  background: var(--tpk-brand-dark);
  color: #fff;
  font-size: .83rem;
  font-weight: 750;
  line-height: 1;
}

body.tpk-sat-landing ol.tpk-landing-steps > li > div {
  min-width: 0;
}

body.tpk-sat-landing ol.tpk-landing-steps strong {
  display: block;
  color: var(--tpk-brand-dark);
  font-size: .98rem;
  line-height: 1.35;
}

body.tpk-sat-landing ol.tpk-landing-steps p {
  max-width: none !important;
  margin: .26rem 0 0 !important;
  color: var(--tpk-muted);
  font-size: .88rem;
  line-height: 1.55;
}
