/* 216-218 new-styles page, round 1 (dark, light, zebra). Prefixes c-nwa, c-nwb, c-nwc. House type scale (3a). */
/* 216 A: DARK. band #0a0d18 (white 18:1), card ink #0a0d18 on #fff, body #3a4252 (9.6:1), bonus gradient #1d4ed8 -> #2563eb (white 6.7:1 / 5.2:1), icons #60a5fa -> #2563eb, tabs = band colour (one variable) */
.c-nwa { --nwa-band: #0a0d18; 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-nwa :where(h2, h3, ul, li, p) { margin: 0; padding: 0; list-style: none; }
.c-nwa .n { font-family: "Poppins", sans-serif; font-weight: 900; }
.c-nwa__sec { padding: 32px 0; }
.c-nwa__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(37, 99, 235, .22), transparent 70%), var(--nwa-band); }
.c-nwa__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-nwa__acc { color: #7aa8ff; }
.c-nwa__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; width: min(1100px, 100%); margin-inline: auto; }
.c-nwa__card { position: relative; box-sizing: border-box; display: flex; align-items: center; gap: 20px; padding: 56px 24px 28px; border-radius: 18px; background: #fff; color: #0a0d18; box-shadow: 0 6px 18px rgba(0, 0, 0, .25); }
.c-nwa__tab { position: absolute; top: 0; right: 50%; transform: translateX(50%); padding: 8px 28px 10px; border-radius: 0 0 14px 14px; background: var(--nwa-band); color: #fff; font-size: 22px; font-weight: 900; line-height: 1.2; }
.c-nwa__txt { flex: 1 1 auto; min-width: 0; }
.c-nwa__t { font-size: 22px; font-weight: 800; line-height: 1.3; color: #0a0d18; }
.c-nwa__p { margin-top: 8px; font-size: 18px; line-height: 1.55; color: #3a4252; }
.c-nwa__ic { flex: none; display: block; width: 56px; height: 56px; background: linear-gradient(135deg, #60a5fa, #2563eb); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.c-nwa__ic--1 { --ic: url(../assets/icons/ph-clock-duotone.svg); }
.c-nwa__ic--2 { --ic: url(../assets/icons/ph-check-circle-duotone.svg); }
.c-nwa__ic--3 { --ic: url(../assets/icons/ph-users-three-duotone.svg); }
.c-nwa__ic--4 { --ic: url(../assets/icons/ph-chart-line-up-duotone.svg); }
.c-nwa__ic--5 { --ic: url(../assets/icons/ph-shield-check-duotone.svg); }
.c-nwa__ic--6 { --ic: url(../assets/icons/ph-image-duotone.svg); }
.c-nwa__ic--7 { --ic: url(../assets/icons/ph-star-duotone.svg); background: #fff; }
.c-nwa__card--bonus { background: linear-gradient(100deg, #1d4ed8, #2563eb); color: #fff; box-shadow: 0 8px 24px rgba(37, 99, 235, .35); }
.c-nwa__card--bonus .c-nwa__t, .c-nwa__card--bonus .c-nwa__p { color: #fff; }
.c-nwa__tab--bonus { background: #fff; color: #1d4ed8; }
@media (min-width: 900px) {
  .c-nwa__sec { padding: 48px 0; }
  .c-nwa__band { padding: 96px 48px 104px; }
  .c-nwa__h { margin-bottom: 64px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-nwa__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
  .c-nwa__card { padding: 60px 32px 32px; gap: 24px; }
  .c-nwa__card--bonus { grid-column: 1 / -1; }
  .c-nwa__t { font-size: 26px; }
  .c-nwa__p { font-size: 20px; }
  .c-nwa__ic { width: 72px; height: 72px; }
  .c-nwa__tab { padding: 8px 34px 11px; font-size: 26px; }
}

/* 217 B: LIGHT, very clean, brand GREEN (Liav, Session 100: smaller numbers, softer, no borders, no shadows, no strips behind text). page #f9fcfa, flat cards #eef6f1, ink #12301f (13:1), body #2d4a3a, green accent #1f7a4d (5.1:1 on the page), small numbers #3f9068 (3.5:1 on the cards, the minimum is 3:1) */
.c-nwb { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #f9fcfa; color: #12301f; }
.c-nwb :where(h2, p) { margin: 0; padding: 0; }
.c-nwb .n { font-family: "Poppins", sans-serif; font-weight: 900; }
.c-nwb__sec { padding: 56px 20px 64px; }
.c-nwb__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: #12301f; }
.c-nwb__acc { color: #1f7a4d; background: linear-gradient(180deg, transparent 62%, rgba(31, 122, 77, .16) 62% 92%, transparent 92%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.c-nwb__hub { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; width: min(1180px, 100%); margin-inline: auto; }
.c-nwb__slot { order: -1; display: grid; place-items: center; min-height: 220px; border-radius: 24px; background: #e6f1ea; }
.c-nwb__slotT { font-size: 16px; font-weight: 600; color: #2d4a3a; }
.c-nwb__card { box-sizing: border-box; padding: 22px 24px 26px; border-radius: 16px; background: #eef6f1; }
.c-nwb__no { display: block; margin-bottom: 12px; font-size: 32px; line-height: 1; color: #3f9068; }
.c-nwb__q { font-size: 19px; font-weight: 700; line-height: 1.45; color: #12301f; }
.c-nwb__p { margin-top: 8px; font-size: 18px; line-height: 1.55; color: #2d4a3a; }
@media (min-width: 900px) {
  .c-nwb__sec { padding: 96px 32px 104px; }
  .c-nwb__h { margin-bottom: 64px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-nwb__hub { grid-template-columns: minmax(0, 1fr) minmax(0, .85fr) minmax(0, 1fr); grid-template-rows: repeat(3, auto); gap: 24px; }
  .c-nwb__card:nth-child(-n+3) { grid-column: 1; }
  .c-nwb__card:nth-child(n+5) { grid-column: 3; }
  .c-nwb__card:nth-child(1), .c-nwb__card:nth-child(5) { grid-row: 1; }
  .c-nwb__card:nth-child(2), .c-nwb__card:nth-child(6) { grid-row: 2; }
  .c-nwb__card:nth-child(3), .c-nwb__card:nth-child(7) { grid-row: 3; }
  .c-nwb__slot { order: 0; grid-column: 2; grid-row: 1 / 4; min-height: 0; }
  .c-nwb__card { padding: 28px 30px 32px; }
  .c-nwb__no { margin-bottom: 14px; font-size: 38px; }
  .c-nwb__q { font-size: 21px; }
  .c-nwb__p { font-size: 20px; }
}

/* 218 C: ZEBRA BRAND violet #6d28d9 (white 7.1:1), secondary #ede9fe (5.6:1), glow .06 max, stamp #4c1d95 (a deeper violet of the section, white 11:1) with a #ddd6fe dashed ring, subtitle #ede9fe (9:1) */
.c-nwc { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #6d28d9; color: #fff; }
.c-nwc :where(h2, h3, ul, li, p) { margin: 0; padding: 0; list-style: none; }
.c-nwc .n { font-family: "Poppins", sans-serif; font-weight: 900; }
.c-nwc::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-nwc__sec { padding: 72px 20px 64px; }
.c-nwc__box { position: relative; box-sizing: border-box; width: min(760px, 100%); margin-inline: auto; padding: 96px 20px 32px; border: 1px solid rgba(255, 255, 255, .55); border-radius: 18px; background: rgba(255, 255, 255, .08); box-shadow: 0 10px 28px rgba(26, 11, 46, .35); }
.c-nwc__stamp { position: absolute; top: -44px; left: 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; width: 112px; height: 112px; border: 2px dashed #ddd6fe; border-radius: 50%; background: #4c1d95; color: #fff; transform: rotate(-12deg); box-shadow: 0 6px 18px rgba(46, 16, 101, .5); }
.c-nwc__st1 { font-size: 26px; line-height: 1; }
.c-nwc__st2 { margin-top: 4px; font-size: 15px; font-weight: 800; line-height: 1.1; color: #ede9fe; }
.c-nwc__h { margin: 0 auto 28px; font-size: clamp(28px, 7.4vw, 36px); font-weight: 900; line-height: 1.18; text-align: center; text-wrap: balance; color: #fff; }
.c-nwc__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-nwc__list { box-sizing: border-box; width: fit-content; max-width: 100%; margin-inline: auto; padding: 8px 20px; border: 1px solid rgba(255, 255, 255, .38); border-radius: 14px; background: rgba(255, 255, 255, .06); }
.c-nwc__item { display: flex; align-items: center; gap: 16px; padding: 14px 0; font-size: 18px; line-height: 1.5; }
.c-nwc__item + .c-nwc__item { border-top: 1px solid rgba(255, 255, 255, .3); }
.c-nwc__v { flex: none; width: 32px; height: 32px; border-radius: 50%; background: #fff; -webkit-mask: url(../assets/icons/ph-check-bold.svg) center / 18px 18px no-repeat, linear-gradient(#000, #000); -webkit-mask-composite: xor; mask: url(../assets/icons/ph-check-bold.svg) center / 18px 18px no-repeat, linear-gradient(#000, #000); mask-composite: exclude; }
.c-nwc__cond { box-sizing: border-box; width: fit-content; max-width: 100%; margin: 28px auto 0; padding: 14px 24px; border: 1px solid rgba(255, 255, 255, .55); border-radius: 10px; text-align: center; }
.c-nwc__ct { font-size: 20px; font-weight: 900; line-height: 1.3; color: #fff; }
.c-nwc__cp { margin-top: 6px; font-size: 18px; line-height: 1.5; color: #ede9fe; }
@media (min-width: 900px) {
  .c-nwc__sec { padding: 112px 32px 104px; }
  .c-nwc__box { padding: 136px 48px 44px; }
  .c-nwc__stamp { top: -72px; left: -64px; width: 176px; height: 176px; }
  .c-nwc__st1 { font-size: 44px; }
  .c-nwc__st2 { margin-top: 6px; font-size: 22px; }
  .c-nwc__h { margin-bottom: 40px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-nwc__list { padding: 12px 36px; }
  .c-nwc__item { gap: 20px; padding: 18px 0; font-size: 20px; }
  .c-nwc__v { width: 40px; height: 40px; -webkit-mask-size: 22px 22px, auto; mask-size: 22px 22px, auto; }
  .c-nwc__ct { font-size: 24px; }
  .c-nwc__cp { font-size: 20px; }
}
