/* 151: "But it is not for everyone" (agency copy, source 94-agency-fit) rebuilt as a premium direct-response section (design-expert 11 + 13).
   COMPACT like the source: the whole section is visible in one screen, short lists get modest type (see design-expert 3.1 "short sections stay compact").
   Deep charcoal page + ONE soft brand light, two-weight headline, NOT-for-you card with a fading gradient border and muted red X markers,
   FOR-you card filled with the brand blue, full pill CTA with the label on the RIGHT and the icon on the LEFT (RTL reading order).
   Single accent: royal blue #2575FC. Every text pair >= 3:1. Fonts: Noto Sans Hebrew 300/400/700/900. Fluid sizes. Icons: Phosphor bold via mask. */
.c-nfa { --brand: #2575fc; --brand-d: #1b5fe0; --brand-t: #8fb8ff; position: relative; background: #0a0a0c; color: #e8ecf5; direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; overflow-x: clip; }
.c-nfa *, .c-nfa *::before, .c-nfa *::after { box-sizing: border-box; }
.c-nfa :where(h2, h3, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-nfa__sec { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center; padding: 52px 16px 60px; text-align: center; }
.c-nfa__glow { position: absolute; z-index: -1; top: 45%; left: 50%; width: min(820px, 130%); aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient(circle, rgba(37, 117, 252, .26) 0%, rgba(37, 117, 252, 0) 68%); filter: blur(56px); pointer-events: none; }
.c-nfa__title { max-width: 760px; font-size: clamp(24px, 6.4vw, 29px); line-height: 1.15; color: #fff; text-wrap: balance; }
.c-nfa__thin { display: block; font-size: .62em; font-weight: 300; line-height: 1.35; color: #dbe4f6; }
.c-nfa__bold { display: block; font-weight: 900; color: var(--brand-t); }
.c-nfa__stack { display: grid; gap: 16px; width: min(560px, 100%); margin-top: 34px; text-align: right; }
.c-nfa__card { position: relative; padding: 26px 20px 12px; border-radius: 22px; }
.c-nfa__card--no { background: linear-gradient(160deg, #1f2024 0%, #121316 100%); border: 1px solid transparent; background-clip: padding-box; }
.c-nfa__card--no::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(180deg, rgba(143, 184, 255, .75), rgba(143, 184, 255, .05) 72%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.c-nfa__card--yes { background: linear-gradient(160deg, var(--brand) 0%, var(--brand-d) 100%); padding-bottom: 18px; box-shadow: 0 20px 48px rgba(37, 117, 252, .3); color: #fff; }
.c-nfa__h { font-size: 17px; line-height: 1.3; font-weight: 800; color: #fff; text-align: center; }
.c-nfa__list { margin-top: 6px; }
.c-nfa__list li { display: flex; align-items: center; gap: 12px; padding: 14px 0; }
.c-nfa__card--no .c-nfa__list li { border-top: 1px solid rgba(255, 255, 255, .16); }
.c-nfa__card--yes .c-nfa__list li { border-top: 1px solid rgba(255, 255, 255, .34); }
.c-nfa__list li:first-child { margin-top: 8px; }
.c-nfa__list p { font-size: 15px; line-height: 1.45; font-weight: 400; }
.c-nfa__card--no .c-nfa__list p { color: #e8ecf5; }
.c-nfa__i { flex: none; position: relative; width: 24px; height: 24px; border-radius: 50%; }
.c-nfa__i::before { content: ""; position: absolute; inset: 0; margin: auto; width: 54%; height: 54%; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.c-nfa__card--no .c-nfa__i { background: rgba(222, 108, 98, .16); box-shadow: inset 0 0 0 1.5px rgba(239, 138, 128, .75); }
.c-nfa__card--no .c-nfa__i::before { background: #f19a91; -webkit-mask-image: url("../assets/icons/ph-x-bold.svg"); mask-image: url("../assets/icons/ph-x-bold.svg"); }
.c-nfa__card--yes .c-nfa__i { background: #fff; }
.c-nfa__card--yes .c-nfa__i::before { background: var(--brand-d); -webkit-mask-image: url("../assets/icons/ph-check-bold.svg"); mask-image: url("../assets/icons/ph-check-bold.svg"); }
.c-nfa__fin { margin-top: 18px; font-size: 20px; line-height: 1.25; font-weight: 900; color: #fff; text-align: center; }
/* label first in the DOM = RIGHT side in RTL, icon second = LEFT side */
.c-nfa__btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-top: 30px; padding: 15px 22px; border-radius: 999px; background: linear-gradient(180deg, #3b86ff 0%, var(--brand) 100%); color: #fff; font-size: clamp(14px, 4vw, 16px); font-weight: 700; line-height: 1.25; text-decoration: none; white-space: nowrap; max-width: 100%; box-shadow: 0 0 0 1px rgba(255, 255, 255, .25) inset, 0 12px 34px rgba(37, 117, 252, .5); transition: transform .2s, box-shadow .2s; }
.c-nfa__btn span { direction: rtl; unicode-bidi: isolate; text-align: center; }
.c-nfa__btn b { font-weight: 900; }
.c-nfa__btn:hover { transform: translateY(-2px); box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset, 0 16px 40px rgba(37, 117, 252, .62); }
.c-nfa__btn:focus-visible { outline: 3px solid #ffe44d; outline-offset: 3px; }
.c-nfa__tap { flex: none; width: 22px; height: 22px; background: currentColor; -webkit-mask: url("../assets/icons/ph-hand-tap-bold.svg") center / contain no-repeat; mask: url("../assets/icons/ph-hand-tap-bold.svg") center / contain no-repeat; }

@media (min-width: 900px) {
  .c-nfa__sec { padding: 60px 32px 68px; }
  .c-nfa__title { font-size: clamp(32px, 2.6vw, 42px); }
  .c-nfa__stack { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; width: min(860px, 100%); margin-top: 42px; align-items: stretch; }
  .c-nfa__card { display: flex; flex-direction: column; padding: 32px 34px 16px; border-radius: 24px; }
  .c-nfa__card--yes { padding-bottom: 32px; }
  .c-nfa__h { font-size: clamp(20px, 1.5vw, 23px); }
  .c-nfa__list { margin-top: 10px; }
  .c-nfa__list li { gap: 14px; padding: 16px 0; }
  .c-nfa__list p { font-size: clamp(16px, 1.15vw, 18px); line-height: 1.5; }
  .c-nfa__i { width: 28px; height: 28px; }
  .c-nfa__fin { margin-top: auto; padding-top: 22px; font-size: clamp(21px, 1.6vw, 25px); }
  .c-nfa__btn { margin-top: 38px; padding: 16px 40px; gap: 12px; font-size: clamp(16px, 1.2vw, 19px); }
  .c-nfa__tap { width: 24px; height: 24px; }
}