/* 157 closing fork, Deep Tech Navy and Ice: ice-blue page, white cards, thin blue borders, navy text. */
.c-cwc { --ice: #e2eeff; --navy: #0b2a55; --blue: #2a6ad1; --blue-d: #1f55b0; --soft: #3d4f6b; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; color: var(--navy); background: var(--ice); overflow-x: clip; }
.c-cwc :where(h2, h3, ul) { margin: 0; padding: 0; }
.c-cwc__section { display: flex; flex-direction: column; align-items: center; padding: 64px 20px 84px; }
.c-cwc__title { font-size: clamp(30px, 4vw, 54px); font-weight: 900; line-height: 1.2; text-align: center; text-wrap: balance; }
.c-cwc__title span { display: block; font-weight: 300; color: var(--blue-d); }
.c-cwc__road { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 72px; width: min(1080px, 100%); margin-top: 56px; }
.c-cwc__road::before { content: ""; position: absolute; z-index: 0; top: 8%; bottom: 8%; left: 50%; border-inline-start: 2px dashed rgba(42, 106, 209, .45); }
.c-cwc__card { position: relative; z-index: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; padding: 52px 28px 30px; border: 1px solid var(--blue); border-radius: 20px; background: #fff; text-align: center; box-shadow: 0 10px 30px rgba(11, 42, 85, .08); }
.c-cwc__tab { position: absolute; top: 0; left: 50%; transform: translateX(-50%); padding: 7px 22px; border-radius: 0 0 12px 12px; background: var(--navy); color: #fff; font-size: 15px; font-weight: 800; white-space: nowrap; }
.c-cwc__card h3 { font-size: 26px; font-weight: 800; line-height: 1.3; text-wrap: balance; }
.c-cwc__card ul { list-style: none; display: grid; gap: 16px; width: 100%; margin-top: 24px; text-align: right; }
.c-cwc__card li { position: relative; padding-inline-start: 42px; font-size: 21px; line-height: 1.5; color: var(--soft); }
.c-cwc__card li::before { content: ""; position: absolute; inset-inline-start: 0; top: 1px; width: 30px; height: 30px; border-radius: 50%; background: #e4e9f1; }
.c-cwc__card li::after { content: ""; position: absolute; inset-inline-start: 7px; top: 8px; width: 16px; height: 16px; background: #66748a; -webkit-mask: url(../assets/icons/ph-x-bold.svg) center / contain no-repeat; mask: url(../assets/icons/ph-x-bold.svg) center / contain no-repeat; }
.c-cwc__card--yes { border-width: 2px; box-shadow: 0 22px 50px rgba(42, 106, 209, .25); }
.c-cwc__card--yes .c-cwc__tab { background: var(--blue); }
.c-cwc__card--yes li::before { background: var(--blue); }
.c-cwc__card--yes li::after { background: #fff; -webkit-mask-image: url(../assets/icons/ph-check-bold.svg); mask-image: url(../assets/icons/ph-check-bold.svg); }
.c-cwc__or { position: relative; z-index: 2; justify-self: center; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: #fff; border: 6px solid var(--ice); box-shadow: 0 0 0 2px var(--blue); font-size: 22px; font-weight: 900; color: var(--blue-d); }
.c-cwc__btn { display: inline-flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 28px; padding: 8px 28px 8px 8px; border-radius: 999px; background: var(--blue-d); color: #fff; font-size: 18px; font-weight: 800; text-decoration: none; transition: transform .2s; }
.c-cwc__btn:hover { transform: translateY(-2px); }
.c-cwc__arr { flex: none; width: 44px; height: 44px; border-radius: 50%; background: #fff; position: relative; }
.c-cwc__arr::after { content: ""; position: absolute; inset: 12px; background: var(--blue-d); -webkit-mask: url(../assets/icons/ph-arrow-left-bold.svg) center / contain no-repeat; mask: url(../assets/icons/ph-arrow-left-bold.svg) center / contain no-repeat; }
@media (min-width: 900px) {
  .c-cwc__section { padding: 96px 20px 110px; }
  .c-cwc__road { grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr); column-gap: 28px; align-items: stretch; }
  .c-cwc__or { align-self: center; width: 72px; height: 72px; }
  .c-cwc__road::before { top: 50%; bottom: auto; left: 6%; right: 6%; border-inline-start: 0; border-top: 2px dashed rgba(42, 106, 209, .45); }
}
@media (prefers-reduced-motion: reduce) { .c-cwc__btn { transition: none; } }