/* 247-249 new-styles page, round 11 (dark staggered step cards, light overhanging bars, diagonal split bio). Prefixes c-nxg, c-nxh, c-nxi. House type scale (3a). One hue per section (25.8). */
/* 247 G: DARK, brand BORDEAUX RED. container #262626 (white 14:1), cards #f8f9fa with ink #111827 (17:1) and body #4b5563 (7.5:1), circle #9f1239 with a white icon (7.7:1), heading accent #fb7185 (6.4:1 on #262626). Cards are a fixed 560px (not 75 percent) inside a 1240px list, so card 1 sits at the right edge and card 2 at the left edge with a wide empty middle; 48px between cards. */
.c-nxg { 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-nxg :where(h2, h3, ul, li, p) { margin: 0; padding: 0; list-style: none; }
.c-nxg__sec { padding: 32px 0; }
.c-nxg__band { box-sizing: border-box; width: 100%; padding: 56px 20px 64px; border-radius: clamp(28px, 3vw, 48px); background: #262626; }
.c-nxg__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-nxg__acc { color: #fb7185; }
.c-nxg__list { display: flex; flex-direction: column; gap: 36px; width: min(1240px, 100%); margin-inline: auto; }
.c-nxg__card { box-sizing: border-box; display: flex; align-items: center; gap: 20px; width: 100%; padding: 22px 20px; border-radius: 18px; background: #f8f9fa; box-shadow: 0 6px 18px rgba(0, 0, 0, .25); }
.c-nxg__circ { flex: none; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: #9f1239; }
.c-nxg__ic { display: block; width: 34px; height: 34px; background: #fff; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.c-nxg__ic--1 { --ic: url(../assets/icons/ph-users-three-light.svg); }
.c-nxg__ic--2 { --ic: url(../assets/icons/ph-chart-line-up-light.svg); }
.c-nxg__ic--3 { --ic: url(../assets/icons/ph-shield-check-light.svg); }
.c-nxg__body { min-width: 0; }
.c-nxg__t { font-size: 22px; font-weight: 800; line-height: 1.3; color: #111827; }
.c-nxg__p { margin-top: 6px; font-size: 18px; line-height: 1.55; color: #4b5563; }
@media (min-width: 900px) {
  .c-nxg__sec { padding: 48px 0; }
  .c-nxg__band { padding: 96px 48px 104px; }
  .c-nxg__h { margin-bottom: 64px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-nxg__list { gap: 48px; }
  .c-nxg__card { width: min(560px, 100%); gap: 28px; padding: 30px 36px; border-radius: 22px; }
  .c-nxg__card:nth-child(even) { margin-inline-start: auto; }
  .c-nxg__circ { width: 80px; height: 80px; }
  .c-nxg__ic { width: 42px; height: 42px; }
  .c-nxg__t { font-size: 26px; }
  .c-nxg__p { font-size: 20px; }
}

/* 248 H: LIGHT, brand RED. page white, bars #dc2626 with white 19-24px bold text (4.8:1), circle #262626 with a white number (14:1), ink #111827 */
.c-nxh { 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, #fff); color: var(--zk-text, #111827); }
.c-nxh :where(h2, ol, li, p) { margin: 0; padding: 0; list-style: none; }
.c-nxh .n { font-family: "Poppins", sans-serif; font-weight: 900; }
.c-nxh__sec { padding: 56px 20px 64px; }
.c-nxh__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: var(--zk-text, #111827); }
.c-nxh__acc { color: var(--zk-text, #dc2626); background: linear-gradient(180deg, transparent 62%, var(--zk-mark, rgba(220, 38, 38, .16)) 62% 92%, transparent 92%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.c-nxh__list { display: flex; flex-direction: column; gap: 32px; width: min(860px, calc(100% - 20px)); margin-inline: auto; }
.c-nxh__bar { position: relative; box-sizing: border-box; display: flex; align-items: center; min-height: 64px; padding: 12px 98px 12px 22px; border-radius: 14px; background: var(--zk-btn-b, #dc2626); box-shadow: var(--zk-shadow, 0 8px 22px rgba(220, 38, 38, .25)); }
.c-nxh__no { position: absolute; top: 50%; right: -16px; display: grid; place-items: center; width: 92px; height: 92px; transform: translateY(-50%); border-radius: 50%; background: var(--zk-text, #262626); color: var(--zk-bg-solid, #fff); font-size: 24px; line-height: 1; box-shadow: var(--zk-shadow, 0 6px 16px rgba(17, 24, 39, .30)); }
.c-nxh__tx { min-width: 0; font-size: 19px; font-weight: 700; line-height: 1.5; color: var(--zk-on-btn, #fff); }
@media (min-width: 900px) {
  .c-nxh__sec { padding: 96px 32px 104px; }
  .c-nxh__h { margin-bottom: 72px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-nxh__list { gap: 40px; }
  .c-nxh__bar { min-height: 84px; padding: 18px 120px 18px 32px; border-radius: 18px; }
  .c-nxh__no { right: -22px; width: 104px; height: 104px; font-size: 34px; }
  .c-nxh__tx { font-size: 24px; }
}

/* 249 I: split, brand PINK. #db2777 on the photo side, charcoal #1f1f1f on the text side, text white (16:1), body #e5e5e5 (13:1), accent #f9a8d4 (10:1 on charcoal) */
.c-nxi { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #1f1f1f; color: #fff; }
.c-nxi :where(h2, p) { margin: 0; padding: 0; }
.c-nxi__sec { display: flex; flex-direction: column; }
.c-nxi__photoSide { display: flex; justify-content: center; padding: 48px 20px 0; background: #db2777; }
.c-nxi__photo { display: grid; place-items: center; box-sizing: border-box; width: min(300px, 80%); height: 380px; margin-bottom: -64px; border-radius: 24px 24px 0 0; background: #e5e5e5; box-shadow: 0 14px 34px rgba(0, 0, 0, .35); }
.c-nxi__photoT { font-size: 16px; font-weight: 600; color: #262626; }
.c-nxi__txtSide { padding: 96px 20px 56px; }
.c-nxi__h { font-size: clamp(28px, 7.4vw, 36px); font-weight: 900; line-height: 1.18; text-wrap: balance; color: #fff; }
.c-nxi__acc { color: #f9a8d4; }
.c-nxi__p { margin-top: 18px; font-size: 18px; line-height: 1.7; color: #e5e5e5; }
.c-nxi__p--key { font-weight: 800; color: #fff; }
@media (min-width: 1100px) {
  .c-nxi { background: linear-gradient(100deg, #db2777 0, #db2777 38%, #1f1f1f 38%, #1f1f1f 100%); }
  .c-nxi__sec { position: relative; display: block; min-height: 700px; }
  .c-nxi__photoSide { position: absolute; top: 0; bottom: 0; left: 38%; display: grid; place-items: center; width: 0; padding: 0; background: none; }
  .c-nxi__photo { width: 360px; height: 480px; margin: 0; border-radius: 28px; transform: translateX(0); }
  .c-nxi__txtSide { box-sizing: border-box; width: calc(62% - 230px); padding: 120px 64px 120px 0; }
  .c-nxi__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-nxi__p { margin-top: 24px; font-size: 21px; }
}