/* @u */
/* Figma 5bhjpik4BMAF0XywBScnR8: 68 "if one of these sentences" cards + CTA + 9-step roadmap (21:6),
   69 about / "נעים מאוד" with the man (15:149). Section 69: the character is integrated better than in the design (soft halo behind him,
   bottom fade into the shape, subtle shadow) - flag to the user. The step numbered "06" twice in the design is "09" here (nine steps).
   Fonts: Noto Sans Hebrew (Discovery replaced) 300 / 800 / 900, Poppins for numbers. >=1280px block is in Figma px (1:1 at 1920). */
.c-mp, .c-ai { --u: calc(min(100vw, 1920px) / 1920); --bg: linear-gradient(90deg, #ae9c91 0%, #d6cac3 100%); direction: rtl; font-family: "Noto Sans Hebrew", "Poppins", sans-serif; overflow-x: clip; background: #fff; color: #000; }
.c-mp :where(h2, h3, p, ul, ol, li), .c-ai :where(h2, p) { margin: 0; padding: 0; list-style: none; }
.c-mp__k { font-size: clamp(20px, 5vw, 42px); font-weight: 300; line-height: 1.3; text-align: center; color: #aa998e; }
.c-mp__h { font-size: clamp(28px, 7.2vw, 58px); font-weight: 900; line-height: 1.2; text-align: center; background: linear-gradient(90deg, #b2a197 0%, #a5958a 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }

/* -- 68 A -- */
.c-mp__a { position: relative; padding: 52px 16px 44px; overflow: hidden; }
.c-mp__a--cta { padding: 56px 16px 56px; }
.c-mp__a--cta .c-mp__wave { display: none; }
.c-mp__a--cta .c-mp__cta { margin-top: 0; }
.c-mp__wave { position: absolute; left: -10%; top: 12%; width: 120%; height: auto; opacity: .5; pointer-events: none; }
.c-mp__grid { position: relative; display: flex; flex-direction: column; gap: 14px; max-width: 520px; margin: 28px auto 0; }
.c-mp__robot { order: -1; display: block; width: min(60%, 240px); height: auto; margin: 0 auto; border-radius: 25px; }
.c-mp__card { position: relative; box-sizing: border-box; display: flex; align-items: center; gap: 12px; overflow: hidden; padding: 20px 18px; border-radius: 25px; background: #efebe9; }
.c-mp__n { flex: none; width: 74px; font-family: "Poppins", sans-serif; font-size: 58px; font-weight: 700; line-height: 1; color: rgba(255, 255, 255, .85); text-align: center; }
.c-mp__t { flex: 1; text-align: right; }
.c-mp__q { display: inline-block; padding: 8px 14px; border-radius: 15px; background: #e7e1de; font-size: clamp(18px, 4.8vw, 26px); font-weight: 800; line-height: 1.2; }
.c-mp__b { margin-top: 10px; font-size: clamp(15px, 4vw, 22px); font-weight: 300; line-height: 1.4; }
.c-mp__cta { margin-top: 28px; padding: 32px 20px 30px; border-radius: 25px; background: var(--bg); color: #fff; text-align: center; }
.c-mp__ctat { font-size: clamp(19px, 5vw, 34px); font-weight: 300; line-height: 1.35; }
.c-mp__ctat b { font-weight: 800; }
.c-mp__btn { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 14px; box-sizing: border-box; width: min(100%, 420px); min-height: 72px; margin: 22px auto 0; padding: 6px 8px 6px 18px; border-radius: 100px; background: #fff; text-decoration: none; }
.c-mp__bt { flex: 1 1 auto; text-align: center; font-size: clamp(16px, 4.2vw, 23px); font-weight: 800; line-height: 1.2; background: linear-gradient(90deg, #b2a197, #8f8076); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.c-mp__bi { flex: none; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: #f7f5f5; }
.c-mp__bi svg { width: 24px; height: 24px; }
.c-mp__btn--b { background: var(--bg); }
.c-mp__btn--b .c-mp__bt { background: none; -webkit-text-fill-color: #fff; color: #fff; }

/* -- 68 B -- */
.c-mp__sec2 { padding: 40px 16px 56px; }
.c-mp__k--d, .c-mp__h--d { color: #342f2c; }
.c-mp__h--d { background: none; -webkit-text-fill-color: #342f2c; }
.c-mp__k--d { color: #342f2c; font-weight: 300; }
.c-mp__steps { display: flex; flex-direction: column; gap: 24px; max-width: 520px; margin: 32px auto 0; }
.c-mp__s { position: relative; padding: 4px 76px 6px 0; border-inline-end: 1px solid #cfc4bd; }
.c-mp__sn { position: absolute; right: 0; top: 0; display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; background: var(--bg); color: #fff; font-family: "Poppins", sans-serif; font-size: 24px; font-weight: 700; }
.c-mp__s h3 { padding-top: 8px; font-size: clamp(19px, 5vw, 26px); font-weight: 800; line-height: 1.25; background: linear-gradient(90deg, #ae9c91, #9d8d82); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.c-mp__s p { margin-top: 8px; font-size: clamp(15px, 4vw, 19px); font-weight: 300; line-height: 1.5; color: #1a1816; }
.c-mp__s { border-inline-end: 0; }
.c-mp__btn--b { margin-top: 40px; }

/* -- 69 -- */
.c-ai__section { position: relative; overflow: hidden; display: flex; flex-direction: column; padding: 48px 20px 0; background: linear-gradient(160deg, #ae9c91 0%, #90847d 100%); border-radius: 0 0 48px 48px; color: #fff; }
.c-ai__shape { display: none; }
.c-ai__text { position: relative; text-align: right; }
.c-ai__k { font-size: clamp(20px, 5.2vw, 38px); font-weight: 300; line-height: 1.2; }
.c-ai__h { margin-top: 4px; font-size: clamp(32px, 9vw, 64px); font-weight: 900; line-height: 1.15; }
.c-ai__body { display: flex; flex-direction: column; gap: 14px; margin-top: 22px; font-size: clamp(16px, 4.2vw, 21px); font-weight: 300; line-height: 1.55; }
.c-ai__stage { position: relative; order: 2; align-self: center; width: min(78%, 320px); height: 360px; margin-top: 24px; overflow: hidden; }
.c-ai__flip { position: absolute; inset: 0; transform: scaleX(-1); }
.c-ai__stage { -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 64%, rgba(0, 0, 0, .86) 72%, rgba(0, 0, 0, .55) 81%, rgba(0, 0, 0, .2) 90%, transparent 97%); mask-image: linear-gradient(180deg, #000 0%, #000 64%, rgba(0, 0, 0, .86) 72%, rgba(0, 0, 0, .55) 81%, rgba(0, 0, 0, .2) 90%, transparent 97%); }
/* phone and tablet: the man fills the stage like on desktop (his feet run past the bottom edge, so the fade below dissolves his legs, no floating torso) */
.c-ai__man { position: absolute; left: calc(50% - 100px); top: -140px; width: 443px; max-width: none; height: auto; transform: none; }

@media (min-width: 768px) and (max-width: 1279px) {
  .c-mp__grid { max-width: 760px; display: grid; grid-template-columns: 1fr 1fr; }
  .c-mp__robot { grid-column: 1 / -1; }
  .c-mp__steps { max-width: 760px; display: grid; grid-template-columns: 1fr 1fr; }
}

@media (min-width: 1280px) {
  /* 68 A (calc(1408 * var(--u))) */
  .c-mp__a { box-sizing: border-box; height: calc(1408 * var(--u)); padding: 0; overflow: hidden; }
  .c-mp__a--cta { height: auto; padding: calc(90 * var(--u)) 0; }
  .c-mp__a--nocta { height: calc(1060 * var(--u)); }
  .c-mp__a--cta .c-mp__cta { position: relative; left: auto; top: auto; margin: 0 auto; }
  .c-mp__wave { left: calc(-56 * var(--u)); top: calc(175 * var(--u)); width: calc(1995 * var(--u)); height: calc(585 * var(--u)); opacity: .6; }
  .c-mp__k { position: absolute; left: 0; right: 0; top: calc(109 * var(--u)); font-size: calc(50 * var(--u)); line-height: calc(68 * var(--u)); }
  .c-mp__h { position: absolute; left: 0; right: 0; top: calc(177 * var(--u)); font-size: calc(62 * var(--u)); line-height: calc(68 * var(--u)); }
  .c-mp__grid { position: static; display: block; max-width: none; margin: 0; }
  .c-mp__robot { position: absolute; left: calc(717 * var(--u)); top: calc(310 * var(--u)); width: calc(481 * var(--u)); height: calc(688 * var(--u)); max-width: none; margin: 0; object-fit: contain; }
  .c-mp__card { position: absolute; height: calc(207 * var(--u)); padding: 0; display: block; }
  .c-mp__c1, .c-mp__c2, .c-mp__c3 { left: calc(1198 * var(--u)); width: calc(621 * var(--u)); }
  .c-mp__c4, .c-mp__c5, .c-mp__c6 { left: calc(122 * var(--u)); width: calc(595 * var(--u)); }
  .c-mp__c1, .c-mp__c4 { top: calc(310 * var(--u)); }
  .c-mp__c2, .c-mp__c5 { top: calc(550 * var(--u)); height: calc(208 * var(--u)); }
  .c-mp__c3, .c-mp__c6 { top: calc(791 * var(--u)); }
  .c-mp__n { position: absolute; top: calc(43 * var(--u)); width: calc(270 * var(--u)); font-size: calc(200 * var(--u)); line-height: calc(102 * var(--u)); font-weight: 700; color: rgba(255, 255, 255, .55); }
  .c-mp__card--r .c-mp__n { left: calc(393 * var(--u)); }
  .c-mp__card--l .c-mp__n { left: calc(-63 * var(--u)); }
  .c-mp__t { position: absolute; top: 0; bottom: 0; width: 100%; }
  .c-mp__card--r .c-mp__t { left: 0; width: calc(396 * var(--u)); }
  .c-mp__card--l .c-mp__t { left: 0; width: calc(547 * var(--u)); }
  .c-mp__q { position: absolute; top: calc(35 * var(--u)); right: calc(15 * var(--u)); min-width: calc(297 * var(--u)); box-sizing: border-box; height: calc(61 * var(--u)); padding: 0 calc(15 * var(--u)); font-size: calc(27 * var(--u)); line-height: calc(61 * var(--u)); }
  .c-mp__card--r .c-mp__q { left: auto; }
  .c-mp__b { position: absolute; right: calc(15 * var(--u)); top: calc(104 * var(--u)); width: calc(340 * var(--u)); margin: 0; font-size: max(13px, calc(23 * var(--u))); line-height: calc(30 * var(--u)); }
  .c-mp__card--l .c-mp__t { left: 0; }
  .c-mp__cta { position: absolute; left: calc(122 * var(--u)); top: calc(1029 * var(--u)); box-sizing: border-box; width: calc(1697 * var(--u)); height: calc(317 * var(--u)); margin: 0; padding: 0; }
  .c-mp__ctat { position: absolute; left: 0; right: 0; top: calc(47 * var(--u)); font-size: calc(40 * var(--u)); line-height: calc(50 * var(--u)); }
  .c-mp-br { display: inline; }
  .c-mp__btn { position: absolute; left: calc(610 * var(--u)); top: calc(180 * var(--u)); width: calc(477 * var(--u)); height: calc(91 * var(--u)); margin: 0; padding: 0; }
  .c-mp__bt { position: absolute; left: calc(96 * var(--u)); right: calc(24 * var(--u)); top: calc(28 * var(--u)); font-size: calc(25 * var(--u)); line-height: calc(34 * var(--u)); }
  .c-mp__bi { position: absolute; left: calc(12 * var(--u)); top: calc(9 * var(--u)); width: calc(72.6 * var(--u)); height: calc(72.6 * var(--u)); }
  .c-mp__bi svg { width: calc(27 * var(--u)); height: calc(27 * var(--u)); }

  /* 68 B (calc(1221 * var(--u))) */
  .c-mp__sec2 { position: relative; box-sizing: border-box; height: calc(1221 * var(--u)); padding: 0; border-radius: 0 0 calc(100 * var(--u)) calc(100 * var(--u)); }
  .c-mp__k--d { position: absolute; left: 0; right: 0; top: calc(104 * var(--u)); }
  .c-mp__h--d { position: absolute; left: 0; right: 0; top: calc(194 * var(--u)); font-size: calc(76 * var(--u)); line-height: calc(90 * var(--u)); }
  .c-mp__steps { display: block; position: static; max-width: none; margin: 0; }
  .c-mp__s { position: absolute; width: calc(540 * var(--u)); height: calc(216 * var(--u)); padding: 0; box-sizing: border-box; }
  .c-mp__s::before { content: ""; position: absolute; right: calc(31 * var(--u)); top: calc(20 * var(--u)); width: calc(1 * var(--u)); height: calc(165 * var(--u)); background: #cfc4bd; }
  .c-mp__s1, .c-mp__s2, .c-mp__s3 { left: calc(1209 * var(--u)); }
  .c-mp__s4, .c-mp__s5, .c-mp__s6 { left: calc(711 * var(--u)); }
  .c-mp__s7, .c-mp__s8, .c-mp__s9 { left: calc(171 * var(--u)); }
  .c-mp__s1, .c-mp__s4, .c-mp__s7 { top: calc(368 * var(--u)); }
  .c-mp__s2, .c-mp__s5, .c-mp__s8 { top: calc(598 * var(--u)); }
  .c-mp__s3, .c-mp__s6, .c-mp__s9 { top: calc(828 * var(--u)); }
  .c-mp__sn { right: calc(69 * var(--u)); top: calc(2.6 * var(--u)); }
  .c-mp__s h3 { position: absolute; right: calc(69 * var(--u)); top: calc(65 * var(--u)); padding: 0; width: calc(460 * var(--u)); font-size: calc(27 * var(--u)); line-height: calc(43 * var(--u)); }
  .c-mp__s p { position: absolute; right: calc(69 * var(--u)); top: calc(115 * var(--u)); width: calc(440 * var(--u)); margin: 0; font-size: max(13px, calc(19 * var(--u))); line-height: calc(26 * var(--u)); }
  .c-mp__btn--b { position: absolute; left: calc(721 * var(--u)); top: calc(1072 * var(--u)); }

  /* 69 */
  .c-ai__section { display: block; box-sizing: border-box; height: calc(1130 * var(--u)); padding: 0; background: #fff; border-radius: 0 0 calc(100 * var(--u)) calc(100 * var(--u)); color: #fff; }
  .c-ai__shape { display: block; position: absolute; left: calc(-271 * var(--u)); top: calc(34 * var(--u)); width: calc(2106 * var(--u)); height: calc(1026 * var(--u)); transform: scaleY(-1); }
  .c-ai__stage { position: absolute; left: calc(1281 * var(--u)); top: calc(130 * var(--u)); width: calc(520 * var(--u)); height: calc(930 * var(--u)); margin: 0; order: 0; }
    .c-ai__man { left: 0; top: calc(-357 * var(--u)); width: calc(1148 * var(--u)); height: calc(1370 * var(--u)); max-width: none; transform: none; }
  .c-ai__text { position: static; }
  .c-ai__k { position: absolute; right: calc(928 * var(--u)); top: calc(246 * var(--u)); font-size: calc(46 * var(--u)); line-height: calc(70 * var(--u)); }
  .c-ai__h { position: absolute; right: calc(928 * var(--u)); top: calc(316 * var(--u)); margin: 0; font-size: calc(80 * var(--u)); line-height: calc(90 * var(--u)); }
  .c-ai__body { position: absolute; right: calc(928 * var(--u)); top: calc(432 * var(--u)); width: calc(846 * var(--u)); gap: calc(26 * var(--u)); margin: 0; font-size: max(13px, calc(22 * var(--u))); line-height: calc(30 * var(--u)); }
}
.c-mp-br { display: none; }
@media (min-width: 1280px) { .c-mp .c-mp-br { display: inline; } }