
:root{
  --blue:#2563eb;
  --navy:#07111f;
  --ink:#101828;
  --muted:#667085;
  --line:#e7ebf0;
  --soft:#f6f8fb;
  --white:#ffffff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  color:var(--ink);
  background:#fff;
}
a{text-decoration:none;color:inherit}
.nav{
  position:fixed;
  top:0;left:0;right:0;
  height:78px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 6vw;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(231,235,240,.9);
  z-index:20;
}
.brand img{width:118px;height:58px;object-fit:contain}
nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}
nav a{color:#344054}
.nav-cta{background:var(--navy);color:#fff;padding:11px 18px;border-radius:999px}
.hero{
  position:relative;
  min-height:760px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:var(--navy);
}
.hero-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(3,11,24,.96) 0%,rgba(3,11,24,.78) 42%,rgba(3,11,24,.22) 75%,rgba(3,11,24,.08) 100%);
  z-index:1;
}
.hero-content{
  position:relative;
  z-index:2;
  width:min(720px,88vw);
  margin-left:7vw;
  padding-top:80px;
  color:#fff;
}
.eyebrow{
  display:inline-block;
  font-size:12px;
  font-weight:800;
  letter-spacing:.18em;
  color:#8fb4ff;
  margin-bottom:18px;
}
h1{
  font-size:clamp(46px,6vw,78px);
  line-height:1.02;
  letter-spacing:-.04em;
  margin:0 0 24px;
  max-width:900px;
}
.hero p{
  font-size:20px;
  line-height:1.65;
  color:#d7deea;
  max-width:680px;
}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.button{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:14px 22px;
  border-radius:10px;
  font-weight:700;
  transition:.2s ease;
}
.button:hover{transform:translateY(-2px)}
.primary{background:var(--blue);color:#fff}
.secondary{border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.06)}
.section{padding:96px 7vw}
.section-label{
  color:var(--blue);
  font-size:12px;
  font-weight:800;
  letter-spacing:.18em;
  margin-bottom:20px;
}
.split{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:80px;
  align-items:start;
}
h2{
  font-size:clamp(34px,4vw,54px);
  line-height:1.08;
  letter-spacing:-.035em;
  margin:0;
}
.split p,.services>h2+p{font-size:18px;line-height:1.75;color:var(--muted);margin:0}
.services{background:var(--soft)}
.services>h2{max-width:760px}
.cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:48px;
}
.cards article{
  background:#fff;
  border:1px solid var(--line);
  padding:28px;
  border-radius:18px;
  min-height:220px;
}
.icon{
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:12px;
  background:#eaf0ff;
  color:var(--blue);
  font-weight:800;
  margin-bottom:24px;
}
.cards h3{font-size:20px;margin:0 0 10px}
.cards p{color:var(--muted);line-height:1.65;margin:0}
.partnership{text-align:center}
.flow{
  margin:52px auto 0;
  max-width:1050px;
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  align-items:center;
  gap:20px;
}
.flow div{
  border:1px solid var(--line);
  border-radius:18px;
  padding:30px 22px;
  display:flex;
  flex-direction:column;
  gap:8px;
  background:#fff;
}
.flow .highlight{
  background:var(--navy);
  color:#fff;
  border-color:var(--navy);
}
.flow span{font-size:12px;font-weight:800;color:var(--blue)}
.flow strong{font-size:20px}
.flow small{color:var(--muted)}
.highlight small{color:#cfd7e6}
.flow b{font-size:28px;color:#98a2b3}
.israel{background:#fff}
.stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
}
.stats div{
  background:#fff;
  padding:34px 28px;
}
.stats strong{display:block;font-size:22px;margin-bottom:10px}
.stats span{color:var(--muted);line-height:1.55}
.cta{
  margin:0 7vw 90px;
  padding:54px;
  border-radius:24px;
  background:linear-gradient(120deg,#07111f,#0b2551);
  color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
}
.cta h2{font-size:clamp(30px,3.5vw,48px);max-width:760px}
.light{background:#fff;color:var(--navy);white-space:nowrap}
footer{
  border-top:1px solid var(--line);
  min-height:120px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:24px 7vw;
  color:var(--muted);
  font-size:14px;
}
footer img{width:105px;height:60px;object-fit:contain}
footer a{font-weight:700;color:var(--ink)}
@media (max-width:900px){
  nav a:not(.nav-cta){display:none}
  .hero{min-height:700px}
  .split,.cards,.stats{grid-template-columns:1fr}
  .flow{grid-template-columns:1fr}
  .flow b{transform:rotate(90deg)}
  .cta{flex-direction:column;align-items:flex-start}
}
