/* ==========================================================================
   home.css — מערכת העיצוב של דף הבית (נייבי·זהב).
   ⭐ כל המחלקות בקידומת rd- : 12 מהן התנגשו עם site.css
      (hero, band, btn, card, lede, panel, shell ...).
   ⛔ ההדר, הפוטר והתפריט **אינם** כאן — הם של האתר, עם חוזה ה-JS.
   ========================================================================== */

@font-face{font-family:'Heebo';src:url('../assets/fonts/heebo-700.woff2') format('woff2');font-weight:700;font-display:swap}

@font-face{font-family:'Heebo';src:url('../assets/fonts/heebo-800.woff2') format('woff2');font-weight:800;font-display:swap}

@font-face{font-family:'Assistant';src:url('../assets/fonts/assistant-400.woff2') format('woff2');font-weight:400;font-display:swap}

@font-face{font-family:'Assistant';src:url('../assets/fonts/assistant-500.woff2') format('woff2');font-weight:500;font-display:swap}

@font-face{font-family:'Assistant';src:url('../assets/fonts/assistant-600.woff2') format('woff2');font-weight:600;font-display:swap}

:root{
  --navy:#0C2548; --navy-2:#21334C; --blue:#145FBC; --blue-dk:#104E9B;
  --gold:#C29B50; --gold-soft:#E8D6AC; --gold-ink:#7A6630;
  /* ⛔ הזהב הדקורטיבי הוא 2.47:1 על לבן — נכשל גם ברף 3:1 של טקסט
     גדול. זה הגוון הבהיר ביותר שעובר (3.34:1), לנקודות על רקע בהיר. */
  --gold-accent:#B28533;
  --muted:#6E6E6E; --wash:#F5F8FC;
  --sh:0 2px 8px rgba(7,36,71,.05),0 18px 44px -26px rgba(7,36,71,.28);
  --sh-lg:0 4px 14px rgba(7,36,71,.07),0 34px 72px -32px rgba(7,36,71,.34);
  }

/* ⛔ בוררי אלמנט גלובליים הוסרו: הם דרסו את ההדר והפוטר של האתר.
   מה שהעיצוב באמת צריך מתוחם לעטיפה .rd-home בלבד. */
/* ⛔⛔ ‎:where()‎ ולא בורר רגיל — והסיבה היא באג שכבר נתפס כאן:
   בתצוגה המקדימה ‎a{color:inherit}‎ היה (0,0,1) והפסיד ל-‎.card{color:#fff}‎.
   תיחום תמים ל-‎.rd-home a‎ הפך אותו ל-(0,1,1) — **גבוה מרכיבי העיצוב** —
   וכותרות הכרטיסים יצאו נייבי על נייבי, בלתי נראות.
   ‎:where()‎ תורם 0 לספציפיות ומשחזר את סדר הקדימויות המקורי. */
.rd-home{color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.75}
.rd-home :where(h1,h2,h3){font-family:var(--display);margin:0;
  line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
.rd-home :where(p){margin:0}
.rd-home :where(img){max-width:100%;display:block}
.rd-home :where(a){color:inherit;text-decoration:none}
.rd-home :where(button){font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.rd-home :focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}

.rd-shell{width:min(100% - 44px,var(--shell));margin-inline:auto}

.rd-ic{width:24px;height:24px;flex-shrink:0;stroke:currentColor;fill:none;
  stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}

.rd-ic--sm{width:19px;height:19px}

.rd-hd__in{display:flex;align-items:center;gap:22px;min-height:78px}

.rd-brand__mark{width:48px;height:48px;border-radius:50%;flex-shrink:0}

.rd-hd__end{display:flex;align-items:center;gap:10px;flex-shrink:0}

/* ---------- כפתורים ---------- */
.rd-btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:999px;
  padding:15px 30px;font-size:16.5px;font-weight:600;min-height:56px;transition:.2s var(--ease)}

