/* ==========================================================================
   הקול הפנימי — דף הנחיתה
   נטען יחד עם style.css ומשתמש באותם משתני צבע, ולכן עוקב אחר ערכת
   הצבעים (בהיר/כהה) בלי כפילות. האיורים נושאים צבע משלהם — לילה
   וזהב, כמו בחומרי הפרסום — ולכן נראים זהה בשתי הערכות.
   ========================================================================== */

/* בדף הבית התוכן פרוס לרוחב המסך; הריפוד של main שייך למסכי השאלון. */
.is-landing main{padding:0}

.landing{--gold:#D9B45F;--night:#1A1636}
.ld-sec{padding:clamp(52px,8vw,104px) clamp(16px,4vw,40px)}
.ld-in{max-width:1100px;margin:0 auto}
.ld-narrow{max-width:720px}

.ld-split{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,64px);align-items:center}
.ld-split-rev{grid-template-columns:.9fr 1.1fr}
@media (max-width:860px){
  .ld-split,.ld-split-rev{grid-template-columns:1fr}
  .ld-split .ld-art{order:-1}
}

.ld-copy{display:flex;flex-direction:column;gap:18px}
.ld-copy h2{font-size:clamp(26px,4vw,38px)}
.ld-copy h3{font-size:clamp(21px,3vw,27px)}
.ld-lede{font-size:clamp(16.5px,2vw,18.5px);color:var(--ink-2);line-height:1.8;max-width:var(--measure)}
.ld-strong{font-size:18px;font-weight:700;color:var(--ink)}
.ld-accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.ld-note{font-size:15.5px;color:var(--ink-2);line-height:1.75;max-width:var(--measure)}
.ld-fine{font-size:12.5px;color:var(--ink-3);line-height:1.65;max-width:56ch;margin-inline:auto}

/* ---------- איורים ---------- */
.ld-art{margin:0;position:relative}
.ld-art img{
  display:block;width:100%;height:auto;border-radius:var(--r-lg);
  box-shadow:var(--shadow-lg);border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);
  background:var(--night);
}
.ld-art::after{
  content:"";position:absolute;inset:14px -10px -14px 10px;z-index:-1;border-radius:var(--r-lg);
  background:linear-gradient(135deg,var(--sky-soft),var(--violet-soft));opacity:.9;
}

/* ---------- פתיח ---------- */
.ld-hero{
  padding-top:clamp(36px,6vw,80px);
  background:
    radial-gradient(60% 50% at 85% 0%,color-mix(in srgb,var(--violet-soft) 85%,transparent) 0%,transparent 70%),
    radial-gradient(50% 45% at 0% 100%,color-mix(in srgb,var(--sky-soft) 85%,transparent) 0%,transparent 70%);
}
.ld-hero h1{font-size:clamp(32px,5.2vw,54px);letter-spacing:-.03em;line-height:1.2}
.ld-hero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ld-cta{display:flex;flex-direction:column;gap:12px;align-items:flex-start;margin-top:6px}
@media (max-width:520px){.ld-cta .btn{width:100%}}

/* השאלות שכואבות — כל שורה עם סימון זהב קטן, בלי מספור ובלי תבליט */
.ld-q{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.ld-q li{
  position:relative;padding-inline-start:22px;font-size:clamp(16px,2vw,18.5px);
  line-height:1.6;color:var(--ink);font-weight:500;
}
.ld-q li::before{
  content:"";position:absolute;inset-inline-start:0;top:.62em;width:10px;height:10px;
  border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 22%,transparent);
}
.ld-q-sm li{font-size:16px;color:var(--ink-2);font-weight:400}
.ld-q-sm li::before{width:8px;height:8px;top:.6em}

