/* "But it is not for everyone" - variants of 50-fit-cards (original stays), v2 of the variants after review "not at library level".
   Style taken from the same Figma page as sections 68-78:
   146 blue / grey / white = navy radial box on a white page (like 73/77), pill labels, glass cards with thin border, huge Poppins 900 numerals that hang off the card top edge, heavy two-weight headline.
   147 white / light brown = two-weight headline with brown gradient on the heavy line (like 68/70), #efebe9 cards with a darker tag chip and big white numerals (like 68), zigzag rows, brown panel for the "not for you" side.
   Fluid sizes (no px converter). Icons: Phosphor bold via mask. Headline caps per skill: ~66px. */

/* ================= 146 ================= */
.c-fx1 { background: #fff; direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; overflow-x: clip; color: #e9edf5; }
.c-fx1 *, .c-fx1 *::before, .c-fx1 *::after { box-sizing: border-box; }
.c-fx1 :where(h2, h3, p, ul, li) { margin: 0; padding: 0; list-style: none; }
.c-fx1__section { padding: 16px; }
.c-fx1__box { width: min(1480px, 100%); margin: 0 auto; padding: 44px 16px 44px; border-radius: 24px; text-align: center; background: radial-gradient(ellipse 62% 72% at 50% 38%, #244b9a 0%, #19356c 50%, #0e1e3e 100%); }
.c-fx1__title { font-size: clamp(30px, 8vw, 38px); line-height: 1.12; color: #fff; text-wrap: balance; }
.c-fx1__thin { display: block; font-weight: 300; font-size: .62em; line-height: 1.3; color: #d6e3fa; }
.c-fx1__bold { display: block; font-weight: 900; }
.c-fx1__pill { position: relative; isolation: isolate; display: inline-block; margin-top: 44px; padding: 0 4px; font-size: clamp(26px, 7vw, 30px); font-weight: 900; line-height: 1.3; color: #fff; }
.c-fx1__pill::after { content: ""; position: absolute; z-index: -1; inset-inline: -8px; bottom: 3px; height: .42em; border-radius: 4px; background: rgba(127, 168, 255, .38); }
.c-fx1__yes { display: grid; grid-template-columns: 1fr; gap: 52px; margin: 44px auto 0; width: min(1120px, 100%); }
.c-fx1__yes li { position: relative; padding: 50px 20px 24px; border-radius: 12px; background: linear-gradient(160deg, rgba(255, 255, 255, .17), rgba(255, 255, 255, .07)); border: 1px solid rgba(143, 178, 255, .4); box-shadow: 0 0 26px rgba(47, 111, 224, .16); }
.c-fx1__num { position: absolute; inset-inline: 0; top: -32px; font-family: "Poppins", sans-serif; font-size: 64px; line-height: 1; font-weight: 900; color: #fff; text-shadow: 0 5px 20px rgba(14, 30, 62, .6); }
.c-fx1__yes p { font-size: 17px; line-height: 1.55; font-weight: 400; color: #fff; text-align: center; }
.c-fx1__btn { display: inline-block; margin-top: 36px; padding: 14px 32px; border-radius: 12px; background: linear-gradient(180deg, #3574cf 0%, #2f6fe0 100%); color: #fff; font-size: 19px; font-weight: 800; line-height: 1.2; text-decoration: none; white-space: nowrap; box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset, 0 10px 28px rgba(47, 111, 224, .45); }
.c-fx1__rule { display: block; width: min(100%, 480px); height: 2px; margin: 44px auto 0; background: linear-gradient(90deg, transparent 0%, rgba(143, 178, 255, .35) 18%, #7fa8ff 50%, rgba(143, 178, 255, .35) 82%, transparent 100%); }
.c-fx1__pill--no { margin-top: 44px; color: #e3ebf9; }
.c-fx1__pill--no::after { background: rgba(255, 255, 255, .16); }
.c-fx1__no { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 30px auto 0; width: min(1120px, 100%); }
.c-fx1__no li { display: flex; align-items: center; gap: 14px; padding: 18px 16px; border-radius: 12px; background: #e9edf5; text-align: right; }
.c-fx1__ic { flex: none; width: 28px; height: 28px; background: #0e1e3e; -webkit-mask: url("../assets/icons/ph-x-bold.svg") center / contain no-repeat; mask: url("../assets/icons/ph-x-bold.svg") center / contain no-repeat; }
.c-fx1__no p { font-size: 17px; line-height: 1.55; color: #0e1e3e; }

@media (min-width: 900px) {
  .c-fx1__section { padding: 40px 32px; }
  .c-fx1__box { padding: 80px 48px 76px; border-radius: 36px; }
  .c-fx1__title { font-size: clamp(42px, 3.4vw, 64px); }
  .c-fx1__pill { margin-top: 64px; font-size: clamp(32px, 2.4vw, 42px); padding: 0 6px; }
  .c-fx1__yes { grid-template-columns: repeat(2, 1fr); column-gap: 28px; row-gap: 60px; margin-top: 68px; }
  .c-fx1__yes li { padding: 62px 30px 30px; border-radius: 20px; }
  .c-fx1__num { top: -46px; font-size: clamp(76px, 5.4vw, 100px); }
  .c-fx1__yes p { font-size: clamp(17px, 1.15vw, 21px); }
  .c-fx1__btn { margin-top: 52px; font-size: clamp(19px, 1.25vw, 23px); padding: 16px 46px; border-radius: 12px; }
  .c-fx1__rule { margin-top: 64px; }
  .c-fx1__no { grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 40px; }
  .c-fx1__no li { padding: 22px 24px; border-radius: 16px; }
  .c-fx1__ic { width: 32px; height: 32px; }
  .c-fx1__no p { font-size: clamp(17px, 1.15vw, 21px); }
}

/* ================= 147 ================= */
.c-fx2 { background: linear-gradient(180deg, #fff 0%, #f7f5f5 100%); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; overflow-x: clip; color: #342f2c; }
.c-fx2 *, .c-fx2 *::before, .c-fx2 *::after { box-sizing: border-box; }
.c-fx2 :where(h2, h3, p, ul, ol, li) { margin: 0; padding: 0; list-style: none; }
.c-fx2__section { width: min(1320px, 100%); margin: 0 auto; padding: 56px 16px 64px; text-align: center; }
.c-fx2__title { font-size: clamp(34px, 9vw, 46px); line-height: 1.12; text-wrap: balance; }
.c-fx2__thin { display: block; font-weight: 300; font-size: .62em; line-height: 1.3; color: #342f2c; }
.c-fx2__bold { display: block; font-weight: 900; background: linear-gradient(90deg, #9a8a7f 0%, #7a6a60 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.c-fx2__h { display: inline-block; margin-top: 44px; padding: 12px 30px; border-radius: 999px; background: #efebe9; font-size: 21px; font-weight: 800; line-height: 1.3; color: #574e49; }
.c-fx2__yes { display: grid; gap: 16px; margin-top: 36px; }
.c-fx2__yes li { position: relative; display: flex; align-items: center; gap: 14px; padding: 22px 18px; border-radius: 30px; background: #efebe9; text-align: right; }
.c-fx2__num { flex: none; font-family: "Poppins", sans-serif; font-size: 58px; line-height: 1; font-weight: 700; color: #8f7f74; }
.c-fx2__txt { display: grid; gap: 10px; justify-items: start; }
.c-fx2__tag { padding: 7px 16px; border-radius: 14px; background: #dfd7d3; font-size: 17px; font-weight: 800; color: #574e49; }
.c-fx2__yes p { font-size: 19px; line-height: 1.55; color: #342f2c; }
.c-fx2__btn { display: inline-block; margin-top: 36px; padding: 17px 42px; border-radius: 999px; background: #342f2c; color: #f7f5f5; font-size: 21px; font-weight: 800; line-height: 1.2; text-decoration: none; white-space: nowrap; box-shadow: 0 14px 30px rgba(52, 47, 44, .28); }
.c-fx2__no { margin-top: 40px; padding: 36px 18px 22px; border-radius: 40px; background: linear-gradient(160deg, #b9aca3 0%, #ae9c91 100%); color: #1d1a18; }
.c-fx2__h--no { margin-top: 0; background: rgba(255, 255, 255, .55); color: #342f2c; }
.c-fx2__nolist { display: grid; gap: 12px; margin-top: 28px; }
.c-fx2__nolist li { display: flex; align-items: center; gap: 14px; padding: 18px 16px; border-radius: 24px; background: rgba(255, 255, 255, .5); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, .7); text-align: right; }
.c-fx2__x { flex: none; width: 42px; height: 42px; border-radius: 12px; border: 1px solid #8f7f74; background: rgba(143, 127, 116, .08); box-shadow: 0 0 14px rgba(255, 255, 255, .8); position: relative; }
.c-fx2__x::before { content: ""; position: absolute; inset: 0; margin: auto; width: 20px; height: 20px; background: #574e49; -webkit-mask: url("../assets/icons/ph-x-bold.svg") center / contain no-repeat; mask: url("../assets/icons/ph-x-bold.svg") center / contain no-repeat; }
.c-fx2__nolist p { font-size: 19px; line-height: 1.55; color: #1d1a18; }

@media (min-width: 900px) {
  .c-fx2__section { padding: 104px 32px 112px; }
  .c-fx2__title { font-size: clamp(54px, 4.2vw, 80px); }
  .c-fx2__h { margin-top: 80px; font-size: clamp(22px, 1.5vw, 30px); padding: 14px 42px; }
  .c-fx2__yes { gap: 20px; margin-top: 52px; }
  .c-fx2__yes li { width: 66%; gap: 28px; padding: 34px 44px; border-radius: 40px; }
  .c-fx2__yes li:nth-child(odd) { margin-inline-end: auto; }
  .c-fx2__yes li:nth-child(even) { margin-inline-start: auto; }
  .c-fx2__num { font-size: clamp(84px, 6.2vw, 120px); }
  .c-fx2__txt { gap: 14px; }
  .c-fx2__tag { font-size: clamp(18px, 1.2vw, 23px); padding: 8px 20px; }
  .c-fx2__yes p { font-size: clamp(20px, 1.4vw, 26px); }
  .c-fx2__btn { margin-top: 60px; font-size: clamp(21px, 1.4vw, 27px); padding: 20px 60px; }
  .c-fx2__no { margin-top: 64px; padding: 64px 48px 40px; border-radius: 56px; }
  .c-fx2__nolist { grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 44px; }
  .c-fx2__nolist li { padding: 26px 28px; border-radius: 30px; }
  .c-fx2__x { width: 50px; height: 50px; }
  .c-fx2__nolist p { font-size: clamp(19px, 1.35vw, 25px); }
}