.rd-btn--p{background:var(--blue);color:#fff;box-shadow:0 7px 18px -8px rgba(9,92,182,.6)}

.rd-btn--p:hover{background:var(--blue-dk);transform:translateY(-2px)}

.rd-btn--o{background:#fff;border:1px solid #AFC3D8;color:var(--navy)}

.rd-btn--o:hover{border-color:var(--blue);background:#F2F7FC}

.rd-btn--w{background:#fff;color:var(--navy);box-shadow:0 8px 22px -10px rgba(0,0,0,.5)}

.rd-btn--w:hover{transform:translateY(-2px)}

/* ---------- טיפוגרפיה משותפת ---------- */
.rd-eyebrow{display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:600;
  letter-spacing:.05em;color:var(--gold-ink);margin-block-end:18px}

.rd-eyebrow::after{content:'';width:34px;height:3px;background:var(--gold);flex-shrink:0;border-radius:2px}

.rd-eyebrow--c{justify-content:center}

.rd-sec{padding-block:clamp(56px,6.5vw,86px)}

.rd-sec--wash{background:var(--wash)}

.rd-h2{font-size:clamp(28px,3.6vw,44px);font-weight:800;line-height:1.14}

.rd-dot{color:var(--gold-accent)}
/* על הרצועה הכהה הזהב המלא עובר 6.29:1 — שם הוא נשאר */
.rd-band .rd-dot{color:var(--gold)}

.rd-lede{font-size:clamp(16.5px,1.4vw,19.5px);line-height:1.75;color:#27405E;max-width:48ch}

.rd-more{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:var(--blue)}

.rd-more:hover{color:var(--blue-dk)}

/* ---------- הירו ---------- */
/* ⚠️ מיקום פיזי בכוונה (right/to left) — ערבוב לוגי+פיזי הוא המוקש
   שהפיל את סרט השותפים ב-replyo. הדף RTL בלבד. */
.rd-hero{position:relative;isolation:isolate;background:#F7FAFD;overflow:hidden;
  --hero-h:clamp(470px,40vw,566px)}

.rd-hero__photo{position:absolute;inset-block:0;right:0;z-index:-2;
  width:min(66%,calc(var(--hero-h) * 1.72));
  -webkit-mask-image:linear-gradient(to left,#000 56%,rgba(0,0,0,.5) 82%,transparent 100%);
  mask-image:linear-gradient(to left,#000 56%,rgba(0,0,0,.5) 82%,transparent 100%)}

.rd-hero__photo img{width:100%;height:100%;object-fit:cover;object-position:68% 46%}

.rd-hero__photo::after{content:'';position:absolute;inset:0;
  background:linear-gradient(to right,#F7FAFD 0%,rgba(247,250,253,.46) 15%,rgba(247,250,253,0) 40%),
             linear-gradient(to top,rgba(247,250,253,.5),transparent 22%)}

.rd-hero__in{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;
  min-height:var(--hero-h);padding-block:54px 48px}

.rd-hero__copy{max-width:min(100%,620px);margin-inline-start:auto}

.rd-hero h1{font-size:clamp(40px,5.8vw,72px);font-weight:800;line-height:1.08;margin-block-end:26px}

.rd-hero h1 em{font-style:normal;color:var(--blue);position:relative;display:inline-block}

/* משיחת מכחול מתחדדת — לא פס מעוגל אחיד */
.rd-swash{position:absolute;inset-inline:0;inset-block-end:-.17em;height:.22em;
  fill:var(--gold);opacity:.88;pointer-events:none}

.rd-hero .rd-lede{margin-block-end:4px}

.rd-acts{display:flex;gap:12px;flex-wrap:wrap;margin-block-start:32px}

.rd-host{display:flex;align-items:center;gap:13px;margin-block-start:36px}

.rd-host img{width:52px;height:52px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 10px rgba(7,36,71,.14)}

.rd-host b{display:block;font-size:15px;font-weight:700}

.rd-host span{display:block;font-size:12.5px;color:var(--muted);line-height:1.5}

/* ---------- ארבעת העמודים ---------- */
.rd-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block-end:1px solid var(--line)}

.rd-pillars > *{padding:38px 22px;border-inline-start:1px solid var(--line);display:flex;
  flex-direction:column;align-items:center;text-align:center;gap:13px;transition:.2s var(--ease)}

.rd-pillars > *:first-child{border-inline-start:0}

.rd-pillars > *:hover{background:var(--wash)}

.rd-pillars .rd-ic{color:var(--navy);width:28px;height:28px}

.rd-pillars b{font-family:var(--display);font-size:19px;font-weight:800;line-height:1.3}

.rd-pillars span{font-size:14px;color:var(--muted);line-height:1.6;max-width:28ch}

/* ---------- חפיסת הכרטיסים ---------- */
.rd-deck__top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  flex-wrap:wrap;margin-block-end:30px}

.rd-deck__top p.sub{font-size:16px;color:var(--muted);margin-block-start:8px}

.rd-deck{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}

/* ⭐ 05.10: המקורות הגיעו (Lomdim_Images) — 1254-1536px, בלי טקסט צרוב.
   לכן חזרה לכרטיס לאורך עם תמונה במילוי מלא, כמו באתר הייחוס.
   כל הגיאומטריה הקודמת (ריבוע + רצועה 48%) נועדה לעקוף מקור פגום. */
.rd-card{position:relative;isolation:isolate;display:block;overflow:hidden;border-radius:14px;
  aspect-ratio:5/6;color:#fff;background:var(--navy);box-shadow:var(--sh);
  transition:.25s var(--ease)}

.rd-card:hover{transform:translateY(-5px);box-shadow:var(--sh-lg)}

/* ⭐ גובה הרצועה נגזר מ**יחס המקור**, לא מהעין. המקור 2.08:1, והרצועה
   הייתה 1.20:1 ⇒ object-fit:cover חתך 42% מהרוחב והנושא יצא מוגדל.
   48% מביא את הרצועה ל-1.60:1 ⇒ 23% חיתוך, והמצפן נראה עם המחברת. */
.rd-card img{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center 42%;z-index:-2}

/* ⛔⛔ נוסה גזרה בגובה מלא עם וילון הדרגתי — **הכותרת הצרובה של אתר
   הייחוס ביצבצה מעל הכותרת האמיתית**. נראה בעין ב-compare-grad.html.
   לכן התמונה נעצרת מעל הטקסט שלו, ולא מנסה לקבור אותו.
   ⇒ זה גם התקרה: אפשר להשתמש רק ב~40% האמצעיים של כל צילום.
     עם המקורות מהלקוח המגבלה הזו נעלמת. */
.rd-card::after{content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(to top,rgba(5,22,45,.93) 0%,rgba(5,22,45,.80) 20%,rgba(5,22,45,.66) 42%,rgba(5,22,45,.32) 64%,rgba(5,22,45,.05) 84%,rgba(5,22,45,.16) 100%)}

.rd-card__badge{position:absolute;inset-block-start:15px;inset-inline-start:15px;
  background:#fff;color:var(--navy);border-radius:999px;padding:6px 15px;
  font-size:12.5px;font-weight:700;line-height:1.4;box-shadow:0 3px 10px rgba(0,0,0,.18)}

.rd-card__body{position:absolute;inset-block-end:0;inset-inline:0;padding:18px 18px 16px;
  display:flex;flex-direction:column;gap:7px}

.rd-card__body b{font-family:var(--display);font-size:clamp(18px,1.6vw,21px);font-weight:800;line-height:1.25}

.rd-card__body span{font-size:14px;line-height:1.55;color:#D4E2F2;padding-inline-end:38px}

.rd-card__go{position:absolute;inset-block-end:19px;inset-inline-end:18px;color:#fff;opacity:.9}

/* ---------- רצועת הנתונים ---------- */
.rd-band{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--navy)}

.rd-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;z-index:-2}

.rd-band::after{content:'';position:absolute;inset:0;z-index:-1;
  /* ⚠️ הכיסוי כאן מכויל לרף 4.5:1 ולא מעבר. גרסה קודמת עמדה על 8.02:1
     ⇒ 89% כהות בקצה שמאל, והשקיעה פשוט נעלמה. בהיר יותר = נראה חד יותר. */
  /* ⭐ וילון מרוכז מתחת לטקסט בלבד — קצוות הצילום נשארים בהירים.
     החלופה (להכהות הכול) קנתה ניגודיות במחיר של תמונה מתה. */
  background:radial-gradient(ellipse 60% 70% at 50% 40%,rgba(4,20,41,.70),rgba(4,20,41,0) 76%),
             linear-gradient(rgba(4,20,41,.22),rgba(4,20,41,.22)),
             linear-gradient(to left,rgba(4,20,41,.06) 0%,rgba(4,20,41,.30) 48%,rgba(4,20,41,.46) 100%)}

.rd-band__in{padding-block:clamp(42px,4.4vw,58px);text-align:center;display:flex;
  flex-direction:column;align-items:center}

.rd-band .rd-eyebrow{color:var(--gold-soft)}

.rd-band .rd-eyebrow::after{background:var(--gold-soft)}

.rd-band h2{font-size:clamp(28px,3.9vw,46px);font-weight:800;line-height:1.16}

.rd-band p{font-size:clamp(16px,1.35vw,19px);color:#CFDDEC;margin-block-start:13px;max-width:44ch}

.rd-band .rd-btn{margin-block-start:24px}

.rd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:100%;
  margin-block-start:clamp(26px,2.8vw,36px);padding-block-start:22px;
  border-block-start:1px solid rgba(255,255,255,.22)}

.rd-stats div{min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px}

.rd-stats .rd-ic{color:var(--gold-soft);width:21px;height:21px}

.rd-stats b{font-family:var(--display);font-size:clamp(26px,2.6vw,34px);font-weight:800;line-height:1.1}

.rd-stats span{font-size:13px;color:#C3D3E6;line-height:1.5}

/* ---------- משקיעים בעצמכם, בכל יום ---------- */
.rd-rowtop{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  flex-wrap:wrap;margin-block-end:28px}

.rd-duo{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:20px}

.rd-shot{position:relative;isolation:isolate;overflow:hidden;border-radius:14px;min-height:320px;
  color:#fff;background:var(--navy);display:flex;flex-direction:column;justify-content:flex-end;
  padding:24px;box-shadow:var(--sh);transition:.25s var(--ease)}

.rd-shot:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}

.rd-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}

.rd-shot::after{content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(to top,rgba(5,25,50,.88) 16%,rgba(5,25,50,.46) 48%,rgba(5,25,50,.04) 84%)}

.rd-shot__meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gold-soft);margin-block-end:9px}

.rd-shot h3{font-size:clamp(21px,2.1vw,27px);font-weight:800}

.rd-shot .rd-more{color:#fff;margin-block-start:14px}

.rd-panel{border:1px solid var(--line);border-radius:14px;background:#fff;padding:24px;
  display:flex;flex-direction:column;box-shadow:var(--sh)}

.rd-panel__lbl{display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-size:13px;color:var(--muted);margin-block-end:16px}

.rd-panel__lbl .rd-chip{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;
  background:var(--wash);color:var(--navy);flex-shrink:0}

.rd-panel h3{font-size:clamp(20px,2vw,26px);font-weight:800;margin-block-end:10px}

.rd-panel > p{font-size:15.5px;color:var(--muted);line-height:1.65}

.rd-meter{margin-block-start:20px}

.rd-meter__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  font-size:13.5px;color:var(--muted);margin-block-end:8px}

.rd-meter__top b{color:var(--blue);font-family:var(--display);font-size:15px;font-weight:800}

.rd-meter__rail{height:7px;border-radius:999px;background:#E6EDF5;overflow:hidden}

.rd-meter__fill{height:100%;border-radius:999px;background:var(--blue)}

.rd-nextup{display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin-block-start:auto;padding-block-start:20px;border-block-start:1px solid var(--line)}

.rd-nextup small{display:block;font-size:12.5px;color:var(--muted)}

.rd-nextup b{display:block;font-size:16px;font-weight:700;line-height:1.4}

.rd-panel__foot{margin-block-start:14px;padding-block-start:14px;border-block-start:1px solid var(--line)}

.rd-panel__foot .rd-more{font-size:14px}

/* ---------- קהילה ---------- */
.rd-comm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,4vw,56px);align-items:center}

.rd-comm__note{font-size:13.5px;color:var(--muted);margin-block-start:13px}

.rd-stack{display:flex;flex-direction:column;gap:13px}

.rd-stack .rd-shot{min-height:190px;padding:20px}

.rd-shot__ic{position:absolute;inset-block-start:18px;inset-inline-start:20px;color:var(--gold-soft);width:26px;height:26px}

.rd-stack .rd-shot h3{font-size:19.5px}

.rd-stack .rd-shot__sub{font-size:13.5px;color:#D4E2F2;display:block;margin-block-start:5px}

.rd-lrow{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:14px;
  background:#fff;padding:17px 19px;transition:.2s var(--ease)}

.rd-lrow:hover{border-color:#BBD0E6;background:var(--wash);transform:translateY(-2px)}

.rd-lrow .rd-chip{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;
  background:var(--wash);color:var(--navy);flex-shrink:0}

.rd-lrow div{min-width:0;flex:1}

.rd-lrow b{display:block;font-family:var(--display);font-size:16.5px;font-weight:800;line-height:1.35}

.rd-lrow small{display:block;font-size:13.5px;color:var(--muted);line-height:1.5;margin-block-start:2px}

.rd-lrow .rd-ic--go{color:var(--blue)}

.rd-trustrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;
  margin-block-start:clamp(36px,4vw,54px);padding-block-start:28px;border-block-start:1px solid var(--line)}

.rd-trustrow div{display:flex;align-items:center;gap:10px;font-size:14.5px;color:#27405E;min-width:0}

.rd-trustrow .rd-ic{color:var(--navy);width:21px;height:21px}

.rd-ft__grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr)) minmax(0,1.25fr);
  gap:clamp(26px,3.5vw,44px)}

.rd-ft__brand{display:flex;align-items:center;gap:11px;margin-block-end:14px}

.rd-ft__brand img{width:48px;height:48px;border-radius:50%}

.rd-ft__brand strong{font-family:var(--display);font-size:19px;font-weight:800;display:block;line-height:1.3}

.rd-ft__brand small{display:block;font-size:12px;color:var(--muted)}

.rd-ft__about{font-size:14.5px;color:var(--muted);line-height:1.7;max-width:34ch}

.rd-ft__wa{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;color:var(--blue);font-weight:600}

.rd-ft__tel{display:block;font-size:15px;color:#2C4866;margin-block-start:10px;font-weight:600}

.rd-ft__bar{margin-block-start:clamp(34px,4vw,48px);border-block-start:1px solid var(--line);
  padding-block:20px 26px;display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);
  gap:18px;align-items:start}

.rd-ft__bar p{font-size:12.5px;color:var(--muted);line-height:1.65}

.rd-ft__bar p.legal{text-align:start}

.rd-drawer__hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-end:8px}

.rd-drawer__hd strong{font-family:var(--display);font-size:19px;font-weight:800}

/* ---------- רספונסיבי ---------- */
@media (max-width:1180px){
  .rd-nav{gap:14px}
  .rd-nav a{font-size:13.5px}
}
@media (max-width:1040px){
  .rd-deck{grid-template-columns:repeat(3,minmax(0,1fr))}

  .rd-deck > :nth-child(n+4){grid-column:span 1}
}
@media (max-width:980px){
  .rd-hero{--hero-h:auto}

  .rd-hero__photo{position:relative;width:100%;height:clamp(260px,52vw,380px);
    -webkit-mask-image:none;mask-image:none;order:-1}

  .rd-hero__photo::after{background:linear-gradient(to top,#F7FAFD 2%,rgba(247,250,253,0) 42%)}

  .rd-hero__in{padding-block:0 44px}

  .rd-hero__copy{margin-inline-start:0;max-width:none;margin-block-start:-22px}

  .rd-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}

  .rd-pillars > *{border-block-start:1px solid var(--line)}

  .rd-pillars > :nth-child(-n+2){border-block-start:0}

  .rd-pillars > :nth-child(odd){border-inline-start:0}

  .rd-duo{grid-template-columns:minmax(0,1fr)}

  .rd-comm{grid-template-columns:minmax(0,1fr)}

  .rd-ft__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  body{font-size:16.5px}

  .rd-shell{width:min(100% - 32px,var(--shell))}

  /* קרוסלה אופקית — אותה החלטה שבאתר הייחוס */
  .rd-deck{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:13px;
    padding-block-end:10px;margin-inline:-16px;padding-inline:16px;
    scrollbar-width:none}

  .rd-deck::-webkit-scrollbar{display:none}

  .rd-deck .rd-card{flex:0 0 min(62vw,236px);scroll-snap-align:start}

  .rd-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}

  .rd-trustrow{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}

  .rd-ft__bar{grid-template-columns:minmax(0,1fr)}

  .rd-btn{width:100%}

  .rd-acts{flex-direction:column;align-items:stretch}
}

/* ⭐ מתחת ל-620 אין מקום לחיפוש, ומתחת ל-540 גם לא לכפתור האזור האישי.
   שניהם קיימים כשורות במגירה — לא נעלמים מהדף. */
@media (max-width:620px){
  .rd-hd__end > .rd-iconbtn:not(.rd-burger){display:none}
}
@media (max-width:540px){
  .rd-brand__mark{width:44px;height:44px}
}
@media (max-width:520px){
  .rd-ft__grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:420px){
  .rd-pillars{grid-template-columns:minmax(0,1fr)}

  .rd-pillars > *{border-inline-start:0;border-block-start:1px solid var(--line)}

  .rd-pillars > :first-child{border-block-start:0}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important}
}