/* ---------- מה שקורה בפנים ---------- */
.ld-inside{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ld-inside .ld-in{display:flex;flex-direction:column;gap:26px}
.ld-inside h2{font-size:clamp(26px,4vw,38px);text-align:center}
.ld-maybe{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ld-maybe li{
  padding:16px 20px;border-radius:var(--r);background:var(--mist);border:1px solid var(--line);
  font-size:16.5px;line-height:1.65;color:var(--ink);
  border-inline-start:3px solid var(--violet);
}
.ld-truth{
  margin-top:8px;padding:clamp(22px,4vw,34px);border-radius:var(--r-lg);
  background:linear-gradient(135deg,var(--sky-soft),var(--violet-soft));border:1px solid var(--line);
  display:flex;flex-direction:column;gap:12px;font-size:16.5px;line-height:1.8;color:var(--ink-2);
}

/* ---------- ארבע המפות ---------- */
.ld-head{text-align:center;display:flex;flex-direction:column;gap:10px;margin-bottom:clamp(36px,6vw,64px)}
.ld-head h2{font-size:clamp(28px,4.4vw,42px)}
.ld-map{
  display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,5vw,56px);align-items:start;
  padding:clamp(24px,4vw,40px);border-radius:var(--r-lg);
  background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-md);
}
.ld-map + .ld-map{margin-top:clamp(28px,4vw,44px)}
.ld-map:nth-child(odd) .ld-art{order:1}
.ld-map .ld-art{position:sticky;top:88px}
.ld-map .ld-art::after{display:none}
@media (max-width:860px){
  .ld-map{grid-template-columns:1fr}
  .ld-map .ld-art,.ld-map:nth-child(odd) .ld-art{order:-1;position:static}
}
.ld-kicker{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--violet)}
.ld-reveal-title{font-weight:700;color:var(--ink);margin-top:4px}
.ld-reveal{list-style:none;margin:-8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.ld-reveal li{
  position:relative;padding-inline-start:26px;font-size:15.5px;line-height:1.6;color:var(--ink-2);
}
.ld-reveal li::before{
  content:"";position:absolute;inset-inline-start:0;top:.42em;width:15px;height:15px;border-radius:5px;
  background:var(--grad);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 6 9 17l-5-5' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/12px no-repeat,linear-gradient(#000,#000);
  -webkit-mask-composite:xor;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 6 9 17l-5-5' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/12px no-repeat,linear-gradient(#000,#000);
  mask-composite:exclude;
}
.ld-map .btn{align-self:flex-start;margin-top:6px}
@media (max-width:520px){.ld-map .btn{align-self:stretch}}

/* ---------- מה תקבל ---------- */
.ld-get{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ld-not{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ld-not li{font-size:18px;font-weight:600;color:var(--ink-3);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--violet) 55%,transparent);text-decoration-thickness:2px}

/* ---------- לא צריך להישאר ---------- */
.ld-can{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.ld-can li{
  position:relative;padding-inline-start:24px;font-size:17px;line-height:1.6;color:var(--ink);font-weight:500;
}
.ld-can li::before{
  content:"";position:absolute;inset-inline-start:0;top:.75em;width:12px;height:2.5px;border-radius:2px;
  background:var(--grad);
}

/* ---------- קריאה אחרונה ---------- */
.ld-final{
  text-align:center;
  background:
    radial-gradient(50% 60% at 50% 100%,color-mix(in srgb,var(--violet-soft) 90%,transparent) 0%,transparent 70%);
  border-top:1px solid var(--line);
}
.ld-final .ld-in{display:flex;flex-direction:column;align-items:center;gap:20px}
.ld-final h2{font-size:clamp(28px,4.4vw,42px)}
.ld-final .muted{font-size:14.5px}
.ld-final .ld-fine{margin-top:18px}
@media (max-width:520px){.ld-final .btn-lg{width:100%}}

/* ---------- חלון "צעד ראשון" ---------- */
.ld-dlg{
  border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(24px,4vw,36px);
  width:min(92vw,520px);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-lg);
  text-align:right;
}
.ld-dlg::backdrop{background:rgba(20,14,40,.55);backdrop-filter:blur(3px)}
.ld-dlg h3{font-size:clamp(21px,3vw,26px);margin:8px 0 12px}
.ld-dlg-p{font-size:15.5px;line-height:1.75;color:var(--ink-2)}
.ld-dlg-actions{display:flex;flex-direction:column;gap:10px;margin-top:22px}
.ld-dlg-actions .btn{width:100%;text-decoration:none}
.ld-dlg-admin{margin-top:16px;text-align:center}
.ld-dlg-x{
  position:absolute;top:12px;inset-inline-end:14px;width:36px;height:36px;border-radius:50%;
  border:1px solid var(--line);background:var(--mist);font-size:22px;line-height:1;cursor:pointer;color:var(--ink-3);
}
.ld-dlg-x:hover{color:var(--violet);border-color:var(--violet)}

/* פס ההמשך והודעת ההזמנה מוזרקים מ-app.js מעל הפתיח */
.ld-bars{max-width:1100px;margin:0 auto;padding:20px clamp(16px,4vw,40px) 0}
.ld-bars:empty{display:none}
.ld-bars .resume-bar,.ld-bars .note{margin-inline:0;max-width:none}
.ld-bars .note{margin-bottom:0}

/* ---------- תמונות הרב ---------- */
.ld-hero .ld-split{grid-template-columns:1fr 1.05fr}
@media (max-width:860px){.ld-hero .ld-split{grid-template-columns:1fr}}
.ld-art-wide{max-width:960px;margin:6px auto 10px}
.ld-art-wide::after{display:none}
.ld-art-wide img{border-color:color-mix(in srgb,var(--gold) 55%,transparent)}

/* ---------- איך זה עובד ---------- */
.ld-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:none}
@media (max-width:760px){.ld-steps{grid-template-columns:1fr}}
.ld-steps li{
  display:flex;flex-direction:column;gap:8px;padding:24px 22px;border-radius:var(--r-lg);
  background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm);
}
.ld-steps b{font-size:17px}
.ld-steps span:last-child{font-size:15px;color:var(--ink-2);line-height:1.65}
.ld-step-n{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:var(--grad);color:#fff;font-weight:700;font-size:16px;margin-bottom:4px;
}

