/* cta-band.css · רצועת הפנייה בסוף העמוד, במשפחת עמוד הבית (18.10.2026)
   העתק מדויק של 6 כללים מהבלוק של עמוד הבית (index.html). ::before ו-.cta-row זהים בייט בייט
   ב-amud-shelach, ב-mvp, ב-bdikat-ux וב-services בשתי השפות. .cta ו-.cta-title זהים ב-bdikat-ux,
   .cta .wrap ב-amud-shelach, ב-mvp וב-bdikat-ux, ו-.cta-title .hl ב-amud-shelach וב-mvp.
   בשאר העמודים יש להם וריאנט מקומי שבא אחרי הקובץ ומחליף את כל התכונות שלהם.
   לא נכנסו: הרקע עם !important של .cta, ::after (גרעין הנייר), המסכה של .if-stain ו-.if-ink,
   ו-.cta-body. הם קיימים רק בחלק מהעמודים, או בווריאנט שחסרה בו תכונה, ובקובץ משותף היו
   מוסיפים לשאר העמודים משהו שאין להם היום. closing.js מרכיב שכבות דיו בכל רצועה כזו.
   עמוד הבית לא טוען את הקובץ. נטען אחרי style.css ולפני ה-<style> של העמוד. */

/* ── פנייה ── */
.cta{position:relative;overflow:hidden;min-height:clamp(460px,52vh,600px);
    display:flex;align-items:center;padding-block:clamp(88px,13vh,150px);
    background:linear-gradient(180deg,#f8f4f0 0%,#fdfbfd 100%);text-align:center}

.cta::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
    background-image:
      repeating-linear-gradient(90deg, rgba(96,36,104,.030) 0 1px, transparent 1px 4px),
      repeating-linear-gradient(0deg,  rgba(96,36,104,.026) 0 1px, transparent 1px 4px);
    mix-blend-mode:multiply;opacity:.9}

.cta .wrap{position:relative;z-index:2;width:100%}

.cta-title{font-family:var(--font-display);font-weight:400;
    font-size:clamp(28px,3.8vw,44px);line-height:1.18;color:var(--ink);text-wrap:balance;margin-bottom:22px}

.cta-title .hl{color:var(--pink)}

.cta-row{display:flex;gap:22px;justify-content:center;align-items:center;flex-wrap:wrap}