/* ===========================================================
   הדגמת דף נחיתה — "מרווה"
   עולם עיצובי נפרד לגמרי מהסטודיו: אור, שמנת ומרווה במקום חושך וכתום.
   כל המידות ב־cqw, כך שהדף נראה נכון בכל גודל חלון שהוא נמצא בתוכו.
   =========================================================== */

.lp{
  --lp-bg:#F2EDE5;
  --lp-ink:#232A25;
  --lp-muted:#6C7267;
  --lp-line:#D8D0C3;
  --lp-sage:#63735A;
  --lp-warm:#E8DFD1;

  position:absolute;inset:0;overflow:hidden;
  container-type:size;
  background:var(--lp-bg);color:var(--lp-ink);
  font-family:var(--sans);
  direction:rtl;
}
.lp-page{position:absolute;inset-inline:0;top:0;will-change:transform;backface-visibility:hidden}
.lp b,.lp h3,.lp h4{font-family:var(--display);font-weight:900;letter-spacing:-.01em}
.lp em{font-style:normal}
.lp p{margin:0}

/* ---------- מסך הפתיחה ---------- */
.lp-hero{position:relative;min-height:100cqh;padding:4.4cqw 6cqw 3.6cqw;
  display:flex;flex-direction:column;overflow:hidden}
.lp-light{
  position:absolute;inset-inline-start:-18cqw;top:-26cqh;width:86cqw;height:86cqw;
  border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,#FFFFFF 0%,rgba(255,255,255,.72) 34%,rgba(255,255,255,0) 70%);
}
.lp-arch{
  position:absolute;left:-4cqw;bottom:-10cqh;width:46cqw;height:auto;
  color:var(--lp-sage);pointer-events:none;
}
.lp-branch{
  position:absolute;left:5cqw;bottom:-3cqh;width:15cqw;height:auto;
  color:var(--lp-sage);opacity:.8;pointer-events:none;
}

.lp-nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:3cqw}
.lp-nav b{display:flex;align-items:baseline;gap:1.2cqw;font-size:3.2cqw;line-height:1}
.lp-nav b em{font-family:var(--sans);font-weight:600;font-size:1.15cqw;
  letter-spacing:.3em;color:var(--lp-muted)}
.lp-nav-links{display:flex;gap:2.4cqw;font-size:1.5cqw;color:var(--lp-muted)}
.lp-nav-links i{font-style:normal}
.lp-nav-cta{font-size:1.45cqw;font-weight:600;border:1px solid var(--lp-ink);
  border-radius:99px;padding:.8cqw 2.2cqw}

.lp-hero-copy{position:relative;margin-top:auto;max-width:62cqw}
.lp-eyebrow{font-family:var(--mono);font-size:1.35cqw;letter-spacing:.04em;color:var(--lp-sage);
  margin-bottom:1.8cqw}
.lp-hero h3{font-size:5.4cqw;line-height:1.0;font-weight:500}
.lp-hero h3 em{font-weight:900;color:var(--lp-sage)}
.lp-sub{margin-top:1.9cqw;font-size:1.65cqw;line-height:1.5;color:var(--lp-muted);max-width:40cqw}
.lp-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:2cqw;margin-top:2.4cqw}
.lp-btn{background:var(--lp-ink);color:#F7F4EE;font-weight:700;font-size:1.55cqw;
  border-radius:99px;padding:1.25cqw 3cqw}
.lp-btn-ghost{font-size:1.5cqw;font-weight:600;color:var(--lp-ink);
  border-bottom:1px solid var(--lp-sage);padding-bottom:.6cqw}
.lp-scroll{position:absolute;inset-inline-end:6cqw;bottom:3.4cqw;display:flex;align-items:center;
  gap:1cqw;font-family:var(--mono);font-size:1.2cqw;color:var(--lp-muted)}
.lp-scroll i{display:block;width:1px;height:6cqw;background:var(--lp-line)}

/* ---------- רצועות תוכן ---------- */
.lp-band{padding:9cqw 6cqw;border-top:1px solid var(--lp-line)}
.lp-band-alt{background:var(--lp-warm)}
.lp-label{font-family:var(--mono);font-size:1.25cqw;letter-spacing:.04em;color:var(--lp-sage);
  margin-bottom:2.6cqw}
.lp-band h4{font-size:4cqw;line-height:1.04;font-weight:500}
.lp-band h4 em{font-weight:900;color:var(--lp-sage)}
.lp-list{margin:5cqw 0 0;padding:0;list-style:none;border-top:1px solid var(--lp-line)}
.lp-list li{display:grid;grid-template-columns:26cqw minmax(0,1fr);gap:3cqw;align-items:baseline;
  padding:3cqw 0;border-bottom:1px solid var(--lp-line)}
.lp-list b{font-size:2cqw;font-weight:900}
.lp-list span{font-size:1.55cqw;color:var(--lp-muted);line-height:1.5}

.lp-steps{margin:5cqw 0 0;padding:0;list-style:none;display:grid;gap:3cqw;
  grid-template-columns:repeat(3,minmax(0,1fr))}
