/* =========================================================
   CK Digital 360, הפוטר. נטען אחרי theme.css ו-fixes.css.
   רק משתנים, בלי צבע קשיח. מובייל קודם, נקודות שבירה 761 ו-1061.
   הפוטר הוא אי כהה בשני המצבים, ולכן במצב הבהיר רק הקצה העליון משתנה:
   פינות עליונות מעוגלות וקו דק, כדי שהמעבר מהעמוד הבהיר יהיה רך.
   מבנה: 1 קריאה אחרונה לפעולה · 2 זהות ועמודות קישורים · 3 סימן המילה הגדול · 4 שורת המשפט
   תנועה: transform ו-opacity בלבד.
   ========================================================= */
.ft{--wm:clamp(44px,11.6vw,176px);
  position:relative;overflow:clip;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;
  padding-block:clamp(60px,9vw,104px) 26px;border-radius:var(--r-l) var(--r-l) 0 0;
  box-shadow:inset 0 1px 0 rgba(var(--fg-rgb),.09)}
.ft .wrap{position:relative;z-index:1}

/* ---------- 1. קריאה אחרונה לפעולה ---------- */
.ft__cta{display:grid;gap:28px;padding-block-end:clamp(44px,6vw,72px);border-block-end:1px solid var(--hair)}
.ft__kick{margin:0 0 14px;font-size:14px;font-weight:600;letter-spacing:-.005em;color:var(--pink-ink)}
.ft__h{margin:0;font-size:clamp(34px,4.8vw,62px);font-weight:700;letter-spacing:-.028em;line-height:1.04;text-wrap:balance}
.ft__h span{display:block;color:var(--grey)}
.ft__p{margin:16px 0 0;font-size:clamp(16px,1.2vw,18px);line-height:1.5;color:var(--text-2);max-width:46ch;text-wrap:pretty}
.ft__act{display:flex;flex-direction:column;gap:10px}
.ft__act .btn{width:100%;justify-content:space-between}
.ft__hrs{margin:6px 0 0;font-size:14px;color:var(--grey)}

/* ---------- 2. זהות ועמודות קישורים ---------- */
.ft__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px 16px;padding-block-start:clamp(44px,6vw,72px)}
.ft__id,.ft__nav--svc{grid-column:1/-1}
.ft__id{display:grid;gap:12px;align-content:start;justify-items:start}
.ft__logo{display:block;width:172px}
.ft__logo img{width:100%;height:auto;mix-blend-mode:normal;transition:transform .5s var(--ease)}
.ft__logo:hover img{transform:translateY(-2px)}
.ft__tag{margin:6px 0 0;font-size:clamp(24px,2.1vw,32px);font-weight:700;letter-spacing:-.025em;line-height:1.1}
.ft__by{margin:0;font-size:15px;line-height:1.5;color:var(--grey);max-width:30ch}
.ft__soc{display:flex;gap:8px;margin-block-start:8px;padding:0;list-style:none}
.ft__soc a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--text);box-shadow:inset 0 0 0 1px var(--hair-2);opacity:.82;transition:transform .45s var(--ease),opacity .3s var(--ease)}
.ft__soc a:hover,.ft__soc a:focus-visible{opacity:1;transform:translateY(-3px)}
.ft__soc svg{width:18px;height:18px}
.ft__nav h3{margin:0 0 10px;font-size:13.5px;font-weight:600;color:var(--grey)}
.ft__links{display:grid;justify-items:start}
.ft__links a{display:inline-flex;align-items:center;gap:6px;padding-block:6px;color:var(--text);opacity:.74;line-height:1.35;max-width:100%;overflow-wrap:anywhere;
  transition:opacity .3s var(--ease),transform .45s var(--ease)}
.ft__links a:hover,.ft__links a:focus-visible{opacity:1;transform:translateX(-3px)}
.ft__links svg{width:13px;height:13px;opacity:.75}
.ft__links--2{grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(6,auto);column-gap:14px}
.ft__links .ltr{font-size:15px;letter-spacing:-.01em}
.ft__open{margin:10px 0 0;font-size:14px;color:var(--grey)}

/* ---------- 3. סימן המילה: עולה מהקצה התחתון, חתוך, כמעט שקוף ----------
   הרוחב של המילה כולה הוא 7.5em, ולכן 13cqi מהמכל ממלא כ-97% מרוחב ה-wrap. הגובה והמיקום נגזרים מאותו משתנה. */
