/* 314 what you get: dark elevation + winged pill CTA + swoop edge (Session 102).
   Surfaces follow skill 31: base #121212, blue overlays 5/9/12/16 percent, 1px border .08. Wings follow skill 32:
   gap colour = section background #121212, outer wing = brand blue #2b59d6. White wrapper under the swoop (skill 29). */
.c-wzd { direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; background: var(--zk-page, #fff); color: var(--zk-text, #fff); }
.c-wzd :where(h2, h3, p, ol, li) { margin: 0; padding: 0; list-style: none; }
.c-wzd__sec { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; padding: 64px 16px 110px; background: var(--zk-bg, #121212); text-align: center;
  border-bottom-left-radius: 50% clamp(72px, 11vw, 170px); border-bottom-right-radius: 50% clamp(72px, 11vw, 170px); }
.c-wzd__h { font-size: clamp(30px, 7.6vw, 52px); line-height: 1.18; text-wrap: balance; }
.c-wzd__thin { display: block; font-weight: 300; }
.c-wzd__key { display: block; font-weight: 900; color: var(--zk-accent, #8fb0ff); }
.c-wzd__list { display: flex; flex-direction: column; gap: 14px; width: min(100%, 880px); margin-top: 40px; }
/* all four cards share ONE elevation level (1dp, solid #1a1d29 = 5 percent brand tint over #121212) with a fading brand-to-white stroke (opaque padding layer, skill 13) */
.c-wzd__row { display: flex; align-items: center; gap: 20px; padding: 22px 24px; border: 2px solid transparent; border-radius: 22px; background: linear-gradient(var(--zk-card, #1a1d29), var(--zk-card, #1a1d29)) padding-box, linear-gradient(225deg, var(--zk-line-a, rgba(143, 176, 255, .9)), var(--zk-line-b, rgba(255, 255, 255, .2)) 45%, var(--zk-line-c, rgba(86, 124, 255, .04)) 100%) border-box; box-shadow: var(--zk-shadow, none); text-align: start; }
.c-wzd__n { flex: none; min-width: 2ch; font-family: Poppins, sans-serif; font-weight: 800; font-size: clamp(34px, 8vw, 52px); line-height: 1; color: var(--zk-accent, #8fb0ff); }
.c-wzd__t { font-size: clamp(21px, 5vw, 28px); line-height: 1.25; font-weight: 700; }
.c-wzd__p { margin-top: 6px; font-size: clamp(17px, 4.2vw, 20px); line-height: 1.5; color: var(--zk-text-2, rgba(255, 255, 255, .8)); }
.c-wzd__q { font-family: var(--zk-font-accent, inherit); margin-top: 48px; font-size: clamp(19px, 4.6vw, 24px); line-height: 1.35; font-weight: 300; text-wrap: balance; color: var(--zk-text-q, rgba(255, 255, 255, .92)); }
/* the winged pill, geometry measured from Liav reference (body 360x58.5): each wing is a SHARP crescent made of two arcs that meet in points level with the top and bottom edge of the body (svg mask, viewBox 21x58.5: outer arc R30.9 reaching 12px out, inner arc R39.4 leaving a 4.5px gap, tips 9px inside the body edge). Everything scales with --bh = body height. Gradient = house brand gradient (brand to deeper shade, 135deg, inner highlight, coloured shadow). */
.c-wzd__btn { --bh: 54px; --wo: calc(var(--bh) * .18); --wt: calc(var(--bh) * .128); box-sizing: border-box; position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 12px; width: calc(100% - 72px); max-width: 520px; min-height: var(--bh); margin: 26px 0 0; padding: 8px 28px; border-radius: 999px;
  background: linear-gradient(135deg, var(--zk-btn-a, #3b6cf0) 0%, var(--zk-btn-b, #1d3fa8) 100%); color: var(--zk-on-btn, #fff); font-weight: 700; font-size: clamp(19px, 4.8vw, 23px); line-height: 1.2; text-decoration: none;
  box-shadow: 0 10px 28px var(--zk-glow, rgba(29, 63, 168, .38)), inset 0 1px 0 rgba(255, 255, 255, .24); }
.c-wzd__btn::before, .c-wzd__btn::after { content: ''; position: absolute; top: 0; width: calc(var(--bh) * .333); height: var(--bh); background: linear-gradient(135deg, var(--zk-btn-a, #3b6cf0) 0%, var(--zk-btn-b, #1d3fa8) 100%); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.5 58.5' preserveAspectRatio='none'%3E%3Cpath d='M19.5 0A31.7 31.7 0 0 0 19.5 58.5A38.8 38.8 0 0 1 19.5 0Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.5 58.5' preserveAspectRatio='none'%3E%3Cpath d='M19.5 0A31.7 31.7 0 0 0 19.5 58.5A38.8 38.8 0 0 1 19.5 0Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat; pointer-events: none; }
.c-wzd__btn::before { left: calc(var(--wo) * -1); }
.c-wzd__btn::after { right: calc(var(--wo) * -1); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.5 58.5' preserveAspectRatio='none'%3E%3Cpath d='M0 0A31.7 31.7 0 0 1 0 58.5A38.8 38.8 0 0 0 0 0Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.5 58.5' preserveAspectRatio='none'%3E%3Cpath d='M0 0A31.7 31.7 0 0 1 0 58.5A38.8 38.8 0 0 0 0 0Z'/%3E%3C/svg%3E"); }
.c-wzd__btn:hover { background: linear-gradient(135deg, var(--zk-btn-a-h, #4b7aff) 0%, var(--zk-btn-b-h, #2548b8) 100%); }
.c-wzd__btn:focus-visible { outline: 3px solid var(--zk-focus, #8fb0ff); outline-offset: 10px; }
.c-wzd__arr { flex: none; width: 1.1em; height: 1.1em; background: currentColor; -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-wzd__sec { padding: 96px 24px 190px; }
  .c-wzd__list { margin-top: 56px; gap: 16px; }
  .c-wzd__row { gap: 32px; padding: 28px 40px; }
  .c-wzd__q { margin-top: 64px; }
  .c-wzd__btn { --bh: 58px; width: auto; padding: 8px 72px; font-size: 22px; }
}