/* 261 what you get Q (light, icon cards), 262 R (dark numbered rows), 263 S (zebra violet trio). Session 101. */
/* ---------- 261 ---------- */
.c-wya { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; color: #14202f; background: radial-gradient(60% 38% at 88% 0%, rgba(37, 99, 235, .16), transparent 72%), radial-gradient(55% 38% at 6% 100%, rgba(37, 99, 235, .13), transparent 72%), #fff; }
.c-wya :where(h2, h3, ul, li, p) { margin: 0; padding: 0; list-style: none; }
.c-wya__sec { display: flex; flex-direction: column; align-items: center; padding: 56px 20px 64px; }
.c-wya__h { font-size: clamp(28px, 7.4vw, 36px); line-height: 1.18; text-align: center; text-wrap: balance; font-weight: 900; }
.c-wya__thin { font-weight: 300; }
.c-wya__key { color: #2563eb; font-weight: 900; }
.c-wya__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; width: min(1160px, 100%); margin-top: 36px; }
.c-wya__card { position: relative; isolation: isolate; overflow: hidden; grid-column: span 6; display: flex; flex-direction: column; justify-content: flex-end; min-height: 230px; padding: 26px 24px 28px; border-radius: 28px; text-align: start; }
.c-wya__n { position: absolute; top: 22px; inset-inline-start: 24px; font-family: "Poppins", sans-serif; font-weight: 900; font-size: 44px; line-height: 1; letter-spacing: -.02em; }
.c-wya__ic { position: absolute; z-index: -1; inset-inline-end: -26px; top: -22px; width: 150px; height: 150px; background: currentColor; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.c-wya__t { position: relative; max-width: 78%; font-size: 24px; font-weight: 800; line-height: 1.25; }
.c-wya__p { position: relative; max-width: 78%; margin-top: 8px; font-size: 18px; line-height: 1.55; }
.c-wya__card--brand { background: linear-gradient(135deg, #3b78f2, #1d4ed8); color: #fff; box-shadow: 0 14px 34px rgba(29, 78, 216, .32), inset 0 1px 0 rgba(255, 255, 255, .22); }
.c-wya__card--brand .c-wya__n { color: #fff; }
.c-wya__card--brand .c-wya__ic { color: rgba(255, 255, 255, .22); }
.c-wya__card--brand .c-wya__p { color: #e6eeff; }
.c-wya__card--deep { background: linear-gradient(135deg, #1e40af, #172a73); color: #fff; box-shadow: 0 14px 34px rgba(23, 42, 115, .32), inset 0 1px 0 rgba(255, 255, 255, .16); }
.c-wya__card--deep .c-wya__n { color: #fff; }
.c-wya__card--deep .c-wya__ic { color: rgba(255, 255, 255, .18); }
.c-wya__card--deep .c-wya__p { color: #dbe6ff; }
.c-wya__card--tint { background: #e3edff; color: #14202f; box-shadow: 0 8px 24px rgba(37, 99, 235, .10); }
.c-wya__card--tint .c-wya__n { color: #2563eb; }
.c-wya__card--tint .c-wya__ic { color: #9bbcf8; }
.c-wya__card--tint .c-wya__p { color: #3a4a63; }
.c-wya__card--white { background: #fff; color: #14202f; box-shadow: 0 8px 24px rgba(37, 99, 235, .12), 0 1px 3px rgba(37, 99, 235, .10); }
.c-wya__card--white .c-wya__n { color: #2563eb; }
.c-wya__card--white .c-wya__ic { color: #cfdffb; }
.c-wya__card--white .c-wya__p { color: #44536a; }
.c-wya__btn { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; margin-top: 40px; padding: 18px 48px; border-radius: 999px; background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; font-size: 19px; font-weight: 800; line-height: 1.3; text-align: center; text-decoration: none; box-shadow: 0 10px 28px rgba(29, 78, 216, .32), inset 0 1px 0 rgba(255, 255, 255, .22); transition: transform .2s; }
.c-wya__btn:hover { transform: translateY(-2px); }
.c-wya__btn:focus-visible { outline: 3px solid #14202f; outline-offset: 4px; }
@media (min-width: 900px) {
  .c-wya__sec { padding: 96px 32px 104px; }
  .c-wya__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-wya__grid { gap: 22px; margin-top: 60px; }
  .c-wya__card--w4 { grid-column: span 4; }
  .c-wya__card--w2 { grid-column: span 2; }
  .c-wya__card--w3 { grid-column: span 3; }
  .c-wya__card { min-height: 290px; padding: 34px 36px 38px; }
  .c-wya__n { top: 30px; inset-inline-start: 36px; font-size: 56px; }
  .c-wya__ic { width: 210px; height: 210px; inset-inline-end: -38px; top: -30px; }
  .c-wya__t { max-width: 82%; font-size: 28px; }
  .c-wya__p { max-width: 82%; font-size: 20px; }
  .c-wya__btn { margin-top: 56px; padding: 22px 72px; font-size: 22px; }
}
/* ---------- 262 ---------- */
.c-wyb { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #111; color: #fff; }
.c-wyb :where(h2, ol, li, p) { margin: 0; padding: 0; list-style: none; }
.c-wyb__sec { padding: 56px 20px 64px; }
.c-wyb__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px; width: min(1160px, 100%); margin-inline: auto; align-items: center; }
.c-wyb__h { font-size: clamp(28px, 7.4vw, 36px); line-height: 1.18; text-wrap: balance; color: #fff; }
.c-wyb__thin { font-weight: 300; }
.c-wyb__bold { font-weight: 900; }
.c-wyb__rows { margin-top: 32px; }
.c-wyb__row { display: flex; align-items: center; gap: 18px; padding: 22px 0; }
.c-wyb__row + .c-wyb__row { border-top: 1px solid rgba(255, 255, 255, .16); }
.c-wyb__n { flex: none; min-width: 2.2ch; font-family: "Poppins", sans-serif; font-weight: 900; font-size: 36px; line-height: 1; color: #fa5b26; }
.c-wyb__tx { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.c-wyb__rt { font-size: 20px; font-weight: 800; line-height: 1.3; color: #fff; }
.c-wyb__rp { font-size: 18px; line-height: 1.5; color: #d4d4d8; }
.c-wyb__btn { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; margin-top: 32px; padding: 18px 48px; border-radius: 999px; background: #fa5b26; color: #111; font-size: 19px; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none; box-shadow: 0 10px 28px rgba(250, 91, 38, .30); transition: transform .2s; }
.c-wyb__btn:hover { transform: translateY(-2px); }
.c-wyb__btn:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.c-wyb__vis { width: min(340px, 86%); margin-inline: auto; }
.c-wyb__slot { display: grid; place-items: center; box-sizing: border-box; min-height: 360px; border-radius: 32px; background: #1c1c1e; border: 1px solid rgba(255, 255, 255, .12); box-shadow: 0 6px 18px rgba(0, 0, 0, .25); }
.c-wyb__slotT { font-size: 16px; font-weight: 600; color: #d4d4d8; }
@media (min-width: 900px) {
  .c-wyb__sec { padding: 96px 32px 104px; }
  .c-wyb__grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 96px; }
  .c-wyb__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-wyb__rows { margin-top: 44px; }
  .c-wyb__row { gap: 24px; padding: 26px 0; }
  .c-wyb__n { font-size: 48px; }
  .c-wyb__rt { font-size: 24px; }
  .c-wyb__rp { font-size: 20px; }
  .c-wyb__btn { margin-top: 44px; padding: 22px 72px; font-size: 22px; }
  .c-wyb__vis { width: min(420px, 100%); }
  .c-wyb__slot { min-height: 520px; }
}
/* ---------- 263 ---------- */
.c-wyc { position: relative; isolation: isolate; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: #6d28d9; color: #fff; }
.c-wyc :where(h2, h3, ul, li, p) { margin: 0; padding: 0; list-style: none; }
.c-wyc::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-wyc__sec { display: flex; flex-direction: column; align-items: center; padding: 56px 20px 64px; }
.c-wyc__h { font-size: clamp(28px, 7.4vw, 36px); line-height: 1.18; text-align: center; text-wrap: balance; color: #fff; }
.c-wyc__thin { font-weight: 300; }
.c-wyc__bold { font-weight: 900; }
.c-wyc__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; width: min(1100px, 100%); margin-top: 36px; align-items: stretch; }
.c-wyc__card { display: flex; flex-direction: column; align-items: flex-start; padding: 30px 26px; border: 1px solid rgba(255, 255, 255, .36); border-radius: 24px; background: rgba(255, 255, 255, .13); box-shadow: 0 8px 24px rgba(46, 16, 101, .35); }
.c-wyc__v { width: 38px; height: 38px; border-radius: 50%; background: #fff; -webkit-mask: url(../assets/icons/ph-check-bold.svg) center / 21px 21px no-repeat, linear-gradient(#000, #000); -webkit-mask-composite: xor; mask: url(../assets/icons/ph-check-bold.svg) center / 21px 21px no-repeat, linear-gradient(#000, #000); mask-composite: exclude; }
.c-wyc__t { margin-top: 20px; font-size: 22px; font-weight: 800; line-height: 1.3; color: #fff; }
.c-wyc__p { margin-top: 10px; font-size: 18px; line-height: 1.55; color: #ede9fe; }
.c-wyc__card--on { background: #fff; border-color: #fff; }
.c-wyc__card--on .c-wyc__v { background: #6d28d9; }
.c-wyc__card--on .c-wyc__t { color: #3b0f8c; }
.c-wyc__card--on .c-wyc__p { color: #44336b; }
.c-wyc__btn { display: inline-flex; align-items: center; justify-content: center; max-width: 100%; margin-top: 40px; padding: 18px 48px; border-radius: 999px; background: #fff; color: #5b21b6; font-size: 19px; font-weight: 900; line-height: 1.3; text-align: center; text-decoration: none; box-shadow: 0 12px 30px rgba(46, 16, 101, .35); transition: transform .2s; }
.c-wyc__btn:hover { transform: translateY(-2px); }
.c-wyc__btn:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (min-width: 900px) {
  .c-wyc__sec { padding: 96px 32px 104px; }
  .c-wyc__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-wyc__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 60px; }
  .c-wyc__card { padding: 40px 32px 44px; }
  .c-wyc__card--on { margin-block: -24px; padding-block: 64px 68px; }
  .c-wyc__v { width: 48px; height: 48px; -webkit-mask-size: 26px 26px, auto; mask-size: 26px 26px, auto; }
  .c-wyc__t { font-size: 24px; }
  .c-wyc__p { font-size: 20px; }
  .c-wyc__btn { margin-top: 64px; padding: 22px 72px; font-size: 22px; }
}