/* 244-246 new-styles page, round 10 (dark outline FAQ, light teal gradient step cards, zebra indigo satellite cards). Prefixes c-nxd, c-nxe, c-nxf. House type scale (3a). One hue per section (25.8). */
/* 244 D: DARK. page #0a0a0a (white 19:1), gold #facc15 (13:1 on #0a0a0a), outline rgba(255,255,255,.2), answer #d4d4d8 (12:1). The arrow sits at the far LEFT edge (25.6). */
.c-nxd { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #0a0a0a; color: #fff; }
.c-nxd :where(h2, p) { margin: 0; padding: 0; }
.c-nxd__sec { padding: 56px 20px 64px; }
.c-nxd__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; text-wrap: balance; color: #fff; }
.c-nxd__acc { color: #facc15; }
.c-nxd__list { display: flex; flex-direction: column; gap: 14px; width: min(768px, 100%); margin-inline: auto; }
.c-nxd__q { display: flex; align-items: center; gap: 16px; padding: 18px 22px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 10px; cursor: pointer; list-style: none; }
.c-nxd__q::-webkit-details-marker { display: none; }
.c-nxd__q:focus-visible { outline: 2px solid #facc15; outline-offset: 3px; }
.c-nxd__qt { flex: 1 1 auto; min-width: 0; font-size: 19px; font-weight: 800; line-height: 1.4; color: #fff; }
.c-nxd__ar { flex: none; width: 11px; height: 11px; margin-inline-start: auto; margin-bottom: 4px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); }
.c-nxd__item[open] .c-nxd__q { border-color: rgba(250, 204, 21, .55); }
.c-nxd__item[open] .c-nxd__qt { color: #facc15; }
.c-nxd__item[open] .c-nxd__ar { margin-bottom: -4px; border-color: #facc15; transform: rotate(-135deg); }
.c-nxd__a { padding: 18px 8px 6px; font-size: 18px; line-height: 1.7; color: #d4d4d8; }
@media (min-width: 900px) {
  .c-nxd__sec { padding: 96px 32px 104px; }
  .c-nxd__h { margin-bottom: 60px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-nxd__list { gap: 18px; }
  .c-nxd__q { gap: 20px; padding: 24px 30px; border-radius: 12px; }
  .c-nxd__qt { font-size: 22px; }
  .c-nxd__ar { width: 13px; height: 13px; }
  .c-nxd__a { padding: 22px 10px 8px; font-size: 20px; }
}

/* 245 E: LIGHT teal. page white with a teal haze, cards one-hue gradient #0f766e -> #115e59 (white 5.5:1 to 7.8:1), circles white with icons #0f766e (5.5:1), ink #0b3b38 (12:1) */
.c-nxe { 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% 36% at 88% 0%, rgba(15, 118, 110, .10), transparent 72%), radial-gradient(55% 36% at 6% 100%, rgba(15, 118, 110, .08), transparent 72%), #fff; color: #0b3b38; }
.c-nxe :where(h2, h3, ul, li, p) { margin: 0; padding: 0; list-style: none; }
.c-nxe__sec { padding: 56px 20px 72px; }
.c-nxe__h { margin: 0 auto 88px; max-width: 900px; font-size: clamp(28px, 7.4vw, 36px); font-weight: 900; line-height: 1.18; text-align: center; text-wrap: balance; color: #0b3b38; }
.c-nxe__acc { color: #0f766e; background: linear-gradient(180deg, transparent 62%, rgba(15, 118, 110, .2) 62% 92%, transparent 92%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.c-nxe__list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 88px; width: min(1160px, 100%); margin-inline: auto; }
.c-nxe__card { position: relative; box-sizing: border-box; padding: 72px 24px 34px; border-radius: 20px; background: linear-gradient(180deg, #0f766e, #115e59); text-align: center; box-shadow: 0 14px 34px rgba(15, 118, 110, .30); }
.c-nxe__circ { position: absolute; top: -48px; right: 50%; display: grid; place-items: center; width: 96px; height: 96px; transform: translateX(50%); border-radius: 50%; background: #fff; box-shadow: 0 8px 22px rgba(11, 59, 56, .25); }
.c-nxe__ic { display: block; width: 52px; height: 52px; background: #0f766e; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.c-nxe__ic--1 { --ic: url(../assets/icons/ph-users-three-light.svg); }
.c-nxe__ic--2 { --ic: url(../assets/icons/ph-chart-line-up-light.svg); }
.c-nxe__ic--3 { --ic: url(../assets/icons/ph-shield-check-light.svg); }
.c-nxe__t { font-size: 22px; font-weight: 800; line-height: 1.3; color: #fff; }
.c-nxe__p { margin-top: 10px; font-size: 18px; line-height: 1.55; color: #d9f3f0; }
@media (min-width: 900px) {
  .c-nxe__sec { padding: 96px 32px 112px; }
  .c-nxe__h { margin-bottom: 112px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-nxe__list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
  .c-nxe__card { padding: 84px 32px 44px; border-radius: 24px; }
  .c-nxe__circ { top: -56px; width: 112px; height: 112px; }
  .c-nxe__ic { width: 60px; height: 60px; }
  .c-nxe__t { font-size: 26px; }
  .c-nxe__p { font-size: 20px; }
}

/* 246 F: ZEBRA BRAND indigo #1d4ed8 (white 6.7:1), satellites rgba(255,255,255,.14) (white on them about 4.8:1), subtitle #dbeafe (5.8:1), faint quote marks at .10 alpha (decorative) */
.c-nxf { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #1d4ed8; color: #fff; }
.c-nxf :where(h2, ul, li, p) { margin: 0; padding: 0; list-style: none; }
.c-nxf::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-nxf__sec { padding: 56px 20px 72px; }
.c-nxf__frame { box-sizing: border-box; width: min(1000px, 100%); margin-inline: auto; padding: 44px 22px 28px; border: 1px solid rgba(255, 255, 255, .30); border-radius: 28px; background: rgba(255, 255, 255, .05); text-align: center; }
.c-nxf__h { max-width: 640px; margin-inline: auto; font-size: clamp(28px, 7.4vw, 36px); font-weight: 900; line-height: 1.18; text-wrap: balance; color: #fff; }
.c-nxf__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-nxf__p { max-width: 560px; margin: 18px auto 0; font-size: 18px; line-height: 1.6; color: #dbeafe; }
.c-nxf__sats { display: flex; flex-direction: column; gap: 16px; margin-top: 32px; }
.c-nxf__sat { position: relative; overflow: hidden; box-sizing: border-box; padding: 26px 24px; border: 1px solid rgba(255, 255, 255, .38); border-radius: 28px 6px 6px 28px; background: rgba(255, 255, 255, .14); box-shadow: 0 0 25px rgba(255, 255, 255, .14); text-align: right; }
.c-nxf__sat--tl, .c-nxf__sat--bl { border-radius: 6px 28px 28px 6px; }
.c-nxf__qm { position: absolute; top: 10px; left: 14px; width: 54px; height: 54px; background: #fff; opacity: .10; -webkit-mask: url(../assets/icons/ph-quotes-fill.svg) center / contain no-repeat; mask: url(../assets/icons/ph-quotes-fill.svg) center / contain no-repeat; }
.c-nxf__q { position: relative; font-size: 19px; font-weight: 700; line-height: 1.5; color: #fff; }
@media (min-width: 1100px) {
  .c-nxf__sec { padding: 120px 0 128px; }
  .c-nxf__frame { width: min(880px, calc(100% - 520px)); padding: 150px 76px 150px; border-radius: 32px; position: relative; }
  .c-nxf__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-nxf__p { margin-top: 22px; font-size: 21px; }
  .c-nxf__sats { display: block; margin-top: 0; }
  .c-nxf__sat { position: absolute; width: 300px; padding: 30px 30px; }
  .c-nxf__sat--tr { top: -44px; right: -250px; }
  .c-nxf__sat--tl { top: 26%; left: -250px; }
  .c-nxf__sat--br { bottom: 26%; right: -250px; }
  .c-nxf__sat--bl { bottom: -44px; left: -250px; }
  .c-nxf__q { font-size: 21px; }
}
