/* Page 15 "minimal light" (sections 350-362): ONE design language with the carlids family (340-347): 26px rounded cards, thin brand stroke that fades toward the bottom, two-digit figures or labels straddling the top edge with the stroke cut behind them, soft shadow, bare glyph markers below or at the start of text, pill arrow-circle button, soft brand glow in the middle of each section. Every colour is a ZIKIT token var(--zk-x, minimal-light blue fallback). Sections 350, 351, 352, 355, 356, 361 reuse the c-cd* classes of zz-carlids.css. */
.c-mlp, .c-mlf, .c-mln, .c-mlq, .c-mlb, .c-mlx { direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; color: var(--zk-text, #14202f); background: var(--zk-page, #fff); }
.c-mlp :where(h2, h3, p, ul, ol, li), .c-mlf :where(h2, h3, p, ul, ol, li, form), .c-mln :where(h2, h3, p, ul, ol, li), .c-mlq :where(h2, h3, p, ul, ol, li), .c-mlb :where(h2, h3, p, ul, ol, li), .c-mlx :where(p) { margin: 0; padding: 0; list-style: none; }
.c-mlp .n, .c-mlb .n, .c-mlq .n { font-family: "Poppins", sans-serif; font-weight: 900; }
.c-mlp__sec, .c-mlf__sec, .c-mln__sec, .c-mlq__sec, .c-mlb__sec { box-sizing: border-box; padding: 56px 20px 64px; background: var(--zk-bg, #fff); }
.c-mlp__sec { background: radial-gradient(ellipse 46% 30% at 90% 45%, color-mix(in srgb, var(--zk-brand, #2563eb) 10%, transparent), transparent 70%), var(--zk-page, #fff); }
.c-mlf__sec { background: radial-gradient(ellipse 46% 40% at 10% 50%, color-mix(in srgb, var(--zk-brand, #2563eb) 10%, transparent), transparent 70%), var(--zk-page, #fff); }
.c-mln__sec { background: radial-gradient(ellipse 46% 30% at 90% 45%, color-mix(in srgb, var(--zk-brand, #2563eb) 10%, transparent), transparent 70%), var(--zk-page, #fff); }
.c-mlq__sec { background: radial-gradient(ellipse 46% 34% at 10% 45%, color-mix(in srgb, var(--zk-brand, #2563eb) 10%, transparent), transparent 70%), var(--zk-page, #fff); }
.c-mlb__sec { background: radial-gradient(ellipse 46% 40% at 90% 50%, color-mix(in srgb, var(--zk-brand, #2563eb) 10%, transparent), transparent 70%), var(--zk-page, #fff); }
.c-mlc__sec { background: radial-gradient(ellipse 46% 40% at 50% 62%, color-mix(in srgb, var(--zk-brand, #2563eb) 10%, transparent), transparent 70%), var(--zk-page, #fff); }
.c-mlp__h, .c-mlf__h, .c-mln__h, .c-mlq__h { font-size: clamp(28px, 7.4vw, 36px); font-weight: 900; line-height: 1.18; text-align: center; text-wrap: balance; color: var(--zk-text, #14202f); }
.c-mlp__thin, .c-mlq__thin { font-weight: 700; }
.c-mlp__bold { font-weight: 900; }
.c-mlq__key { font-weight: 900; color: var(--zk-accent, #2563eb); }
.c-mlf__acc, .c-mln__acc, .c-mlb__acc { color: var(--zk-accent, #2563eb); background: linear-gradient(180deg, transparent 62%, var(--zk-mark, rgba(37, 99, 235, .2)) 62% 92%, transparent 92%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }

/* pill button with the white arrow circle flush left, label centred in the coloured area (rule 34e) */
.c-mlf__btn { position: relative; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 64px; padding: 8px 44px 8px 100px; border-radius: 999px; background: linear-gradient(135deg, var(--zk-btn-a, #3b6cf0) 0%, var(--zk-btn-b, #1d3fa8) 100%); color: var(--zk-on-btn, #fff); font-size: clamp(18px, 4.6vw, 22px); font-weight: 800; line-height: 1.25; text-align: center; text-decoration: none; box-shadow: 0 10px 28px var(--zk-glow, rgba(29, 63, 168, .32)), inset 0 1px 0 rgba(255, 255, 255, .24); transition: transform .2s; }
.c-mlf__btn:hover { transform: translateY(-2px); }
.c-mlf__btn:focus-visible { outline: 3px solid var(--zk-focus, #14202f); outline-offset: 4px; }
.c-mlf__arr { position: absolute; left: 8px; top: 50%; width: 48px; height: 48px; transform: translateY(-50%); border-radius: 50%; background: #fff; }
.c-mlf__arr::after { content: ""; position: absolute; inset: 13px; background: var(--zk-btn-b, #1d3fa8); -webkit-mask: url(../assets/icons/ph-arrow-left-bold.svg) center / contain no-repeat; mask: url(../assets/icons/ph-arrow-left-bold.svg) center / contain no-repeat; }
.c-mlf__center { margin-top: 48px; text-align: center; }
.c-mlf__center--faq { margin-top: 56px; }

/* 353 proof 1: the card of 342 with a result figure on the top edge */
.c-mlp__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 56px 20px; width: min(1160px, 100%); margin: 64px auto 0; --gap: 56px; }
.c-mlp__card, .c-mln__card { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 58px 24px 34px; border-radius: 26px; background: var(--zk-card, #fff); box-shadow: var(--zk-shadow, 0 8px 24px rgba(37, 99, 235, .12), 0 1px 3px rgba(37, 99, 235, .10)); }
.c-mlp__card::before, .c-mln__card::before { content: ""; position: absolute; inset: 0; padding: 1.5px; border-radius: inherit; pointer-events: none;
  background: linear-gradient(180deg, var(--zk-line-a, rgba(37, 99, 235, .95)) 0%, color-mix(in srgb, var(--zk-line-a, rgba(37, 99, 235, .95)) 55%, transparent) 38%, transparent 88%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude;
  clip-path: polygon(0 0, calc(50% - var(--gap)) 0, calc(50% - var(--gap)) 14px, calc(50% + var(--gap)) 14px, calc(50% + var(--gap)) 0, 100% 0, 100% 100%, 0 100%); }
.c-mlp__n { direction: ltr; unicode-bidi: isolate; position: absolute; top: 0; right: 50%; transform: translate(50%, -50%); font-size: 56px; line-height: 1; letter-spacing: -.02em; color: var(--zk-accent, #2563eb); }
.c-mlp__cap { margin-top: 14px; font-size: 17px; font-weight: 700; line-height: 1.4; color: var(--zk-accent, #1d4ed8); }
.c-mlp__t { margin-top: 18px; font-size: 22px; font-weight: 800; line-height: 1.3; color: var(--zk-text, #14202f); }
.c-mlp__f { margin-top: 2px; font-size: 17px; color: var(--zk-text-2, #44536a); }
.c-mlp__p { margin-top: 14px; font-size: 18px; line-height: 1.6; color: var(--zk-text-2, #44536a); }
@media (min-width: 700px) { .c-mlp__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 60px 24px; } .c-mlp__card:last-child { grid-column: 1 / -1; width: calc(50% - 12px); margin-inline: auto; } }
@media (min-width: 1100px) {
  .c-mlp__grid { --gap: 76px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 72px 28px; margin-top: 88px; }
  .c-mlp__card:last-child { grid-column: auto; width: auto; }
  .c-mlp__sec { padding: 104px 32px 112px; }
  .c-mlp__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-mlp__card { padding: 64px 32px 42px; border-radius: 30px; }
  .c-mlp__n { font-size: 72px; }
  .c-mlp__t { font-size: 24px; }
  .c-mlp__p { font-size: 20px; }
}

/* 354 / 360 form sections */
.c-mlf__sec { display: flex; flex-direction: column; align-items: center; }
.c-mlf__lead { max-width: 640px; margin-top: 18px; font-size: 18px; line-height: 1.6; text-align: center; color: var(--zk-text-2, #44536a); }
.c-mlf__obj { max-width: 600px; margin-top: 32px; text-align: center; }
.c-mlf__q { font-size: 20px; font-weight: 800; line-height: 1.35; color: var(--zk-text, #14202f); }
.c-mlf__a { margin-top: 8px; font-size: 18px; line-height: 1.6; color: var(--zk-text-2, #44536a); }
.c-mlf__card { position: relative; box-sizing: border-box; display: flex; flex-direction: column; width: min(560px, 100%); margin-top: 40px; padding: 36px 24px 28px; border-radius: 26px; background: var(--zk-card, #fff); box-shadow: var(--zk-shadow, 0 8px 24px rgba(37, 99, 235, .12), 0 1px 3px rgba(37, 99, 235, .10)); }
.c-mlf__card::before { content: ""; position: absolute; inset: 0; padding: 1.5px; border-radius: inherit; pointer-events: none;
  background: linear-gradient(180deg, var(--zk-line-a, rgba(37, 99, 235, .95)) 0%, color-mix(in srgb, var(--zk-line-a, rgba(37, 99, 235, .95)) 55%, transparent) 38%, transparent 88%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; }
.c-mlf__l { display: block; margin: 0 0 8px; font-size: 17px; font-weight: 700; text-align: start; color: var(--zk-text, #14202f); }
.c-mlf__i { box-sizing: border-box; width: 100%; height: 58px; margin: 0 0 20px; padding: 0 18px; border: 1px solid var(--zk-hair, #cbd5e1); border-radius: 14px; background: var(--zk-card, #fff); font: 400 18px "Noto Sans Hebrew", sans-serif; direction: rtl; text-align: right; color: var(--zk-text, #14202f); }
.c-mlf__i::placeholder { color: var(--zk-text-2, #5b6679); opacity: 1; }
.c-mlf__i:focus-visible { outline: 3px solid var(--zk-focus, #2563eb); outline-offset: 2px; }
.c-mlf__btn--full { width: 100%; margin-top: 8px; border: 0; cursor: pointer; font-family: "Noto Sans Hebrew", sans-serif; }
.c-mlf__hint { margin-top: 16px; font-size: 17px; line-height: 1.5; text-align: center; color: var(--zk-text-2, #44536a); }
.c-mlf__fomo { text-wrap: balance; max-width: 560px; margin-top: 28px; font-size: 18px; line-height: 1.6; text-align: center; color: var(--zk-text-2, #44536a); }
@media (min-width: 900px) {
  .c-mlf__sec, .c-mln__sec, .c-mlq__sec, .c-mlb__sec { padding: 96px 32px 104px; }
  .c-mlf__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-mlf__lead { margin-top: 24px; font-size: 20px; }
  .c-mlf__q { font-size: 22px; }
  .c-mlf__a { font-size: 20px; }
  .c-mlf__card { margin-top: 48px; padding: 44px 40px 34px; border-radius: 30px; }
  .c-mlf__fomo { margin-top: 36px; font-size: 20px; }
}
.c-mlc__ps { margin-top: 44px; margin-bottom: 0; }
.c-mlc__ps b { font-weight: 900; color: var(--zk-text, #14202f); }
.c-mlc__opts { margin-top: 64px; }

/* 357 fit / not fit and the two options of 360: a label straddles the top edge of each card */
.c-mln__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 64px 28px; width: min(1000px, 100%); margin: 64px auto 0; --gap: 112px; }
.c-mln__card { align-items: stretch; padding: 56px 22px 18px; text-align: start; }
.c-mln__card--no { --zk-line-a: color-mix(in srgb, var(--zk-text, #14202f) 34%, transparent); }
.c-mln__tab { position: absolute; top: 0; right: 50%; transform: translate(50%, -50%); font-size: 21px; font-weight: 900; line-height: 1; white-space: nowrap; color: var(--zk-accent, #1d4ed8); }
.c-mln__card--no .c-mln__tab { color: var(--zk-text-2, #44536a); }
.c-mln__list { display: flex; flex-direction: column; }
.c-mln__row { display: flex; align-items: center; gap: 16px; padding: 18px 2px; font-size: 18px; font-weight: 600; line-height: 1.5; }
.c-mln__row + .c-mln__row { border-top: 1px solid var(--zk-hair, rgba(20, 32, 47, .16)); }
.c-mln__mk { flex: none; width: 28px; height: 28px; }
.c-mln__mk--v { background: var(--zk-accent, #2563eb); -webkit-mask: url(../assets/icons/ph-check-bold.svg) center / contain no-repeat; mask: url(../assets/icons/ph-check-bold.svg) center / contain no-repeat; }
.c-mln__mk--x { background: var(--zk-text-2, #44536a); -webkit-mask: url(../assets/icons/ph-x-bold.svg) center / contain no-repeat; mask: url(../assets/icons/ph-x-bold.svg) center / contain no-repeat; }
.c-mln__close { max-width: 640px; margin: 44px auto 0; font-size: 18px; line-height: 1.6; text-align: center; color: var(--zk-text-2, #44536a); }
@media (min-width: 900px) {
  .c-mln__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-mln__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; margin-top: 88px; --gap: 124px; }
  .c-mln__card { padding: 64px 36px 26px; border-radius: 30px; }
  .c-mln__tab { font-size: 24px; }
  .c-mln__row { gap: 18px; padding: 22px 4px; font-size: 20px; }
  .c-mln__close { margin-top: 56px; font-size: 22px; }
}

/* 358 proof 2: soft wide rows (row language of 345) with a flat initial avatar */
.c-mlq__list { display: flex; flex-direction: column; gap: 16px; width: min(860px, 100%); margin: 40px auto 0; }
.c-mlq__row { display: flex; align-items: center; gap: 18px; padding: 22px 20px; border-radius: 22px; background: var(--zk-card, #fff); border: 1px solid var(--zk-line-b, transparent); box-shadow: var(--zk-shadow, 0 8px 24px rgba(37, 99, 235, .12), 0 1px 3px rgba(37, 99, 235, .10)); }
.c-mlq__av { flex: none; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: color-mix(in srgb, var(--zk-brand, #2563eb) 12%, var(--zk-card, #fff)); font-size: 24px; line-height: 1; color: var(--zk-accent, #1d4ed8); }
.c-mlq__tx { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.c-mlq__q { font-size: 20px; font-weight: 800; line-height: 1.4; color: var(--zk-text, #14202f); }
.c-mlq__nm { font-size: 17px; line-height: 1.4; color: var(--zk-text-2, #44536a); }
@media (min-width: 900px) {
  .c-mlq__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-mlq__list { gap: 20px; margin-top: 56px; }
  .c-mlq__row { gap: 28px; padding: 28px 40px; }
  .c-mlq__av { width: 72px; height: 72px; font-size: 30px; }
  .c-mlq__q { font-size: 24px; }
  .c-mlq__nm { font-size: 18px; }
}

/* 359 who I am (pattern of 242): text on the right, a neutral studio portrait card on the left with a tilted brand card behind it; the person is cropped by the portrait card edge (no fade). Stats start-aligned under the text. */
.c-mlb__sec { display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px; justify-items: center; }
.c-mlb__txt { width: min(620px, 100%); }
.c-mlb__h { font-size: clamp(28px, 7.4vw, 36px); font-weight: 900; line-height: 1.18; text-wrap: balance; color: var(--zk-text, #14202f); }
.c-mlb__p { margin-top: 16px; font-size: 18px; line-height: 1.7; color: var(--zk-text-2, #44536a); }
.c-mlb__stats { display: flex; justify-content: flex-start; gap: 40px; margin: 28px 0 12px; text-align: start; }
.c-mlb__stats li { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; text-align: start; }
.c-mlb__stats b { display: block; direction: ltr; unicode-bidi: isolate; text-align: start; font-size: 44px; line-height: 1; color: var(--zk-accent, #2563eb); }
.c-mlb__stats span { font-size: 16px; line-height: 1.35; text-align: start; color: var(--zk-text-2, #44536a); }
.c-mlb__cta { margin-top: 32px; text-align: start; }
.c-mlb__vis { position: relative; width: min(360px, 88%); aspect-ratio: 4 / 5; margin-inline: auto; }
.c-mlb__back { position: absolute; inset: 0; border-radius: 30px; background: linear-gradient(135deg, var(--zk-btn-a, #3b6cf0), var(--zk-btn-b, #1d3fa8)); transform: rotate(5deg); }
.c-mlb__panel { position: absolute; inset: 0; overflow: hidden; border-radius: 30px; background: var(--zk-card-2, #e8e6e3); box-shadow: var(--zk-shadow, 0 14px 34px rgba(15, 23, 42, .16)); }
.c-mlb__man { position: absolute; left: 50%; bottom: 0; width: 49.7%; aspect-ratio: 199 / 401; transform: translateX(-50%); }
.c-mlb__man img { position: absolute; left: -1.5%; top: -36.2%; width: 229.6%; max-width: none; height: auto; }
@media (min-width: 900px) {
  .c-mlb__sec { grid-template-columns: minmax(0, 1fr) 400px; gap: 80px; width: min(1160px, 100%); margin-inline: auto; align-items: center; background: none; }
  .c-mlb { background: radial-gradient(ellipse 46% 40% at 90% 50%, color-mix(in srgb, var(--zk-brand, #2563eb) 10%, transparent), transparent 70%), var(--zk-page, #fff); }
  .c-mlb__txt { width: 100%; }
  .c-mlb__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-mlb__p { font-size: 20px; }
  .c-mlb__vis { width: 400px; }
}

/* 362 floating button: phone and tablet only */
.c-mlx { background: none; overflow: visible; }
.c-mlx__btn { position: fixed; z-index: 60; left: 74px; right: 16px; bottom: 16px; display: flex; align-items: center; justify-content: center; min-height: 54px; padding: 8px 18px; border-radius: 999px; background: linear-gradient(135deg, var(--zk-btn-a, #3b6cf0) 0%, var(--zk-btn-b, #1d3fa8) 100%); color: var(--zk-on-btn, #fff); font-size: 17px; font-weight: 800; text-align: center; text-decoration: none; box-shadow: 0 10px 28px var(--zk-glow, rgba(29, 63, 168, .32)), inset 0 1px 0 rgba(255, 255, 255, .24); }
.c-mlx__btn:focus-visible { outline: 3px solid var(--zk-focus, #14202f); outline-offset: 3px; }
@media (min-width: 900px) { .c-mlx__btn { display: none; } }
.c-cdh__poster { font-family: "Noto Sans Hebrew", sans-serif; }

/* 353 proof cards: round face slot (client photo or logo) and a video testimonial slot */
.c-mlp__face { display: block; width: 76px; height: 76px; margin-top: 20px; border-radius: 50%; background: color-mix(in srgb, var(--zk-brand, #2563eb) 12%, var(--zk-card, #fff)); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--zk-brand, #2563eb) 26%, transparent); -webkit-mask: none; position: relative; overflow: hidden; }
.c-mlp__face::after { content: ""; position: absolute; inset: 14px; background: var(--zk-accent, #2563eb); opacity: .55; -webkit-mask: url(../assets/icons/ph-user-fill.svg) center / contain no-repeat; mask: url(../assets/icons/ph-user-fill.svg) center / contain no-repeat; }
.c-mlp__t { margin-top: 14px; }
.c-mlp__vid { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; margin-top: 22px; padding: 0; border: 0; border-radius: 18px; cursor: pointer; overflow: hidden; background: radial-gradient(120% 90% at 50% 0%, var(--zk-btn-a, #3b6cf0) 0%, var(--zk-btn-b, #1d3fa8) 60%, color-mix(in srgb, var(--zk-btn-b, #1d3fa8) 60%, #000) 100%); box-shadow: 0 10px 22px color-mix(in srgb, var(--zk-btn-b, #1d3fa8) 28%, transparent); font-family: "Noto Sans Hebrew", sans-serif; }
.c-mlp__vid .c-cdh__play { top: 46%; width: 52px; height: 52px; border-width: 3px; }
.c-mlp__vid .c-cdh__play::after { border-width: 9px 0 9px 15px; }
.c-mlp__vcap { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 10px 9px; background: linear-gradient(transparent, rgba(0, 0, 0, .55)); color: #fff; font-size: 15px; font-weight: 700; text-align: center; }
.c-mlp__card { padding-bottom: 28px; }

/* 364 blame removal: one wide card, huge headline */
.c-mlv { direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; overflow: clip; color: var(--zk-text, #14202f); background: var(--zk-page, #fff); }
.c-mlv :where(h2, p) { margin: 0; padding: 0; }
.c-mlv__sec { box-sizing: border-box; display: flex; justify-content: center; padding: 64px 20px 72px; background: radial-gradient(ellipse 46% 40% at 50% 50%, color-mix(in srgb, var(--zk-brand, #2563eb) 12%, transparent), transparent 70%), var(--zk-page, #fff); }
.c-mlv__card { position: relative; box-sizing: border-box; width: min(860px, 100%); padding: 48px 26px 44px; border-radius: 30px; background: var(--zk-card, #fff); box-shadow: var(--zk-shadow, 0 8px 24px rgba(37, 99, 235, .12), 0 1px 3px rgba(37, 99, 235, .10)); text-align: center; }
.c-mlv__card::before { content: ""; position: absolute; inset: 0; padding: 1.5px; border-radius: inherit; pointer-events: none; background: linear-gradient(180deg, var(--zk-line-a, rgba(37, 99, 235, .95)) 0%, color-mix(in srgb, var(--zk-line-a, rgba(37, 99, 235, .95)) 55%, transparent) 38%, transparent 88%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; }
.c-mlv__h { font-size: clamp(44px, 13vw, 96px); line-height: 1.05; font-weight: 900; text-wrap: balance; }
.c-mlv__thin { font-weight: 700; }
.c-mlv__acc { color: var(--zk-accent, #2563eb); background: linear-gradient(180deg, transparent 62%, var(--zk-mark, rgba(37, 99, 235, .2)) 62% 92%, transparent 92%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.c-mlv__p { max-width: 640px; margin: 22px auto 0; font-size: 19px; line-height: 1.65; color: var(--zk-text-2, #44536a); }
.c-mlv__key { max-width: 640px; margin: 28px auto 0; font-size: clamp(22px, 5.4vw, 30px); line-height: 1.35; font-weight: 900; color: var(--zk-text, #14202f); }
@media (min-width: 900px) { .c-mlv__sec { padding: 104px 32px 120px; } .c-mlv__card { padding: 72px 64px 64px; border-radius: 36px; } .c-mlv__p { margin-top: 28px; font-size: 22px; } .c-mlv__key { margin-top: 36px; } }

/* 365 "there is another way": brand band, three V columns side by side */
.c-mlw { direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; overflow: clip; background: var(--zk-page, #fff); color: var(--zk-on-btn, #fff); }
.c-mlw :where(h2, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-mlw__sec { box-sizing: border-box; padding: 64px 20px 64px; text-align: center; background: radial-gradient(ellipse 60% 80% at 50% 30%, rgba(255, 255, 255, .10), transparent 70%), linear-gradient(135deg, var(--zk-btn-a, #3b6cf0) 0%, var(--zk-btn-b, #1d3fa8) 100%); }
.c-mlw__h { max-width: 900px; margin: 0 auto; font-size: clamp(28px, 7.4vw, 36px); font-weight: 900; line-height: 1.2; text-wrap: balance; color: var(--zk-on-btn, #fff); }
.c-mlw__bar { background: linear-gradient(180deg, transparent 62%, rgba(255, 255, 255, .22) 62% 92%, transparent 92%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.c-mlw__cols { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; width: min(1160px, 100%); margin: 44px auto 0; }
.c-mlw__col { display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 28px 14px; }
.c-mlw__col + .c-mlw__col { border-top: 1px solid rgba(255, 255, 255, .35); }
.c-mlw__col p { max-width: 340px; font-size: 19px; line-height: 1.55; color: var(--zk-on-btn, #fff); }
.c-mlw__col b { font-weight: 900; }
.c-mlw__v { flex: none; width: 52px; height: 52px; border-radius: 50%; background: #fff; position: relative; }
.c-mlw__v::after { content: ""; position: absolute; inset: 12px; background: var(--zk-btn-b, #1d3fa8); -webkit-mask: url(../assets/icons/ph-check-bold.svg) center / contain no-repeat; mask: url(../assets/icons/ph-check-bold.svg) center / contain no-repeat; }
@media (min-width: 900px) { .c-mlw__sec { padding: 104px 32px 112px; } .c-mlw__h { font-size: clamp(38px, 3.3vw, 52px); } .c-mlw__cols { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 64px; } .c-mlw__col { padding: 30px 32px; } .c-mlw__col + .c-mlw__col { border-top: 0; border-right: 1px solid rgba(255, 255, 255, .35); } .c-mlw__col p { font-size: 22px; } .c-mlw__v { width: 60px; height: 60px; } .c-mlw__v::after { inset: 14px; } }

/* how it works, desktop: axis in the middle, steps on both sides (Liav, Session 106). Phone and tablet unchanged. */
@media (min-width: 900px) {
  .c-cds__list { width: min(1100px, 100%); }
  .c-cds__item { padding-right: 0; }
  .c-cds__card { width: calc(50% - 64px); }
  .c-cds__item--b .c-cds__card { margin-inline-start: auto; }
  .c-cds__dot { right: 50%; transform: translateX(50%); }
}

/* shaped bottom edges (character): only on the pages that carry body.mlp-page. The next section pulls up under the shape (tools/transitions.json). */
body.mlp-page .c-cdp__sec { --h: clamp(56px, 8vw, 120px); padding-bottom: calc(64px + var(--h)); -webkit-mask: linear-gradient(#000, #000) top / 100% calc(100% - var(--h) + 1px) no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V14C1000 14 440 112 0 112Z'/%3E%3C/svg%3E") bottom / 100% var(--h) no-repeat; mask: linear-gradient(#000, #000) top / 100% calc(100% - var(--h) + 1px) no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V14C1000 14 440 112 0 112Z'/%3E%3C/svg%3E") bottom / 100% var(--h) no-repeat; }
body.mlp-page .c-mlv__sec { --h: clamp(40px, 8vw, 120px); padding-bottom: calc(72px + var(--h)); clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--h)), 0 100%); }
body.mlp-page .c-mlw:not(.c-mlz) .c-mlw__sec { --h: clamp(56px, 8vw, 120px); padding-bottom: calc(64px + var(--h)); -webkit-mask: linear-gradient(#000, #000) top / 100% calc(100% - var(--h) + 1px) no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V112C1000 112 440 14 0 14Z'/%3E%3C/svg%3E") bottom / 100% var(--h) no-repeat; mask: linear-gradient(#000, #000) top / 100% calc(100% - var(--h) + 1px) no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V112C1000 112 440 14 0 14Z'/%3E%3C/svg%3E") bottom / 100% var(--h) no-repeat; }
body.mlp-page .c-cdg__sec.c-mlr, body.mlp-page .c-mln__sec { --h: clamp(48px, 7vw, 100px); padding-bottom: calc(64px + var(--h)); border-radius: 0 0 50% 50% / 0 0 var(--h) var(--h); }

/* footer = background of the section above (zikit rule): the footer root carries data-zk and takes --zk-bg */
.c-ft[data-zk] { background: var(--zk-bg, #fff); }

/* ROUND 2 (Liav, Session 106) */
/* hero: customer avatars with the "active story" ring, above the CTA */
.c-mlh__av { display: flex; justify-content: center; margin: 32px 0 0; padding: 0; list-style: none; }
.c-mlh__a { flex: none; box-sizing: border-box; width: 52px; height: 52px; margin-inline-start: -12px; padding: 3px; border-radius: 50%; background: linear-gradient(160deg, #ff1493 0%, #ff4f5e 40%, #ff8a00 75%, #ffb300 100%); }
.c-mlh__a:first-child { margin-inline-start: 0; }
.c-mlh__a:nth-child(n+9) { display: none; }
.c-mlh__a img { display: block; box-sizing: border-box; width: 100%; height: 100%; border: 2px solid var(--zk-bg, #fff); border-radius: 50%; object-fit: cover; background: #fff; }
.c-mlh__cta { margin-top: 32px; }
@media (min-width: 600px) { .c-mlh__a { width: 60px; height: 60px; } .c-mlh__a:nth-child(n+9) { display: block; } }
@media (min-width: 900px) { .c-mlh__a { width: 68px; height: 68px; margin-inline-start: -14px; padding: 4px; } .c-mlh__av { margin-top: 36px; } .c-mlh__cta { margin-top: 36px; } }

/* 363 pain 2b: chart illustration + plain text (no UI cards) */
.c-mld { direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; overflow: clip; color: var(--zk-text, #14202f); background: var(--zk-bg, #fff); }
.c-mld :where(h2, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-mld__sec { box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr); gap: 36px; align-items: center; padding: 56px 20px 64px; }
.c-mld__h { font-size: clamp(28px, 7.4vw, 36px); font-weight: 900; line-height: 1.18; text-wrap: balance; }
.c-mld__thin { font-weight: 700; }
.c-mld__acc { color: var(--zk-accent, #2563eb); background: linear-gradient(180deg, transparent 62%, var(--zk-mark, rgba(37, 99, 235, .2)) 62% 92%, transparent 92%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.c-mld__list { margin-top: 24px; }
.c-mld__list li { padding: 18px 0; font-size: 18px; line-height: 1.6; color: var(--zk-text-2, #44536a); }
.c-mld__list li + li { border-top: 1px solid var(--zk-hair, rgba(20, 32, 47, .16)); }
.c-mld__list b { font-weight: 900; color: var(--zk-text, #14202f); }
.c-mld__chart { display: block; width: 100%; max-width: 560px; height: auto; margin-inline: auto; overflow: visible; font-family: "Noto Sans Hebrew", sans-serif; }
.c-mld__grid path { fill: none; stroke: var(--zk-hair, rgba(20, 32, 47, .16)); stroke-width: 1.5; }
.c-mld__gap { fill: var(--zk-accent, #2563eb); fill-opacity: .13; }
.c-mld__l1, .c-mld__l2 { fill: none; stroke-width: 6; stroke-linecap: round; }
.c-mld__l1 { stroke: var(--zk-accent, #2563eb); }
.c-mld__l2 { stroke: var(--zk-text-2, #44536a); }
.c-mld__d1 { fill: var(--zk-accent, #2563eb); } .c-mld__d2 { fill: var(--zk-text-2, #44536a); }
.c-mld__ax { fill: none; stroke: var(--zk-text-2, #44536a); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.c-mld__tl { font-size: 24px; font-weight: 900; fill: var(--zk-accent, #1d4ed8); }
.c-mld__tl2 { fill: var(--zk-text-2, #44536a); }
.c-mld__tg { font-size: 22px; font-weight: 800; fill: var(--zk-text, #14202f); }
.c-mld__tx { font-size: 20px; font-weight: 700; fill: var(--zk-text-2, #44536a); }
@media (min-width: 900px) { .c-mld__sec { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 72px; width: min(1160px, 100%); margin-inline: auto; padding: 104px 32px 112px; } .c-mld__h { font-size: clamp(38px, 3.3vw, 52px); } .c-mld__list li { padding: 22px 0; font-size: 20px; } }

/* 364 blame removal, typographic style: struck-out advice, huge line, bold key sentence (no card) */
.c-mlv__sec { flex-direction: column; align-items: center; text-align: center; }
.c-mlv__told { margin-bottom: 28px; }
.c-mlv__told li { margin: 8px 0; font-size: clamp(22px, 5.6vw, 34px); font-weight: 600; line-height: 1.3; color: var(--zk-text-2, #44536a); }
.c-mlv__told s { text-decoration-line: line-through; text-decoration-thickness: 3px; text-decoration-color: var(--zk-accent, #2563eb); }
.c-mlv__p { margin-inline: auto; }
/* Session 128: the marker sits on the accented words only (inline, so it follows every wrapped line); on the paragraph block it fell behind the last line only. No accent in the copy = no marker. */
.c-mlv__blue { padding: 0 .2em; background: linear-gradient(180deg, transparent 62%, var(--zk-mark, rgba(37, 99, 235, .2)) 62% 92%, transparent 92%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.c-mlv__blue:empty { display: none; }

/* flat ZIKIT backgrounds (skill zikit: ONE flat shade of the brand hue per mode, no glows or gradients) */
body.mlp-page :is(.c-cdh__sec, .c-cdp__sec, .c-cdg__sec, .c-cdb__sec, .c-cds__sec, .c-cdt__sec, .c-cdf__sec, .c-cdc__sec, .c-mlp__sec, .c-mlf__sec, .c-mln__sec, .c-mlq__sec, .c-mlc__sec, .c-mlv__sec, .c-mld__sec, .c-mlb__sec, .c-mlb) { background: var(--zk-bg, #fff); }
.c-mlv, .c-mld { background: var(--zk-bg, #fff); }
.c-mlv :where(ul, li) { margin: 0; padding: 0; list-style: none; }
@media (min-width: 900px) {
  .c-mld__sec { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); width: auto; margin-inline: 0; padding-inline: max(32px, calc((100% - 1160px) / 2)); }
  .c-mlb__sec { width: auto; margin-inline: 0; padding-inline: max(32px, calc((100% - 1160px) / 2)); }
}
body.mlp-page main > div:not(:first-child):not([style*="margin-top"]) { margin-top: -1px; }

/* ROUND 3 (Liav, Session 106) */
/* hero avatars: thinner story ring, a little smaller */
.c-mlh__a { width: 46px; height: 46px; padding: 2px; }
@media (min-width: 600px) { .c-mlh__a { width: 52px; height: 52px; } }
@media (min-width: 900px) { .c-mlh__a { width: 58px; height: 58px; margin-inline-start: -12px; padding: 2.5px; } }
.c-mlh__a img { border-width: 2px; }
/* blame headline a bit smaller */
.c-mlv__h { font-size: clamp(36px, 10.5vw, 72px); }
/* proof video: back to the inset rounded look of round 1, a little bigger (Liav, round 4) */
.c-mlp__card { padding-bottom: 30px; }
.c-mlp__vid { align-self: center; width: calc(100% + 36px); margin: 26px -18px 0; border-radius: 18px; }
@media (min-width: 1100px) { .c-mlp__card { padding-bottom: 42px; } .c-mlp__vid { width: calc(100% + 44px); margin: 28px -22px 0; } }

/* hero avatars: grey placeholder circles instead of photos (they stand for real customers) */
.c-mlh__ph { display: block; box-sizing: border-box; width: 100%; height: 100%; border: 2px solid var(--zk-bg, #fff); border-radius: 50%; background: #c8cdd5; }

/* 363 dig section: receipt illustration (paper with a torn bottom edge) */
.c-mld__rc { margin: 0; width: min(100%, 420px); margin-inline: auto; filter: drop-shadow(0 12px 22px rgba(20, 32, 47, .16)); transform: rotate(-2deg); }
.c-mld__rp { box-sizing: border-box; padding: 30px 26px 44px; background: var(--zk-card, #fff); -webkit-mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / 28px 100%; mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / 28px 100%; }
.c-mld__rh { padding-bottom: 14px; border-bottom: 2px dashed color-mix(in srgb, var(--zk-text, #14202f) 28%, transparent); font-size: 22px; font-weight: 900; text-align: center; letter-spacing: 0; color: var(--zk-text, #14202f); }
.c-mld__rl { padding-top: 8px; }
.c-mld__rl li, .c-mld__rt { display: flex; align-items: baseline; gap: 10px; padding: 12px 0; font-size: 18px; font-weight: 600; color: var(--zk-text-2, #44536a); }
.c-mld__rl i, .c-mld__rt i { flex: 1 1 auto; min-width: 12px; border-bottom: 2px dotted color-mix(in srgb, var(--zk-text, #14202f) 32%, transparent); transform: translateY(-4px); }
.c-mld__rl b, .c-mld__rt b { direction: ltr; unicode-bidi: isolate; font-weight: 900; color: var(--zk-text, #14202f); }
.c-mld__rt { margin-top: 10px; padding-top: 18px; border-top: 2px solid var(--zk-text, #14202f); font-size: 21px; font-weight: 900; color: var(--zk-text, #14202f); }
.c-mld__rt b { font-size: 34px; line-height: 1; color: var(--zk-accent, #1d4ed8); }
@media (min-width: 900px) { .c-mld__rc { width: 440px; } .c-mld__rl li { font-size: 20px; } .c-mld__rt { font-size: 24px; } .c-mld__rt b { font-size: 40px; } }

/* spacing fixes (round 4) */
.c-mlv__sec { padding-top: 40px; }
.c-mlv__told { margin-bottom: 40px; }
@media (min-width: 900px) { .c-mlv__sec { padding-top: 40px; } }
body.mlp-page .c-cdp__sec { --h: clamp(40px, 5vw, 72px); padding-bottom: calc(24px + var(--h)); }
.c-mld__sec { padding-top: 16px; }
@media (min-width: 900px) { .c-mld__sec { padding-top: 24px; } }

/* ROUND 5 (Liav, Session 106) */
body.mlp-page .c-cdh__h { font-size: clamp(28px, 6.4vw, 54px); }
body.mlp-page .c-cdh__tab { font-weight: 400; }
.c-mld__rt b { color: #c62828; }
.c-mlv__sec { padding-top: 20px; }
@media (min-width: 900px) { .c-mlv__sec { padding-top: 20px; } }
.c-mlp__card { padding-bottom: 0; }
@media (min-width: 1100px) { .c-mlp__card { padding-bottom: 0; } }

/* ROUND 6 (Liav, Session 106) */
body.mlp-page .c-cdh__h { font-size: clamp(26px, 5.6vw, 46px); }
.c-mlp__card { padding-bottom: 30px; }
@media (min-width: 1100px) { .c-mlp__card { padding-bottom: 38px; } }
/* 365 new way, LIGHT version: white background, brand marks (the band version is section 366, kept for zebra light mode) */
.c-mlz { background: var(--zk-page, #fff); color: var(--zk-text, #14202f); }
.c-mlz .c-mlw__sec { background: var(--zk-page, #fff); }
.c-mlz .c-mlw__h, .c-mlz .c-mlw__col p { color: var(--zk-text, #14202f); }
.c-mlz .c-mlw__col p { color: var(--zk-text-2, #44536a); }
.c-mlz .c-mlw__col b { color: var(--zk-text, #14202f); }
.c-mlz .c-mlw__bar { background: linear-gradient(180deg, transparent 62%, var(--zk-mark, rgba(37, 99, 235, .2)) 62% 92%, transparent 92%); color: var(--zk-accent, #2563eb); }
.c-mlz .c-mlw__col + .c-mlw__col { border-color: var(--zk-hair, rgba(20, 32, 47, .16)); }
.c-mlz .c-mlw__v { background: var(--zk-accent, #2563eb); }
.c-mlz .c-mlw__v::after { background: #fff; }
/* 367 stories section in the minimal-light colours (flat background, ZIKIT tokens, grey faces) */
body.mlp-page .c-pfa { background: var(--zk-bg, #fff); }
body.mlp-page .c-pfa__sec { background: var(--zk-bg, #fff); color: var(--zk-text, #14202f); }
body.mlp-page .c-pfa__key, body.mlp-page .c-pfa__fig { color: var(--zk-accent, #1d4ed8); }
body.mlp-page .c-pfa__who span { color: var(--zk-text-2, #44536a); }
body.mlp-page .c-pfa__story { color: var(--zk-text-2, #44536a); }
body.mlp-page .c-pfa__unit { color: var(--zk-text, #14202f); }
body.mlp-page .c-pfa__list, body.mlp-page .c-pfa__row { border-color: var(--zk-hair, rgba(20, 32, 47, .16)); }
.c-pfa__face--ph { display: block; flex: none; background: #c8cdd5; }
/* bio: HIGH-RESOLUTION white-shirt cutout (1148 px source) on a dark ink portrait card, instead of the 457 px black-shirt file that looked pixelated (Liav, round 6) */
.c-mlb__panel { background: color-mix(in srgb, var(--zk-text, #14202f) 90%, var(--zk-brand, #2563eb)); }
.c-mlb__man { left: 50%; top: 7%; bottom: auto; width: auto; height: 104%; aspect-ratio: 492 / 1000; transform: translateX(-50%); }
.c-mlb__man img { left: -2.44%; top: -36.8%; width: 233.33%; max-width: none; height: auto; }

/* ROUND 7 (Liav, Session 106) */
/* hero: button and avatars ~10 percent smaller, lead text a little smaller */
body.mlp-page .c-cdh__cta { min-height: 58px; padding: 6px 40px 6px 90px; font-size: clamp(16px, 4.2vw, 20px); }
body.mlp-page .c-cdh__arr { width: 44px; height: 44px; }
body.mlp-page .c-cdh__arr::after { inset: 12px; }
body.mlp-page .c-cdh__lead { font-size: clamp(17px, 4.1vw, 20px); }
.c-mlh__a { width: 42px; height: 42px; }
@media (min-width: 600px) { .c-mlh__a { width: 47px; height: 47px; } }
@media (min-width: 900px) { .c-mlh__a { width: 52px; height: 52px; margin-inline-start: -11px; } }
/* pain red (bright): struck-out advice lines, receipt title and result, "stay" / "not fit" cards (the semantic red of the page) */
.c-mlv__told s { text-decoration-color: #f01414; }
.c-mld__rh { color: #f01414; }
.c-mld__rt b { color: #f01414; }
.c-mln__card--no { --zk-line-a: #f01414; }
.c-mln__card--no .c-mln__tab { color: #e11212; }
.c-mln__mk--x { background: #f01414; }
/* "there is another way" light version: the same flat background as every other section */
.c-mlz, .c-mlz .c-mlw__sec { background: var(--zk-bg, #fff); }

/* ROUND 8 (Liav, Session 106): less air above "there is another way"; hero circles and button another ~10 percent smaller */
body.mlp-page .c-mlv__sec { padding-bottom: calc(40px + var(--h)); }
.c-mlz .c-mlw__sec { padding-top: 32px; }
@media (min-width: 900px) { .c-mlz .c-mlw__sec { padding-top: 48px; } }
.c-mlh__a { width: 38px; height: 38px; }
@media (min-width: 600px) { .c-mlh__a { width: 42px; height: 42px; } }
@media (min-width: 900px) { .c-mlh__a { width: 47px; height: 47px; margin-inline-start: -10px; } }
body.mlp-page .c-cdh__cta { min-height: 52px; padding: 5px 36px 5px 80px; font-size: clamp(15px, 3.8vw, 18px); }
body.mlp-page .c-cdh__arr { width: 40px; height: 40px; }
body.mlp-page .c-cdh__arr::after { inset: 11px; }

/* ROUND 9: figures of the stories section centred over their caption */
body.mlp-page .c-pfa__res { flex-direction: column; align-items: center; justify-content: center; gap: 6px; text-align: center; }
body.mlp-page .c-pfa__fig, body.mlp-page .c-pfa__unit { display: block; text-align: center; }
@media (min-width: 900px) { body.mlp-page .c-pfa__res { align-items: center; text-align: center; } }

/* ROUND 10 (Liav, Session 106): hero button +12 percent; all pain rows the same height */
body.mlp-page .c-cdh__cta { min-height: 58px; padding: 6px 40px 6px 90px; font-size: clamp(17px, 4.25vw, 20px); }
body.mlp-page .c-cdh__arr { width: 45px; height: 45px; }
body.mlp-page .c-cdh__arr::after { inset: 12px; }
body.mlp-page .c-cdp__rows { display: grid; grid-auto-rows: 1fr; }

/* ROUND 11: two-weight button label (regular first line, bold second line) */
.c-mlh__lb { display: flex; flex-direction: column; align-items: center; gap: 2px; line-height: 1.15; }
.c-mlh__b1 { font-weight: 400; font-size: clamp(16px, 4vw, 18px); }
.c-mlh__b2 { font-weight: 900; font-size: clamp(18px, 4.6vw, 21px); }
body.mlp-page .c-mlh__cta { min-height: 66px; }

/* ROUND 12 (Liav, Session 106): two-line button, less round corners, equal top and bottom air, label centred in the whole button */
body.mlp-page .c-mlh__cta { min-height: 0; padding: 16px 92px; border-radius: 22px; }
body.mlp-page .c-mlh__cta .c-cdh__arr { left: 12px; width: 44px; height: 44px; }
.c-mlh__lb { gap: 4px; line-height: 1.25; }
@media (max-width: 599px) { body.mlp-page .c-mlh__cta { padding: 14px 62px; border-radius: 20px; } .c-mlh__lb { white-space: nowrap; } }

/* ROUND 13 (Liav, Session 106): hero button shorter, no arrow circle so the two-line label is centred in the whole button, equal air */
body.mlp-page .c-mlh__cta { padding: 11px 44px; border-radius: 18px; min-height: 0; }
body.mlp-page .c-mlh__cta .c-cdh__arr { display: none; }
.c-mlh__lb { gap: 2px; line-height: 1.2; }
.c-mlh__b1 { font-size: clamp(15px, 3.8vw, 17px); }
.c-mlh__b2 { font-size: clamp(18px, 4.4vw, 20px); }
@media (max-width: 599px) { body.mlp-page .c-mlh__cta { padding: 10px 36px; border-radius: 16px; } }

/* ROUND 14 (Liav, Session 106): arrow circle back, a little rounder corners, label centred in the coloured area, same short height */
body.mlp-page .c-mlh__cta .c-cdh__arr { display: block; left: 11px; width: 40px; height: 40px; }
body.mlp-page .c-mlh__cta .c-cdh__arr::after { inset: 11px; }
body.mlp-page .c-mlh__cta { padding: 11px 44px 11px 68px; border-radius: 28px; }
@media (max-width: 599px) { body.mlp-page .c-mlh__cta { padding: 10px 34px 10px 62px; border-radius: 26px; } }
/* equal gaps: circle -> text and text -> right edge (24 px), so the label sits exactly in the middle of the coloured area */
body.mlp-page .c-mlh__cta { padding: 11px 26px 11px 77px; }
@media (max-width: 599px) { body.mlp-page .c-mlh__cta { padding: 10px 22px 10px 73px; } }

/* ROUND 15 (Liav, Session 106): back to the single-line pill of round 10 (full pill radius, arrow circle, 58 px high); label = regular text + bold "completely free" on the SAME line */
.c-mlh__lb { display: inline-flex; flex-direction: row; align-items: baseline; justify-content: center; gap: .35em; line-height: 1.2; white-space: nowrap; }
.c-mlh__b1 { font-weight: 400; font-size: inherit; }
.c-mlh__b2 { font-weight: 900; font-size: inherit; }
body.mlp-page .c-mlh__cta { min-height: 58px; padding: 6px 40px 6px 90px; border-radius: 999px; font-size: clamp(17px, 4.25vw, 20px); }
body.mlp-page .c-mlh__cta .c-cdh__arr { display: block; left: 8px; width: 45px; height: 45px; }
body.mlp-page .c-mlh__cta .c-cdh__arr::after { inset: 12px; }
@media (max-width: 599px) { body.mlp-page .c-mlh__cta { padding: 6px 22px 6px 66px; font-size: 14.5px; border-radius: 999px; } body.mlp-page .c-mlh__cta .c-cdh__arr { width: 40px; height: 40px; } body.mlp-page .c-mlh__cta .c-cdh__arr::after { inset: 11px; } }

/* dark pages (16 minimal-dark): the white wrapper token follows the flat dark section colour so no white strip shows */
body.mlp-page [data-zk="minimal-dark"], body.mlp-page [data-zk="vsl-zebra-dark"] { --zk-page: var(--zk-bg) !important; }

/* dark pages: FAQ answer card follows the dark card colour; a word with a marker bar keeps the regular text colour (bar stays brand) */
body.mlp-page [data-zk="minimal-dark"] .c-cdf__a, body.mlp-page [data-zk="vsl-zebra-dark"] .c-cdf__a { background: color-mix(in srgb, var(--zk-brand, #2563eb) 12%, var(--zk-card, #0b152b)); color: var(--zk-text, #fff); }
body.mlp-page [data-zk="minimal-dark"] :is(.c-mlf__acc, .c-mln__acc, .c-mlb__acc, .c-mlv__acc, .c-mld__acc, .c-cdp__acc, .c-cds__acc, .c-cdf__acc, .c-cdc__acc, .c-cdb__bar, .c-mlw__bar, .c-mlv__key, .c-mlp__bold, .c-mlc__acc, .c-mlg__acc),
body.mlp-page [data-zk="vsl-zebra-dark"] :is(.c-mlf__acc, .c-mln__acc, .c-mlb__acc, .c-mlv__acc, .c-mld__acc, .c-cdp__acc, .c-cds__acc, .c-cdf__acc, .c-cdc__acc, .c-cdb__bar, .c-mlw__bar, .c-mlv__key) { color: var(--zk-text, #fff); }

/* proof cards (both light and dark pages): caption under the figure is larger and sits right under it with a clean 14px gap (figure bottom = half the figure height below the card edge) */
.c-mlp__card { padding-top: 46px; }
.c-mlp__cap { margin-top: 0; font-size: 20px; line-height: 1.35; }
@media (min-width: 1100px) { .c-mlp__card { padding-top: 54px; } .c-mlp__cap { font-size: 22px; } }

/* FINAL (Liav, Session 106): every profile photo placeholder (hero circles, proof faces, story faces) is the grey person image assets/profile-placeholder.png until the client's own photos arrive */
.c-mlh__ph, .c-mlp__face, .c-pfa__face--ph { background: #d9d9d9 url(../assets/profile-placeholder.png) center / cover no-repeat; }
.c-mlp__face::after { display: none; }

/* dark pages, stories list: no hairline above the first row or below the last (only the lines BETWEEN rows stay) */
body.mlp-page [data-zk="minimal-dark"] .c-pfa__list { border-top: 0; }
body.mlp-page [data-zk="minimal-dark"] .c-pfa__row:last-child { border-bottom: 0; }

/* light page too (Liav, Session 106): stories list has no hairline above the first row or below the last */
body.mlp-page [data-zk="minimal-light"] .c-pfa__list { border-top: 0; }
body.mlp-page [data-zk="minimal-light"] .c-pfa__row:last-child { border-bottom: 0; }

/* scroll entrance animations (assets/zk-reveal.js): headline = fade + small rise, content = fade sliding in from the right. Uses the individual translate property so rotated or masked elements keep their own transform. */
html.rv-on body.mlp-page main { overflow-x: clip; }
html.rv-on .rv { opacity: 0; transition: opacity .8s cubic-bezier(.22, .61, .36, 1) var(--rv-d, 0ms), translate .8s cubic-bezier(.22, .61, .36, 1) var(--rv-d, 0ms); will-change: opacity, translate; }
html.rv-on .rv-h { translate: 0 18px; }
html.rv-on .rv-c { translate: 56px 0; }
html.rv-on .rv.rv-in { opacity: 1; translate: 0 0; }
@media (max-width: 700px) { html.rv-on .rv-c { translate: 32px 0; } }
@media (prefers-reduced-motion: reduce) { html.rv-on .rv { opacity: 1; translate: none; transition: none; } }

html.rv-init .rv { transition: none !important; }

/* light page: hero lead text is near black for readability (Liav, Session 106) */
body.mlp-page [data-zk="minimal-light"] .c-cdh__lead { color: #0b1220; }

/* dark page: the receipt stays a real white paper with dark text; red parts stay red (Liav, Session 106) */
body.mlp-page [data-zk="minimal-dark"] .c-mld__rp { background: #fff; }
body.mlp-page [data-zk="minimal-dark"] .c-mld__rl li, body.mlp-page [data-zk="minimal-dark"] .c-mld__rt { color: #2a3342; }
body.mlp-page [data-zk="minimal-dark"] .c-mld__rl b, body.mlp-page [data-zk="minimal-dark"] .c-mld__rt { color: #0b1220; }
body.mlp-page [data-zk="minimal-dark"] .c-mld__rt { border-top-color: #0b1220; }
body.mlp-page [data-zk="minimal-dark"] .c-mld__rh { border-bottom-color: rgba(11, 18, 32, .35); }
body.mlp-page [data-zk="minimal-dark"] .c-mld__rl i, body.mlp-page [data-zk="minimal-dark"] .c-mld__rt i { border-bottom-color: rgba(11, 18, 32, .4); }
body.mlp-page [data-zk="minimal-dark"] .c-mld__rh, body.mlp-page [data-zk="minimal-dark"] .c-mld__rt b { color: #f01414; }

/* page 16 hero 335: the audience line is a straight full-width bar with the text on it (like hero 331), not a hanging tab */
body.mlp-page .c-hre__aud { align-self: stretch; margin-inline: -20px; padding: 16px 20px; border-radius: 0; font-size: clamp(17px, 4.2vw, 22px); }

/* success cards on the dark page: the old client photos carried a blue ring inside the image. The grey placeholder has none, so the ring is drawn here: the muted look of the old ring (saturation 37 percent, lightness 48 percent, hue of the brand +9 degrees; blue #2563eb gives #4c5aa7) computed from the brand colour, so it stays a muted version of any brand (Liav, Session 110). */
[data-zk="minimal-dark"] .c-sw-card__avatar img { box-sizing: border-box; border: 4px solid #4c5aa7; }
@supports (color: hsl(from red h s l)) { [data-zk="minimal-dark"] .c-sw-card__avatar img { border-color: hsl(from var(--zk-brand, #2563eb) calc(h + 9) 37% 48%); } }

/* success cards on the dark page: the three proof screenshots start on the same line (the one of the card with the longest text); shorter cards push theirs to the bottom (Liav, Session 110) */
[data-zk="minimal-dark"] .c-sw-card__text { margin-bottom: 24px; }
[data-zk="minimal-dark"] .c-sw-card__text + .c-sw-card__proof { margin-top: auto; }

/* success cards on the dark page: all three cards use the type sizes of the right card (leeroy): who 22.6, head 24.2, mark 25.2, text 18.4 (Liav, Session 110) */
[data-zk="minimal-dark"] .c-sw-card .c-sw-card__who { font-size: 22.6px; }
[data-zk="minimal-dark"] .c-sw-card .c-sw-card__head { font-size: 24.2px; }
[data-zk="minimal-dark"] .c-sw-card .c-sw-card__mark { font-size: 25.2px; }
[data-zk="minimal-dark"] .c-sw-card .c-sw-card__text { font-size: 18.4px; }

/* page 16 hero video (Liav, Session 110): the bar above the video is the BRAND colour (token --zk-banner-bg, so it follows the brand) with white text and white speaker icons; the poster is the expert's studio photo (assets/vsl-poster-expert.webp, 1672 x 941, shown at most 860px wide so it stays sharp), the PLAY icon stays on top of it. */
body.mlp-page [data-zk="minimal-dark"] .c-hra__banner { background: var(--zk-banner-bg, linear-gradient(135deg, #2563eb, #1b47a9)); color: var(--zk-on-btn, #fff); }
body.mlp-page [data-zk="minimal-dark"] .c-hra__video .c-hra__poster { background: #121a3d url(../assets/vsl-poster-expert.webp) center / cover no-repeat; }

/* page 16 hero (368, Liav, Session 110, reference: his violet VSL image): the three tags are PILLS with a knocked-out V circle at the start side, and two tilted result cards sit BEHIND the video and peek out on both sides (desktop only). Colours from ZIKIT tokens. */
.c-hra--md .c-hra__tags li { display: flex; align-items: center; gap: 10px; } /* the tag cards keep their original look (shape, colours, padding, size); only the V mark is added */
.c-hra--md .c-hra__v { flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--zk-accent, #4479ee); -webkit-mask: url(../assets/icons/ph-check-bold.svg) center / 13px 13px no-repeat, linear-gradient(#000, #000); -webkit-mask-composite: xor; mask: url(../assets/icons/ph-check-bold.svg) center / 13px 13px no-repeat, linear-gradient(#000, #000); mask-composite: exclude; }
.c-hra--md .c-hra__vw { position: relative; width: min(100%, 860px); margin-top: 28px; }
.c-hra--md .c-hra__vw .c-hra__video { position: relative; z-index: 1; width: 100%; margin-top: 0; }
.c-hra--md .c-hra__side { display: none; }
@media (min-width: 1200px) {
  .c-hra--md .c-hra__side { position: absolute; z-index: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; width: 240px; padding: 20px 26px 20px 22px; box-sizing: border-box; border: 1px solid var(--zk-hair, rgba(255, 255, 255, .2)); border-radius: 22px; background: var(--zk-card, #151517); box-shadow: var(--zk-shadow, 0 4px 14px rgba(0, 0, 0, .32)); text-align: start; }
  .c-hra--md .c-hra__side .n { font-family: "Poppins", sans-serif; font-size: 52px; font-weight: 900; line-height: 1.1; color: var(--zk-accent, #4479ee); direction: ltr; }
  .c-hra--md .c-hra__side span { font-size: 18px; line-height: 1.4; color: var(--zk-text-2, #cbd5e1); }
  .c-hra--md .c-hra__side--r { top: 7%; right: -190px; transform: rotate(2.5deg); }
  .c-hra--md .c-hra__side--l { top: 50%; left: -228px; transform: rotate(-2.5deg); }
}

/* page 15: the form card is wider so it looks inviting and not like a small square (Liav, Session 114): 680px from 700px wide, 860px from 1024px wide */
@media (min-width: 700px) { .c-mlf__card { width: min(680px, 100%); } }
@media (min-width: 1024px) { .c-mlf__card { width: min(860px, 100%); padding-inline: 56px; } }

/* page 15: the light first line of the hero headline "יומן ריק בבוקר?" is weight 700 (Liav, Session 116; two-weight headline rule 700 over 900) */
.c-cdh__h .c-cdh__l1 { font-weight: 700; }

/* page 15 (Liav, Session 116): the field line under the client name in the carousel squares is the brand colour, kept fairly dark but readable (lightness at least 64 percent, 5.5:1 on the dark caption); the name stays white */
.c-cdh__reels .c-cdh__cap { color: #6b9bf2; color: hsl(from var(--zk-brand, #2563eb) h s max(l, 64)); }
.c-cdh__reels .c-cdh__cap b { color: #fff; }


/* ===== page 15 (minimal-light), Liav round of Session 117: spacing, colours, one-line buttons ===== */
/* colours: the closing line and the grey texts of "the new way" a little closer to black; bold highlights of the pain section in the brand text gradient; receipt with a stronger drop shadow */
body.mlp-page .c-cdp__close, body.mlp-page .c-mlz .c-mlw__col p { color: color-mix(in srgb, var(--zk-text-2, #44536a) 78%, #000); }
body.mlp-page .c-mld b, body.mlp-page .c-cdp b { background: var(--zk-grad-text, linear-gradient(135deg, #2563eb, #1b51c7)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
body.mlp-page .c-mld__rc { filter: drop-shadow(0 18px 26px rgba(20, 32, 47, .30)) drop-shadow(0 3px 6px rgba(20, 32, 47, .20)); }
/* "אי אפשר ... פשוט לא השתמשת בשיטה הנכונה": phone only, no marker bar, the words in blue */
@media (max-width: 699px) {
  body.mlp-page .c-mlv__key { background: none; padding: 0; }
  body.mlp-page .c-mlv__blue { background: var(--zk-grad-text, linear-gradient(135deg, #2563eb, #1b51c7)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
}
/* "איך זה עובד": 15 percent bigger, the marker bar scales with it (it is a percentage of the line) */
.c-cds__h { font-size: clamp(32px, 8.5vw, 41.4px); }
@media (min-width: 900px) { .c-cds__h { font-size: clamp(43.7px, 3.8vw, 59.8px); } }
/* buttons: the label stays on ONE line: narrower side paddings give the text more width, the button is not stretched */
.c-mlf__btn > span { white-space: nowrap; }
@media (max-width: 699px) { body.mlp-page .c-mlf__btn { padding: 8px 22px 8px 74px; font-size: clamp(16px, 4.7vw, 18.6px); } }
/* spacing, phone first (Liav's values; every pair of numbers is phone | desktop, measured at 390 and 1440) */
.zkc-view { margin-bottom: -40px; }
body.mlp-page .c-cdp__sec { padding-top: 32px; }
body.mlp-page .c-mlp__sec { padding-bottom: 16px; } body.mlp-page .c-mlf:not(.c-mln) .c-mlf__sec { padding-top: 45px; }
body.mlp-page .c-cdg__sec { padding-bottom: 24px; } body.mlp-page .c-mln:not(.c-mlf) .c-mln__sec { padding-top: 40px; }
body.mlp-page .c-mln:not(.c-mlf) .c-mln__sec { padding-bottom: 92px; } body.mlp-page .c-pfa__sec { padding-top: 31px; }
body.mlp-page .c-pfa__sec { padding-bottom: 88px; } body.mlp-page .c-mlb__sec { padding-top: 11px; }
body.mlp-page .c-mlf:not(.c-mln) .c-mlf__sec { padding-bottom: 34px; } body.mlp-page .c-cds__sec { padding-top: 38px; }
@media (max-width: 699px) { body.mlp-page .c-cdh__h { margin-top: -6px; } .zkc-view { margin-top: -6px; } }
@media (min-width: 900px) {
  body.mlp-page .c-mlp__sec { padding-bottom: 24px; } body.mlp-page .c-mlf:not(.c-mln) .c-mlf__sec { padding-top: 81px; }
  body.mlp-page .c-cdg__sec { padding-bottom: 62px; } body.mlp-page .c-mln:not(.c-mlf) .c-mln__sec { padding-top: 61px; }
  body.mlp-page .c-mln:not(.c-mlf) .c-mln__sec { padding-bottom: 130px; } body.mlp-page .c-pfa__sec { padding-top: 49px; }
  body.mlp-page .c-pfa__sec { padding-bottom: 138px; } body.mlp-page .c-mlb__sec { padding-top: 11px; }
  body.mlp-page .c-mlf:not(.c-mln) .c-mlf__sec { padding-bottom: 54px; } body.mlp-page .c-cds__sec { padding-top: 66px; }
}
/* the carousel view margins live in zk-videos.js (injected later), so they are set here with a stronger selector: phone 14px closer to the button; 40px closer to the next section (all views) */
body.mlp-page .zkc-view { margin-bottom: -40px; }
@media (max-width: 699px) { body.mlp-page .zkc-view { margin-top: -6px; } }

/* page 15, guarantee form 161 and bonuses 129 (Session 118): fields one under the other, all colours from ZIKIT */
body.mlp-page .c-ldb[data-zk="minimal-light"] { background: var(--zk-bg); }
body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__section { background: transparent; }
body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__box { background: var(--zk-brand); box-shadow: var(--zk-shadow); }
body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__box::before { display: none; }
body.mlp-page .c-ldb[data-zk="minimal-light"] :is(.c-ldb__title span, .c-ldb__lead, .fomo, .c-fomo) { color: #fff; }
body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__form { grid-template-columns: minmax(0, 1fr); width: min(560px, 100%); }
body.mlp-page .c-ldb[data-zk="minimal-light"] :is(.c-ldb__form a, .c-ldb__form b, .c-ldb__form strong, .c-ldb__form label) { color: #fff; }
body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__btn { width: 100%; background: #fff; color: var(--zk-brand); }
body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__arr { background: var(--zk-brand); }
body.mlp-page .c-bb[data-zk="minimal-light"] { background: var(--zk-bg); }
body.mlp-page .c-bb[data-zk="minimal-light"] section { background: transparent; background-image: none; }
body.mlp-page .c-bb[data-zk="minimal-light"] { --zk-band: var(--zk-brand); --zk-band-accent: #fff; }
body.mlp-page .c-bb[data-zk="minimal-light"] .c-bb__btn { background: var(--zk-brand); filter: none; }
body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__form a { color: #fff !important; font-weight: 800; }
body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__form :is(label, label span) { color: #fff; }
body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__btn { color: var(--zk-brand) !important; }
body.mlp-page .c-bb[data-zk="minimal-light"] .c-bb__accent { color: #fff; }
body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__form a { -webkit-text-fill-color: #fff !important; text-decoration-color: #fff !important; }
/* 129: price bar on the brand colour, white text, solid red strike */
body.mlp-page .c-bb[data-zk="minimal-light"] .c-bb-card__bar { background: var(--zk-brand); box-shadow: none; }
body.mlp-page .c-bb[data-zk="minimal-light"] :is(.c-bb-card__price, .c-bb-card__perk) { color: #fff; text-shadow: none; }
body.mlp-page .c-bb[data-zk="minimal-light"] .c-bb-card__sep { background: rgba(255, 255, 255, .6); }
body.mlp-page .c-bb[data-zk="minimal-light"] .c-bb-card__strike::after { background: #ff1a1a; }
/* 161: blue box 93 percent wide, button by the house rule (circle flush left, label centred in the free area) */
body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__section { padding-inline: 0; }
body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__box { width: 93%; }
body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__btn { position: relative; justify-content: center; box-sizing: border-box; min-height: 64px; padding: 8px 44px 8px 100px; font-size: 20px; box-shadow: 0 6px 16px rgba(0, 0, 0, .18); }
body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__arr { position: absolute; left: 8px; top: 50%; width: 48px; height: 48px; transform: translateY(-50%); }
body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__arr::after { background: #fff; }
/* 161: on a narrow screen the label wraps to two lines and never touches the circle */
@media (max-width: 899px) {
  body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__form { padding: 16px 14px; }
  body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__btn { padding: 8px 12px 8px 56px; font-size: clamp(15px, 4.1vw, 20px); line-height: 1.25; white-space: normal; }
  body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__arr { left: 7px; width: 42px; height: 42px; }
}
/* 161: a slightly clearer panel, so the white text and links keep 4.5:1 on the blue */
body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__form { background: rgba(255, 255, 255, .07); }
/* sticky CTA (Liav, Session 121: "I could not click it sometimes"): shaped sections get z-index 100 minus their index from the page builder
   (tools/build-pages.js, design-expert 29.4a), which painted them OVER the fixed button (z-index 60). The button sits above every section
   and below the accessibility widget. Checked with elementFromPoint at every scroll step on all pages and widths. */
.c-mlx, .c-mlx__btn { z-index: 1000 !important; }
/* page 15 (Session 121): with the closing form gone the closing ends on its button and note, the gap to the FAQ headline is kept inside the
   house caps of design-expert 88 (204 desktop / 127 phone) */
body:has(main > .c-cdh) main > .c-cdf > section { padding-top: 40px; }
@media (min-width: 900px) { body:has(main > .c-cdh) main > .c-cdf > section { padding-top: 80px; } }
/* trust line inside the brand-coloured form box of page 15 (blue #4a90e2 since Session 125): white text and tick, 4.5:1 or more */
body.mlp-page .c-ldb__box .zk-trust { color: #fff !important; -webkit-text-fill-color: #fff !important; }
/* page 15 light blue brand #4a90e2 (Session 125): the form box takes the ZIKIT accent (same hue, darkened just enough) so its white text keeps 4.5:1 */
body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__box { background: var(--zk-accent, var(--zk-brand)); }
body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__btn, body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__btn * { color: var(--zk-accent) !important; -webkit-text-fill-color: var(--zk-accent) !important; }
/* receipt (363, Liav Session 125): the hours figure and the new-clients figure are the pain red of "סיכום החודש" */
body.mlp-page .c-mld .c-mld__rl li:last-child b, body.mlp-page .c-mld .c-mld__rt b { background: none !important; color: #f01414 !important; -webkit-text-fill-color: #f01414 !important; }
/* Session 128: the last receipt figure is normal-size text, so its red is a shade darker for 4.5:1 on white */
body.mlp-page .c-mld .c-mld__rl li:last-child b { color: #d00d0d !important; -webkit-text-fill-color: #d00d0d !important; }
/* Session 128: the hidden "play video" prefix of the page-15 hero reels inherits white, so a contrast scan never reads it as low contrast */
body.mlp-page .c-cdh__reels .c-cdh__poster > .sr-only { color: #fff; }
/* Session 128: hidden "play video" prefix of the page-15 hero reels: explicit colours so contrast tools read it correctly */
body.mlp-page .c-cdh__reels .sr-only { color: #000; background: #fff; }
/* bonus 129 banner (QA round 2): the person is the page's business owner (ab2-man.png), cropped to head and torso */
body.mlp-page .c-bb[data-zk="minimal-light"] .c-bb__man-crop img { left: 6%; top: -40%; width: 190%; height: auto; }
/* skip link of page 15 (QA round 2): hidden until keyboard focus, then a visible dark chip at the top right */
.ml-skip { position: absolute; top: 8px; right: 8px; z-index: 10000; padding: 12px 20px; border-radius: 10px; background: #0f2747; color: #fff; font-weight: 700; font-size: 17px; line-height: 1.3; text-decoration: underline; transform: translateY(-200%); }
.ml-skip:focus { transform: none; outline: 3px solid #4a90e2; outline-offset: 2px; }
main#main:focus { outline: none; }
/* Session 128: highlight boxes and strike lines follow the words (inline + clone instead of one inline-block box; strike width in percent, not px) */
body.mlp-page [data-zk="minimal-dark"] .c-sw-card .c-sw-card__mark { display: inline; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
body.mlp-page [data-zk="minimal-dark"] .c-sw-card .c-sw-card__mark:empty { display: none; }
body.mlp-page .c-bb[data-zk="minimal-light"] .c-bb-card__strike::after { width: 98%; }
body.mlp-page .c-bb[data-zk="minimal-light"] .c-bb-card__strike:empty { display: none; }

/* Liav, Session 128: one third less space above the first H2 after the hero (page 15 only) */
body.mlp-page .c-cdp[data-zk="minimal-light"] .c-cdp__h { margin-top: calc(-1 * clamp(58px, calc(2.5vw + 48px), 80px)); }

/* Liav, Session 128, page 1: (a) blame block: a little more air under the headline, much less under the bold line */
body.mlp-page .c-mlv[data-zk="minimal-light"] .c-mlv__p { padding-top: 18px; }
body.mlp-page .c-mlv[data-zk="minimal-light"] .c-mlv__sec { padding-bottom: 136px; } /* the next section rises 120px with its curved edge: keep 16px clear above it */
body.mlp-page .c-mlv[data-zk="minimal-light"] + .c-mlw > .c-mlw__sec { padding-top: 20px; }
body.mlp-page .c-mlp[data-zk="minimal-light"] > .c-mlp__sec { padding-top: 56px; }
/* (b) story cards: the video always sits at the bottom of the card, whatever the text length */
body.mlp-page [data-zk="minimal-light"] .c-mlp__card { flex-direction: column; }
body.mlp-page [data-zk="minimal-light"] .c-mlp__card > .c-mlp__vid { margin-top: auto; }
body.mlp-page [data-zk="minimal-light"] .c-mlp__card > .c-mlp__p { margin-bottom: 28px; }
/* (c) the see-through form card gets more room inside */
body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__form { padding: 40px 44px; width: min(640px, 100%); }
@media (max-width: 600px) { body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__form { padding: 28px 20px; } }

/* Liav, Session 128, page 1: step titles in "how it works" use the same brand gradient text as "הזמן שלך" (follows the brand colour) */
body.mlp-page [data-zk="minimal-light"] .c-cds__t { background: var(--zk-grad-text); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #215ca1; }

/* Liav, Session 128, page 1 (round 3) */
/* the see-through form card is wider */
body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__form { width: min(820px, 100%); }
/* bonus banner band a little darker, same hue, still follows the brand colour */
body.mlp-page .c-bb[data-zk="minimal-light"] { --bb-src: var(--zk-band); }
body.mlp-page .c-bb[data-zk="minimal-light"] .c-bb__banner { --zk-band: color-mix(in srgb, var(--bb-src) 84%, #0a1f44); }
/* less space above "תראה מה קרה לסטודנטים" */
body.mlp-page .c-pfa[data-zk="minimal-light"] > :first-child { padding-top: 12px; }
/* "what you get": 3D icons (Microsoft Fluent Emoji 3D, MIT, local WebP), one per card by meaning, Liav asked for a higher design level here */
body.mlp-page .c-cdg[data-zk="minimal-light"] .c-cdg__ic { width: 96px; height: 96px; background: var(--ic3d) center / contain no-repeat; -webkit-mask: none; mask: none; filter: drop-shadow(0 10px 14px rgba(20, 50, 110, .22)); }
body.mlp-page .c-cdg[data-zk="minimal-light"] .c-cdg__card:nth-child(1) .c-cdg__ic { --ic3d: url(../assets/icons/3d/laptop.webp); }
body.mlp-page .c-cdg[data-zk="minimal-light"] .c-cdg__card:nth-child(2) .c-cdg__ic { --ic3d: url(../assets/icons/3d/gear.webp); }
body.mlp-page .c-cdg[data-zk="minimal-light"] .c-cdg__card:nth-child(3) .c-cdg__ic { --ic3d: url(../assets/icons/3d/sparkles.webp); }
body.mlp-page .c-cdg[data-zk="minimal-light"] .c-cdg__card:nth-child(4) .c-cdg__ic { --ic3d: url(../assets/icons/3d/calendar.webp); }
body.mlp-page .c-cdg[data-zk="minimal-light"] .c-cdg__card:nth-child(5) .c-cdg__ic { --ic3d: url(../assets/icons/3d/speech-balloon.webp); }
body.mlp-page .c-cdg[data-zk="minimal-light"] .c-cdg__card:nth-child(6) .c-cdg__ic { --ic3d: url(../assets/icons/3d/rocket.webp); }
body.mlp-page .c-mln[data-zk="minimal-light"] > :first-child { padding-bottom: 116px; } /* next section rises 100px: 16px stay clear above it */

/* Liav, Session 128, page 1 (round 4): stories with results */
body.mlp-page .c-pfa[data-zk="minimal-light"] .c-pfa__who > b { background: var(--zk-grad-text); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #215ca1; display: block; width: fit-content; margin-bottom: 6px; }
body.mlp-page .c-pfa[data-zk="minimal-light"] .c-pfa__unit { display: inline; color: #215ca1; -webkit-text-fill-color: #215ca1; padding: 0 4px; background: linear-gradient(180deg, transparent 58%, color-mix(in srgb, var(--zk-accent, #2563eb) 18%, transparent) 58%, color-mix(in srgb, var(--zk-accent, #2563eb) 18%, transparent) 92%, transparent 92%); -webkit-box-decoration-break: clone; box-decoration-break: clone; }
body.mlp-page .c-pfa[data-zk="minimal-light"] .c-pfa__unit:empty { display: none; }
/* both forms: the see-through card is wider */
body.mlp-page .c-ldb[data-zk="minimal-light"] .c-ldb__form { width: min(960px, 100%); }
@media (max-width: 360px) { body.mlp-page .c-mlb__stats { gap: 16px !important; } }

/* equal pills (Liav, Session 129): the three hero tags are the same width and centred, as wide as the video */
.c-hra--md .c-hra__tags { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; width: min(100%, 860px); margin-inline: auto; }
.c-hra--md .c-hra__tags li { justify-content: center; text-align: center; margin: 0 !important; }
@media (max-width: 899px) { .c-hra--md .c-hra__tags { grid-template-columns: 1fr; width: min(100%, 420px); } }

/* Session 129 b: hero pills get the room to stay on ONE line on desktop (no nowrap: below 1280 they may wrap or stack) */
@media (min-width: 1280px) { .c-hra--md .c-hra__tags { width: min(100%, 1280px); grid-template-columns: repeat(3, max-content); justify-content: center; } .c-hra--md .c-hra__tags li { padding-inline: 22px; } }

/* Session 129 c: ONE vertical rhythm in the hero (H1 -> sub -> pills -> video), equal gaps (Liav) */
.c-hra--md .c-hra__h { margin-bottom: 0 !important; }
.c-hra--md .c-hra__h + .c-hra__sub { margin-top: 20px !important; }
.c-hra--md .c-hra__sub + .c-hra__tags { margin-top: 20px !important; }
.c-hra--md .c-hra__tags + .c-hra__vw { margin-top: 20px !important; }
@media (min-width: 900px) { .c-hra--md .c-hra__h + .c-hra__sub, .c-hra--md .c-hra__sub + .c-hra__tags, .c-hra--md .c-hra__tags + .c-hra__vw { margin-top: 28px !important; } }