/* carlids page (sections 340-347): light minimal, brand blue. Every colour is a ZIKIT token var(--zk-x, original blue fallback). Clones of 335 (hero), 235 (pain), 273 (get), 327 (bullets), 205 (steps), 267 (tiers), 224 (FAQ). Backgrounds sit on the __sec element so the pull-up of the transition builder fills the gap under the hero edge. */
.c-cdh, .c-cdp, .c-cdg, .c-cdb, .c-cds, .c-cdt, .c-cdf, .c-cdc { direction: rtl; font-family: "Noto Sans Hebrew", sans-serif; font-weight: 400; letter-spacing: 0; overflow: clip; color: var(--zk-text, #14202f); }
.c-cdh :where(h1, h2, h3, p, ul, ol, li), .c-cdp :where(h2, p, ul, li), .c-cdg :where(h2, h3, p, ul, li), .c-cdb :where(h2, ul, li), .c-cds :where(h2, h3, p, ol, li), .c-cdt :where(h2, p, ul, li), .c-cdf :where(h2, h3, p), .c-cdc :where(h2, p) { margin: 0; padding: 0; list-style: none; }
.c-cdh .n, .c-cdg .n, .c-cds .n { font-family: "Poppins", sans-serif; font-weight: 900; }
.c-cdh { background: var(--zk-page, #fff); }
.c-cdh__sec, .c-cdp__sec, .c-cdg__sec, .c-cdb__sec, .c-cds__sec, .c-cdt__sec, .c-cdf__sec, .c-cdc__sec { box-sizing: border-box; background: var(--zk-bg, #fff); }
.c-cdp__sec, .c-cdg__sec, .c-cdb__sec, .c-cds__sec, .c-cdt__sec, .c-cdf__sec, .c-cdc__sec { padding: 56px 20px 64px; }
.c-cdp__h, .c-cdg__h, .c-cdb__h, .c-cds__h, .c-cdt__h, .c-cdf__h, .c-cdc__h { font-size: clamp(28px, 7.4vw, 36px); font-weight: 900; line-height: 1.18; text-align: center; text-wrap: balance; color: var(--zk-text, #14202f); }
.c-cdp__acc, .c-cds__acc, .c-cdf__acc, .c-cdc__acc { color: var(--zk-accent, #2563eb); background: linear-gradient(180deg, transparent 62%, var(--zk-mark, rgba(37, 99, 235, .2)) 62% 92%, transparent 92%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.c-cdg__thin, .c-cdt__thin { font-weight: 300; }
.c-cdg__bold, .c-cdt__key { font-weight: 900; }
.c-cdt__key { color: var(--zk-accent, #2563eb); }

/* 340 hero: clone of hero D (334): light, white audience tab hanging from the top, giant headline, arrow-circle pill CTA and a reels carousel of five vertical videos (scroll-snap on phone), S-curve bottom edge. ZIKIT tokens. */
.c-cdh__sec { position: relative; display: block; padding: 0 0 calc(48px + clamp(56px, 8vw, 120px)); text-align: center; color: var(--zk-text, #14202f);
  -webkit-mask: linear-gradient(#000, #000) top / 100% calc(100% - clamp(56px, 8vw, 120px) + 1px) no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V14C1000 14 440 112 0 112Z'/%3E%3C/svg%3E") bottom / 100% clamp(56px, 8vw, 120px) no-repeat;
  mask: linear-gradient(#000, #000) top / 100% calc(100% - clamp(56px, 8vw, 120px) + 1px) no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V14C1000 14 440 112 0 112Z'/%3E%3C/svg%3E") bottom / 100% clamp(56px, 8vw, 120px) no-repeat; }
.c-cdh__tab { display: table; margin: 0 auto; padding: 12px 32px; border-radius: 0 0 24px 24px; background: linear-gradient(135deg, var(--zk-btn-a, #3b6cf0), var(--zk-btn-b, #1d3fa8)); box-shadow: 0 10px 26px var(--zk-glow, rgba(29, 63, 168, .32)), inset 0 1px 0 rgba(255, 255, 255, .24); font-size: clamp(16px, 4vw, 20px); font-weight: 800; color: var(--zk-on-btn, #fff); }
.c-cdh__in { display: flex; flex-direction: column; align-items: center; padding: 40px 20px 0; }
.c-cdh__h { font-size: clamp(32px, 7.6vw, 64px); line-height: 1.14; font-weight: 900; text-wrap: balance; }
.c-cdh__l1 { display: block; font-weight: 300; }
.c-cdh__l2 { display: block; color: var(--zk-accent, #1d4ed8); }
.c-cdh__lead { max-width: 720px; margin-top: 20px; font-size: clamp(18px, 4.4vw, 22px); line-height: 1.6; color: var(--zk-text-2, #44536a); }
.c-cdh__cta, .c-cdc__cta { position: relative; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 64px; margin-top: 36px; padding: 8px 44px 8px 100px; 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-size: clamp(18px, 4.6vw, 22px); font-weight: 800; text-align: center; text-decoration: none; box-shadow: 0 10px 28px var(--zk-glow, rgba(29, 63, 168, .4)), inset 0 1px 0 rgba(255, 255, 255, .24); transition: transform .2s; }
.c-cdh__cta:hover, .c-cdc__cta:hover { transform: translateY(-2px); }
.c-cdh__cta:focus-visible, .c-cdc__cta:focus-visible { outline: 3px solid var(--zk-focus, #14202f); outline-offset: 4px; }
.c-cdh__arr, .c-cdc__arr { position: absolute; left: 8px; top: 50%; width: 48px; height: 48px; transform: translateY(-50%); border-radius: 50%; background: #fff; }
.c-cdh__arr::after, .c-cdc__arr::after { content: ""; position: absolute; inset: 13px; background: var(--zk-btn-b, #1d3fa8); -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-cdh__login { margin-top: 24px; font-size: 18px; color: var(--zk-text-2, #44536a); }
.c-cdh__login a { color: var(--zk-accent, #1d4ed8); font-weight: 800; text-decoration: underline; text-underline-offset: 4px; }
.c-cdh__note { max-width: 560px; margin-top: 12px; font-size: 18px; line-height: 1.55; color: var(--zk-text-2, #44536a); }
.c-cdh__reels { display: flex; gap: 16px; box-sizing: border-box; width: calc(100% + 40px); margin: 36px -20px 0; padding: 0 20px 6px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.c-cdh__reels::-webkit-scrollbar { display: none; }
.c-cdh__r { flex: 0 0 76%; max-width: 320px; scroll-snap-align: center; }
.c-cdh__poster { position: relative; display: block; width: 100%; aspect-ratio: 9 / 16; padding: 0; border: 0; border-radius: 20px; cursor: pointer; overflow: hidden; background: radial-gradient(120% 70% at 50% 0%, var(--zk-btn-a, #3b6cf0) 0%, var(--zk-btn-b, #1d3fa8) 50%, color-mix(in srgb, var(--zk-btn-b, #1d3fa8) 55%, #000) 100%); box-shadow: 0 14px 30px color-mix(in srgb, var(--zk-btn-b, #1d3fa8) 35%, transparent); }
.c-cdh__play { position: absolute; top: 46%; left: 50%; box-sizing: border-box; width: 64px; height: 64px; transform: translate(-50%, -50%); border: 4px solid #e6e9ef; border-radius: 50%; filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .4)); }
.c-cdh__play::after { content: ""; position: absolute; top: 50%; left: 50%; border-style: solid; border-width: 11px 0 11px 18px; border-color: transparent transparent transparent #e6e9ef; transform: translate(-35%, -50%); }
.c-cdh__cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 12px 14px; background: linear-gradient(transparent, rgba(0, 0, 0, .6)); color: #fff; font-size: 15px; text-align: center; }
.c-cdh__cap b { display: block; font-size: 17px; }
@media (min-width: 900px) {
  .c-cdh__r { flex: 1 1 0; max-width: none; }
  .c-cdh__reels { overflow: visible; padding-inline: 16px; }
  .c-cdh__lead { margin-top: 24px; }
}

/* 341 pain */
.c-cdp__h { margin: 0 auto 40px; max-width: 900px; }
.c-cdp__rows { display: flex; flex-direction: column; gap: 20px; width: min(920px, 100%); margin-inline: auto; }
.c-cdp__row { box-sizing: border-box; display: flex; align-items: center; gap: 16px; width: 100%; padding: 20px 22px; border: 1px solid var(--zk-hair, #cbd5e1); border-radius: 18px; background: var(--zk-card, #fff); box-shadow: var(--zk-shadow, 0 8px 24px rgba(15, 23, 42, .10), 0 1px 3px rgba(15, 23, 42, .08)); }
.c-cdp__x { flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--zk-accent, #2563eb); -webkit-mask: url(../assets/icons/ph-x-bold.svg) center / 18px 18px no-repeat, linear-gradient(#000, #000); -webkit-mask-composite: xor; mask: url(../assets/icons/ph-x-bold.svg) center / 18px 18px no-repeat, linear-gradient(#000, #000); mask-composite: exclude; }
.c-cdp__tx { min-width: 0; font-size: 19px; font-weight: 700; line-height: 1.5; color: var(--zk-text, #0f172a); }
.c-cdp__close { width: min(760px, 100%); margin: 36px auto 0; font-size: 18px; line-height: 1.6; text-align: center; color: var(--zk-text-2, #44536a); }
@media (min-width: 900px) {
  .c-cdp__sec { padding: 96px 32px 104px; }
  .c-cdp__h { margin-bottom: 64px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-cdp__rows { gap: 28px; }
  .c-cdp__row { width: 680px; gap: 22px; padding: 28px 34px; border-radius: 22px; }
  .c-cdp__row { margin-inline: auto; transform: translateX(20px); }
  .c-cdp__row:nth-child(2) { transform: translateX(-20px); }
  .c-cdp__x { width: 44px; height: 44px; -webkit-mask-size: 22px 22px, auto; mask-size: 22px 22px, auto; }
  .c-cdp__tx { font-size: 22px; }
  .c-cdp__close { margin-top: 56px; font-size: 22px; }
}
@media (min-width: 1100px) {
  .c-cdp__row { transform: translateX(104px); }
  .c-cdp__row:nth-child(2) { transform: translateX(-104px); }
}

/* 342 get: fading-stroke cards, numbers straddling the top edge */
.c-cdg__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 52px 20px; width: min(1160px, 100%); margin: 64px auto 0; --gap: 52px; }
.c-cdg__card { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 58px 24px 34px; border-radius: 26px; background: var(--zk-card, #fff); box-shadow: var(--zk-shadow, 0 8px 24px rgba(37, 99, 235, .12), 0 1px 3px rgba(37, 99, 235, .10)); }
.c-cdg__card::before { content: ""; position: absolute; inset: 0; padding: 1.5px; border-radius: inherit; pointer-events: none;
  background: linear-gradient(180deg, var(--zk-line-a, rgba(37, 99, 235, .95)) 0%, color-mix(in srgb, var(--zk-line-a, rgba(37, 99, 235, .95)) 55%, transparent) 38%, transparent 88%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude;
  clip-path: polygon(0 0, calc(50% - var(--gap)) 0, calc(50% - var(--gap)) 14px, calc(50% + var(--gap)) 14px, calc(50% + var(--gap)) 0, 100% 0, 100% 100%, 0 100%); }
.c-cdg__n { position: absolute; top: 0; right: 50%; transform: translate(50%, -50%); font-size: 56px; line-height: 1; letter-spacing: -.02em; color: var(--zk-accent, #2563eb); }
.c-cdg__ic { display: block; width: 64px; height: 64px; margin: 28px auto 0; background: linear-gradient(135deg, var(--zk-icon-a, #5b8def), var(--zk-icon-b, #1d4ed8)); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.c-cdg__t { margin-top: 4px; font-size: 22px; font-weight: 800; line-height: 1.3; color: var(--zk-text, #14202f); }
.c-cdg__p { margin-top: 8px; font-size: 18px; line-height: 1.55; color: var(--zk-text-2, #44536a); }
@media (min-width: 700px) { .c-cdg__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 60px 24px; } }
@media (min-width: 1100px) {
  .c-cdg__grid { --gap: 64px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 72px 28px; margin-top: 88px; }
  .c-cdg__sec { padding: 104px 32px 112px; }
  .c-cdg__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-cdg__card { padding: 64px 32px 42px; border-radius: 30px; }
  .c-cdg__n { font-size: 72px; }
  .c-cdg__ic { width: 72px; height: 72px; }
  .c-cdg__t { font-size: 24px; }
  .c-cdg__p { font-size: 20px; }
}

/* 343 bullets */
.c-cdb__sec { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 56px 20px 64px; }
.c-cdb__key { display: block; }
.c-cdb__bar { background: linear-gradient(transparent 58%, var(--zk-mark, rgba(37, 99, 235, .2)) 58%, var(--zk-mark, rgba(37, 99, 235, .2)) 92%, transparent 92%); padding: 0 .1em; }
.c-cdb__list { width: min(100%, 760px); margin-top: 40px; text-align: start; }
.c-cdb__item { display: flex; align-items: center; gap: 18px; padding: 22px 4px; font-size: clamp(18px, 4.6vw, 22px); line-height: 1.5; font-weight: 600; }
.c-cdb__tick { flex: none; width: 30px; height: 30px; background: var(--zk-accent, #2563eb); -webkit-mask: url(../assets/icons/ph-check-bold.svg) center / contain no-repeat; mask: url(../assets/icons/ph-check-bold.svg) center / contain no-repeat; }
@media (min-width: 900px) { .c-cdb__sec { padding: 96px 32px 104px; } .c-cdb__h { font-size: clamp(38px, 3.3vw, 52px); } .c-cdb__item { font-size: 22px; padding: 26px 8px; } }

/* 344 steps: clone of how-it-works J (214), the last light timeline of the how-it-works page: thin axis that fills on scroll (data-timeline), dots with a white centre, white cards with the step number as a label. ZIKIT tokens. */
.c-cds__h { margin: 0 auto 40px; max-width: 900px; }
.c-cds__list { --tl-w: 2px; --tl-track: color-mix(in srgb, var(--zk-brand, #2563eb) 22%, transparent); --tl-fill: var(--zk-accent, #1d4ed8); position: relative; display: flex; flex-direction: column; gap: 28px; width: min(860px, 100%); margin-inline: auto; }
.c-cds__item { position: relative; padding-top: 6px; padding-right: 56px; }
.c-cds__dot { position: absolute; z-index: 1; top: 50px; right: 0; width: 28px; height: 28px; border-radius: 50%; background: radial-gradient(circle, #fff 0 4px, var(--zk-accent, #1d4ed8) 4.5px); box-shadow: 0 0 0 5px var(--zk-page, #fff); }
.c-cds__card { position: relative; box-sizing: border-box; padding: 44px 24px 26px; border-radius: 20px; background: var(--zk-card, #fff); box-shadow: var(--zk-shadow, 0 8px 24px rgba(37, 99, 235, .12), 0 1px 3px rgba(37, 99, 235, .10)); }
.c-cds__card::before { content: ""; position: absolute; inset: 0; border: 1px solid var(--zk-line-a, rgba(37, 99, 235, .4)); border-radius: inherit; pointer-events: none; -webkit-mask: linear-gradient(#000 0 0), linear-gradient(#000 0 0) top 0 right 14px / 84px 4px no-repeat; -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0), linear-gradient(#000 0 0) top 0 right 14px / 84px 4px no-repeat; mask-composite: exclude; }
.c-cds__no { position: absolute; top: 0; right: 24px; transform: translateY(-50%); font-size: 46px; line-height: 1; color: var(--zk-accent, #1d4ed8); }
.c-cds__t { font-size: 22px; font-weight: 800; line-height: 1.3; color: var(--zk-text, #14202f); }
.c-cds__p { margin-top: 10px; font-size: 18px; line-height: 1.55; color: var(--zk-text-2, #44536a); }
@media (min-width: 900px) {
  .c-cds__sec { padding: 96px 32px 104px; }
  .c-cds__h { margin-bottom: 68px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-cds__list { gap: 36px; }
  .c-cds__item { padding-right: 84px; }
  .c-cds__dot { top: 62px; width: 32px; height: 32px; }
  .c-cds__card { padding: 54px 40px 36px; border-radius: 24px; }
  .c-cds__card::before { -webkit-mask-position: 0 0, top 0 right 24px; mask-position: 0 0, top 0 right 24px; -webkit-mask-size: auto, 108px 4px; mask-size: auto, 108px 4px; }
  .c-cds__no { right: 38px; font-size: 60px; }
  .c-cds__t { font-size: 28px; }
  .c-cds__p { font-size: 20px; }
}

/* 345 tiers */
.c-cdt__sec { display: flex; flex-direction: column; align-items: center; }
.c-cdt__lead { max-width: 640px; margin-top: 18px; font-size: 18px; line-height: 1.6; text-align: center; color: var(--zk-text-2, #44536a); }
.c-cdt__list { display: flex; flex-direction: column; gap: 16px; width: min(860px, 100%); margin-top: 36px; }
.c-cdt__row { display: flex; align-items: center; gap: 18px; padding: 22px 20px; border-radius: 22px; background: var(--zk-card, #fff); border: 1px solid var(--zk-line-b, transparent); box-shadow: var(--zk-shadow, 0 8px 24px rgba(37, 99, 235, .12), 0 1px 3px rgba(37, 99, 235, .10)); }
.c-cdt__ic { flex: none; display: block; width: 56px; height: 56px; background: linear-gradient(135deg, var(--zk-icon-a, #5b8def), var(--zk-icon-b, #1d4ed8)); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.c-cdt__tx { display: flex; flex-direction: column; flex: 1 1 auto; gap: 4px; min-width: 0; }
.c-cdt__t { font-size: 20px; font-weight: 800; line-height: 1.3; color: var(--zk-text, #14202f); }
.c-cdt__p { font-size: 18px; line-height: 1.5; color: var(--zk-text-2, #44536a); }
@media (min-width: 900px) {
  .c-cdt__sec { padding: 96px 32px 104px; }
  .c-cdt__h { font-size: clamp(38px, 3.3vw, 52px); }
  .c-cdt__lead { margin-top: 24px; font-size: 20px; }
  .c-cdt__list { gap: 20px; margin-top: 56px; }
  .c-cdt__row { gap: 28px; padding: 28px 40px; }
  .c-cdt__ic { width: 72px; height: 72px; }
  .c-cdt__t { font-size: 24px; }
  .c-cdt__p { font-size: 20px; }
}

/* 346 FAQ */
.c-cdf__h { margin: 0 auto 40px; max-width: 768px; }
.c-cdf__list { display: flex; flex-direction: column; gap: 14px; width: min(768px, 100%); margin-inline: auto; }
.c-cdf__q { display: flex; align-items: center; gap: 16px; padding: 16px 20px; border: 1px solid var(--zk-hair, #bfdbfe); border-radius: 12px; background: var(--zk-card, #fff); box-shadow: var(--zk-shadow, 0 2px 10px rgba(37, 99, 235, .10)); cursor: pointer; list-style: none; }
.c-cdf__q::-webkit-details-marker { display: none; }
.c-cdf__q:focus-visible { outline: 3px solid var(--zk-focus, #2563eb); outline-offset: 3px; }
.c-cdf__qt { flex: 1 1 auto; min-width: 0; font-size: 19px; font-weight: 800; line-height: 1.4; color: var(--zk-accent, #1d4ed8); }
.c-cdf__pm { position: relative; flex: none; width: 36px; height: 36px; margin-inline-start: auto; border-radius: 50%; background: var(--zk-btn-b, #2563eb); }
.c-cdf__pm::before, .c-cdf__pm::after { content: ""; position: absolute; background: var(--zk-on-btn, #fff); border-radius: 1px; }
.c-cdf__pm::before { top: 17px; right: 10px; left: 10px; height: 2px; }
.c-cdf__pm::after { top: 10px; bottom: 10px; right: 17px; width: 2px; }
.c-cdf__item[open] .c-cdf__pm::after { display: none; }
.c-cdf__a { margin-top: 12px; padding: 18px 22px; border: 1px solid var(--zk-hair, #bfdbfe); border-radius: 12px; background: color-mix(in srgb, var(--zk-brand, #2563eb) 7%, #fff); font-size: 18px; line-height: 1.6; color: var(--zk-text, #1e293b); }
@media (min-width: 900px) {
  .c-cdf__sec { padding: 96px 32px 104px; }
  .c-cdf__h { margin-bottom: 60px; font-size: clamp(38px, 3.3vw, 52px); }
  .c-cdf__list { gap: 18px; }
  .c-cdf__q { gap: 20px; padding: 20px 28px; }
  .c-cdf__qt { font-size: 22px; }
  .c-cdf__pm { width: 42px; height: 42px; }
  .c-cdf__pm::before { top: 20px; right: 12px; left: 12px; }
  .c-cdf__pm::after { top: 12px; bottom: 12px; right: 20px; }
  .c-cdf__a { padding: 22px 28px; font-size: 20px; }
}

/* 347 closing */
.c-cdc__sec { display: flex; flex-direction: column; align-items: center; text-align: center; padding-bottom: 96px; }
.c-cdc__p { max-width: 560px; margin-top: 20px; font-size: 20px; line-height: 1.6; color: var(--zk-text-2, #44536a); }
@media (min-width: 900px) { .c-cdc__sec { padding: 112px 32px 128px; } .c-cdc__h { font-size: clamp(38px, 3.3vw, 52px); } .c-cdc__p { font-size: 22px; } }

.c-cdb__item + .c-cdb__item { border-top: 1px solid var(--zk-hair, rgba(20, 32, 47, .16)); }

/* Seams: each section keeps its soft brand glow in the middle of its own height and fades out before the top and bottom edge, so two neighbours never meet in a hard line. */
.c-cdh__sec { background: radial-gradient(ellipse 46% 46% at 10% 38%, color-mix(in srgb, var(--zk-brand, #2563eb) 12%, transparent), transparent 70%), var(--zk-page, #fff); }
.c-cdp__sec { background: radial-gradient(ellipse 46% 36% at 90% 45%, color-mix(in srgb, var(--zk-brand, #2563eb) 10%, transparent), transparent 70%), var(--zk-page, #fff); }
.c-cdg__sec { background: radial-gradient(ellipse 46% 30% at 10% 45%, color-mix(in srgb, var(--zk-brand, #2563eb) 10%, transparent), transparent 70%), var(--zk-page, #fff); }
.c-cdb__sec { background: radial-gradient(ellipse 46% 40% at 90% 50%, color-mix(in srgb, var(--zk-brand, #2563eb) 10%, transparent), transparent 70%), var(--zk-page, #fff); }
.c-cds__sec { background: radial-gradient(ellipse 46% 36% at 10% 45%, color-mix(in srgb, var(--zk-brand, #2563eb) 10%, transparent), transparent 70%), var(--zk-page, #fff); }
.c-cdt__sec { background: radial-gradient(ellipse 46% 34% at 90% 45%, color-mix(in srgb, var(--zk-brand, #2563eb) 10%, transparent), transparent 70%), var(--zk-page, #fff); }
.c-cdf__sec { background: radial-gradient(ellipse 46% 34% at 10% 45%, color-mix(in srgb, var(--zk-brand, #2563eb) 10%, transparent), transparent 70%), var(--zk-page, #fff); }
.c-cdc__sec { background: radial-gradient(ellipse 46% 50% at 50% 55%, color-mix(in srgb, var(--zk-brand, #2563eb) 10%, transparent), transparent 70%), var(--zk-page, #fff); }
/* white root under every section: a fractional pixel boundary between two sections never shows the dark page behind (the pulled-up pain section gets a transparent root from the builder) */
.c-cdg, .c-cdb, .c-cds, .c-cdt, .c-cdf, .c-cdc { background: var(--zk-page, #fff); }

/* footer takes the page white of the closing section above it, so the two read as one */
.c-cdc + .c-ft, .c-cdc ~ .c-ft { background: var(--zk-page, #fff); }

/* FAQ plus / minus: white glyph in the light theme (Liav, Session 105) */
.c-cdf__pm::before, .c-cdf__pm::after { background: #fff; }