/* דף נחיתה · קמפיין החנויות (7.10.2026)
   יושב מעל site.css ויורש ממנו את כל השפה: פלטה, שני הפונטים, הסולם, הכפתורים, הלפטופ ורצועת הסרטונים.
   מקור הערכים: אתר המותג שאושר (סולם הטיפוגרפיה ו--sec), ומעליו roei-overrides סעיף 8 (שוליים 40 בדסקטופ, 20 בנייד, תוכן עד 1680).
   מה שונה מאתר המותג: אין מסך טעינה, אין תפריט, אין דהיית מסכה על הפורטרט (הוא נחתך בקצה המסך), ופוטר רגיל ולא נחשף. */

:root{--gm:40px}
@media (max-width:600px){:root{--gm:20px}}

/* ===== כותרת: לוגו וכפתור אחד ===== */
.lp-hd .logo{display:grid}
.lp-hd .logo img{width:100%;height:auto}
.lp-hd .hd-cta .pill{min-height:44px}

/* ===== פתיחה ===== */
.lp .hero{--hero-top:128px;row-gap:32px}
.lp .hero h1{max-width:none}
.lp .hero .sub{font-size:var(--fs-body);line-height:1.55;max-width:46ch;color:var(--grey)}
.lp .hero .stats{margin-top:20px}

/* ===== חנויות שבניתי ===== */
.st-row{grid-template-columns:5ch minmax(0,1fr) minmax(0,22ch);align-items:start;column-gap:24px}
.st-body{display:grid;gap:6px;min-width:0}
.st-what{font-size:15px;color:var(--grey)}
.st-body p:last-child{max-width:52ch;color:var(--ink-2)}
.st-res{align-self:center;font-family:var(--body);font-weight:500;font-size:var(--fs-lead);line-height:1.35;color:var(--accent);text-align:start}
.pl.hovering .st-row .st-body p,.pl.hovering .st-row .st-res{opacity:.45;transition:opacity .3s}
.pl.hovering .st-row.on .st-body p,.pl.hovering .st-row.on .st-res{opacity:1}

