/* 241-243 new-styles page, round 9 (dark dashed list, light tilted bio, zebra forest case studies). Prefixes c-nxa, c-nxb, c-nxc. House type scale (3a). One hue per section (25.8). */
/* 241 A: DARK. page #0b1020 (white 18:1), dashed border rgba(96,165,250,.8), box rgba(37,99,235,.12), tile white with ink #0b1020 numbers (18:1), body #cbd5e1 (12:1), accent #60a5fa (8:1) */
.c-nxa { 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(59, 130, 246, .14), transparent 72%), #0b1020; color: #fff; }
.c-nxa :where(h2, h3, ul, li, p) { margin: 0; padding: 0; list-style: none; }
.c-nxa .n { font-family: "Poppins", sans-serif; font-weight: 900; }
.c-nxa__sec { padding: 56px 20px 64px; }
.c-nxa__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-nxa__acc { color: #60a5fa; }
.c-nxa__list { display: flex; flex-direction: column; gap: 28px; width: min(820px, 100%); margin-inline: auto; }
.c-nxa__item { box-sizing: border-box; display: flex; align-items: center; gap: 20px; padding: 24px 20px; border: 2px dashed rgba(96, 165, 250, .8); border-radius: 18px; background: rgba(37, 99, 235, .12); }
.c-nxa__tile { position: relative; flex: none; display: block; width: 78px; height: 78px; }
.c-nxa__tile::before { content: ""; position: absolute; inset: 0; background: #ffffff; -webkit-mask: url(../assets/icons/coins-stack-bare.svg) center / contain no-repeat; mask: url(../assets/icons/coins-stack-bare.svg) center / contain no-repeat; }
.c-nxa__no { position: absolute; left: 68%; top: 68%; transform: translate(-50%, -50%); font-size: 17px; line-height: 1; color: #0b1020; }
.c-nxa__body { min-width: 0; }
.c-nxa__t { font-size: 22px; font-weight: 800; line-height: 1.3; color: #fff; }
.c-nxa__p { margin-top: 6px; font-size: 18px; line-height: 1.55; color: #cbd5e1; }
@media (min-width: 900px) {
  .c-nxa__sec { padding: 96px 32px 104px; }
  .c-nxa__h { margin-bottom: 64px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-nxa__list { gap: 32px; }
  .c-nxa__item { gap: 32px; padding: 32px 40px; border-radius: 22px; }
  .c-nxa__tile { width: 104px; height: 104px; }
  .c-nxa__no { font-size: 23px; }
  .c-nxa__t { font-size: 28px; }
  .c-nxa__p { font-size: 20px; }
}

/* 242 B: LIGHT. white page, ink #1c1917 (17:1), body #44403c (9.6:1), brand terracotta #c2410c (5.2:1 on white), tilted backing #c2410c, portrait slot #e7e5e4 */
.c-nxb { 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, #1c1917); }
.c-nxb :where(h2, p) { margin: 0; padding: 0; }
.c-nxb__sec { padding: 56px 20px 72px; }
.c-nxb__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 56px; width: min(1160px, 100%); margin-inline: auto; align-items: center; }
.c-nxb__h { font-size: clamp(28px, 7.4vw, 36px); font-weight: 900; line-height: 1.18; text-wrap: balance; color: var(--zk-text, #1c1917); }
.c-nxb__acc { color: var(--zk-text, #c2410c); background: linear-gradient(180deg, transparent 62%, var(--zk-mark, rgba(194, 65, 12, .16)) 62% 92%, transparent 92%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.c-nxb__p { margin-top: 20px; font-size: 18px; line-height: 1.7; color: var(--zk-text-2, #44403c); }
.c-nxb__p--key { font-weight: 800; color: var(--zk-text, #1c1917); }
.c-nxb__photo { position: relative; isolation: isolate; width: min(360px, 88%); margin-inline: auto; }
.c-nxb__photo::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 28px; background: var(--zk-btn-b, #c2410c); transform: rotate(-4deg); }
.c-nxb__slot { display: grid; place-items: center; box-sizing: border-box; min-height: 420px; border-radius: 28px; background: var(--zk-card-2, #e7e5e4); box-shadow: var(--zk-shadow, 0 14px 34px rgba(28, 25, 23, .18)); }
.c-nxb__slotT { font-size: 16px; font-weight: 600; color: var(--zk-text-2, #44403c); }
@media (min-width: 900px) {
  .c-nxb__sec { padding: 112px 32px 120px; }
  .c-nxb__grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 96px; }
  .c-nxb__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-nxb__p { margin-top: 24px; font-size: 21px; }
  .c-nxb__photo { width: min(460px, 100%); }
  .c-nxb__slot { min-height: 560px; }
}

/* 243 C: ZEBRA BRAND bright cheerful green #139a45 (Liav asked twice for a lighter, happier green; the first try #15803d looked unchanged). White on it is 3.66:1: the ONLY white text on the green is the 28-52px weight-900 headline (large text, 3:1 minimum), everything else sits on white cards. Soft light-green haze (rgba(74,222,128,.30/.22)) only at the BOTTOM corners so it never sits behind the headline. Marker behind the headline .10 so white stays above 3:1, white cards with ink #052e16 (16:1) and body #14532d (9.6:1), result tag #166534 on #dcfce7 (6.4:1), glow .06 max */
.c-nxc { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: radial-gradient(62% 42% at 12% 100%, rgba(74, 222, 128, .30), transparent 72%), radial-gradient(52% 38% at 92% 100%, rgba(74, 222, 128, .22), transparent 72%), #139a45; color: #fff; }
.c-nxc :where(h2, h3, ul, li, p) { margin: 0; padding: 0; list-style: none; }
.c-nxc::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-nxc__sec { padding: 56px 20px 72px; }
.c-nxc__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-nxc__acc { background: linear-gradient(180deg, transparent 62%, rgba(255, 255, 255, .10) 62% 92%, transparent 92%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.c-nxc__list { display: flex; flex-direction: column; gap: 64px; width: min(1060px, 100%); margin-inline: auto; }
.c-nxc__card { position: relative; box-sizing: border-box; display: flex; flex-direction: column; gap: 24px; padding: 56px 22px 24px; border-radius: 24px; background: #fff; color: #052e16; box-shadow: 0 14px 34px rgba(5, 60, 28, .28); }
.c-nxc__av { position: absolute; top: -40px; right: 24px; width: 80px; height: 80px; box-sizing: border-box; border: 4px solid #fff; border-radius: 50%; background: #bbf7d0; box-shadow: 0 8px 20px rgba(2, 44, 24, .35); }
.c-nxc__t { font-size: 26px; font-weight: 900; line-height: 1.25; color: #052e16; }
.c-nxc__p { margin-top: 12px; font-size: 18px; line-height: 1.6; color: #14532d; }
.c-nxc__res { display: inline-block; margin-top: 16px; padding: 6px 16px; border-radius: 8px; background: #dcfce7; font-size: 18px; font-weight: 800; color: #166534; }
.c-nxc__shot { padding: 12px; border-radius: 18px; background: #f1f5f9; box-shadow: inset 0 0 0 1px #e2e8f0; }
.c-nxc__shotIn { display: grid; place-items: center; min-height: 220px; border-radius: 12px; background: #fff; }
.c-nxc__shotT { font-size: 16px; font-weight: 600; color: #14532d; }
@media (min-width: 900px) {
  .c-nxc__sec { padding: 96px 32px 112px; }
  .c-nxc__h { margin-bottom: 88px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-nxc__list { gap: 80px; }
  .c-nxc__card { flex-direction: row; align-items: center; gap: 48px; padding: 56px 48px 40px; border-radius: 28px; }
  .c-nxc__av { top: -48px; right: 44px; width: 96px; height: 96px; }
  .c-nxc__story { flex: 1.15 1 0; min-width: 0; }
  .c-nxc__shot { flex: .85 1 0; min-width: 0; padding: 16px; border-radius: 22px; }
  .c-nxc__shotIn { min-height: 260px; }
  .c-nxc__t { font-size: 34px; }
  .c-nxc__p { font-size: 21px; }
  .c-nxc__res { font-size: 20px; }
}
