/* ============================================================
   מגביר לעמותות — שפה עיצובית מקורית: "חם, אנושי, אמין"
   ההפך הגמור מהנייבי הטכנולוגי: קרם חם, ירוק יער, ענבר דבש.
   נבנה מאפס. אפס רפרנסים חיצוניים.
   ============================================================ */
:root{
  --cream:#faf6ee;
  --cream2:#f3ecdd;
  --forest:#1b4d3e;
  --forest2:#0f3527;
  --honey:#e8a13d;
  --honey2:#f0b95f;
  --clay:#c96f4a;
  --ink:#22302b;
  --ink-soft:#51635b;
  --card:#ffffff;
  --line:#e5dcc8;
  --radius:26px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Assistant',sans-serif;background:var(--cream);color:var(--ink);line-height:1.7;overflow-x:hidden}
h1,h2,h3,.disp{font-family:'Frank Ruhl Libre',serif}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}

/* צורות אורגניות רכות ברקע */
.blob{position:fixed;z-index:-1;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none}
.blob.b1{width:520px;height:520px;background:#efe3c8;top:-180px;inset-inline-end:-120px}
.blob.b2{width:460px;height:460px;background:#dcead9;bottom:-160px;inset-inline-start:-140px}

/* ניווט */
header{position:sticky;top:0;background:rgba(250,246,238,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
.logo{display:flex;align-items:center;gap:.6rem;font-family:'Frank Ruhl Libre',serif;font-weight:900;font-size:1.45rem;color:var(--forest)}
.logo .tag{font-family:'Assistant',sans-serif;font-size:.72rem;font-weight:700;background:var(--forest);color:var(--cream);border-radius:999px;padding:.2rem .7rem}
.nav-links{display:flex;gap:1.6rem;font-size:.98rem;font-weight:600;color:var(--ink-soft)}
.nav-links a:hover{color:var(--forest)}
.btn{display:inline-block;background:var(--forest);color:#fff;font-weight:700;padding:.8rem 1.7rem;border-radius:999px;font-size:1.02rem;box-shadow:0 12px 28px -14px rgba(27,77,62,.55);transition:transform .18s,box-shadow .18s;border:none;cursor:pointer}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px -14px rgba(27,77,62,.6)}
.btn-honey{background:var(--honey);color:var(--forest2);box-shadow:0 12px 28px -14px rgba(232,161,61,.7)}
.btn-lg{padding:1.05rem 2.4rem;font-size:1.12rem}

/* Hero */
.hero{padding:88px 0 72px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.kicker{display:inline-block;background:var(--cream2);border:1px solid var(--line);color:var(--forest);font-weight:700;font-size:.9rem;border-radius:999px;padding:.45rem 1.2rem;margin-bottom:1.3rem}
h1{font-size:3.5rem;font-weight:900;line-height:1.14;color:var(--forest2)}
h1 em{font-style:normal;color:var(--clay)}
.hero .sub{font-size:1.3rem;color:var(--ink-soft);margin:1.4rem 0 2.1rem;max-width:34rem}
.hero .sub b{color:var(--ink)}
.trust-row{display:flex;gap:1.4rem;flex-wrap:wrap;margin-top:1.4rem;font-size:.95rem;font-weight:600;color:var(--ink-soft)}
.trust-row span::before{content:"✓ ";color:var(--forest);font-weight:900}

/* מוקאפ דף תרומה — המוצר שלנו, מצויר בקוד */
.mock{position:relative}
.mock-card{background:var(--card);border-radius:var(--radius);box-shadow:0 40px 90px -30px rgba(34,48,43,.35);padding:28px;max-width:400px;margin:0 auto;border:1px solid var(--line)}
.mock-cover{height:120px;border-radius:18px;background:linear-gradient(120deg,var(--forest) 0%,#2e6b52 60%,var(--honey) 130%);display:flex;align-items:flex-end;padding:14px}
.mock-cover b{color:#fff;font-size:1.15rem;font-family:'Frank Ruhl Libre',serif}
.mock-progress{margin:18px 0 6px;height:14px;border-radius:999px;background:var(--cream2);overflow:hidden}
.mock-progress i{display:block;height:100%;width:68%;border-radius:999px;background:linear-gradient(90deg,var(--honey),var(--clay))}
.mock-nums{display:flex;justify-content:space-between;font-size:.92rem;color:var(--ink-soft);font-weight:600}
.mock-nums b{color:var(--forest);font-size:1.05rem}
.mock-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.mock-amounts span{border:1.5px solid var(--line);border-radius:14px;text-align:center;padding:.7rem 0;font-weight:800;color:var(--forest)}
.mock-amounts span.hot{background:var(--forest);color:#fff;border-color:var(--forest)}
.mock-btn{display:block;text-align:center;background:var(--honey);color:var(--forest2);font-weight:800;border-radius:16px;padding:.95rem;font-size:1.1rem}
.mock-note{text-align:center;font-size:.8rem;color:var(--ink-soft);margin-top:10px}
.float-chip{position:absolute;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px -18px rgba(34,48,43,.3);padding:.65rem 1rem;font-size:.9rem;font-weight:700}
.float-chip.f1{top:6%;inset-inline-start:-4%}
.float-chip.f2{bottom:10%;inset-inline-end:-2%}

/* סקשנים */
section{padding:76px 0}
.sec-title{font-size:2.3rem;font-weight:900;color:var(--forest2);text-align:center;margin-bottom:.7rem}
.sec-sub{font-size:1.18rem;color:var(--ink-soft);text-align:center;max-width:44rem;margin:0 auto 2.6rem}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:920px){.cards{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 20px 44px -30px rgba(34,48,43,.25)}
.card .ico{width:52px;height:52px;border-radius:16px;background:var(--cream2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}
.card h3{font-size:1.3rem;color:var(--forest2);margin-bottom:.5rem}
.card p{font-size:1.05rem;color:var(--ink-soft)}
.band{background:var(--forest);border-radius:36px;color:var(--cream);padding:60px 40px;text-align:center}
.band h2{font-size:2.1rem;color:#fff;margin-bottom:.6rem}
.band p{font-size:1.15rem;color:#d7e5db;max-width:40rem;margin:0 auto 1.8rem}

/* שלבים */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;counter-reset:step}
.step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;position:relative}
.step::before{counter-increment:step;content:counter(step);position:absolute;top:-18px;inset-inline-start:22px;width:38px;height:38px;border-radius:50%;background:var(--honey);color:var(--forest2);font-weight:900;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-family:'Assistant',sans-serif}
.step h3{font-size:1.2rem;color:var(--forest2);margin:.6rem 0 .4rem}
.step p{font-size:1rem;color:var(--ink-soft)}

footer{border-top:1px solid var(--line);padding:34px 0;font-size:.95rem;color:var(--ink-soft)}
.foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center}

@media(max-width:920px){
  .hero-grid{grid-template-columns:1fr;gap:40px}
  h1{font-size:2.4rem}
  .nav-links{display:none}
  .float-chip{display:none}
}