/* 155 closing two ways, light. White page, royal blue accent, soft pastel glow, fieldset legends cut the box border. */
.c-cwa { --b: var(--zk-btn-b, #2563eb); --bd: var(--zk-text, #1d4ed8); --ink: var(--zk-text, #0f172a); --soft: var(--zk-text-2, #475569); --no: #c0392b; --yes: #15803d; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; color: var(--ink); background: var(--zk-bg, #fff); overflow-x: clip; isolation: isolate; }
.c-cwa :where(h2, p, fieldset, legend) { margin: 0; padding: 0; }
.c-cwa__section { position: relative; display: flex; flex-direction: column; align-items: center; padding: 64px 20px 80px; background: var(--zk-bg, #fff); }
.c-cwa__glow { position: absolute; z-index: -1; top: 30%; left: 50%; width: min(620px, 90vw); height: 420px; transform: translateX(-50%); border-radius: 50%; background: rgba(37, 99, 235, .14); filter: blur(80px); pointer-events: none; }
.c-cwa__title { margin-top: 0; font-size: clamp(32px, 4.4vw, 58px); font-weight: 900; line-height: 1.15; text-align: center; text-wrap: balance; }
.c-cwa__mark { display: inline-block; position: relative; isolation: isolate; color: var(--bd); }
.c-cwa__mark::after { content: ""; position: absolute; z-index: -1; inset-inline: 0; bottom: 4px; height: .4em; background: var(--zk-mark, rgba(37, 99, 235, .22)); border-radius: 4px; }
.c-cwa__stack { width: min(576px, 100%); margin-top: 28px; }
.c-cwa__box { position: relative; min-width: 0; margin: 40px 0 0; padding: 14px 28px 30px; border: 1.5px solid; border-radius: 24px; background: var(--zk-card, #fff); text-align: center; box-shadow: var(--zk-shadow, 0 14px 40px rgba(15, 23, 42, .06)); }
.c-cwa__box--no { border-color: rgba(192, 57, 43, .7); }
.c-cwa__box--yes { border-color: rgba(21, 128, 61, .75); box-shadow: var(--zk-shadow, 0 18px 50px rgba(21, 128, 61, .12)); }
.c-cwa__legend { margin-inline: auto; padding: 0 16px; font-size: 22px; font-weight: 800; white-space: nowrap; }
.c-cwa__box--no .c-cwa__legend { color: var(--no); }
.c-cwa__box--yes .c-cwa__legend { color: var(--yes); }
.c-cwa__ic { display: block; width: 40px; height: 40px; margin: 22px auto 0; position: relative; }
.c-cwa__ic::after { content: ""; position: absolute; inset: 0; background: var(--no); -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-cwa__box--yes .c-cwa__ic::after { background: var(--yes); -webkit-mask-image: url(../assets/icons/ph-check-bold.svg); mask-image: url(../assets/icons/ph-check-bold.svg); }
.c-cwa__box p { font-size: 18px; font-weight: 400; line-height: 1.7; color: var(--soft); }
.c-cwa__or { margin: 22px 0 -6px; font-size: 44px; font-weight: 900; line-height: 1; text-align: center; color: var(--ink); }
.c-cwa__btn { display: inline-flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 24px; padding: 8px 28px 8px 8px; border-radius: 999px; background: var(--b); color: var(--zk-on-btn, #fff); font-size: 18px; font-weight: 800; text-decoration: none; box-shadow: 0 12px 28px var(--zk-glow, rgba(37, 99, 235, .35)); transition: transform .2s; }
.c-cwa__btn:hover { transform: translateY(-2px); }
.c-cwa__arr { flex: none; width: 44px; height: 44px; border-radius: 50%; background: #fff; position: relative; }
.c-cwa__arr::after { content: ""; position: absolute; inset: 12px; background: var(--b); -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: 1280px) { .c-cwa__section { padding: 96px 20px 110px; } .c-cwa__stack { width: 600px; } .c-cwa__box p { font-size: 20px; } }
@media (prefers-reduced-motion: reduce) { .c-cwa__btn { transition: none; } }

/* arrow-circle pill, skill 34e (Liav, Session 105): label centred between the circle and the right edge, circle absolute at the left */
.c-cwa__btn { position: relative; justify-content: center; min-height: 64px; box-sizing: border-box; padding: 8px 44px 8px 100px; text-align: center; }
.c-cwa__arr { position: absolute; left: 8px; top: 50%; transform: translateY(-50%); }