.ft__mark{container-type:inline-size;margin-block-start:clamp(48px,7vw,96px);pointer-events:none}
.ft__band{position:relative;height:calc(var(--wm)*.6);overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 60%);mask-image:linear-gradient(to bottom,transparent,#000 60%)}
.ft__word{position:absolute;inset-inline:0;inset-block-end:calc(var(--wm)*-.31);margin:0;
  font-family:var(--font);font-size:var(--wm);font-weight:900;line-height:1;letter-spacing:-.045em;
  text-align:center;white-space:nowrap;direction:ltr;color:rgba(var(--fg-rgb),.1);user-select:none}
@supports (font-size:1cqi){.ft__mark{--wm:13cqi}}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .ft__word{animation:ftRise linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
    @keyframes ftRise{from{transform:translateY(26%)}to{transform:translateY(0)}}
  }
}

/* ---------- 4. שורת המשפט: זכויות, קישורים משפטיים, מתגים וחזרה למעלה ---------- */
.ft__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;padding-block-start:18px;
  border-block-start:1px solid var(--hair);font-size:13.5px;color:var(--grey)}
.ft__copy{margin:0}
.ft__law{display:flex;flex-wrap:wrap;gap:4px 18px}
.ft__law a{color:var(--text);opacity:.6;transition:opacity .3s var(--ease)}
.ft__law a:hover,.ft__law a:focus-visible{opacity:1}
.ft__tools{display:flex;flex-wrap:wrap;gap:8px}
.ft__tools>*{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding-inline:14px;border-radius:999px;
  color:var(--text);font-size:13.5px;font-weight:500;box-shadow:inset 0 0 0 1px var(--hair-2);opacity:.85;
  transition:transform .45s var(--ease),opacity .3s var(--ease)}
.ft__tools>*:hover,.ft__tools>*:focus-visible{opacity:1;transform:translateY(-2px)}
.ft__tools svg{width:15px;height:15px}
.ft__up svg{transition:transform .45s var(--ease)}
.ft__up:hover svg{transform:translateY(-2px)}
.ft__theme .i-sun{display:none}
html[data-theme="light"] .ft__theme .i-sun{display:block}
html[data-theme="light"] .ft__theme .i-moon{display:none}

/* ---------- טאבלט ומעלה ---------- */
@media (min-width:761px){
  .ft{padding-block-end:32px;border-radius:var(--r-xl) var(--r-xl) 0 0}
  .ft__cta{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:end;gap:40px}
  .ft__act{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}
  .ft__act .btn{width:auto}
  .ft__hrs{flex-basis:100%;text-align:end;margin-block-start:2px}
  .ft__grid{grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr) minmax(0,1fr);gap:40px 28px}
  .ft__links .ltr{font-size:inherit;letter-spacing:0}
  .ft__nav--svc{grid-column:auto}
  .ft__id{grid-column:1/-1}
  .ft__foot{padding-block-start:20px}
}
/* ---------- דסקטופ ---------- */
@media (min-width:1061px){
  .ft__grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1.55fr) minmax(0,.85fr) minmax(0,1.05fr);gap:40px 36px}
  .ft__id{grid-column:auto}
  .ft__links--2{column-gap:18px}
}

