/* @u */
/* Figma 717tIYkclDyNXTsHrJIc6e: 55 market + comparison table (33:6), 56 steps + success cards (33:7).
   Requested changes: bigger data posters + more air between text and posters (55); quiet-gold dark gradient instead of the photo backgrounds (56).
   Steps (56) have the scroll-fill timeline line (dots on the centre axis). >=1280px block is in Figma px (converted 1:1 at 1920). */
.c-mk, .c-gs { --u: calc(min(100vw, 1920px) / 1920); --gold: linear-gradient(90deg, #a57025 0%, #f7e47d 28%, #a57025 60%, #f7e47d 79%, #be8b2f 100%); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; color: #fff; overflow-x: clip; }
.c-mk :where(h2, h3, p, ul, ol, li, table), .c-gs :where(h2, h3, p, ul, ol, li) { margin: 0; padding: 0; list-style: none; }
.c-mk__h1, .c-gs__white { background: linear-gradient(90deg, #fff 0%, #7d7d7d 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.c-mk__h2, .c-gs__gold { background: var(--gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }

/* ---- 55 ---- */
.c-mk { background: #000; }
.c-mk__hero { padding: 48px 16px 24px; }
.c-mk__row { display: flex; flex-direction: column; gap: 32px; max-width: 640px; margin: 0 auto; }
.c-mk__text { order: 1; display: flex; flex-direction: column; gap: 14px; text-align: right; }
.c-mk__posters { order: 2; position: relative; display: grid; gap: 16px; }
.c-mk__poster { display: block; width: 100%; height: auto; border-radius: 25px; }
.c-mk__h1 { font-size: clamp(28px, 6.4vw, 45px); font-weight: 900; line-height: 1.15; }
.c-mk__h2 { font-size: clamp(32px, 7.6vw, 58px); font-weight: 900; line-height: 1.1; }
.c-mk__h2--45 { font-size: clamp(24px, 5.6vw, 45px); }
.c-mk__center { text-align: center; }
.c-mk__p { font-size: 18px; font-weight: 300; line-height: 1.5; }
.c-mk__facts { padding: 40px 16px 72px; }
.c-mk__facts .c-mk__h2 { margin-top: 10px; }
.c-mk__scroll { margin: 36px auto 0; max-width: 1047px; overflow-x: auto; padding-bottom: 12px; }
.c-mk__table { direction: ltr; width: 1047px; border-collapse: collapse; table-layout: fixed; }
.c-mk__table th, .c-mk__table td { box-sizing: border-box; padding: 17px 21px; border: 1px solid rgba(128, 128, 128, .5); background: rgba(20, 20, 20, .9); color: #eaeaea; font-size: 15px; font-weight: 400; line-height: 21px; text-align: center; direction: rtl; }
.c-mk__table thead th { padding: 16.5px 21px 16.9px; background: #111; color: #fff; font-size: 16px; font-weight: 700; line-height: 22.4px; }
.c-mk__table .c-mk__param { background: #111; color: #fff; font-weight: 600; }
.c-mk__table .c-mk__us { border-color: #fff; background: #fff; color: #111; font-weight: 600; }
.c-mk__table thead .c-mk__us { font-size: 16px; }

/* ---- 56 ---- */
.c-gs { background: #000; }
.c-gs__steps { padding: 56px 16px 64px; background: radial-gradient(ellipse 65% 60% at 50% 50%, #2b2209 0%, #181204 50%, #0c0903 100%); }
.c-gs__title { text-align: center; font-size: clamp(26px, 6vw, 45px); font-weight: 900; line-height: 1.15; }
.c-gs__list { --tl-w: 2px; --tl-track: rgba(247, 228, 125, .18); --tl-fill: #d8b24a; position: relative; display: flex; flex-direction: column; gap: 30px; width: min(520px, 100%); margin: 36px auto 0; }
.c-gs__step { position: relative; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.c-gs__dot { position: relative; z-index: 1; display: block; width: 14px; height: 14px; border-radius: 7px; background: #d8b24a; box-shadow: 0 0 0 4px #000; }
.c-gs__step .c-gs__dot { order: -2; }
.c-gs__num { order: -1; }
.c-gs__num img { display: block; width: auto; height: 72px; }
.c-gs__card { box-sizing: border-box; width: 100%; padding: 28px 24px; border: 1px solid #ccc; border-radius: 15px; background: #101010; filter: drop-shadow(0 0 5px rgba(0, 0, 0, .5)); text-align: right; }
.c-gs__card h3 { margin-bottom: 14px; font-size: 22px; font-weight: 900; line-height: 1.25; }
.c-gs__card p { font-size: 16px; font-weight: 300; line-height: 1.55; }

.c-gs__win { padding: 10px; background: #000; }
.c-gs__box { padding: 44px 14px 40px; border-radius: 25px; background: radial-gradient(ellipse 65% 60% at 50% 50%, #2b2209 0%, #181204 50%, #0c0903 100%); text-align: center; }
.c-gs__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 0 .3em; }
.c-gs__wtitle { font-size: clamp(28px, 6.4vw, 40px); font-weight: 800; line-height: 1.15; }
.c-gs__wsub { margin-top: 0; font-size: clamp(30px, 7vw, 45px); font-weight: 900; line-height: 1.15; }
.c-gs__cards { display: grid; grid-template-columns: 1fr; gap: 28px; max-width: 460px; margin: 32px auto 0; }
.c-gs__item { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 24px 18px 28px; border-radius: 25px; background: linear-gradient(180deg, #000 0%, #232323 100%); filter: drop-shadow(10px 10px 12.5px rgba(0, 0, 0, .12)); }
.c-gs__icon { display: grid; place-items: center; width: 83px; height: 83px; border: 1px solid #333; border-radius: 25px; background: #111; }
.c-gs__icon img { display: block; width: 51px; height: 51px; }
.c-gs__item h3 { font-size: 24px; font-weight: 900; line-height: 1.1; }
.c-gs__item p { font-size: 18px; font-weight: 400; line-height: 1.5; }

@media (min-width: 768px) and (max-width: 1279px) {
  .c-gs__cards { grid-template-columns: repeat(2, 1fr); max-width: 760px; }
  .c-mk__posters { grid-template-columns: 1fr 1fr; align-items: start; }
  .c-mk__poster--a { margin-top: 40px; }
}

@media (min-width: 1280px) {
  /* 55 */
  .c-mk__hero { padding: 0; }
  .c-mk__row { flex-direction: row; align-items: center; justify-content: center; gap: calc(70 * var(--u)); width: calc(1585 * var(--u)); max-width: none; min-height: calc(600 * var(--u)); margin: 0 auto; padding: calc(50 * var(--u)) 0; direction: ltr; }
  .c-mk__posters { order: 0; display: block; flex: none; width: calc(950 * var(--u)); height: calc(480 * var(--u)); }
  .c-mk__poster { position: absolute; width: calc(470 * var(--u)); }
  .c-mk__poster--a { left: 0; top: calc(110 * var(--u)); }
  .c-mk__poster--b { right: 0; top: 0; }
  .c-mk__text { order: 0; flex: none; width: calc(565 * var(--u)); padding: calc(10 * var(--u)); box-sizing: border-box; direction: rtl; gap: calc(20 * var(--u)); }
  .c-mk__h1 { font-size: calc(45 * var(--u)); line-height: calc(52 * var(--u)); }
  .c-mk__h2 { margin-top: 0; font-size: calc(58 * var(--u)); line-height: calc(52 * var(--u)); }
  .c-mk__text .c-mk__p { font-size: max(13px, calc(18 * var(--u))); line-height: calc(27 * var(--u)); }
  .c-mk__facts { padding: calc(70 * var(--u)) 0 calc(125 * var(--u)); }
  .c-mk__facts .c-mk__h2 { margin-top: calc(14 * var(--u)); font-size: calc(45 * var(--u)); line-height: calc(52 * var(--u)); }
  .c-mk__scroll { margin-top: calc(35 * var(--u)); width: calc(1047.11 * var(--u)); overflow: visible; padding: 0; }
  .c-mk__table { width: calc(1047.11 * var(--u)); }
  .c-mk__table th, .c-mk__table td { width: calc(260 * var(--u)); }
  .c-mk__table .c-mk__us { width: calc(266.61 * var(--u)); }

  /* 56 */
  .c-gs__steps { padding: calc(50 * var(--u)) 0 calc(60 * var(--u)); }
  .c-gs__title { font-size: calc(45 * var(--u)); line-height: calc(52 * var(--u)); }
  .c-gs__list { width: calc(1146 * var(--u)); gap: calc(44 * var(--u)); margin-top: calc(55 * var(--u)); }
  .c-gs__step { flex-direction: row; justify-content: center; align-items: center; gap: calc(160 * var(--u)); direction: ltr; }
  .c-gs__step--flip { flex-direction: row-reverse; }
  .c-gs__dot { position: absolute; left: 50%; top: 50%; width: calc(14 * var(--u)); height: calc(14 * var(--u)); transform: translate(-50%, -50%); order: 0; }
  .c-gs__num { order: 0; display: flex; width: calc(493 * var(--u)); justify-content: flex-end; }
  .c-gs__step--flip .c-gs__num { justify-content: flex-start; }
  .c-gs__num img { height: auto; max-width: calc(180 * var(--u)); }
  .c-gs__card { width: calc(493 * var(--u)); padding: calc(41 * var(--u)); }
  .c-gs__card h3 { margin-bottom: calc(16 * var(--u)); font-size: calc(25 * var(--u)); line-height: calc(30 * var(--u)); }
  .c-gs__card p { font-size: max(13px, calc(17 * var(--u))); line-height: calc(25.5 * var(--u)); }
  .c-gs__win { padding: calc(10 * var(--u)); }
  .c-gs__box { box-sizing: border-box; padding: calc(100 * var(--u)) calc(380 * var(--u)); min-height: calc(1120 * var(--u)); }
  .c-gs__wtitle { font-size: calc(40 * var(--u)); line-height: calc(40 * var(--u)); }
  .c-gs__wsub { margin-top: 0; font-size: calc(45 * var(--u)); line-height: calc(45 * var(--u)); }
  .c-gs__head { gap: 0 calc(18 * var(--u)); }
  .c-gs__cards { direction: ltr; grid-template-columns: repeat(3, calc(360 * var(--u))); gap: calc(56 * var(--u)) calc(20 * var(--u)); max-width: none; margin-top: calc(30 * var(--u)); justify-content: center; }
  .c-gs__item { padding: calc(30 * var(--u)) calc(15 * var(--u)) calc(30 * var(--u)); min-height: calc(342 * var(--u)); box-sizing: border-box; justify-content: flex-start; }
  .c-gs__icon { width: calc(82.5 * var(--u)); height: calc(82.5 * var(--u)); }
}

/* tablet + phone: the facts table fits the screen (no horizontal scrolling); on phones every row becomes a card with the parameter as its title */
@media (max-width: 1279px) {
  .c-mk__scroll { overflow: visible; max-width: 960px; padding-bottom: 0; }
  .c-mk__table { width: 100%; }
  .c-mk__table th, .c-mk__table td { padding: 14px 12px; }
  .c-mk__table thead th { padding: 14px 12px; }
}
@media (max-width: 700px) {
  .c-mk__table, .c-mk__table tbody { display: block; }
  .c-mk__table thead { display: none; }
  .c-mk__table tbody { display: grid; gap: 14px; }
  .c-mk__table tr { display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; border: 1px solid rgba(128, 128, 128, .5); border-radius: 14px; }
  .c-mk__table th.c-mk__param { grid-column: 1 / -1; order: -1; padding: 12px 10px; border: 0; font-size: 16px; text-align: center; }
  .c-mk__table td { padding: 12px 6px 14px; border: 0; border-top: 1px solid rgba(128, 128, 128, .4); font-size: 13px; line-height: 1.4; }
  .c-mk__table td:nth-child(1)::before { content: 'נדל"ן באירופה'; }
  .c-mk__table td:nth-child(2)::before { content: 'נדל"ן בישראל'; }
  .c-mk__table td:nth-child(3)::before { content: 'נדל"ן בארה"ב'; }
  .c-mk__table td::before { display: block; margin-bottom: 6px; font-size: 12px; font-weight: 700; opacity: .75; }
}

/* tablet + phone timeline (Liav, Session 100): the axis runs along the start edge (right), the dot sits beside the number, so the line never crosses the hollow numbers or the cards; more air between steps */
@media (max-width: 1279px) {
  .c-gs__list { box-sizing: border-box; gap: 48px; padding-right: 40px; }
  .c-gs__step { align-items: flex-start; gap: 18px; }
  .c-gs__dot { position: absolute; top: 36px; right: -30px; transform: translateY(-50%); order: 0; width: 16px; height: 16px; border-radius: 50%; }
  .c-gs__num img { height: 72px; }
  .c-gs__card { padding: 28px 24px 30px; }
}