/* ===== אם אתה מזהה את עצמך ===== */
/* רפרנס avrahamleshem.com (7.10.2026): כותרת ממורכזת, שלוש עמודות עם אייקון, כותרת בסגול וגוף; העמודה האמצעית יורדת מדרגה */
.pain-h{grid-column:1/-1;margin-bottom:48px;text-align:center}
.pain-h .line>span{text-align:center}
.pain-h .pain-q{font-weight:300;color:var(--ink-2)}
.pain-cols{grid-column:1/-1;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:56px;max-width:1280px;margin-inline:auto;width:100%}
.pain-cols li{display:grid;justify-items:center;text-align:center;align-content:start;gap:16px}
.pain-cols li:nth-child(2){margin-top:72px}
.pain-ic{width:64px;height:64px;margin-bottom:8px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pain-ic .ac{stroke:var(--accent)}
.pain-cols h3{color:var(--accent);max-width:18ch;text-wrap:balance}
/* כותרות העמודות בגודל של הרפרנס (רועי 7.10): כחצי מכותרת האזור — 32 במחשב, 24 בטלפון */
.lp .pain-cols h3{font-size:clamp(24px,2.22vw,32px);line-height:1.15}
/* תנועת האייקונים: הקווים נכתבים כשהעמודה נכנסת, ואז הפרט הסגול חי בלופ שקט */
.pain-ic path,.pain-ic circle{stroke-dasharray:1;stroke-dashoffset:1}
.pain-cols li.in .pain-ic path,.pain-cols li.in .pain-ic circle{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s var(--ease-out) .15s}
.pain-cols li.in .pain-ic .ac{transition-delay:.7s}
.pain-ic g{transform-box:fill-box;transform-origin:center}
.pain-cols li.in .ic-cart .mv{animation:ic-drop 2.6s 1.6s ease-in-out infinite}
@keyframes ic-drop{0%,55%,100%{transform:none;opacity:1}30%{transform:translateY(5px);opacity:.35}}
.pain-cols li.in .ic-mega .w1,.pain-cols li.in .ic-mega .w2{animation:ic-wave 2.2s 1.8s ease-in-out infinite}
.pain-cols li.in .ic-mega .w2{animation-delay:2.05s}
@keyframes ic-wave{0%,100%{opacity:1}50%{opacity:.15}}
.pain-cols li.in .ic-link .ha{animation:ic-pull-a 3s 1.8s ease-in-out infinite}
.pain-cols li.in .ic-link .hb{animation:ic-pull-b 3s 1.8s ease-in-out infinite}
.pain-cols li.in .ic-link .mv{animation:ic-blink 3s 1.8s ease-in-out infinite}
@keyframes ic-pull-a{0%,60%,100%{transform:none}25%,40%{transform:translate(2.5px,-2.5px)}}
@keyframes ic-pull-b{0%,60%,100%{transform:none}25%,40%{transform:translate(-2.5px,2.5px)}}
@keyframes ic-blink{0%,60%,100%{opacity:1;transform:none}25%,40%{opacity:.4;transform:scale(.8)}}
@media (prefers-reduced-motion:reduce){.pain-ic path,.pain-ic circle{stroke-dashoffset:0}.pain-ic g,.pain-ic path{animation:none!important}}
.pain-cols p{color:var(--ink-2);max-width:34ch;text-wrap:pretty}
@media (max-width:900px){
  .pain-cols{grid-template-columns:minmax(0,1fr);row-gap:48px}
  .pain-cols li:nth-child(2){margin-top:0}
}

/* הסיום של אזור הכאבים (רועי 7.10: "תוריד את הכדור ותהפוך הכל לאיזור אחד"): בלי מסך משלו ובלי צורה, כמו השורה והכפתור בסוף האזור אצל אברהם.
   72 מעל הסיום (נושא חדש בתוך האזור), והכותרת בגודל כותרות העמודות כדי שכותרת האזור תישאר הגדולה */
.pain-end{margin-top:72px}
.lp .pain-end .alone-in h2{font-size:clamp(24px,2.22vw,32px);line-height:1.15}
.pain-end .alone-in h2 .line>span{text-align:center}
@media (max-width:767px){.pain-end{margin-top:48px}}

/* מסך כמעט ריק למשפט אחד */
.alone{position:relative;min-height:84svh;align-content:center;padding-block:var(--sec)}
.alone-in{grid-column:1/-1;display:grid;justify-items:center;text-align:center;gap:24px}
.alone-in h2{font-size:var(--fs-h2)}
.alone-in p{font-size:var(--fs-lead);line-height:1.4;max-width:36ch;margin-inline:auto;color:var(--grey)}
.alone-shp{position:absolute;inset-inline-end:var(--pad-x);top:18%;width:clamp(84px,10vw,170px);aspect-ratio:1;pointer-events:none}
.alone-but .alone-shp{inset-inline-end:auto;inset-inline-start:var(--pad-x);top:auto;bottom:16%}
.alone-in .but{font-family:var(--head);font-weight:700;font-size:clamp(72px,12vw,220px);line-height:1}
.but .line{display:block;overflow:hidden}

/* ===== מחשבון ===== */
.calc-grid{align-items:start;row-gap:48px}
.calc-copy{grid-column:1/6;display:grid;gap:18px;min-width:0}
.calc-copy h2{margin-bottom:6px}
.calc-q{font-size:clamp(22px,2.2vw,36px);font-weight:500;line-height:1.3;max-width:20ch}
.calc-copy p:not(.calc-q){font-size:var(--fs-lead);line-height:1.4;max-width:34ch;color:var(--grey)}
.calc-card{grid-column:7/13;position:relative;display:grid;gap:26px;padding:40px;background:var(--bg-2);border:1px solid var(--line)}
.calc-shp{position:absolute;top:-56px;inset-inline-start:-48px;width:clamp(84px,8vw,130px);aspect-ratio:1;pointer-events:none}
.cc-field{display:grid;gap:12px}
.cc-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.cc-top label{font-size:16px;color:var(--ink)}
.cc-top output{font-family:var(--head);font-weight:700;font-size:28px;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.cc-field input[type=range]{width:100%;height:44px;margin:0;background:transparent;accent-color:var(--accent);cursor:pointer;direction:rtl}
.cc-up{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:16px;color:var(--grey)}
.cc-chip{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink);font-size:15px;font-weight:500;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.cc-chip.on{background:var(--accent);border-color:var(--accent);color:#fff}
@media (hover:hover){.cc-chip:not(.on):hover{background:rgba(240,233,221,.08);border-color:var(--ink)}}
.cc-res{display:grid;gap:8px;padding-top:24px;border-top:1px solid var(--line)}
.cc-now,.cc-more{font-size:var(--fs-body);color:var(--grey)}
.cc-big{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin-top:6px}
.cc-big b{font-family:var(--head);font-weight:700;font-size:var(--fs-h2);line-height:.95;font-variant-numeric:tabular-nums;color:var(--ink)}
.cc-big span{font-size:var(--fs-lead);color:var(--ink)}
.cc-year{font-size:var(--fs-lead);line-height:1.4;color:var(--grey)}
.cc-year b{font-weight:700;color:var(--ink)}
.cc-note{font-size:13px;line-height:1.5;color:var(--grey);max-width:56ch}

/* ===== מה מקבלים ===== */
.packs-top{align-items:end;row-gap:16px;margin-bottom:48px}
.packs-top h2{grid-column:1/8}
.packs-top p{grid-column:9/13;font-size:var(--fs-lead);line-height:1.4;color:var(--grey);max-width:30ch}
.pk-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gg);align-items:stretch}
.pk{position:relative;display:flex;flex-direction:column;gap:14px;padding:36px 32px 40px;background:var(--bg-2);border:1px solid var(--line)}
.pk h3{font-size:var(--fs-h3)}
.pk-for{font-size:var(--fs-lead);line-height:1.35;color:var(--ink)}
.pk p:last-child{color:var(--grey)}
.pk-feat{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.pk-rib{position:absolute;top:-15px;inset-inline-start:32px;display:inline-flex;align-items:center;min-height:30px;padding:0 14px;border-radius:999px;background:var(--accent);color:#fff;font-size:13px;font-weight:500}

.wk{margin-top:96px;row-gap:28px}
.wk-h{grid-column:1/-1;font-size:var(--fs-h3)}
.wk-track{grid-column:1/-1;position:relative;height:1px;background:var(--line)}
.wk-track i{position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:100% 50%}
.wk-list{grid-column:1/-1;list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gg)}
.wk-list li{display:grid;align-content:start;gap:10px;min-width:0}
.wk-list b{font-family:var(--head);font-weight:700;font-size:clamp(28px,3vw,52px);line-height:1;color:var(--accent)}
.wk-list p{max-width:26ch;color:var(--ink-2)}
.wk-note{grid-column:1/-1;font-size:15px;color:var(--grey)}
.wk-cta{grid-column:1/-1}

/* ===== בונוסים ===== */
.bonus-h{grid-column:1/11;margin-bottom:48px}
.bn-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gg)}
.bn{display:grid;align-content:start;gap:12px;padding-top:28px;border-top:1px solid var(--line);min-width:0}
.bn-shp{display:block;width:clamp(64px,5vw,88px);aspect-ratio:1;margin-bottom:6px}
.bn h3{font-size:var(--fs-h3)}
.bn p{max-width:30ch;font-size:var(--fs-lead);line-height:1.4;color:var(--grey)}

