:root{--navy:#16324f;--navy2:#1f4a6b;--gold:#c2972b;--ink:#243240;--soft:#5b6b7a;--bg:#f6f8fb;--card:#fff;--line:#e4ebf2}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Segoe UI",Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);direction:rtl;line-height:1.85}
a{color:#1d5fa8;text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1000px;margin:0 auto;padding:0 22px}
/* nav */
header.site{background:var(--navy);color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;max-width:1000px;margin:0 auto;flex-wrap:wrap;gap:10px}
.brand{font-size:20px;font-weight:bold;color:#fff}.brand small{display:block;font-size:12px;color:#a9c6e2;font-weight:normal}
.nav nav a{color:#dce8f3;margin-inline-start:18px;font-size:15px}.nav nav a:hover{color:#fff;text-decoration:none}
/* hero */
.hero{background:linear-gradient(135deg,#16324f,#22507c);color:#fff;padding:60px 0;text-align:center}
.hero h1{font-size:34px;margin-bottom:10px}.hero .lead{font-size:19px;color:#cfe0f0;max-width:640px;margin:0 auto 26px}
.btn{display:inline-block;background:var(--gold);color:#1a1206;font-weight:bold;padding:14px 34px;border-radius:8px;font-size:20px}
.btn:hover{background:#d8aa3a;text-decoration:none}
/* sections */
section.block{padding:46px 0;border-bottom:1px solid var(--line)}
h2{font-size:25px;color:var(--navy);margin-bottom:8px;position:relative;padding-bottom:10px}
h2:after{content:"";position:absolute;bottom:0;right:0;width:54px;height:3px;background:var(--gold)}
.sub{color:var(--soft);margin-bottom:24px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px}
.card h3{color:var(--navy);font-size:18px;margin-bottom:8px}
.stats{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;text-align:center}
.stat{flex:1;min-width:160px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}
.stat .n{font-size:34px;font-weight:bold;color:var(--gold)}.stat .l{color:var(--soft)}
.faq{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 22px;margin-bottom:12px}
.faq h3{color:var(--navy);font-size:17px;margin-bottom:6px}
.steps{counter-reset:s}.step{display:flex;gap:14px;margin-bottom:16px}
.step .num{flex:none;width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:bold}
footer.site{background:#11263b;color:#9fb6cc;padding:30px 0;font-size:14px;text-align:center}
.callbar{background:var(--gold);color:#1a1206;text-align:center;padding:12px;font-weight:bold;font-size:17px}
.brand{display:flex;align-items:center;gap:11px}
.brand .logo{height:42px;width:42px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.brand .bt{display:flex;flex-direction:column;line-height:1.25}

.nav nav a.donate{background:var(--gold);color:#1a1206;padding:6px 16px;border-radius:6px;font-weight:bold}
.nav nav a.donate:hover{background:#d8aa3a;color:#1a1206;text-decoration:none}
/* הגדלת בועת-הצ'אט של FreeScout (ברירת-מחדל 50x50) */
#fsw-btn{transform:scale(1.4)!important;transform-origin:bottom right!important}

/* ---- lang-i18n: LTR + language switcher ---- */
html[dir="ltr"] body{direction:ltr}
html[dir="ltr"] h2:after{right:auto;left:0}
.nav nav .langs{margin-inline-start:18px;border-inline-start:1px solid #2c5a85;padding-inline-start:14px}
.nav nav .langs a{margin-inline-start:8px;font-size:13px;color:#9fc3e8}
.nav nav .langs a.cur{color:#fff;font-weight:bold;text-decoration:underline}
#stats h2{text-align:center}
#stats h2:after{right:auto;left:50%;transform:translateX(-50%)}