/* 222-226 new-styles page, round 3 (two-paths variants B and C, light FAQ, dark three cards, zebra pyramid). Prefixes c-nwg, c-nwh, c-nwi, c-nwj, c-nwk. House type scale (3a). */
/* 222 G: ZEBRA emerald #047857 (white 5.5:1). Old = solid dark red #7f1d1d (white 10:1) with coral X circles, new = solid white (ink #064e3b 11:1) with emerald V circles. Nothing is dimmed. */
.c-nwg { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #047857; color: #fff; }
.c-nwg :where(h2, h3, ul, li, p) { margin: 0; padding: 0; list-style: none; }
.c-nwg::before { content: ""; position: absolute; z-index: -1; top: -120px; right: 50%; width: 520px; height: 520px; transform: translateX(50%); border-radius: 50%; background: rgba(255, 255, 255, .06); filter: blur(90px); }
.c-nwg__sec { padding: 56px 20px 64px; }
.c-nwg__h { margin: 0 auto 44px; max-width: 900px; font-size: clamp(28px, 7.4vw, 36px); font-weight: 900; line-height: 1.18; text-align: center; text-wrap: balance; color: #fff; }
.c-nwg__acc { background: linear-gradient(180deg, transparent 62%, rgba(255, 255, 255, .16) 62% 92%, transparent 92%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.c-nwg__stack { width: min(576px, 100%); margin-inline: auto; }
.c-nwg__box { box-sizing: border-box; min-width: 0; padding: 22px 22px 18px; border-radius: 18px; box-shadow: 0 10px 28px rgba(2, 44, 34, .35); }
.c-nwg__box--old { border: 2px solid #fca5a5; background: #7f1d1d; color: #fff; }
.c-nwg__box--new { border: 2px solid #fff; background: #fff; color: #064e3b; }
.c-nwg__lg { font-size: 22px; font-weight: 900; line-height: 1.3; text-align: center; }
.c-nwg__box--new .c-nwg__lg { color: #047857; }
.c-nwg__list { margin-top: 8px; }
.c-nwg__li { display: flex; align-items: center; gap: 16px; padding: 12px 0; font-size: 18px; line-height: 1.5; }
.c-nwg__ic { flex: none; width: 30px; height: 30px; border-radius: 50%; -webkit-mask: var(--ic) center / 16px 16px no-repeat, linear-gradient(#000, #000); -webkit-mask-composite: xor; mask: var(--ic) center / 16px 16px no-repeat, linear-gradient(#000, #000); mask-composite: exclude; }
.c-nwg__ic--x { --ic: url(../assets/icons/ph-x-bold.svg); background: #fca5a5; }
.c-nwg__ic--v { --ic: url(../assets/icons/ph-check-bold.svg); background: #047857; }
.c-nwg__or { margin: 26px 0; font-size: 36px; font-weight: 900; line-height: 1; text-align: center; color: #fff; }
@media (min-width: 900px) {
  .c-nwg__sec { padding: 96px 32px 104px; }
  .c-nwg__h { margin-bottom: 64px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-nwg__stack { width: min(640px, 100%); }
  .c-nwg__box { padding: 28px 36px 22px; }
  .c-nwg__lg { font-size: 26px; }
  .c-nwg__li { gap: 20px; padding: 14px 0; font-size: 20px; }
  .c-nwg__ic { width: 34px; height: 34px; -webkit-mask-size: 18px 18px, auto; mask-size: 18px 18px, auto; }
  .c-nwg__or { margin: 32px 0; font-size: 44px; }
}

/* 223 H: ZEBRA emerald #047857, equal white cards (ink #111827 16:1), top bars #dc2626 / #059669, headings #b91c1c (6.5:1 on white) / #047857 (5.5:1), "or" circle white with #047857 text */
.c-nwh { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #047857; color: #fff; }
.c-nwh :where(h2, h3, ul, li, p) { margin: 0; padding: 0; list-style: none; }
.c-nwh::before { content: ""; position: absolute; z-index: -1; top: -120px; right: 50%; width: 520px; height: 520px; transform: translateX(50%); border-radius: 50%; background: rgba(255, 255, 255, .06); filter: blur(90px); }
.c-nwh__sec { padding: 56px 20px 64px; }
.c-nwh__h { margin: 0 auto 44px; max-width: 900px; font-size: clamp(28px, 7.4vw, 36px); font-weight: 900; line-height: 1.18; text-align: center; text-wrap: balance; color: #fff; }
.c-nwh__acc { background: linear-gradient(180deg, transparent 62%, rgba(255, 255, 255, .16) 62% 92%, transparent 92%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.c-nwh__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; width: min(1000px, 100%); margin-inline: auto; }
.c-nwh__card { position: relative; box-sizing: border-box; overflow: hidden; padding: 34px 22px 18px; border-radius: 18px; background: #fff; color: #111827; box-shadow: 0 10px 28px rgba(2, 44, 34, .35); }
.c-nwh__card::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 8px; }
.c-nwh__card--old::before { background: #dc2626; }
.c-nwh__card--new::before { background: #059669; }
.c-nwh__ct { font-size: 22px; font-weight: 900; line-height: 1.3; }
.c-nwh__card--old .c-nwh__ct { color: #b91c1c; }
.c-nwh__card--new .c-nwh__ct { color: #047857; }
.c-nwh__list { margin-top: 8px; }
.c-nwh__li { display: flex; align-items: center; gap: 16px; padding: 12px 0; font-size: 18px; line-height: 1.5; color: #111827; }
.c-nwh__li + .c-nwh__li { border-top: 1px solid #e5e7eb; }
.c-nwh__ic { flex: none; width: 30px; height: 30px; border-radius: 50%; -webkit-mask: var(--ic) center / 16px 16px no-repeat, linear-gradient(#000, #000); -webkit-mask-composite: xor; mask: var(--ic) center / 16px 16px no-repeat, linear-gradient(#000, #000); mask-composite: exclude; }
.c-nwh__ic--x { --ic: url(../assets/icons/ph-x-bold.svg); background: #dc2626; }
.c-nwh__ic--v { --ic: url(../assets/icons/ph-check-bold.svg); background: #059669; }
.c-nwh__or { display: grid; place-items: center; margin: 0; padding: 24px 0; }
.c-nwh__or span { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: #fff; color: #047857; font-size: 22px; font-weight: 900; line-height: 1; box-shadow: 0 6px 16px rgba(2, 44, 34, .35); }
@media (min-width: 900px) {
  .c-nwh__sec { padding: 96px 32px 104px; }
  .c-nwh__h { margin-bottom: 64px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-nwh__grid { grid-template-columns: minmax(0, 1fr) 104px minmax(0, 1fr); }
  .c-nwh__card { padding: 46px 36px 26px; }
  .c-nwh__ct { font-size: 28px; }
  .c-nwh__li { gap: 18px; padding: 16px 0; font-size: 20px; }
  .c-nwh__ic { width: 34px; height: 34px; -webkit-mask-size: 18px 18px, auto; mask-size: 18px 18px, auto; }
  .c-nwh__or { padding: 0; }
  .c-nwh__or span { width: 64px; height: 64px; font-size: 26px; }
}

/* 224 I: LIGHT soft blue. white page with a blue haze, questions #1d4ed8 on white (6.7:1), answer ink #1e293b on #eff6ff (13:1), circle #2563eb with white bars (5.2:1), border #bfdbfe */
.c-nwi { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: var(--zk-bg, radial-gradient(60% 38% at 88% 0%, rgba(37, 99, 235, .12), transparent 72%), radial-gradient(55% 38% at 6% 100%, rgba(37, 99, 235, .10), transparent 72%), #fff); color: var(--zk-text, #1e293b); }
.c-nwi :where(h2, p) { margin: 0; padding: 0; }
.c-nwi__sec { padding: 56px 20px 64px; }
.c-nwi__h { margin: 0 auto 40px; max-width: 768px; font-size: clamp(28px, 7.4vw, 36px); font-weight: 900; line-height: 1.18; text-align: center; text-wrap: balance; color: var(--zk-text, #0f172a); }
.c-nwi__acc { color: var(--zk-accent, #2563eb); background: linear-gradient(180deg, transparent 62%, var(--zk-mark, rgba(37, 99, 235, .2)) 62% 92%, transparent 92%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.c-nwi__list { display: flex; flex-direction: column; gap: 14px; width: min(768px, 100%); margin-inline: auto; }
.c-nwi__q { display: flex; align-items: center; gap: 16px; padding: 16px 20px; border: 1px solid var(--zk-hair, #bfdbfe); border-radius: 12px; background: var(--zk-card, #fff); box-shadow: var(--zk-shadow, 0 2px 10px rgba(37, 99, 235, .10)); cursor: pointer; list-style: none; }
.c-nwi__q::-webkit-details-marker { display: none; }
.c-nwi__q:focus-visible { outline: 3px solid var(--zk-focus, #2563eb); outline-offset: 3px; }
.c-nwi__qt { flex: 1 1 auto; min-width: 0; font-size: 19px; font-weight: 800; line-height: 1.4; color: var(--zk-accent, #1d4ed8); }
.c-nwi__pm { position: relative; flex: none; width: 36px; height: 36px; margin-inline-start: auto; border-radius: 50%; background: var(--zk-btn-b, #2563eb); }
.c-nwi__pm::before, .c-nwi__pm::after { content: ""; position: absolute; background: var(--zk-on-btn, #fff); border-radius: 1px; }
.c-nwi__pm::before { top: 17px; right: 10px; left: 10px; height: 2px; }
.c-nwi__pm::after { top: 10px; bottom: 10px; right: 17px; width: 2px; }
.c-nwi__item[open] .c-nwi__pm::after { display: none; }
.c-nwi__a { margin-top: 12px; padding: 18px 22px; border: 1px solid var(--zk-hair, #bfdbfe); border-radius: 12px; background: var(--zk-card-2, #eff6ff); font-size: 18px; line-height: 1.6; color: var(--zk-text, #1e293b); }
@media (min-width: 900px) {
  .c-nwi__sec { padding: 96px 32px 104px; }
  .c-nwi__h { margin-bottom: 60px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-nwi__list { gap: 18px; }
  .c-nwi__q { gap: 20px; padding: 20px 28px; }
  .c-nwi__qt { font-size: 22px; }
  .c-nwi__pm { width: 42px; height: 42px; }
  .c-nwi__pm::before { top: 20px; right: 12px; left: 12px; }
  .c-nwi__pm::after { top: 12px; bottom: 12px; right: 20px; }
  .c-nwi__a { padding: 22px 28px; font-size: 20px; }
}

/* 225 J: DARK plum. band #12091f (white 18:1), glass cards, digits #c4b5fd (10:1), body #e5e0f5 (14:1), icons white. Digits straddle the top edge with a border gap */
.c-nwj { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #fff; color: #fff; }
.c-nwj :where(h2, h3, ul, li, p) { margin: 0; padding: 0; list-style: none; }
.c-nwj .n { font-family: "Poppins", sans-serif; font-weight: 900; }
.c-nwj__sec { padding: 32px 0; }
.c-nwj__band { position: relative; isolation: isolate; box-sizing: border-box; width: 100%; padding: 56px 20px 64px; border-radius: clamp(28px, 3vw, 48px); background: radial-gradient(70% 55% at 50% 0%, rgba(167, 139, 250, .22), transparent 70%), #12091f; }
.c-nwj__h { margin: 0 auto 64px; max-width: 900px; font-size: clamp(28px, 7.4vw, 36px); font-weight: 900; line-height: 1.18; text-align: center; text-wrap: balance; color: #fff; }
.c-nwj__acc { color: #c4b5fd; }
.c-nwj__list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 64px; width: min(1100px, 100%); margin-inline: auto; }
.c-nwj__card { position: relative; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; padding: 48px 24px 32px; border-radius: 16px; background: rgba(255, 255, 255, .07); text-align: center; box-shadow: 0 6px 18px rgba(0, 0, 0, .3); }
.c-nwj__card::before { content: ""; position: absolute; inset: 0; border: 1px solid rgba(255, 255, 255, .3); border-radius: inherit; pointer-events: none; -webkit-mask: linear-gradient(#000 0 0), linear-gradient(#000 0 0) top center / 110px 4px no-repeat; -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0), linear-gradient(#000 0 0) top center / 110px 4px no-repeat; mask-composite: exclude; }
.c-nwj__no { position: absolute; top: 0; right: 50%; transform: translate(50%, -50%); font-size: 52px; line-height: 1; color: #c4b5fd; }
.c-nwj__t { font-size: 22px; font-weight: 800; line-height: 1.3; color: #fff; }
.c-nwj__p { margin-top: 10px; font-size: 18px; line-height: 1.55; color: #e5e0f5; }
.c-nwj__ic { display: block; width: 56px; height: 56px; margin: 22px auto 0; background: #fff; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.c-nwj__ic--1 { --ic: url(../assets/icons/ph-users-three-duotone.svg); }
.c-nwj__ic--2 { --ic: url(../assets/icons/ph-chart-line-up-duotone.svg); }
.c-nwj__ic--3 { --ic: url(../assets/icons/ph-shield-check-duotone.svg); }
@media (min-width: 900px) {
  .c-nwj__sec { padding: 48px 0; }
  .c-nwj__band { padding: 96px 48px 104px; }
  .c-nwj__h { margin-bottom: 84px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-nwj__list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
  .c-nwj__card { padding: 64px 28px 40px; }
  .c-nwj__card::before { -webkit-mask-size: auto, 140px 4px; mask-size: auto, 140px 4px; }
  .c-nwj__no { font-size: 64px; }
  .c-nwj__t { font-size: 26px; }
  .c-nwj__p { font-size: 20px; }
  .c-nwj__ic { width: 64px; height: 64px; margin-top: 28px; }
}

/* 226 K: ZEBRA BRAND indigo #3730a3 (white 10:1), white pyramid boxes with ink #1e1b4b (15:1), indigo knocked-out V marks, glow .06 max */
.c-nwk { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #3730a3; color: #fff; }
.c-nwk :where(h2, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-nwk::before { content: ""; position: absolute; z-index: -1; top: -120px; right: 50%; width: 520px; height: 520px; transform: translateX(50%); border-radius: 50%; background: rgba(255, 255, 255, .06); filter: blur(90px); }
.c-nwk__sec { padding: 56px 20px 64px; }
.c-nwk__h { margin: 0 auto 40px; max-width: 900px; font-size: clamp(28px, 7.4vw, 36px); font-weight: 900; line-height: 1.18; text-align: center; text-wrap: balance; color: #fff; }
.c-nwk__acc { background: linear-gradient(180deg, transparent 62%, rgba(255, 255, 255, .16) 62% 92%, transparent 92%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.c-nwk__list { display: flex; flex-direction: column; align-items: center; gap: 22px; width: min(700px, 100%); margin-inline: auto; }
.c-nwk__item { box-sizing: border-box; display: flex; align-items: center; gap: 16px; width: 100%; padding: 20px 22px; border-radius: 18px; background: #fff; color: #1e1b4b; box-shadow: 0 10px 26px rgba(30, 27, 75, .35); }
.c-nwk__tx { min-width: 0; font-size: 18px; font-weight: 700; line-height: 1.5; }
.c-nwk__v { flex: none; width: 36px; height: 36px; border-radius: 50%; background: #3730a3; -webkit-mask: url(../assets/icons/ph-check-bold.svg) center / 20px 20px no-repeat, linear-gradient(#000, #000); -webkit-mask-composite: xor; mask: url(../assets/icons/ph-check-bold.svg) center / 20px 20px no-repeat, linear-gradient(#000, #000); mask-composite: exclude; }
@media (min-width: 900px) {
  .c-nwk__sec { padding: 96px 32px 104px; }
  .c-nwk__h { margin-bottom: 60px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-nwk__list { gap: 28px; }
  .c-nwk__item { gap: 20px; padding: 26px 34px; border-radius: 22px; }
  .c-nwk__item:nth-child(1) { width: 440px; }
  .c-nwk__item:nth-child(2) { width: 540px; }
  .c-nwk__item:nth-child(3) { width: 660px; }
  .c-nwk__tx { font-size: 20px; }
  .c-nwk__v { width: 44px; height: 44px; -webkit-mask-size: 24px 24px, auto; mask-size: 24px 24px, auto; }
}