/* Page 16 (minimal-dark, layout alt2): library sections picked by Liav, recoloured to the flat dark page + brand blue. Gated by body.mlp-page.
   (images counter-rotated so photos keep their colours). Pain red stays red. Other brand colours: re-tune the angles. */
body.mlp-page :is(.c-hra, .c-ivb, .c-cp, .c-owf, .c-sw, .c-ldd, .c-pur, .c-pjb, .c-brd, .c-aym, .c-aw, .c-bsd, .c-fz, .c-fmk, .c-lf) { background: var(--zk-bg, #070e1d) !important; }
body.mlp-page :is(.c-hra__sec, .c-ivb__sec, .c-cp__white, .c-sw__section, .c-pur-steps__section, .c-fmk__sec, .c-owf__sec) { background: transparent !important; }
body.mlp-page :is(.c-hra__sec, .c-ivb__sec, .c-sw__section, .c-pur-steps__section) { background-image: none !important; }

/* 1 hero (368 = 331 with the tags above the video), trapezoid bottom edge of the page-16 hero 335 */
body.mlp-page .c-hra__sec { clip-path: polygon(0 0, 100% 0, 100% calc(100% - clamp(40px, 6vw, 88px)), 78% calc(100% - clamp(40px, 6vw, 88px)), 68% 100%, 32% 100%, 22% calc(100% - clamp(40px, 6vw, 88px)), 0 calc(100% - clamp(40px, 6vw, 88px))); }
body.mlp-page .c-hra__tags { margin-top: 26px; }
body.mlp-page .c-hra__video { margin-top: 28px; }

/* 2 inner voice (330) */

/* 3 "but what really happens" (77, white part only): dark page, pain red stays red */
body.mlp-page .c-cp__white { color: #fff; }

/* 4 "it is not your fault" (252), magenta to blue */

/* 5 "there is another way" gold (196), gold to blue */
body.mlp-page .c-owf__acc { background: none !important; -webkit-text-fill-color: var(--zk-accent, #4479ee); color: var(--zk-accent, #4479ee); }
body.mlp-page .c-owf__item { background: linear-gradient(var(--zk-card, #0b152b), var(--zk-card, #0b152b)) padding-box, linear-gradient(225deg, color-mix(in srgb, var(--zk-accent, #4479ee) 90%, transparent), rgba(255, 255, 255, .2) 45%, color-mix(in srgb, var(--zk-accent, #4479ee) 4%, transparent)) border-box; box-shadow: var(--zk-shadow, 0 4px 14px rgba(0, 0, 0, .32)); }
body.mlp-page .c-owf__ic { background: var(--zk-accent, #4479ee); }

/* 6 success cards (46) pink to blue + a title above */
body.mlp-page .c-sw__mdt { margin: 0 0 56px; text-align: center; font-family: "Noto Sans Hebrew", sans-serif; font-size: clamp(30px, 7vw, 52px); line-height: 1.15; font-weight: 900; color: #fff; }
body.mlp-page .c-sw__mdt span { font-weight: 300; display: block; }

/* 7 orange form (163) to blue */

/* 8 steps (19) and 9 jokers (178), purple to blue; the net behind the jokers is dimmed */
body.mlp-page .c-pjb { overflow: clip; }
body.mlp-page .c-pjb__bg { opacity: .2 !important; }

/* 12 pink cards (93) to blue */

/* 11 fit (152): orange to blue, full width card, ">" chevron instead of the hand */
body.mlp-page .c-aym__card { background: var(--zk-card, #0b152b) !important; }
body.mlp-page .c-aym > section { padding-inline: 0; }
body.mlp-page .c-aym__card { width: 100%; max-width: none; border-radius: clamp(28px, 3vw, 48px); }
body.mlp-page .c-aym__tap { -webkit-mask: url("../assets/icons/ph-caret-left-bold.svg") center / contain no-repeat; mask: url("../assets/icons/ph-caret-left-bold.svg") center / contain no-repeat; }

/* 14 brown banner (71): arrow circle takes the brown of the box, arrow in white */
body.mlp-page .c-fz__bi { background: #ae9c91; }
body.mlp-page .c-fz__bi svg path { stroke: #fff; }

/* 15 form (303) and 16 FAQ with the orange answer (49), gold / orange to blue */

/* 10 bonus (03): the card takes the page card colour */
body.mlp-page .c-brd__card { background: var(--zk-card, #0b152b) !important; }
body.mlp-page .c-nxl > section { background: transparent !important; }

/* ===== round of fixes (Liav, Session 106) ===== */
/* 4 "it is not your fault" (252) = the zebra brand section: solid brand blue */
body.mlp-page .c-nxl { background: var(--zk-brand, #2563eb) !important; }
/* 3 (77) dark page text */
body.mlp-page .c-cp__white, body.mlp-page .c-cp__sub { color: #fff; }
/* flat backgrounds: no gradients or glows behind sections, cards take the card colour */
body.mlp-page .c-pur-steps__section { border: 0 !important; }
body.mlp-page .c-bsd__card { background: var(--zk-bg, #070e1d) !important; }
body.mlp-page .c-pjb__row, body.mlp-page .c-pur-step__card, body.mlp-page .c-ldd__panel { background-color: var(--zk-card, #0b152b); }
body.mlp-page .c-pur-step__card { background: var(--zk-card, #0b152b); border-color: color-mix(in srgb, var(--zk-accent, #4479ee) 55%, transparent); box-shadow: 0 0 8px color-mix(in srgb, var(--zk-accent, #4479ee) 25%, transparent); }
body.mlp-page .c-pjb__row { box-shadow: 0 10px 30px rgba(0, 0, 0, .35); }
body.mlp-page .c-ldd__panel { background: linear-gradient(var(--zk-card, #0b152b), var(--zk-card, #0b152b)) padding-box, linear-gradient(180deg, var(--zk-accent, #4479ee), transparent 75%) border-box; box-shadow: 0 22px 30px -16px rgba(0, 0, 0, .5); }
/* 6 headline on one line, clean space under it */
body.mlp-page .c-sw__mdt { margin-bottom: clamp(88px, 9vw, 120px); }
body.mlp-page .c-sw__mdt span { display: inline; font-weight: 300; }
@media (min-width: 560px) { body.mlp-page .c-sw__mdt { white-space: nowrap; } }
/* 7 form 1: label centred in the button, circle flush left, white label */
body.mlp-page .c-ldd__btn { position: relative; justify-content: center; padding: 8px 76px; text-align: center; color: #fff; background: linear-gradient(135deg, var(--zk-btn-a, #3b6cf0), var(--zk-btn-b, #1d3fa8)); }
body.mlp-page .c-ldd__arr { position: absolute; left: 8px; top: 50%; transform: translateY(-50%); }
/* 8 timeline title in the brand gradient */
body.mlp-page .c-pur-steps__title-2 { background-image: linear-gradient(135deg, var(--zk-accent, #4479ee), var(--zk-btn-b, #1d3fa8)) !important; }
body.mlp-page .c-pur-steps__title-2, body.mlp-page .c-pjb__title { -webkit-text-fill-color: transparent; }
/* 9 jokers: title on top, the cards under it, net dimmed more */
body.mlp-page .c-pjb__inner { grid-template-columns: minmax(0, 1fr) !important; }
body.mlp-page .c-pjb__head { text-align: center !important; }
body.mlp-page .c-pjb__bg { opacity: .07 !important; }
body.mlp-page :is(.c-pjb__title, .c-pjb__body h3) { background-image: linear-gradient(180deg, #fff 0%, var(--zk-accent, #4479ee) 100%) !important; }
/* 10 bonus: confetti white / silver */
body.mlp-page .c-brd__card::before { filter: grayscale(1) brightness(1.8); }
/* 11 fit: calmer button (no strong glow) */
body.mlp-page .c-aym__btn { box-shadow: 0 6px 16px rgba(0, 0, 0, .35) !important; background: linear-gradient(135deg, var(--zk-btn-a, #3b6cf0), var(--zk-btn-b, #1d3fa8)) !important; color: #fff; }
/* 12 proof headline text white like the original */
body.mlp-page .c-aw-pf__k, body.mlp-page .c-aw-pf__h { color: #fff !important; }
/* 13 story band: our expert instead of the stock portrait, zoomed on the face */
/* 14 box of the closing banner: brand blue, button text in brand colour, circle in the box colour with a white arrow */
body.mlp-page .c-fz__box { background: linear-gradient(90deg, var(--zk-btn-b, #1d3fa8), var(--zk-btn-a, #3b6cf0)) !important; }
body.mlp-page .c-fz__btt { color: var(--zk-btn-b, #1d3fa8); }
body.mlp-page .c-fz__bi { background: var(--zk-btn-a, #3b6cf0); }
/* 15 / 16 white labels on brand buttons */
body.mlp-page .c-fmk__sec button, body.mlp-page .c-fmk__sec [class*="btn"] { color: #fff; }
body.mlp-page .c-lf__a { color: #fff; }
body.mlp-page .c-bsd__portrait { object-view-box: inset(24.1% 51.2% 35% 0); object-fit: contain; }
body.mlp-page .c-cp__cards li { color: #fff; }
/* every <section> of these blocks is transparent over the flat page colour (no white strips, no glows) */
body.mlp-page :is(.c-hra, .c-ivb, .c-cp, .c-nxl, .c-owf, .c-sw, .c-ldd, .c-pur, .c-pjb, .c-brd, .c-aym, .c-aw, .c-bsd, .c-fz, .c-fmk, .c-lf) section { background-color: transparent !important; background-image: none !important; }
/* 14 closing banner button: gradient label in the brand colours; on desktop the circle stays flush LEFT, the label is centred in the white area (Liav) */
body.mlp-page .c-fz__btt { background: linear-gradient(90deg, var(--zk-btn-a, #3b6cf0), var(--zk-btn-b, #1d3fa8)) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; }
@media (min-width: 1280px) {
  body.mlp-page .c-fz__bi { left: 10px !important; right: auto !important; top: 50% !important; transform: translateY(-50%); }
  body.mlp-page .c-fz__btt { left: 96px !important; right: 24px !important; top: 50% !important; transform: translateY(-50%); text-align: center; }
}
/* 2 inner voice: bubbles 2 and 4 (the left ones) have the stroke mirrored: bright on the left, fading out on the right */
body.mlp-page .c-ivb__b--l { background: linear-gradient(var(--zk-card, #1b1e3d), var(--zk-card, #1b1e3d)) padding-box, linear-gradient(135deg, color-mix(in srgb, var(--zk-accent, #a5b4fc) 95%, transparent), rgba(255, 255, 255, .18) 45%, color-mix(in srgb, var(--zk-accent, #a5b4fc) 5%, transparent)) border-box; }
/* hero to the next headline: less air (rule 47: about 170-190px on desktop) */
body.mlp-page .c-hra__sec { padding-bottom: calc(16px + clamp(48px, 7vw, 110px)); }
body.mlp-page .c-ivb__sec { padding-top: 40px; }
/* 3 (77) headline: white text, the marker bar in the brand colour; less air above it */
body.mlp-page .c-cp__big, body.mlp-page .c-cp__big--red { background: none !important; -webkit-text-fill-color: #fff !important; color: #fff !important; }
body.mlp-page .c-cp__mark { background: linear-gradient(180deg, transparent 62%, color-mix(in srgb, var(--zk-brand, #2563eb) 70%, transparent) 62% 92%, transparent 92%) !important; }
body.mlp-page .c-cp__white { padding-top: 8px !important; }
body.mlp-page .c-fz__box { background: var(--zk-brand, #2563eb) !important; }
/* pain pills block: brand darkened 30 percent so white text reads at 5.7:1 on the pills (Liav, Session 112) */
body.mlp-page .c-cp__red { background: color-mix(in srgb, var(--zk-brand, #2563eb) 70%, #000) !important; }
/* NO lights, glows or blurred blobs behind sections: one flat hue only (Liav, repeated) */
body.mlp-page .c-nxl::before, body.mlp-page .c-owf::before, body.mlp-page .c-ldd__section::before, body.mlp-page .c-brd__glow { display: none !important; }
/* ===== round 5 ===== */
/* hero to the next headline: even less air */
body.mlp-page .c-hra__sec { padding-bottom: clamp(48px, 7vw, 110px); }
body.mlp-page .c-ivb__sec { padding-top: 24px; }
/* 6 proof screenshots: all the same height as the right-most card (aspect of its 467 x 210 image), cropped from the top */
body.mlp-page .c-sw-card__proof { aspect-ratio: 467 / 210; overflow: hidden; }
body.mlp-page .c-sw-card__proof img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; }
/* 7 form 1 button: taller, circle is a WHITE circle with the arrow inside */
body.mlp-page .c-ldd__btn { min-height: 66px; padding-block: 9px; }
body.mlp-page .c-ldd__arr { background: #fff; width: 48px; height: 48px; }
/* 8 timeline: the step cards sit further from the number squares */
@media (min-width: 1280px) {
  body.mlp-page .c-pur-step:nth-child(odd) .c-pur-step__card { margin-left: 44px; }
  body.mlp-page .c-pur-step:nth-child(even) .c-pur-step__card { margin-right: 44px; }
}
/* NEW BRAND TEXT GRADIENT (proposal, Liav approves it to become the fixed gradient for brand-coloured text): light blue to brand blue, worst stop #4479ee = 4.79:1 on #070e1d (best 8.0:1) */
body.mlp-page .c-hra__l2 { background-image: radial-gradient(ellipse 70% 140% at 50% 50%, #6a9bf8 0%, #4479ee 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
body.mlp-page .c-hra__sec { padding-bottom: 28px; }
/* closing banner button: wide enough for the label on ONE line */
body.mlp-page .c-fz__btt { white-space: nowrap; }
@media (min-width: 1280px) {
  body.mlp-page .c-fz__btn { left: 0 !important; right: 0 !important; margin-inline: auto !important; width: 640px !important; transform: none; }
}

/* timeline title at the house type scale (H2 28-52px, weight 900 for the second line) like the other sections */
body.mlp-page .c-pur-steps__title { gap: 6px; }
body.mlp-page .c-pur-steps__title-1 { font-size: clamp(28px, 3vw, 44px) !important; line-height: 1.2 !important; font-weight: 700; }
body.mlp-page .c-pur-steps__title-2 { margin-top: 0 !important; font-size: clamp(32px, 3.6vw, 52px) !important; line-height: 1.18 !important; font-weight: 900; }
/* BRAND TEXT GRADIENT (candidate, Liav tests it on all blue headings and sub headings of page 16): radial, centre 7.03:1, edges 4.79:1 on #070e1d */
body.mlp-page :is(.c-hra__l2, .c-ivb__key, .c-owf__acc, .c-ldd__title span, .c-aym__title, .c-brd__t2, .c-pur-steps__title-2, .c-pjb__title, .c-pjb__body h3, .c-pur-step__card h3, .c-bsd__title-2) {
  background: var(--zk-grad-text, radial-gradient(ellipse 70% 140% at 50% 50%, #6a9bf8 0%, #4479ee 100%)) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; }
/* page 15 (minimal-light): the brand text gradient on every blue headline and sub headline (trial, Liav). Words that carry a marker bar keep the bar as a second background layer. */
body.mlp-page [data-zk="minimal-light"] :is(.c-cdh__l2, .c-cdf__qt, .c-mlp__cap, .c-pfa__key) { background-image: var(--zk-grad-text) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; }
body.mlp-page [data-zk="minimal-light"] :is(.c-cdp__acc, .c-cds__acc, .c-mlb__acc, .c-mld__acc, .c-mlf__acc, .c-mln__acc, .c-mlv__acc, .c-mlw__bar, .c-cdf__acc) {
  background-image: var(--zk-grad-text), linear-gradient(180deg, transparent 62%, var(--zk-mark, rgba(37, 99, 235, .2)) 62% 92%, transparent 92%) !important; -webkit-background-clip: text, border-box !important; background-clip: text, border-box !important; -webkit-text-fill-color: transparent !important; color: transparent !important; }

/* TWO-WEIGHT HEADLINE LAW (Liav, Session 110): the light line is 700, the heavy line 900 */
body.mlp-page :is(.c-ivb__thin, .c-brd__t1, .c-bsd__title-1, .c-fmk__thin, .c-ldd__title > span, .c-sw__mdt > span) { font-weight: 700; }

/* PAGE 16 (minimal-dark): ONE button look for every button = the arrow-less pill of "בוא נקבע שיחה קצרה בחינם" (Liav, Session 112): brand gradient, white 800 label on the right, bare chevron on the left, no circle */
[data-zk="minimal-dark"] :is(.c-hra__cta, .c-brd__btn, .c-ldd__btn, .c-fmk__btn, .c-mlx__btn),
[data-zk="minimal-dark"] .c-fz__btn { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; padding: 17px 44px !important; min-height: 0 !important; height: auto !important; border-radius: 999px !important; font-size: clamp(17px, 1.3vw, 20px) !important; font-weight: 800 !important; line-height: 1.25 !important; text-align: center !important; text-decoration: none; box-shadow: 0 6px 16px rgba(0, 0, 0, .35) !important; }
[data-zk="minimal-dark"] :is(.c-hra__cta, .c-brd__btn, .c-ldd__btn, .c-fmk__btn, .c-mlx__btn) { background: linear-gradient(135deg, var(--zk-btn-a, #3b6cf0), var(--zk-btn-b, #1d3fa8)) !important; color: #fff !important; }
[data-zk="minimal-dark"] :is(.c-hra__cta, .c-brd__btn, .c-ldd__btn, .c-fmk__btn, .c-mlx__btn, .c-fz__btn)::before { content: none !important; }
[data-zk="minimal-dark"] :is(.c-hra__cta, .c-brd__btn, .c-ldd__btn, .c-fz__btn) > :not(:first-child) { display: none !important; }
[data-zk="minimal-dark"] :is(.c-hra__cta, .c-brd__btn, .c-ldd__btn, .c-fmk__btn, .c-mlx__btn, .c-fz__btn)::after { content: "" !important; position: static !important; display: block !important; flex: none; width: 24px !important; height: 24px !important; background: currentColor !important; border-radius: 0 !important; transform: none !important; box-shadow: none !important; -webkit-mask: url("../assets/icons/ph-caret-left-bold.svg") center / contain no-repeat; mask: url("../assets/icons/ph-caret-left-bold.svg") center / contain no-repeat; }
/* the one inverted button: white pill, red label, sits on the red box */
[data-zk="minimal-dark"] .c-fz__btn { background: #fff !important; color: color-mix(in srgb, var(--zk-brand, #2563eb) 70%, #000) !important; }
[data-zk="minimal-dark"] .c-fz__btn .c-fz__btt { color: inherit !important; font-size: inherit !important; font-weight: 800 !important; }

/* page 16: pain cards stroke and tint follow the brand red, not pink; "אני לא שומר שום קלף לעצמי" bigger (Liav, Session 112) */
[data-zk="minimal-dark"] .c-cp__cards li { border-color: var(--zk-brand, #2563eb) !important; background: color-mix(in srgb, var(--zk-brand, #2563eb) 11%, transparent) !important; }
[data-zk="minimal-dark"] .c-pjb__sub { font-size: clamp(26px, 3.4vw, 44px) !important; line-height: 1.25; }

/* page 16: white button on the red box: text and chevron centred together, button shrinks to its content (Liav, Session 112) */
[data-zk="minimal-dark"] .c-fz__btn { display: flex !important; width: fit-content !important; max-width: calc(100% - 32px) !important; left: auto !important; right: auto !important; top: auto !important; margin: 22px auto 0 !important; }
[data-zk="minimal-dark"] .c-fz__btn .c-fz__btt { position: static !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; background: none !important; -webkit-text-fill-color: currentColor !important; white-space: nowrap; }
/* page 16: the WhatsApp collage with its blue frames recoloured to the brand red as a real file (Liav, Session 112) */
[data-zk="minimal-dark"] .c-aw-pf__img { content: url("../assets/ag2-results-brand-356.png"); }

/* page 16: contact bar a touch darker (brand 86 percent), white text 4.9:1; "אני לא שומר שום קלף לעצמי" weight 700 (Liav, Session 112) */
[data-zk="minimal-dark"] .c-lf__a { background: color-mix(in srgb, var(--zk-brand, #2563eb) 86%, #000) !important; }
[data-zk="minimal-dark"] .c-pjb__sub { font-weight: 700 !important; }

/* page 16: more air between the hero button and the headline "המחשבות שחוזרות בשעת לילה" (+44px desktop, +32px phone) (Liav, Session 112) */
[data-zk="minimal-dark"] .c-ivb__h { margin-top: 32px; }
@media (min-width: 900px) { [data-zk="minimal-dark"] .c-ivb__h { margin-top: 44px; } }

/* page 16 contrast (Liav, Session 113): the full-width red band with white text is the brand darkened 30 percent, white on it 6.9:1 (was 3.7:1 on small text) */
.c-nxl[data-zk="minimal-dark"] { background: color-mix(in srgb, var(--zk-brand, #2563eb) 70%, #000) !important; }
[data-zk="minimal-dark"] .c-nxl, .c-nxl[data-zk="minimal-dark"] { background: color-mix(in srgb, var(--zk-brand, #2563eb) 70%, #000) !important; }
body.mlp-page .c-nxl[data-zk="minimal-dark"] { background: color-mix(in srgb, var(--zk-brand, #2563eb) 70%, #000) !important; }

/* page 16: the white button of the red box is hidden (only hero, floating and last-section buttons stay), so the Figma frame at 1280px and wider is shortened to its text (Liav, Session 114) */
@media (min-width: 1280px) {
  body.mlp-page .c-fz[data-zk="minimal-dark"] .c-fz__box { height: calc(220 * var(--u)) !important; }
  body.mlp-page .c-fz[data-zk="minimal-dark"] { height: calc(345 * var(--u)) !important; }
}

/* page 16: less air between the end of the FAQ accordion and the red button under it (Liav, Session 114): about 48px instead of 140px */
[data-zk="minimal-dark"].c-lf .zks-lastcta, .c-lf[data-zk="minimal-dark"] .zks-lastcta { padding-top: 0; margin-top: -52px; }
@media (min-width: 1440px) { .c-lf[data-zk="minimal-dark"] .zks-lastcta { margin-top: calc(-52px - (min(100vw, 1920px) - 1440px) * 0.096); } }

/* page 16, "יש דרך שבה עסקים בדיוק כמו שלך" (Liav, Session 114): narrower UI cards, centred on the page, the V and the text centred inside every card, smaller gaps */
[data-zk="minimal-dark"] .c-owf__list, .c-owf[data-zk="minimal-dark"] .c-owf__list { max-width: 620px !important; width: 100% !important; margin-inline: auto !important; gap: 16px !important; }
[data-zk="minimal-dark"] .c-owf__item, .c-owf[data-zk="minimal-dark"] .c-owf__item { justify-content: center !important; align-items: center !important; text-align: center !important; gap: 16px !important; padding: 22px 28px !important; }
[data-zk="minimal-dark"] .c-owf__txt, .c-owf[data-zk="minimal-dark"] .c-owf__txt { text-align: center !important; width: auto !important; flex: 0 1 auto !important; }

/* page 16, "שלב אחר שלב, ככה נראית ההכשרה באקדמיה" on desktop (Liav, Session 114): the step cards are 60 units wider (650 to 710) so the texts have air at the card edges; the number column (100) and the 44px gaps to the numbers stay exactly as they were */
@media (min-width: 1280px) {
  body.mlp-page .c-pur-steps[data-zk="minimal-dark"] .c-pur-steps__list, body.mlp-page [data-zk="minimal-dark"] .c-pur-steps__list { width: calc(1520 * var(--u)) !important; }
  body.mlp-page .c-pur-steps[data-zk="minimal-dark"] .c-pur-step, body.mlp-page [data-zk="minimal-dark"] .c-pur-step { grid-template-columns: calc(710 * var(--u)) calc(100 * var(--u)) calc(710 * var(--u)) !important; }
}

/* page 16 "יש דרך שבה עסקים בדיוק כמו שלך" v2 (Liav, Session 115): the V marks sit in ONE column, one above the other, whatever the text length; the text is centred in the card (third empty column keeps it truly centred) */
@media (min-width: 601px) {
  [data-zk="minimal-dark"] .c-owf__item, .c-owf[data-zk="minimal-dark"] .c-owf__item { display: grid !important; grid-template-columns: 48px minmax(0, 1fr) 48px !important; align-items: center !important; justify-content: stretch !important; gap: 16px !important; padding: 22px 28px !important; }
  [data-zk="minimal-dark"] .c-owf__item .c-owf__ic, .c-owf[data-zk="minimal-dark"] .c-owf__item .c-owf__ic { grid-column: 1; justify-self: center; }
  [data-zk="minimal-dark"] .c-owf__item .c-owf__txt, .c-owf[data-zk="minimal-dark"] .c-owf__item .c-owf__txt { grid-column: 2; text-align: center !important; justify-self: center; }
}
@media (max-width: 600px) {
  [data-zk="minimal-dark"] .c-owf__item, .c-owf[data-zk="minimal-dark"] .c-owf__item { display: grid !important; grid-template-columns: 44px minmax(0, 1fr) !important; align-items: center !important; justify-content: stretch !important; gap: 14px !important; padding: 20px 16px !important; }
  [data-zk="minimal-dark"] .c-owf__item .c-owf__ic, .c-owf[data-zk="minimal-dark"] .c-owf__item .c-owf__ic { grid-column: 1; justify-self: center; }
  [data-zk="minimal-dark"] .c-owf__item .c-owf__txt, .c-owf[data-zk="minimal-dark"] .c-owf__item .c-owf__txt { grid-column: 2; text-align: center !important; justify-self: center; }
}

/* page 16 "יש דרך שבה עסקים בדיוק כמו שלך" v3 (Liav, Session 116): wider cards (700px), all the same width, no text wrapping to a second line from 768px up */
@media (min-width: 768px) {
  [data-zk="minimal-dark"] .c-owf__list, .c-owf[data-zk="minimal-dark"] .c-owf__list { max-width: 700px !important; }
  [data-zk="minimal-dark"] .c-owf__item .c-owf__txt, .c-owf[data-zk="minimal-dark"] .c-owf__item .c-owf__txt { white-space: normal; text-wrap: balance; } /* Session 129: never nowrap; a longer client text wraps inside the card instead of running under the V */
}

/* page 16 spacing review with design-expert section 88 (Liav, Session 117): gaps above 127 (phone) / 204 (desktop) between two flow sections were cut to the cap with section padding only */
@media (max-width: 699px) {
  body:has(main > .c-hra) main > .c-sw > section { padding-top: 44px !important; }
  body:has(main > .c-hra) main > .c-sw + .c-ldd > section { padding-top: 24px !important; }
  body:has(main > .c-hra) main > .c-sw > section { padding-bottom: 24px !important; }
  body:has(main > .c-hra) main > .c-pur > section { padding-top: 24px !important; }
  body:has(main > .c-hra) main > .c-sw + .c-ldd > section { padding-bottom: 67px !important; }
  body:has(main > .c-hra) main > .c-bsd > section { padding-top: 36px !important; }
  body:has(main > .c-hra) main > .c-lf > section { padding-top: 24px !important; }
  body:has(main > .c-hra) main > .c-fmk > section { padding-bottom: 67px !important; }
}
@media (min-width: 900px) {
  body:has(main > .c-hra) main > .c-sw > section { padding-top: 74px !important; }
  body:has(main > .c-hra) main > .c-sw + .c-ldd > section { padding-top: 41px !important; }
  body:has(main > .c-hra) main > .c-pur > section { padding-top: 40px !important; }
  body:has(main > .c-hra) main > .c-bsd > section { padding-top: 60px !important; }
  body:has(main > .c-hra) main > .c-fmk > section { padding-top: 98px !important; }
  body:has(main > .c-hra) main > .c-fmk > section { padding-bottom: 100px !important; }
}

/* wave stripe of page 16 hero (Liav, Session 118): the brand gradient runs along the bottom of the hero */
body.mlp-page .c-hra__sec { position: relative; clip-path: none; }
body.mlp-page .c-hra__sec::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: clamp(48px, 7vw, 110px); background: linear-gradient(90deg, var(--zk-btn-b), var(--zk-accent) 50%, var(--zk-btn-b)); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 118C480 118 960 34 1440 34V6C960 6 480 90 0 90Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 118C480 118 960 34 1440 34V6C960 6 480 90 0 90Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
body.mlp-page .c-hra__sec { padding-bottom: calc(44px + clamp(48px, 7vw, 110px)); }
/* a little more air between the VSL and the hero button (Liav) */
body.mlp-page .c-hra--md .c-hra__cta { margin-top: 48px; }
/* page 16 closing box 71 (Liav, Session 121): its button is visible again (it leads to form 2), so the box is no longer the shortened
   Figma frame: it grows with its content, the title and the button stand in normal flow one under the other, the button is narrower */
body.mlp-page .c-fz[data-zk="minimal-dark"] .c-fz__cta { height: auto !important; padding: 24px 16px !important; }
body.mlp-page .c-fz[data-zk="minimal-dark"] .c-fz__box { position: relative !important; left: auto !important; top: auto !important; width: min(1697px, 100%) !important; height: auto !important; margin-inline: auto !important; padding: clamp(32px, 3.4vw, 60px) clamp(20px, 4vw, 80px) clamp(28px, 3vw, 52px) !important; display: flex !important; flex-direction: column !important; align-items: center !important; }
body.mlp-page .c-fz[data-zk="minimal-dark"] .c-fz__bt { position: static !important; left: auto !important; right: auto !important; top: auto !important; width: auto !important; height: auto !important; max-width: 1180px; margin: 0 !important; transform: none !important; }
body.mlp-page .c-fz[data-zk="minimal-dark"] .c-fz__btn { margin: clamp(22px, 2.2vw, 36px) auto 0 !important; padding: 14px 30px !important; min-height: 56px !important; }
body.mlp-page .c-fz[data-zk="minimal-dark"] .c-fz__btn + .zk-trust { color: #fff; }
body.mlp-page main > .c-fz[data-zk="minimal-dark"] .c-fz__box > .c-fz__btn { position: relative !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; align-self: center !important; width: fit-content !important; max-width: calc(100% - 16px) !important; margin: clamp(24px, 2.4vw, 40px) 0 0 !important; padding: 14px 30px !important; }
body.mlp-page main > .c-fz[data-zk="minimal-dark"] .c-fz__box > .zk-trust { align-self: center; }
/* closing box -> FAQ headline: a new topic, inside the house caps (about 110 phone / 150 desktop) */
body.mlp-page main > .c-fz[data-zk="minimal-dark"] .c-fz__cta { padding-bottom: 70px !important; }
@media (min-width: 900px) { body.mlp-page main > .c-fz[data-zk="minimal-dark"] .c-fz__cta { padding-bottom: 90px !important; } }
body.mlp-page main > .c-fz[data-zk="minimal-dark"] { height: auto !important; min-height: 0 !important; }
/* page 16 closing box (Liav): a narrower card, and the V of the trust line in white (the red accent V vanished on the red box) */
body.mlp-page main > .c-fz[data-zk="minimal-dark"] .c-fz__box { width: min(1180px, calc(100% - 32px)) !important; }
body.mlp-page main > .c-fz[data-zk="minimal-dark"] .c-fz__box .zk-trust::before { background: #fff; }
/* 252 "it is not your fault" (Liav, Session 125): the background becomes the same flat dark colour as every other section of page 16; the content keeps its colours */
body.mlp-page .c-nxl.c-nxl[data-zk="minimal-dark"] { background: var(--zk-bg, #070e1d) !important; }
/* 252 on page 16 (Liav, Session 125): the grey highlights become bright red and the X marks are red (white circle, red X) */
body.mlp-page .c-nxl[data-zk="minimal-dark"] .c-nxl__acc { background: linear-gradient(180deg, transparent 62%, #e8101e 62% 92%, transparent 92%) !important; }
body.mlp-page .c-nxl[data-zk="minimal-dark"] .c-nxl__mk { background: #e8101e !important; color: #fff !important; -webkit-text-fill-color: #fff !important; }
body.mlp-page .c-nxl[data-zk="minimal-dark"] .c-nxl__no { -webkit-mask: none !important; mask: none !important; background: #fff !important; }
body.mlp-page .c-nxl[data-zk="minimal-dark"] .c-nxl__no::after { content: ""; position: absolute; inset: 0; background: #e8101e; -webkit-mask: url(../assets/icons/ph-x-bold.svg) center / 28px 28px no-repeat; mask: url(../assets/icons/ph-x-bold.svg) center / 28px 28px no-repeat; }
@media (min-width: 900px) { body.mlp-page .c-nxl[data-zk="minimal-dark"] .c-nxl__no::after { -webkit-mask-size: 32px 32px; mask-size: 32px 32px; } }
/* ===== page 16 (minimal-dark), Session 128 visual pass + accessibility: every rule is gated by data-zk="minimal-dark" (page 16 only) ===== */
/* skip link: hidden until it gets the keyboard focus */
body.mlp-page .mz-skip { position: absolute; z-index: 2000; top: 8px; right: 8px; padding: 10px 18px; border-radius: 8px; background: #fff; color: #111; font: 700 16px/1.3 "Noto Sans Hebrew", sans-serif; text-decoration: none; transform: translateY(-200%); }
body.mlp-page .mz-skip:focus { transform: none; outline: 3px solid #111; outline-offset: 2px; }
body.mlp-page main#main:focus { outline: none; }
/* 330 -> 77: the trapezoid edge is invisible on the flat page colour, so its deep platform only left an empty gap */
body.mlp-page .c-ivb[data-zk="minimal-dark"] .c-ivb__sec { padding-bottom: clamp(44px, 6vw, 88px) !important; }
/* 77: the "old way" line is now a real h3 */
body.mlp-page .c-cp[data-zk="minimal-dark"] h3.c-cp__big { margin: 0; }
/* 252: pictures fill the framed boxes */
body.mlp-page .c-nxl[data-zk="minimal-dark"] .c-nxl__img { overflow: hidden; }
body.mlp-page .c-nxl[data-zk="minimal-dark"] .c-nxl__img img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 14px; }
/* 46: an empty accent chip (the headline has no accented part) is not drawn */
body.mlp-page .c-sw[data-zk="minimal-dark"] .c-sw-card__mark:empty { display: none; }
/* 19 steps: text wraps inside the card at every width (no hard line breaks, no nowrap), steps without content are not shown */
body.mlp-page .c-pur[data-zk="minimal-dark"] .c-pur-step__card :is(h3, p) { white-space: normal !important; }
body.mlp-page .c-pur[data-zk="minimal-dark"] .c-pur-step__card br { display: none !important; }
body.mlp-page .c-pur[data-zk="minimal-dark"] .c-pur-step__card p:empty { display: none; }
body.mlp-page .c-pur[data-zk="minimal-dark"] .c-pur-step:has(> .c-pur-step__badge:empty) { display: none; }
/* 183: the shekel sign never drops alone to the next line */
body.mlp-page .c-brd[data-zk="minimal-dark"] .c-brd__desc strong { white-space: nowrap; }
/* 71 closing button: the label wraps inside the pill on narrow phones instead of running past its edges */
@media (max-width: 599px) { body.mlp-page .c-fz[data-zk="minimal-dark"] .c-fz__btn .c-fz__btt { white-space: normal !important; text-align: center; } body.mlp-page main > .c-fz[data-zk="minimal-dark"] .c-fz__box > .c-fz__btn { max-width: calc(100% - 16px) !important; padding-inline: 22px !important; } }
/* 49 FAQ headline: one solid colour (the grey bottom of the gradient was weak on the dark page) */
body.mlp-page .c-lf[data-zk="minimal-dark"] .c-lf__title { background: none !important; -webkit-text-fill-color: currentColor !important; color: var(--zk-text, #fff) !important; }
/* 368 hero: the long second H1 line keeps a margin from the screen edges on wide screens */
@media (min-width: 900px) { body.mlp-page .c-hra[data-zk="minimal-dark"] .c-hra__h { max-width: min(1100px, calc(100% - 64px)); margin-inline: auto; } }
/* 77: every alternative the lead tried is its own card (5 cards) */
/* 49 FAQ headline on desktop: may wrap to two balanced lines inside a side margin instead of touching the screen edges */
@media (min-width: 1280px) { body.mlp-page .c-lf[data-zk="minimal-dark"] .c-lf__title { top: 36px; left: 120px; right: 120px; height: auto; font-size: clamp(40px, 3.6vw, 64px); line-height: 1.15; text-wrap: balance; } }

/* page 16, Session 128 second pass: on phones the pill buttons use 20px side padding, so "אני רוצה לקבוע שיחה עכשיו" and "אני רוצה שיחת היכרות חינם" stay on one line at 375 */
@media (max-width: 480px) { [data-zk="minimal-dark"] :is(.c-hra__cta, .c-brd__btn, .c-ldd__btn, .c-fmk__btn, .c-mlx__btn), [data-zk="minimal-dark"] .c-fz__btn { padding-inline: 20px !important; } }

/* Liav, Session 128, page 2: lighter weight for the closing line "וכבר ניסית כמעט הכל..." */
body.mlp-page [data-zk="minimal-dark"] .c-ivb__close { font-weight: 600; }
/* Liav, Session 128, page 2 (round 2) */
body.mlp-page [data-zk="minimal-dark"] .c-cp__big--red { padding-bottom: 18px; }
body.mlp-page [data-zk="minimal-dark"] .c-cp__sub { padding-bottom: 22px !important; }
body.mlp-page [data-zk="minimal-dark"] .c-owf__list { gap: 24px !important; }
body.mlp-page [data-zk="minimal-dark"] .c-owf__txt { font-size: clamp(20px, 1.6vw, 24px); line-height: 1.45; }
/* Liav, Session 128, page 2 (round 3) */
/* bonus titles get a wider text column so "שיחת זום אישית של חצי שעה" does not leave one word alone (inverted pyramid) */
@media (min-width: 1100px) { body.mlp-page [data-zk="minimal-dark"] .c-brd__row { max-width: 1280px; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); } }
/* fit card: the kicker is a bit smaller than the headline */
body.mlp-page [data-zk="minimal-dark"] .c-aym__kicker { font-size: clamp(20px, 2.2vw, 32px); }
/* fit card: bring back the warm diagonal glow in the top corner of the original section 152 */
body.mlp-page [data-zk="minimal-dark"] .c-aym__card { background: radial-gradient(ellipse 70% 60% at 85% 0%, rgba(236, 26, 26, .18), rgba(236, 26, 26, 0) 70%), var(--zk-card, #0b152b) !important; }
/* FAQ answers: equal space above and below the text, the box is centred on its text (Liav, Session 128) */
body.mlp-page [data-zk="minimal-dark"] .c-lf__a { padding-bottom: 28px !important; }
@media (min-width: 1280px) { body.mlp-page .c-lf[data-zk="minimal-dark"] > .c-lf__section { height: auto; padding: 36px 0 72px; } body.mlp-page .c-lf[data-zk="minimal-dark"] .c-lf__title { position: static; padding-inline: 120px; } body.mlp-page .c-lf[data-zk="minimal-dark"] .c-lf__list { position: static; width: min(1388px, calc(100% - 532px)); margin: 40px auto 0; } }
@media (max-width: 1279px) { body.mlp-page .c-lf[data-zk="minimal-dark"] .c-lf__list { margin-top: 40px; } }
/* phone: body text in the red boxes and the steps is at least 16px (Liav asked for a phone check, Session 128) */
@media (max-width: 1279px) { body.mlp-page [data-zk="minimal-dark"] :is(.c-cp__red li, .c-pur-step__card p) { font-size: 16px !important; line-height: 1.55; } }
/* closing red box: heading "אם הגעת עד לכאן," + the sentence under it (Liav, Session 128) */
body.mlp-page [data-zk="minimal-dark"] .c-fz__bp { max-width: 62ch; margin: 12px auto 0; color: #fff; font-size: clamp(17px, 1.5vw, 21px); line-height: 1.55; text-align: center; }
body.mlp-page [data-zk="minimal-dark"] .c-fz__bt { font-size: clamp(26px, 3.2vw, 40px) !important; font-weight: 800 !important; line-height: 1.2; }
/* proof screenshots: six cards side by side, 3 per row on desktop, 2 on tablet and phone (Liav, Session 128) */
body.mlp-page [data-zk="minimal-dark"] .c-aw-pf__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; width: min(1080px, 100%); margin: 28px auto 0; }
@media (min-width: 900px) { body.mlp-page [data-zk="minimal-dark"] .c-aw-pf__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } }
body.mlp-page [data-zk="minimal-dark"] .c-aw-pf__grid img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: top; border-radius: 14px; filter: blur(9px) grayscale(1) contrast(.85) brightness(1.08); }

/* Session 129 owf heading: a section heading never takes more than 2 lines on desktop */
@media (min-width: 900px) { .c-owf__h { max-width: 1100px !important; } }