/* 219-221 new-styles page, round 2 (dark FAQ, light fit, zebra two paths). Prefixes c-nwd, c-nwe, c-nwf. House type scale (3a). */
/* 219 D: DARK luxury FAQ. page #0d0d0d, cards #1a1a1a with rgba(255,255,255,.2) border, gold #e5b83b -> #f7dc8a on dark (>= 10:1), question white (16:1), answer #d4d4d8 (11:1), square corners */
.c-nwd { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: radial-gradient(60% 40% at 50% 0%, rgba(229, 184, 59, .09), transparent 72%), #0d0d0d; color: #fff; }
.c-nwd :where(h2, p) { margin: 0; padding: 0; }
.c-nwd__sec { padding: 56px 20px 64px; }
.c-nwd__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; background: linear-gradient(90deg, #e5b83b, #f7dc8a); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.c-nwd__list { display: flex; flex-direction: column; gap: 16px; width: min(768px, 100%); margin-inline: auto; }
.c-nwd__item { border: 1px solid rgba(255, 255, 255, .2); border-radius: 0; background: #1a1a1a; }
.c-nwd__q { display: flex; align-items: center; justify-content: flex-start; gap: 16px; padding: 22px 22px; cursor: pointer; list-style: none; }
.c-nwd__q::-webkit-details-marker { display: none; }
.c-nwd__q:focus-visible { outline: 2px solid #e5b83b; outline-offset: -2px; }
.c-nwd__qt { flex: 1 1 auto; min-width: 0; font-size: 19px; font-weight: 800; line-height: 1.4; color: #fff; }
.c-nwd__pm { position: relative; flex: none; width: 18px; height: 18px; margin-inline-start: auto; }
.c-nwd__pm::before, .c-nwd__pm::after { content: ""; position: absolute; background: #e5b83b; }
.c-nwd__pm::before { top: 8px; right: 0; left: 0; height: 2px; }
.c-nwd__pm::after { top: 0; bottom: 0; right: 8px; width: 2px; }
.c-nwd__item[open] .c-nwd__pm::after { display: none; }
.c-nwd__a { padding: 0 22px 24px; font-size: 18px; line-height: 1.6; color: #d4d4d8; }
@media (min-width: 900px) {
  .c-nwd__sec { padding: 96px 32px 104px; }
  .c-nwd__h { margin-bottom: 60px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-nwd__q { gap: 20px; padding: 28px 32px; }
  .c-nwd__qt { font-size: 22px; }
  .c-nwd__pm { width: 22px; height: 22px; }
  .c-nwd__pm::before { top: 10px; }
  .c-nwd__pm::after { right: 10px; }
  .c-nwd__a { padding: 0 32px 30px; font-size: 20px; }
}

/* 220 E: LIGHT. page #f4f5f7, ink #111827 (16:1), charcoal card #262626 (white 14:1), brand card purple #6d28d9 (white 7.1:1), button #6d28d9, coral mark #ff6b7a, knocked-out X and V (22.4) */
.c-nwe { 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, #f4f5f7); color: var(--zk-text, #111827); }
.c-nwe :where(h2, h3, ul, li, p) { margin: 0; padding: 0; list-style: none; }
.c-nwe__sec { padding: 56px 20px 64px; }
.c-nwe__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: var(--zk-text, #111827); }
.c-nwe__acc { color: var(--zk-text, #6d28d9); background: linear-gradient(180deg, transparent 62%, var(--zk-mark, rgba(109, 40, 217, .2)) 62% 92%, transparent 92%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.c-nwe__cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; width: min(1000px, 100%); margin-inline: auto; }
.c-nwe__card { box-sizing: border-box; padding: 28px 22px 30px; border-radius: 16px; color: #fff; box-shadow: var(--zk-shadow, 0 8px 24px rgba(17, 24, 39, .16), 0 1px 3px rgba(17, 24, 39, .12)); }
.c-nwe__card--no { background: #262626; }
.c-nwe__card--yes { background: var(--zk-btn-b, #6d28d9); }
.c-nwe__ct { font-size: 22px; font-weight: 800; line-height: 1.3; color: #fff; }
.c-nwe__list { margin-top: 12px; }
.c-nwe__li { display: flex; align-items: center; gap: 16px; padding: 16px 0; font-size: 18px; line-height: 1.5; }
.c-nwe__li + .c-nwe__li { border-top: 1px solid rgba(255, 255, 255, .18); }
.c-nwe__ic { flex: none; width: 28px; height: 28px; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.c-nwe__card--no .c-nwe__ic { --ic: url(../assets/icons/ph-x-bold.svg); background: #ff6b7a; }
.c-nwe__card--yes .c-nwe__ic { --ic: url(../assets/icons/ph-check-bold.svg); background: #fff; }
.c-nwe__cta { display: flex; justify-content: center; margin-top: 40px; }
.c-nwe__btn { position: relative; display: block; box-sizing: border-box; width: min(100%, 340px); height: 64px; border-radius: 999px; background: var(--zk-btn-b, #6d28d9); color: var(--zk-on-btn, #fff); text-decoration: none; box-shadow: 0 10px 28px var(--zk-glow, rgba(109, 40, 217, .35)); transition: transform .2s; }
.c-nwe__btn:hover { transform: translateY(-2px); }
.c-nwe__btn:focus-visible { outline: 3px solid var(--zk-focus, #111827); outline-offset: 3px; }
.c-nwe__bt { position: absolute; top: 50%; right: 0; left: 0; transform: translateY(-50%); padding: 0 28px 0 84px; font-size: 19px; font-weight: 800; line-height: 1.3; text-align: center; }
.c-nwe__bi { position: absolute; top: 8px; left: 8px; display: block; width: 48px; height: 48px; border-radius: 50%; background: #fff; }
.c-nwe__bi::after { content: ""; display: block; width: 100%; height: 100%; background: var(--zk-btn-b, #6d28d9); -webkit-mask: url(../assets/icons/ph-arrow-left-bold.svg) center / 22px 22px no-repeat; mask: url(../assets/icons/ph-arrow-left-bold.svg) center / 22px 22px no-repeat; transition: transform .2s; }
.c-nwe__btn:hover .c-nwe__bi::after { transform: translateX(-4px); }
.c-nwe__sum { margin-top: 18px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, .35); font-size: 19px; font-weight: 800; line-height: 1.45; }
@media (min-width: 900px) {
  .c-nwe__sec { padding: 96px 32px 104px; }
  .c-nwe__h { margin-bottom: 60px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-nwe__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
  .c-nwe__card { padding: 40px 36px 40px; border-radius: 20px; }
  .c-nwe__ct { font-size: 28px; }
  .c-nwe__list { margin-top: 16px; }
  .c-nwe__li { gap: 18px; padding: 20px 0; font-size: 20px; }
  .c-nwe__ic { width: 32px; height: 32px; }
  .c-nwe__cta { margin-top: 56px; }
  .c-nwe__btn { width: min(100%, 420px); height: 76px; }
  .c-nwe__bt { padding: 0 32px 0 100px; font-size: 21px; }
  .c-nwe__bi { top: 10px; left: 10px; width: 56px; height: 56px; }
.c-nwe__sum { margin-top: 22px; padding-top: 22px; font-size: 22px; }
}

/* 221 F: ZEBRA BRAND emerald #047857 (white 5.5:1), old path = coral border and coral X marks at full brightness (variant A, Liav asked not to dim it), glow .06 max, fieldset legend interrupts the border natively (no patch) */
.c-nwf { 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-nwf :where(h2, ul, li, p, fieldset, legend) { margin: 0; padding: 0; list-style: none; }
.c-nwf::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-nwf__sec { padding: 56px 20px 64px; }
.c-nwf__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-nwf__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-nwf__stack { width: min(576px, 100%); margin-inline: auto; }
.c-nwf__box { box-sizing: border-box; min-width: 0; padding: 14px 22px 22px; border: 1px solid rgba(255, 255, 255, .45); border-radius: 18px; }
.c-nwf__box--old { border: 2px solid #fca5a5; color: #fff; }
.c-nwf__box--new { border: 2px solid #fff; background: rgba(255, 255, 255, .12); box-shadow: 0 10px 30px rgba(2, 44, 34, .35); color: #fff; }
.c-nwf__lg { margin-inline: auto; padding: 0 16px; font-size: 20px; font-weight: 900; line-height: 1.3; text-align: center; color: #fff; }
.c-nwf__list { margin-top: 6px; }
.c-nwf__li { display: flex; align-items: center; gap: 16px; padding: 12px 0; font-size: 18px; line-height: 1.5; }
.c-nwf__ic { flex: none; width: 30px; height: 30px; border-radius: 50%; background: #fff; -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-nwf__ic--x { --ic: url(../assets/icons/ph-x-bold.svg); background: #fca5a5; }
.c-nwf__ic--v { --ic: url(../assets/icons/ph-check-bold.svg); }
.c-nwf__or { margin: 26px 0; font-size: 36px; font-weight: 900; line-height: 1; text-align: center; color: #fff; }
@media (min-width: 900px) {
  .c-nwf__sec { padding: 96px 32px 104px; }
  .c-nwf__h { margin-bottom: 64px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-nwf__stack { width: min(640px, 100%); }
  .c-nwf__box { padding: 16px 36px 28px; }
  .c-nwf__lg { font-size: 24px; }
  .c-nwf__li { gap: 20px; padding: 14px 0; font-size: 20px; }
  .c-nwf__ic { width: 34px; height: 34px; -webkit-mask-size: 18px 18px, auto; mask-size: 18px 18px, auto; }
  .c-nwf__or { margin: 32px 0; font-size: 44px; }
}