/* Sections 37-38 (Deploy-style): "why us" comparison with a raised white column + floating tiles, and a light FAQ with floating "?" and star decorations.
   Layout, colours, sizes measured on the reference at 1440 and 375; copy, photo, logo and decorations are PLACEHOLDERS. Font: Noto Sans Hebrew.
   Page colour #f8f6f3 and the blue (#0180f5 -> #72aaff) are variables on .c-dp. */
.c-dp { --dp-bg: #f8f6f3; --dp-ink: #0e2933; --dp-text: #0e2933d6; --dp-blue: #0174de; --dp-blue-2: #72aaff;
  background: var(--dp-bg); color: var(--dp-text); direction: rtl; font-family: "Noto Sans Hebrew", Arial, sans-serif; overflow-x: clip; }
.c-dp :where(h2, h3, p) { margin: 0; }
.c-dp-faq__q-mark, .c-dp-cmp svg { display: block; }

/* -- 37 why us / comparison -- */
.c-dp-cmp__section { padding: 30px 16px 100px; }
.c-dp-cmp__inner { width: min(1040px, 100%); margin: 0 auto; }
.c-dp-cmp__title { color: var(--dp-ink); font-size: clamp(38px, 8vw, 64px); font-weight: 300; line-height: 1; }
.c-dp-cmp__stage { position: relative; margin-top: 50px; }
.c-dp-cmp__scroll { overflow-x: auto; padding: 20px 0 20px; margin-top: -20px; -webkit-overflow-scrolling: touch; }
.c-dp-cmp__card { position: relative; box-sizing: border-box; min-width: 780px; margin-inline: 10px; padding: 30px 30px 37px; border-radius: 20px; background: #fff; background-image: linear-gradient(#0e29330a 1px, transparent 1px), linear-gradient(90deg, #0e29330a 1px, transparent 1px); background-size: 40px 40px; }
.c-dp-cmp__ours-bg { position: absolute; top: -10px; bottom: -30px; right: 146px; width: 300px; border-radius: 20px; background: #fff; box-shadow: 1px 10px 60px 0 #406cc233; }
.c-dp-cmp__grid { position: relative; z-index: 1; display: grid; grid-template-columns: 80px 274px 140px 140px 140px; grid-template-rows: 56px repeat(5, 58px) 0; column-gap: 46px; }
.c-dp-cmp__h { display: flex; align-items: flex-start; font-size: 18px; font-weight: 700; line-height: 26px; }
.c-dp-cmp__h--ours { justify-content: flex-start; padding-top: 4px; }
.c-dp-cmp__logo { display: inline-flex; align-items: center; height: 24px; padding: 0 12px; border: 1px dashed #0e293355; border-radius: 6px; color: var(--dp-ink); font-size: 14px; font-weight: 700; }
.c-dp-cmp__label, .c-dp-cmp__cell { display: flex; align-items: flex-start; min-width: 0; font-size: 18px; font-weight: 400; line-height: 26.1px; text-align: start; border-bottom: 1px solid #0e293314; padding-bottom: 8px; }
.c-dp-cmp__cell--ours { align-items: flex-start; gap: 8px; border-bottom-color: transparent; }
.c-dp-cmp__tick { flex: none; width: 16px; height: 16px; margin-top: 5px; }
.c-dp-cmp__cta-slot { grid-column: 2; display: flex; align-items: flex-start; overflow: visible; }
.c-dp-cmp__btn { display: block; box-sizing: border-box; width: 268px; max-width: 100%; height: 56px; border-radius: 12px; background-image: linear-gradient(0deg, var(--dp-blue) 0%, var(--dp-blue-2) 100%); color: #fff; font-size: 20px; font-weight: 500; line-height: 56px; text-align: center; text-decoration: none; }
.c-dp-cmp__photo { position: absolute; z-index: 0; display: none; align-items: center; justify-content: center; left: -252px; top: -71px; width: 365px; height: 546px; border-radius: 24px; background: linear-gradient(160deg, #e8ecf4, #cfd9ea); color: #4f5d7d; font-size: 18px; }
@media (min-width: 1100px) {
  .c-dp-cmp__photo { display: grid; }
  .c-dp-cmp__scroll { overflow: visible; margin-inline: 0; }
}

/* -- 38 FAQ -- */
.c-dp-faq__section { position: relative; padding: 30px 16px 50px; }
.c-dp-faq__inner { width: min(780px, 100%); margin: 0 auto; }
.c-dp-faq__title { color: var(--dp-ink); font-size: clamp(38px, 8vw, 64px); font-weight: 300; line-height: 1; text-align: center; }
.c-dp-faq__list { display: flex; flex-direction: column; gap: 20px; margin-top: 56px; }
.c-dp-faq__item { border-radius: 12px; background: #fff; }
.c-dp-faq__q { display: block; box-sizing: border-box; min-height: 54px; padding: 10px 16px 16px; border-radius: 12px; color: var(--dp-text); cursor: pointer; font-size: 18px; font-weight: 500; line-height: 28px; list-style: none; }
.c-dp-faq__q::-webkit-details-marker { display: none; }
.c-dp-faq__q:focus-visible { outline: 2px solid var(--dp-blue); outline-offset: 2px; }
.c-dp-faq__a { padding: 0 16px 16px; }
.c-dp-faq__a p { font-size: 18px; font-weight: 400; line-height: 26.1px; }
.c-dp-faq__deco { position: absolute; display: none; pointer-events: none; }
@media (min-width: 1100px) {
  .c-dp-faq__deco { display: block; }
  .c-dp-faq__q-mark { width: 50px; height: 88px; }
  .c-dp-faq__q-mark--l { left: calc(50% - 502px); top: 293px; }
  .c-dp-faq__q-mark--r { left: calc(50% + 470px); top: 489px; width: 52px; height: 89px; }
  .c-dp-faq__star { width: 39px; height: 39px; }
  .c-dp-faq__star--l { left: calc(50% - 567px); top: 461px; }
  .c-dp-faq__star--r { left: calc(50% + 536px); top: 283px; }
}
@media (max-width: 767px) {
  .c-dp-faq__q, .c-dp-faq__a p { font-size: 16px; }
  .c-dp-faq__q { line-height: 24px; }
}

/* -- 39 testimonials (video cards row) -- */
.c-dp-tst__section { position: relative; padding: 27px 16px 55px; overflow: hidden; }
.c-dp-tst__inner { position: relative; z-index: 1; width: min(1140px, 100%); margin: 0 auto; }
.c-dp-tst__title { color: var(--dp-ink); font-size: clamp(38px, 8vw, 64px); font-weight: 300; line-height: 1.25; text-align: center; }
.c-dp-tst__hl { font-weight: 700; }
.c-dp-tst__stage { position: relative; margin-top: 40px; }
.c-dp-tst__track { display: flex; flex-wrap: wrap; justify-content: center; gap: 27px; }
.c-dp-tst__track::-webkit-scrollbar { display: none; }
.c-dp-tst__card { flex: none; width: 254px; }
.c-dp-tst__media { position: relative; display: grid; place-items: center; box-sizing: border-box; width: 254px; height: 264px; border-radius: 20px; background: linear-gradient(150deg, #c9d6ee, #8fa6cf); overflow: hidden; }
.c-dp-tst__media--1 { background: linear-gradient(150deg, #e3d9c8, #b8a58a); }
.c-dp-tst__media--2 { background: linear-gradient(150deg, #cfd9d3, #8fae9f); }
.c-dp-tst__play { width: 56px; height: 56px; }
.c-dp-tst__name { width: 250px; padding-top: 16px; color: var(--dp-ink); font-size: 18px; font-weight: 700; line-height: 26.1px; text-align: start; }
.c-dp-tst__arrow { display: none; position: absolute; z-index: 2; top: 110px; display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: #ffffffe6; box-shadow: 0 4px 16px #0e293333; cursor: pointer; }
.c-dp-tst__arrow svg { width: 22px; height: 22px; }
.c-dp-tst__arrow--prev { left: -20px; }
.c-dp-tst__arrow--next { right: -20px; }
.c-dp-tst__laurel { position: absolute; display: none; top: 40px; width: 120px; height: 260px; pointer-events: none; }
.c-dp-tst__laurel--l { left: -30px; transform: scaleX(-1); }
.c-dp-tst__laurel--r { right: -30px; }
@media (min-width: 1100px) { .c-dp-tst__laurel { display: block; } }
@media (max-width: 767px) { .c-dp-tst__arrow { display: none; } .c-dp-tst__card, .c-dp-tst__media { width: 230px; } .c-dp-tst__media { height: 240px; } .c-dp-tst__name { width: 100%; } }

/* phone + tablet: the comparison becomes a stacked list (no horizontal scrolling); the wide grid with the photo stays for >= 1100px */
@media (max-width: 1099px) {
  .c-dp-cmp__scroll { overflow: visible; margin-top: 0; padding: 0; }
  .c-dp-cmp__card { min-width: 0; margin-inline: 0; padding: 22px 20px 30px; }
  .c-dp-cmp__ours-bg, .c-dp-cmp__h { display: none; }
  .c-dp-cmp__grid { display: flex; flex-direction: column; gap: 0; }
  .c-dp-cmp__label { padding: 22px 0 8px; border-bottom: 0; font-size: 21px; font-weight: 700; line-height: 1.3; }
  .c-dp-cmp__cell { padding: 6px 0 6px; border-bottom: 0; font-size: 17px; line-height: 1.5; }
  .c-dp-cmp__cell--ours { align-items: center; padding: 10px 14px; border-radius: 10px; background: #eef3ff; font-weight: 600; }
  .c-dp-cmp__cell--ours .c-dp-cmp__tick { margin-top: 0; }
  .c-dp-cmp__cell:nth-child(5n+3)::before { content: "חלופה א: "; font-weight: 700; white-space: pre; }
  .c-dp-cmp__cell:nth-child(5n+4)::before { content: "חלופה ב: "; font-weight: 700; white-space: pre; }
  .c-dp-cmp__cell:nth-child(5n+5)::before { content: "חלופה ג: "; font-weight: 700; white-space: pre; }
  .c-dp-cmp__cta-slot { margin-top: 26px; }
  .c-dp-cmp__btn { width: 100%; }
}