.lp-steps li{display:grid;gap:1cqw;padding-top:2.4cqw;border-top:1px solid var(--lp-line)}
.lp-steps b{font-family:var(--mono);font-weight:400;font-size:1.25cqw;color:var(--lp-sage)}
.lp-steps span{font-family:var(--display);font-weight:900;font-size:2.2cqw}
.lp-steps i{font-style:normal;font-size:1.45cqw;color:var(--lp-muted);line-height:1.5}

/* ---------- ציטוט ---------- */
.lp-quote{padding:11cqw 6cqw;background:var(--lp-ink);color:#EFEAE1;text-align:center}
.lp-quote p{font-family:var(--display);font-weight:500;font-size:3.4cqw;line-height:1.18}
.lp-quote em{font-weight:900;color:#AFC09E}
.lp-quote-by{display:block;margin-top:2.4cqw;font-family:var(--mono);font-size:1.2cqw;
  letter-spacing:.04em;color:rgba(239,234,225,.6)}

/* ---------- הפנייה ---------- */
.lp-end{position:relative;padding:10cqw 6cqw 6cqw;overflow:hidden;border-top:1px solid var(--lp-line)}
.lp-light-end{inset-inline-start:auto;inset-inline-end:-24cqw;top:-30cqh;width:76cqw;height:76cqw}
.lp-end h4{position:relative;font-size:5.2cqw;line-height:1.0;font-weight:500}
.lp-end h4 em{font-weight:900;color:var(--lp-sage)}
.lp-end .lp-sub{position:relative;margin-top:2.4cqw}
.lp-form{position:relative;display:flex;flex-wrap:wrap;gap:2cqw;margin-top:4.6cqw;align-items:center}
.lp-field{flex:1 1 22cqw;min-width:20cqw;border:1px solid var(--lp-line);background:#FBF9F5;
  border-radius:1.2cqw;padding:1.5cqw 2.2cqw;font-size:1.5cqw;color:var(--lp-muted)}
.lp-btn-wide{flex:0 0 auto;padding:1.55cqw 4cqw}
.lp-fineprint{position:relative;margin-top:6cqw;padding-top:3cqw;border-top:1px solid var(--lp-line);
  font-size:1.25cqw;color:var(--lp-muted)}

/* ===========================================================
   כשהחלון עצמו צר — לדף הנחיתה יש פריסת נייד משלו.
   container query, כי מה שקובע הוא רוחב החלון ולא רוחב המסך.
   =========================================================== */
@container (max-width: 560px){
  .lp-hero{padding:5.4cqw 6cqw 5cqw}
  .lp-nav b{font-size:5.4cqw}
  .lp-nav b em{font-size:1.9cqw}
  .lp-nav-links{display:none}
  .lp-nav-cta{font-size:2.5cqw;padding:1.4cqw 3.2cqw}
  .lp-eyebrow{font-size:2.3cqw;margin-bottom:2.6cqw}
  .lp-hero h3{font-size:9cqw}
  .lp-hero-copy{max-width:none}
  .lp-sub{font-size:3cqw;max-width:none;margin-top:3cqw}
  .lp-cta-row{margin-top:4.4cqw;gap:3cqw}
  .lp-btn{font-size:2.8cqw;padding:2.2cqw 5cqw}
  .lp-btn-ghost{font-size:2.7cqw}
  .lp-scroll{font-size:2.1cqw}
  .lp-arch{width:62cqw;left:-10cqw}
  .lp-branch{width:20cqw;left:4cqw}

  .lp-band{padding:11cqw 6cqw}
  .lp-label{font-size:2.2cqw;margin-bottom:3.4cqw}
  .lp-band h4{font-size:6.8cqw}
  .lp-list li{grid-template-columns:minmax(0,1fr);gap:1cqw;padding:4cqw 0}
  .lp-list b{font-size:3.6cqw}
  .lp-list span{font-size:2.8cqw}
  .lp-steps{grid-template-columns:minmax(0,1fr);gap:4cqw}
  .lp-steps b{font-size:2.2cqw}
  .lp-steps span{font-size:4cqw}
  .lp-steps i{font-size:2.8cqw}

  .lp-quote{padding:13cqw 6cqw}
  .lp-quote p{font-size:5.6cqw}
  .lp-quote-by{font-size:2.1cqw}

  .lp-end{padding:12cqw 6cqw 8cqw}
  .lp-end h4{font-size:8.4cqw}
  .lp-form{gap:3cqw;margin-top:6cqw}
  .lp-field{flex:1 1 100%;min-width:0;font-size:2.8cqw;padding:3cqw 3.6cqw;border-radius:2cqw}
  .lp-btn-wide{flex:1 1 100%;text-align:center;padding:3.2cqw}
  .lp-fineprint{font-size:2.2cqw;margin-top:8cqw}
}

/* ===========================================================
   נייד (≤760px בלבד, מוגדר ב-site.css): מציגים רק את lp-hero,
   קפוא — בלי אנימציה, בלי גלילה פנימית, בלי מה שמתחתיו.
   הרוחב כבר מוגבל שם; כאן רק מסתירים את שאר סקשני ההדגמה.
   =========================================================== */
@media (max-width:760px){
  .lp-scroll{display:none}
  .lp-band, .lp-quote, .lp-end{display:none}
}