/* page 19 (vsl-zebra-light, orange #f97316): page rules, scoped to body.p19 (every css file loads on every page) */

/* ONE flat background per section (design-expert 56): brand slot = the brand colour, neutral = the flat light tint */
body.p19 main > div[data-zk] { background-color: var(--zk-bg) !important; background-image: none !important; }
body.p19 main > div[data-zk] > section,
body.p19 main > div[data-zk] > div > section,
body.p19 main > div[data-zk] [class$="__sec"],
body.p19 main > div[data-zk] [class$="__section"] { background-color: transparent !important; background-image: none !important; }
body.p19 main > div[data-zk]::before, body.p19 main > div[data-zk]::after,
body.p19 main > div[data-zk] > section::before { filter: none; }
body.p19 main > div[data-zk] [class*="glow"], body.p19 main > div[data-zk] [class*="blob"] { display: none !important; }

/* brand slot: white text on the orange (zebra rule) for the sections that are not ZIKIT-converted */
body.p19 :is(.c-hrf, .c-pnf, .c-hwk, .c-wmg)[data-zk-slot="brand"] :is(h1, h2, h3, p, li, span, b, strong) { color: #fff; -webkit-text-fill-color: #fff; }

/* white button on the brand slot: label in the deep brand shade (zebra rule) */
body.p19 :is(.c-hrf, .c-pnf, .c-hwk, .c-wmg)[data-zk-slot="brand"] :is(a, button) :is(span, b, strong),
body.p19 :is(.c-hrf, .c-pnf, .c-hwk, .c-wmg)[data-zk-slot="brand"] :is(a, button) { color: #c34e00; -webkit-text-fill-color: #c34e00; }

/* footer =background of the section above */
body.p19 :is(.c-ft, .c-fk)[data-zk] { background: var(--zk-bg) !important; }

/* 240 (pain chart, originally dark) on the light neutral slot: dark ink, brand bars */
body.p19 .c-nwy[data-zk] { color: var(--zk-text); }
body.p19 .c-nwy[data-zk] :is(.c-nwy__h, .c-nwy__u, .c-nwy__p--q, .c-nwy__fig) { color: var(--zk-text); }
body.p19 .c-nwy[data-zk] .c-nwy__acc { color: #c34e00; }
body.p19 .c-nwy[data-zk] .c-nwy__p { color: var(--zk-text-2); }
body.p19 .c-nwy[data-zk] .c-nwy__bars { border-bottom-color: rgba(195, 78, 0, .45); }
body.p19 .c-nwy[data-zk] .c-nwy__bar--1 { background: #fbd5b5; }
body.p19 .c-nwy[data-zk] .c-nwy__bar--2 { background: #f6a46a; }
body.p19 .c-nwy[data-zk] .c-nwy__bar--3 { background: #e0711f; }
body.p19 .c-nwy[data-zk] .c-nwy__bar--4 { background: #c34e00; }
body.p19 .c-nwy[data-zk] .c-nwy__tag { background: #fde3cf; color: #5c2803; }
body.p19 .c-nwy[data-zk] .c-nwy__tag--hot { background: #c34e00; color: #fff; }

/* no decorative light circles behind sections (flat backgrounds, design-expert 56) */
body.p19 :is(.c-hwk, .c-fzm, .c-owd, .c-wmg)[data-zk]::before { display: none !important; }

/* bonus confetti white / silver only (design-expert 55.8) */
body.p19 .c-brs__card::before { filter: grayscale(1) brightness(1.8); }

/* ===== round 2 (Liav, Session 122) ===== brand was #c2410c; Session 124: true orange #f97316 with dark ink on brand sections, #c34e00 = its 4.5:1 text shade on light (from the orange background of section 215 on the how-it-works page) */

/* decorative circles of adopted sections: off (flat backgrounds) */
body.p19 :is(.c-pnf, .c-nwk, .c-nwb, .c-sfa, .c-wae)[data-zk]::before, body.p19 :is(.c-pnf, .c-nwk)[data-zk]::after { display: none !important; }

/* HERO 336: the panel behind the expert becomes concentric STROKE circles only (no fill), centred on the figure;
   the fade zone of the figure stays on one flat colour (design-expert 27.4: thin rings at low alpha may show) */
body.p19 .c-hrf[data-zk] { overflow-x: clip; }

/* 217 blame removal on the light slot: orange instead of green */
body.p19 .c-nwb[data-zk] .c-nwb__acc { color: #c34e00; background: linear-gradient(180deg, transparent 62%, rgba(195, 78, 0, .18) 62% 92%, transparent 92%); }

/* 326 proof: the thin first line of the headline is dark ink on the light page */
body.p19 .c-pfg[data-zk] .c-pfg__thin { color: var(--zk-text) !important; -webkit-text-fill-color: var(--zk-text); }

/* FORMS (303, the form of the dark page 16, coloured for this page) */
body.p19 .c-fmk[data-zk] .c-fmk__i { background: #fff; border: 1.5px solid #ead7c9; color: #2a1608; }
body.p19 .c-fmk[data-zk] .c-fmk__i::placeholder { color: #7a6556; }
body.p19 .c-fmk[data-zk] .c-fmk__i:focus-visible { outline: 3px solid #7c2d0a; border-color: #7c2d0a; }
body.p19 .c-fmk[data-zk-slot="brand"] .c-fmk__i { border-color: transparent; box-shadow: 0 6px 16px rgba(60, 18, 2, .25); }
body.p19 .c-fmk[data-zk-slot="brand"] .c-fmk__btn { background: #fff !important; color: #c34e00 !important; box-shadow: 0 8px 22px rgba(60, 18, 2, .3); }
body.p19 .c-fmk[data-zk]:not([data-zk-slot]) .c-fmk__btn { background: linear-gradient(135deg, #c34e00, #8e3c04) !important; color: #fff !important; box-shadow: 0 10px 26px rgba(142, 60, 4, .3); }
body.p19 .c-fmk[data-zk]:not([data-zk-slot]) :is(.c-fmk__h, .c-fmk__thin, .c-fmk__bold, .c-fmk__l, .c-fmk__fomo, label, p) { color: var(--zk-text); }
body.p19 .c-fmk[data-zk]:not([data-zk-slot]) .c-fmk__form { padding: clamp(28px, 4vw, 44px); border-radius: 28px; background: #fff; box-shadow: 0 8px 24px rgba(120, 40, 6, .12), 0 1px 3px rgba(120, 40, 6, .1); }

/* GUARANTEE 168: deep near-black card with one-hue depth (like the bonus banner of page 18) and a 3D wax-seal stamp */
body.p19 .c-gle[data-zk] .c-gle__box { background: radial-gradient(120% 140% at 100% 0%, #3a1606 0%, rgba(58, 22, 6, 0) 55%), radial-gradient(90% 120% at 0% 100%, #2a1005 0%, rgba(42, 16, 5, 0) 60%), linear-gradient(180deg, #1c0d06 0%, #100703 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), inset 0 -40px 60px -30px rgba(0, 0, 0, .55), 0 18px 40px rgba(60, 20, 4, .35); }

/* WHAT YOU GET 267: 2x2 cards in the house card language: number on the top edge with the stroke cut behind it,
   fading brand stroke, title and text, the icon BELOW the text (centred), soft shadow */
body.p19 .c-wyg[data-zk] .c-wyg__list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 56px 28px; width: min(980px, 100%); margin-top: 64px; }
@media (min-width: 760px) { body.p19 .c-wyg[data-zk] .c-wyg__list { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; } }
body.p19 .c-wyg[data-zk] .c-wyg__row { position: relative; flex-direction: column; justify-content: flex-start; text-align: center; gap: 22px; padding: 52px 28px 34px; border-radius: 26px; background: #fff; box-shadow: 0 8px 24px rgba(120, 40, 6, .10), 0 1px 3px rgba(120, 40, 6, .08); isolation: isolate; }
body.p19 .c-wyg[data-zk] .c-wyg__row::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 2px; background: linear-gradient(180deg, rgba(195, 78, 0, .9), rgba(195, 78, 0, .25) 55%, rgba(195, 78, 0, 0)); -webkit-mask: linear-gradient(#000 0 0) top center / 92px 6px no-repeat, linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: source-out, xor; mask: linear-gradient(#000 0 0) top center / 92px 6px no-repeat exclude, linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); pointer-events: none; }
body.p19 .c-wyg[data-zk] .c-wyg__no { position: absolute; top: -27px; left: 50%; transform: translateX(-50%); font-family: "Poppins", sans-serif; font-weight: 900; font-size: 48px; line-height: 1; color: #c34e00; }
body.p19 .c-wyg[data-zk] .c-wyg__tx { align-items: center; gap: 8px; }
body.p19 .c-wyg[data-zk] .c-wyg__t { font-size: clamp(22px, 2vw, 26px); }
body.p19 .c-wyg[data-zk] .c-wyg__ic { width: 64px; height: 64px; margin-top: auto; background: linear-gradient(135deg, #e0631c, #9a3408); }

/* FIT 172 on the brand slot: the "yes" card is white with dark text; V / X marks are bare glyphs in the colour of their card text */
body.p19 .c-sfa[data-zk] .c-sfa__h { color: #fff; }
body.p19 .c-sfa[data-zk] .c-sfa__card { box-shadow: 0 10px 28px rgba(60, 18, 2, .28); }
body.p19 .c-sfa[data-zk] .c-sfa__card--no { background: #2a1608; color: #fff; }
body.p19 .c-sfa[data-zk] .c-sfa__card--yes { background: #fff; color: #2a1608; }
body.p19 .c-sfa[data-zk] .c-sfa__card--yes :not(.c-sfa__ic) { color: #2a1608; }
body.p19 .c-sfa[data-zk] .c-sfa__ic { width: 26px; height: 26px; flex-basis: 26px; border-radius: 0; background: currentColor; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
body.p19 .c-sfa[data-zk] .c-sfa__card--no .c-sfa__ic { color: #fff; background: #fff; }
body.p19 .c-sfa[data-zk] .c-sfa__card--yes .c-sfa__ic { color: #2a1608; background: #2a1608; }
body.p19 .c-sfa[data-zk] .c-sfa__btn { background: #fff; color: #c34e00; }

/* WHO I AM 291: profile photo and the text beside it centred as one block, the text itself centred */
@media (min-width: 900px) { body.p19 .c-wmg[data-zk] .c-wmg__head { justify-content: center; text-align: center; margin-inline: auto; } body.p19 .c-wmg[data-zk] .c-wmg__ht { text-align: center; } }

/* CLOSING 157: the two path labels are big and clear */
body.p19 .c-cwc[data-zk] .c-cwc__tab { padding: 10px 30px; font-size: clamp(18px, 1.6vw, 22px); font-weight: 900; border-radius: 0 0 16px 16px; }
body.p19 .c-cwc[data-zk] .c-cwc__card { padding-top: 72px; }
body.p19 .c-cwc[data-zk] .c-cwc__card--yes .c-cwc__tab { background: #c34e00; }

/* FAQ 313 (WhatsApp widget) on the light slot: headline in dark ink, the key phrase in the brand with its underline */
body.p19 .c-wae[data-zk] .c-wae__h, body.p19 .c-wae[data-zk] .c-wae__h * { color: var(--zk-text); -webkit-text-fill-color: var(--zk-text); }
body.p19 .c-wae[data-zk] .c-wae__key { color: #c34e00; -webkit-text-fill-color: #c34e00; text-decoration-color: #c34e00; }
/* Session 124: the dark "not a fit" card keeps white text on the ink fill */
body.p19 main > .c-sfa[data-zk-slot="brand"] .c-sfa__card--no :is(h3, p, li, span, b, strong, div) { color: #fff; -webkit-text-fill-color: #fff; }
/* Session 124 (round 2): brightest true orange that still carries white text at 4.5:1 (hue 24, saturation 100): the brand sections are exactly this colour, cards one step deeper */
body.p19 [data-zk="vsl-zebra-light"][data-zk-slot="brand"] { --zk-bg: #c95000 !important; --zk-brand: #c95000 !important; --zk-card: #a84400 !important; }
/* Session 124: proof cards ("מי שכבר עשה את הצעד") are orange cards, everything inside white (white on #c95000 = 4.52:1), a soft shadow separates them from the light page */
body.p19 .c-pfg[data-zk] .c-pfg__card { background: linear-gradient(#c95000, #c95000) padding-box, linear-gradient(225deg, rgba(255, 255, 255, .55), rgba(255, 255, 255, .12) 45%, rgba(255, 255, 255, 0)) border-box; box-shadow: 0 14px 30px rgba(120, 48, 0, .22), 0 2px 6px rgba(120, 48, 0, .14); }
body.p19 .c-pfg[data-zk] .c-pfg__card :is(.c-pfg__who, .c-pfg__who b, .c-pfg__bq, .c-pfg__body, .c-pfg__body *, .c-pfg__res span, .c-pfg__n) { color: #fff !important; -webkit-text-fill-color: #fff !important; }
body.p19 .c-pfg[data-zk] .c-pfg__face { border-color: #fff; }
body.p19 .c-pfg[data-zk] .c-pfg__res { border-top-color: rgba(255, 255, 255, .35); }
body.p19 .c-pfg[data-zk] .c-pfg__poster { background: radial-gradient(120% 70% at 50% 0%, #8a3800 0%, #5c2500 55%, #3a1700 100%); }
body.p19 .c-pfg[data-zk] .c-pfg__poster:focus-visible { outline-color: #fff; }
/* Session 124: trust-line and urgency note on the orange form are white like the rest of the text */
body.p19 .c-fmk[data-zk-slot="brand"] .c-fmk__fomo { color: #fff !important; -webkit-text-fill-color: #fff !important; }
/* Session 124: FORM 2 (under the FAQ) in the style of the last form of page 16: no card, open form on the section, slim fields, brand-gradient pill with a bare chevron */
body.p19 main > .c-fmk:has([id$="-f2"]) .c-fmk__form { padding: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; }
body.p19 main > .c-fmk:has([id$="-f2"]) .c-fmk__i { background: #fff; border: 1.5px solid color-mix(in srgb, #c95000 28%, #fff); border-radius: 12px; box-shadow: none; }
body.p19 main > .c-fmk:has([id$="-f2"]) .c-fmk__btn { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; width: 100%; 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.2 !important; background: linear-gradient(135deg, #c95000, #8e3c04) !important; color: #fff !important; box-shadow: 0 8px 20px rgba(142, 60, 4, .28) !important; }
body.p19 main > .c-fmk:has([id$="-f2"]) .c-fmk__btn::before { content: none !important; }
body.p19 main > .c-fmk:has([id$="-f2"]) .c-fmk__btn > :not(:first-child) { display: none !important; }
body.p19 main > .c-fmk:has([id$="-f2"]) .c-fmk__btn::after { content: "" !important; position: static !important; display: block !important; flex: none; width: 22px !important; height: 22px !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; }
/* Session 124: FAQ on the orange brand slot: the key phrase and its underline are white */
body.p19 .c-wae[data-zk-slot="brand"] .c-wae__key { color: #fff !important; -webkit-text-fill-color: #fff !important; text-decoration-color: #fff !important; }
/* ===== Session 124 round 3 ===== */
/* what-you-get cards: the stroke is CUT behind the number (design-expert 18.8 / 18.9), done with clip-path on the stroke layer */
body.p19 .c-wyg[data-zk] .c-wyg__row::before { -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important; -webkit-mask-composite: xor !important; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0) !important; clip-path: polygon(0 0, calc(50% - 66px) 0, calc(50% - 66px) 8px, calc(50% + 66px) 8px, calc(50% + 66px) 0, 100% 0, 100% 100%, 0 100%); }
/* timeline 215: more air between the steps, smaller numbers on desktop (same place) */
body.p19 .c-hwk[data-zk] .c-hwk__list { row-gap: 64px !important; }
@media (min-width: 900px) { body.p19 .c-hwk[data-zk] .c-hwk__list { row-gap: 76px !important; } body.p19 .c-hwk[data-zk] .c-hwk__num { font-size: 52px !important; } }
/* guarantee 168: the original library stamp is back (page overrides removed); the dark card and its content are wider, the stamp stays anchored to the card corner */
body.p19 .c-gle[data-zk] .c-gle__box { width: min(780px, 100%) !important; max-width: none !important; box-sizing: border-box; }
body.p19 .c-gle[data-zk] :is(.c-gle__lead, .c-gle__text) { max-width: 680px !important; margin-inline: auto; }
body.p19 .c-gle[data-zk] .c-gle__list { max-width: 560px !important; }
/* profile photos in circles: the HEAD of ab2-man.png (head centre x 314, crop 400px from y 360) sits in the centre of the circle */
body.p19 :is(.c-wae__av, .c-wmg__face) > img { width: 287% !important; height: auto !important; max-width: none !important; left: -28.5% !important; top: -90% !important; }
/* closing 157: the V marks are solid accent circles with the white tick, not a pale tint */
body.p19 .c-cwc[data-zk] .c-cwc__card--yes li::before { background-color: #c34e00 !important; }
/* FORM 2 = section 160 (split form, text right, form card left), recoloured from taupe to the page orange; never used on pages 15-18 */
body.p19 .c-lda[data-zk] { background: var(--zk-bg) !important; }
body.p19 .c-lda[data-zk] :is(.c-lda__title, .c-lda__thin, .c-lda__caps, .c-lda__lbl) { color: #2a1608 !important; }
body.p19 .c-lda[data-zk] .c-lda__bold { color: #c34e00 !important; }
body.p19 .c-lda[data-zk] :is(.c-lda__lead, .c-lda__note, .c-fomo) { color: #5c4334 !important; }
body.p19 .c-lda[data-zk] .c-lda__form { background: #fff !important; border-color: color-mix(in srgb, #c95000 22%, #fff) !important; box-shadow: 0 12px 28px rgba(120, 48, 0, .14), 0 2px 6px rgba(120, 48, 0, .08) !important; }
body.p19 .c-lda[data-zk] .c-lda__in { border-color: color-mix(in srgb, #c95000 30%, #fff) !important; }
body.p19 .c-lda[data-zk] .c-lda__in:focus-visible { outline: 3px solid #8e3c04; border-color: #8e3c04 !important; }
body.p19 .c-lda[data-zk] li { background: color-mix(in srgb, #c95000 9%, #fff) !important; color: #2a1608 !important; }
body.p19 .c-lda[data-zk] li::before { background-color: #c34e00 !important; }
body.p19 .c-lda[data-zk] .c-lda__btn { background: linear-gradient(135deg, #c95000, #8e3c04) !important; color: #fff !important; box-shadow: 0 10px 24px rgba(142, 60, 4, .3) !important; }
body.p19 .c-lda[data-zk] .c-lda__arr { background: #fff !important; }
body.p19 .c-lda[data-zk] .c-lda__arr * { color: #c34e00 !important; }
/* the page base under every section is the page colour, never black (a 1px seam above the footer showed the black html) */
html:has(body.p19), body.p19 { background: #fef8f4 !important; }
/* HERO 336 (Liav, Session 124): ONE big solid circle behind the expert instead of the stroke rings; the person is MASKED by the circle:
   everything above the circle centre stays (the head rises above the circle top), below it only what is inside the circle shows,
   so the lower body is cut by the round edge. Circle and figure share the bottom edge and the centre line. */
body.p19 .c-hrf[data-zk] .c-hrf__vis { --fh: clamp(360px, 84vw, 520px); --d: calc(var(--fh) * .86); --r: calc(var(--d) / 2); }
@media (min-width: 900px) { body.p19 .c-hrf[data-zk] .c-hrf__vis { --fh: 560px; } }
body.p19 .c-hrf[data-zk] .c-hrf__panel { position: absolute; left: 50%; bottom: 0; top: auto; width: var(--d); height: var(--d); aspect-ratio: auto; transform: translateX(-50%); border-radius: 50%; border: 0; background: #a84400 !important; box-shadow: 0 24px 48px rgba(70, 25, 0, .28); z-index: 0; }
body.p19 .c-hrf[data-zk] .c-hrf__panel::before, body.p19 .c-hrf[data-zk] .c-hrf__panel::after { content: none !important; }
body.p19 .c-hrf[data-zk] .c-hrf__fig { position: relative; z-index: 1; height: var(--fh); overflow: visible;
  -webkit-mask-image: linear-gradient(#000, #000), radial-gradient(circle at 50% calc(100% - var(--r)), #000 calc(var(--r) - 1px), transparent var(--r));
  -webkit-mask-size: 100% calc(100% - var(--r)), 100% 100%; -webkit-mask-position: top, 0 0; -webkit-mask-repeat: no-repeat;
  mask-image: linear-gradient(#000, #000), radial-gradient(circle at 50% calc(100% - var(--r)), #000 calc(var(--r) - 1px), transparent var(--r));
  mask-size: 100% calc(100% - var(--r)), 100% 100%; mask-position: top, 0 0; mask-repeat: no-repeat; }
/* guarantee stamp (Session 124): the badge itself is the brand orange, white text, white dashed ring */
body.p19 .c-gle[data-zk] .c-gle__stamp { background: #c95000 !important; border-color: rgba(255, 255, 255, .85) !important; box-shadow: 0 14px 28px rgba(60, 20, 0, .35) !important; }
body.p19 .c-gle[data-zk] .c-gle__stamp * { color: #fff !important; -webkit-text-fill-color: #fff !important; background: none !important; }
/* FORM 2 = section 296 (minimal: underline fields, full-width pill), recoloured to the page orange (Session 124, third form 2 design) */
body.p19 .c-fmd[data-zk] { background: var(--zk-bg) !important; }
body.p19 .c-fmd[data-zk] .c-fmd__bold { color: #c34e00 !important; -webkit-text-fill-color: #c34e00 !important; }
body.p19 .c-fmd[data-zk] :is(.c-fmd__thin, .c-fmd__l) { color: #2a1608 !important; }
body.p19 .c-fmd[data-zk] :is(.c-fmd__lead, .c-fmd__note, .c-fmd__fomo) { color: #5c4334 !important; }
body.p19 .c-fmd[data-zk] .c-fmd__i { border-bottom-color: #c34e00 !important; color: #2a1608 !important; }
body.p19 .c-fmd[data-zk] .c-fmd__i:focus-visible { outline: 3px solid #8e3c04; outline-offset: 4px; }
body.p19 .c-fmd[data-zk] .c-fmd__btn { background: linear-gradient(135deg, #c95000, #8e3c04) !important; color: #fff !important; box-shadow: 0 10px 24px rgba(142, 60, 4, .3) !important; }
/* HERO 336 round 2 (Liav, Session 124): WHITE circle, bigger person, the person is cut a little below the hand in the pocket
   (photo row y 1120 of ab2-man.png, person top y 368, so the figure box shows 752 photo px), circle diameter .8 of the figure height */
body.p19 .c-hrf[data-zk] .c-hrf__vis { --d: calc(var(--fh) * .8); }
body.p19 .c-hrf[data-zk] .c-hrf__panel { background: #fff !important; box-shadow: 0 24px 48px rgba(70, 25, 0, .25) !important; }
body.p19 .c-hrf[data-zk] .c-hrf__fig { aspect-ratio: auto !important; width: calc(var(--fh) * .72) !important; }
body.p19 .c-hrf[data-zk] .c-hrf__fig img { width: calc(var(--fh) * 1.5266) !important; height: auto !important; left: calc(var(--fh) * .017) !important; top: calc(var(--fh) * -.4894) !important; }
/* HERO 336 round 3 (Liav, Session 124): a second, outer circle around the white one: stroke only, a little bigger, same centre */
body.p19 .c-hrf[data-zk] .c-hrf__panel::after { content: "" !important; position: absolute; inset: -9%; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .7); pointer-events: none; }

/* WHAT YOU GET 267 round 2 (Liav, Session 124, his reference image): stacked cards, a round V that straddles the right (start) edge of every card
   with a gap ring in the page colour, centred text, the two-digit number on the top edge with the stroke cut behind it, and one big faint
   half circle behind the list. Icons below the text are dropped to match the reference. */
body.p19 .c-wyg[data-zk] .c-wyg__sec, body.p19 .c-wyg[data-zk] > section { position: relative; overflow: clip; isolation: isolate; }
body.p19 .c-wyg[data-zk] > section::after { content: ""; position: absolute; z-index: -1; width: clamp(520px, 70vw, 980px); aspect-ratio: 1; right: 0; bottom: 0; transform: translate(42%, 42%); border-radius: 50%; border: 2px solid rgba(201, 80, 0, .16); pointer-events: none; }
body.p19 .c-wyg[data-zk] .c-wyg__list { grid-template-columns: minmax(0, 1fr) !important; width: min(760px, calc(100% - 40px)) !important; margin-inline: auto; gap: 60px !important; grid-auto-rows: 1fr; }
body.p19 .c-wyg[data-zk] .c-wyg__row { padding: 44px 64px 30px 28px !important; gap: 0 !important; justify-content: center !important; }
body.p19 .c-wyg[data-zk] .c-wyg__ic { display: none !important; }
body.p19 .c-wyg[data-zk] .c-wyg__row::after { content: ""; position: absolute; right: -28px; top: 50%; width: 56px; height: 56px; transform: translateY(-50%); border-radius: 50%; background: #c95000; box-shadow: 0 0 0 7px var(--zk-bg, #fef8f4), 0 6px 14px rgba(120, 48, 0, .25); }
body.p19 .c-wyg[data-zk] .c-wyg__tx { position: relative; }
@media (max-width: 600px) { body.p19 .c-wyg[data-zk] .c-wyg__row { padding: 44px 44px 26px 20px !important; } body.p19 .c-wyg[data-zk] .c-wyg__list { width: calc(100% - 52px) !important; margin-inline-start: 36px; } }
body.p19 .c-wyg[data-zk] .c-wyg__row::after { background: #c95000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='white' d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E") center / 26px 26px no-repeat !important; }
body.p19 .c-wyg[data-zk] .c-wyg__row::before { background: rgba(195, 78, 0, .55) !important; }
/* guarantee dark card: 80 percent of the screen width (Liav, Session 124); the stamp stays anchored to the card corner, so it moves with it */
body.p19 .c-gle[data-zk] .c-gle__box { width: 80vw !important; max-width: none !important; }
@media (max-width: 600px) { body.p19 .c-gle[data-zk] .c-gle__box { width: calc(100vw - 32px) !important; } }
/* timeline numbers on desktop a bit bigger again */
@media (min-width: 900px) { body.p19 .c-hwk[data-zk] .c-hwk__num { font-size: 60px !important; } }
/* FORM 2 = section 124 ("קשה לך להחליט?" from the leave-details page, Liav's pick, Session 124): open form, two white fields, full-width pill.
   It was built for a dark page, so on this light slot: first headline line in the orange text gradient, second line dark ink, all small text dark, orange button with a white label */
body.p19 .c-fo[data-zk] { background: var(--zk-bg) !important; }
body.p19 .c-fo[data-zk] .c-fo__a { background-image: var(--zk-grad-text, linear-gradient(#c34e00, #c34e00)) !important; }
body.p19 .c-fo[data-zk] .c-fo__b { background-image: linear-gradient(#2a1608, #2a1608) !important; }
body.p19 .c-fo[data-zk] :is(.c-fo__ok, .c-fo__note, .c-fomo, .zk-trust, .zkf-cons label) { color: #2a1608 !important; }
body.p19 .c-fo[data-zk] .c-fo__field input { border: 1.5px solid color-mix(in srgb, #c95000 30%, #fff) !important; color: #2a1608 !important; }
body.p19 .c-fo[data-zk] .c-fo__field input::placeholder { color: #7a6556 !important; }
body.p19 .c-fo[data-zk] .c-fo__go { background: linear-gradient(135deg, #c95000, #8e3c04) !important; color: #fff !important; box-shadow: 0 10px 24px rgba(142, 60, 4, .3) !important; }
body.p19 .c-gle[data-zk] .c-gle__box { margin-inline: auto !important; }
/* what-you-get cards: the stroke is a REAL border (clean, anti-aliased round corners); the mask-composite ring rendered jagged corners. The gap behind the number stays (clip-path). */
body.p19 .c-wyg[data-zk] .c-wyg__row::before { padding: 0 !important; background: none !important; border: 2px solid rgba(195, 78, 0, .55) !important; box-sizing: border-box; -webkit-mask: none !important; mask: none !important; }
/* the big half circle continues down and passes under the orange section below (only sideways overflow is clipped) */
body.p19 .c-wyg[data-zk] > section { overflow: visible !important; overflow-x: clip !important; }
body.p19 .c-wyg[data-zk] > section::after { transform: translate(42%, 62%) !important; }
body.p19 main > .c-wyg[data-zk] { overflow: visible !important; overflow-x: clip !important; }
body.p19 main > .c-wyg[data-zk] + * { position: relative; z-index: 1; }
body.p19 main > .c-wyg[data-zk] + .c-brs, body.p19 main > .c-wyg[data-zk] + .c-brs > section { background-color: transparent !important; background-image: none !important; }
@media (min-width: 900px) { body.p19 .c-hwk[data-zk] .c-hwk__num { font-size: 66px !important; } }
body.p19 .c-gle[data-zk] .c-gle__box { width: 84vw !important; }
@media (max-width: 600px) { body.p19 .c-gle[data-zk] .c-gle__box { width: calc(100vw - 32px) !important; } }
/* form 2 (124) round 2: stronger field strokes, smaller button, real room between the form notes and the footer */
body.p19 .c-fo[data-zk] .c-fo__field input { border: 1.5px solid color-mix(in srgb, #c95000 62%, #fff) !important; }
body.p19 .c-fo[data-zk] .c-fo__go { height: 58px !important; font-size: clamp(18px, 1.35vw, 21px) !important; font-weight: 800 !important; }
body.p19 .c-fo[data-zk] > section { padding-bottom: clamp(96px, 9vw, 150px) !important; }
/* form 2 (124) on desktop: the Figma frame (fixed 846 height, absolute parts) is replaced by normal flow, so the added consent row, errors and trust line never push into the footer */
@media (min-width: 1280px) {
  body.p19 .c-fo[data-zk] .c-fo__sec { width: auto !important; height: auto !important; padding: 72px 24px 150px !important; }
  body.p19 .c-fo[data-zk] :is(.c-fo__h, .c-fo__form, .c-fo__note) { position: static !important; }
  body.p19 .c-fo[data-zk] .c-fo__form { width: min(640px, 100%) !important; margin: 48px auto 0 !important; gap: 20px !important; }
  body.p19 .c-fo[data-zk] .c-fo__a, body.p19 .c-fo[data-zk] .c-fo__b { font-size: 46px !important; line-height: 1.3 !important; }
  body.p19 .c-fo[data-zk] .c-fo__field input { height: 64px !important; font-size: 20px !important; }
  body.p19 .c-fo[data-zk] .c-fo__note { margin: 28px auto 0 !important; max-width: 640px !important; font-size: 18px !important; line-height: 1.6 !important; }
}
/* what-you-get: a matching big half circle at the TOP LEFT of the section, both rings softer */
body.p19 .c-wyg[data-zk] > section::after { border-color: rgba(201, 80, 0, .1) !important; }
body.p19 .c-wyg[data-zk] > section::before { content: "" !important; display: block !important; position: absolute; z-index: -1; width: clamp(520px, 70vw, 980px); aspect-ratio: 1; left: 0; top: 0; transform: translate(-48%, -38%); border-radius: 50%; border: 2px solid rgba(201, 80, 0, .1); background: none !important; filter: none !important; pointer-events: none; }
body.p19 .c-wyg[data-zk] > section::before, body.p19 .c-wyg[data-zk] > section::after { border-color: rgba(201, 80, 0, .06) !important; }
/* HERO 336 social proof (Liav, Session 124, his reference): two white message bubbles with a round profile photo float over the expert, and a column of round client logos stands on his left */
body.p19 .c-hrf[data-zk] .c-hrf__vis { position: relative; }
body.p19 .p19-msg { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; max-width: min(250px, 62%); padding: 10px 14px 10px 12px; border-radius: 16px 16px 16px 4px; background: #fff; box-shadow: 0 10px 24px rgba(60, 20, 0, .22), 0 2px 6px rgba(60, 20, 0, .12); text-align: right; font-family: "Noto Sans Hebrew", sans-serif; }
body.p19 .p19-msg img { flex: none; width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: #d9d9d9; }
body.p19 .p19-msg p { margin: 0; display: grid; gap: 2px; font-size: 14px; line-height: 1.35; color: #3b2a20 !important; -webkit-text-fill-color: #3b2a20 !important; }
body.p19 .p19-msg b { font-weight: 800; color: #2a1608 !important; -webkit-text-fill-color: #2a1608 !important; }
body.p19 .p19-msg span { color: #4a3528 !important; -webkit-text-fill-color: #4a3528 !important; }
body.p19 .p19-msg--1 { top: 18%; right: 2%; border-radius: 16px 16px 4px 16px; }
body.p19 .p19-msg--2 { top: 58%; left: 14%; }
body.p19 .p19-logos { position: absolute; z-index: 3; left: 0; top: 50%; transform: translateY(-50%); margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; }
body.p19 .p19-logos li { width: 56px; height: 56px; border-radius: 50%; background: #fff; box-shadow: 0 6px 16px rgba(60, 20, 0, .2); display: grid; place-items: center; }
body.p19 .p19-logos span { font-size: 10px; font-weight: 700; color: #6b4a36 !important; -webkit-text-fill-color: #6b4a36 !important; text-align: center; line-height: 1.1; }
@media (max-width: 600px) {
  body.p19 .p19-msg { max-width: 58%; padding: 8px 10px; gap: 8px; }
  body.p19 .p19-msg img { width: 32px; height: 32px; }
  body.p19 .p19-msg p { font-size: 12.5px; }
  body.p19 .p19-msg--2 { left: 2%; }
  body.p19 .p19-logos { gap: 8px; }
  body.p19 .p19-logos li { width: 40px; height: 40px; }
  body.p19 .p19-logos span { font-size: 8px; }
}
@media (max-width: 600px) { body.p19 .p19-msg--1 { top: 34%; right: 0; } body.p19 .p19-msg--2 { top: 66%; } }
@media (min-width: 1280px) { body.p19 .c-fo[data-zk] .c-fo__sec { padding-bottom: 72px !important; } } body.p19 .c-fo[data-zk] > section { padding-bottom: 64px !important; }
/* HERO 336 round 4 (Liav, Session 124, composition from oshrafinancial.com, our own shape): a white LEAF shape (two big round corners, two small ones)
   with a white outline leaf offset around it, the expert standing in it with his head above the shape top and his body cut flat at the shape bottom,
   and floating white UI cards (icon + short label, and an avatar stack with a number) */
body.p19 .c-hrf[data-zk] .c-hrf__vis { --lw: calc(var(--fh) * .92); --lh: calc(var(--fh) * .78); }
body.p19 .c-hrf[data-zk] .c-hrf__panel { width: var(--lw) !important; height: var(--lh) !important; border-radius: calc(var(--lw) * .42) 26px calc(var(--lw) * .42) 26px !important; }
body.p19 .c-hrf[data-zk] .c-hrf__panel::after { inset: -16px !important; border-radius: calc(var(--lw) * .42 + 16px) 42px calc(var(--lw) * .42 + 16px) 42px !important; border: 2px solid rgba(255, 255, 255, .75) !important; }
body.p19 .c-hrf[data-zk] .c-hrf__fig { -webkit-mask-image: none !important; mask-image: none !important; clip-path: inset(-100% -100% 0 -100%); }
body.p19 .p19-msg, body.p19 .p19-logos { display: none !important; }
:is(body.p19, .c-p19h) .p19-fc { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; padding: 10px 16px 10px 12px; border-radius: 18px; background: #fff; box-shadow: 0 12px 28px rgba(60, 20, 0, .22), 0 2px 6px rgba(60, 20, 0, .12); font-family: "Noto Sans Hebrew", sans-serif; }
:is(body.p19, .c-p19h) .p19-fc p { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.3; color: #2a1608 !important; -webkit-text-fill-color: #2a1608 !important; white-space: nowrap; }
:is(body.p19, .c-p19h) .p19-fc__ic { flex: none; width: 42px; height: 42px; border-radius: 50%; background: #c95000; position: relative; }
:is(body.p19, .c-p19h) .p19-fc__ic::after { content: ""; position: absolute; inset: 10px; background: #fff; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
:is(body.p19, .c-p19h) .p19-fc--1 { top: 22%; right: -2%; }
:is(body.p19, .c-p19h) .p19-fc--2 { top: 52%; left: -4%; }
:is(body.p19, .c-p19h) .p19-fc--3 { bottom: 8%; right: 2%; padding: 8px 10px 8px 12px; }
:is(body.p19, .c-p19h) .p19-fc__num { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #c95000; }
:is(body.p19, .c-p19h) .p19-fc__num .n { font-family: "Poppins", sans-serif; font-weight: 900; font-size: 13px; color: #fff !important; -webkit-text-fill-color: #fff !important; }
:is(body.p19, .c-p19h) .p19-fc__avs { display: flex; margin: 0; padding: 0; list-style: none; }
:is(body.p19, .c-p19h) .p19-fc__avs li { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; border: 2px solid #fff; background: #d9d9d9; }
:is(body.p19, .c-p19h) .p19-fc__avs li + li { margin-inline-start: -12px; }
:is(body.p19, .c-p19h) .p19-fc__avs img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 600px) {
  :is(body.p19, .c-p19h) .p19-fc { padding: 7px 10px 7px 8px; gap: 7px; }
  :is(body.p19, .c-p19h) .p19-fc p { font-size: 12.5px; }
  :is(body.p19, .c-p19h) .p19-fc__ic, :is(body.p19, .c-p19h) .p19-fc__num { width: 32px; height: 32px; }
  :is(body.p19, .c-p19h) .p19-fc__ic::after { inset: 8px; }
  :is(body.p19, .c-p19h) .p19-fc__avs li { width: 30px; height: 30px; }
  :is(body.p19, .c-p19h) .p19-fc--1 { top: 30%; right: 0; }
  :is(body.p19, .c-p19h) .p19-fc--2 { left: 0; }
}
@media (max-width: 600px) { :is(body.p19, .c-p19h) .p19-fc--1 { top: 44% !important; } :is(body.p19, .c-p19h) .p19-fc--2 { top: 64% !important; } :is(body.p19, .c-p19h) .p19-fc--3 { bottom: 4% !important; } }
/* HERO 336 round 5 (Liav, Session 124, like oshrafinancial.com): no shaped bottom edge, the orange FADES smoothly into the next section's colour;
   half the space under the hero text (144 -> 72px); the expert, the shape and its cards stand right on the bottom of the hero; the next section is not pulled up any more */
body.p19 main > .c-hrf[data-zk] { background: linear-gradient(180deg, #c95000 0, #c95000 calc(100% - 200px), #fef8f4 100%) !important; }
body.p19 main > .c-hrf[data-zk] > section { -webkit-mask: none !important; mask: none !important; padding-bottom: 72px !important; }
body.p19 main > .c-hrf[data-zk] > section::after { display: none !important; }
body.p19 main > .c-hrf[data-zk] .c-hrf__vis { margin-bottom: -72px; align-self: end; }
body.p19 main > .c-hrf[data-zk] + * { margin-top: 0 !important; }
body.p19 main > .c-hrf[data-zk] + * > section { border-top-width: 0 !important; padding-top: 48px !important; }
@media (min-width: 900px) { body.p19 main > .c-hrf[data-zk] + * > section { padding-top: 57px !important; } }
body.p19 main > .c-hrf[data-zk] { background: linear-gradient(180deg, #c95000 0, #c95000 calc(100% - 72px), #fef8f4 100%) !important; }
@media (min-width: 900px) { body.p19 main > .c-hrf[data-zk] + * > section { padding-top: 39px !important; } }
/* HERO 336 round 6 (Liav, Session 124): ONE smooth eased fade (smootherstep, 30 stops) from the hero orange into the cream, the first 110px inside the hero bottom and the rest 150px at the top of the next section, so the two sections melt together. Generated. */
body.p19 main > .c-hrf[data-zk] { background: linear-gradient(180deg, #c95000 0, #c95000 calc(100% - 110px), rgb(201, 80, 0) calc(100% - 102.1px), rgb(201, 80, 0) calc(100% - 94.3px), rgb(201, 81, 2) calc(100% - 86.4px), rgb(202, 82, 4) calc(100% - 78.6px), rgb(202, 85, 7) calc(100% - 70.7px), rgb(203, 87, 11) calc(100% - 62.9px), rgb(205, 91, 16) calc(100% - 55.0px), rgb(206, 96, 23) calc(100% - 47.1px), rgb(208, 102, 31) calc(100% - 39.3px), rgb(210, 108, 41) calc(100% - 31.4px), rgb(212, 115, 51) calc(100% - 23.6px), rgb(215, 123, 62) calc(100% - 15.7px), rgb(217, 131, 74) calc(100% - 7.9px), rgb(220, 140, 87) calc(100% - 0.0px)) !important; }
body.p19 main > .c-hrf[data-zk] > section { padding-bottom: 110px !important; }
body.p19 main > .c-hrf[data-zk] .c-hrf__vis { margin-bottom: -110px; }
body.p19 main > .c-hrf[data-zk] + * { background: linear-gradient(180deg, rgb(220, 140, 87) 0.0px, rgb(224, 153, 106) 10.7px, rgb(228, 166, 125) 21.4px, rgb(232, 179, 143) 32.1px, rgb(236, 191, 161) 42.9px, rgb(240, 203, 178) 53.6px, rgb(243, 214, 194) 64.3px, rgb(246, 223, 208) 75.0px, rgb(249, 231, 219) 85.7px, rgb(251, 237, 229) 96.4px, rgb(252, 242, 236) 107.1px, rgb(253, 245, 240) 117.9px, rgb(254, 247, 243) 128.6px, rgb(254, 248, 244) 139.3px, rgb(254, 248, 244) 150.0px, #fef8f4 150px) !important; }
@media (min-width: 900px) { body.p19 main > .c-hrf[data-zk] + * > section { padding-top: 57px !important; } }
/* HERO cards round 2 (Liav, Session 124, his reference image): small corner radius on every card (10px);
   the 250+ card sits on the LEFT, a translucent frosted card, a big solid round number badge and big overlapping round photos the same size */
:is(body.p19, .c-p19h) .p19-fc { border-radius: 10px !important; }
:is(body.p19, .c-p19h) .p19-fc--3 { right: auto !important; left: -14% !important; bottom: 6% !important; gap: 0 !important; padding: 10px 14px 10px 10px !important; background: rgba(255, 255, 255, .26) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, .35); box-shadow: 0 10px 24px rgba(60, 20, 0, .18) !important; }
:is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__num { width: 86px; height: 86px; background: #fff; position: relative; z-index: 2; }
:is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__num .n { font-size: 24px; color: #8e3c04 !important; -webkit-text-fill-color: #8e3c04 !important; }
:is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__avs li { width: 86px; height: 86px; border: 3px solid rgba(255, 255, 255, .9); }
:is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__avs li + li, :is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__avs li:first-child { margin-inline-start: -20px; }
@media (max-width: 600px) {
  :is(body.p19, .c-p19h) .p19-fc--3 { left: 0 !important; padding: 6px 8px 6px 6px !important; }
  :is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__num, :is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__avs li { width: 52px; height: 52px; }
  :is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__num .n { font-size: 15px; }
  :is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__avs li + li, :is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__avs li:first-child { margin-inline-start: -12px; }
}
/* HERO 336 round 6 (Liav, Session 124): ONE smooth eased fade (smootherstep, 30 stops) from the hero orange into the cream, the first 150px inside the hero bottom and the rest 280px at the top of the next section, so the two sections melt together. Generated. */
body.p19 main > .c-hrf[data-zk] { background: linear-gradient(180deg, #c95000 0, #c95000 calc(100% - 150px), rgb(201, 80, 0) calc(100% - 143.8px), rgb(201, 80, 0) calc(100% - 137.5px), rgb(201, 80, 0) calc(100% - 131.3px), rgb(201, 80, 0) calc(100% - 125.0px), rgb(201, 81, 1) calc(100% - 118.8px), rgb(201, 81, 1) calc(100% - 112.5px), rgb(201, 82, 2) calc(100% - 106.3px), rgb(202, 82, 3) calc(100% - 100.0px), rgb(202, 83, 4) calc(100% - 93.8px), rgb(202, 84, 6) calc(100% - 87.5px), rgb(203, 85, 8) calc(100% - 81.3px), rgb(203, 87, 10) calc(100% - 75.0px), rgb(204, 88, 12) calc(100% - 68.8px), rgb(204, 90, 15) calc(100% - 62.5px), rgb(205, 92, 18) calc(100% - 56.3px), rgb(206, 94, 21) calc(100% - 50.0px), rgb(206, 97, 25) calc(100% - 43.8px), rgb(207, 100, 28) calc(100% - 37.5px), rgb(208, 102, 32) calc(100% - 31.3px), rgb(209, 105, 37) calc(100% - 25.0px), rgb(210, 109, 41) calc(100% - 18.8px), rgb(211, 112, 46) calc(100% - 12.5px), rgb(212, 116, 52) calc(100% - 6.3px), rgb(213, 119, 57) calc(100% - 0.0px)) !important; }
body.p19 main > .c-hrf[data-zk] > section { padding-bottom: 150px !important; }
body.p19 main > .c-hrf[data-zk] .c-hrf__vis { margin-bottom: -150px; }
body.p19 main > .c-hrf[data-zk] + * { background: linear-gradient(180deg, rgb(213, 119, 57) 0.0px, rgb(216, 127, 68) 11.7px, rgb(218, 134, 79) 23.3px, rgb(221, 142, 90) 35.0px, rgb(223, 151, 103) 46.7px, rgb(226, 159, 115) 58.3px, rgb(229, 168, 127) 70.0px, rgb(231, 176, 140) 81.7px, rgb(234, 185, 152) 93.3px, rgb(237, 193, 164) 105.0px, rgb(239, 200, 175) 116.7px, rgb(241, 208, 186) 128.3px, rgb(243, 215, 196) 140.0px, rgb(245, 221, 205) 151.7px, rgb(247, 227, 213) 163.3px, rgb(249, 232, 220) 175.0px, rgb(250, 236, 226) 186.7px, rgb(251, 240, 232) 198.3px, rgb(252, 242, 236) 210.0px, rgb(253, 245, 239) 221.7px, rgb(253, 246, 241) 233.3px, rgb(254, 247, 243) 245.0px, rgb(254, 248, 244) 256.7px, rgb(254, 248, 244) 268.3px, rgb(254, 248, 244) 280.0px, #fef8f4 280px) !important; }
@media (min-width: 900px) { body.p19 main > .c-hrf[data-zk] + * > section { padding-top: 57px !important; } }
/* HERO 336 round 6 (Liav, Session 124): ONE smooth eased fade (smootherstep, 30 stops) from the hero orange into the cream, the first 200px inside the hero bottom and the rest 120px at the top of the next section, so the two sections melt together. Generated. */
body.p19 main > .c-hrf[data-zk] { background: linear-gradient(180deg, #c95000 0, #c95000 calc(100% - 200px), rgb(201, 80, 0) calc(100% - 191.7px), rgb(201, 80, 0) calc(100% - 183.3px), rgb(201, 81, 1) calc(100% - 175.0px), rgb(202, 82, 2) calc(100% - 166.7px), rgb(202, 83, 4) calc(100% - 158.3px), rgb(203, 85, 7) calc(100% - 150.0px), rgb(203, 88, 11) calc(100% - 141.7px), rgb(204, 91, 16) calc(100% - 133.3px), rgb(206, 95, 21) calc(100% - 125.0px), rgb(207, 99, 28) calc(100% - 116.7px), rgb(209, 104, 36) calc(100% - 108.3px), rgb(211, 110, 44) calc(100% - 100.0px), rgb(213, 117, 53) calc(100% - 91.7px), rgb(215, 123, 63) calc(100% - 83.3px), rgb(217, 131, 74) calc(100% - 75.0px), rgb(219, 138, 85) calc(100% - 66.7px), rgb(222, 146, 96) calc(100% - 58.3px), rgb(224, 154, 108) calc(100% - 50.0px), rgb(227, 162, 120) calc(100% - 41.7px), rgb(230, 171, 132) calc(100% - 33.3px), rgb(232, 179, 143) calc(100% - 25.0px), rgb(235, 187, 155) calc(100% - 16.7px), rgb(237, 194, 166) calc(100% - 8.3px), rgb(239, 202, 177) calc(100% - 0.0px)) !important; }
body.p19 main > .c-hrf[data-zk] > section { padding-bottom: 200px !important; }
body.p19 main > .c-hrf[data-zk] .c-hrf__vis { margin-bottom: -200px; }
body.p19 main > .c-hrf[data-zk] + * { background: linear-gradient(180deg, rgb(239, 202, 177) 0.0px, rgb(241, 206, 183) 5.0px, rgb(242, 210, 189) 10.0px, rgb(243, 214, 195) 15.0px, rgb(244, 218, 200) 20.0px, rgb(246, 221, 205) 25.0px, rgb(247, 225, 210) 30.0px, rgb(248, 228, 215) 35.0px, rgb(249, 231, 219) 40.0px, rgb(249, 233, 223) 45.0px, rgb(250, 236, 226) 50.0px, rgb(251, 238, 229) 55.0px, rgb(251, 240, 232) 60.0px, rgb(252, 242, 235) 65.0px, rgb(252, 243, 237) 70.0px, rgb(253, 244, 239) 75.0px, rgb(253, 245, 240) 80.0px, rgb(253, 246, 241) 85.0px, rgb(254, 247, 242) 90.0px, rgb(254, 247, 243) 95.0px, rgb(254, 248, 243) 100.0px, rgb(254, 248, 244) 105.0px, rgb(254, 248, 244) 110.0px, rgb(254, 248, 244) 115.0px, rgb(254, 248, 244) 120.0px, #fef8f4 120px) !important; }
/* the shape's drop shadow was cut by the next section and drew a hard line: no shadow on the shape, the next headline lands where the fade is finished */
body.p19 .c-hrf[data-zk] .c-hrf__panel { box-shadow: none !important; }
body.p19 main > .c-hrf[data-zk] + * > section { padding-top: 96px !important; }
@media (max-width: 899px) { body.p19 main > .c-hrf[data-zk] + * > section { padding-top: 80px !important; } }
/* overlap 2px so no sub-pixel strip of the page colour shows between the two halves of the fade */ body.p19 main > .c-hrf[data-zk] + * { margin-top: -2px !important; }
/* HERO cards round 3 (Liav, Session 124): ALL three cards in the 250 card style (frosted white glass, 10px corners, big round badge),
   placed like oshrafinancial.com (Elementor values read from the page: card A top 17vw on the start side -5vw, card B bottom 5vw on the end side -6vw,
   card C bottom 21vw end side 4vw); and the whole figure group fades out at its very bottom so it melts into the hero fade */
:is(body.p19, .c-p19h) .p19-fc { top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; padding: 10px 16px 10px 10px !important; gap: 12px !important; border-radius: 10px !important; background: rgba(255, 255, 255, .52) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, .45); box-shadow: 0 10px 24px rgba(60, 20, 0, .16) !important; }
:is(body.p19, .c-p19h) .p19-fc__ic { width: 58px !important; height: 58px !important; background: #fff !important; }
:is(body.p19, .c-p19h) .p19-fc__ic::after { inset: 15px !important; background: #c34e00 !important; }
:is(body.p19, .c-p19h) .p19-fc p { font-size: 16px !important; }
:is(body.p19, .c-p19h) .p19-fc--1 { top: min(17vw, 245px) !important; right: max(-5vw, -72px) !important; }
:is(body.p19, .c-p19h) .p19-fc--2 { bottom: min(5vw, 72px) !important; left: max(-6vw, -86px) !important; }
:is(body.p19, .c-p19h) .p19-fc--3 { bottom: min(21vw, 300px) !important; left: min(4vw, 58px) !important; }
body.p19 .c-hrf[data-zk] .c-hrf__vis { -webkit-mask-image: linear-gradient(180deg, #000 0, #000 80%, rgba(0,0,0,.75) 87%, rgba(0,0,0,.35) 94%, transparent 100%); mask-image: linear-gradient(180deg, #000 0, #000 80%, rgba(0,0,0,.75) 87%, rgba(0,0,0,.35) 94%, transparent 100%); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x; -webkit-mask-clip: no-clip; mask-clip: no-clip; }
@media (max-width: 600px) {
  :is(body.p19, .c-p19h) .p19-fc { padding: 6px 10px 6px 6px !important; gap: 8px !important; }
  :is(body.p19, .c-p19h) .p19-fc__ic, :is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__num, :is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__avs li { width: 44px !important; height: 44px !important; }
  :is(body.p19, .c-p19h) .p19-fc__ic::after { inset: 11px !important; }
  :is(body.p19, .c-p19h) .p19-fc p { font-size: 12.5px !important; }
  :is(body.p19, .c-p19h) .p19-fc--1 { top: 40% !important; right: 0 !important; }
  :is(body.p19, .c-p19h) .p19-fc--2 { bottom: 6% !important; left: 0 !important; }
  :is(body.p19, .c-p19h) .p19-fc--3 { bottom: 26% !important; left: 0 !important; }
}
@media (min-width: 601px) { :is(body.p19, .c-p19h) .p19-fc--3 { bottom: min(12.5vw, 180px) !important; } :is(body.p19, .c-p19h) .p19-fc--1 { top: min(22vw, 300px) !important; } }
@media (min-width: 601px) { :is(body.p19, .c-p19h) .p19-fc--1 { top: min(13vw, 190px) !important; } }
/* fit section 172, the "yes" card (Liav, Session 124): all its text and marks in the brand colour, each shade checked for WCAG 2.1 AA on the white card:
   big title and closing line #c95000 (large text, 4.53:1), list text and V marks #b04600 (normal text, see ratio in the report) */
body.p19 .c-sfa[data-zk] .c-sfa__card--yes :is(h2, h3, .c-sfa__h3) { color: #c95000 !important; -webkit-text-fill-color: #c95000 !important; }
body.p19 .c-sfa[data-zk] .c-sfa__card--yes :not(.c-sfa__ic):not(h2):not(h3):not(.c-sfa__h3) { color: #b04600 !important; -webkit-text-fill-color: #b04600 !important; }
body.p19 .c-sfa[data-zk] .c-sfa__card--yes .c-sfa__ic { color: #b04600 !important; background: #b04600 !important; }
body.p19 .c-sfa[data-zk] .c-sfa__card--yes .c-sfa__sum, body.p19 .c-sfa[data-zk] .c-sfa__card--yes .c-sfa__sum * { color: #c95000 !important; -webkit-text-fill-color: #c95000 !important; }
/* HERO round 7 (Liav, Session 124, matched to his screenshot of oshrafinancial.com):
   text and figure sit close together and line up (text column centred against the figure), headline a little smaller,
   the three cards are the SAME size (300 x 96), two of them stick out towards the text on the right (top and lower), the avatar card sticks out on the left at the top */
@media (min-width: 900px) {
  body.p19 .c-hrf[data-zk] .c-hrf__in { grid-template-columns: minmax(0, 560px) minmax(0, 540px) !important; column-gap: 110px !important; justify-content: center; align-items: center !important; }
  body.p19 .c-hrf[data-zk] .c-hrf__vis { --fh: 660px !important; width: 540px; }
  body.p19 .c-hrf[data-zk] h1 { font-size: 48px !important; }
}
:is(body.p19, .c-p19h) .p19-fc { box-sizing: border-box; width: 300px; height: 96px; padding: 0 16px !important; gap: 14px !important; justify-content: flex-start; }
:is(body.p19, .c-p19h) .p19-fc p { white-space: normal !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.35 !important; }
:is(body.p19, .c-p19h) .p19-fc__ic { width: 62px !important; height: 62px !important; }
:is(body.p19, .c-p19h) .p19-fc__ic::after { inset: 17px !important; }
:is(body.p19, .c-p19h) .p19-fc--3 { padding: 0 12px !important; }
:is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__num, :is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__avs li { width: 64px !important; height: 64px !important; }
:is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__num .n { font-size: 18px !important; }
:is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__avs li + li, :is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__avs li:first-child { margin-inline-start: -16px !important; }
@media (min-width: 601px) {
  :is(body.p19, .c-p19h) .p19-fc--1 { top: 33% !important; right: -22% !important; left: auto !important; bottom: auto !important; }
  :is(body.p19, .c-p19h) .p19-fc--3 { top: 33% !important; left: -14% !important; right: auto !important; bottom: auto !important; }
  :is(body.p19, .c-p19h) .p19-fc--2 { top: auto !important; bottom: 34% !important; right: -24% !important; left: auto !important; }
}
@media (max-width: 600px) {
  :is(body.p19, .c-p19h) .p19-fc { width: 200px; height: 64px; padding: 0 10px !important; gap: 8px !important; }
  :is(body.p19, .c-p19h) .p19-fc p { font-size: 12.5px !important; }
  :is(body.p19, .c-p19h) .p19-fc__ic, :is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__num, :is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__avs li { width: 44px !important; height: 44px !important; }
  :is(body.p19, .c-p19h) .p19-fc__ic::after { inset: 12px !important; }
  :is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__num .n { font-size: 13px !important; }
  :is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__avs li + li, :is(body.p19, .c-p19h) .p19-fc--3 .p19-fc__avs li:first-child { margin-inline-start: -12px !important; }
}
@media (min-width: 601px) { :is(body.p19, .c-p19h) .p19-fc--2 { bottom: auto !important; top: 60% !important; } }
@media (min-width: 601px) { :is(body.p19, .c-p19h) .p19-fc--1 { right: -18% !important; } :is(body.p19, .c-p19h) .p19-fc--2 { right: -20% !important; } }
/* fit card "yes": hairlines between the rows like the "no" card (1px, low opacity), in the brand orange */ body.p19 .c-sfa[data-zk] .c-sfa__card--yes li:not(:last-child) { border-bottom: 1px solid rgba(201, 80, 0, .2) !important; }
/* PROOF 2 = section 115 ("זה מה שמתאמנים שלי שולחים לי כל יום", Liav's pick, Session 124) on the light page: page colours instead of gold-on-black,
   smaller cards, TWO per row on desktop (the third centred under them), the Figma 1920 frame replaced by a flow grid */
body.p19 .c-gt[data-zk] { background: var(--zk-bg) !important; }
body.p19 .c-gt[data-zk] .c-gt__a { background: var(--zk-grad-text, linear-gradient(#c34e00, #c34e00)) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; }
body.p19 .c-gt[data-zk] .c-gt__b { color: #2a1608 !important; -webkit-text-fill-color: #2a1608 !important; }
body.p19 .c-gt[data-zk] .c-gt__card { background: #fff !important; box-shadow: 0 8px 24px rgba(120, 40, 6, .1), 0 1px 3px rgba(120, 40, 6, .08); }
body.p19 .c-gt[data-zk] .c-gt__card::before { border-color: rgba(201, 80, 0, .55) !important; }
body.p19 .c-gt[data-zk] .c-gt__name { background: none !important; color: #2a1608 !important; -webkit-text-fill-color: #2a1608 !important; }
body.p19 .c-gt[data-zk] blockquote { color: #5c4334 !important; font-weight: 400 !important; }
body.p19 .c-gt[data-zk] :is(.c-gt__avw, .c-gt__av) { border-color: #c95000 !important; }
body.p19 .c-gt[data-zk] .c-gt__q { filter: brightness(0) saturate(100%) invert(33%) sepia(93%) saturate(2500%) hue-rotate(10deg) brightness(.95); }
@media (min-width: 900px) {
  body.p19 .c-gt[data-zk] .c-gt__sec { width: auto !important; height: auto !important; padding: 96px 24px 110px !important; }
  body.p19 .c-gt[data-zk] .c-gt__h { position: static !important; }
  body.p19 .c-gt[data-zk] .c-gt__a { font-size: 40px !important; line-height: 1.25 !important; }
  body.p19 .c-gt[data-zk] .c-gt__b { font-size: 48px !important; line-height: 1.2 !important; }
  body.p19 .c-gt[data-zk] .c-gt__list { position: static !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px 36px; width: min(1060px, 100%); margin: 64px auto 0 !important; }
  body.p19 .c-gt[data-zk] .c-gt__item { position: relative !important; left: auto !important; top: auto !important; width: auto !important; padding-top: 24px !important; }
  body.p19 .c-gt[data-zk] .c-gt__item:nth-child(3):last-child { grid-column: 1 / -1; width: calc(50% - 18px) !important; justify-self: center; }
  body.p19 .c-gt[data-zk] .c-gt__q { width: 44px !important; }
  body.p19 .c-gt[data-zk] .c-gt__q--l { left: 34px !important; }
  body.p19 .c-gt[data-zk] .c-gt__q--r { right: 34px !important; }
  body.p19 .c-gt[data-zk] .c-gt__card { margin: 0 !important; padding: 34px 36px 30px !important; border-radius: 26px !important; min-height: 0 !important; height: 100%; box-sizing: border-box; }
  body.p19 .c-gt[data-zk] .c-gt__avw, body.p19 .c-gt[data-zk] .c-gt__av { width: 60px !important; height: 60px !important; }
  body.p19 .c-gt[data-zk] .c-gt__who { gap: 16px !important; }
  body.p19 .c-gt[data-zk] .c-gt__name { font-size: 26px !important; line-height: 1.25 !important; }
  body.p19 .c-gt[data-zk] blockquote { margin-top: 16px !important; font-size: 19px !important; line-height: 1.6 !important; }
  body.p19 .c-gt[data-zk] .c-gt__stars { width: 110px !important; margin-top: 18px !important; }
}
/* HERO fade round 8 (Liav, Session 124): OKLab colours + one smootherstep curve, background split hero 230px / next 150px, figure group masked on the same curve over its bottom 300px. Generated by scratchpad fade2.js. */
body.p19 main > .c-hrf[data-zk] { background: linear-gradient(180deg, #c95000 0, #c95000 calc(100% - 230px), rgb(201, 80, 0) calc(100% - 221.8px), rgb(201, 80, 1) calc(100% - 213.6px), rgb(201, 80, 2) calc(100% - 205.4px), rgb(201, 81, 4) calc(100% - 197.1px), rgb(202, 82, 8) calc(100% - 188.9px), rgb(202, 83, 13) calc(100% - 180.7px), rgb(203, 85, 19) calc(100% - 172.5px), rgb(204, 87, 24) calc(100% - 164.3px), rgb(205, 90, 30) calc(100% - 156.1px), rgb(206, 93, 36) calc(100% - 147.9px), rgb(208, 97, 43) calc(100% - 139.6px), rgb(209, 101, 49) calc(100% - 131.4px), rgb(211, 106, 56) calc(100% - 123.2px), rgb(213, 110, 63) calc(100% - 115.0px), rgb(215, 116, 70) calc(100% - 106.8px), rgb(217, 121, 78) calc(100% - 98.6px), rgb(219, 127, 86) calc(100% - 90.4px), rgb(221, 133, 94) calc(100% - 82.1px), rgb(224, 139, 102) calc(100% - 73.9px), rgb(226, 146, 110) calc(100% - 65.7px), rgb(228, 152, 119) calc(100% - 57.5px), rgb(231, 159, 128) calc(100% - 49.3px), rgb(233, 166, 136) calc(100% - 41.1px), rgb(235, 172, 145) calc(100% - 32.9px), rgb(237, 179, 153) calc(100% - 24.6px), rgb(239, 185, 162) calc(100% - 16.4px), rgb(241, 192, 170) calc(100% - 8.2px), rgb(242, 198, 178) calc(100% - 0.0px)) !important; }
body.p19 main > .c-hrf[data-zk] > section { padding-bottom: 230px !important; }
body.p19 main > .c-hrf[data-zk] .c-hrf__vis { margin-bottom: -230px !important; -webkit-mask-image: linear-gradient(180deg, #000 0, #000 calc(100% - 300px), rgba(0,0,0,1.000) calc(100% - 289.3px), rgba(0,0,0,0.997) calc(100% - 278.6px), rgba(0,0,0,0.990) calc(100% - 267.9px), rgba(0,0,0,0.977) calc(100% - 257.1px), rgba(0,0,0,0.957) calc(100% - 246.4px), rgba(0,0,0,0.931) calc(100% - 235.7px), rgba(0,0,0,0.896) calc(100% - 225.0px), rgba(0,0,0,0.855) calc(100% - 214.3px), rgba(0,0,0,0.807) calc(100% - 203.6px), rgba(0,0,0,0.754) calc(100% - 192.9px), rgba(0,0,0,0.695) calc(100% - 182.1px), rgba(0,0,0,0.632) calc(100% - 171.4px), rgba(0,0,0,0.567) calc(100% - 160.7px), rgba(0,0,0,0.500) calc(100% - 150.0px), rgba(0,0,0,0.433) calc(100% - 139.3px), rgba(0,0,0,0.368) calc(100% - 128.6px), rgba(0,0,0,0.305) calc(100% - 117.9px), rgba(0,0,0,0.246) calc(100% - 107.1px), rgba(0,0,0,0.193) calc(100% - 96.4px), rgba(0,0,0,0.145) calc(100% - 85.7px), rgba(0,0,0,0.104) calc(100% - 75.0px), rgba(0,0,0,0.069) calc(100% - 64.3px), rgba(0,0,0,0.043) calc(100% - 53.6px), rgba(0,0,0,0.023) calc(100% - 42.9px), rgba(0,0,0,0.010) calc(100% - 32.1px), rgba(0,0,0,0.003) calc(100% - 21.4px), rgba(0,0,0,0.000) calc(100% - 10.7px), rgba(0,0,0,0.000) calc(100% - 0.0px)) !important; mask-image: linear-gradient(180deg, #000 0, #000 calc(100% - 300px), rgba(0,0,0,1.000) calc(100% - 289.3px), rgba(0,0,0,0.997) calc(100% - 278.6px), rgba(0,0,0,0.990) calc(100% - 267.9px), rgba(0,0,0,0.977) calc(100% - 257.1px), rgba(0,0,0,0.957) calc(100% - 246.4px), rgba(0,0,0,0.931) calc(100% - 235.7px), rgba(0,0,0,0.896) calc(100% - 225.0px), rgba(0,0,0,0.855) calc(100% - 214.3px), rgba(0,0,0,0.807) calc(100% - 203.6px), rgba(0,0,0,0.754) calc(100% - 192.9px), rgba(0,0,0,0.695) calc(100% - 182.1px), rgba(0,0,0,0.632) calc(100% - 171.4px), rgba(0,0,0,0.567) calc(100% - 160.7px), rgba(0,0,0,0.500) calc(100% - 150.0px), rgba(0,0,0,0.433) calc(100% - 139.3px), rgba(0,0,0,0.368) calc(100% - 128.6px), rgba(0,0,0,0.305) calc(100% - 117.9px), rgba(0,0,0,0.246) calc(100% - 107.1px), rgba(0,0,0,0.193) calc(100% - 96.4px), rgba(0,0,0,0.145) calc(100% - 85.7px), rgba(0,0,0,0.104) calc(100% - 75.0px), rgba(0,0,0,0.069) calc(100% - 64.3px), rgba(0,0,0,0.043) calc(100% - 53.6px), rgba(0,0,0,0.023) calc(100% - 42.9px), rgba(0,0,0,0.010) calc(100% - 32.1px), rgba(0,0,0,0.003) calc(100% - 21.4px), rgba(0,0,0,0.000) calc(100% - 10.7px), rgba(0,0,0,0.000) calc(100% - 0.0px)) !important; }
body.p19 main > .c-hrf[data-zk] + * { background: linear-gradient(180deg, rgb(242, 198, 178) 0.0px, rgb(243, 202, 183) 5.4px, rgb(244, 205, 188) 10.7px, rgb(245, 209, 193) 16.1px, rgb(246, 213, 197) 21.4px, rgb(247, 216, 202) 26.8px, rgb(248, 219, 206) 32.1px, rgb(249, 222, 210) 37.5px, rgb(249, 225, 214) 42.9px, rgb(250, 228, 217) 48.2px, rgb(250, 230, 221) 53.6px, rgb(251, 233, 224) 58.9px, rgb(251, 235, 227) 64.3px, rgb(252, 237, 229) 69.6px, rgb(252, 239, 232) 75.0px, rgb(253, 240, 234) 80.4px, rgb(253, 242, 236) 85.7px, rgb(253, 243, 238) 91.1px, rgb(253, 244, 239) 96.4px, rgb(253, 245, 240) 101.8px, rgb(254, 246, 241) 107.1px, rgb(254, 247, 242) 112.5px, rgb(254, 247, 243) 117.9px, rgb(254, 247, 243) 123.2px, rgb(254, 248, 244) 128.6px, rgb(254, 248, 244) 133.9px, rgb(254, 248, 244) 139.3px, rgb(254, 248, 244) 144.6px, rgb(254, 248, 244) 150.0px, #fef8f4 150px) !important; }
body.p19 main > .c-hrf[data-zk] + * > section { padding-top: 110px !important; } @media (max-width: 899px) { body.p19 main > .c-hrf[data-zk] + * > section { padding-top: 90px !important; } }
/* proof 2: six cards = three full rows of two, so the old "centre the third card" rule is switched off */
@media (min-width: 900px) { body.p19 .c-gt[data-zk] .c-gt__item:nth-child(3) { grid-column: auto !important; width: auto !important; justify-self: stretch !important; } }
/* the white leaf shape and its outline dissolve on their own (from 40 to 95 percent of their height) so no white edge stays inside the fade */
body.p19 .c-hrf[data-zk] .c-hrf__panel { background: linear-gradient(180deg, #fff 0, rgba(255,255,255,1.000) 40.0%, rgba(255,255,255,0.995) 44.6%, rgba(255,255,255,0.965) 49.2%, rgba(255,255,255,0.896) 53.8%, rgba(255,255,255,0.790) 58.3%, rgba(255,255,255,0.653) 62.9%, rgba(255,255,255,0.500) 67.5%, rgba(255,255,255,0.347) 72.1%, rgba(255,255,255,0.210) 76.7%, rgba(255,255,255,0.104) 81.3%, rgba(255,255,255,0.035) 85.8%, rgba(255,255,255,0.005) 90.4%, rgba(255,255,255,0.000) 95.0%) !important; }
body.p19 .c-hrf[data-zk] .c-hrf__panel::after { -webkit-mask-image: linear-gradient(180deg, #000 0, rgba(0,0,0,1.000) 40.0%, rgba(0,0,0,0.995) 44.6%, rgba(0,0,0,0.965) 49.2%, rgba(0,0,0,0.896) 53.8%, rgba(0,0,0,0.790) 58.3%, rgba(0,0,0,0.653) 62.9%, rgba(0,0,0,0.500) 67.5%, rgba(0,0,0,0.347) 72.1%, rgba(0,0,0,0.210) 76.7%, rgba(0,0,0,0.104) 81.3%, rgba(0,0,0,0.035) 85.8%, rgba(0,0,0,0.005) 90.4%, rgba(0,0,0,0.000) 95.0%); mask-image: linear-gradient(180deg, #000 0, rgba(0,0,0,1.000) 40.0%, rgba(0,0,0,0.995) 44.6%, rgba(0,0,0,0.965) 49.2%, rgba(0,0,0,0.896) 53.8%, rgba(0,0,0,0.790) 58.3%, rgba(0,0,0,0.653) 62.9%, rgba(0,0,0,0.500) 67.5%, rgba(0,0,0,0.347) 72.1%, rgba(0,0,0,0.210) 76.7%, rgba(0,0,0,0.104) 81.3%, rgba(0,0,0,0.035) 85.8%, rgba(0,0,0,0.005) 90.4%, rgba(0,0,0,0.000) 95.0%); }
/* hero cards (Liav, Session 124): card 2 exactly under card 1 on the x axis, more space between them, the avatar card on the left sits between them on the y axis */ @media (min-width: 601px) { :is(body.p19, .c-p19h) .p19-fc--1 { top: 22% !important; right: -18% !important; } :is(body.p19, .c-p19h) .p19-fc--2 { top: 62% !important; bottom: auto !important; right: -18% !important; } :is(body.p19, .c-p19h) .p19-fc--3 { top: 42% !important; } }
/* "מספר מה קרה אחרי" in the same brand text gradient as "זאת לא אשמתך!" */ body.p19 .c-pfg[data-zk] .c-pfg__key { background: var(--zk-grad-text) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; }
/* HERO round 9 (Liav, Session 124, his reference): the cards are BEHIND the shape and the person (layers: cards 0, shape 1, person 2) and stick out at the sides;
   the white shape is much narrower than before (.66 of the figure height instead of .92) */
body.p19 .c-hrf[data-zk] .c-hrf__vis { --lw: calc(var(--fh) * .66) !important; }
body.p19 .c-hrf[data-zk] .c-hrf__panel { z-index: 1 !important; }
body.p19 .c-hrf[data-zk] .c-hrf__fig { z-index: 2 !important; }
:is(body.p19, .c-p19h) .p19-fc { z-index: 0 !important; width: 270px !important; }
@media (min-width: 900px) { body.p19 .c-hrf[data-zk] .c-hrf__in { column-gap: 170px !important; } }
@media (min-width: 601px) {
  :is(body.p19, .c-p19h) .p19-fc--1, :is(body.p19, .c-p19h) .p19-fc--2 { right: -30% !important; }
  :is(body.p19, .c-p19h) .p19-fc--3 { left: -30% !important; }
}
@media (max-width: 600px) { :is(body.p19, .c-p19h) .p19-fc { width: 190px !important; } }
/* cards tuck only ~18px behind the narrow shape (like the reference) so their icon and text stay visible; the 250 card shows its number on the OUTER side */
@media (min-width: 900px) {
  body.p19 .c-hrf[data-zk] .c-hrf__in { grid-template-columns: 600px 540px !important; column-gap: 210px !important; }
  :is(body.p19, .c-p19h) .p19-fc--1, :is(body.p19, .c-p19h) .p19-fc--2 { right: -200px !important; }
  :is(body.p19, .c-p19h) .p19-fc--3 { left: -200px !important; }
}
:is(body.p19, .c-p19h) .p19-fc--3 { flex-direction: row-reverse; }
body.p19 .c-pfg .c-pfg__thin { font-weight: 800 !important; } /* proof headline first line in 800 (Liav, Session 127) */
body.p19 .c-gt[data-zk] .c-gt__card { display: flex !important; flex-direction: column; } body.p19 .c-gt[data-zk] .c-gt__stars { margin-top: auto !important; padding-top: 16px; } /* stars always at the card bottom, whatever the text length (Liav, Session 127) */
/* ===== Session 128 (visual pass of the Ofek copy) ===== */
/* guarantee: the condition label was dark orange on near-black; a light orange of the same hue reads 4.5:1 and more */
body.p19 .c-gle[data-zk] .c-gle__cond { color: #ffb27a !important; -webkit-text-fill-color: #ffb27a !important; background: none !important; border-color: rgba(255, 178, 122, .45) !important; }
/* floating button: a white ring and a deeper shadow, so it stays clear over the orange sections too */
body.p19 .c-mlx .c-mlx__btn.p19b { box-shadow: 0 0 0 3px #fff, 0 14px 30px rgba(40, 12, 0, .45) !important; }
/* bonus on phone and tablet: the confetti stays above the headline */
@media (max-width: 899px) { body.p19 .c-brs__card { padding-top: 132px !important; } }
/* skip link (WCAG 2.4.1): hidden until it gets keyboard focus */
body.p19 .p19-skip { position: fixed; top: 12px; right: 12px; z-index: 100000; padding: 12px 20px; border-radius: 12px; background: #2a1608; color: #fff; font: 700 17px/1.3 "Noto Sans Hebrew", sans-serif; text-decoration: underline; transform: translateY(-200%); }
body.p19 .p19-skip:focus { transform: none; outline: 3px solid #ffb27a; outline-offset: 2px; }
body.p19 main:focus { outline: none; }
/* bonus card: white 18px text on the light end of the gradient (#d6681f) was 3.6:1; the page's own deeper orange keeps it 5.3:1 and more */
body.p19 .c-brs__card { background: linear-gradient(135deg, #b84800 0%, #8e3c04 100%) !important; }
body.p19 .p19-skip:not(:focus) { transform: none; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* page 19, proof 2 (115): the grey profile placeholder fills its round frame (Session 128 second pass) */
body.p19 .c-gt__avw img[src$="profile-placeholder.png"] { width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; }

/* page 19, what you get (267): card titles break as balanced lines, so a number never ends up alone with its unit ("ל-3 / שנים") (Session 128 second pass) */
body.p19 .c-wyg__t { text-wrap: balance; }

/* page 19, FAQ headline (313): when the underlined key phrase wraps to two lines the 10px-offset underline touched the next line; more line height keeps them apart (Session 128 second pass) */
body.p19 .c-wae[data-zk] .c-wae__key { line-height: 1.45; }

/* page 19 hero pill: balanced lines, so a long client line never leaves one word alone on the second line ("הכוח:" at 1440) (Session 128 second pass) */
body.p19 .c-p19e__pill { text-wrap: balance; }

/* Liav, Session 128: no "שיחה חינם, בלי התחייבות" note under the last form */
body.p19 .c-fo__note { display: none !important; }