/* (same CSS as the previous attempt, pasted here) */
:root{
  --bg: #0F172A;
  --surface: #111827;
  --muted: #94A3B8;
  --muted-2:#334155;
  --text: #E5E7EB;
  --primary: #22C55E;
  --primary-600: #16A34A;
  --ring: rgba(34,197,94,0.35);
  --card: rgba(12,18,32,0.75);
  --alt: #0A0F1E;
  --shadow: 0 20px 40px rgba(0,0,0,0.35);
}

*{box-sizing:border-box}
html,body{height:100%}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Heebo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  background: radial-gradient(1000px 500px at 100% -100px, rgba(34,197,94,.12), transparent 60%),
              radial-gradient(900px 450px at -20% -120px, rgba(34,197,94,.12), transparent 60%),
              linear-gradient(180deg, var(--bg), var(--alt));
  color: var(--text);
  line-height:1.65;
}

.kicker{ color:var(--muted); margin:.25rem 0 0; font-weight:500 }
.muted{ color:var(--muted) }

.glass{ background: var(--card); border:1px solid rgba(255,255,255,0.10); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius:1rem; padding:1rem; box-shadow: var(--shadow) }

.skip-link{ position:absolute; inset-inline-start:1rem; top:-100px; background:#fff; color:#000; padding:.5rem 1rem; border-radius:.5rem }
.skip-link:focus{ top:1rem; z-index:1000 }

.container{ width:min(1100px, 92%); margin-inline:auto }

.site-header{
  position:sticky; top:0; z-index:50;
  background: rgba(11,18,32,0.6);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.header-inner{ display:flex; align-items:center; justify-content:space-between; padding:12px 0 }
.brand{ display:flex; align-items:center; gap:.75rem }
.brand-badge{ background:var(--primary); color:#001509; padding:.25rem .5rem; border-radius:999px; font-weight:700; text-transform:uppercase; font-size:.8rem }
.brand-name{ color:#fff; font-weight:900; text-decoration:none; letter-spacing:.5px }
.main-nav{ display:flex; align-items:center; gap:1rem }
.main-nav ul{ list-style:none; display:flex; gap:1rem; padding:0; margin:0 }
.main-nav a{ color:var(--text); text-decoration:none }
.main-nav a:hover{ color:#fff }
.menu-toggle{ display:none; background:none; border:1px solid rgba(255,255,255,.2); color:#fff; padding:.5rem .75rem; border-radius:.5rem }

.btn{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:.8rem 1rem; border-radius:.75rem; font-weight:700; text-decoration:none; border:1px solid transparent; box-shadow: var(--shadow) }
.btn-primary{ background:var(--primary); color:#03210E }
.btn-primary:hover{ background:var(--primary-600) }
.btn-outline{ background:transparent; color:#fff; border-color:rgba(255,255,255,.25) }
.btn-lg{ font-size:1.125rem; padding:1rem 1.25rem }
.cta{ margin-inline-start:.5rem }

.hero{ position:relative; padding:92px 0 88px }
.hero-bg{ position:absolute; inset:0; overflow:hidden; z-index:-1 }
.hero-bg img{ width:100%; height:100%; object-fit:cover; filter: saturate(0.85) contrast(1.05) brightness(.6) }
.hero .hero-inner{ display:grid; grid-template-columns: 1fr; gap:1.5rem }
.hero .hero-content{ max-width: 780px }
.hero h1{ font-size: clamp(1.9rem, 3vw, 3.2rem); margin:0 0 .5rem; line-height:1.2 }
.lead{ font-size: clamp(1.05rem, 1.6vw, 1.25rem); color:#D1D5DB; max-width:60ch }
.hero-bullets{ margin:1rem 0 1.2rem; padding:0; list-style:none; display:grid; gap:.5rem }
.hero-bullets li::before{ content:"•"; margin-inline: .5rem; color:var(--primary) }
.deadline{ margin:.75rem 0 0; color:#c5f2d5 }
.scroll-indicator{ display:inline-block; margin-top:1rem; color:#a7f3d0; text-decoration:none; font-size:1.2rem }
.tag{ display:inline-block; padding:.2rem .6rem; border-radius:.5rem; background:rgba(34,197,94,.15); color:#b8f7d2; border:1px solid rgba(34,197,94,.25) }

.section{ padding:60px 0 }
.section.alt{ background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.00)) }
.section h2{ margin:0; font-size: clamp(1.5rem, 2.2vw, 2rem) }
.section-head{ margin-bottom:1.25rem }

.cards{ display:grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap:1rem }
.card{ background: var(--card); border:1px solid rgba(255,255,255,0.10); padding:1rem; border-radius:1rem; box-shadow: var(--shadow) }
.card.gradient{ background: linear-gradient(160deg, rgba(34,197,94,.14), rgba(12,18,32,.75)); border:1px solid rgba(34,197,94,.25) }
.card h3{ margin-top:0 }
.checklist{ padding:0; margin:0; list-style:none; display:grid; gap:.25rem }
.checklist li::before{ content:"✓"; color:var(--primary); margin-inline:.4rem }

.note{ opacity:.95; margin-top:1rem }

.grid-2{ display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:2rem }

.timeline{ border-inline-start:2px solid rgba(255,255,255,.1); margin:1rem 0 2rem; padding-inline-start:1rem }
.time-item{ margin:1rem 0; position:relative }
.time-item::before{ content:""; position:absolute; inset-inline-start:-10px; top:.4rem; width:10px; height:10px; border-radius:999px; background:var(--primary) }
.time-title{ font-weight:800; color:#fff }
.time-body{ color:#D1D5DB }

.steps{ margin-top:2rem }
.steps ol{ padding-inline-start:1.2rem }
.steps li{ margin:.5rem 0 }
.apply-cta{ margin-top:1.25rem }

/* Masonry – שמירה על פרופורציות קבועות עם object-fit */
.masonry{ column-count: 3; column-gap: 12px }
.masonry-item{
  position: relative;
  display: block;
  width: 100%;
  height: clamp(180px, 28vw, 260px); /* גובה ריספונסיבי */
  margin: 0 0 12px;
  overflow: hidden;
  border-radius: .8rem;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: var(--shadow);
  cursor: zoom-in;
}
.masonry-item img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;          /* מכסה את המסגרת */
  object-position: center;    /* ממורכז */
  transform: scale(1.02);
  transition: transform .3s ease;
}
.masonry-item:hover img{ transform: scale(1.06) }
@media (max-width: 900px){ .masonry{ column-count: 2 } }
@media (max-width: 550px){ .masonry{ column-count: 1 } }

/* Lightbox */
.lightbox{
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.75);
  z-index: 1000;
}
.lightbox.is-open{ display: flex }

.lightbox__img{
  max-width: min(92vw, 1200px);
  max-height: 86vh;
  border-radius: .6rem;
  box-shadow: 0 30px 70px rgba(0,0,0,.5);
}

.lightbox__close,
.lightbox__prev,
.lightbox__next{
  position: absolute;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(17,24,39,.6);
  color: #fff;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  backdrop-filter: blur(4px);
}

.lightbox__close{ top: 20px; inset-inline-end: 20px }
.lightbox__prev{ inset-inline-start: 20px; top: 50%; transform: translateY(-50%) }
.lightbox__next{ inset-inline-end: 20px; top: 50%; transform: translateY(-50%) }

.lightbox__close:hover,
.lightbox__prev:hover,
.lightbox__next:hover{
  background: rgba(17,24,39,.85);
}


.contact-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap:1rem }
.contact-card{ background: var(--card); border:1px solid rgba(255,255,255,0.10); padding:1rem; border-radius:1rem }

.site-footer{ border-top:1px solid rgba(255,255,255,.06); background: rgba(11,18,32,.6) }
.footer-inner{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:16px 0 }

.floating-cta{
  position:fixed; inset-inline-end:1rem; bottom:1rem; z-index:60;
  background: var(--primary); color:#03210E; padding:.8rem 1rem; border-radius:999px; text-decoration:none; font-weight:800;
  box-shadow: var(--shadow);
}

@media (max-width: 900px){
  .menu-toggle{ display:inline-flex }
  .main-nav{ position:fixed; inset:64px 0 auto 0; background:rgba(11,18,32,.97); padding:1rem; border-bottom:1px solid rgba(255,255,255,.06); transform: translateY(-130%); transition:.25s ease; flex-direction:column; gap:1rem }
  .main-nav.open{ transform: translateY(0%) }
  .main-nav ul{ flex-direction:column; gap:.75rem }
}

:focus-visible{ outline:2px solid var(--primary); outline-offset:2px; box-shadow: 0 0 0 4px var(--ring) }

.contact-card.glass a {
    color: white;
}
/* Back-to-top */
.to-top{
  position: fixed;
  inset-inline-start: 1rem;  /* stays RTL/LTR-friendly */
  bottom: 1rem;
  z-index: 61;               /* above content, below lightbox */
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(17,24,39,.65);
  color: #fff;
  font-size: 18px;
  display: grid;
  place-items: center;
  cursor: pointer;
  backdrop-filter: blur(4px);
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .2s ease, transform .2s ease;
}

/* revealed state when [hidden] is removed */
.to-top.is-visible{
  opacity: 1;
  transform: translateY(0);
}

.to-top:hover{ background: rgba(17,24,39,.85) }

/* --- Credits: cleaner layout & sizing --- */
.credits{
  padding: 28px 0;
  background: transparent;                 /* בלי בלוק כהה */
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* שורה מרכזית, רווח נדיב, רספונסיבי */
.logo-grid{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 28px 56px;                          /* רווחים אופקיים גדולים יותר */
  text-align: center;
}

/* כרטיסון עדין (אפשר גם לבטל לגמרי רקע/מסגרת אם תרצה) */
.logo-item{
  margin: 0;
  padding: 10px 14px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  display: grid;
  justify-items: center;
  row-gap: 8px;
  min-width: 220px;                        /* שומר על “תיבה” מאוזנת */
}

/* גובה אחיד ללוגואים, שמירת יחס, ללא חיתוך */
.logo-item img{
  height: 180px;                            /* גובה חזותי אחיד */
  max-width: min(260px, 42vw);             /* לא לחרוג ברוחב */
  width: auto;
  object-fit: contain;
  object-position: center;
  display: block;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.35));
}

/* כיתוב קטן ומעודן */
.logo-caption{
  font-size: .9rem;
  color: var(--muted);
  line-height: 1.2;
}

/* לטיפול בלוגו כהה על רקע כהה: מוסיף מסגרת ו”מגביה” קונטרסט */
.logo-item.is-dark{
  background: rgba(17,24,39,.6);
  border-color: rgba(255,255,255,.14);
}

/* מסכים קטנים */
@media (max-width: 600px){
  .logo-grid{ gap: 20px 28px }
  .logo-item{ min-width: 180px; padding: 8px 10px }
  .logo-item img{ height: 62px; max-width: 70vw }
}