
:root{--blue:#174b7a;--orange:#f28c28;--green:#5aa469;--bg:#f6f8fb;--text:#1f2933}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.7}
body.he{direction:rtl} body.en{direction:ltr}
header{background:white;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}
.nav{max-width:1100px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--blue);font-weight:700}
.brand img{height:54px;width:auto}
.links{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.links a{color:var(--blue);text-decoration:none;font-weight:600}
.lang a{background:var(--blue);color:white;padding:7px 11px;border-radius:999px;text-decoration:none;font-size:14px}
.hero{background:linear-gradient(135deg,#fff 0%,#eef7ff 60%,#fff3e2 100%);padding:62px 22px}
.wrap{max-width:1100px;margin:auto}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center}
body.he .hero-grid{direction:rtl}
h1{font-size:42px;line-height:1.2;color:var(--blue);margin:0 0 18px}
h2{color:var(--blue);font-size:30px;margin-top:0}
h3{color:var(--blue);margin-bottom:8px}
.lead{font-size:20px;max-width:760px}
.logo-card{background:white;border-radius:22px;padding:28px;box-shadow:0 14px 35px rgba(23,75,122,.12);text-align:center}
.logo-card img{max-width:100%}
.section{padding:44px 22px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:white;border-radius:18px;padding:22px;box-shadow:0 8px 25px rgba(0,0,0,.06);border:1px solid #eef0f3}
.badge{display:inline-block;background:#eaf5ee;color:#28643a;padding:7px 12px;border-radius:999px;font-weight:700;margin-bottom:12px}
.cta{display:inline-block;background:var(--orange);color:white;text-decoration:none;padding:12px 18px;border-radius:12px;font-weight:700;margin-top:10px}
.info{background:#fff;border-top:1px solid #e5e7eb}
.footer{background:#163b5c;color:white;padding:30px 22px;text-align:center}
.footer a{color:white}
.contact-list p{margin:9px 0}
@media(max-width:760px){.hero-grid,.grid{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column}h1{font-size:32px}.links{gap:10px}}
