/* iG-TAX, גיליון הסגנון המשותף לעמודי האתר. אסימונים מחבילת ההעברה של קלוד דיזיין. */
/* ===== גופן מקומי. הוא ה-LCP של העמוד, ולכן לא נטען מדומיין חיצוני ===== */
@font-face{font-family:'Heebo';font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/heebo-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Heebo';font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/heebo-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* ===== אסימוני העיצוב מחבילת ההעברה ===== */
:root{
  --brand:#2196E8; --brand-lite:#42B3F0;
  --act:#1877C9; --act-dark:#12558F;
  --deep:#0E4A79; --deep2:#0B3C63; --footer:#0B3A5E;
  --teal:#0A6F8F; --green:#17A673; --green-dark:#0F7A55;
  --wa:#25D366; --wa-dark:#128C7E; --purple:#5B49BC; --gold:#D9A441; --gold-txt:#8A6318;
  --warn:#E02020; --warn-dark:#B01212;
  --ink:#152029; --ink2:#2B3A44; --ink3:#3A4A55; --ink4:#4A5A64; --soft:#5A6873;
  --bg:#EFF6FC; --bg2:#F4FAFE; --bg3:#F1F8FD; --bg4:#E4F1FB;
  --line:#D9E6F2; --line2:#E6EEF6; --line3:#C8DCEE; --line4:#DCE8F3;
  --sh-card:0 4px 14px rgba(14,74,121,.05);
  --sh-up:0 16px 34px rgba(12,58,87,.14);
  --sh-btn:0 10px 24px rgba(24,119,201,.3);
  --r-card:18px; --r-btn:12px; --r-fld:11px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
/* ההדר דביק בגובה 60px, ולכן בלי זה כל קפיצה לעוגן נוחתת 60 פיקסלים
   מתחתיו וראש המקטע מוסתר. הכי גרוע בבודק הזכאות: שורת הכותרת שלו
   נעלמת והגולש נוחת על שאלה בלי הקשר. */
section[id],#checker,#contact,#team{scroll-margin-top:76px}
body{background:var(--bg);color:var(--ink3);font-family:'Heebo',system-ui,sans-serif;font-size:19px;line-height:1.7;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%}
a{color:var(--act);text-decoration:none}
a:hover{color:var(--act-dark)}
button,input,select,textarea{font-family:inherit}
::selection{background:#CDEBDF;color:#0B3A2E}
h1,h2,h3,h4{letter-spacing:-.022em;font-weight:800;color:var(--deep);line-height:1.15}
p{text-wrap:pretty}
:focus-visible{outline:3px solid var(--act);outline-offset:2px;border-radius:4px}
.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{position:fixed;top:0;inset-inline-start:0;width:auto;height:auto;clip-path:none;
  background:#fff;color:var(--deep);padding:14px 22px;font-weight:700;z-index:999;border-radius:0 0 12px 0}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.sec{padding:104px 0}
/* תווית המקטע שמעל הכותרת. 16px היו קטנים מדי לקהל 60+ ביחס לתפקיד
   שלהם: הן אלו שאומרות לגולש הסורק "על מה המקטע הזה". */
.eyebrow{font-weight:700;font-size:20px;letter-spacing:-.01em}
@media(max-width:640px){.eyebrow{font-size:18px}}
h2.big{font-size:clamp(28px,4.3vw,49px);margin:12px 0 10px;text-wrap:balance}
.lead{font-size:20px;color:var(--soft)}
.center{text-align:center}
.head-block{text-align:center;max-width:680px;margin:0 auto 50px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.icn{width:66px;height:66px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.g-blue{background:linear-gradient(140deg,#42B3F0,#2196E8);box-shadow:0 10px 22px rgba(24,119,201,.32)}
.g-green{background:linear-gradient(140deg,#2FD08A,#17A673);box-shadow:0 10px 22px rgba(23,166,115,.32)}
.g-gold{background:linear-gradient(140deg,#F2CE72,#D9A441);box-shadow:0 10px 22px rgba(217,164,65,.32)}
.g-teal{background:linear-gradient(140deg,#3FD0E8,#17A6C7);box-shadow:0 8px 18px rgba(23,166,199,.3)}
.g-purple{background:linear-gradient(140deg,#9A8BE6,#6C5AC7);box-shadow:0 8px 18px rgba(108,90,199,.3)}

/* ===== כפתורים. גובה מזערי 48px לפי דרישת הנגישות לקהל 60+ ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:19px;
  padding:16px 30px;border-radius:13px;border:none;cursor:pointer;min-height:56px;text-align:center}
.btn-pri{background:var(--act);color:#fff;box-shadow:var(--sh-btn)}
.btn-pri:hover{background:var(--act-dark);color:#fff}
/* הירוק הרשמי של וואטסאפ (#25D366). טקסט לבן עליו נותן ניגודיות של 2:1
   בלבד, ולכן הכיתוב והסמל הם ירוק כהה: אותו צבע מותג מזוהה, וניגודיות
   6.4:1 שעומדת בהצהרת הנגישות של האתר. הכלל על ה-svg גובר על stroke
   שמוגדר כתכונה ב-HTML. */
.btn-wa{background:var(--wa);color:#0A3B26;box-shadow:0 10px 24px rgba(37,211,102,.36)}
.btn-wa:hover{background:#1FC25D;color:#0A3B26}
.btn-wa svg{stroke:currentColor}
.btn-white{background:#fff;color:var(--deep);box-shadow:0 12px 28px rgba(0,0,0,.2)}
.btn-white:hover{color:var(--deep)}
.btn-full{width:100%}
.glow{animation:ctaGlow 2.8s ease-in-out infinite}

/* ===== אנימציות ===== */
@keyframes tickerMove{from{transform:translateX(0)}to{transform:translateX(50%)}}
@keyframes floatUp{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes pulseRingGreen{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@keyframes ctaGlow{0%,100%{box-shadow:0 6px 18px rgba(24,119,201,.3)}50%{box-shadow:0 9px 30px rgba(24,119,201,.6)}}
@keyframes coinFloat{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(5deg)}}

/* ===== כותרת דביקה ===== */
/* פס המותג: כחולים ונגיעת זהב, לא קשת. עסק של מס ופנסיה נשען על רצינות. */
.topline{height:4px;background:linear-gradient(90deg,#0E4A79,#1877C9,#22B8E6,#D9A441)}
header.top{position:sticky;top:0;z-index:60;background:rgba(246,243,237,.94);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line)}
/* שורה אחת, בלי שבירה: הכפתור שנפל לשורה שנייה הכפיל את גובה ההדר,
   וההדר דביק, כלומר הגובה הזה נגבה מכל מסך ומסך. */
header.top .in{max-width:1200px;margin:0 auto;padding:6px 24px;display:flex;align-items:center;gap:14px;flex-wrap:nowrap}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.brand img{width:46px;height:46px;object-fit:contain;display:block;background:#fff;border-radius:10px;padding:3px}
.brand .n1{font-weight:800;font-size:18px;color:var(--deep);line-height:1.15}
.brand .n2{font-size:16px;color:var(--soft);font-weight:600;line-height:1.15}
header.top nav{display:flex;gap:2px;margin-inline-start:auto;align-items:center;font-weight:600;font-size:16px;white-space:nowrap}
header.top nav a{color:var(--ink2);padding:10px 8px;border-radius:8px;min-height:44px;display:flex;align-items:center}
header.top nav a:hover{background:var(--bg4);color:var(--deep)}
header.top nav a[aria-current="page"]{background:var(--bg4);color:var(--deep);font-weight:700}
.hdr-phone{display:flex;align-items:center;gap:7px;color:var(--deep);font-weight:700;font-size:16px;
  flex-shrink:0;white-space:nowrap;margin-inline-start:auto;min-height:44px}
/* כשהתפריט מוצג הוא זה שנצמד לקצה, והטלפון מוותר על הדחיפה שלו.
   מתחת ל-1180 התפריט נעלם והטלפון חוזר לדחוף את עצמו ואת הכפתור לקצה. */
@media(min-width:1181px){.hdr-phone{margin-inline-start:0}}
header.top .btn{font-size:16px;padding:10px 16px;min-height:44px;border-radius:10px;flex-shrink:0;white-space:nowrap}
/* התפריט שרד רק מעל 1180, כלומר בטאבלט ובלפטופ קטן לא היה שום ניווט
   אף שהיה מקום בשפע. בין 900 ל-1180 הוא נשאר, מהודק. מתחת ל-900 אין
   תפריט בכוונה: זהו דף נחיתה ליניארי, והוספת שורת ניווט במובייל תגדיל
   את ההדר הדביק בדיוק במסך שבו כל פיקסל אנכי יקר. הקישורים קיימים
   במלואם בפוטר. */
@media(max-width:1180px){
  /* 16px הוא מינימום הקריאות של האתר, גם בתפריט. הצפיפות נחסכת
     מהריפוד ומהמרווחים ולא מגודל הטקסט. */
  header.top nav{gap:0;font-size:16px}
  header.top nav a{padding:10px 6px}
  header.top .in{gap:10px}
}
@media(max-width:1000px){header.top nav{display:none}}
/* מתחת ל-1180 הטלפון יורד מההדר: התפריט, הטלפון והכפתור יחד לא נכנסו
   ל-1024 והכפתור נדחף אל מחוץ למסך. הטלפון נשאר במקטע יצירת הקשר,
   בפס הדביק ובפוטר. */
@media(max-width:1180px){.hdr-phone{display:none}}

/* הכפתור הצף כיסה 20% מהקישור "או בוואטסאפ" שבתוך טופס הבודק, בדיוק
   ברגע ההחלטה. בשלב הזה יש ממילא קישור וואטסאפ בתוך הכרטיס. */
body.ck-lead .wa-float{display:none}

/* ===== רצועת אמון ===== */
.ticker{background:var(--deep);color:#DCEAF2;overflow:hidden;white-space:nowrap;font-weight:600;font-size:16px}
.ticker>div{display:inline-block;padding:11px 0;animation:tickerMove 34s linear infinite}
.ticker span{padding:0 26px}
.ticker .dot{color:#8AD0F5}

/* ===== גיבור ===== */
.hero{position:relative;background-color:#D2E9FB;background-image:linear-gradient(158deg,#E9F5FE 0%,#D2E9FB 46%,#BFE0F7 100%);overflow:hidden}
.blob{position:absolute;border-radius:50%;pointer-events:none}
.hero .in{max-width:1200px;margin:0 auto;padding:60px 24px 76px;display:grid;grid-template-columns:1.15fr .85fr;
  gap:56px;align-items:center;position:relative}
/* text-wrap:balance מחלק את השורות באופן שווה במקום להשאיר מילה
   בודדת בשורה אחרונה. רצפת ה-clamp ירדה כי ב-360px היא שברה את
   הכותרת לחמש שורות מדורגות. */
h1{font-size:clamp(30px,5vw,60px);line-height:1.08;margin:22px 0 0;letter-spacing:-.01em;text-wrap:balance}
.hero p.sub{font-size:21px;line-height:1.65;color:var(--ink3);margin:22px 0 0;max-width:560px}
.trust-row{display:flex;gap:26px;flex-wrap:wrap;margin-top:26px;color:var(--soft);font-weight:600;font-size:17px}
.trust-row span{display:inline-flex;align-items:center;gap:7px}
.photo{position:relative}
.photo .frame{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px rgba(12,58,87,.22);
  border:6px solid #fff;background:var(--deep)}
.photo .frame img{display:block;width:100%;height:auto}
.photo .cap{position:absolute;inset-inline:0;bottom:0;padding:22px 20px 18px;
  background:linear-gradient(0deg,rgba(8,42,65,.92),transparent);color:#fff}
.photo .cap b{font-weight:700;font-size:22px;display:block}
.photo .cap i{font-style:normal;font-size:16px;color:#C6DBE7;font-weight:600}
.badge-top{position:absolute;top:-18px;inset-inline-end:-18px;background:var(--act);color:#fff;padding:14px 18px;
  border-radius:16px;box-shadow:0 12px 26px rgba(24,119,201,.36);animation:floatUp 5s ease-in-out infinite}
.badge-top b{font-weight:800;font-size:30px;line-height:1;display:block}
.badge-top i{font-style:normal;font-size:16px;font-weight:600}

/* ===== נוכחות אילנית ליד כותרות מקטע: תמונה קטנה, לא תמיד גדולה ===== */
/* max-height מווסת את הפורטרטים הצרים והגבוהים: בלעדיו תמונה ביחס 1:3.5
   נמתחת על מסך שלם כשקובעים לה רוחב אחיד עם השאר. */
.topic-figure{display:block;margin:0 auto 20px;width:270px;height:auto;max-height:400px;object-fit:contain}
.topic-figure.tall{max-height:420px}
/* הדמות המצביעה מעל טבלת ההשוואה מוגדלת, לבקשת המשתמש */
.topic-figure.wide{width:390px;max-height:340px}
@media (max-width:640px){
  .topic-figure{width:235px;max-height:330px}
  .topic-figure.tall{max-height:310px}
}
.talk-avatar{display:inline-flex;align-items:center;gap:11px;margin-bottom:16px}
.talk-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;object-position:top center;
  border:2px solid #fff;box-shadow:0 4px 14px rgba(12,58,87,.2);flex-shrink:0}
.talk-avatar span{font-weight:700;color:var(--deep);font-size:16px;line-height:1.3}

/* ===== הדגשת תיבות השארת פרטים ===== */
/* כל תיבת לכידה באתר מודגשת באותה שפה: מסגרת מותג עבה, פס זהב-כחול
   עליון, הילה נושמת עדינה, ותג זהב "התחילו כאן" על הקצה. ההילה
   מכובה למי שביקש להפחית תנועה. */
.hi-cap{position:relative;border:3px solid var(--act) !important;
  box-shadow:0 20px 46px rgba(14,74,121,.2);animation:checkerGlow 3.2s ease-in-out infinite}
.hi-cap::before{content:"";position:absolute;inset-inline:0;top:0;height:6px;border-radius:15px 15px 0 0;
  background:linear-gradient(90deg,#0E4A79,#1877C9,#22B8E6,#D9A441)}
.start-here{position:absolute;top:-19px;inset-inline-start:50%;transform:translateX(50%);
  background:linear-gradient(140deg,#F2CE72,#D9A441);color:#5A3E08;font-weight:800;font-size:17px;
  padding:7px 22px;border-radius:999px;box-shadow:0 6px 16px rgba(217,164,65,.45);white-space:nowrap;z-index:1}
@keyframes checkerGlow{0%,100%{box-shadow:0 20px 46px rgba(14,74,121,.2)}
  50%{box-shadow:0 20px 46px rgba(14,74,121,.2),0 0 0 9px rgba(24,119,201,.13)}}
@media(prefers-reduced-motion:reduce){.hi-cap{animation:none}}
/* התג דורש אוויר מעל התיבה; במודאל יש טקסט צמוד מעל, ולכן המרווח */
.mo-cap.hi-cap{margin-top:30px}

/* ===== בודק הזכאות ===== */
.checker{margin-top:38px;background:#fff;border-radius:20px;padding:24px;max-width:580px}
.checker .ttl{display:flex;align-items:center;gap:9px;font-weight:700;font-size:16px;color:var(--act);margin-bottom:16px}
.checker .q{font-weight:800;font-size:23px;color:var(--deep);margin-bottom:16px}
.opts{display:flex;flex-direction:column;gap:10px}
.opt{display:flex;align-items:center;gap:13px;width:100%;text-align:start;padding:15px 16px;min-height:56px;
  border:1.5px solid var(--line3);border-radius:13px;background:var(--bg2);cursor:pointer;font-size:18px;
  font-weight:600;color:var(--deep)}
.opt:hover{border-color:var(--act);background:var(--bg4)}
.opt span.t{flex:1}
.back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--soft);font-size:16px;
  font-weight:600;cursor:pointer;margin-bottom:10px;padding:8px 4px;min-height:44px}
.back:hover{color:var(--deep)}
.chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}
.chip{display:inline-flex;align-items:center;gap:7px;padding:12px 16px;min-height:48px;border-radius:999px;
  border:1.5px solid var(--line3);background:var(--bg2);color:var(--deep);font-weight:600;font-size:16px;cursor:pointer}
.chip[aria-pressed="true"]{border-color:var(--act);background:var(--act);color:#fff}
.res{display:flex;align-items:center;gap:12px;background:var(--bg4);border-radius:14px;padding:14px 16px;margin-bottom:18px}
.res .ic{width:44px;height:44px;border-radius:50%;background:var(--act);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.res b{font-weight:800;font-size:18px;color:var(--deep);line-height:1.25;display:block}
.res i{font-style:normal;font-size:16px;color:var(--ink3)}
.fld{width:100%;padding:14px 16px;font-size:18px;min-height:52px;border:1.5px solid var(--line3);
  border-radius:var(--r-fld);background:var(--bg2);color:var(--ink)}
.fld:focus{border-color:var(--act);background:#fff}
.fld.bad{border-color:var(--warn);background:#FFF4F4}
/* אישור שקט בעזיבת שדה תקין. לקהל שאינו בטוח בהקלדה שלו, מסגרת ירוקה
   עונה על "הקלדתי נכון?" לפני שהוא מעז ללחוץ על כפתור השליחה. */
.fld.good{border-color:#17A673;background:#F4FBF8}
.duo{display:flex;gap:10px;flex-wrap:wrap}
.duo .fld{flex:1;min-width:150px}
/* שדה עם תווית גלויה בתוך שורת duo: התווית נשארת גם אחרי שה-placeholder
   נעלם עם ההקלדה, ולקהל 60+ זו התשובה הקבועה ל"מה מקלידים כאן". */
.fgrp{flex:1;min-width:150px;display:flex;flex-direction:column;gap:6px}
.fgrp label{font-weight:600;font-size:16px;color:var(--ink2)}
.fgrp .fld{width:100%}
.err{display:none;align-items:center;gap:7px;color:var(--warn-dark);font-weight:700;font-size:16px;margin-top:8px}
.err.on{display:flex}
/* מלכודת בוטים. לא display:none, כי סורקים רבים מדלגים על שדות מוסתרים כך,
   ואילו שדה שנשאר בזרימה נראה להם רגיל. אותה שיטה של .skip ולא מיקום שלילי:
   left שלילי במסמך RTL מותח את רוחב המסמך ויוצר גלישה אופקית. */
.hp{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;pointer-events:none}
.done{text-align:center;padding:12px 4px}
.done .ring{width:64px;height:64px;border-radius:50%;background:var(--bg4);display:flex;align-items:center;
  justify-content:center;margin:0 auto 14px}
.step-of{font-size:16px;color:var(--soft);font-weight:600}

/* ===== רצועת נתונים ===== */
.stats{background-color:#12629F;background-image:linear-gradient(115deg,#0E4A79 0%,#12629F 55%,#1E7EC8 100%);color:#fff}
.stats .in{max-width:1200px;margin:0 auto;padding:48px 24px;display:grid;grid-template-columns:repeat(4,1fr);
  gap:24px;text-align:center}
.stats .c{border-inline-start:1px solid rgba(255,255,255,.16);padding-inline-start:24px}
.stats .c:last-child{border:none}
.stats .n{font-weight:800;font-size:46px;line-height:1;font-variant-numeric:tabular-nums}
.stats .n.hi{color:#8AD0F5}
.stats .l{margin-top:8px;font-size:17px;color:#CDE2F0;font-weight:600}

/* ===== בחירת מצב ===== */
.pick{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:26px;display:flex;
  flex-direction:column;gap:14px;box-shadow:0 2px 8px rgba(12,58,87,.04);transition:.18s;cursor:pointer;
  text-align:start;font:inherit;color:inherit;width:100%}
.pick:hover{box-shadow:var(--sh-up);transform:translateY(-3px);border-color:var(--act)}
.pick .ic{width:62px;height:62px;border-radius:17px;display:flex;align-items:center;justify-content:center}
.pick h3{font-size:22px;font-weight:700}
.pick p{font-size:17px;color:var(--soft);margin:0;flex:1}
.pick .go{color:var(--act);font-weight:700;font-size:17px;display:inline-flex;align-items:center;gap:6px}
.pick.dark{background:var(--deep);border-color:var(--deep);box-shadow:0 10px 26px rgba(12,58,87,.22)}
.pick.dark h3{color:#fff}
.pick.dark p{color:#B9D2E0}
.pick.dark .go{color:#8AD0F5}
.pick.dark .ic{width:52px;height:52px;border-radius:14px;background:rgba(95,208,168,.18)}

/* ===== וו כספי ===== */
.money{background-color:#E9F2FA;background-image:linear-gradient(180deg,#EFF6FC 0%,#E3EFF9 100%);padding:110px 0;position:relative;
  overflow:hidden;text-align:center}
.coin{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;
  font-weight:800;animation:coinFloat 6s ease-in-out infinite}
/* nowrap בכל הרוחבים: הסכום הוא המסר, וסמל ה-₪ שנפל לשורה נפרדת שבר
   אותו לשניים. הגודל המרבי ירד כדי שכל השורה תיכנס לרוחב המקטע. */
.money .huge{font-weight:900;font-size:clamp(38px,8.6vw,104px);line-height:1.06;margin-top:16px;white-space:nowrap;
  background:linear-gradient(120deg,#D9A441 0%,#F2CE72 50%,#B8862B 100%);-webkit-background-clip:text;
  background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.gold-pill{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:16px;color:var(--gold-txt);
  background:#fff;border:1px solid #EBD9AE;padding:8px 16px;border-radius:999px;box-shadow:0 4px 12px rgba(184,134,43,.12)}

/* ===== כרטיסים ===== */
.card{padding:34px 28px;border-radius:20px;background:var(--bg3);border:1px solid var(--line4)}
.card h3{font-size:24px;font-weight:700;margin:0 0 10px}
.card p{font-size:18px;color:var(--soft);margin:0}
/* עמודת פלקס: שורת השם והקו מעליה מעוגנות לתחתית הכרטיס, כך שהקו יושב
   באותו גובה בכל ארבעת הכרטיסים גם כשאורך הטקסט שונה. נקודת הייחוס
   למטה, לבקשת המשתמש. */
.step{background:#fff;border-radius:var(--r-card);padding:28px 24px;border:1px solid var(--line);
  display:flex;flex-direction:column}
.step .num{font-weight:900;font-size:52px;line-height:.8}
.step h3{font-size:21px;font-weight:700;margin:12px 0 8px}
.step p{font-size:17px;color:var(--soft);margin:0}
.step.on{background:var(--act);border-color:var(--act)}
.step.on .num{color:rgba(255,255,255,.22)}
.step.on h3{color:#fff}
.step.on p{color:#fff}
/* מי מבצע כל שלב. בלי זה, "אני" בטקסט של השלבים נשאר עמום מרגע שיש
   שני אנשים במשרד, והלקוח לא יודע מי יעמוד מולו בכל נקודה. */
.step .stepwho{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:14px;
  border-top:1px solid var(--line2);font-size:16px;font-weight:700;color:var(--soft)}
.step p{margin-bottom:16px}
.step .stepwho img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:top center;
  background:linear-gradient(158deg,#E9F5FE,#CFE6F8);flex-shrink:0}
.step.on .stepwho{border-top-color:rgba(255,255,255,.28);color:#fff}
/* שורות מקרי הצלחה מקוצרים: שם, סיפור בשורה, וסכום שחזר */
.caselist{display:flex;flex-direction:column;gap:10px;max-width:880px;margin:36px auto 0}
.caserow{display:flex;align-items:center;gap:16px;background:var(--bg2);border:1px solid var(--line);
  border-radius:14px;padding:14px 20px}
.caserow b{color:var(--deep);font-size:17px;flex-shrink:0;min-width:64px}
.caserow span{flex:1;font-size:17px;color:var(--ink3);line-height:1.5}
.caserow .amt{flex:0 0 auto;font-weight:800;font-size:20px;color:var(--green-dark);
  white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:600px){
  .caserow{flex-wrap:wrap;gap:6px 16px}
  .caserow b{min-width:0}
  .caserow .amt{margin-inline-start:auto}
  .caserow span{flex-basis:100%;order:3}
}
.case{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}
.case .hd{background:var(--bg4);padding:20px 26px;display:flex;align-items:center;gap:12px}
.case .hd .n{font-weight:800;font-size:26px;color:var(--deep);font-variant-numeric:tabular-nums}
.case .bd{padding:24px 26px}
.case h3{font-size:22px;font-weight:700;margin:0 0 12px;text-wrap:balance}
.case p{font-size:17px;color:var(--soft);margin:0 0 10px}
.case p:last-child{margin:0}
.case b{color:var(--deep)}

/* ===== טבלת השוואה ===== */
.cmp{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 16px 40px rgba(14,74,121,.10)}
.cmp .g{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr}
.cmp .h0{padding:20px 18px;border-bottom:1px solid #E4EEF6}
.cmp .h1{padding:18px 12px;background:var(--act);color:#fff;text-align:center;font-weight:800;font-size:18px;position:relative}
.cmp .h1::before{content:"";position:absolute;top:0;inset-inline:0;height:4px;background:var(--deep)}
.cmp .h1 small{display:block;font-size:16px;font-weight:600;margin-top:2px}
.cmp .h2c{padding:18px 12px;background:var(--bg3);text-align:center;font-weight:700;font-size:17px;color:var(--soft);
  border-bottom:1px solid #E4EEF6}
.cmp .rh{padding:18px;border-bottom:1px solid #EEF3F8;font-weight:700;font-size:17px;color:var(--deep)}
.cmp .ok{padding:18px 14px;background:var(--bg4);border-inline:2px solid var(--act);border-bottom:1px solid #D3E6F5;
  display:flex;gap:9px;align-items:flex-start;font-size:16px;font-weight:700;color:var(--deep)}
.cmp .no{padding:18px 14px;border-bottom:1px solid #EEF3F8;display:flex;gap:9px;align-items:flex-start;
  font-size:16px;color:var(--soft)}
.cmp .g>*:nth-last-child(-n+4){border-bottom:none}
.cmp svg{flex-shrink:0}

/* ===== טעויות ===== */
.mist{background:var(--deep);padding:104px 0}
.mist .tag{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:#fff;font-size:19px;
  background:var(--warn);padding:9px 20px;border-radius:999px;box-shadow:0 8px 20px rgba(224,32,32,.35)}
.mist h2{color:#fff;margin:14px 0 0}
.mist .c{background:rgba(192,57,43,.16);border:1px solid rgba(240,169,160,.4);border-radius:var(--r-card);padding:28px}
.mist .c .ic{width:46px;height:46px;border-radius:12px;background:var(--warn);display:flex;align-items:center;
  justify-content:center;margin-bottom:16px}
.mist .c h3{font-size:21px;font-weight:700;color:#fff;margin:0 0 10px}
.mist .c p{font-size:17px;color:#D3E2EC;margin:0}

/* ===== טופס יצירת קשר ===== */
.contact .in{max-width:1080px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr .9fr;
  gap:44px;align-items:center}
.ticks{list-style:none;display:flex;flex-direction:column;gap:14px;margin:0 0 26px}
.ticks li{display:flex;gap:12px;align-items:flex-start;font-size:18px;color:var(--ink2);font-weight:600}
.ticks svg{flex-shrink:0;margin-top:2px}
.bigtel{display:flex;align-items:center;gap:10px;font-weight:800;font-size:26px;color:var(--deep);min-height:48px}
.telwho{font-size:16px;color:var(--soft);font-weight:600;line-height:1.4}
.telwho b{color:var(--deep);font-weight:700}
/* שורת "פתוח עכשיו": מחושבת לפי שעון ישראל. כנות לגבי זמינות מורידה את
   חשש ה"אתקשר ואף אחד לא יענה", ובשעות הפעילות דוחפת לשיחה מיידית. */
/* הבטחת זמן חזרה. הנוסח נגזר משעון ישראל ולא קבוע בקוד: "עוד היום"
   שנכתב בשבת בערב הוא הבטחה שלא נעמוד בה, ולקוח שממתין לשווא לא יחזור. */
.promise{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;
  color:var(--green-dark);background:#F1FAF6;border:1px solid #C9E9DA;
  border-radius:10px;padding:10px 14px;margin-top:12px}
.promise svg{flex-shrink:0}
.open-now{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--soft);margin-top:6px}
.open-now .od{width:9px;height:9px;border-radius:50%;background:#9AA7B0;flex-shrink:0}
.open-now.on{color:var(--green-dark)}
.open-now.on .od{background:var(--green)}
.formcard{background:#fff;border-radius:22px;padding:32px;box-shadow:0 24px 50px rgba(12,58,87,.16);border:1px solid var(--line)}
.formcard h3{font-size:25px;margin:0 0 6px}
.formcard label{display:block;font-weight:600;font-size:16px;color:var(--ink2);margin:0 0 6px}
.formcard .fld{margin-bottom:16px}
/* אישור תקנון: תיבת סימון בכל טופס השארת פרטים. שטח לחיצה גדול,
   הריבוע 22px וכל השורה לחיצה, בהתאם לקהל הגיל השלישי. */
.agree{display:flex;align-items:flex-start;gap:10px;margin:14px 0 4px;cursor:pointer;font-size:16px;
  color:var(--ink2);line-height:1.5;font-weight:500;min-height:44px}
.agree input{width:22px;height:22px;flex-shrink:0;margin-top:2px;accent-color:var(--act);cursor:pointer}
/* ריפוד אנכי מרים את שטח הלחיצה של הקישור ל-44px בלי לשבור את השורה */
.agree a{color:var(--act-dark);text-decoration:underline;text-underline-offset:3px;font-weight:700;
  display:inline-block;padding-block:10px;margin-block:-10px}
.agree.miss{color:#B01212}
.agree.miss input{outline:2px solid #B01212;outline-offset:2px;border-radius:4px}
.fineprint{font-size:16px;color:var(--soft);text-align:center;margin:14px 0 0}
.fineprint a{display:inline-block;padding-block:10px;white-space:nowrap}

/* ===== שאלות נפוצות ===== */
.faq{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg2)}
.faq>button{width:100%;display:flex;align-items:center;gap:14px;padding:20px 22px;background:none;border:none;
  cursor:pointer;text-align:start;min-height:64px}
.faq .n{font-weight:800;font-size:18px;color:var(--deep);flex-shrink:0;font-variant-numeric:tabular-nums}
.faq .q{flex:1;font-weight:700;font-size:19px;color:var(--deep)}
.faq .cv{display:inline-flex;transition:transform .2s;flex-shrink:0}
.faq>button[aria-expanded="true"] .cv{transform:rotate(180deg)}
.faq .a{padding:0 56px 22px 22px;font-size:18px;color:var(--soft);line-height:1.7}
.faq .a[hidden]{display:none}

/* ===== שני בעלי התפקידים ===== */
/* שני כרטיסים שווים ברוחב ובמשקל חזותי, ולא ראשי ומשני: ארז אינו
   מסננת לפני אילנית אלא תפקיד עצמאי במעטפת. ההבדל בין הסמכויות נשמר
   בתגית התפקיד ובטקסט, לא בגודל הכרטיס. */
.team2{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.tcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:30px 28px;
  box-shadow:var(--sh-card);display:flex;flex-direction:column;gap:12px}
/* עיגול בגודל זהה לשניהם, על רקע מותג אחיד. אחת התמונות היא גזירה על
   רקע לבן והשנייה צולמה במשרד, והעיגול הצמוד הוא מה שגורם לשתיהן
   להיקרא כצוות אחד ולא כשתי תמונות משתי חברות. */
.tcard .tphoto{width:126px;height:126px;border-radius:50%;object-fit:cover;object-position:top center;
  border:4px solid #fff;box-shadow:0 8px 22px rgba(12,58,87,.18);
  background:linear-gradient(158deg,#E9F5FE,#CFE6F8);flex-shrink:0}
.tcard .thead{display:flex;align-items:center;gap:18px}
.tcard .thead .tnames{display:flex;flex-direction:column;gap:4px}
/* מתחת ל-400px נשארו לשם ולתפקיד 132px לצד תמונה של 104, והתפקיד
   נשבר לארבע שורות. בגלישה כזו עדיף שהתמונה תעמוד מעל הטקסט. */
@media(max-width:400px){
  .tcard .thead{flex-direction:column;align-items:flex-start;gap:12px}
  .tcard .tphoto{width:112px;height:112px}
}
.trole{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:16px;
  padding:7px 15px;border-radius:999px}
.trole-pro{background:var(--bg4);color:var(--deep)}
.trole-svc{background:#EAF7F0;color:var(--green-dark)}
.tcard h3{font-size:27px;font-weight:800;margin:0;text-wrap:balance}
.tcard .ttitle{font-size:17px;font-weight:700;color:var(--act);margin:0}
.tcard p{font-size:17px;color:var(--ink3);margin:0;line-height:1.65}
.tcard .tbody{flex:1}
.tcard .btn{margin-top:6px}
/* כפתור שם ומספר: שבירה באמצע המספר הופכת אותו לבלתי קריא, ולכן
   השורה שלמה ובמקום זה הטקסט מתכווץ במסך צר. */
.btn-tel{white-space:nowrap}
@media(max-width:420px){.btn-tel{font-size:17px;padding-inline:14px}}
/* פס ההסבר שמתחת: הוא זה שמחבר בין השניים לרצף אחד */
.teamflow{margin-top:24px;background:var(--deep);color:#DCEAF2;border-radius:var(--r-card);
  padding:26px 30px;font-size:18px;line-height:1.7}
.teamflow b{color:#fff}
@media(max-width:860px){
  .team2{grid-template-columns:1fr}
  .teamflow{padding:22px}
}

/* ===== קרוסלות ===== */
/* הביקורות והתעודות עומדות במקומן, לא נעות. קרוסלה שרצה לבד נראית חיה,
   אבל לקוח בן 65 שמנסה לקרוא ביקורת שבורחת לו מהמסך מוותר. מה שבונה אמון
   צריך לעמוד במקום ולהיקרא בקצב של הקורא. */
.revgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.certgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rev{background:#fff;border:1px solid var(--line2);border-radius:16px;padding:22px;
  box-shadow:0 6px 18px rgba(14,74,121,.06)}
.rev .who{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.rev .av{width:46px;height:46px;border-radius:50%;color:#fff;font-weight:800;font-size:20px;display:flex;
  align-items:center;justify-content:center;flex-shrink:0}
.rev .nm{font-weight:700;color:var(--deep);font-size:17px}
.rev .ct{font-size:16px;color:var(--soft)}
.stars{color:#C98A00;font-size:17px;letter-spacing:2px;margin-bottom:8px}
.rev p{font-size:16px;color:var(--ink3);margin:0;line-height:1.6}
.gbox{display:inline-flex;align-items:center;gap:16px;background:#fff;border:1px solid #E3ECF5;border-radius:16px;
  padding:15px 26px;box-shadow:0 8px 22px rgba(14,74,121,.08);margin-top:14px}
.gbox .lg{font-weight:800;font-size:27px;letter-spacing:-.5px}
.cert{background:var(--bg2);border:1px solid var(--line2);border-radius:16px;padding:16px;
  box-shadow:var(--sh-card);display:block}
.cert img{width:100%;height:230px;object-fit:contain;border-radius:8px;background:#fff}
.cert .cp{text-align:center;font-weight:700;color:var(--deep);font-size:16px;margin-top:12px}
/* ארבעה כרטיסים זהים בדיוק: גריד קובע רוחב אחיד, ולתווית שמור גובה
   של שתי שורות, כך שתווית קצרה ותווית שנשברת מייצרות אותו כרטיס.
   קודם זה היה פלקס והגובה נגזר משבירת הטקסט, וכרטיס אחד בלט. */
.orgs{display:grid;grid-template-columns:repeat(4,172px);gap:18px;justify-content:center}
.org{background:#fff;border:1px solid var(--line2);border-radius:16px;padding:18px 14px;display:flex;
  flex-direction:column;align-items:center;gap:10px;box-shadow:0 4px 14px rgba(14,74,121,.06)}
.org img{height:56px;width:auto;object-fit:contain}
.org span{font-size:16px;font-weight:700;color:var(--deep);text-align:center;
  min-height:48px;display:flex;align-items:center;justify-content:center}
@media(max-width:800px){.orgs{grid-template-columns:repeat(2,minmax(150px,172px))}}

/* ===== סרטונים ===== */
/* הסרטונים נפתחים בתוך העמוד ולא ביוטיוב: גולש שמגיע ממודעה בתשלום
   ועובר לאפליקציית יוטיוב אינו חוזר, והלחיצה הזו נרכשה בכסף.
   הפרופורציה עומדת (9:16): אלה סרטונים אנכיים שצולמו בטלפון, ובתיבה
   שוכבת נראתה רק רצועה באמצע עם פסים מטושטשים בצדדים. */
.vid{display:block;position:relative;border-radius:var(--r-card);overflow:hidden;
  box-shadow:0 12px 30px rgba(14,74,121,.14);aspect-ratio:9/16;background:var(--deep);
  width:100%;max-width:300px;margin-inline:auto;border:none;padding:0;cursor:pointer;font:inherit;text-align:inherit}
/* תמונת התצוגה של יוטיוב שוכבת עם שוליים מרוחים; חיתוך למרכז משאיר
   בדיוק את הסרטון עצמו */
.vid img{width:100%;height:100%;object-fit:cover;opacity:.92}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vid .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.vid .play i{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.94);display:flex;
  align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(0,0,0,.3)}
.vid .cap{position:absolute;inset-inline:0;bottom:0;padding:16px;
  background:linear-gradient(0deg,rgba(8,42,65,.9),transparent);color:#fff;font-weight:700;font-size:17px}

/* ===== קריאה אחרונה ===== */
.final{background-color:#135FA1;background-image:linear-gradient(135deg,#1877C9,#0E4A79);padding:70px 0;text-align:center}
.final h2{color:#fff;font-size:clamp(30px,4vw,46px);margin:0 0 16px;line-height:1.12}
.final p{font-size:20px;color:#EAF6FF;margin:0 0 30px}
.final .row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ===== מודאל ===== */
.ov{position:fixed;inset:0;z-index:200;background:rgba(8,42,65,.55);backdrop-filter:blur(3px);
  display:flex;align-items:center;justify-content:center;padding:24px}
.ov[hidden]{display:none}
.modal{background:#fff;border-radius:22px;max-width:660px;width:100%;max-height:86vh;overflow:auto;
  box-shadow:0 30px 70px rgba(8,42,65,.35)}
.modal .hd{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line2);padding:24px 28px 18px;
  display:flex;align-items:flex-start;gap:16px;border-radius:22px 22px 0 0}
.modal h3{font-size:26px;margin:0;flex:1;line-height:1.25}
.modal .x{width:48px;height:48px;flex-shrink:0;border:none;border-radius:12px;background:var(--bg2);
  color:var(--deep);cursor:pointer;display:flex;align-items:center;justify-content:center}
.modal .x:hover{background:var(--bg4)}
.modal .bd{padding:22px 28px 26px;display:flex;flex-direction:column;gap:14px}
.modal .bd p{font-size:18px;line-height:1.75;color:var(--ink3);margin:0}
/* לכידה בתוך המדריך: הגולש כבר בחר את המצב שלו, ולכן זו נקודת ההמרה
   החמה בעמוד. הרקע מפריד אותה מהטקסט כדי שלא תיקרא כעוד פסקה. */
.mo-cap{background:var(--bg2);border:1px solid var(--line2);border-radius:16px;
  padding:20px;display:flex;flex-direction:column;gap:10px;margin-top:6px}
.mo-cap[hidden]{display:none}
.mo-cap b{font-size:20px;color:var(--deep);line-height:1.3}
.mo-cap span{font-size:16px;color:var(--soft);line-height:1.5}
.mo-cap .duo{margin:4px 0 0}
.mo-cap .err{margin:0}

/* ===== מיצוב משפטי ===== */
.legalnote{background:var(--bg3);border-top:1px solid var(--line4);border-bottom:1px solid var(--line4);
  padding:22px 0;font-size:17px;color:var(--ink3)}
.legalnote .in{max-width:1000px;margin:0 auto;padding:0 24px;display:flex;gap:12px;align-items:flex-start}
.legalnote b{color:var(--deep)}

/* ===== כותרת תחתונה ===== */
footer.site{background:var(--footer);color:#B7CBD8;padding:56px 0 28px}
footer.site .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;padding-bottom:36px;
  border-bottom:1px solid rgba(255,255,255,.12)}
footer.site h4{color:#fff;font-size:18px;font-weight:700;margin-bottom:14px}
footer.site a{color:#B7CBD8;min-height:48px;display:inline-flex;align-items:center}
footer.site a:hover{color:#8AD0F5}
/* הכפתור מנצח את צבע הקישור הכללי של הכותרת התחתונה */
footer.site .btn.btn-pri{color:#fff}
footer.site .btn.btn-pri:hover{color:#fff}
footer.site .lst{display:flex;flex-direction:column;gap:2px;font-size:16px}
footer.site .fb{display:flex;align-items:center;gap:11px;margin-bottom:16px}
footer.site .fb img{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:10px;padding:5px}
footer.site .fb b{font-weight:800;font-size:19px;color:#fff}
footer.site .btm{padding-top:24px;font-size:16px;color:#C3D5E0;line-height:1.75}
/* הקישורים האלה היו 24px גובה, היחידים באתר מתחת ל-44. inline-block
   עם ריפוד אנכי מגדיל את יעד המגע בלי לשנות את זרימת הפסקה.
   nowrap מונע מ"מדיניות פרטיות" להישבר לשתי שורות. */
footer.site .btm a{font-size:16px;min-height:auto;display:inline-block;
  padding-block:10px;white-space:nowrap}

/* ===== ווצאפ צף ===== */
.wa-float{position:fixed;bottom:24px;inset-inline-start:24px;z-index:80;width:60px;height:60px;border-radius:50%;
  background:var(--wa);color:#0A3B26;display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 26px rgba(37,211,102,.5);animation:pulseRingGreen 2.6s infinite}
.wa-float svg{stroke:currentColor}

/* ===== פס לכידה דביק ===== */
.cta-bar{position:fixed;inset-inline:0;bottom:0;z-index:90;display:flex;align-items:center;gap:16px;
  padding:12px 24px;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);
  border-top:1px solid var(--line2);box-shadow:0 -8px 26px rgba(14,74,121,.13);
  animation:barUp .28s cubic-bezier(.2,.75,.3,1)}
.cta-bar[hidden],body.modal-open .cta-bar,body.modal-open .wa-float{display:none}
.cta-bar .t{display:flex;flex-direction:column;line-height:1.3;margin-inline-start:auto}
.cta-bar .t b{font-size:17px;color:var(--deep)}
.cta-bar .t i{font-style:normal;font-size:15px;color:var(--soft)}
.cta-bar .btn{font-size:17px;padding:13px 24px;min-height:50px;white-space:nowrap}
/* חיוג מיידי לצד הכפתור הראשי: בקהל 60+ חלק לא ימלא טופס אבל כן יתקשר */
.callmini{margin-inline-end:auto;width:50px;height:50px;border-radius:12px;background:var(--deep);
  display:flex;align-items:center;justify-content:center;flex-shrink:0}
.callmini:hover{background:var(--deep2)}
@keyframes barUp{from{transform:translateY(100%)}to{transform:none}}
/* כשהפס פתוח הכפתור הצף עולה מעליו, אחרת הם נערמים זה על זה במובייל. */
body.bar-on .wa-float{bottom:92px}
/* והעמוד מקבל ריפוד תחתון בגובה הפס: בלעדיו הפס יושב לצמיתות על השורה
   האחרונה בפוטר, ובה הקישור למדיניות הפרטיות. אי אפשר לגלול מתחתיו,
   ולכן קישור שחייב להיות נגיש הפך לבלתי נגיש. */
body.bar-on{padding-bottom:104px}
@media(max-width:480px){body.bar-on{padding-bottom:88px}}
@media(prefers-reduced-motion:reduce){.cta-bar{animation:none}}

/* ===== חשיפה בגלילה ===== */
.rv{opacity:0;transform:translateY(30px) scale(.96)}
.rv.in{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.2,.75,.3,1),transform .6s cubic-bezier(.2,.75,.3,1)}

/* ===== רספונסיביות ===== */
@media(max-width:1000px){
  .hero .in{grid-template-columns:1fr;gap:40px}
  .photo{max-width:460px;margin:0 auto}
  .contact .in{grid-template-columns:1fr}
  .stats .in{grid-template-columns:repeat(2,1fr);gap:32px 24px}
  .stats .c:nth-child(2){border:none}
  .grid4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
  .grid3{grid-template-columns:1fr}
  /* ביקורות בטור, תעודות בזוגות: התמונות נשארות מספיק גדולות לקריאה */
  .revgrid{grid-template-columns:1fr}
  .certgrid{grid-template-columns:repeat(2,1fr);gap:12px}
  .certgrid .cert{padding:10px}
  .certgrid .cert img{height:150px}
  .certgrid .cert .cp{font-size:16px;margin-top:8px}
  .cmp .g{grid-template-columns:1fr}
  .cmp .h0{display:none}
  .cmp .h1,.cmp .h2c{border-radius:0}
  .cmp .rh{background:var(--bg3);border-top:2px solid var(--line);font-size:18px}
  .cmp .ok,.cmp .no{border-inline:none}
  .cmp .ok::after{content:"אילנית גנימה";margin-inline-start:auto;font-size:16px;color:var(--act);
    font-weight:700;white-space:nowrap}
  /* כשהעמודות מתקפלות, שורות ה-X מאבדות את הכותרת שלהן ונשארות בלי הקשר.
     התווית חוזרת לכל תא. הסדר בגריד קבוע: כותרת, אילנית, משרד, לבד. */
  .cmp .g>.no{flex-wrap:wrap}
  .cmp .g>.no::before{display:block;font-size:14px;font-weight:600;color:var(--soft);margin-bottom:2px;width:100%}
  .cmp .g>.no:nth-child(4n+3)::before{content:'משרד / מוקד גדול'}
  .cmp .g>.no:nth-child(4n)::before{content:'לבד מול הרשות'}
  .cmp .no:nth-of-type(odd)::after{content:""}
  .cmp .g>.h1,.cmp .g>.h2c{display:none}
}
@media(max-width:900px){footer.site .cols{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:560px){
  footer.site .cols{grid-template-columns:1fr;gap:24px}
  /* רשימות הקישורים לשתי עמודות. הטקסט קצר, יעד המגע נשאר 48px, ואחת
     עשרה שורות ברוחב מלא הן חצי מסך של גלילה כמעט ריקה בתחתית העמוד. */
  footer.site .lst{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}
}
@media(max-width:720px){
  body{font-size:18px}
  .sec{padding:72px 0}
  .money{padding:80px 0}
  .mist{padding:72px 0}
  .stats .in{grid-template-columns:1fr;padding:36px 24px}
  .stats .c{border:none;padding:0}
  .formcard,.checker{padding:22px}
  .wa-float{bottom:16px;inset-inline-start:16px;width:56px;height:56px}
  .modal .bd,.modal .hd{padding-inline:20px}
  .faq .a{padding-inline:22px 22px}

  /* ההדר הדביק ירד משתי שורות גבוהות לשורה אחת של ~56px. במסך 844px,
     הדר של 300px שנשאר צמוד למעלה + פס הלכידה למטה השאירו לתוכן חריץ,
     וכל העמוד הרגיש דחוס. הלוגו מוקטן, שורת המשנה יורדת, והכפתור מתהדק. */
  header.top .in{padding:6px 14px;gap:10px;flex-wrap:nowrap;justify-content:space-between}
  .brand{gap:8px;min-height:44px;align-items:center}
  .brand img{width:40px;height:40px;padding:3px;border-radius:8px}
  .brand .n1{font-size:16px}
  .brand .n2{display:none}
  header.top .btn{font-size:16px;padding:10px 13px;min-height:46px;border-radius:9px}

  /* הפס הרץ יורד במובייל: עוד רצועה מתחת להדר בדיוק כשכל פיקסל אנכי
     יקר, והמספרים שבו ממילא מופיעים במקטע הנתונים שמיד אחרי ההירו. */
  .ticker{display:none}

  /* מקטע הכסף: המטבעות המרחפים ישבו על הספרות עצמן במסך צר, וה-₪ נשבר
     לשורה בודדת. המטבעות קישוט, הסכום הוא המסר: הקישוט מפנה את הבמה. */
  .money .coin{display:none}
  .money .huge{font-size:clamp(38px,10.5vw,60px)}

  /* ארבעת שלבי התהליך נדחסו לשתי עמודות של מילה-בשורה. טור אחד קריא. */
  .grid4{grid-template-columns:1fr}


  /* גם תג ה-57.5% יורד במובייל: התמונה צרה, והמספר מופיע בהירו ובנתונים */
  .badge-top{display:none}
}

@media(max-width:480px){
  /* פס הלכידה התחתון: במסך צר שורת המשנה נדחסה לשלוש שורות לצד הכפתור.
     נשארת רק השורה הראשית, והפס יורד לגובה נעים. */
  .cta-bar{padding:10px 14px;gap:10px}
  .cta-bar .t i{display:none}
  .cta-bar .t b{font-size:16px;white-space:nowrap}
  .cta-bar .btn{font-size:16px;padding:11px 16px;min-height:46px}
  .callmini{width:46px;height:46px;border-radius:10px}
  body.bar-on .wa-float{bottom:78px}
}

/* מי שביקש צמצום תנועה מקבל את הפס הרץ קפוא וחתוך באמצע מילה — עדיף בלעדיו */
@media(prefers-reduced-motion:reduce){.ticker{display:none}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important}
  .rv{opacity:1;transform:none}
}
@media print{.wa-float,header.top,.ticker,.ov{display:none !important}}

/* טקסט לקורא מסך בלבד, למקומות שבהם הסימן החזותי אינו טקסט */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ============ פריסה מלאה לדסקטופ רחב ============
   לבקשת המשתמש: במחשב האתר נפרש על המסך ולא נשאר עמודה צרה באמצע.
   הרוחבים המקוריים נכתבו כ-style מוטבע בעמודים, ולכן ההרחבה נעשית
   בבוררי [style*] עם !important: מדרגה אחת ב-1500 ומדרגה שנייה ב-1760,
   כשעמודות טקסט גדלות פחות מהמעטפת כדי שאורך שורה יישאר קריא לגיל
   השלישי. הטיפוגרפיה מוגדלת מעט יחד עם המעטפת, אחרת העמוד הרחב נראה
   מדולל. */
@media(min-width:1500px){
  .wrap,header.top .in,.hero .in,.stats .in{max-width:1440px}
  .contact .in{max-width:1300px}
  .legalnote .in{max-width:1200px}
  main [style*="max-width:1120px"],footer.site .wrap{max-width:1340px!important}
  main [style*="max-width:1020px"],main [style*="max-width:1000px"]{max-width:1200px!important}
  main [style*="max-width:900px"],main [style*="max-width:860px"],main [style*="max-width:840px"],main [style*="max-width:820px"]{max-width:1060px!important}
  main [style*="max-width:760px"],main [style*="max-width:720px"],main [style*="max-width:700px"]{max-width:880px!important}
  main [style*="max-width:680px"],main [style*="max-width:660px"],main [style*="max-width:640px"]{max-width:780px!important}
  h1{font-size:64px}
  h2.big{font-size:52px}
  .lead{font-size:21px}
  .hero .in{grid-template-columns:1.1fr .9fr;gap:64px}
}
@media(min-width:1760px){
  .wrap,header.top .in,.hero .in,.stats .in{max-width:1620px}
  .contact .in{max-width:1440px}
  .legalnote .in{max-width:1300px}
  main [style*="max-width:1120px"],footer.site .wrap{max-width:1500px!important}
  main [style*="max-width:1020px"],main [style*="max-width:1000px"]{max-width:1320px!important}
  main [style*="max-width:900px"],main [style*="max-width:860px"],main [style*="max-width:840px"],main [style*="max-width:820px"]{max-width:1160px!important}
  main [style*="max-width:760px"],main [style*="max-width:720px"],main [style*="max-width:700px"]{max-width:960px!important}
  main [style*="max-width:680px"],main [style*="max-width:660px"],main [style*="max-width:640px"]{max-width:840px!important}
  h1{font-size:68px}
  h2.big{font-size:55px}
}

/* ============ ביקורות מידרג (עברו מהאודות לדף הבית) ============
   העיצוב משכפל את שפת מידרג: עיגול ציון בטורקיז, שם בפוקסיה, ותגי
   קטגוריה. לקוח שראה את הפרופיל במידרג מזהה את המראה, וזה מה שהופך
   ציטוט לראיה. הגוונים הועמקו מעט מהמקור לטובת הניגודיות המוצהרת. */
:root{--mg:#C4136A; --mg-teal:#0B7A64; --mg-teal-bg:#E4F7F1}
.card.rev{background:#fff;border-color:var(--line2);box-shadow:var(--sh-card);text-align:start;display:flex;flex-direction:column;padding:26px 24px}
.rev-top{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line2)}
.rev-score{width:78px;height:78px;border-radius:50%;border:2px solid var(--mg-teal);display:flex;
  flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;line-height:1.05}
.rev-score b{font-size:27px;font-weight:800;color:var(--mg-teal)}
.rev-score i{font-style:normal;font-size:16px;font-weight:700;color:var(--soft);margin-top:3px}
.rev-who b{display:block;font-size:18px;color:var(--mg);font-weight:800;line-height:1.3}
.rev-who span{display:block;font-size:16px;color:var(--soft);margin-top:2px}
.rev-lbl{font-size:16px;font-weight:700;color:var(--mg);margin:16px 0 6px}
.card.rev blockquote{margin:0;font-size:17px;line-height:1.68;color:var(--ink3);flex:1}
.rev-scores{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line2)}
.rev-scores span{display:inline-flex;align-items:center;gap:6px;background:var(--mg-teal-bg);color:var(--mg-teal);
  font-size:16px;font-weight:700;padding:5px 13px;border-radius:999px}
.rev-verified{display:inline-flex;align-items:center;gap:6px;font-size:16px;color:var(--mg-teal);font-weight:700;margin-top:10px}
.rev-source{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:40px;font-size:16px;color:var(--soft);text-align:center}
.rev-source a{display:inline-flex;align-items:center;min-height:48px;font-weight:700}
.mg-mark{font-weight:900;color:var(--mg);letter-spacing:-.02em}
/* כותרת פלטפורמה: תיבת הזיהוי (גוגל/יוטיוב/מידרג) ממורכזת מעל החלק שלה */
.plat-head{display:flex;justify-content:center;margin:0 0 26px}