/* 228-230 new-styles page, round 5 (frameless stats bar, recessed-notch cards, light rose alert pair). Prefixes c-nwm, c-nwn, c-nwo. House type scale (3a). */
/* 228 M: DARK. page #111111 (white 18:1), brand BLUE #3b82f6 numbers (5.3:1 on #111; same brand colour as section 229, Liav asked for both). The number span is direction ltr so 00+ keeps the plus on the right, labels white 500 */
.c-nwm { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #111111; color: #fff; }
.c-nwm :where(h2, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-nwm .n { font-family: "Poppins", sans-serif; font-weight: 900; }
.c-nwm__sec { padding: 56px 20px 64px; }
.c-nwm__h { margin: 0 auto 48px; 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-nwm__acc { color: #3b82f6; }
.c-nwm__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 44px 16px; width: min(1180px, 100%); margin-inline: auto; }
.c-nwm__item { display: flex; flex-direction: column; align-items: center; text-align: center; }
.c-nwm__num { font-size: clamp(44px, 12vw, 56px); line-height: 1; letter-spacing: -0.02em; color: #3b82f6; direction: ltr; unicode-bidi: isolate; }
.c-nwm__lab { margin-top: 10px; font-size: 18px; font-weight: 500; line-height: 1.4; color: #fff; }
@media (min-width: 900px) {
  .c-nwm__sec { padding: 96px 32px 104px; }
  .c-nwm__h { margin-bottom: 72px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-nwm__list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 48px 32px; }
  .c-nwm__num { font-size: clamp(56px, 6vw, 80px); }
  .c-nwm__lab { margin-top: 14px; font-size: 20px; }
}

/* 229 N: (hl is the FIRST flex child = the RIGHT part in RTL, so its side border and rounded corner are on the right; hr is the left part. The header is 84px tall so the 74px deep bowl lies fully inside it.) */
/* 229 N: DARK, brand BLUE #3b82f6 (5.5:1 on #141414). page #0f0f0f, cards #141414, line rgba(255,255,255,.12), inner circle #181818, title gradient #fff -> #a3a3a3 (8:1 at the silver end), body #d4d4d8 (12:1). The notch is the version Liav approved (flat edge, 14px shoulders, an arc of radius 76 around a ring of radius 62 and an 80px icon circle, header centre 267px wide (the approved 232px geometry scaled by 1.15: svg width and height set in CSS, viewBox unchanged)); only the top corners were fixed (the two header parts carry their side border and rounded corner on the correct sides). */
.c-nwn { --nwn-bg: #0f0f0f; --nwn-card: #141414; --nwn-line: rgba(255, 255, 255, .12); --nwn-brand: #3b82f6; position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: var(--nwn-bg); color: #fff; }
.c-nwn :where(h2, h3, ul, li, p) { margin: 0; padding: 0; list-style: none; }
.c-nwn__sec { padding: 56px 16px 72px; }
.c-nwn__h { margin: 0 auto 96px; max-width: 900px; font-size: clamp(32px, 8vw, 42px); font-weight: 900; line-height: 1.18; text-align: center; background: linear-gradient(180deg, #fff, #a3a3a3); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.c-nwn__list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 96px; width: min(1380px, 100%); margin-inline: auto; }
.c-nwn__card { position: relative; display: flex; flex-direction: column; text-align: center; }
.c-nwn__head { display: flex; height: 74px; }
.c-nwn__hl, .c-nwn__hr { flex: 1 1 0; min-width: 0; box-sizing: border-box; background: var(--nwn-card); border-top: 1px solid var(--nwn-line); }
.c-nwn__hl { border-right: 1px solid var(--nwn-line); border-top-right-radius: 24px; }
.c-nwn__hr { border-left: 1px solid var(--nwn-line); border-top-left-radius: 24px; }
.c-nwn__hc { position: relative; flex: none; width: 267px; }
.c-nwn__svg { position: absolute; top: -74px; left: 0; display: block; width: 267px; height: 147px; overflow: visible; }
.c-nwn__fill { fill: var(--nwn-card); stroke: none; }
.c-nwn__edge { fill: none; stroke: var(--nwn-line); stroke-width: 1; }
.c-nwn__ring { fill: none; stroke: var(--nwn-line); stroke-width: 1; }
.c-nwn__circ { position: absolute; top: -62px; left: 62px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 143px; height: 143px; border-radius: 50%; background: #181818; border: 1px solid var(--nwn-line); }
.c-nwn__ic { display: block; width: 60px; height: 60px; background: var(--nwn-brand); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.c-nwn__ic--1 { --ic: url(../assets/icons/ph-users-three-light.svg); }
.c-nwn__ic--2 { --ic: url(../assets/icons/ph-chart-line-up-light.svg); }
.c-nwn__ic--3 { --ic: url(../assets/icons/ph-shield-check-light.svg); }
.c-nwn__body { flex: 1 1 auto; box-sizing: border-box; padding: 32px 28px 36px; border: 1px solid var(--nwn-line); border-top: 0; border-radius: 0 0 24px 24px; background: var(--nwn-card); }
.c-nwn__t { margin-bottom: 12px; font-size: 22px; font-weight: 700; line-height: 1.3; color: #fff; }
.c-nwn__p { font-size: 18px; line-height: 1.6; color: #d4d4d8; }
@media (min-width: 900px) {
  .c-nwn__sec { padding: 96px 24px 112px; }
  .c-nwn__h { margin-bottom: 112px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-nwn__list { width: min(620px, 100%); gap: 96px; }
  .c-nwn__body { padding: 44px 36px 48px; }
  .c-nwn__t { font-size: 26px; }
  .c-nwn__p { font-size: 20px; }
}

@media (min-width: 1100px) {
  .c-nwn__list { grid-template-columns: repeat(3, minmax(0, 1fr)); width: min(1380px, 100%); gap: 36px; }
}

/* 230 O: LIGHT rose and red. headline #c8243a on white (5.6:1), pills #fff2f4 with #f28b9c border and ink #3b0d14 (16:1), alert block #d92f3a (white 4.6:1, 18px bold), strips rgba(255,255,255,.15) */
.c-nwo { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #fff; color: #3b0d14; }
.c-nwo :where(h2, h3, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-nwo__sec { padding: 56px 20px 64px; }
.c-nwo__h { margin: 0 auto 36px; max-width: 900px; font-size: clamp(28px, 7.4vw, 36px); font-weight: 900; line-height: 1.18; text-align: center; text-wrap: balance; color: #3b0d14; }
.c-nwo__acc { color: #c8243a; background: linear-gradient(180deg, transparent 62%, rgba(200, 36, 58, .18) 62% 92%, transparent 92%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.c-nwo__boxes { display: flex; flex-direction: column; gap: 16px; width: min(900px, 100%); margin-inline: auto; }
.c-nwo__box { box-sizing: border-box; padding: 20px 22px; border: 1px solid #f28b9c; border-radius: 16px; background: #fff2f4; font-size: 18px; font-weight: 700; line-height: 1.5; text-align: center; color: #3b0d14; }
.c-nwo__alert { box-sizing: border-box; width: min(768px, 100%); margin: 40px auto 0; padding: 28px 20px 20px; border-radius: 24px; background: #d92f3a; color: #fff; box-shadow: 0 14px 34px rgba(217, 47, 58, .30); }
.c-nwo__at { margin-bottom: 20px; font-size: 22px; font-weight: 900; line-height: 1.3; text-align: center; color: #fff; }
.c-nwo__rows { display: flex; flex-direction: column; gap: 12px; }
.c-nwo__row { padding: 16px 18px; border-radius: 12px; background: rgba(255, 255, 255, .15); font-size: 18px; font-weight: 700; line-height: 1.5; color: #fff; }
@media (min-width: 900px) {
  .c-nwo__sec { padding: 96px 32px 104px; }
  .c-nwo__h { margin-bottom: 56px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-nwo__boxes { flex-direction: row; gap: 24px; }
  .c-nwo__box { flex: 1 1 0; display: grid; place-items: center; min-height: 112px; padding: 24px; font-size: 20px; }
  .c-nwo__alert { margin-top: 64px; padding: 40px 40px 32px; }
  .c-nwo__at { margin-bottom: 28px; font-size: 28px; }
  .c-nwo__rows { gap: 14px; }
  .c-nwo__row { padding: 20px 24px; font-size: 20px; }
}