/* 158 closing two rows, light. White page, pastel blobs behind, muted grey row vs deep-blue gradient row. */
.c-cwd { --ink: #0f172a; --soft: #475569; --b1: #2a6ad1; --b2: #0b2a55; direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; color: var(--ink); background: #fff; overflow-x: clip; isolation: isolate; }
.c-cwd :where(h2, h3, p) { margin: 0; padding: 0; }
.c-cwd__section { position: relative; display: flex; flex-direction: column; align-items: center; padding: 64px 20px 80px; background: #fff; }
.c-cwd__glow { position: absolute; z-index: -1; width: min(460px, 70vw); height: 360px; border-radius: 50%; filter: blur(80px); opacity: .22; pointer-events: none; }
.c-cwd__glow--a { top: 24%; right: -8%; background: #7fb0ff; }
.c-cwd__glow--b { bottom: 8%; left: -8%; background: #bcd6ff; }
.c-cwd__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-cwd__mark { display: inline-block; position: relative; isolation: isolate; }
.c-cwd__mark::after { content: ""; position: absolute; z-index: -1; inset-inline: 0; bottom: 4px; height: .4em; background: rgba(42, 106, 209, .25); border-radius: 4px; }
.c-cwd__rows { display: grid; width: min(860px, 100%); margin-top: 44px; }
.c-cwd__row { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 18px 24px; padding: 28px 24px; border-radius: 24px; }
.c-cwd__row--stay { background: #f1f3f6; border: 1px solid #dde2ea; padding-bottom: 44px; }
.c-cwd__row--go { margin-top: 0; padding-top: 44px; background: linear-gradient(135deg, var(--b1), var(--b2)); color: #fff; box-shadow: 0 24px 60px rgba(11, 42, 85, .35); }
.c-cwd__num { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 18px; font-size: 26px; font-weight: 900; font-family: "Poppins", "Noto Sans Hebrew", sans-serif; }
.c-cwd__row--stay .c-cwd__num { background: #e2e6ec; color: #4b5563; }
.c-cwd__row--go .c-cwd__num { background: #fff; color: var(--b2); }
.c-cwd__body { min-width: 0; }
.c-cwd__row h3 { font-size: 24px; font-weight: 800; }
.c-cwd__row--stay h3 { color: #4b5563; }
.c-cwd__row p { margin-top: 6px; font-size: 18px; line-height: 1.65; }
.c-cwd__row--stay p { color: #4b5563; }
.c-cwd__row--go p { color: #e8eeff; }
.c-cwd__or { position: relative; z-index: 2; justify-self: center; display: grid; place-items: center; width: 84px; height: 44px; margin: -22px 0; border-radius: 999px; background: #fff; border: 1px solid #cbd5e1; font-size: 22px; font-weight: 900; box-shadow: 0 8px 20px rgba(15, 23, 42, .1); }
.c-cwd__btn { grid-column: 1 / -1; justify-self: start; display: inline-flex; align-items: center; justify-content: space-between; gap: 22px; padding: 8px 28px 8px 8px; border-radius: 999px; background: #fff; color: var(--b2); font-size: 18px; font-weight: 800; text-decoration: none; transition: transform .2s; }
.c-cwd__btn:hover { transform: translateY(-2px); }
.c-cwd__arr { flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--b1); position: relative; }
.c-cwd__arr::after { content: ""; position: absolute; inset: 12px; background: #fff; -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; }
.c-cwd__close { margin-top: 40px; font-size: 20px; text-align: center; color: var(--soft); }
@media (min-width: 900px) {
  .c-cwd__section { padding: 96px 20px 110px; }
  .c-cwd__row { grid-template-columns: auto minmax(0, 1fr) auto; padding-inline: 36px; }
  .c-cwd__btn { grid-column: auto; justify-self: end; }
}
@media (prefers-reduced-motion: reduce) { .c-cwd__btn { transition: none; } }