/* ---------- 3b. כוכבים מעל סימן המילה: שתי שכבות של נקודות, מהבהבות ונעות לאט, ושתי ניצוצות ---------- */
.ft__band{isolation:isolate}
.ft__stars,.ft__stars2{position:absolute;inset:0;pointer-events:none;z-index:1}
.ft__stars{background:radial-gradient(circle at 41% 19%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 50% 83%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 6% 9%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 68% 12%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 46% 74%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 7% 64%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 27% 4%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 11% 55%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 53% 8%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 30% 11%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 70% 54%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 7% 72%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 15% 28%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 80% 80%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 74% 7%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 73% 74%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 50% 6%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 28% 5%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 71% 17%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 37% 53%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 18% 69%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 15% 73%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 39% 71%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 87% 23%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 13% 74%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 73% 81%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 24% 47%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 12% 70%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 91% 8%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 72% 7%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 79% 26%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 63% 87%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 68% 54%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 99% 40%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 59% 74%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 58% 46%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 38% 31%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 23% 89%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 99% 31%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 10% 73%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 38% 67%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 63% 43%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 93% 57%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 36% 77%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 9% 15%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px),radial-gradient(circle at 65% 53%, rgba(var(--fg-rgb),0.75) 0 1.1px, transparent 1.6px);opacity:.7;animation:ftTwinkle 6s ease-in-out infinite alternate}
.ft__stars2{background:radial-gradient(circle at 21% 96%, rgba(var(--fg-rgb),0.9) 0 1.6px, transparent 2.2px),radial-gradient(circle at 43% 19%, rgba(var(--fg-rgb),0.9) 0 1.6px, transparent 2.2px),radial-gradient(circle at 62% 53%, rgba(var(--fg-rgb),0.9) 0 1.6px, transparent 2.2px),radial-gradient(circle at 5% 85%, rgba(var(--fg-rgb),0.9) 0 1.6px, transparent 2.2px),radial-gradient(circle at 9% 97%, rgba(var(--fg-rgb),0.9) 0 1.6px, transparent 2.2px),radial-gradient(circle at 71% 73%, rgba(var(--fg-rgb),0.9) 0 1.6px, transparent 2.2px),radial-gradient(circle at 40% 43%, rgba(var(--fg-rgb),0.9) 0 1.6px, transparent 2.2px),radial-gradient(circle at 88% 44%, rgba(var(--fg-rgb),0.9) 0 1.6px, transparent 2.2px),radial-gradient(circle at 76% 63%, rgba(var(--fg-rgb),0.9) 0 1.6px, transparent 2.2px),radial-gradient(circle at 74% 58%, rgba(var(--fg-rgb),0.9) 0 1.6px, transparent 2.2px),radial-gradient(circle at 8% 11%, rgba(var(--fg-rgb),0.9) 0 1.6px, transparent 2.2px),radial-gradient(circle at 34% 60%, rgba(var(--fg-rgb),0.9) 0 1.6px, transparent 2.2px),radial-gradient(circle at 89% 85%, rgba(var(--fg-rgb),0.9) 0 1.6px, transparent 2.2px),radial-gradient(circle at 8% 7%, rgba(var(--fg-rgb),0.9) 0 1.6px, transparent 2.2px),radial-gradient(circle at 93% 89%, rgba(var(--fg-rgb),0.9) 0 1.6px, transparent 2.2px),radial-gradient(circle at 39% 82%, rgba(var(--fg-rgb),0.9) 0 1.6px, transparent 2.2px),radial-gradient(circle at 73% 87%, rgba(var(--fg-rgb),0.9) 0 1.6px, transparent 2.2px),radial-gradient(circle at 57% 36%, rgba(var(--fg-rgb),0.9) 0 1.6px, transparent 2.2px);opacity:.9;animation:ftTwinkle 4s ease-in-out infinite alternate-reverse,ftDrift 40s linear infinite}
@keyframes ftTwinkle{from{opacity:.35}to{opacity:1}}
@keyframes ftDrift{from{transform:translateX(0)}to{transform:translateX(-3%)}}
.ft__spark{position:absolute;z-index:2;width:14px;height:14px;pointer-events:none;color:rgba(var(--fg-rgb),.95);opacity:0;animation:ftSpark 7s ease-in-out infinite}
.ft__spark::before,.ft__spark::after{content:"";position:absolute;inset:0;margin:auto;background:currentColor;border-radius:2px}
.ft__spark::before{width:2px;height:100%}
.ft__spark::after{height:2px;width:100%}
.ft__spark--a{inset-inline-start:18%;inset-block-start:22%}
.ft__spark--b{inset-inline-start:71%;inset-block-start:38%;animation-delay:3.5s;width:10px;height:10px}
.ft__spark--c{inset-inline-start:46%;inset-block-start:12%;animation-delay:1.8s;width:8px;height:8px}
@keyframes ftSpark{0%,60%,100%{opacity:0;transform:scale(.4) rotate(0deg)}70%{opacity:1;transform:scale(1) rotate(45deg)}80%{opacity:0;transform:scale(.4) rotate(90deg)}}
@media (prefers-reduced-motion:reduce){.ft__stars,.ft__stars2,.ft__spark{animation:none}.ft__spark{opacity:.6;transform:rotate(45deg)}}
.ft__prefs{appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-decoration:inherit}.ft__prefs[hidden]{display:none}