/* DAP-style sections (24 reviews + how-to, 25 problem + results, 26 "you fit if" with floating dark card, 27 comparison table).
   Layout structure and measured sizes from the live reference page; copy, images and partner logos are PLACEHOLDERS.
   Colours are variables on .c-dap so the whole family can be re-coloured in one place. Font: Noto Sans Hebrew (reference uses a licensed font). */
.c-dap { --navy: #0e2341; --ink60: #5a6a84; --pink: #b4567e; --magenta: #943f92; --panel: #233d63;
  --grad: linear-gradient(246deg, #943f92 0%, #b4567e 100%); --grad-h: linear-gradient(90deg, #943f92 0%, #b4567e 100%);
  background: #fff; color: var(--navy); direction: rtl; font-family: "Noto Sans Hebrew", Arial, sans-serif; line-height: 1.45; overflow-x: clip; }
.c-dap :where(h2, h3, p, figure, blockquote) { margin: 0; }
.c-dap img, .c-dap svg { display: block; }

/* shared button */
.c-dap-btn { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 21px 45px; border-radius: 17px; background-image: var(--grad); box-shadow: 0 18px 34px -10px var(--pink); color: #fff; font-size: 17px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: transform .15s, box-shadow .24s, filter .24s; }
.c-dap-btn:hover { filter: brightness(1.06); transform: translateY(-1px); box-shadow: 0 24px 42px -10px var(--pink); }
.c-dap-btn::before { content: ""; position: absolute; z-index: 1; top: -20%; right: -140%; width: 70%; height: 140%; background: linear-gradient(110deg, #fff0 0%, #ffffff8c 45%, #ffffffbf 50%, #ffffff8c 55%, #fff0 100%); filter: blur(1px); transform: skew(-20deg); transition: right .8s cubic-bezier(.22, 1, .36, 1); pointer-events: none; }
.c-dap-btn:hover::before { right: 160%; }
.c-dap-btn > * { position: relative; z-index: 2; }
.c-dap-btn__chev { font-size: 18px; font-weight: 400; opacity: .9; }
.c-dap-btn--cmp { padding: 18px 40px; }

/* -- 24a reviews -- */
.c-dap-rev { padding: 48px 40px 0; }
.c-dap-rev__inner { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; gap: 40px; max-width: 1180px; margin: 0 auto; }
.c-dap-rev__item { display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; gap: 18px; }
.c-dap-rev__quote { flex: auto; max-width: 280px; color: #4a4a52; font-size: 15px; font-style: italic; line-height: 1.55; text-align: right; }
.c-dap-rev__avatar { flex: none; width: 64px; height: 64px; border-radius: 50%; background: linear-gradient(135deg, #e9e9ee, #d6d8e0); }
.c-dap-rev__divider { max-width: 1180px; margin: 40px auto 0; border: none; border-top: 1px solid #e3e3e7; }

/* -- 24b how-to -- */
.c-dap-how { position: relative; isolation: isolate; padding: 64px 40px 80px; background: #fff; text-align: center; }
.c-dap-how::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .18; background-image: radial-gradient(#b4567e 0%, #fff 54%); pointer-events: none; }
.c-dap-how__header { max-width: 760px; margin: 0 auto 52px; }
.c-dap-how__title { color: #1f1b2e; font-size: clamp(34px, 3.6vw, 48px); font-weight: 300; line-height: 1.15; letter-spacing: -.02em; text-wrap: balance; }
.c-dap-how__title-big { display: inline-block; margin: -20px 0 10px; font-size: 60px; font-weight: 500; line-height: 1.05; letter-spacing: -.025em; }
.c-dap-how__lede { width: 675px; max-width: 100%; margin: 0 auto -20px; color: #4f4f5c; font-size: 19px; font-weight: 300; line-height: 1.4; text-wrap: balance; }
.c-dap-how__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: 1200px; margin: 0 auto; }
.c-dap-how__card { display: flex; flex-direction: column; align-items: center; padding: 10px; background: #fff; border: 1px solid #e0e0e096; border-radius: 20px; box-shadow: 0 0 15px -1px #943f9233; transition: transform .42s cubic-bezier(.22, .61, .36, 1), box-shadow .42s cubic-bezier(.22, .61, .36, 1); }
.c-dap-how__card:hover { transform: translateY(-8px); box-shadow: 0 24px 44px -18px #943f9261, 0 0 0 1px #b4567e38; }
.c-dap-how__media { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 16 / 10; border-radius: 12px; background: linear-gradient(135deg, #f7f7fa, #eceaf3); color: #5f6577; font-size: 15px; }
.c-dap-how__card-title { margin-top: 18px; padding: 0 16px; color: #1f1b2e; font-size: 21px; font-weight: 500; letter-spacing: -.01em; }
.c-dap-how__card-text { max-width: 300px; padding: 0 16px 14px; color: #4f4f5c; font-size: 17px; font-weight: 300; line-height: 1.35; text-wrap: pretty; }
.c-dap-how__cta { display: flex; justify-content: center; margin-top: 48px; }

/* -- 25a problem -- */
.c-dap-pot { padding: 90px 69px 10px; }
.c-dap-pot__inner { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 60px; max-width: 1280px; margin: 0 auto; }
.c-dap-pot__copy { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; order: 2; text-align: right; }
.c-dap-pot__chart { display: flex; align-items: center; justify-content: center; order: 1; }
.c-dap-pot__chart-inner { width: 100%; max-width: 600px; aspect-ratio: 1 / .87; border-radius: 36px; background: #fff; overflow: hidden; box-shadow: 0 0 20px -4px #943f9233; }
.c-dap-pot__chart-inner svg { width: 100%; height: 100%; }
.c-dap-pot__badge { display: inline-block; padding: 9px 18px 8px; border: .6px solid #fff; border-radius: 100px; background-image: linear-gradient(360deg, #f5dddd6e 0%, #fff 100%); box-shadow: 0 0 14px -3px #b4567e57; font-size: 15px; font-weight: 500; letter-spacing: .02em; }
.c-dap-pot__badge-text { background: var(--grad-h); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.c-dap-pot__title { display: flex; flex-direction: column; color: var(--navy); font-size: clamp(2.25rem, 3.5vw + .5rem, 3.25rem); font-weight: 300; line-height: 1.2; letter-spacing: -.02em; }
.c-dap-pot__title-2 { margin-top: -10px; font-weight: 500; }
.c-dap-pot__text { max-width: 520px; font-size: 17px; font-weight: 300; line-height: 1.6; }
.c-dap-pot__text--spaced { margin-top: 10px; }
.c-dap-pot__text strong { font-weight: 700; }

/* -- 25b results -- */
.c-dap-res { position: relative; padding: 96px 0 72px; overflow: hidden; }
.c-dap-res__inner { max-width: 1400px; margin: 0 auto; padding: 0 24px; }
.c-dap-res__title { max-width: 1200px; margin: 0 auto 56px; font-size: clamp(2.4rem, 3.8vw + .5rem, 3.625rem); font-weight: 300; line-height: 1.2; letter-spacing: -.05em; text-align: center; }
.c-dap-res__line { display: block; }
.c-dap-res__grid { display: flex; justify-content: center; align-items: center; gap: 18px; margin: 10px 0 0; direction: rtl; }
.c-dap-res__stats { display: flex; align-items: center; gap: 18px; }
.c-dap-res__card { min-width: 240px; max-width: 340px; padding: 38px 26px; border-radius: 21px; background: #fff; box-shadow: 0 0 10px #943f9233; text-align: center; }
.c-dap-res__stats--right .c-dap-res__card:first-child { transform: rotate(-2.5deg); }
.c-dap-res__stats--right .c-dap-res__card:nth-child(2), .c-dap-res__stats--left .c-dap-res__card:first-child { transform: rotate(2.5deg); }
.c-dap-res__stats--left .c-dap-res__card:nth-child(2) { transform: rotate(-2.5deg); }
.c-dap-res__num { display: inline-block; margin-bottom: 10px; background: linear-gradient(45deg, #b4567e, #b4567e, #943f92, #943f92); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; font-size: clamp(2.25rem, 3.6vw + .5rem, 3.25rem); font-weight: 500; line-height: 1; letter-spacing: -.01em; }
.c-dap-res__unit { margin-inline-start: 2px; font-size: .65em; }
.c-dap-res__label { font-size: 16px; font-weight: 500; }
.c-dap-res__partners { display: flex; flex-flow: row-reverse wrap; align-items: center; justify-content: center; gap: 24px; margin-top: 36px; }
.c-dap-res__partner { display: inline-flex; align-items: center; justify-content: center; height: 64px; min-width: 150px; padding: 0 22px; border: 1px dashed #c9ced9; border-radius: 12px; background: #f7f7fa; color: #566178; font-size: 14px; }
.c-dap-res__partner--lg { height: 72px; }
.c-dap-res__partner--sm { height: 56px; }
.c-dap-res__cta { display: flex; justify-content: center; margin-top: 36px; }

/* -- 26 "you fit if": white page, dark card floats on it -- */
.c-dap-match__section { padding: 60px 32px; background: #fff; }
.c-dap-match__panel { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 64px 56px; border-radius: 30px; background-color: #061221; background-image: linear-gradient(162deg, #233d63 5%, #061221 50%, #763f6a 112%, #b4567e 200%); color: #fff; overflow: hidden; box-shadow: 0 30px 60px -24px #0e234166; }
.c-dap-match__rings { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; }
.c-dap-match__inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 28px; width: 100%; max-width: 780px; margin: 0 auto; }
.c-dap-match__title { color: #fff; font-size: clamp(28px, 2.9vw, 42px); font-weight: 700; line-height: 1.15; letter-spacing: 0; text-align: center; }
.c-dap-match__list { display: flex; flex-direction: column; gap: 14px; width: 100%; }
.c-dap-match__card { display: flex; align-items: center; gap: 16px; padding: 24px 28px; border: 1px solid #ffffff1a; border-radius: 15px; background-color: #ffffff14; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.c-dap-match__check { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 8px; border-radius: 20px; background-image: var(--grad); box-shadow: 0 0 24px -1px var(--pink); color: #fff; }
.c-dap-match__check svg { width: 100%; height: 100%; }
.c-dap-match__text { flex: auto; font-size: clamp(15px, 1.15vw, 19px); font-weight: 300; line-height: 1.45; letter-spacing: 0; text-align: right; }
.c-dap-match__text strong { font-weight: 700; }
.c-dap-match__cta { margin-top: 22px; text-align: center; }

/* -- 27 comparison table -- */
.c-dap-cmp__section { padding: 75px 50px 100px; background: #fff; }
.c-dap-cmp__inner { max-width: 1180px; margin: 0 auto; }
.c-dap-cmp__header { display: flex; flex-direction: column; align-items: center; gap: 20px; margin-bottom: 64px; text-align: center; }
.c-dap-cmp__pill { display: inline-flex; align-items: center; height: 32px; padding: 8px 15px 7px; border: .5px solid #b4567e42; border-radius: 100px; background-color: #ffffffa6; background-image: var(--grad-h); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; box-shadow: 0 0 29px -11px var(--pink); font-size: 16px; font-weight: 500; line-height: 1; }
.c-dap-cmp__title { margin: 0 0 -35px; font-size: 48px; font-weight: 700; line-height: 1.1; letter-spacing: -.02em; }
.c-dap-cmp__wrap { position: relative; padding: 60px 36px 56px; border-radius: 32px; }
.c-dap-cmp__table { position: relative; z-index: 1; display: grid; grid-template-columns: 1.35fr 1.08fr 1fr 1fr; column-gap: 8px; }
.c-dap-cmp__highlight { position: absolute; z-index: 0; top: -28px; bottom: -28px; inset-inline-start: 30.474%; box-sizing: content-box; width: 24.3792%; margin-inline-start: -10px; padding-inline-start: 20px; border-radius: 28px; background: #fff; box-shadow: 0 0 15px -1px #943f922e; overflow: hidden; pointer-events: none; }
.c-dap-cmp__highlight::before { content: ""; position: absolute; inset: 0 0 auto; height: 5px; background: var(--grad-h); }
.c-dap-cmp__highlight::after { content: ""; position: absolute; inset: 5px 0 0; background: radial-gradient(120% 30% at 50% 0, #b4567e1a, #0000 70%); pointer-events: none; }
.c-dap-cmp__row { display: contents; }
.c-dap-cmp__cell { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 22px 14px; border-bottom: 1px dashed #0e234138; text-align: center; }
.c-dap-cmp__cell--label { align-items: flex-start; padding: 22px 6px 22px 20px; border-bottom-color: #0e23412e; font-size: 15.5px; font-weight: 500; line-height: 1.35; text-align: right; }
.c-dap-cmp__cell--dap { padding-inline: 22px; border-bottom: 1px dashed #b4567e61; }
.c-dap-cmp__cell--head { min-height: 120px; padding: 32px 14px 26px; }
.c-dap-cmp__cell--head.c-dap-cmp__cell--dap { padding-top: 38px; }
.c-dap-cmp__row:last-child .c-dap-cmp__cell { border-bottom: none; }
.c-dap-cmp__col { font-size: 22px; font-weight: 700; line-height: 1.15; letter-spacing: -.01em; }
.c-dap-cmp__brand { display: inline-flex; align-items: center; justify-content: center; height: 38px; padding: 0 16px; border: 1px dashed #c9ced9; border-radius: 10px; color: #566178; font-size: 14px; }
.c-dap-cmp__verdict { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.c-dap-cmp__copy { max-width: 190px; color: var(--ink60); font-size: 13.5px; font-weight: 300; line-height: 1.4; }
.c-dap-cmp__cell--dap .c-dap-cmp__copy { color: var(--navy); font-weight: 500; }
.c-dap-cmp__icon { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; }
.c-dap-cmp__icon svg { width: 14px; height: 14px; }
.c-dap-cmp__icon--ok { background: linear-gradient(135deg, #943f92 0%, #b4567e 100%); box-shadow: 0 6px 16px -4px #b4567e8c, 0 0 0 5px #b4567e14; color: #fff; }
.c-dap-cmp__icon--no { background: #eef0f5; box-shadow: inset 0 0 0 1px #0e23410f; color: #566178; }
.c-dap-cmp__icon--q { background: #fff; box-shadow: inset 0 0 0 1px #0e234124; color: var(--ink60); font-size: 15px; font-weight: 700; line-height: 1; }
.c-dap-cmp__cta { display: flex; justify-content: center; margin-top: 20px; }

/* -- tablet / phone -- */
@media (max-width: 980px) {
  .c-dap-rev { padding: 32px 24px 0; }
  .c-dap-rev__inner { grid-template-columns: 1fr; gap: 28px; }
  .c-dap-how { padding: 48px 24px 64px; }
  .c-dap-how__grid { grid-template-columns: 1fr; gap: 28px; }
  .c-dap-how__cta { margin-top: 24px; }
  .c-dap-how__title-big { font-size: clamp(34px, 10vw, 52px); }
  .c-dap-how__lede { font-size: 17px; }
}
@media (max-width: 900px) {
  .c-dap-pot { padding: 56px 24px 24px; }
  .c-dap-pot__inner { grid-template-columns: 1fr; gap: 32px; }
  .c-dap-pot__copy { align-items: center; gap: 14px; order: 1; text-align: center; }
  .c-dap-pot__chart { order: 2; }
  .c-dap-pot__title { font-size: clamp(36px, 10vw, 50px); }
  .c-dap-pot__title-2 { margin-top: -6px; }
  .c-dap-pot__text { max-width: 100%; font-size: 20px; }
  .c-dap-res { padding: 32px 0 64px; }
  .c-dap-res__inner { padding: 0 16px; }
  .c-dap-res__title { margin-bottom: 32px; }
  .c-dap-res__grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
  .c-dap-res__stats { gap: 10px; }
  .c-dap-res__card { flex: 1; min-width: 0; max-width: none; padding: 22px 10px; }
  .c-dap-res__num { margin-bottom: 2px; }
  .c-dap-res__label { font-size: 15px; }
  .c-dap-res__partners { flex-wrap: nowrap; gap: 10px; margin-top: 28px; }
  .c-dap-res__partner { flex: 1 1 0; min-width: 0; padding: 0 6px; height: 40px; font-size: 12px; }
  .c-dap-res__partner--lg { height: 44px; }
  .c-dap-res__partner--sm { height: 34px; }
  .c-dap-res__cta { margin-top: 28px; }
  .c-dap-match__section { padding: 28px 0 40px; }
  .c-dap-match__panel { padding: 40px 14px; border-radius: 24px; }
  .c-dap-match__inner { gap: 28px; }
  .c-dap-match__title { font-size: clamp(26px, 7vw, 34px); letter-spacing: 0; }
  .c-dap-match__list { gap: 14px; }
  .c-dap-match__card { gap: 12px; padding: 16px 12px; }
  .c-dap-match__text { font-size: 15.5px; line-height: 1.5; }
  .c-dap-match__cta { margin-top: 8px; }
}
@media (max-width: 860px) {
  .c-dap-cmp__section { padding: 64px 16px 80px; }
  .c-dap-cmp__title { font-size: 42px; }
  .c-dap-cmp__wrap { direction: ltr; padding: 38px 0 28px; border-radius: 22px; overflow: auto visible; scrollbar-width: thin; scrollbar-color: #943f9266 transparent; }
  .c-dap-cmp__table { direction: rtl; grid-template-columns: 200px 180px 160px 160px; column-gap: 6px; min-width: 720px; }
  .c-dap-cmp__cell { padding: 16px 10px; }
  .c-dap-cmp__cell--label { padding-left: 10px; font-size: 16px; line-height: 1.3; }
  .c-dap-cmp__cell--dap { padding-inline: 14px; }
  .c-dap-cmp__cell--head.c-dap-cmp__cell--dap { padding-top: 32px; }
  .c-dap-cmp__copy { max-width: none; font-size: 13px; }
  .c-dap-cmp__col { font-size: 18px; }
  .c-dap-cmp__icon { width: 26px; height: 26px; }
  .c-dap-cmp__icon svg { width: 13px; height: 13px; }
  .c-dap-cmp__highlight { top: -16px; bottom: -16px; margin-inline-start: -6px; padding-inline-start: 12px; border-radius: 18px; }
}
@media (max-width: 520px) {
  .c-dap-btn { padding: 18px 30px; font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .c-dap-btn, .c-dap-btn::before, .c-dap-how__card { transition: none; }
}

/* -- 28 gift: dark card floats on a white section -- */
.c-dap-gift__section { padding: 30px 120px 100px; background: #fff; }
.c-dap-gift__inner { max-width: 1320px; margin: 0 auto; }
.c-dap-gift__card { position: relative; isolation: isolate; display: flex; align-items: center; justify-content: flex-start; min-height: 380px; padding: 72px 80px 64px; border-radius: 35px; background-color: #233d63; color: #fff; overflow: hidden; }
.c-dap-gift__collage { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; }
.c-dap-gift__card::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(270deg, #0e2341e0 0%, #0e2341c7 45%, #0e234173 80%, #0e234140 100%); }
.c-dap-gift__card::after { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(40% 60% at 10% 20%, #943f9259, #0000 70%), radial-gradient(50% 70% at 5% 90%, #b4567e33, #0000 70%); pointer-events: none; }
.c-dap-gift__content { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; max-width: 720px; text-align: right; }
.c-dap-gift__title { color: #fff; font-size: 43px; font-weight: 300; line-height: 1.1; letter-spacing: -1.3px; }
.c-dap-gift__title-em { font-weight: 700; }
.c-dap-gift__text { max-width: 620px; margin: -15px 0 0; color: #ffffffd9; font-size: 18px; font-weight: 300; line-height: 1.5; }
.c-dap-gift__tag { display: inline-flex; align-items: center; gap: 10px; margin-top: 6px; padding: 12px 22px 11px; border: 1px solid #ffffff26; border-radius: 12px; background: #ffffff0f; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); font-size: 15px; font-weight: 400; }
.c-dap-gift__tag-hash { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; background: linear-gradient(135deg, #943f92 0%, #b4567e 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; font-size: 17px; font-weight: 700; line-height: 1; }
@media (max-width: 1100px) { .c-dap-gift__section { padding: 30px 50px 100px; } }
@media (max-width: 900px) {
  .c-dap-gift__section { padding: 20px 18px 80px; }
  .c-dap-gift__card { min-height: 0; padding: 48px 28px; border-radius: 24px; }
  .c-dap-gift__content { align-items: center; max-width: 100%; text-align: center; }
  .c-dap-gift__title { font-size: 36px; line-height: 1; text-align: center; }
  .c-dap-gift__title-br { display: none; }
  .c-dap-gift__text { max-width: 100%; text-align: center; }
}

/* phone: the comparison table shows all three columns without horizontal scrolling; each feature name becomes a row title */
@media (max-width: 700px) {
  .c-dap-cmp__wrap { direction: rtl; overflow: visible; padding: 34px 12px 22px; }
  .c-dap-cmp__table { grid-template-columns: repeat(3, 1fr); column-gap: 6px; min-width: 0; }
  .c-dap-cmp__cell--head.c-dap-cmp__cell--label { display: none; }
  .c-dap-cmp__cell--head { min-height: 0; padding: 22px 4px 16px; }
  .c-dap-cmp__cell--head.c-dap-cmp__cell--dap { padding-top: 24px; }
  .c-dap-cmp__cell--label { grid-column: 1 / -1; align-items: center; padding: 20px 6px 6px; border-bottom: 0; font-size: 16px; font-weight: 700; text-align: center; }
  .c-dap-cmp__cell { padding: 8px 4px 14px; }
  .c-dap-cmp__cell--dap { padding-inline: 6px; }
  .c-dap-cmp__copy { font-size: 12.5px; line-height: 1.35; }
  .c-dap-cmp__col { font-size: 15px; }
  .c-dap-cmp__brand { height: 32px; padding: 0 8px; font-size: 12px; }
  .c-dap-cmp__highlight { top: -14px; bottom: -14px; inset-inline-start: 0; box-sizing: border-box; width: calc(33.333% - 4px); margin-inline-start: 0; padding-inline-start: 0; border-radius: 16px; }
}