/* ===== מי אני ===== */
.about-lp{align-items:center;row-gap:32px}
.ab-photo{grid-column:1/6;margin:0;overflow:hidden;background:var(--bg-3)}
.ab-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.ab-text{grid-column:7/13;display:grid;gap:20px;min-width:0}
.ab-text p{font-size:var(--fs-lead);line-height:1.4;max-width:36ch;color:var(--grey)}
.ab-text p.strong,.diy-copy p.strong{font-size:clamp(22px,2.2vw,36px);font-weight:500;line-height:1.3;color:var(--ink);max-width:24ch}

/* ===== לקוחות: התוויות בעברית ===== */
.people-top{margin-bottom:8px}
.people h2{grid-column:1/9}
.vt-biz{font-size:14px;color:var(--grey)}

/* ===== ואם חשבת לבנות לבד ===== */
.diy-top,.diy-end{align-items:start;row-gap:28px}
.diy-top h2,.diy-end h2{grid-column:1/7}
.diy-copy{grid-column:8/13;display:grid;gap:20px;align-self:end;min-width:0}
.diy-copy p{font-size:var(--fs-lead);line-height:1.4;max-width:36ch;color:var(--grey)}
.diy-end{padding-bottom:var(--sec)}

/* ===== טופס ===== */
.lp .contact{min-height:auto}
.lp .contact h2{max-width:none}
.lp .contact .lead{max-width:36ch;color:var(--grey)}
.ff-field input[dir=ltr]{text-align:left}

/* ===== פוטר ===== */
.lp-foot{display:grid;gap:28px;padding:56px var(--pad-x) 32px;background:var(--light);color:var(--light-ink)}
.lp-foot-logo{width:min(100%,520px);height:auto}

/* ===== כפתור קבוע בנייד ===== */
.mcta{display:none}

/* ===== רספונסיב ===== */
@media (max-width:1100px){
  .calc-copy{grid-column:1/-1}.calc-card{grid-column:1/-1}
  .packs-top h2{grid-column:1/-1}.packs-top p{grid-column:1/-1}
  .diy-top h2,.diy-end h2,.diy-copy{grid-column:1/-1}
}
@media (max-width:900px){
  .lp .hero{--hero-top:104px}
  .lp-hd .hd-cta{display:none}
  .st-row{grid-template-columns:4ch minmax(0,1fr)}
  .st-res{grid-column:2;align-self:start;font-size:var(--fs-body)}
  .pain-h,.bonus-h{grid-column:1/-1}
  .pk-row{grid-template-columns:minmax(0,1fr);row-gap:28px}
  .wk-list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .bn-row{grid-template-columns:minmax(0,1fr);row-gap:8px}
  .ab-photo{grid-column:1/-1}.ab-text{grid-column:1/-1}
  .people h2{grid-column:1/-1}
  .calc-card{padding:32px 22px}
  .calc-shp{top:-44px;inset-inline-start:-6px;width:84px}
  .alone{min-height:72svh}
  .mcta{display:block;position:fixed;inset-inline:0;bottom:0;z-index:70;padding:12px var(--gm) calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,var(--bg) 35%);transform:translateY(110%);transition:transform .45s var(--ease-out)}
  .mcta.show{transform:none}
  .mcta .pill{width:100%;justify-content:center;min-height:52px;font-size:16px}
  .lp-foot{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:600px){
  .wk-list{grid-template-columns:minmax(0,1fr)}
  .cc-top{flex-wrap:wrap}
  .lp .hero .ctas .pill{white-space:normal;text-align:center}
  .lp .stats{gap:16px}
}
@media (prefers-reduced-motion:reduce){
  .mcta{transition:none}
}

/* ===== פונט הכותרות: פלוני יד (ננעל 7.10.2026, רועי) =====
   כותרות בפלוני יד, טקסט בפלוני — אותה משפחה, ולכן הדף נשאר עם שני פונטים.
   המספרים נשארים בפלוני מודפס בולד, כדי שיקראו כמו עובדות.
   פלוני יד ברוחב רגיל, לכן הסולם חוזר לסולם הרפרנס (סולם אלמוני צר חלקי 1.3). */