/* ---------- שאלות ---------- */
.ld-faq{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ld-faq .ld-head{margin-bottom:22px}
.ld-q-item{border-bottom:1px solid var(--line);padding:6px 0}
.ld-q-item summary{
  cursor:pointer;list-style:none;padding:12px 30px 12px 0;position:relative;
  font-weight:600;font-size:16.5px;color:var(--ink);
}
.ld-q-item summary::-webkit-details-marker{display:none}
.ld-q-item summary::before{
  content:"+";position:absolute;inset-inline-start:2px;top:9px;width:22px;height:22px;
  border-radius:50%;display:grid;place-items:center;font-size:18px;line-height:1;
  background:var(--violet-soft);color:var(--violet);transition:transform .25s var(--ease);
}
.ld-q-item[open] summary::before{transform:rotate(45deg)}
.ld-q-item p{padding:0 30px 14px 0;font-size:15.5px;line-height:1.75;color:var(--ink-2);max-width:var(--measure)}
.ld-q-item a{color:var(--violet)}

/* ---------- טופס הפרטים בחלון ---------- */
.ld-dlg form .btn-lg{width:100%}
.ld-dlg .grid-2{gap:14px}
.ld-dlg-links{margin-top:18px;text-align:center;font-size:14px}
.ld-dlg .inter{padding:10px 0 0}
.ld-dlg .inter h3{margin:0}

/* ---------- כפתור צמוד בנייד ---------- */
.ld-sticky{display:none}
@media (max-width:860px){
  .ld-sticky{
    display:block;position:fixed;inset-inline:0;bottom:0;z-index:50;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom));
    background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(12px);
    border-top:1px solid var(--line);
  }
  .ld-sticky[hidden]{display:none}
  .ld-sticky .btn{width:100%}
  .is-landing .foot{padding-bottom:96px}
}
/* [hidden] גובר על display של .inter ושל הכפתור הצמוד */
.ld-dlg [hidden],.ld-sticky[hidden]{display:none!important}