@font-face{font-family:"PloniYad";src:url("../fonts/ploni-yad-light-aaa.woff2") format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"PloniYad";src:url("../fonts/ploni-yad-regular-aaa.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"PloniYad";src:url("../fonts/ploni-yad-bold-aaa.woff2") format("woff2");font-weight:700;font-display:swap}
/* סולם הערכה (typography.md) כפול פקטור הכיול (font-calibration.md):
   כותרות פלוני יד, פקטור 1.11, λ 0.92 · טקסט פלוני, פקטור 1.19 והצמדה לטווח, λ 0.80 · מספרים בפלוני.
   H1 הירו ראווה 64×1.11=71 / מובייל 32×1.11=36 · H2 52 / 29 (הוגדל 7.10 לבקשת רועי: כותרת אזור ביחס של כחצי מה-H1 של הפתיחה, 96) · H3 20×1.11=22 / 18×1.11=20
   ליד 20 · גוף 18 · מטא 15 · מיקרו 14 · סטט ענק 72×1.19=86 / 56×1.19=67 · מספר גדול (מחיר) 38×1.19=45
   חריג אחד מוצהר: גובה השורה של H1 בפתיחה 0.9 במקום 1.06, לפי בקשת רועי 7.10 ("להוריד משמעותית"). */
.lp{--head:"PloniYad","Ploni",Arial,sans-serif;--fs-hero:clamp(36px,4.93vw,71px);--fs-h2:clamp(29px,3.6vw,52px);--fs-h3:clamp(21px,1.53vw,22px);--fs-lead:20px;--fs-body:18px;--fs-meta:15px;--fs-micro:14px;--fs-stat:clamp(67px,5.97vw,86px);--fs-num:45px}
.lp h1{font-weight:700;letter-spacing:-.01em;line-height:1.06}
.lp h2{font-weight:700;letter-spacing:0;line-height:1.1}
.lp h3{font-weight:700;letter-spacing:0;line-height:1.24}
.lp body,.lp{font-size:var(--fs-body);line-height:1.36}
.lp p{line-height:1.36}
.lp .lead,.lp .st-res,.lp .pain-list li,.lp .calc-q,.lp .calc-copy p,.lp .alone-in p,.lp .packs-top p,.lp .pk-for,.lp .bn p,.lp .ab-text p,.lp .diy-copy p,.lp .cc-year,.lp .cc-big span,.lp .works-top p{font-size:var(--fs-lead);line-height:1.28}
.lp .pain-list li,.lp .calc-q,.lp .ab-text p.strong,.lp .diy-copy p.strong{font-weight:400;color:var(--ink);max-width:40ch}
.lp .st-what,.lp .vt-biz,.lp .cc-top label,.lp .cc-up,.lp .cc-chip,.lp .ff-field label{font-size:var(--fs-meta);line-height:1.2}
.lp .cc-note,.lp .wk-note,.lp .pk-rib{font-size:var(--fs-micro);line-height:1.2}
.lp .vt-q{font-size:16px}
.lp :is(.stats b,.cc-big b,.cc-top output,.wk-list b){font-family:var(--body);font-weight:700;letter-spacing:-.02em;line-height:.8}
.lp .stats b,.lp .wk-list b{font-size:var(--fs-num)}
.lp .cc-big b{font-size:var(--fs-stat)}
.lp .cc-top output{font-size:var(--fs-h3);letter-spacing:0}
.lp .stats span{font-size:var(--fs-meta)}
.lp .alone-in .but{font-size:var(--fs-hero);line-height:1.06}
.lp .alone-in h2{font-size:var(--fs-hero);line-height:1.06}

/* ===== פתיחה: כותרת ממורכזת למעלה, ויד עם טלפון עולה מתחתיה (7.10.2026 ערב, רפרנס UMANO; מחליף את "רק טקסט") ===== */
.lp .hero{align-content:start;justify-items:center;text-align:center;padding-bottom:0;overflow:clip}
.lp .hero-copy{grid-column:1/-1;justify-items:center;max-width:760px;margin-inline:auto;gap:24px}
.lp .hero h1 .line>span{text-align:center}
.lp .hero h1{line-height:.9;max-width:760px}
.lp .hero h1 .line{padding-block:.08em;margin-block:-.08em}
.lp .hero h1 .h1-q>span{font-size:clamp(21px,2.64vw,38px);font-weight:300;line-height:1.1;padding-bottom:.35em;color:var(--ink-2)}
.lp .hero h1+.lead{margin-top:2px}
.lp .hero .lead{max-width:640px;margin-inline:auto;color:var(--grey);text-wrap:balance}
.lp .hero .ctas{justify-content:center}
.lp .hero .stats{justify-content:center;text-align:center;justify-items:center}

/* ===== ריווח: מצב דף נחיתה של הערכה (spacing-and-axes.md) — סקשן 72/56/48, ראש←תוכן 36 ===== */
/* דרגה אחת מתחת למצב הנחיתה של הערכה (72/56/48), לבקשת רועי 7.10: "לצמצם רווח בין האיזורים" */
.lp{--sec:56px}
@media (max-width:1023px){.lp{--sec:48px}}
@media (max-width:767px){.lp{--sec:40px}}
.lp :is(.works-top,.packs-top,.pain-h,.bonus-h){margin-bottom:36px}
.lp .wk{margin-top:var(--sec)}
/* בנייד ה-H1 הוא 36, ולכן מספרים בגודל "מחיר גדול" (45) היו עולים עליו — סדר הדומיננטיות מחייב שיירדו לגודל H2 */
@media (max-width:767px){.lp .wk-list b{font-size:var(--fs-h2)}}
/* חריג שני מוצהר (7.10.2026, רועי: "תגדיל משמעותית את הכותרת הראשית"): ה-H1 בפתיחה מעל תקרת הירו הראווה של הערכה (64×1.11=71).
   רק הכותרת הראשית; "אבל..." ו"וזה לא באשמתך" נשארים על הסולם. */
.lp .hero h1{font-size:clamp(46px,6.67vw,96px)}

/* ===== פתיחה, סבב 7.10 (רועי, לפי רפרנס עמוד המועדון של ביירדקוהוליק ופס המספרים של אברהם) =====
   רקע עמוק עם אור במרכז ורשת משבצות שנעלמת לשוליים · תיאור מדרגה למעלה ובלבן · מספרים בגודל הכותרת הראשית. */
.lp{--deep:#0C0B19}
.lp .hero{position:relative;isolation:isolate}
/* הרקע יושב בשכבה משלו, כדי שבגלילה הוא יתכווץ לכרטיס מעוגל בלי לחתוך את היד */
.lp .hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 58% 52% at 50% 22%,rgba(127,101,251,.22),rgba(127,101,251,0) 72%),var(--deep);clip-path:inset(0 0 0 0 round 0)}
.lp .hero-bg::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(240,233,221,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(240,233,221,.11) 1px,transparent 1px);background-size:44px 44px;background-position:center top;mask-image:radial-gradient(ellipse 62% 58% at 50% 24%,#000 25%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 62% 58% at 50% 24%,#000 25%,transparent 78%)}
.lp-hd::before{transition:opacity .4s}
.lp-hd.on-hero::before{opacity:0}
.lp .hero .lead{font-size:clamp(20px,1.67vw,24px);line-height:1.28;color:var(--ink);max-width:760px}
.lp .hero .stats{gap:clamp(28px,5vw,80px);border-top:0;padding-top:8px}
.lp .hero .stats b{font-family:var(--body);font-size:clamp(46px,6.67vw,96px);line-height:.8;letter-spacing:-.02em}
.lp .hero .stats span{font-size:18px;margin-top:14px;color:var(--ink-2)}
/* ===== ריווח הפתיחה לפי spacing-and-axes.md (7.10, רועי: "זה לא מספיק מרווח. תרווח לפי החוקים") =====
   כותרת ← ליד 24 (הירו) · ליד ← CTA 32 · הוכחה (המספרים) היא נושא חדש, ולכן מרווח של סקשן במצב נחיתה: 72.
   כל מרווח נמדד מדיו לדיו. השאלה מעל ההבטחה מקבלת 24, כמו כותרת ← ליד. */
.lp .hero-copy{gap:0}
.lp .hero h1 .h1-q>span{padding-bottom:0}
.lp .hero h1 .h1-q{margin-bottom:14px}
.lp .hero h1+.lead{margin-top:1px}
.lp .hero .ctas{margin-top:25px}
.lp .hero .stats{margin-top:66px;padding-top:0}
/* ערכי margin בפתיחה מפצים על גובה השורה הצפוף, כך שהמרווח הנמדד מדיו לדיו יוצא בדיוק 24 / 24 / 32 / 72. */

/* ===== ריווח בכל הדף לפי spacing-and-axes.md — רק ערכים מהסולם (4…112) =====
   כותרת ← ליד 16 · פסקה ← פסקה 16 · גוף ← CTA 40 · בלוק ← תת-בלוק 40 · ראש סקשן ← תוכן 36 (נחיתה)
   גריד כרטיסים 24 · עמודות split 56 · פנים כרטיס 32 · שורות רשימה 24 · זוג כפתורים 12 */
.lp{--gg:24px}
.lp .ctas{gap:12px}
.lp .works-top,.lp .packs-top{row-gap:16px}
.lp .calc-copy,.lp .diy-copy,.lp .ab-text{gap:16px}
.lp .calc-copy h2{margin-bottom:0}
.lp .ab-text>div.rv:last-child,.lp .diy-copy>div.rv:last-child{margin-top:24px}
.lp .alone-in{gap:16px}
.lp .alone-in>div{margin-top:24px}
.lp .pain-list li{padding-block:24px}
.lp .st-row{padding-block:24px;column-gap:24px}
.lp .st-body{gap:4px}
.lp .calc-card{padding:32px;gap:24px}
.lp .cc-field{gap:8px}
.lp .cc-res{padding-top:24px;gap:8px}
.lp .pk{padding:32px;gap:12px}
.lp .wk{row-gap:24px}
.lp .bn{padding-top:24px}
.lp .c-form{padding:32px}
.lp .contact .inner{column-gap:56px;row-gap:40px}
.lp .c-copy{gap:16px}
.lp .about-lp{column-gap:var(--gg)}
.lp .diy-top,.lp .diy-end{row-gap:32px}
.lp .sec-head{margin-bottom:24px}
@media (max-width:900px){.lp .calc-card,.lp .c-form{padding:24px}.lp .pk{padding:28px 24px}}
/* בנייד, אותם יעדים מדיו לדיו: כותרת ← ליד 24 · ליד ← CTA 32 · הוכחה 48 (סקשן נחיתה בנייד) */
@media (max-width:767px){.lp .hero h1+.lead{margin-top:9px}.lp .hero .ctas{margin-top:27px}.lp .hero .stats{margin-top:46px}}
/* הפרדה בין בלוק התוכן לבלוק המספרים (7.10, רועי): קו שיער ברוחב כותרת סקשן (760), 72 מעליו ו-48 מתחתיו */
.lp .hero .stats{width:min(100%,760px);border-top:1px solid var(--line-strong);padding-top:48px;margin-top:66px}
@media (max-width:767px){.lp .hero .stats{padding-top:32px;margin-top:46px}}
/* כפתורים בבולד (7.10, רועי) — בולד = 700 */
.lp .pill{font-weight:700}
/* כיול מדיו לדיו כולל הקו הסגול מתחת להבטחה (הוא דיו לכל דבר): ליד 24, קו ההפרדה 72 מעל ו-48 מתחת (בנייד 48/32) */
.lp .hero h1+.lead{margin-top:14px}
.lp .hero .stats{margin-top:72px;padding-top:42px}
@media (max-width:767px){.lp .hero h1+.lead{margin-top:16px}.lp .hero .stats{margin-top:48px;padding-top:30px}}

/* ===== הובר כפתורים: מילוי שמתפשט מנקודת הכניסה של העכבר (7.10, רועי: "שיתמלא בצורה מרשימה") =====
   כפתור מלא (קרם) מתמלא בסגול המותג מועמק ב-20% לכיוון הרקע, והטקסט מתהפך ללבן (ניגודיות 5.5, עובר AA).
   כפתור מתאר מתמלא בקרם, והטקסט מתהפך לכהה. העיגול גדל מהנקודה שבה העכבר נכנס ומתכווץ לנקודה שבה יצא.
   רק במכשיר עם עכבר אמיתי (שער ההובר של motion.md), וכבוי ב-prefers-reduced-motion. */
.lp .pill{position:relative;overflow:hidden;isolation:isolate;transition:color .3s var(--ease-out),border-color .3s var(--ease-out),transform .12s var(--ease),translate .25s var(--ease)}
.lp .pill-fill{position:absolute;left:var(--fx,50%);top:var(--fy,50%);width:var(--fd,300px);height:var(--fd,300px);border-radius:50%;z-index:-1;pointer-events:none;transform:translate(-50%,-50%) scale(0);transition:transform .6s var(--ease-out);background:color-mix(in srgb,var(--accent) 80%,var(--bg-3))}
.lp .pill.ghost .pill-fill{background:var(--ink)}
@media (hover:hover) and (pointer:fine){
  .lp .pill:hover{background:var(--pill)}
  .lp .pill.ghost:hover{background:transparent;border-color:var(--ink)}
  .lp .pill.filled{color:#fff}
  .lp .pill.ghost.filled{color:var(--bg)}
  .lp .pill.filled .pill-fill{transform:translate(-50%,-50%) scale(1)}
  .lp .pill:active{transform:scale(.98)}
}
@media (prefers-reduced-motion:reduce){.lp .pill-fill{transition:none}}

/* ===== פתיחה — שחזור אחד לאחד של הפתיחה של אברהם לשם (7.10, רועי) =====
   שאלה קטנה מעל · כותרת בשלוש שורות עם מילות מפתח בצבע המבטא · תיאור דו-גוני · כפתור מלא לתוצאות + כפתור מתאר לשיחה · מספרים בצבע המבטא.
   בכותרת העליונה: "שנדבר?" מימין, ניווט באמצע, לוגו משמאל. */
.lp-hd{gap:24px}
.lp-nav{display:flex;align-items:center;gap:28px;pointer-events:auto}
.lp-nav a{font-size:15px;font-weight:500;color:var(--ink-2);transition:color .15s var(--ease)}
@media (hover:hover){.lp-nav a:hover{color:var(--ink)}}
.lp .hero-q{font-size:var(--fs-lead);line-height:1.28;color:var(--ink);margin-bottom:24px}
.lp .hero h1{max-width:min(100%,1240px)}
.lp .hero h1 .hl,.lp .hl{font-weight:inherit;color:var(--accent)}
.lp .hero .lead{max-width:760px}
.lp .hero .lead .lead-b{color:var(--grey)}
.lp .hero .stats b{color:var(--accent)}
.lp .hero .stats b[data-plus]::after{color:var(--accent)}
.lp .st-res small{display:block;font-size:var(--fs-micro);font-weight:500;color:var(--grey);margin-bottom:4px}
.lp .cc-step{font-size:var(--fs-meta);font-weight:500;color:var(--grey);letter-spacing:.01em}
.lp .cc-top label small{display:block;font-size:var(--fs-micro);color:var(--grey);margin-top:2px}
.lp .cc-lead{font-size:var(--fs-lead);color:var(--ink)}
.lp .cc-big{margin-top:0}
@media (max-width:1100px){.lp-nav{display:none}}
.lp .hero-copy{max-width:1240px}
/* בנייד שלוש השורות זורמות כטקסט אחד, כדי שהכותרת לא תישבר לשש שורות */
@media (max-width:767px){
  .lp .hero h1 .line{display:inline;overflow:visible;padding:0;margin:0}
  .lp .hero h1 .line>span{display:inline;transform:none}
  .lp .hero h1 .line+.line::before{content:" "}
}
.lp .hero-q{margin-bottom:20px}

/* ===== היד עם הטלפון (7.10.2026 ערב, הקומפוזיציה של UMANO אחד לאחד) =====
   יד מלבד סגול, באותו חומר ואור של הצורות. הטלפון עולה במקום שורת המספרים, ושני מספרים עומדים משני צדיו
   (רועי: "לא להוריד מרווחים"). ראש הטלפון יושב 72 מתחת לכפתורים — אותו מרווח שהיה לשורת המספרים.
   התמונה גולשת 30% מתחת לתחתית הפתיחה ונחתכת בקצה הכרטיס; בגלילה היא עולה בדיוק בגובה הזה, ולכן החיתוך תמיד בקצה.
   .hand-screen יושב בדיוק על המסך שבתמונה (נמדד בפיקסלים של המקור 1024×1024) ומחכה לסרטון. */
.lp .hero-show{--hw:clamp(400px,46vw,740px);grid-column:1/-1;position:relative;z-index:1;width:var(--hw);margin:calc(72px - var(--hw) * .09) 0 calc(var(--hw) * -.3);will-change:transform}
.lp .hand-shot{position:relative}
.lp .hand-shot img{display:block;width:100%;height:auto}
.lp .hand-screen{position:absolute;left:31.5%;top:10.2%;width:37%;height:78%;border-radius:10.5%/5%;overflow:hidden;background:#000}
.lp .hand-screen>video,.lp .hand-screen>img{width:100%;height:100%;object-fit:cover;display:block}
/* המספרים: סרט "מבצע" אחד, שקוף עם אפקט זכוכית (בלי קו עליון ובלי הגברת רוויה — רועי: "שזה מתבהר בקצה העליון"), שחוצה את הפינה השמאלית העליונה של הפתיחה, והטקסט רץ בו בלופ
   (רועי, 7.10.2026: "זה גונב את ההצגה מהויזואל המרכזי"). בלי clip-path ובלי שקיפות על ההורים — הם היו מנתקים את הזכוכית
   מהרקע. הקצוות נחתכים בקצה הפתיחה; בגלילה הצד השמאלי זז פנימה יחד עם הכרטיס. --d הוא המרחק מהפינה לאורך כל ציר. */
.lp .hs-stats{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.lp .hs-band{--d:450px;--rh:60px;position:absolute;left:calc(var(--d) / 2 - 600px);top:calc(var(--d) / 2 - var(--rh) / 2);width:1200px;height:var(--rh);rotate:-45deg;overflow:hidden;direction:ltr;display:flex;align-items:center;background:rgba(240,233,221,.07);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(240,233,221,.2)}
.lp .hs-track{display:flex;flex:none;will-change:transform}
.lp .hs-set{display:flex;align-items:center;flex:none;gap:28px;padding-inline-end:28px;white-space:nowrap}
.lp .hs-item{font-size:18px;line-height:1;color:var(--ink)}
.lp .hs-item b{font-family:var(--body);font-weight:700;font-size:28px;letter-spacing:-.02em}
.lp .hs-set i{width:6px;height:6px;border-radius:50%;background:#FFB340;flex:none}
.lp .ab-stats{border-top:0;padding-top:0;margin-top:8px}
@media (max-width:767px){
  .lp .hero-show{--hw:112vw;width:100%;margin:40px 0 calc(var(--hw) * -.3)}
  /* בנייד אין פינה פנויה (הכותרת מגיעה עד השוליים), ולכן הסרט יושב מוטה בין הכפתורים ליד ויוצא משני קצוות המסך */
  .lp .hs-stats{position:relative;inset:auto;grid-column:1/-1;width:100vw;height:64px;margin:32px calc((100% - 100vw) / 2) 0;overflow:visible}
  .lp .hs-band{--rh:48px;left:-10vw;top:8px;width:120vw;rotate:-4deg}
  .lp .hs-item{font-size:15px}
  .lp .hs-item b{font-size:22px}
  .lp .hand-shot{width:112vw;margin-inline:calc((100% - 112vw) / 2)}
}

/* ---------- אתרים שבניתי: גליל תלת ממדי מוטה לרוחב המסך (במקום הלפטופ והרשימה) ---------- */
.cyl{--cw:clamp(260px,32vw,620px);position:relative;width:100%;height:calc(var(--cw)*1.05);margin-top:8px;direction:ltr;perspective:1700px;perspective-origin:50% 35%;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-mask:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.cyl.grab{cursor:grabbing}
.cyl-stage{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateZ(-9deg) rotateX(-10deg)}
.cyl-ring{position:absolute;left:50%;top:50%;width:var(--cw);margin-left:calc(var(--cw)/-2);margin-top:calc(var(--cw)*-.28);transform-style:preserve-3d;will-change:transform}
.cyl-card{position:absolute;inset:0 auto auto 0;width:var(--cw);margin:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.cyl-in{transform:translateY(180px);opacity:0;transition:transform 1.1s var(--ease) calc(var(--i)*55ms),opacity .8s var(--ease) calc(var(--i)*55ms)}
.cyl.in .cyl-in{transform:none;opacity:1}
.cyl-shot{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--bg-2);box-shadow:0 40px 80px -24px rgba(0,0,0,.7);outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}
.cyl-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;pointer-events:none}
.cyl-shade{position:absolute;inset:0;background:#0d0b1f;opacity:0;pointer-events:none}
@media (max-width:767px){.cyl{--cw:72vw;height:calc(var(--cw)*1.25);perspective:1000px;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}}
/* פס בין הפתיחה לאזור הבא, לא אזור עם כותרת משלו (רפרנס אברהם) */
/* התפר עם הפתיחה (7.10): הגליל עולה על תחתית כרטיס הפתיחה ומסתיר את קו החיתוך של היד, והזוהר הסגול ממשיך מתחת לתפר */
.lp .works-band{--ov:calc(clamp(260px,32vw,620px) * .34);position:relative;z-index:2;margin-top:calc(var(--ov) * -1);padding-block:0}
.lp .works-band .cyl{margin-top:0}
/* המסגרת הכהה של הפתיחה ממשיכה מתחת לגליל ונסגרת אחריו (רועי 7.10: "אסור שהמסגרת הכהה תסתיים לפני הגלגל").
   מתחילה בדיוק בתחתית הפתיחה (--ov), כדי לא לכסות את היד, ומתכווצת לכרטיס יחד איתה */
.lp .wb-bg{position:absolute;inset:calc(var(--ov) - 2px) 0 50% 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 46% 34% at 50% 18%,rgba(127,101,251,.16),rgba(127,101,251,0) 72%) no-repeat,var(--deep);clip-path:inset(0 0 0 0 round 0)}
/* הגליל חוצה את כל רוחב המסך ויוצא משני הקצוות, בלי דהייה באמצע האוויר ובלי חיתוך למעלה (רועי 7.10). החיתוך היחיד הוא קצה המסך */
.lp .works-band{overflow-x:clip}
.lp .works-band .cyl{width:100vw;margin-inline:calc(50% - 50vw);overflow:visible;-webkit-mask:none;mask:none}
.cyl.scrub .cyl-in{transition:none}
/* בנייד היד יושבת מעל הכותרת והכפתורים סוגרים את הפתיחה, ולכן אין עלייה על הכרטיס (היא הייתה מכסה כפתור) */
.lp .works-band{margin-bottom:-40px} /* החלל הריק שבתחתית קופסת הגליל, מתחת לכרטיס הנמוך ביותר */
@media (max-width:767px){.lp .works-band{--ov:24px;margin-bottom:-16px}}
@media (prefers-reduced-motion:reduce){.cyl-in{transform:none;opacity:1;transition:none}}

/* ===== מחשבון: פולד שלם עם שני כרטיסים (7.10.2026, רפרנס avrahamleshem.com; רועי: "יותר מדי מלל", "המחשבון מקבל פולד שלם") =====
   ראש ממורכז כמו אזור הכאבים · שני כרטיסי זכוכית כמו "תוצאות מוכחות", ימין נתונים ושמאל התוצאה · כל כרטיס בגובה כמעט מסך */
.lp .calc-top{justify-items:center;text-align:center;row-gap:16px}
.lp .calc-top h2{grid-column:1/-1}
.lp .calc-top h2 .line>span{text-align:center}
.lp .calc-top .calc-q1{font-weight:300;color:var(--ink-2)}
.lp .calc-top p{grid-column:1/-1;font-size:var(--fs-lead);line-height:1.28;color:var(--grey);max-width:44ch;text-wrap:balance}
.calc-stage{position:relative;margin-top:48px}
.calc-stage::before{content:"";position:absolute;inset:-10% 0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 30% 40% at 72% 40%,rgba(127,101,251,.30),rgba(127,101,251,0) 70%),radial-gradient(ellipse 28% 38% at 28% 62%,rgba(127,101,251,.24),rgba(127,101,251,0) 70%),radial-gradient(ellipse 18% 24% at 34% 30%,rgba(255,179,64,.12),rgba(255,179,64,0) 70%)}
.calc-cards{position:relative;z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;max-width:1160px;margin-inline:auto}
.cc-card{position:relative;display:flex;flex-direction:column;gap:32px;min-height:clamp(560px,calc(100svh - 200px),760px);padding:48px;border-radius:32px;overflow:hidden;
  background:linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.035) 46%,rgba(255,255,255,.06));
  -webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);box-shadow:0 40px 80px -40px rgba(6,4,18,.8)}
.cc-card::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse 70% 40% at 82% 0%,rgba(255,255,255,.14),rgba(255,255,255,0) 70%)}
.cc-card>*{position:relative}
.lp .cc-card .cc-step{font-size:var(--fs-meta);font-weight:700;color:var(--accent);letter-spacing:.01em}
.lp .cc-title{font-size:clamp(24px,2.22vw,32px);line-height:1.15;margin-top:-16px}
.cc-in .cc-field{display:grid;gap:16px;margin-top:auto}
.cc-in .cc-field+.cc-field{margin-top:0}
.cc-in .cc-top{align-items:center}
.lp .cc-in .cc-top label{font-size:var(--fs-lead);line-height:1.28;color:var(--ink)}
/* הערך בתיבה, כמו ברפרנס */
.lp .cc-in .cc-top output{display:inline-grid;place-items:center;min-width:132px;min-height:64px;padding:0 20px;border-radius:16px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(240,233,221,.14);font-size:var(--fs-h3);line-height:1;color:var(--accent)}
/* סליידר בשפה של האתר: מסילה דקה שמתמלאת בסגול, ידית קרם עם טבעת סגולה */
.cc-in input[type=range]{-webkit-appearance:none;appearance:none;height:44px;--p:30%;background:linear-gradient(to left,var(--accent) var(--p),rgba(240,233,221,.14) var(--p)) center/100% 4px no-repeat}
.cc-in input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px var(--accent),0 6px 16px rgba(127,101,251,.5);transition:transform .2s var(--ease)}
.cc-in input[type=range]::-moz-range-thumb{width:24px;height:24px;border:0;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px var(--accent)}
.cc-in input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}
.cc-in .cc-up{margin-top:auto;padding-top:24px;border-top:1px solid rgba(240,233,221,.12)}
.cc-out .cc-res{border-top:0;padding-top:0;margin-block:auto;gap:16px}
.lp .cc-out .cc-big b{font-size:clamp(72px,8.33vw,120px);color:var(--accent);line-height:.85}
.lp .cc-out .cc-big span{color:var(--ink)}
.lp .cc-out .cc-year{color:var(--grey)}
.cc-act{display:grid;justify-items:start;gap:16px}
.lp .cc-act .cc-note{color:var(--grey)}
@media (max-width:900px){
  .calc-cards{grid-template-columns:minmax(0,1fr);row-gap:16px}
  .cc-card{min-height:0;padding:32px 24px;gap:24px;border-radius:24px}
  .cc-in .cc-field{margin-top:0}
  .lp .cc-in .cc-top output{min-width:104px;min-height:52px}
  .lp .cc-out .cc-big b{font-size:var(--fs-stat)}
}